/* Start:/local/templates/artfactor/css/fonts.css?1722871821568*/
@font-face {
font-family: 'Onest';
src: url('/HTML/assets/fonts/onest/subset-Onest-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url('/HTML/assets/fonts/onest/Onest-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url('/HTML/assets/fonts/onest/subset-Onest-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* End */
/* Start:/local/templates/artfactor/css/swiper-bundle.min.css?172288558615132*/
@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}
/* End */
/* Start:/local/templates/artfactor/css/aos.css?172141115928765*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
/* End */
/* Start:/local/templates/artfactor/css/page_info.css?1732882468100188*/
.container {
display: block;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
padding: 0 0;
}
@media (min-width: 300px) {
.container {
max-width: 100%;
padding: 0 15px;
}
}
@media (min-width: 576px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
padding: 0;
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1300px;
}
}
@media (min-width: 1910px) {
.container {
max-width: 1720px;
}
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
body.ovhidden {
overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ul,
ol,
li {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
display: inline-block;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select,
button {
vertical-align: middle;
border: none;
background-color: transparent;
}
input:focus,
select:focus,
button:focus {
outline: none;
}
button {
cursor: pointer;
}
html {
scroll-behavior: smooth;
}
/*html::-webkit-scrollbar {*/
/* background-color: #f8f8f8;*/
/* width: 5px;*/
/*}*/
/*html::-webkit-scrollbar-thumb {*/
/* background-color: #ff6b00;*/
/* width: 3px;*/
/* border-radius: 5px;*/
/*}*/
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Onest", sans-serif;
}
.breadcrumb_list li:before {
content: none;
}
.wrapper {
padding-bottom: 50px;
}
.breadcrumb {
margin-top: 30px;
margin-bottom: 10px;
}
@media (max-width: 1002px) {
.breadcrumb {
overflow: scroll;
}
}
@media (max-width: 1002px) {
.breadcrumb .container {
padding-right: 0px;
width: 100%;
}
}
.breadcrumb .breadcrumb_list {
display: flex;
gap: 30px;
}
@media (max-width: 1002px) {
.breadcrumb .breadcrumb_list {
overflow: auto;
}
}
.breadcrumb .breadcrumb_list .breadcrumb_list_item {
position: relative;
}
.breadcrumb .breadcrumb_list .breadcrumb_list_item::before {
content: none;
}
.breadcrumb .breadcrumb_list .breadcrumb_list_item .breadcrumb_link {
color: var(--414147, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
border-bottom: none;
white-space: nowrap;
}
.breadcrumb .breadcrumb_list .breadcrumb_list_item .breadcrumb_link.current_link {
color: #9595a4;
}
@media (max-width: 1002px) {
.breadcrumb .breadcrumb_list .breadcrumb_list_item .breadcrumb_link {
font-size: 15px;
}
}
.breadcrumb .breadcrumb_list .breadcrumb_list_item:not(:last-of-type)::after {
content: "/";
width: auto;
height: auto;
position: absolute;
right: -20px;
color: #d0d0dd;
}
.page_title {
color: var(--414147, #414147);
font-size: 42px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 58.8px */
margin-bottom: 50px;
}
@media (max-width: 1002px) {
.page_title {
font-size: 26px;
margin-bottom: 30px;
}
}
.bottom__cookie-block {
border-radius: 5px;
border: 1px solid var(--D6D6DD, #d0d0dd);
background: #fff;
padding: 20px;
bottom: 20px;
max-width: 1720px;
align-items: center;
}
.cookie_text {
color: var(--414147, #414147);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cookie_text a {
color: var(--FF6A00, #ff6a00);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.bottom__cookie-block .btn-2 {
border-radius: 5px;
background: var(--FF6A00, #ff6a00);
color: var(--FFFFFF, #fff);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
padding: 15px 30px;
width: auto;
height: auto;
margin: 0;
}
.btn-up {
width: 60px;
height: 60px;
border-radius: 44px;
background: #414147;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
right: 48px;
}
@media (max-width: 1002px) {
.btn-up {
right: 10px;
}
}
.btn-up svg {
width: 18px;
height: 30px;
}
.button_grey {
border-radius: 5px;
border: 1px solid #d0d0dd;
background-color: #e6e6eb;
padding: 15px 30px;
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.button_grey {
font-size: 18px;
width: 100%;
text-align: center;
}
}
.button_orange {
border-radius: 5px;
background: var(--FF6A00, #ff6a00);
padding: 15px 30px;
color: var(--FFFFFF, #fff);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.button_orange {
font-size: 18px;
}
}
.block_title {
color: var(--414147, #414147);
margin-bottom: 20px;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%;
}
@media (max-width: 1310px) {
.block_title {
font-size: 24px;
}
}
@media (max-width: 1002px) {
.block_title {
font-size: 22px;
margin-bottom: 15px;
}
}
.section_title {
color: var(--414147, #414147);
font-size: 39px;
font-style: normal;
font-weight: 300;
line-height: 147%; /* 56px */
margin-bottom: 35px;
}
@media (max-width: 1310px) {
.section_title {
font-size: 28px;
line-height: normal;
}
}
@media (max-width: 1002px) {
.section_title {
font-size: 24px;
margin-bottom: 20px;
}
}
main {
padding-bottom: 100px;
}
main section:not(:last-of-type) {
margin-bottom: 50px;
}
@media (max-width: 1002px) {
main section:not(:last-of-type) {
margin-bottom: 30px;
}
}
main section.section-fabric {
margin-bottom: 200px;
}
@media (max-width: 1002px) {
main section.section-fabric {
margin-bottom: 80px;
}
}
.product_block {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 30px;
}
@media (max-width: 1310px) {
.product_block {
justify-content: space-between;
}
}
@media (max-width: 1002px) {
.product_block {
gap: 10px;
}
}
.product_block .product_item_card {
flex: 0 0 calc(30% - 25px);
border: 1px solid var(--D6D6DD, #d0d0dd);
}
@media (max-width: 1310px) {
.product_block .product_item_card {
flex: 0 0 calc(47.3333333333% - 5px);
}
}
@media (max-width: 1002px) {
.product_block .product_item_card {
flex: 0 0 calc(33% - 10px);
}
}
@media (max-width: 600px) {
.product_block .product_item_card {
flex: 0 0 calc(50% - 10px);
}
}
.product_block .product_item_card:hover .product_img img {
transform: scale(1.3);
}
.product_block .product_item_card .product_header {
padding: 20px 20px 10px;
display: flex;
justify-content: space-between;
position: relative;
min-height: 50px;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_header {
padding: 10px;
}
}
.product_block .product_item_card .product_header .badge_new {
color: var(--414147, #414147);
top: 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 2px;
background: var(--E6E6EB, #e6e6eb);
padding: 0 8px;
position: absolute;
left: 20px;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_header .badge_new {
font-size: 13px;
left: 10px;
top: 10px;
}
}
.product_block .product_item_card .product_header .badge_avialable {
color: #086818;
top: 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
right: 20px;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_header .badge_avialable {
font-size: 13px;
right: 10px;
top: 10px;
}
}
.product_block .product_item_card .product_img {
flex: 1 1 auto;
overflow: hidden;
}
.product_block .product_item_card .product_img img {
width: 100%;
transition: 0.4s all ease;
}
.product_block .product_item_card .hidden {
opacity: 0;
visibility: hidden;
}
.product_block .product_item_card .product_text {
padding: 10px 20px 20px;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_text {
padding: 10px;
}
}
.product_block .product_item_card .product_text .product_name {
color: var(--414147, #414147);
margin-bottom: 10px;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
margin-bottom: 10px;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_text .product_name {
font-size: 13px;
}
}
.product_block .product_item_card .product_text .product_price {
display: flex;
color: var(--414147, #414147);
justify-content: space-between;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_text .product_price {
font-size: 13px;
}
}
.product_block .product_item_card .product_text .product_price .old_price {
color: var(--9B9BA4, #9595a4);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
text-decoration-line: line-through;
}
@media (max-width: 1002px) {
.product_block .product_item_card .product_text .product_price .old_price {
font-size: 13px;
}
}
.pagination_list {
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
}
.pagination_list .list_link {
color: var(--414147, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
padding: 15px 20px;
border-radius: 4px;
border: 1px solid var(--E6E6EB, #e6e6eb);
background: var(--F6F6F6, #f6f6f6);
}
.pagination_list .list_link.active {
background-color: #ff6a00;
color: #fff;
}
@media (max-width: 1002px) {
.pagination_list .list_link {
font-size: 15px;
}
}
/*
.modal {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
transition: 0.4s all ease;
opacity: 0;
visibility: hidden;
pointer-events: initial;
overflow: auto;
padding-top: 50px;
}*/
.modal .ag-countrymask.iti {
width: 100%;
}
.modal .ag-countrymask.iti .iti__selected-flag {
justify-content: center;
}
.modal .iti__selected-flag {
justify-content: center !important;
}
@media (max-width: 1310px) {
.modal {
align-items: flex-start;
overflow-y: scroll;
}
}
.modal.active {
opacity: 1;
visibility: visible;
}
.modal .modal_inner {
max-width: 1500px;
border-radius: 15px;
background: #fff;
padding: 50px 48px;
display: flex;
align-items: flex-start;
gap: 50px;
position: relative;
}
@media (max-width: 1310px) {
.modal .modal_inner {
flex-direction: column;
width: 100%;
padding: 40px 30px;
}
}
@media (max-width: 1002px) {
.modal .modal_inner {
border-radius: 0;
padding-bottom: 100px;
}
}
.modal .modal_inner .modal_info {
display: flex;
flex-direction: column;
gap: 25px;
text-align: left;
}
@media (max-width: 1310px) {
.modal .modal_inner .modal_info {
width: 100%;
}
}
.modal .modal_inner .modal_info .modal_title {
color: var(--414147, #414147);
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 56px */
word-spacing: -3px;
text-align: left;
}
@media (max-width: 1310px) {
.modal .modal_inner .modal_info .modal_title {
font-size: 24px;
}
}
.modal .modal_inner .modal_info .modal_img {
display: flex;
gap: 30px;
}
/*.modal .modal_inner .modal_info .modal_img img {*/
.modal .modal_inner .modal_info .modal_img .modal_img-wrapper {
width: 50%;
aspect-ratio: 16/9;
object-fit: cover;
overflow: hidden;
}
.modal .modal_inner .modal_info .modal_img .modal_img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform .3s ease-in-out;
}
.modal .modal_inner .modal_info .modal_img .modal_img-wrapper:hover img {
transform: scale(1.05);
}
@media (max-width: 1850px) {
/*.modal .modal_inner .modal_info .modal_img img {*/
.modal .modal_inner .modal_info .modal_img .modal_img-wrapper {
width: 100%;
max-height: 350px;
}
}
@media (max-width: 1310px) {
/*.modal .modal_inner .modal_info .modal_img img {*/
.modal .modal_inner .modal_info .modal_img .modal_img-wrapper {
max-width: 500px;
margin-right: auto;
margin-left: auto;
}
}
.modal .modal_inner .modal_info .modal_text {
color: var(--6F6F76, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1310px) {
.modal .modal_inner .modal_info .modal_text {
font-size: 17px;
}
}
.modal .modal_inner .modal_info .modal_text:last-of-type {
font-size: 17px;
}
.modal .modal_inner .modal_form {
flex: 0 0 40%;
max-width: 450px;
width: 100%;
text-align: left;
}
@media (max-width: 1310px) {
.modal .modal_inner .modal_form {
max-width: 100%;
}
}
.modal .modal_inner .modal_form .form_title {
color: var(--414147, #414147);
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 33px */
margin-bottom: 20px;
}
.modal .modal_inner .modal_form .form_text {
color: var(--6F6F76, #414147);
margin-bottom: 20px;
font-family: Onest;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}
.modal .modal_inner .modal_form .input_wr_item {
margin-bottom: 15px;
width: 100%;
}
.modal .modal_inner .modal_form .input_wr_item .callback-form-new__input {
height: 60px;
border-radius: 4px;
padding-left: 105px !important;
}
.modal .modal_inner .modal_form .input_wr_item .iti__flag-container {
padding: 5px;
width: 95px;
}
.modal .modal_inner .modal_form .custom_input {
border-radius: 5px;
border: 1px solid var(--D6D6DD, #d0d0dd);
background: var(--FFFFFF, #fff);
color: var(--9B9BA4, #9595a4);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
padding: 15px;
width: 100%;
}
@media (max-width: 1310px) {
.modal .modal_inner .modal_form .custom_input {
font-size: 18px;
}
}
.modal .modal_inner .modal_form .upload_input {
opacity: 0;
position: absolute;
}
.modal .modal_inner .modal_form .upload_label {
cursor: pointer;
display: flex;
width: 100%;
padding: 32.5px 20px;
align-items: center;
color: var(--6F6F76, #414147);
gap: 10px;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
justify-content: center;
border-radius: 5px;
border: 1px dashed var(--D6D6DD, #d0d0dd);
background: var(--F6F6F6, #f6f6f6);
}
.modal .modal_inner .modal_form .button_orange {
width: 100%;
}
.modal .modal_close {
position: absolute;
top: 20px;
right: 20px;
}
.forma_page .modal {
position: relative;
padding-bottom: 50px;
padding-top: 50px;
}
.footer__bottom {
padding-bottom: 80px;
}
.subscribe__agreement {
align-items: center;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 100% !important;
}
.subscribe__agreement-checkbox {
cursor: pointer;
}
textarea {
resize: none;
}
.mySwiper .swiper-slide {
cursor: pointer;
}
img {
object-fit: cover;
}
.agreement span:not([class]),
.input-checkbox span:not([class]) {
position: absolute;
padding-left: 35px;
}
@media (max-width: 1002px) {
.agreement span:not([class]),
.input-checkbox span:not([class]) {
padding-left: 45px;
text-wrap: wrap;
white-space: normal;
}
}
.agreement span::before, .input-checkbox span::before {
background-color: transparent;
}
.whatsapp-button {
z-index: 99;
}
.nice-select.open .list {
width: 100%;
}
.nice-select:after {
content: "";
display: block;
height: 5px;
pointer-events: none;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
-webkit-transform: 0deg;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"%3E%3Cpath d="M13 1L7 7L1 0.999999" stroke="%239595A4" stroke-width="2"/%3E%3C/svg%3E');
border: none;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
}
.nice-select.open:after {
transform: rotate(0deg);
}
.swiper {
display: none;
}
.swiper.swiper-initialized {
display: block;
}
.swiper.swiper-initialized ~ .swiper-button-prev, .swiper.swiper-initialized ~ .swiper-button-next {
display: flex !important;
}
.swiper ~ .swiper-button-prev, .swiper ~ .swiper-button-next {
display: none !important;
}
@media (max-width: 650px) {
.subscribe__contorls {
width: 100%;
}
.subscribe__contorls .subscribe__agreement-text {
margin-left: 32px;
}
}
.callback-form-new {
padding-top: 0;
}
.main {
padding-bottom: 0;
}
.wrapper {
padding-bottom: 0;
}
.sticky {
position: -webkit-sticky;
position: sticky !important;
top: 190px;
margin-bottom: 70px;
}
.sticky:before,
.sticky:after {
content: "";
display: table;
}
.section-about .about_inner .about_block {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 1002px) {
.section-about .about_inner .about_block {
flex-direction: column;
}
}
.section-about .about_inner .about_block .about_text {
flex: 0 0 calc(50% - 50px);
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
.section-about .about_inner .about_block .about_text p {
margin-bottom: 30px;
}
@media (max-width: 1310px) {
.section-about .about_inner .about_block .about_text p {
margin-bottom: 15px;
}
}
@media (max-width: 1310px) {
.section-about .about_inner .about_block .about_text {
font-size: 18px;
}
}
@media (max-width: 1310px) {
.section-about .about_inner .about_block .about_text {
font-size: 18px;
line-height: normal;
}
}
.section-about .about_inner .about_block .about_images {
flex: 0 0 calc(50% - 50px);
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1002px) {
.section-about .about_inner .about_block .about_images {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
}
.section-about .about_inner .about_block .about_images .swiper-slide img {
width: 100%;
}
.section-about .about_inner .about_block .about_images .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-about .about_inner .about_block .about_images .mySwiper .swiper-slide {
position: relative;
}
.section-about .about_inner .about_block .about_images .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-about .about_inner .about_block .about_images .mySwiper .swiper-slide-thumb {
cursor: pointer;
}
.section-about .about_inner .about_block .about_images .mySwiper .swiper-slide-thumb-active {
position: relative;
}
.section-about .about_inner .about_block .about_images .mySwiper .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-about .about_inner .about_block .about_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-about .about_inner .about_block .about_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-about .about_inner .about_block .about_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-about .about_inner .about_block .about_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-about .about_inner .about_block .about_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-about .about_inner .about_block .about_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-about .about_inner .about_block .about_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-about .about_inner .about_block .about_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-about .about_inner .about_block .about_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-about .about_inner .about_block .about_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
}
.section-about .about_inner .about_block .about_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-about .about_inner .about_block .about_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-about .about_inner .about_block .about_images .swiper-horizontal > .swiper-pagination-bullets,
.section-about .about_inner .about_block .about_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-about .about_inner .about_block .about_images .swiper-pagination-custom,
.section-about .about_inner .about_block .about_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
.section-about .about_inner .about_block .about_images .swiper-button-prev,
.section-about .about_inner .about_block .about_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 65px));
}
@media (max-width: 1002px) {
.section-about .about_inner .about_block .about_images .swiper-button-prev,
.section-about .about_inner .about_block .about_images .swiper-button-next {
display: none;
}
}
.section-about .about_inner .about_block .about_images .swiper-button-prev svg,
.section-about .about_inner .about_block .about_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-about .about_inner .about_block .about_images .swiper-button-prev::after,
.section-about .about_inner .about_block .about_images .swiper-button-next::after {
content: none;
}
.section-information .information_inner {
display: flex;
align-items: center;
background-color: #f6f6f6;
padding: 50px;
justify-content: space-between;
}
@media (max-width: 1850px) {
.section-information .information_inner {
padding: 30px;
}
}
@media (max-width: 1002px) {
.section-information .information_inner {
flex-direction: column-reverse;
padding: 15px;
}
}
.section-information .information_inner .information_text {
flex: 0 0 calc(21% + 5px);
}
.section-information .information_inner .information_text .information_text_item:not(:last-of-type) {
margin-bottom: 75px;
}
@media (max-width: 1850px) {
.section-information .information_inner .information_text .information_text_item:not(:last-of-type) {
margin-bottom: 35px;
}
}
@media (max-width: 1002px) {
.section-information .information_inner .information_text .information_text_item:not(:last-of-type) {
margin-bottom: 30px;
text-align: center;
}
}
.section-information .information_inner .information_text .information_text_item .text_item_name {
color: #414147;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 33px */
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0dd;
display: inline-block;
}
@media (max-width: 1850px) {
.section-information .information_inner .information_text .information_text_item .text_item_name {
font-size: 26px;
}
}
@media (max-width: 1002px) {
.section-information .information_inner .information_text .information_text_item .text_item_name {
font-size: 22px;
margin-bottom: 10px;
}
}
.section-information .information_inner .information_text .information_text_item .text_item_name .ss {
position: relative;
font-size: 12px;
top: -10px;
left: 1px;
font-weight: bold;
}
.section-information .information_inner .information_text .information_text_item .text_item_label {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1850px) {
.section-information .information_inner .information_text .information_text_item .text_item_label {
font-size: 18px;
}
}
@media (max-width: 1002px) {
.section-information .information_inner .information_text .information_text_item .text_item_label {
font-size: 15px;
text-align: center;
}
}
.section-information .information_inner .information_video {
flex: 0 0 calc(74% + 2px);
}
@media (max-width: 1002px) {
.section-information .information_inner .information_video {
width: 100%;
flex: 0 0 auto;
margin-bottom: 30px;
}
}
.section-information .information_inner .information_video iframe {
max-width: 100% !important;
width: 100% !important;
}
@media (max-width: 1002px) {
.section-information .information_inner .information_video iframe {
width: 100% !important;
height: 300px !important;
}
}
@media (max-width: 650px) {
.section-information .information_inner .information_video iframe {
height: 170px !important;
}
}
.section-categories {
padding: 100px 0;
}
@media (max-width: 1002px) {
.section-categories {
padding: 30px 0;
}
}
.section-categories .categories_inner {
display: flex;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
gap: 34px;
}
@media (max-width: 1002px) {
.section-categories .categories_inner {
gap: 30px 10px;
}
}
.section-categories .categories_inner .category_item {
flex: 0 0 calc(25% - 26px);
text-align: center;
position: relative;
}
@media (max-width: 1850px) {
.section-categories .categories_inner .category_item {
flex: 0 0 calc(33.3333333333% - 26px);
}
}
.section-categories .categories_inner .category_item:hover .category_item_text {
color: #ff6a00;
}
.section-categories .categories_inner .category_item:hover .category_item_img img {
transform: scale(1.3);
}
@media (max-width: 1002px) {
.section-categories .categories_inner .category_item {
flex: 0 0 calc(50% - 5px);
}
}
.section-categories .categories_inner .category_item .item_link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
}
.section-categories .categories_inner .category_item .category_item_img {
margin-bottom: 25px;
overflow: hidden;
}
@media (max-width: 1002px) {
.section-categories .categories_inner .category_item .category_item_img {
margin-bottom: 10px;
}
}
.section-categories .categories_inner .category_item .category_item_img img {
object-fit: cover;
width: 100%;
transition: 0.4s all ease;
}
.section-categories .categories_inner .category_item .category_item_text {
color: var(--414147, #414147);
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: 0.4s all ease;
}
@media (max-width: 1850px) {
.section-categories .categories_inner .category_item .category_item_text {
font-size: 23px;
}
}
@media (max-width: 1002px) {
.section-categories .categories_inner .category_item .category_item_text {
font-size: 20px;
}
}
.section-production {
padding-bottom: 60px;
}
@media (max-width: 1002px) {
.section-production {
padding-bottom: 30px;
}
}
@media (max-width: 1002px) {
.section-production .production_data {
display: flex;
flex-direction: column;
}
}
.section-production .production_data .data_item {
display: flex;
align-items: flex-start;
gap: 300px;
}
@media (max-width: 1002px) {
.section-production .production_data .data_item {
flex-direction: column;
gap: 20px;
}
}
.section-production .production_data .data_item .production_text {
flex: 0 0 calc(33% - 16px);
}
@media (max-width: 1310px) {
.section-production .production_data .data_item .production_text {
flex: 0 0 calc(35% - 16px);
}
}
@media (max-width: 1002px) {
.section-production .production_data .data_item .production_text {
flex: 0 0 auto;
width: 100%;
}
}
.section-production .production_data .data_item .production_text .nice_select_item {
width: 100%;
height: 60px;
display: flex;
align-items: center;
font-size: 17px;
float: none;
}
.section-production .production_data .data_item .production_text .nice_select_item .nice-select-dropdown {
width: 100%;
}
.section-production .production_data .data_item .production_text .text_item:not(:last-of-type) {
margin-bottom: 30px;
}
@media (max-width: 1002px) {
.section-production .production_data .data_item .production_text .text_item:not(:last-of-type) {
margin-bottom: 20px;
}
}
.section-production .production_data .data_item .production_text .text_item .text_item_label {
margin-bottom: 10px;
color: #9595a4;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.section-production .production_data .data_item .production_text .text_item .text_item_label {
font-size: 18px;
}
}
.section-production .production_data .data_item .production_text .text_item .text_item_content {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.section-production .production_data .data_item .production_text .text_item .text_item_content {
font-size: 18px;
}
}
.section-production .production_data .data_item .production_text .text_item .text_item_content a {
color: #414147;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.flex {
display: flex;
align-items: center;
gap: 30px;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.flex a {
display: inline-flex;
align-items: center;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
gap: 10px;
color: #414147;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.flex a:last-child {
color: #01a81e;
}
@media (max-width: 1310px) {
.section-production .production_data .data_item .production_text .text_item .text_item_content.flex a {
font-size: 18px;
}
}
@media (max-width: 1310px) {
.section-production .production_data .data_item .production_text .text_item .text_item_content.flex {
justify-content: flex-start;
font-size: 18px;
}
}
.section-production .production_data .data_item .production_text .text_item .text_item_content .button_grey {
margin-top: 20px;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.socials {
display: flex;
align-items: center;
gap: 10px;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.socials a {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
border: 1px solid var(--D6D6DD, #d0d0dd);
transition: 0.4s all ease;
}
.section-production .production_data .data_item .production_text .text_item .text_item_content.socials a:hover {
background-color: #ff6a00;
}
.section-production .production_data .data_item .production_img {
flex: 0 0 calc(45% - 25px);
}
@media (max-width: 1002px) {
.section-production .production_data .data_item .production_img {
flex: 0 0 auto;
width: 100%;
}
}
.section-production .production_data .data_item .production_img img {
width: 100%;
}
.section-production .production_data .data_item .production_img iframe {
width: 100%;
}
.section-production .production_data .data_item:not(:last-of-type) {
margin-bottom: 50px;
}
@media (max-width: 1002px) {
.section-production .production_data .data_item:not(:last-of-type) {
margin-bottom: 30px;
}
}
.section-payment {
padding-bottom: 60px;
}
@media (max-width: 650px) {
.section-payment {
padding-bottom: 30px;
}
}
.section-payment .payment_block {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 1310px) {
.section-payment .payment_block {
gap: 30px;
}
}
.section-payment .payment_block .block_item {
flex: 0 0 calc(50% - 37.5px);
display: flex;
flex-direction: column;
}
@media (max-width: 1002px) {
.section-payment .payment_block .block_item {
flex: 0 0 auto;
width: 100%;
}
}
.section-payment .payment_block .block_item .items {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.section-payment .payment_block .block_item .block_item_title {
color: #414147;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 33px */
margin-bottom: 35px;
}
@media (max-width: 1002px) {
.section-payment .payment_block .block_item .block_item_title {
margin-bottom: 20px;
font-size: 22px;
}
}
.section-payment .payment_block .block_item .payment_item {
display: flex;
align-items: flex-start;
border: 1px solid var(--D6D6DD, #d0d0dd);
padding: 25px;
gap: 15px;
width: 100%;
border-left: 2px solid #9595a4;
flex: 1 1 auto;
}
.section-payment .payment_block .block_item .payment_item:last-of-type img {
width: 45px;
height: 25px;
object-fit: cover;
}
@media (max-width: 1310px) {
.section-payment .payment_block .block_item .payment_item:last-of-type img {
height: 22px;
}
}
@media (max-width: 1002px) {
.section-payment .payment_block .block_item .payment_item:last-of-type img {
width: 55px;
}
}
@media (max-width: 650px) {
.section-payment .payment_block .block_item .payment_item:last-of-type img {
width: 85px;
}
}
.section-payment .payment_block .block_item .payment_item img {
width: 28px;
height: 28px;
object-fit: cover;
}
@media (max-width: 650px) {
.section-payment .payment_block .block_item .payment_item img {
width: 38px;
}
}
.section-payment .payment_block .block_item .payment_item .item_text {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.section-payment .payment_block .block_item .payment_item .item_text {
font-size: 18px;
}
}
.section-payment .payment_block .block_item .payment_item .subinfo {
color: var(--9B9BA4, #9595a4);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 23.8px */
margin-top: 11px;
}
.section-payment .payment_block .block_item .payment_item .subinfo.color_o {
color: #ff6a00;
}
.section-payment .payment_block .block_item .payment_item span,
.section-payment .payment_block .block_item .payment_item sub {
color: #ff6a00;
}
.section-payment .payment_block .block_item .payment_item:not(:last-of-type) {
margin-bottom: 12px;
}
.section-payment .payment_block .block_item.text .block_item_title {
margin-bottom: 15px;
}
.section-payment .payment_block .block_item.text .text_content {
color: #9595a4;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
}
@media (max-width: 1310px) {
.section-payment .payment_block .block_item.text .text_content {
font-size: 18px;
}
}
.section-history {
margin-bottom: 100px;
}
@media (max-width: 1002px) {
.section-history {
margin-bottom: 30px;
}
}
.section-history .history_inner .history_block {
display: flex;
align-items: flex-start;
gap: 100px;
}
@media (max-width: 1850px) {
.section-history .history_inner .history_block {
gap: 60px;
}
}
@media (max-width: 1002px) {
.section-history .history_inner .history_block {
flex-direction: column;
gap: 25px;
}
}
.section-history .history_inner .history_block .history_text {
flex: 0 0 calc(55% - 50px);
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1850px) {
.section-history .history_inner .history_block .history_text {
font-size: 18px;
line-height: normal;
}
}
.section-history .history_inner .history_block .history_text p {
margin-bottom: 30px;
}
@media (max-width: 1310px) {
.section-history .history_inner .history_block .history_text p {
margin-bottom: 15px;
}
}
.section-history .history_inner .history_block .history_images {
flex: 0 0 calc(45% - 50px);
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1002px) {
.section-history .history_inner .history_block .history_images {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
}
}
.section-history .history_inner .history_block .history_images .swiper-slide {
text-align: center;
background-color: #f6f6f6;
}
.section-history .history_inner .history_block .history_images .swiper-slide img {
width: 100%;
}
.section-history .history_inner .history_block .history_images .mySwiper,
.section-history .history_inner .history_block .history_images .mySwiperTipovaya {
margin-top: 20px;
padding-bottom: 20px;
}
.section-history .history_inner .history_block .history_images .swiper-slide {
position: relative;
}
.section-history .history_inner .history_block .history_images .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-history .history_inner .history_block .history_images .swiper-slide-thumb {
cursor: pointer;
}
.section-history .history_inner .history_block .history_images .swiper-slide-thumb-active {
position: relative;
}
.section-history .history_inner .history_block .history_images .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-history .history_inner .history_block .history_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-history .history_inner .history_block .history_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-history .history_inner .history_block .history_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-history .history_inner .history_block .history_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-history .history_inner .history_block .history_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-history .history_inner .history_block .history_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-history .history_inner .history_block .history_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-history .history_inner .history_block .history_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-history .history_inner .history_block .history_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-history .history_inner .history_block .history_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
}
.section-history .history_inner .history_block .history_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-history .history_inner .history_block .history_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-history .history_inner .history_block .history_images .swiper-horizontal > .swiper-pagination-bullets,
.section-history .history_inner .history_block .history_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-history .history_inner .history_block .history_images .swiper-pagination-custom,
.section-history .history_inner .history_block .history_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
.section-history .history_inner .history_block .history_images .swiper-button-prev,
.section-history .history_inner .history_block .history_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 60px));
}
@media (max-width: 1002px) {
.section-history .history_inner .history_block .history_images .swiper-button-prev,
.section-history .history_inner .history_block .history_images .swiper-button-next {
display: none !important;
}
}
.section-history .history_inner .history_block .history_images .swiper-button-prev svg,
.section-history .history_inner .history_block .history_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-history .history_inner .history_block .history_images .swiper-button-prev::after,
.section-history .history_inner .history_block .history_images .swiper-button-next::after {
content: none;
}
.section-years {
margin-top: 120px;
padding-bottom: 100px;
}
@media (max-width: 1002px) {
.section-years {
margin-top: 30px;
padding-bottom: 0;
}
}
.section-years .years_inner {
display: flex;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 1002px) {
.section-years .years_inner {
flex-direction: column;
}
}
.section-years .years_inner .years_content {
flex: 0 0 calc(50% - 50px);
position: relative;
max-width: 875px;
display: flex;
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content {
max-width: 560px;
}
}
@media (max-width: 1310px) {
.section-years .years_inner .years_content {
max-width: 500px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content {
max-width: 100%;
}
}
.section-years .years_inner .years_content .swiper-slide {
display: flex;
align-items: center;
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%;
padding-left: 25px;
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content .swiper-slide {
font-size: 18px;
border: none;
padding-left: 15px;
}
}
.section-years .years_inner .years_content .swiper-slide img {
width: 100%;
}
.section-years .years_inner .years_content .mySwiper2 {
margin-top: 85px;
padding-bottom: 20px;
border-left: 1px solid #d0d0dd;
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content .mySwiper2 {
margin-top: 55px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content .mySwiper2 {
margin-top: 150px;
border: none;
}
}
.section-years .years_inner .years_content .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 3%);
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 0%);
}
}
.section-years .years_inner .years_content .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 82%);
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 70%);
}
}
@media (max-width: 1310px) {
.section-years .years_inner .years_content .swiper-button-next {
right: auto;
left: 65px;
}
}
@media (max-width: 650px) {
.section-years .years_inner .years_content .swiper-button-next {
left: 60px;
right: auto;
}
}
.section-years .years_inner .years_content .swiper-button-prev,
.section-years .years_inner .years_content .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, 99%);
}
@media (max-width: 1310px) {
.section-years .years_inner .years_content .swiper-button-prev,
.section-years .years_inner .years_content .swiper-button-next {
top: var(--swiper-navigation-top-offset, 100%);
width: 40px;
height: 40px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content .swiper-button-prev,
.section-years .years_inner .years_content .swiper-button-next {
display: flex;
top: var(--swiper-navigation-top-offset, 120px);
}
}
.section-years .years_inner .years_content .swiper-button-prev svg,
.section-years .years_inner .years_content .swiper-button-next svg {
width: 8px;
height: 16px;
}
@media (max-width: 1310px) {
.section-years .years_inner .years_content .swiper-button-prev svg,
.section-years .years_inner .years_content .swiper-button-next svg {
width: 6px;
height: 12px;
}
}
.section-years .years_inner .years_content .swiper-button-prev::after,
.section-years .years_inner .years_content .swiper-button-next::after {
content: none;
}
.section-years .years_inner .years_content .swiper-pagination {
bottom: var(--swiper-pagination-bottom, auto);
top: var(--swiper-pagination-top, 0px);
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 5px !important;
border: 1px solid var(--D6D6DD, #d0d0dd);
background: var(--F6F6F6, #f6f6f6);
gap: 10px;
padding: 5px;
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content .swiper-pagination {
gap: 0px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content .swiper-pagination {
width: 100%;
overflow: auto;
gap: 5px;
justify-content: flex-start;
padding-right: 70px;
}
}
@media (max-width:880px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 190px;
width: 130%;
}
}
@media (max-width:780px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 150px;
}
}
@media (max-width:720px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 130px;
}
}
@media (max-width:620px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 135px;
}
}
@media (max-width:520px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 105px;
}
}
@media (max-width:420px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 95px;
}
}
@media (max-width:390px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 85px;
}
}
@media (max-width:340px) {
.section-years .years_inner .years_content .swiper-pagination {
padding-right: 70px;
}
}
.section-years .years_inner .years_content .swiper-pagination .swiper-pagination-bullet {
width: 70px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px !important;
margin: 0;
color: var(--414147, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
opacity: 1;
background-color: transparent;
}
@media (max-width: 1850px) {
.section-years .years_inner .years_content .swiper-pagination .swiper-pagination-bullet {
font-size: 14px;
height: 35px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_content .swiper-pagination .swiper-pagination-bullet {
flex: 0 0 auto;
}
}
.section-years .years_inner .years_content .swiper-pagination .swiper-pagination-bullet-active {
background: var(--FF6A00, #ff6a00);
color: #fff;
}
.section-years .years_inner .years_images {
flex: 0 0 calc(50% - 50px);
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1310px) {
.section-years .years_inner .years_images {
max-width: 400px;
}
}
@media (max-width: 1002px) {
.section-years .years_inner .years_images {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-bottom: 25px;
}
}
.section-years .years_inner .years_images .swiper-slide img {
width: 100%;
}
.section-years .years_inner .years_images .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-years .years_inner .years_images .mySwiper .swiper-slide {
position: relative;
}
.section-years .years_inner .years_images .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-years .years_inner .years_images .mySwiper .swiper-slide-thumb {
cursor: pointer;
}
.section-years .years_inner .years_images .mySwiper .swiper-slide-thumb-active {
position: relative;
}
.section-years .years_inner .years_images .mySwiper .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-years .years_inner .years_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-years .years_inner .years_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-years .years_inner .years_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-years .years_inner .years_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-years .years_inner .years_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-years .years_inner .years_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-years .years_inner .years_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-years .years_inner .years_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-years .years_inner .years_images .swiper-button-prev,
.section-years .years_inner .years_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 60px));
}
@media (max-width: 1002px) {
.section-years .years_inner .years_images .swiper-button-prev,
.section-years .years_inner .years_images .swiper-button-next {
display: none !important;
}
}
.section-years .years_inner .years_images .swiper-button-prev svg,
.section-years .years_inner .years_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-years .years_inner .years_images .swiper-button-prev::after,
.section-years .years_inner .years_images .swiper-button-next::after {
content: none;
}
.section-years .years_inner .years_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-years .years_inner .years_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
opacity: 0;
}
.section-years .years_inner .years_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-years .years_inner .years_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-years .years_inner .years_images .swiper-horizontal > .swiper-pagination-bullets,
.section-years .years_inner .years_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-years .years_inner .years_images .swiper-pagination-custom,
.section-years .years_inner .years_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
@media (max-width: 1002px) {
.section-news {
margin-bottom: 30px;
}
}
.section-news .news_inner .news_block {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 100px;
}
@media (max-width: 1850px) {
.section-news .news_inner .news_block {
gap: 50px;
}
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block {
flex-direction: column;
}
}
.section-news .news_inner .news_block .news_text {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1310px) {
.section-news .news_inner .news_block .news_text {
font-size: 18px;
}
}
.section-news .news_inner .news_block .news_text .news_text_header {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #9b9ba4;
}
.section-news .news_inner .news_block .news_text .news_text_header .news_title {
color: var(--414147, #414147);
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 140%;
margin-bottom: 15px;
}
@media (max-width: 1850px) {
.section-news .news_inner .news_block .news_text .news_text_header .news_title {
font-size: 30px;
}
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_text .news_text_header .news_title {
color: var(--414147, #414147);
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 33.6px */
}
}
.section-news .news_inner .news_block .news_text .news_text_header .news_date {
line-height: 140%;
color: #9595a4;
}
.section-news .news_inner .news_block .news_text .news_text_body p {
margin-bottom: 30px;
}
@media (max-width: 1310px) {
.section-news .news_inner .news_block .news_text .news_text_body p {
margin-bottom: 15px;
}
}
.section-news .news_inner .news_block .news_text .news_text_body .button_wrapper {
margin-bottom: 30px;
}
.section-news .news_inner .news_block .news_text .news_text_body .button_wrapper .button_orange {
padding: 14.5px 101.5px;
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_text .news_text_body .button_wrapper .button_orange {
padding: 14.5px 0;
width: 100%;
text-align: center;
}
}
.section-news .news_inner .news_block .news_text .news_text_body .additional_information {
color: var(--414147, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_text .news_text_body .additional_information {
font-size: 18px;
}
}
.section-news .news_inner .news_block .news_text .news_text_body .additional_information div {
margin-bottom: 15px;
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_text .news_text_body .additional_information div {
margin-bottom: 8px;
}
}
.section-news .news_inner .news_block .news_text .news_text_body .additional_information ul {
list-style: disc;
padding-left: 60px;
}
.section-news .news_inner .news_block .news_text .news_text_body .additional_information ul li {
list-style: disc;
margin-bottom: 5px;
}
@media (max-width: 1310px) {
.section-news .news_inner .news_block .news_text {
font-size: 18px;
line-height: normal;
}
}
.section-news .news_inner .news_block .news_images {
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_images {
width: 100%;
max-width: 100%;
}
}
.section-news .news_inner .news_block .news_images .swiper-slide img {
width: 100%;
}
.section-news .news_inner .news_block .news_images .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-news .news_inner .news_block .news_images .mySwiper .swiper-slide {
position: relative;
}
.section-news .news_inner .news_block .news_images .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-news .news_inner .news_block .news_images .mySwiper .swiper-slide-thumb {
cursor: pointer;
}
.section-news .news_inner .news_block .news_images .mySwiper .swiper-slide-thumb-active {
position: relative;
}
.section-news .news_inner .news_block .news_images .mySwiper .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-news .news_inner .news_block .news_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-news .news_inner .news_block .news_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-news .news_inner .news_block .news_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-news .news_inner .news_block .news_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-news .news_inner .news_block .news_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-news .news_inner .news_block .news_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-news .news_inner .news_block .news_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-news .news_inner .news_block .news_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-news .news_inner .news_block .news_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-news .news_inner .news_block .news_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
}
.section-news .news_inner .news_block .news_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-news .news_inner .news_block .news_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-news .news_inner .news_block .news_images .swiper-horizontal > .swiper-pagination-bullets,
.section-news .news_inner .news_block .news_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-news .news_inner .news_block .news_images .swiper-pagination-custom,
.section-news .news_inner .news_block .news_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
.section-news .news_inner .news_block .news_images .swiper-button-prev,
.section-news .news_inner .news_block .news_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 65px));
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block .news_images .swiper-button-prev,
.section-news .news_inner .news_block .news_images .swiper-button-next {
display: none !important;
}
}
.section-news .news_inner .news_block .news_images .swiper-button-prev svg,
.section-news .news_inner .news_block .news_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-news .news_inner .news_block .news_images .swiper-button-prev::after,
.section-news .news_inner .news_block .news_images .swiper-button-next::after {
content: none;
}
.section-articles {
padding-bottom: 60px;
}
@media (max-width: 1002px) {
.section-articles {
padding-bottom: 30px;
}
}
.section-articles .articles_inner .articles {
display: flex;
align-items: stretch;
gap: 50px 35px;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles {
gap: 30px;
}
}
.section-articles .articles_inner .articles .article_item {
flex: 0 0 calc(25% - 30px);
position: relative;
}
.section-articles .articles_inner .articles .article_item:hover .article_img img {
transform: scale(1.3);
}
@media (max-width: 1310px) {
.section-articles .articles_inner .articles .article_item {
flex: 0 0 calc(33.3333333333% - 30px);
}
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles .article_item {
flex: 0 0 calc(50% - 30px);
}
}
@media (max-width: 650px) {
.section-articles .articles_inner .articles .article_item {
flex: 0 0 auto;
width: 100%;
}
}
.section-articles .articles_inner .articles .article_item .article_link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-articles .articles_inner .articles .article_item .article_date {
color: var(--9B9BA4, #9595a4);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
margin-bottom: 10px;
}
@media (max-width: 1310px) {
.section-articles .articles_inner .articles .article_item .article_date {
font-size: 18px;
}
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles .article_item .article_date {
font-size: 14px;
}
}
.section-articles .articles_inner .articles .article_item .article_img {
overflow: hidden;
}
.section-articles .articles_inner .articles .article_item .article_img img {
width: 400px;
object-fit: cover;
transition: 0.4s all ease;
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles .article_item .article_img img {
width: 100%;
height: 100%;
}
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles .article_item .article_img {
margin-bottom: 10px;
}
}
.section-articles .articles_inner .articles .article_item .article_title {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
border-top: 1px solid #d0d0dd;
padding-top: 13px;
margin-top: 20px;
}
@media (max-width: 1310px) {
.section-articles .articles_inner .articles .article_item .article_title {
font-size: 18px;
}
}
.section-articles .articles_inner .articles .article_action {
flex: 0 0 100%;
text-align: center;
}
.section-articles .articles_inner .articles .article_action .button_grey {
padding: 15px 101.5px;
}
@media (max-width: 1002px) {
.section-articles .articles_inner .articles .article_action .button_grey {
padding: 15px 0;
width: 100%;
}
}
.section-history.tipovaya .history_block {
margin-bottom: 150px;
}
@media (max-width: 1002px) {
.section-history.tipovaya .history_block {
margin-bottom: 30px;
}
}
.section-fabric {
margin-bottom: 200px;
}
.section-fabric .fabric_inner .fabric_block {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 1002px) {
.section-fabric .fabric_inner .fabric_block {
flex-direction: column;
}
}
.section-fabric .fabric_inner .fabric_block .fabric_text {
flex: 0 0 calc(50% - 50px);
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
.section-fabric .fabric_inner .fabric_block .fabric_text p {
margin-bottom: 30px;
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_block .fabric_text p {
margin-bottom: 15px;
}
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_block .fabric_text {
font-size: 18px;
line-height: normal;
}
}
.section-fabric .fabric_inner .fabric_block .fabric_images {
flex: 0 0 calc(50% - 50px);
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1002px) {
.section-fabric .fabric_inner .fabric_block .fabric_images {
max-width: 100%;
width: 100%;
flex: 0 0 auto;
}
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-slide img {
width: 100%;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper .swiper-slide {
position: relative;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper .swiper-slide-thumb {
cursor: pointer;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper .swiper-slide-thumb-active {
position: relative;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .mySwiper .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-horizontal > .swiper-pagination-bullets,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-custom,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 65px));
}
@media (max-width: 1002px) {
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next {
display: none;
}
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev svg,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-prev::after,
.section-fabric .fabric_inner .fabric_block .fabric_images .swiper-button-next::after {
content: none;
}
.section-fabric .fabric_inner .fabric_slider {
position: relative;
}
.section-fabric .fabric_inner .fabric_slider .swiper-slide img {
width: 100%;
}
.section-fabric .fabric_inner .fabric_slider .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-fabric .fabric_inner .fabric_slider .mySwiper .swiper-slide {
position: relative;
}
.section-fabric .fabric_inner .fabric_slider .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, calc(46% - 3px));
}
@media (max-width: 1850px) {
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, calc(45% - 3px));
}
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, calc(43% - 3px));
}
}
.section-fabric .fabric_inner .fabric_slider .swiper-button-next {
right: var(--swiper-navigation-sides-offset, calc(46% + 3px));
}
@media (max-width: 1850px) {
.section-fabric .fabric_inner .fabric_slider .swiper-button-next {
right: var(--swiper-navigation-sides-offset, calc(45% + 3px));
}
}
@media (max-width: 1310px) {
.section-fabric .fabric_inner .fabric_slider .swiper-button-next {
right: var(--swiper-navigation-sides-offset, calc(43% + 3px));
}
}
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullet {
border-radius: 4px;
background: var(--D6D6DD, #d0d0dd);
opacity: 1;
position: relative;
}
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 19px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/second-dot.svg);
transition: 0.4s all ease;
left: -5px;
top: -5px;
opacity: 0;
}
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-fabric .fabric_inner .fabric_slider .swiper-horizontal > .swiper-pagination-bullets,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-custom,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, -135px);
}
@media (max-width: 1002px) {
.section-fabric .fabric_inner .fabric_slider .swiper-horizontal > .swiper-pagination-bullets,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-custom,
.section-fabric .fabric_inner .fabric_slider .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, -50px);
}
}
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev,
.section-fabric .fabric_inner .fabric_slider .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 65px));
}
@media (max-width: 1002px) {
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev,
.section-fabric .fabric_inner .fabric_slider .swiper-button-next {
display: none;
}
}
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev svg,
.section-fabric .fabric_inner .fabric_slider .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-fabric .fabric_inner .fabric_slider .swiper-button-prev::after,
.section-fabric .fabric_inner .fabric_slider .swiper-button-next::after {
content: none;
}
.section-fabric-data {
padding-bottom: 60px;
}
@media (max-width: 1002px) {
.section-fabric-data {
padding-bottom: 30px;
}
}
.section-fabric-data li {
color: var(--414147, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
margin-bottom: 20px;
padding-left: 35px;
}
@media (max-width: 1310px) {
.section-fabric-data li {
font-size: 18px;
margin-bottom: 10px;
padding-left: 30px;
}
}
.section-fabric-data .list {
margin-bottom: 50px;
}
.section-fabric-data .list .number_list {
counter-reset: my-awesome-counter;
}
.section-fabric-data .list .number_list li {
counter-increment: my-awesome-counter;
position: relative;
}
.section-fabric-data .list .number_list li::after {
content: counter(my-awesome-counter) ".";
font-weight: bold;
position: absolute;
left: 0;
color: var(--9B9BA4, #9595a4);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1310px) {
.section-fabric-data .list .number_list li::after {
font-size: 18px;
}
}
.section-fabric-data .list .number_list li::before {
content: none;
}
.section-fabric-data .list .dot_list li {
position: relative;
}
.section-fabric-data .list .dot_list li::before {
content: "";
background-image: url(/local/templates/artfactor/css/../images/dot-svg.svg);
position: absolute;
left: 0;
width: 20px;
height: 20px;
top: calc(50% - 10px);
}
@media (max-width: 1002px) {
.section-fabric-data .list {
margin-bottom: 30px;
}
}
@media (max-width: 1002px) {
.section-fabric-data .fabric_table {
overflow: scroll;
}
}
.section-fabric-data table,
.section-fabric-data tbody,
.section-fabric-data thead,
.section-fabric-data tr,
.section-fabric-data td,
.section-fabric-data th {
border: 1px solid var(--9B9BA4, #9595a4);
}
.section-fabric-data table {
width: 100%;
}
@media (max-width: 1002px) {
.section-fabric-data table {
width: 1000px;
}
}
.section-fabric-data th {
background: var(--E6E6EB, #e6e6eb);
}
.section-fabric-data td,
.section-fabric-data th {
padding: 20px;
width: 33%;
color: var(--414147, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
text-align: left;
}
.section-fabric-data td:last-child,
.section-fabric-data th:last-child {
width: 100%;
}
@media (max-width: 1310px) {
.section-fabric-data td,
.section-fabric-data th {
font-size: 18px;
}
}
.section-fabric-data a {
color: var(--FF6A00, #ff6a00);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
text-decoration-line: underline;
}
@media (max-width: 1310px) {
.section-fabric-data a {
font-size: 18px;
}
}
.section-fabric-data table .one_line {
position: relative;
}
.section-fabric-data table .one_line td {
position: relative;
z-index: 9;
border: none;
width: 100%;
background: var(--F6F6F6, #f6f6f6);
}
.section-banner .breadcrumb {
margin-top: 0;
margin-bottom: 60px;
}
.section-banner .banner_inner {
padding-top: 40px;
padding-bottom: 260px;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1002px) {
.section-banner .banner_inner {
background-image: url(/local/templates/artfactor/css/images/mobile-banner.png) !important;
padding-bottom: 70px;
padding-top: 20px;
}
}
.section-products .products_inner .products_inner_header {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 50px;
}
.section-products .products_inner .products_inner_header.stati .section_title {
margin-bottom: 0;
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header {
padding-top: 0;
margin-bottom: 15px;
}
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header.stati {
padding-top: 0;
margin-bottom: 0;
}
}
.section-products .products_inner .products_inner_header > div:not(.section_title) {
color: var(--9B9BA4, #9595a4);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header svg {
display: none;
}
}
.section-products .products_inner .products_inner_header .toggler {
color: var(--6F6F76, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}
.section-products .products_inner .products_inner_header .toggler span {
border-bottom: 1px dashed #414147;
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header .toggler span {
border-bottom: 0px;
}
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header .toggler .mobile_none {
display: none;
}
}
@media (max-width: 1002px) {
.section-products .products_inner .products_inner_header .toggler {
border-bottom: 1px dashed #414147;
}
}
.section-products .products_inner .products_footer {
margin-top: 50px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
@media (max-width: 1002px) {
.section-products .products_inner .products_footer {
margin-top: 30px;
gap: 15px;
}
}
.section-products .products_inner .products_footer .show {
color: var(--414147, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}
@media (max-width: 1002px) {
.section-products .products_inner .products_footer .show {
font-size: 15px;
}
}
.section-products .products_inner .products_footer .show_link {
color: var(--6F6F76, #414147);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
border-bottom: 1px dashed #414147;
}
@media (max-width: 1002px) {
.section-products .products_inner .products_footer .show_link {
font-size: 15px;
}
}
@media (max-width: 1002px) {
.section-services {
padding-top: 40px;
padding-bottom: 40px;
}
}
.section-services .services_items {
margin-bottom: 100px;
display: flex;
justify-content: space-between;
text-align: center;
}
@media (max-width: 1002px) {
.section-services .services_items {
flex-direction: column;
margin-bottom: 40px;
}
}
.section-services .services_items .services_item {
position: relative;
flex: 0 0 calc(50% - 25px);
text-align: center;
border-bottom: 2px solid var(--6F6F76, #414147);
background: var(--F6F6F6, #f6f6f6);
padding: 115px 0px;
color: var(--414147, #414147);
transition: 0.4s all ease;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 33px */
}
.section-services .services_items .services_item:hover {
border-bottom: 2px solid #414147;
background: #e6e6eb;
}
.section-services .services_items .services_item.clicked {
background-color: #414147;
color: #414147;
border-bottom: 2px solid #414147;
}
@media (max-width: 1002px) {
.section-services .services_items .services_item {
font-size: 22px;
padding: 45px 0px;
margin-bottom: 15px;
}
}
.section-services .services_items .services_item .service_img {
margin-bottom: 25px;
display: flex;
justify-content: center;
}
@media (max-width: 1002px) {
.section-services .services_items .services_item .service_img {
margin-bottom: 15px;
}
}
.section-services .services_items .services_item .link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-services .section_title {
text-align: center;
}
.section-services .catalog_inner {
position: relative;
padding-top: 100px;
}
@media (max-width: 1002px) {
.section-services .catalog_inner {
padding-top: 40px;
}
}
.section-services .catalog_inner::after {
content: "";
position: absolute;
left: -100px;
top: 0;
width: 50vw;
height: calc(100% + 200px);
background: var(--414147, #414147);
max-width: 920px;
}
@media (max-width: 1850px) {
.section-services .catalog_inner::after {
width: 150vw;
height: calc(50% + 20px);
left: -50vw;
max-width: initial;
}
}
@media (max-width: 1002px) {
.section-services .catalog_inner::after {
width: 1000vw;
}
}
.section-services .catalog_inner > .flex_box {
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
z-index: 3;
}
@media (max-width: 1850px) {
.section-services .catalog_inner > .flex_box {
flex-direction: column;
}
}
@media (max-width: 1850px) {
.section-services .catalog_inner .catalog_item {
width: 100%;
padding-bottom: 40px;
}
.section-services .catalog_inner .catalog_item:last-of-type {
padding-top: 40px;
}
}
.section-services .catalog_inner .catalog_item:first-of-type .catalog_name {
color: #fff;
}
.section-services .catalog_inner .catalog_item .catalog_name {
color: var(--414147, #414147);
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 33px */
margin-bottom: 15px;
text-align: center;
}
@media (max-width: 1002px) {
.section-services .catalog_inner .catalog_item .catalog_name {
font-size: 22px;
}
}
.section-services .catalog_inner .catalog_item .catalog_subtitle {
color: var(--9B9BA4, #9595a4);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 29.4px */
margin-bottom: 50px;
text-align: center;
}
@media (max-width: 1850px) {
.section-services .catalog_inner .catalog_item .catalog_subtitle {
font-size: 18px;
margin-bottom: 30px;
}
}
.section-services .catalog_inner .catalog_item .catalog_images {
margin-bottom: 50px;
display: flex;
gap: 25px;
}
@media (max-width: 1850px) {
.section-services .catalog_inner .catalog_item .catalog_images {
gap: 8px;
margin-bottom: 30px;
}
}
@media (max-width: 1850px) {
.section-services .catalog_inner .catalog_item .catalog_images img {
width: 50%;
object-fit: cover;
}
}
.section-services .catalog_inner .catalog_item .catalog_action {
text-align: center;
}
@media (max-width: 1002px) {
.section-services .catalog_inner .catalog_item .catalog_action a {
width: 100%;
}
}
.section-stati-card .stati_card_inner .stati_card_block {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 1002px) {
.section-stati-card .stati_card_inner .stati_card_block {
flex-direction: column;
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text {
flex: 0 0 calc(50% - 50px);
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text p {
margin-bottom: 30px;
}
@media (max-width: 1310px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text p {
margin-bottom: 15px;
}
}
@media (max-width: 1310px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text {
font-size: 18px;
line-height: normal;
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text .catalog_btn {
padding: 12px 50px;
background-color: #ff6b00;
color: #ffffff;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 15px;
line-height: 21px;
font-weight: 400;
border-radius: 5px;
transition: 0.4s all ease;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text .catalog_btn:hover {
background-color: #ff8933;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images {
flex: 0 0 calc(50% - 50px);
max-width: calc(42% - 2px);
position: relative;
}
@media (max-width: 1002px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-slide img {
width: 100%;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper {
margin-top: 20px;
padding-bottom: 20px;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper .swiper-slide {
position: relative;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper .swiper-slide::after {
content: "";
width: 100%;
height: 2px;
background-color: transparent;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper .swiper-slide-thumb {
cursor: pointer;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper .swiper-slide-thumb-active {
position: relative;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .mySwiper .swiper-slide-thumb-active::after {
content: "";
width: 100%;
height: 2px;
background-color: #ff6a00;
transition: 0.4s all ease;
position: absolute;
left: 0;
bottom: -10px;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 41%);
}
@media (max-width:1919px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1850px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 37%);
}
}
@media (max-width: 1310px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 34%);
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-bullet {
background-color: #fff;
opacity: 0.3;
position: relative;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-bullet::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url(/local/templates/artfactor/css/../images/dot-3.svg);
transition: 0.4s all ease;
opacity: 0;
left: -5px;
top: -5px;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-bullet-active {
opacity: 1;
background-color: transparent;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-bullet-active::after {
opacity: 1;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-horizontal > .swiper-pagination-bullets,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-bullets.swiper-pagination-horizontal,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-custom,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 20px);
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
width: 60px;
height: 60px;
background-color: #e6e6eb;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
top: var(--swiper-navigation-top-offset, calc(100% + 65px));
}
@media (max-width: 1002px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next {
display: none;
}
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev svg,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next svg {
width: 8px;
height: 16px;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-prev::after,
.section-stati-card .stati_card_inner .stati_card_block .stati_card_images .swiper-button-next::after {
content: none;
}
.section-card-text .card_item {
display: flex;
align-items: flex-start;
gap: 50px;
flex-wrap: wrap;
}
@media (max-width: 1002px) {
.section-card-text .card_item {
gap: 30px;
}
}
@media (max-width: 1850px) {
.section-card-text .card_item .card_img {
position: relative !important;
top: 0;
margin-bottom: 0;
width: 100%;
}
}
@media (max-width: 1310px) {
.section-card-text .card_item .card_img {
width: 100%;
}
}
.section-card-text .card_item .card_img img {
object-fit: cover;
width: 770px;
height: 462px;
max-width: 770px;
}
@media (max-width: 1850px) {
.section-card-text .card_item .card_img img {
width: 100%;
max-width: 100%;
height: auto;
}
}
@media (max-width: 1002px) {
.section-card-text .card_item .card_img img {
height: auto;
}
}
.section-card-text .card_item .card_text {
flex: 0 0 50%;
color: var(--6F6F76, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1850px) {
.section-card-text .card_item .card_text {
flex: 0 0 100%;
}
}
.section-card-text .card_item .card_text img {
width: 100%;
}
@media (max-width: 1002px) {
.section-card-text .card_item .card_text img {
width: 100%;
}
}
@media (max-width: 1310px) {
.section-card-text .card_item .card_text {
flex: 0 0 auto;
width: 100%;
font-size: 18px;
}
}
.section-card-text .card_item .card_text p {
margin-bottom: 35px;
}
@media (max-width: 1002px) {
.section-card-text .card_item .card_text p {
margin-bottom: 20px;
}
}
.section-card-text .card_item .socials {
flex: 0 0 100%;
display: flex;
align-items: center;
color: var(--6F6F76, #414147);
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 32.55px */
}
@media (max-width: 1310px) {
.section-card-text .card_item .socials {
font-size: 18px;
}
}
@media (max-width: 1002px) {
.section-card-text .card_item .socials {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}
}
.section-card-text .card_item .text_item_content {
margin-left: 25px;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1002px) {
.section-card-text .card_item .text_item_content {
margin-left: 0;
}
}
.section-card-text .card_item .text_item_content a {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
border: 1px solid var(--D6D6DD, #d0d0dd);
}
.section-card-text .action {
margin-top: 50px;
text-align: center;
}
.section-card-text .action a {
display: inline-flex;
align-items: center;
gap: 5px;
}
.section-articles.stati {
padding-top: 50px;
}
.section-articles.stati .section_title {
margin-bottom: 50px;
}/*# sourceMappingURL=example.css.map */
.new_modal.modal {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
transition: 0.4s all ease;
pointer-events: initial;
overflow: auto;
padding-top: 50px;
}
/* End */
/* Start:/local/templates/artfactor/css/example.css?173880889853881*/
.catalog__leg .container {
display: block;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
padding: 0 0;
}
@media (min-width: 300px) {
.catalog__leg .container {
max-width: 100%;
padding: 0 15px;
}
}
@media (min-width: 576px) {
.catalog__leg .container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.catalog__leg .container {
padding: 0;
max-width: 720px;
}
}
@media (min-width: 992px) {
.catalog__leg .container {
max-width: 960px;
}
.interior__item .interior__item-products {
max-width: 33%;
}
}
.catalog__leg .container {
max-width: 100%; /* По умолчанию занимает всю доступную ширину */
width: 100%;
margin: 0 auto;
}
@media (min-width: 1200px) {
.catalog__leg .container {
max-width: calc(100% - 110px); /* 100% ширины минус отступы */
}
}
@media (min-width: 1400px) {
.catalog__leg .container {
max-width: calc(100% - 160px); /* Больше пространства для крупных экранов */
}
}
@media (min-width: 1910px) {
.catalog__leg .container {
max-width: calc(100% - 200px); /* Оптимизируем для очень больших экранов */
}
}
/* hero section */
.section__name {
color: var(--414147, #414147);
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-align: center;
}
@media (min-width: 1160px) and (max-width: 1500px) {
.option_select_box {
width: 100%; /* Занимает всю ширину родительского элемента */
box-sizing: border-box; /* Учитывает отступы и границы в общей ширине */
}
.card_section_top {
position: relative; /* Устанавливаем позиционирование для родительского элемента */
display: flex; /* Рспользуем flexbox для выстраивания РІ строку */
flex-direction: row; /* Рлементы РІ РѕРґРЅСѓ строку */
}
.section_title_z {
position: absolute; /* Абсолютное позиционирование */
top: 0; /* Положение сверху */
left: 0; /* Положение слева */
width: 100%; /* Ширина на всю ширину контейнера */
z-index: 1; /* Убедитесь, что заголовок выше других элементов */
}
.card_s_t_left_div {
width: 800px; /* Фиксированная ширина для левого блока */
margin: 10px; /* Отступы между блоками */
padding-top: 60px; /* Учитываем высоту заголовка */
}
.card_s_t_right {
flex: 1; /* Растягиваем на оставшееся пространство */
display: flex; /* Рспользуем flexbox для правого блока */
flex-direction: column; /* Рлементы располагаем РїРѕ вертикали */
margin: 10px; /* Отступы между блоками */
padding-top: 60px; /* Учитываем высоту заголовка */
padding-right: 50px; /* Учитываем отступы справа */
}
.options {
width: 100%; /* Занимает всю ширину родительского элемента */
flex-direction: column; /* Рлементы РІ РѕРґРЅСѓ строку */
gap: 0px;
}
.pcs_btns {
display: flex;
flex-direction: column;
gap: 15px;
}
.materials_btns {
flex-direction: column !important;
width: 100% !important;
}
.materials_btn {
width: 100% !important;
}
.pcs_btns .cart_btn.order_btn,
.pcs_btns .cart_btn {
width: 100%;
}
.pcs_btns .in_dec {
width: 100%;
}
.option_right {
padding-top: 0px;
}
.option_left,
.option_right_div {
margin: 10px 0;
}
.option_right {
padding-left: 0px !important; /* Уменьшаем отступ до 0px в зависимости от ширины экрана */
}
}
@media (min-width: 1719px) {
.option_right {
padding-left: 80px; /* Уменьшаем отступ до 0px в зависимости от ширины экрана */
}
.card_s_t_left_div {
padding-right: 40px; /* Уменьшаем отступ до 0px в зависимости от ширины экрана */
}
.card_s_t_left .mySwiper2 {
width: 600px;
}
.card_s_t_left {
width: 748px;
}
.card_section_top,
.options {
gap: 0px;
}
}
@media (min-width: 1300px) and (max-width: 1350px) {
.card_s_t_left .mySwiper2 {
width: 550px !important;
}
}
@media (min-width: 1350px) and (max-width: 1500px) {
.card_s_t_left .mySwiper2 {
width: 600px !important;
}
}
@media (min-width: 1160px) and (max-width: 1719px) {
.card_s_t_left .mySwiper2 {
width: 500px;
}
.option_right {
padding-left: 55px; /* Уменьшаем отступ до 0px в зависимости от ширины экрана */
}
.card_s_t_left_div {
padding-right: 20px; /* Уменьшаем отступ до 0px в зависимости от ширины экрана */
}
.card_s_t_left {
width: 650px;
}
.pcs_btns {
display: flex;
flex-direction: column;
gap: 15px;
}
.pcs_btns .cart_btn.order_btn,
.pcs_btns .cart_btn {
width: 100%;
}
.pcs_btns .in_dec {
width: 100%;
}
.card_section_top,
.options {
gap: 0px;
}
}
.hero .hero__swiper-item {
position: relative;
height: 85vh;
/* max-height: 768px; */
overflow: hidden;
/* background: linear-gradient(90deg, rgba(30, 12, 6, 0.60) 0%, rgba(30, 12, 6, 0.20) 74.04%); */
/*background: linear-gradient(90deg, rgba(30, 12, 6, 0.30) 0%, rgba(30, 12, 6, 0.10) 74.04%);
*/
}
.hero .hero__swiper-item img {
width: 100%;
position: absolute;
height: 100%;
z-index: -1;
object-fit: cover;
}
.hero .hero__item-name {
color: rgba(255, 255, 255, 0.70);
font-family: 'Onest';
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%;
padding-top: 280px;
min-height: 313px;
}
.hero .hero__item-description {
color: var(--FFFFFF, #FFF);
font-family: Onest;
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: 120%;
padding-top: 30px;
min-height: 102px;
}
.hero .more_details {
font-family: 'Onest';
font-size: 21px;
color: #414147;
line-height: 140%;
background-color: #E6E6EB;
padding: 15px 0;
width: 300px;
text-align: center;
margin-top: 30px;
}
.hero .swiper-button-next,
.hero .swiper-button-prev {
top: auto;
bottom: 0;
}
.hero .swiper-button-next::after,
.hero .swiper-button-prev::after {
display: none;
}
.hero .swiper-button-next,
.hero .swiper-button-prev {
border-radius: 4px;
background: rgba(255, 255, 255, 0.30);
height: 60px;
width: 60px;
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: fit-content;
height: fit-content;
}
.hero .swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 100px;
}
.hero .swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: auto;
left: 170px;
}
.hero .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.hero .swiper-pagination-bullet-active {
/* background-color: #FFF;
border: 1px solid #FFF;
padding: 5px;
border-radius: 50%;
position: relative; */
background: url(/local/templates/artfactor/css/../images/hero_swiper_ciycle.svg);
background-size: cover;
height: 20px;
width: 20px;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
justify-content: center;
align-items: center;
bottom: 30px;
}
.components {
margin-top: 100px;
}
.components .section-title {
margin: 0;
}
.component__item-name {
color: var(--414147, #414147);
text-align: center;
font-family: Onest;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 25px;
}
/* section interior */
.interior {
margin-top: 100px;
}
.interior .section-title {
margin: 0;
}
.interior .interiorSwiper {
margin-top: 50px;
padding-bottom: 180px;
}
.interiorSwiper .interior__item {
display: flex;
}
.interior__item .inerior__item-image {
max-width: 530px;
width: 100%;
position: relative;
}
.interior__item .inerior__item-image img {
object-fit: cover;
}
.inerior__item-image span {
position: absolute;
color: #FFF;
font-family: Onest;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 50%;
background: #414147;
/* opacity: 0.4; */
padding: 5.5px 12px;
border: 1px solid #6D6D76;
}
.inerior__item-image .first {
top: 305px;
left: 244px;
}
.inerior__item-image .second {
top: 80px;
right: 137px;
}
.inerior__item-image .third {
bottom: 63px;
right: 97px;
}
.inerior__item-image .fourth {
bottom: 77px;
left: 84px;
}
.inerior__item-image .fifth {
bottom: 180px;
left: 33px;
}
.inerior__item-image .sixth {
top: 178px;
left: 91px;
}
.interior__item .interior__item-products {
background: #F6F6F6;
padding: 30px;
}
.interior__item-products h4 {
color: var(--414147, #414147);
font-family: 'Onest';
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin: 0;
}
.interior__item-products ul {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
}
.interior__item-products ul a {
display: flex;
gap: 0 12px;
color: var(--414147, #414147);
font-family: 'Onest';
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.interior__item-products ul a:hover {
color: #FF6A00;
}
.interior__item-products ul a span {
color: #9595A4;
}
.interior__item-products ul a:hover span {
color: #FF6A00;
}
.interior .swiper-button-next:after,
.interior .swiper-button-prev:after {
display: none;
}
.interior .swiper-button-next,
.interior .swiper-button-prev {
top: auto;
bottom: 40px;
border-radius: 4px;
background: var(--E6E6EB, #E6E6EB);
padding: 22px 26px;
height: 60px;
width: 60px;
}
.interior .swiper-button-next {
right: calc(50% - 70px);
}
.interior .swiper-button-prev {
left: calc(50% - 70px);
}
.interior .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.interior .swiper-horizontal>.swiper-pagination-bullets,
.interior .swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
justify-content: center;
align-items: center;
}
.interior .swiper-pagination-bullet-active {
/* background-color: #414147;
border: 1px solid #414147; */
background: url(/local/templates/artfactor/css/../images/swiper-cyle.svg);
/* background: url(#swiper-cyle); */
height: 20px;
width: 20px;
background-size: cover;
position: relative;
background-position: center;
}
.advantages .section-title {
margin: 0;
}
.advantages .advanatages__block {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.advanatages__block .advantage__item {
padding: 63.5px 40px;
text-align: center;
border: 1px solid #E6E6EB;
background: #F6F6F6;
width: calc(20% - 16px);
}
.advantage__item .advantage__item-number {
color: #FFF;
text-align: center;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: relative;
}
.advantage__item .advantage__item-number span {
position: relative;
z-index: 2;
}
.advantage__item .advantage__item-number::after {
position: absolute;
content: '';
width: 45px;
height: 45px;
background-color: #FF6A00;
border-radius: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.advantage__item .advantage__item-text {
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-top: 20px;
}
/* production section */
.production {
margin-bottom: 100px;
}
.production .production__block {
display: flex;
/*background-color: #F6F6F6;*/
padding: 50px;
gap: 75px;
justify-content: center;
}
.production__block .production__video {
max-width: 1200px;
width: 100%;
height: 675px;
}
.production__block .production__info {
display: flex;
flex-direction: column;
gap: 75px;
justify-content: center;
}
.production__block .production__info .production__info-item {
display: flex;
flex-direction: column;
gap: 15px;
}
.production__info-item h3 {
color: #414147;
font-family: Onest;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%;
padding-bottom: 10px;
border-bottom: 1px solid #D0D0DD;
width: fit-content;
}
.production__info-item p {
color: #6D6D76;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
@media (max-width:1581px) {
.inerior__item-image .first {
top: 280px;
left: 239px;
}
.production__block .production__video {
max-width: 1095px;
width: 100%;
height: 599px;
}
.interior__item-products ul {
gap: 12px;
margin-top: 15px;
}
.interior__item .interior__item-products {
padding: 20px;
}
.hero .swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 15px;
}
.hero .swiper-button-next,
.swiper-rtl .swiper-button-prev {
left: 90px;
}
}
@media (max-width:1400px) {
.interiorSwiper .interior__item {
justify-content: center;
}
.advanatages__block .advantage__item {
padding: 58.5px 20px;
}
.production__block .production__video {
max-width: 930px;
}
.hero .hero__swiper-item {
height: 650px;
}
.production__block .production__info {
gap: 55px;
}
}
@media (max-width: 1200px) {
.hero .hero__item-name {
padding-top: 180px;
}
.hero .hero__swiper-item {
height: 550px;
}
.advantages .advanatages__block {
gap: 40px;
justify-content: center;
flex-wrap: wrap;
}
.advanatages__block .advantage__item {
width: 30%;
}
.production .production__block {
gap: 40px;
}
.production__block .production__video {
max-width: 800px;
height: 500px;
}
.production__block .production__info {
gap: 30px;
}
.production__block .production__info .production__info-item {
gap: 10px;
}
.production__info-item h3 {
font-size: 26px;
}
.production__info-item p {
font-size: 20px;
}
}
@media (max-width: 984px) {
.hero .hero__item-name {
padding-top: 100px;
min-height: auto;
}
.production .production__block {
flex-direction: column;
}
.production__block .production__video {
max-width: 100%;
}
}
@media (max-width:720px) {
.section__name {
font-size: 30px;
}
.hero .hero__item-description {
font-size: 50px;
min-height: auto;
}
.interiorSwiper .interior__item {
flex-direction: column;
}
.interior__item .inerior__item-image {
max-width: 100%;
}
.interior__item .inerior__item-image img {
width: 100%;
}
.production__block .production__video {
height: 368px;
}
.component__item-name {
font-size: 20px;
}
.advanatages__block .advantage__item {
width: 40%;
}
}
@media (max-width:520px) {
.section__name {
font-size: 24px;
}
.components .section-title {
font-size: 24px !important;
line-height: 140%;
}
.hero .hero__swiper-item {
height: 626px;
}
.hero .swiper-button-next,
.hero .swiper-button-prev {
display: none;
}
.hero .hero__item-name {
font-size: 22px;
padding-top: 349px;
}
.hero .hero__item-description {
font-size: 30px;
line-height: 130%;
}
.components {
margin-top: 40px;
}
.component__item-name {
margin-top: 10px;
}
.interior {
margin-top: 40px;
}
.interior .section-title {
font-size: 24px;
}
.interior .interiorSwiper {
margin-top: 30px;
padding-bottom: 45px;
}
.interior__item-products h4 {
font-size: 18px;
}
.interior__item-products ul {
margin-top: 10px;
gap: 10px;
}
.interior__item-products ul a {
font-size: 15px;
}
.interior .swiper-button-next,
.interior .swiper-button-prev {
display: none;
}
.advantages .section-title {
font-size: 24px;
}
.advantages .advanatages__block {
gap: 10px;
margin-top: 30px;
}
.advanatages__block .advantage__item {
width: 100%;
}
.production .section-title {
font-size: 24px;
}
.production .production__block {
padding: 15px;
gap: 30px;
}
.production__block .production__video {
height: 169px;
}
.production__block .production__info {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 30px 10px;
}
.production__block .production__info .production__info-item {
width: calc(50% - 10px);
align-items: center;
}
.production__info-item h3 {
font-size: 22px;
}
.production__info-item p {
font-size: 15px;
text-align: center;
}
}
/* for btn */
@media (max-width:800px) {
.btn-up {
bottom: 150px;
}
}
/* bread crubs */
.breadcrumbs li.breadcrumbs__current {
color: #9595A4;
}
/* catalog page */
.furniture__banner.furniture__banner_with_image {
position: relative;
height: 500px;
}
.furniture__banner .furniture__legs-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
object-fit: cover;
z-index: -1;
}
.furniture__banner .breadcrumbs {
/*margin-top: 40px;*/
margin-top: 0;
padding-top: 40px;
}
.furniture__banner .banner__name {
color: var(--414147, #414147);
font-family: Onest;
font-size: 42px;
font-style: normal;
font-weight: 300;
line-height: 140%;
margin-top: 60px;
}
/* catalog__leg section */
.catalog__leg {
margin-top: 30px;
}
.catalog__leg .catalog__filter-sort {
display: flex;
justify-content: space-between;
align-items: center;
}
.catalog__filter-sort .catalog-filter {
color: #6D6D76;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.catalog__filter-sort .catalog-sort {
color: #9595A4;
font-family: Onest;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
display: flex;
gap: 10px;
align-items: center;
}
.catalog__filter-sort .catalog-sort .nice-select {
border: none;
padding: 0 26px 0 0;
}
.catalog__filter-sort .catalog-sort .nice-select:after {
height: 9px;
width: 9px;
top: 43%;
right: 5px;
z-index: 100;
}
.catalog__filter-sort .catalog-sort span {
color: #6D6D76;
position: relative;
font-size: 17px;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #FFF !important;
}
.catalog__filter-sort .catalog-sort .nice-select.open .list {
top: -21px;
left: auto;
right: -9px;
border: 1px solid #D0D0DD;
background: #FFF;
box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.06);
padding: 18px 15px;
}
.catalog__filter-sort .catalog-sort .nice-select .option {
font-size: 17px;
padding: 0;
}
/* filter modal */
.filter-catalog {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 120;
opacity: 0;
transition: .3s all ease;
}
.filter-catalog.show {
visibility: visible;
opacity: 1;
}
.filter-catalog .filter-catalog__overlay {
background: rgba(0, 0, 0, 0.50);
position: absolute;
width: 100%;
height: 100%;
}
.filter-catalog .filter-catalog__content {
width: 420px;
padding: 50px 40px 40px 40px;
position: relative;
background-color: #FFF;
height: 100vh;
overflow: scroll;
scrollbar-width: none;
}
.filter-catalog__content .filter-catalog__head {
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-catalog__content .filter-catalog__head h4 {
font-size: 26px;
font-style: normal;
font-weight: 400 !important;
line-height: normal;
}
.filter-catalog__content .filter-catalog__head .filter-catalog__close {
cursor: pointer;
}
.filter-catalog__content .product-type {
margin-top: 50px;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.filter-catalog__content .product-type label {
display: flex;
gap: 12px;
align-items: center;
position: relative;
font-size: 17px;
color: #6D6D76;
}
.filter-catalog__content .product-type label input {
position: absolute;
opacity: 0;
height: 0;
width: 0;
}
.filter-catalog__content .product-type label span {
border-radius: 3px;
height: 25px;
width: 25px;
border: 1px solid #D0D0DD;
}
.filter-catalog__content .product-type label input:checked ~ span {
background-color: #9595A4 !important;
background-image: url(/local/templates/artfactor/css/../images/check.png);
background-position: center;
background-size: cover;
}
.filter-item__name {
font-size: 21px;
line-height: 140%;
}
.filter-catalog__content .filter-product__price {
margin-top: 50px;
}
.input_values {
display: flex;
justify-content: space-between;
}
.input_values input {
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #FFF;
color: #9595A4;
font-size: 17px;
line-height: 140%;
width: calc(50% - 7px);
padding: 15px 20px;
/* -webkit-appearance: textfield; */
-moz-appearance: textfield;
}
.input_values input[type="number"] {
-webkit-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.filter-catalog__content .filter-product__collection {
margin-top: 50px;
}
.filter-catalog__content .fast__filter {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 25px;
}
.filter-catalog__content .fast__filter label > span {
border-radius: 4px;
border: 1px solid#D0D0DD;
padding: 10px 15px;
font-size: 17px;
line-height: 140%;
color: #131214;
position: relative;
display: block;
cursor: pointer;
}
.filter-catalog__content .fast__filter label input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.filter-catalog__content .fast__filter label input:checked ~ span {
background: #E6E6EB;
border-color: #E6E6EB;
}
.filter-product__application {
margin-top: 50px;
}
.filter-catalog__content .filter-product__forms {
margin-top: 50px;
}
.filter-catalog__content .filter-product__size-item {
margin-top: 50px;
}
.filter-catalog__content .filter-product__size-item.last {
margin-bottom: 100px;
}
.filter-product__size-item .input_values {
margin-top: 25px;
}
.filter-catalog__content .filter-product__btns {
position: sticky;
bottom: 0;
margin: 0;
background-color: #fff;
z-index: 1;
}
.filter-catalog__content .filter-product__btns::after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 102px;
background-color: #fff;
z-index: -1;
}
@media (min-width: 521px) {
.filter-catalog__content .filter-product__btns::after {
height: 40px;
}
}
.filter-catalog__content .apply_filter {
border: none;
border-radius: 5px;
background: #FF6A00;
color: var(--FFFFFF, #FFF);
font-size: 21px;
line-height: 140%;
padding: 15px 0;
width: 100%;
/*position: sticky;*/
/*bottom: 75px;*/
margin: auto;
}
.filter-catalog__content .clear_filter {
border-radius: 5px;
border: 1px solid var(--D6D6DD, #D0D0DD);
background: var(--E6E6EB, #E6E6EB);
font-size: 21px;
line-height: 140%;
font-size: 21px;
line-height: 140%;
padding: 15px 0;
width: 100%;
/*position: sticky;*/
/*bottom: 0px;*/
margin: 14px auto auto;
text-align: center;
z-index: 2;
}
/* sort modal */
.sort-catalog {
display: none;
}
.sort-catalog .sort-catalog__overlay {
background: rgba(0, 0, 0, 0.50);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 12;
}
.sort-catalog .sort-catalog__content {
top: 30%;
position: fixed;
left: 15px;
right: 15px;
z-index: 200;
background-color: #fff;
padding: 25px;
border: 1px solid#D0D0DD;
box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.06);
}
.sort-catalog .sort__head {
display: flex;
justify-content: space-between;
}
.sort-catalog .sort__head h4 {
color: #414147;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.sort-catalog ul {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.sort-catalog span {
color: #9595A4;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.sort-catalog span:hover {
color: #414147;
}
/* range input */
.irs--big .irs-min,
.irs--big .irs-max {
display: none;
}
.irs--big .irs-bar {
background: #FF6A00 !important;
border: none !important;
box-shadow: none !important;
height: 3px !important;
}
.irs--big .irs-line {
height: 3px !important;
box-shadow: none !important;
border: none !important;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
display: none;
}
.irs--big .irs-handle {
height: 15px !important;
width: 15px !important;
top: 23px !important;
background: #FF6A00 !important;
position: relative;
border: none !important;
box-shadow: none !important;
cursor: grab;
}
.irs-handle.irs-handle.to {
top: 9px !important;
}
/* .irs--big .irs-handle.state_hover, */
.irs--big .irs-handle:hover::after {
position: absolute;
content: '';
width: 25px;
height: 25px;
border: 1px solid #FF6A00;
border-radius: 50%;
top: 0;
left: -5px;
right: 0;
bottom: 0;
margin: auto;
}
/* .irs--big .irs-handle:after {} */
/* legs block */
.legs__block {
margin-top: 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px 0;
}
.legs__block .leg-item {
max-width: 320px;
width: 100%;
border: 1px solid #D0D0DD;
}
.legs__block .leg-item .item_top {
margin: 20px 20px 10px 20px;
min-height: 53px;
position: relative;
}
.leg-item .item_top .item_statuses {
position: absolute;
top: 0;
left: 0;
display: flex;
gap: 5px;
}
.leg-item .item_top span {
border-radius: 2px;
background: #e6e6eb;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 2px 8px;
}
.leg-item .item_top .stock {
color: #086818;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
top: 2px;
right: 0;
}
.leg-item .item_image {
transition: .3s all ease;
position: relative;
}
.leg-item .item_image .main_image {
transition: .3s all ease;
}
.leg-item .item_image:hover .main_image {
opacity: 0;
}
.leg-item .item_image:hover .hover_image {
opacity: 1;
}
.leg-item .item_image .hover_image {
position: absolute;
transition: .3s all ease;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
}
.leg-item .item-info {
padding: 10px 20px 20px 20px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 17px;
color: #414147;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.catalog__leg .actions_for-products {
margin-top: 50px;
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
}
.catalog__leg .actions_for-products ul {
display: flex;
gap: 5px;
align-items: center;
}
.catalog__leg .actions_for-products ul a {
border-radius: 4px;
border: 1px solid #E6E6EB;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
background: #F6F6F6;
}
.catalog__leg .actions_for-products ul a.active {
background-color: #FF6A00;
border: #FF6A00;
color: #FFF;
}
.catalog__leg .actions_for-products span {
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.catalog__leg .actions_for-products .show_more {
color: #6D6D76;
font-size: 17px;
font-weight: 400;
line-height: 140%;
border-bottom: 1px dashed #6D6D76;
}
/* collection */
.collection {
margin-top: 50px;
}
.collection .collection__block {
display: flex;
}
.collection__block .collection-item {
width: 50%;
padding: 100px;
text-align: center;
}
.collection__block .collection-item.one {
width: 100%;
}
.collection__block .collection-item.one .callection-item_images {
justify-content: center;
}
.collection__block .collection-item.one img {
width: 100%;
max-height: 400px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.collection__block .collection-item .collection__name {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%;
}
.collection__block .collection-item p {
color: #9595A4;
font-size: 21px;
line-height: 140%;
margin-top: 15px;
}
.collection__block .collection-item .callection-item_images {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.collection__block .collection-item .callection-item_images img {
width: calc(50% - 12px);
}
.collection__block .collection-item .download__collection {
margin: auto;
margin-top: 50px;
display: block;
max-width: 278px;
width: 100%;
padding: 15px 0;
display: flex;
justify-content: center;
gap: 10px;
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #E6E6EB;
}
/* dark item */
.collection__block .collection-item.dark {
background-color: #414147;
color: #FFF;
}
.collection__block .collection-item.dark .download__collection {
background-color: #FF6A00;
border: 1px solid #FF6A00;
}
.seo_text {
padding: 100px 0;
}
.seo_text .main_text {
color: #6D6D76;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.seo_text p {
color: #9595A4;
margin-top: 15px;
font-family: Onest;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.seo_text .more {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
color: #9595A4;
font-family: Onest;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.seo_text .more svg {
transition: .3s all ease;
}
.seo_text .more.active svg {
transform: rotate(180deg);
}
.seo_text .youtube_links {
display: none;
}
.seo_text .youtube_links.open {
display: flex;
gap: 35px;
flex-wrap: wrap;
margin-top: 40px;
}
.youtube_links .item_link {
text-align: center;
}
.youtube_links .item_link a {
position: relative;
}
.youtube_links .item_link a .click_btn {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
background-color: #E6E6EB;
height: fit-content;
width: fit-content;
color: #414147;
border-radius: 10px;
font-size: 21px;
}
.youtube_links .item_link p {
font-size: 20px;
color: #414147;
line-height: 140%;
margin-top: 15px;
}
@media (max-width: 1200px) {
.collection__block .collection-item {
padding: 50px 10px;
}
.legs__block .leg-item {
max-width: 310px;
}
}
@media (max-width:984px) {
.legs__block {
justify-content: center;
gap: 30px;
}
.legs__block .leg-item {
max-width: 270px;
}
.collection .collection__block {
flex-wrap: wrap;
}
.collection__block .collection-item {
width: 100%;
}
}
@media (max-width: 720px) {
.legs__block .leg-item {
max-width: 230px;
}
}
@media (max-width: 520px) {
.furniture__banner.furniture__banner_with_image {
height: 250px;
}
.furniture__banner .banner__name {
font-size: 26px;
margin-top: 10px;
}
.catalog__leg {
margin-top: 15px;
}
.catalog__filter-sort .catalog-sort {
border-bottom: 1px dashed #6D6D76;
font-size: 15px;
}
.catalog__filter-sort .catalog-sort span {
display: none;
}
.catalog__filter-sort .catalog-sort svg {
display: none;
}
.catalog__filter-sort .catalog-filter {
font-size: 15px;
}
.legs__block {
margin-top: 15px;
gap: 10px;
}
.legs__block .leg-item {
max-width: 160px;
}
.legs__block .leg-item .item_top {
margin: 10px 10px 5px 10px;
min-height: 17px;
}
.leg-item .item_top .new {
padding: 2px 4px;
font-size: 13px;
}
.leg-item .item_top .stock {
font-size: 13px;
}
.leg-item .item-info {
padding: 5px 10px 10px 10px;
font-size: 13px;
gap: 8px;
}
.catalog__leg .actions_for-products {
margin-top: 30px;
gap: 15px;
}
.catalog__leg .actions_for-products span {
font-size: 15px;
}
.catalog__leg .actions_for-products .show_more {
font-size: 15px;
}
.collection {
margin-top: 40px;
}
.collection__block .collection-item {
padding: 40px 10px;
}
.collection__block .collection-item .collection__name {
font-size: 22px;
}
.collection__block .collection-item p {
font-size: 18px;
}
.collection__block .collection-item .callection-item_images {
margin-top: 30px;
}
.collection__block .collection-item .callection-item_images img {
width: calc(50% - 5px);
height: 220px;
object-fit: cover;
}
.collection__block .collection-item .download__collection {
max-width: 235px;
font-size: 18px;
align-items: center;
margin-top: 30px;
}
/* filter mneu */
.filter-catalog .filter-catalog__content {
width: 100%;
padding: 25px 15px 102px 15px;
}
.filter-catalog__content .filter-catalog__head h4 {
font-size: 20px;
}
.filter-catalog__content .product-type {
margin-top: 25px;
}
.filter-catalog__content .product-type label {
gap: 10px;
font-size: 15px;
}
.filter-catalog__content .filter-product__price {
margin-top: 35px;
}
.filter-item__name {
font-size: 18px;
}
.input_values {
margin-top: 10px;
}
.input_values input {
font-size: 15px;
}
.filter-catalog__content .filter-product__collection {
margin-top: 35px;
}
.filter-catalog__content .fast__filter {
margin-top: 15px;
}
.filter-catalog__content .fast__filter label span {
font-size: 15px;
}
.filter-catalog__content .filter-product__forms {
margin-top: 35px;
}
.filter-catalog__content .filter-product__size-item {
margin-top: 35px;
}
.catalog__filter-sort .catalog-sort .nice-select {
display: none;
}
/* sort modal */
.sort-catalog.show {
display: block;
}
.seo_text {
padding: 40px 0;
}
.seo_text .main_text {
font-size: 20px;
}
.seo_text p {
font-size: 13px;
}
.seo_text .youtube_links.open {
gap: 30px;
}
.seo_text .more {
font-size: 13px;
}
.youtube_links .item_link p {
font-size: 18px;
}
}
/* personal page */
.bread_crumbs-personal ul {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.bread_crumbs-personal li {
color: #9595A4;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.bread_crumbs-personal li a {
color: #414147;
}
/* section personal */
.personal {
margin-top: 30px;
margin-bottom: 100px;
}
.personal .container {
max-width: 800px;
}
.personal .section-title {
color: var(--414147, #414147);
font-size: 42px;
font-style: normal;
font-weight: 300;
line-height: 140%;
margin: 10px 0 0 0;
}
.personal .personal-links {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 50px;
}
.personal .personal-links .link__item {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #E6E6EB;
color: #414147;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
padding: 15px 0;
width: calc(50% - 7px);
}
.personal .personal-form input {
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #FFF;
padding: 15px 20px;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
width: 100%;
height: 60px;
}
.personal-form input::placeholder {
color: #9595A4;
}
.personal-form input:hover::placeholder {
color: #414147;
}
.personal-form .form-part_name {
margin-top: 50px;
color: var(--414147, #414147);
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%;
}
.personal .personal-form .input_item {
position: relative;
margin-top: 15px;
}
.personal-form .FIO_inputs {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.personal-form .FIO_inputs .floating-label {
position: relative;
width: calc(33.333% - 10px);
}
.floating-label {
position: relative;
}
.floating-label label {
color: #9595A4;
font-size: 17px;
font-weight: normal;
position: absolute;
pointer-events: none;
left: 20px;
top: 20px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.floating-label label span {
color: #FF6A00;
}
.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
top: 4px;
font-size: 14px;
}
.personal-form .FIO_inputs input {
width: 100%;
}
/*
.personal-form .input_gmail {
position: relative;
margin-top: 15px;
} */
/*
.personal-form .input_gmail input {
padding: 25px 20px 15px 20px;
} */
.personal-form .input_item.phone {
position: relative;
margin-top: 15px;
}
.personal-form .input_item.phone .iti__flag-container{
top: 2px;
bottom: 2px;
}
.personal-form .input_item.phone input {
padding-left: 83px !important;
}
.personal-form .input_item.phone .ag-countrymask.iti{
width: 100%;
}
.personal-form .input_item.phone .iti__arrow {
margin-left: 5px;
width: 24px;
height: 24px;
background-size: 14px auto;
background-position: center;
background-repeat: no-repeat;
background-image: url(/local/templates/artfactor/css/../images/icon-country-selector-arrow.svg);
border: none;
}
.personal-form .input_item.phone .iti__flag{
position: relative;
box-shadow: none;
border-radius: 1px;
}
.personal-form .input_item.phone .iti__selected-flag {
padding-left: 15px;
padding-right: 10px;
margin-left: 2px;
border-radius: 5px;
}
.personal-form .input_item.phone .country_flag {
position: absolute;
display: flex;
gap: 10px;
top: 5px;
left: 5px;
border-radius: 4px;
background: #F6F6F6;
padding: 13px 10px 11px 15px;
cursor: pointer;
}
.personal-form .input_item.phone input {
padding-left: 115px;
letter-spacing: 2.1px;
font-size: 21px;
}
.personal-form .input_item.phone input::placeholder {
font-size: 21px;
}
/*
.personal-form .input_address {
margin-top: 15px;
} */
.personal-form .change__password-inputs {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.personal-form .change__password-inputs .floating-label {
width: calc(50% - 7px);
}
.personal-form .save-changes {
border-radius: 5px;
background: #FF6A00;
color: var(--FFFFFF, #FFF);
font-family: Onest;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
max-width: 300px;
width: 100%;
padding: 15px 0;
text-align: center;
display: block;
cursor: pointer;
margin: auto;
margin-top: 50px;
}
@media (max-width: 720px) {
.personal-form .FIO_inputs {
flex-wrap: wrap;
gap: 15px;
}
.personal-form .FIO_inputs .floating-label {
width: 100%;
}
}
@media (max-width: 520px) {
.personal {
margin-top: 20px;
margin-bottom: 40px;
}
.personal .bread_crumbs-personal ul {
justify-content: start;
}
.personal .bread_crumbs-personal li {
font-size: 15px;
}
.personal .section-title {
font-size: 26px;
margin-top: 10px;
text-align: start;
}
.personal .personal-links {
margin-top: 30px;
gap: 10px;
flex-wrap: wrap;
}
.personal .personal-links .link__item {
width: 100%;
font-size: 18px;
}
.personal-form .form-part_name {
margin-top: 30px;
font-size: 22px;
}
.floating-label label {
font-size: 15px;
top: 16px;
}
.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
font-size: 13px;
}
.personal .personal-form input {
padding: 15px;
font-size: 15px;
height: 50px;
}
.personal-form .input_item input {
padding: 20px 15px 10px 15px;
}
.personal-form .input_item span {
left: 15px;
font-size: 13px;
}
.personal-form .input_item.phone .country_flag {
padding: 8px 6px 8px 10px;
}
.personal-form .input_item.phone input {
padding-left: 100px;
}
.personal-form .input_item.phone input::placeholder {
font-size: 15px;
}
.personal-form .change__password-inputs {
flex-wrap: wrap;
gap: 15px;
}
.personal-form .change__password-inputs .floating-label {
width: 100%;
}
.personal-form .save-changes {
margin-top: 30px;
max-width: 100%;
font-size: 18px;
}
}
/* my orders */
.my__orders {
margin-top: 30px;
margin-bottom: 100px;
}
.my__orders .section-title {
color: var(--414147, #414147);
font-size: 42px;
font-style: normal;
font-weight: 300;
line-height: 140%;
margin: 10px 0 0 0;
}
.my__orders .order__types {
display: flex;
justify-content: center;
padding: 5px;
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #F6F6F6;
margin: auto;
width: fit-content;
margin-top: 50px;
gap: 10px;
}
.my__orders .order__types label {
position: relative;
cursor: pointer;
}
.my__orders .order__types input[type="radio"] {
display: block;
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.my__orders .order__types span {
padding: 10px 20px;
color: #414147;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
display: block;
border-radius: 5px;
}
.my__orders .order__types input:checked~span {
background: #414147;
color: #fff;
}
.my__orders .order__item:first-child {
margin: auto;
margin-top: 50px;
}
.my__orders .order__item {
margin: auto;
margin-top: 25px;
max-width: 800px;
width: 100%;
background: #F6F6F6;
padding: 25px;
}
.my__orders .order__item .order__item-head .order__item-status {
display: flex;
justify-content: space-between;
align-items: center;
}
.order__item-head .order__item-status div {
display: flex;
align-items: center;
gap: 10px;
}
.order__item-head .order__item-status .order__item-number {
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.order__item-head .order__item-status .order__item-time {
color: #9595A4;
font-family: Onest;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.order__item-head .order__item-status .order__status__type {
color: #E85332;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.order__item-head .order_info__block {
margin-top: 15px;
display: flex;
gap: 15px;
}
.order__item-head .order_info__block .order_info-item {
display: flex;
flex-direction: column;
gap: 5px;
}
.order__item-head .order_info__block .order_info-item.left {
max-width: 200px;
width: 100%;
}
.order_info__block .order_info-item .info_name {
color: #9595A4;
font-family: Onest;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.order_info__block .order_info-item .info_description {
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.order__item-head .open_product {
width: fit-content;
display: flex;
cursor: pointer;
gap: 10px;
align-items: center;
margin-top: 30px;
color: var(--9B9BA4, #9595A4);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.order__item-head .open_product svg {
transition: .3s all ease;
}
.order__item-head .open_product.selected svg {
transform: rotate(180deg);
}
.order__item .order__item-body {
margin-top: 15px;
display: none;
overflow: hidden;
transition: max-height 0.3s ease-out;
max-height: 0;
}
.order__item .order__item-body.active {
display: block;
max-height: max-content;
}
.order__item .order__item-body .product__item {
padding: 15px 0;
display: flex;
gap: 20px;
border-bottom: 1px solid #E6E6EB;
}
.order__item .order__item-body .product__item:nth-child(1) {
border-top: 1px solid #E6E6EB;
}
.order__item-body .product__item .product__item-image {
background-color: #fff;
max-width: 140px;
width: 100%;
}
.order__item-body .product__item img {
width: 140px;
height: 140px;
object-fit: cover;
}
.order__item-body .product__item .product__item-middle {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 460px;
width: 100%;
}
.order__item-body .product__item .product__item-middle .product__item-infos {
display: flex;
flex-direction: column;
gap: 5px;
}
.product__item-middle .product__item-infos .product__item-name {
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.product__item-middle .product__item-infos .product__item-size {
color: #9595A4;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.product__item-middle .product__item-infos .product__item-composition {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.product__item .product__item-middle .product__item-types {
display: flex;
gap: 5px;
}
.product__item .product__item-middle .product__item-types .type_item {
width: 60px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.product__item .product__item-middle .product__item-types .type_item .latter {
color: #9595A4;
}
.order__item-body .product__item .product_item-prices {
max-width: 110px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: end;
}
.product__item .product_item-prices .price_top {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 17px;
font-style: normal;
font-weight: 400;
align-items: end;
line-height: 140%;
}
.product__item .product_item-prices .price_top span {
font-size: 15px;
color: #9595A4;
}
.product__item .product_item-prices .total_price {
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
@media (max-width:720px) {
.order__item-head .order_info__block {
flex-wrap: wrap;
}
.my__orders .order__types span {
font-size: 15px;
}
}
@media (max-width:520px) {
.my__orders .bread_crumbs-personal ul {
justify-content: start;
}
.my__orders .order__types {
flex-wrap: wrap;
}
.my__orders .order__types label {
width: 100%;
}
.my__orders .order__item {
padding: 10px;
}
.order__item-head .order__item-status .order__item-number {
font-size: 17px;
}
.order__item-head .order__item-status .order__item-time {
font-size: 13px;
}
.order__item-head .order__item-status .order__status__type {
font-size: 13px;
}
.order_info__block .order_info-item .info_name {
font-size: 14px;
}
.order_info__block .order_info-item .info_description {
font-size: 17px;
}
.order__item .order__item-body .product__item {
padding: 20px 0;
gap: 10px;
}
.order__item-body .product__item .product__item-image {
min-width: 80px;
max-width: fit-content;
height: min-content;
}
.order__item-body .product__item img {
height: auto;
}
.order__item-body .product__item .product__item-middle {
min-width: 140px;
}
.order__item-body .product__item .product_item-prices {
min-width: 80px;
max-width: fit-content;
}
.product__item-middle .product__item-infos .product__item-name {
font-size: 15px;
}
.product__item-middle .product__item-infos .product__item-size {
font-size: 13px;
}
.product__item-middle .product__item-infos .product__item-composition {
font-size: 13px;
margin-top: 10px;
}
.product__item .product__item-middle .product__item-types .type_item {
width: 40px;
font-size: 13px;
}
.product__item .product_item-prices .price_top {
gap: 5px;
font-size: 15px;
}
.product__item .product_item-prices .price_top span {
font-size: 13px;
}
.product__item .product_item-prices .total_price {
font-size: 17px;
}
}
@media (max-width:360px) {
.order__item-body .product__item .product__item-image {
min-width: auto;
}
}
.table--col2 thead tr:nth-child(1) th:nth-child(1) {
width: 36%;
}
.table--col2 thead tr:nth-child(1) th:nth-child(3) {
width: 22%;
}
.table--col2 thead tr:nth-child(2) th:nth-child(2) {
width: 18%;
}
.main-slider {
margin-bottom: 128px !important;
}
@media (max-width: 670px) {
.main-slider {
margin-bottom: 92px !important;
}
}
@media (min-width: 1400px) {
.article_item:nth-last-child(-n+4):nth-child(5n + 1) { display: none; } /* 1 элемент */
.article_item:nth-last-child(-n+3):nth-child(5n + 1) { display: none; } /* 2 элемента */
.article_item:nth-last-child(-n+3):nth-child(5n + 2) { display: none; } /* 3 элемента */
.article_item:nth-last-child(-n+2):nth-child(5n + 1) { display: none; } /* 4 элемента */
.article_item:nth-last-child(-n+2):nth-child(5n + 2) { display: none; } /* 5 элементов */
.article_item:nth-last-child(-n+2):nth-child(5n + 3) { display: none; } /* 6 элементов */
}
@media (min-width: 1200px) and (max-width: 1399px) {
.article_item:nth-last-child(-n+3):nth-child(4n + 1) { display: none; } /* 1 элемент */
.article_item:nth-last-child(-n+2):nth-child(4n + 1) { display: none; } /* 2 элемента */
.article_item:nth-last-child(-n+2):nth-child(4n + 2) { display: none; } /* 3 элемента */
}
@media (min-width: 996px) and (max-width: 1199px) {
.article_item:nth-last-child(-n+2):nth-child(3n + 1) { display: none; } /* 1 элемент */
.article_item:nth-last-child(-n+1):nth-child(3n + 1) { display: none; } /* 2 элемента */
}
@media (min-width: 650px) and (max-width: 995px) {
.article_item:nth-last-child(-n+1):nth-child(2n + 1) { display: none; } /* 1 элемент */
}
/* End */
/* Start:/local/templates/artfactor/css/assets/css/normalize.css?17214111636485*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* End */
/* Start:/local/templates/artfactor/css/assets/css/fancybox.min.css?172141116312795*/
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:/HTML/assets/css/style.min.css?1731509819522669*/
@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DX Reverse
*/
.hamburger--3dx-r .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DY
*/
.hamburger--3dy .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DY Reverse
*/
.hamburger--3dy-r .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DXY
*/
.hamburger--3dxy .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dxy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg);
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DXY Reverse
*/
.hamburger--3dxy-r .hamburger-box {
-webkit-perspective: 64px;
perspective: 64px;
}
.hamburger--3dxy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* Arrow
*/
.hamburger--arrow.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Arrow Right
*/
.hamburger--arrow-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Alt
*/
.hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-6.4px, -8px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6.4px, -8px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-6.4px, 8px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6.4px, 8px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(6.4px, -8px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6.4px, -8px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(6.4px, 8px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6.4px, 8px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Turn
*/
.hamburger--arrowturn.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Turn Right
*/
.hamburger--arrowturn-r.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Boring
*/
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
-o-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
-o-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
-o-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
-o-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
transform: translate3d(0, -8px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 1px;
-webkit-transition-duration: 0.275s;
-o-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.125s 0.275s ease;
-o-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
transform: translate3d(0, 8px, 0) rotate(135deg);
-webkit-transition-delay: 0.075s;
-o-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
transform: translate3d(0, -16px, 0) rotate(-270deg);
-webkit-transition-delay: 0.075s;
-o-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 1px;
-webkit-transition-duration: 0.275s;
-o-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.125s 0.275s ease;
-o-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
transform: translate3d(0, 8px, 0) rotate(-135deg);
-webkit-transition-delay: 0.075s;
-o-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
transform: translate3d(0, -16px, 0) rotate(270deg);
-webkit-transition-delay: 0.075s;
-o-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Emphatic
*/
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
-o-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
top: 8px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -64px;
top: -64px;
-webkit-transform: translate3d(64px, 64px, 0) rotate(45deg);
transform: translate3d(64px, 64px, 0) rotate(45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -64px;
top: -64px;
-webkit-transform: translate3d(-64px, 64px, 0) rotate(-45deg);
transform: translate3d(-64px, 64px, 0) rotate(-45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Emphatic Reverse
*/
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
-o-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 8px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -64px;
top: 64px;
-webkit-transform: translate3d(64px, -64px, 0) rotate(-45deg);
transform: translate3d(64px, -64px, 0) rotate(-45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -64px;
top: 64px;
-webkit-transform: translate3d(-64px, -64px, 0) rotate(45deg);
transform: translate3d(-64px, -64px, 0) rotate(45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Minus
*/
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
-o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
-o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
}
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 1px;
}
.hamburger--slider .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-4.5714285714px, -6px, 0);
transform: rotate(-45deg) translate3d(-4.5714285714px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(4.5714285714px, -6px, 0);
transform: rotate(45deg) translate3d(4.5714285714px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
transform: translate3d(0, -16px, 0) rotate(90deg);
}
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
-o-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
-o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
-o-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
-o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spring
*/
.hamburger--spring .hamburger-inner {
top: 1px;
-webkit-transition: background-color 0s 0.13s linear;
-o-transition: background-color 0s 0.13s linear;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 8px;
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
-o-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand
*/
.hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand Reverse
*/
.hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
-o-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
-o-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
-o-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Vortex
*/
.hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
-o-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
-o-transition-property: bottom, transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
-webkit-transform: rotate(765deg);
-ms-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/*
* Vortex Reverse
*/
.hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
-o-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
-o-transition-property: bottom, transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
-webkit-transform: rotate(-765deg);
-ms-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.hamburger {
padding: 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #414047;
}
.hamburger-box {
width: 32px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 100%;
height: 2px;
background-color: #414047;
border-radius: 1px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
/**
* Swiper 11.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 26, 2023
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
-webkit-transform-style: preserve-3d;
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 {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
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: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
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 {
-webkit-margin-start: var(--swiper-centered-offset-before);
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 {
-webkit-margin-before: var(--swiper-centered-offset-before);
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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 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;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
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 {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: 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: 0.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%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
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-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: 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%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
-ms-touch-action: none;
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 {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
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;
}
/* purgecss start ignore */
.header__mobile-top .user-area a:nth-child(n) {
background: transparent;
}
.header__mobile-top .user-area a:nth-child(n):hover,
.header__mobile-top .user-area a:nth-child(n) a:active {
background: transparent;
}
.header__mobile-top .callback-btn {
margin: 0;
padding: 0;
width: 70px;
height: 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: normal;
}
.header__mobile-top .callback-btn svg {
display: inline-block;
}
.auth_name--mob {
color: #fff;
}
.menu-cat-item .submenu .submenu ul {
max-height: calc(83vh - 18px) !important;
}
.header .menu-cat-item .submenu .submenu:before {
height: 100%;
top: 25px;
left: 0;
bottom: 0;
margin: 0;
width: 1px;
background: #cbcbcb;
}
.header .menu-cat-item > .submenu > ul {
padding-top: 34px;
}
.header .menu-cat-item .submenu:before,
.header .menu-cat-item .submenu:after {
height: 100%;
min-height: 800px;
}
/*.header .menu-cat-item--idea:hover .submenu {*/
/* opacity: 1;*/
/* visibility: visible;*/
/* transition: all 0.3s ease;*/
/*}*/
.mobile-nav {
position: fixed;
top: 0;
left: -100%;
width: 82%;
height: 100%;
z-index: 9999;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-nav:before {
position: absolute;
top: 0;
left: -100%;
content: "";
width: 100vw;
height: 100%;
background: rgba(100, 98, 112, 0.7);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.mobile-nav.open {
left: 0;
}
.mobile-nav.open:before,
.mobile-nav.open .mobile-nav__top,
.mobile-nav.open .mobile-nav__bottom {
left: 0;
}
.mobile-nav.scroll .mobile-nav__inner {
overflow-y: auto;
}
.mobile-nav__top,
.mobile-nav__bottom {
position: fixed;
top: 0;
left: -100%;
width: 82%;
padding: 0 15px 0 30px;
background: #fff;
z-index: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-nav.scroll .mobile-nav__top:after,
.mobile-nav.scroll .mobile-nav__bottom:before {
position: absolute;
left: 0;
bottom: -12px;
content: "";
width: 100%;
height: 12px;
background: -o-linear-gradient(bottom, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(203, 203, 203, 0)), to(rgba(203, 203, 203, 0.6)));
background: linear-gradient(360deg, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
}
.mobile-nav.scroll .mobile-nav__bottom:before {
bottom: initial;
top: -12px;
background: -o-linear-gradient(top, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(203, 203, 203, 0)), to(rgba(203, 203, 203, 0.6)));
background: linear-gradient(180deg, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
}
.mobile-nav__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 75px;
border-bottom: 1px solid #cbcbcb;
}
.mobile-nav__top .user-area a.user-area__auth {
width: 22px;
height: 26px;
background: url(/HTML/assets/img/account-ico.svg) no-repeat;
margin-left: 0;
}
.mobile-nav__top .user-area a.user-area__auth,
.mobile-nav__top .user-area a.user-area__auth:active {
background: url(/HTML/assets/img/account-ico-a.svg) no-repeat;
}
.mobile-nav__top .user-area a.user-logout {
width: 26px;
height: 23px;
background: url(/HTML/assets/img/SignOut.svg) no-repeat;
margin-right: 35px;
}
.mobile-nav__top .user-area a.user-logout:hover,
.mobile-nav__top .user-area a.user-logout:active {
background: url(/HTML/assets/img/SignOut.svg) no-repeat;
}
.mobile-nav__bottom {
top: initial;
bottom: 0;
}
.mobile-nav__bottom form {
margin: 12px 0 20px;
}
.mobile-nav__bottom > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobile-nav__bottom .units__placeholder:hover,
.mobile-nav__bottom .currency__placeholder:hover,
.mobile-nav__bottom .lang__placeholder:hover {
background: transparent;
}
.mobile-nav__bottom .units ul,
.mobile-nav__bottom .currency ul,
.mobile-nav__bottom .lang ul {
bottom: 100%;
}
.mobile-nav__bottom .units ul li,
.mobile-nav__bottom .currency ul li,
.mobile-nav__bottom .lang ul li {
background: #d1d1d1;
}
.mobile-nav__bottom .units.active ul li,
.mobile-nav__bottom .currency.active ul li,
.mobile-nav__bottom .lang.active ul li {
background: #d1d1d1;
}
.mobile-nav__bottom div.units {
margin-left: 0;
}
.mobile-nav__bottom .lang {
margin-bottom: 50px;
}
.mobile-nav__close {
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
}
.mobile-nav__inner {
position: relative;
width: 100%;
background: #fff;
padding: 75px 15px 153px 30px;
height: 100vh;
}
.mobile-nav__inner li {
margin-top: 25px;
}
.mobile-nav__inner li a {
font-weight: 700;
color: #333;
}
.mobile-nav__inner li.active > a {
color: #ff6b00;
}
.mobile-nav__inner li.active > a svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-nav__inner li.active > a path {
fill: #ff6b00;
}
.mobile-nav__inner li ul {
display: none;
padding-left: 25px;
}
.mobile-nav__inner li ul li {
margin: 15px 0;
}
.mobile-nav__inner li ul li:last-child {
margin-bottom: 0;
}
.mobile-nav__inner li ul a {
font-weight: 400;
}
.mobile-nav__list {
margin-bottom: 25px;
}
.mobile-nav__list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-nav__list a svg {
position: relative;
top: 3px;
display: inline-block;
}
:focus::-moz-placeholder {
opacity: 0;
}
:focus:-ms-input-placeholder {
opacity: 0;
}
:focus::-webkit-input-placeholder {
opacity: 0;
}
:focus::-ms-input-placeholder {
opacity: 0;
}
:focus::placeholder {
opacity: 0;
}
input::-webkit-input-placeholder {
color: #000000;
font-weight: 300;
}
input::-moz-placeholder {
color: #000000;
font-weight: 300;
}
input:-ms-input-placeholder {
color: #000000;
font-weight: 300;
}
input::-ms-input-placeholder {
color: #000000;
font-weight: 300;
}
input::placeholder,
input {
color: #000000;
}
/* .main-slider */
.main-slider {
position: relative;
margin-bottom: 48px;
height: 710px;
}
.main-slider__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 160px;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.main-slider__item-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.main-slider__item .container {
position: relative;
z-index: 1;
}
.main-slider__item-title {
margin: 20px 0;
font-size: 48px;
line-height: 44px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.main-slider__item-text {
margin-top: 40px;
font-size: 24px;
line-height: 30px;
display: block;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.main-slider .more-btn {
margin-top: 100px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.main-slider .swiper-slide-active .main-slider__item-title,
.main-slider .swiper-slide-active .main-slider__item-text,
.main-slider .swiper-slide-active .more-btn {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.main-slider__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 28px -6px 0;
}
.main-slider__dots span {
margin: 0 6px;
width: 12px;
height: 12px;
background: #ececec;
border-radius: 100%;
opacity: 1;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.main-slider__dots span.swiper-pagination-bullet-active {
width: 28px;
height: 28px;
background: #ff6b00;
border: 6px solid #fff;
outline: 1px solid #ff6b00;
}
.main-slider__arrows {
position: absolute;
top: 50%;
left: 30px;
width: calc(100% - 60px);
z-index: 2;
}
.main-slider__arrows span {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.3);
border-radius: 100%;
cursor: pointer;
}
.main-slider__arrows span:last-child {
left: initial;
right: 0;
}
.more-btn {
padding-bottom: 3px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border-bottom: 3px solid #ff6b00;
}
.more-btn:after {
position: absolute;
right: 0;
bottom: -3px;
content: "";
display: block;
width: 0;
height: 3px;
background: #414047;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.more-btn:hover:after {
right: auto;
left: 0;
width: 100%;
}
.more-btn--dark {
left: 50%;
color: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main {
overflow: hidden;
/* padding-bottom: 50px; */
}
.section-title {
margin-bottom: 40px;
font-size: 48px;
text-align: center;
}
.section-title.ab {
opacity: 0;
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.section-title.animated {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.home-products {
padding: 100px 0;
}
.home-products__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.home-products__box a {
display: block;
margin: 0 10px;
padding: 30px;
width: calc(33.3333333333% - 20px);
min-height: 475px;
overflow: hidden;
}
.home-products__box--1.home-products__box a {
background-color: #ececec;
}
.home-products__box a:hover .home-products__img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.home-products__imgs {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.home-products__box a:hover .home-products__imgs {
-webkit-transform: translateX(-50%) scale(1.1, 1.1);
-ms-transform: translateX(-50%) scale(1.1, 1.1);
transform: translateX(-50%) scale(1.1, 1.1);
}
.home-products__box a p {
font-weight: 300;
line-height: 24px;
}
.home-products__box a:nth-child(3) .home-products__img {
background-position: calc(100% + 25px) bottom;
}
.home-products__imgs {
position: absolute;
bottom: 0;
left: 50%;
max-width: 100%;
max-height: 243px;
-webkit-transform: translateX(-50%) scale(1, 1);
-ms-transform: translateX(-50%) scale(1, 1);
transform: translateX(-50%) scale(1, 1);
}
.home-products__box-title {
margin-bottom: 10px;
font-size: 36px;
font-weight: 300;
line-height: 39px;
}
.home-products__box--2 {
margin-top: 60px;
}
.home-products__box--2 h1 {
margin-bottom: 10px;
font-size: 48px;
font-weight: 400;
}
.home-products__box--2 p {
font-weight: 300;
}
.home-products__box--2 > div {
margin: 0 10px;
width: 50%;
}
.home-products__box--2 > div:first-child p {
font-size: 28px;
}
.home-products__box--2 > div:last-child p {
margin-bottom: 20px;
}
.home-products__box--2 > div:last-child p:last-child {
margin-bottom: 0;
}
.home-products__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ececec;
background-repeat: no-repeat;
background-position: calc(100% - 40px) bottom;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
z-index: -1;
}
.home-collections {
padding-bottom: 100px;
}
.home-collections .section-title {
margin-bottom: 20px;
}
.home-collections__description {
margin-bottom: 60px;
font-weight: 300;
}
.home-collections .usage {
padding: 0;
}
.home-collections .more-btn {
margin-top: 40px;
}
.video__poster {
position: relative;
height: 500px;
background: url("/HTML/assets/img/video-poster.jpg") center no-repeat;
background-size: cover;
}
.video__poster.video__poster-rekonstr {
background: url("/HTML/assets/img/rekonstr-poster.jpg") center no-repeat;
}
.video--home .video__poster {
background: url("/HTML/assets/img/video-main-tatiana.jpg") center no-repeat;
}
.video__btn {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: -o-linear-gradient(359.82deg, rgba(24, 24, 24, 0.5) 5.09%, rgba(65, 64, 71, 0.5) 66.71%);
background: linear-gradient(90.18deg, rgba(24, 24, 24, 0.5) 5.09%, rgba(65, 64, 71, 0.5) 66.71%);
z-index: 1;
cursor: pointer;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.video__btn svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
width: 70px;
height: 70px;
margin-top: 50px;
}
.video__btn:hover svg {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.video__iframe {
display: none;
}
.video iframe {
position: absolute;
z-index: 1;
}
/* .advantages */
.advantages {
padding: 100px 0;
}
.advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -45px;
}
.advantages__item {
position: relative;
margin: 0 45px;
padding-bottom: 23px;
width: 100%;
max-width: 230px;
text-align: center;
}
.advantages__item:after {
position: absolute;
left: 50%;
bottom: 0;
content: "";
margin: 0 0 0 -33px;
width: 66px;
height: 1px;
background: #ff6b00;
}
.advantages__item div {
font-size: 36px;
font-weight: 700;
line-height: 60px;
letter-spacing: -1px;
}
.advantages__item div span {
font-size: 60px;
}
.advantages__item p {
font-weight: 300;
}
/* .catalog */
.catalog-page .video {
margin-bottom: 100px;
}
.catalog-page .video__poster {
background-image: url("/HTML/assets/img/video-poster-2.jpg");
background-size: contain;
}
.catalog-page .main-wrap {
overflow: hidden;
}
.catalog__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 258px);
gap: 20px 20px;
grid-template-areas: "item1 item1 item2 item3" "item4 item5 item6 item3" "item4 item7 item7 item8" "item9 item10 item11 item8";
width: 100%;
}
.catalog .catalog__item {
padding: 30px;
background-color: #ececec;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.catalog .catalog__item div:first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
mix-blend-mode: darken;
}
.catalog .catalog__item:hover {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
-webkit-box-shadow: 0 6px 10px rgba(68, 92, 130, 0.14), 0 3px 5px rgba(68, 92, 130, 0.2);
box-shadow: 0 6px 10px rgba(68, 92, 130, 0.14), 0 3px 5px rgba(68, 92, 130, 0.2);
}
.catalog .more-btn {
margin-top: 40px;
}
.catalog__item-title {
position: relative;
font-size: 28px;
font-weight: 300;
line-height: 34px;
z-index: 1;
}
.catalog .item1 {
grid-area: item1;
}
.catalog .item2 {
grid-area: item2;
}
.catalog .item3 {
grid-area: item3;
}
.catalog .item4 {
grid-area: item4;
}
.catalog .item5 {
grid-area: item5;
}
.catalog .item6 {
grid-area: item6;
}
.catalog .item7 {
grid-area: item7;
}
.catalog .item8 {
grid-area: item8;
}
.catalog-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -32px -10px;
}
.catalog-box__item {
margin: 32px 10px;
width: calc(16.6666666667% - 20px);
font-size: 24px;
line-height: 24px;
text-align: center;
color: #222;
}
.catalog-box__item-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
height: 190px;
border: 1px solid #cbcbcb;
overflow: hidden;
}
.catalog-box__item-img img {
max-width: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.catalog-box__item:hover {
color: #ff6b00;
}
.catalog-box__item:hover .catalog-box__item-img img {
-webkit-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}
.page .main--subcatalog h1 {
font-size: 64px;
line-height: 78px;
}
/* .usage */
.usage {
padding: 0 0 100px;
}
.usage__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.usage-page .usage__list a {
width: 100%;
height: 100%;
}
.usage__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 2px;
width: calc(33.3333333333% - 4px);
}
.usage__item:hover .usage__item-img:after {
bottom: 0;
}
.usage__item:hover .usage__item-title,
.usage__item:hover .usage__item-cat {
top: 0;
opacity: 1;
}
.usage__item-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.usage__item-img img {
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.usage__item-img:after {
position: absolute;
left: 0;
bottom: -100%;
content: "";
width: 100%;
height: 100%;
background: rgba(65, 64, 71, 0.7);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usage__item-content {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.usage__item-title {
position: relative;
top: 20px;
margin-bottom: 20px;
font-size: 36px;
font-weight: 300;
opacity: 0;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
color: #fff;
text-align: center;
}
.usage__item-cat {
position: relative;
top: 20px;
padding-bottom: 3px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
border-bottom: 3px solid #ff6b00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 0;
}
.usage__item-cat:after {
position: absolute;
right: 0;
bottom: -3px;
content: "";
display: block;
width: 0;
height: 3px;
background: #414047;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usage__item-cat:hover:after {
right: auto;
left: 0;
width: 100%;
}
.usage__item:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.usage .more-btn {
margin-top: 40px;
}
/* .news */
.page .main--news h1 {
margin: 60px 0 40px;
}
.news {
padding-bottom: 100px;
}
.news__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 55px;
}
.news__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 10px;
width: calc(33.3333333333% - 20px);
cursor: pointer;
}
.news__item:hover .news__item-date:before {
width: 100%;
}
.news__item:hover .news__item-title {
color: #ff6b00;
}
.news__item-img {
overflow: hidden;
}
.news__item-img img {
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.news__item-img:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.news__item-title {
position: relative;
margin-bottom: 5px;
padding: 20px 0 0;
font-size: 28px;
font-weight: 300;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news__item-date {
position: relative;
margin-top: auto;
padding-top: 10px;
font-size: 16px;
color: #b0b0b0;
border-top: 1px solid #b0b0b0;
}
.news__item-date:before {
position: absolute;
left: 0;
top: -1px;
content: "";
width: 0;
height: 1px;
background: #ff6b00;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.news .more-btn {
left: 50%;
color: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* .footer */
.footer {
background: #414047;
}
.footer > .container {
padding-top: 40px;
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
.footer__menu {
width: 20%;
}
.footer__menu .footer__menu-title {
margin-bottom: 20px;
font-size: 16px;
}
.footer__menu .footer__menu-title a {
font-weight: 700;
color: #fff;
}
.footer__menu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
}
.footer__menu--1 {
margin-right: 22px;
}
.footer__menu--2 {
margin-right: 22px;
}
.footer__menu--3 {
margin-right: 22px;
}
.footer__menu--4 {
margin-right: auto;
}
.footer__menu li + li {
margin-top: 10px;
}
.footer__menu a {
font-size: 16px;
color: #c9c9c9;
}
.footer__menu a:hover {
color: #fff;
}
.footer__contacts {
margin-left: 10px;
}
.footer__contacts div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__contacts p {
font-size: 17px;
color: #fff;
text-align: right;
}
.footer__contacts-link a:hover {
color: #ff6b00;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.footer__contacts p:last-child {
margin-top: 20px;
}
.footer__contacts a {
width: 230px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
}
.footer__contacts .footer__contacts-link {
text-align: left;
display: block;
}
.footer__contacts .footer__contacts-link a {
line-height: 100%;
width: auto;
height: auto;
text-align: right;
display: block;
font-size: 20px;
}
.footer__contacts .footer__contacts-link a:first-child {
margin-bottom: 20px;
}
.footer__contacts .footer__callback {
margin-bottom: 20px;
border: 1px solid #fff;
}
.footer__contacts .footer__callback:hover {
border-color: #ff6b00;
background: #ff6b00;
}
.footer__contacts .footer__whatsapp {
margin-bottom: 40px;
line-height: 41px;
background: #2fa81b;
}
.footer__contacts .footer__whatsapp:hover {
background: #45c22f;
}
.footer__contacts .footer__whatsapp svg {
position: relative;
top: 3px;
margin-right: 10px;
}
.footer__bottom {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
border-top: 1px solid #646270;
}
.footer__bottom p {
font-size: 14px;
font-weight: 300;
color: #cbcbcb;
}
.footer__bottom .created {
margin-left: auto;
}
.footer__bottom .created a {
font-size: 14px;
color: #cbcbcb;
}
.footer__bottom .created a:hover {
color: #fff;
}
.footer__social {
position: absolute;
top: calc(-50% + 30px);
left: 50%;
margin: 0 -7px;
padding: 0 68px;
background: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer__social a {
margin: 0 7px;
width: 36px;
height: 36px;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size: contain;
background-repeat: no-repeat;
}
.footer__social a:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.footer__social .social-you {
width: 46px;
height: 46px;
display: inline-block;
position: relative;
}
.footer__social .social-you svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.footer__social .social-you .icon-hover {
opacity: 0;
}
.footer__social .social-you:hover .icon-default {
opacity: 0;
}
.footer__social .social-you:hover .icon-hover {
opacity: 1;
}
/* .footer__social .social-vk {
width: 24px;
height: 24px;
background: url("#vk-ico") no-repeat;
}
.footer__social .social-vk:hover {
width: 24px;
height: 24px;
background: url("#vk-ico-c") no-repeat;
}
.footer__social .social-pint {
background-image: url("/HTML/assets/img/pin-ico.svg");
}
.footer__social .social-pint:hover {
background-image: url("/HTML/assets/img/pin-ico-c.svg");
}
.footer__social .social-tik {
background-image: url("/HTML/assets/img/tt-ico.svg");
}
.footer__social .social-tik:hover {
background-image: url("/HTML/assets/img/tt-ico-c.svg");
}
.footer__social .social-houzz {
background-image: url("/HTML/assets/img/houzz-ico.svg");
}
.footer__social .social-houzz:hover {
background-image: url("/HTML/assets/img/houzz-ico-c.svg");
}
.footer__social .social-me {
background-image: url("/HTML/assets/img/tm-ico.svg");
}
.footer__social .social-me:hover {
background-image: url("/HTML/assets/img/tm-ico-c.svg");
}
.footer__social .social-dz {
background-image: url("/HTML/assets/img/dz-ico.svg");
}
.footer__social .social-dz:hover {
background-image: url("/HTML/assets/img/dz-ico-c.svg");
} */
.footer__copyright {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
z-index: 1;
}
.footer__sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.footer__text {
text-align: center;
margin-top: 10px;
}
.subscribe {
padding: 32px;
background: #dadada;
}
.subscribe .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
}
.subscribe form,
.subscribe form div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subscribe form {
width: 83%;
}
.subscribe input[type=email] {
margin-right: 20px;
padding: 0 20px;
width: 100%;
height: 48px;
font-size: 16px;
line-height: 48px;
background: #fff;
}
.subscribe form .form-row-subscribe {
display: block;
}
.subscribe button {
margin-left: 40px;
margin-right: 0;
height: 48px;
font-size: 20px;
line-height: 48px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ff6b00;
}
.subscribe button:hover {
background: #f98a3a;
}
.agreement,
.input-checkbox {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
display: inline-block;
cursor: pointer;
}
.agreement span,
.input-checkbox span {
position: relative;
display: inline-block;
padding-left: 30px;
color: #414047;
font-size: 16px;
font-weight: 400;
line-height: 16px;
white-space: nowrap;
}
.agreement span a,
.input-checkbox span a {
color: #ff6b00;
}
.agreement span:before,
.input-checkbox span:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: #fff;
}
.input-checkbox {
display: block;
}
.input-checkbox span {
font-size: 14px;
color: #8b8a94;
line-height: 16px;
}
.input-checkbox span:before {
top: -1px;
border: 1px solid #cbcbcb;
}
.input-checkbox input[type=checkbox]:checked + span:after {
top: 2px;
}
.agreement input[type=checkbox],
.input-checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
left: 0;
z-index: 2;
top: 0;
}
.agreement span:after,
.input-checkbox span:after {
position: absolute;
top: 3px;
left: 2px;
content: "";
display: inline-block;
width: 0;
height: 0;
background: url("/HTML/assets/img/check-ico.svg") no-repeat;
background-size: contain;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.agreement input[type=checkbox]:checked + span:after,
.input-checkbox input[type=checkbox]:checked + span:after {
width: 12px;
height: 11px;
opacity: 1;
}
/* .product */
.fancybox-container.fancybox-is-open .fancybox-bg {
opacity: 0.7;
}
.fancybox-container .fancybox-bg {
background: rgb(100, 98, 112);
}
.inner {
position: relative;
}
.inner.checkout,
.inner.cart,
.inner.catalog-page,
.inner.single-product,
.inner.page {
border-top: 1px solid #b0b0b0;
}
.breadcrumbs {
position: relative;
margin-top: 24px;
z-index: 1;
font-size: 16px;
}
.breadcrumbs ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumbs li {
position: relative;
}
.breadcrumbs li:after {
position: relative;
top: 2px;
display: inline-block;
content: "";
margin: 0 10px;
width: 8px;
height: 13px;
background: url("/HTML/assets/img/breacrumbs-divider.svg") no-repeat;
}
.breadcrumbs a {
color: #646270;
}
.breadcrumbs a:hover {
color: #ff6b00;
}
.breadcrumbs li.breadcrumbs__current {
color: #414047;
}
.breadcrumbs li.breadcrumbs__current:after {
display: none;
}
.breadcrumbs-cat .breadcrumbs {
position: absolute;
top: 20px;
margin: 0;
width: 100%;
z-index: 3;
}
.breadcrumbs-cat .breadcrumbs li,
.breadcrumbs-cat .breadcrumbs a {
color: #fff;
}
.breadcrumbs-cat .breadcrumbs a:hover {
color: #ff6b00;
}
.breadcrumbs-cat .breadcrumbs li:after {
background: url("/HTML/assets/img/breacrumbs-divider-white.svg") no-repeat;
}
.single-product .main .video {
margin-bottom: 60px;
}
.single-product .main .video__poster {
/*background-image: url("/HTML/assets/img/video-poster-2.jpg");*/
background-size: cover;
}
.single-product .main .section-title {
font-size: 36px;
text-align: left;
}
.single-product .main .text-1 {
margin: 0 0 40px;
font-size: 16px;
line-height: 19px;
}
input::-moz-placeholder {
color: #414047;
}
input::-webkit-input-placeholder {
color: #414047;
}
input:-ms-input-placeholder {
color: #414047;
}
.sibcribe-form input::-webkit-input-placeholder,
.sibcribe-form input::-moz-placeholder .sibcribe-form input {
color: #414047;
}
.slick-list {
width: 100%;
overflow: hidden;
}
.slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product {
margin-top: 30px;
}
.product__title {
margin-bottom: 8px;
font-weight: 300;
}
.product__title span {
display: inline-block;
margin-right: 20px;
font-weight: 400;
}
.product .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product .col--left {
margin-right: 20px;
width: 610px;
}
.product .col--right {
width: calc(100% - 630px);
}
.product .slick-slide {
z-index: 1 !important;
}
.product .slick-slide img {
display: block;
max-width: 100%;
height: auto;
}
.product .slick-slide.slick-current {
z-index: 2 !important;
}
.product__slider-main {
position: relative;
margin-bottom: 20px;
border: 1px solid #cbcbcb;
}
.product__slider-main .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 80px;
width: 610px;
min-height: 500px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.product__slider-main .zoom {
background-position: 50% 50%;
overflow: hidden;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.product__slider-main .zoom img:hover {
opacity: 0;
}
.product__slider-main .zoom img {
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.product__slider-thumb {
padding: 0 35px;
position: relative;
}
.product__slider-thumb.no-offset {
padding: 0;
}
.product__slider-thumb .slider-thumb {
margin: 0 -10px;
}
.product__slider-thumb .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 10px;
width: 120px;
height: 120px;
border: 1px solid #cbcbcb;
overflow: hidden;
cursor: pointer;
}
.product__slider-thumb .slick-slide:hover {
border-color: #ff6b00;
}
.product__slider .slider-thumb-arr {
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
width: 100%;
}
.product__slider .slider-thumb-arr .slick-disabled {
pointer-events: none;
}
.product__slider .slider-thumb-arr span {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
}
.product__slider .slider-thumb-arr .slider-thumb-arr__left {
left: -11px;
}
.product__slider .slider-thumb-arr .slider-thumb-arr__right {
left: initial;
right: -11px;
}
.product__slider .slider-thumb-arr .slick-disabled path {
fill: #cbcbcb;
}
.product .product__zoom {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 26px;
height: 27px;
cursor: pointer;
}
.product .product__zoom:hover {
z-index: -1;
}
.product .drawing-btn {
position: absolute;
bottom: 20px;
right: 20px;
font-size: 16px;
z-index: 3;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product .drawing-btn svg {
position: relative;
display: inline-block;
margin-left: 14px;
}
.product .drawing-btn.active {
background: #ff6b00;
}
.product .product__drawings {
position: absolute;
bottom: 40px;
left: 0;
display: none;
padding: 10px;
width: 100%;
text-align: left;
line-height: 16px;
background: #fff;
-webkit-box-shadow: 0px -5px 10px rgba(9, 11, 54, 0.1);
box-shadow: 0px -5px 10px rgba(9, 11, 54, 0.1);
}
.product .product__drawings li {
margin: 13px 0;
}
.product .product__drawings a:hover {
color: #ff6b00;
}
.product__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 40px 0 17px;
width: 100%;
}
.product__line > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 360px;
}
.product__line--2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.product__line .share-box {
margin-right: 20px;
width: auto;
}
.product__line .share-box__btn {
position: relative;
height: 24px;
height: 24px;
z-index: 2;
}
.product__line .share-box.active .share-box__list {
width: 185px;
}
.product__line .share-box.active .share-box__btn path,
.product__line .share-box.active .share-box__btn circle {
stroke: #ff6b00;
fill: #ff6b00;
}
.product__line .share-box__list {
top: -14px;
left: initial;
right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
width: 0;
border: 0;
overflow: hidden;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.product__line .share-box__list div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 298px;
background: #fff;
border: 1px solid #cbcbcb;
}
.product__name {
font-weight: 300;
}
.product__name--3 {
text-transform: lowercase;
}
.product__price {
font-size: 30px;
font-weight: 700;
line-height: 24px;
}
.product .add-to-fav {
width: 24px;
height: 21px;
background: url("/HTML/assets/img/fav-ico.svg") no-repeat;
background-size: cover;
cursor: pointer;
}
.product .add-to-fav:hover {
background: url("/HTML/assets/img/fav-ico-h.svg") no-repeat;
background-size: cover;
}
.product .add-to-fav:active,
.product .add-to-fav.active {
background: url("/HTML/assets/img/fav-ico-a.svg") no-repeat;
background-size: cover;
}
.product .add-to-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
width: 360px;
height: 45px;
color: #fff;
background: #414047;
}
.product .add-to-cart[data-state=disabled] {
background: #cbcbcb;
}
.product .add-to-cart[data-state=disabled]:hover {
background: #cbcbcb;
}
.product .add-to-cart:hover {
background: #ff6b00;
}
.product .add-to-cart svg {
margin-left: 10px;
}
.product .quantity {
margin-left: 20px;
}
.no-transform .slick-track {
width: 100% !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.description {
margin: 60px 0;
font-weight: 300;
}
.description .section-title {
margin-bottom: 30px;
font-weight: 400;
}
.description__content h2,
.description__content h3,
.description__content h4,
.description__content p,
.description__content ul,
.description__content ol {
margin-bottom: 20px;
}
.description__content h2:last-child,
.description__content h3:last-child,
.description__content h4:last-child,
.description__content p:last-child,
.description__content ul:last-child,
.description__content ol:last-child {
margin-bottom: 0;
}
.tablet,
.mobile {
display: none;
}
.qmark {
position: relative;
top: 3px;
display: inline-block;
margin-left: 5px;
width: 16px;
height: 17px;
cursor: pointer;
}
.qmark:hover path {
fill: #ff6b00;
}
.qmark__text {
display: none;
}
.table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.table td,
.table th {
position: relative;
padding: 12px 3px;
font-size: 16px;
font-weight: 400;
text-align: center;
border: 1px solid #414047;
}
.table .even td {
position: static;
}
.table td.active {
color: #fff;
background: #ff6b00;
}
.table .td-info {
top: 50%;
right: 10px;
margin-top: 2px;
text-align: right;
margin-left: 5px;
}
.table .td-info span {
display: block;
font-size: 12px;
line-height: 14px;
color: #3d9365;
}
.table tr.even td {
background: #f5f5f5;
}
.table thead th {
background: #dadada;
}
.table tbody td {
padding: 16px 0;
}
.table--1 thead tr:nth-child(1) th:nth-child(1) {
width: 48%;
}
.table--1 thead tr:nth-child(1) th:nth-child(2) {
width: 10%;
}
.table--1 thead tr:nth-child(1) th:nth-child(3) {
width: 42%;
}
.table--1 thead tr:nth-child(2) th:nth-last-child(-n+2) {
width: 17%;
}
.table--1 tbody tr td:nth-last-child(-n+2) {
min-width: auto !important;
}
.table--3 thead tr:nth-child(1) th:nth-child(1) {
width: 66%;
}
.table--3 thead tr:nth-child(1) th:nth-child(2) {
width: 9%;
}
.table--3 thead tr:nth-child(1) th:nth-child(3) {
width: 25%;
}
.table--3 thead tr:nth-child(2) th:nth-last-child(2) {
width: 6%;
}
.table--col2 thead tr:nth-child(2) th:nth-child(1),
.table--col2 thead tr:nth-child(2) th:nth-child(2) {
width: 6%;
}
.table--col3 thead tr:nth-child(2) th:nth-child(1),
.table--col3 thead tr:nth-child(2) th:nth-child(2),
.table--col3 thead tr:nth-child(2) th:nth-child(3) {
width: 11.5%;
}
.table--col4 thead tr:nth-child(2) th:nth-child(1),
.table--col4 thead tr:nth-child(2) th:nth-child(2),
.table--col4 thead tr:nth-child(2) th:nth-child(3),
.table--col4 thead tr:nth-child(2) th:nth-child(4) {
width: 8.6%;
}
.table--col5 thead tr:nth-child(2) th:nth-child(1),
.table--col5 thead tr:nth-child(2) th:nth-child(2),
.table--col5 thead tr:nth-child(2) th:nth-child(3),
.table--col5 thead tr:nth-child(2) th:nth-child(4),
.table--col5 thead tr:nth-child(2) th:nth-child(5) {
width: 6.9%;
}
.table--col6 thead tr:nth-child(2) th:nth-child(1),
.table--col6 thead tr:nth-child(2) th:nth-child(2),
.table--col6 thead tr:nth-child(2) th:nth-child(3),
.table--col6 thead tr:nth-child(2) th:nth-child(4),
.table--col6 thead tr:nth-child(2) th:nth-child(5),
.table--col6 thead tr:nth-child(2) th:nth-child(6) {
width: 5.8%;
}
.table--col7 thead tr:nth-child(2) th:nth-child(1),
.table--col7 thead tr:nth-child(2) th:nth-child(2),
.table--col7 thead tr:nth-child(2) th:nth-child(3),
.table--col7 thead tr:nth-child(2) th:nth-child(4),
.table--col7 thead tr:nth-child(2) th:nth-child(5),
.table--col7 thead tr:nth-child(2) th:nth-child(6),
.table--col7 thead tr:nth-child(2) th:nth-child(7) {
width: 5%;
}
.table__sizes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -10px;
}
.table__sizes-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px;
font-size: 16px;
line-height: 19px;
color: #414047;
}
.table__sizes-col span:first-child {
color: #8b8a94;
}
.property {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 125px;
}
.property__block--1 {
margin-right: 80px;
}
.property__block--2 {
margin-right: auto;
}
.property__block.required {
color: #ff6161;
}
.property label {
-webkit-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
-o-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
}
.property__block-title {
position: relative;
margin-bottom: 20px;
font-size: 16px;
-webkit-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
-o-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
}
.property__block-title span {
position: absolute;
top: 0;
}
.single-product-kit .property {
padding-left: 0;
width: 100%;
}
.single-product-kit .property__block {
margin: 0 130px 0 auto;
}
.single-product-kit .product__title {
margin-bottom: 40px;
}
table td.active-2 {
position: relative;
}
table td.active-2:before {
position: absolute;
top: -1px;
left: -1px;
content: "";
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid #ff6b00;
}
.composition-kit-btn-mob,
.composition-kit-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
width: 230px;
height: 40px;
font-size: 16px;
color: #fff;
background: #646270;
cursor: pointer;
}
.composition-kit-btn-mob svg,
.composition-kit-btn svg {
display: inline-block;
margin-left: 10px;
}
.composition-kit-btn-mob {
display: none;
width: 100%;
height: 35px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.composition-kit {
display: none;
}
.composition-kit__title {
position: relative;
font-size: 28px;
font-weight: 300;
}
.composition-kit__text {
margin: 10px 0 20px;
max-width: 735px;
font-weight: 300;
}
.composition-kit__table table {
margin-bottom: 40px;
}
.composition-kit__table table th:nth-child(1) {
width: 52%;
}
.composition-kit__table table th:nth-child(2) {
width: 19%;
}
.composition-kit__table table th:nth-child(3),
.composition-kit__table table th:nth-child(4) {
width: 14%;
}
.composition-kit__table table tbody td:nth-child(1) div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 7px;
}
.composition-kit__table table img {
margin-right: 30px;
border: 1px solid #d8d8d8;
}
.composition-kit__table table .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.composition-kit__table table .qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
border: 0;
}
.composition-kit__table table .qty__text {
margin: 0;
width: 30px;
font-size: 16px;
height: 30px;
line-height: 30px;
}
.composition-kit__table table .qty__minus,
.composition-kit__table table .qty__plus {
position: static;
width: 30px;
height: 30px;
line-height: 32px;
}
.composition-kit__close {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 34px;
height: 34px;
border: 1px solid #646270;
cursor: pointer;
}
input[type=radio] {
display: none;
}
.input-radio + .input-radio {
margin-top: 10px;
}
.input-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.input-wrap > div:first-child {
margin-right: 20px;
}
.input-radio label {
position: relative;
display: inline-block;
padding-left: 30px;
font-size: 16px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.input-radio label:before {
position: absolute;
display: inline-block;
top: -2px;
left: 0;
content: "";
width: 20px;
height: 20px;
border: 1px solid #414047;
background: #fff;
border-radius: 100%;
}
.input-radio input[type=radio]:checked + label:before {
border-color: #ff6b00;
}
.input-radio input[type=radio]:checked + label:after {
position: absolute;
display: inline-block;
top: 3px;
left: 5px;
content: "";
width: 10px;
height: 10px;
background: #ff6b00;
border-radius: 100%;
}
.bx-selected1 .input-radio input[type=radio] + label:before {
border-color: #ff6b00;
}
.bx-selected1 .input-radio input[type=radio] + label:after {
position: absolute;
display: inline-block;
top: 2px;
left: 6px;
content: "";
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 100%;
}
.quantity p {
margin-bottom: 20px;
font-size: 16px;
}
.quantity .share-box,
.quantity .add-to-fav {
display: none;
}
.qty {
position: relative;
display: inline-block;
padding: 0;
width: 180px;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #414047;
}
.qty__minus,
.qty__plus {
position: absolute;
top: 2px;
display: block;
width: 40px;
height: 52px;
font-size: 20px;
font-weight: 700;
line-height: 48px;
text-align: center;
color: #ff6b00;
cursor: pointer;
}
.qty__minus {
left: 15px;
}
.qty__plus {
right: 15px;
}
.qty__text {
display: inline-block;
height: 52px;
margin: 0 0 0 55px;
padding: 0;
width: 70px;
font-size: 24px;
color: #414047;
line-height: 50px;
text-align: center;
outline: none;
border: none;
}
.fancybox-content {
max-width: 80% !important;
}
.recommendations {
margin-bottom: 60px;
}
.recommendations .section-title {
margin-bottom: 40px;
}
/*.recommendations .card {
width: calc(16.6666666667% - 20px);
}*/
.cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
}
.card {
position: relative;
margin: 10px;
width: calc(20% - 20px);
font-size: 16px;
border: 1px solid #cbcbcb;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.card__label {
position: absolute;
top: 10px;
left: 0;
z-index: 10;
}
.card__label span {
display: block;
padding: 0 15px;
height: 20px;
font-size: 16px;
line-height: 21px;
color: #fff;
}
.card__label.new span {
background: #8b69d3;
}
.card__label.new .card__discount {
color: red;
}
.card__label.hit span {
background: #ff6b00;
}
.card__label.hit .card__discount {
color: #ff6b00;
}
.card > a {
padding: 10px 15px 15px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
.card__status {
position: absolute;
top: 10px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20px;
font-size: 12px;
}
.card__status span {
position: relative;
top: 1px;
}
.card__status svg {
margin-right: 6px;
}
.card__status.instock {
color: #3d9365;
}
.card__status.outstock {
color: #cbcbcb;
}
.card__status.outstock path {
fill: #cbcbcb;
}
.card__discount {
margin-top: 7px;
padding-left: 15px;
font-size: 20px;
font-weight: 700;
}
.card__img {
position: relative;
margin: 0 0 20px -15px;
padding-top: 35px;
width: calc(100% + 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 245px;
}
.card.card__img--high {
width: calc(25% - 20px);
}
.card.card__img--high .card__img {
height: 400px;
}
.card.card__img--small .card__img {
padding-top: 0;
height: 169px;
}
.card.card__img--small > a {
padding-top: 0;
}
.card.card__img--small .card__status.instock {
z-index: 1;
color: #fff;
}
/*.card__img--high {
height: 320px;
}*/
.card__img img {
position: absolute;
max-height: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.card__img img:first-child {
opacity: 0;
}
.card:hover .card__img img:first-child {
opacity: 1;
}
.card:hover .card__img img:last-child {
opacity: 0;
}
.card__name {
margin-bottom: 5px;
font-size: 16px;
}
.card__price {
margin: auto 0 12px;
font-weight: 700;
}
.card__more {
display: inline-block;
}
.card__btns {
position: absolute;
right: 15px;
bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 55px;
}
.card__addfav {
width: 20px;
height: 17px;
background: url("/HTML/assets/img/fav-ico.svg") no-repeat;
background-size: cover;
cursor: pointer;
}
.card__addfav:hover {
background: url("/HTML/assets/img/fav-ico-h.svg") no-repeat;
background-size: cover;
}
.card__addfav:active,
.card__addfav.active {
background: url("/HTML/assets/img/fav-ico-a.svg") no-repeat;
background-size: cover;
}
.card:hover {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.card.active .share-box__list {
right: 5px;
border-color: transparent;
}
.card.active .share-box__btn path,
.card.active .share-box__btn circle {
stroke: #ff6b00;
fill: #ff6b00;
}
.card .share-box {
position: static;
}
.card .share-box__btn {
width: 20px;
height: 20px;
}
.card .share-box__list {
top: 45px;
right: -100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -5px 0;
width: 30px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.card .share-box__item {
margin: 5px 0;
background-size: 100%;
}
.share-box {
position: relative;
}
.share-box.active .share-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.share-box__btn {
cursor: pointer;
}
.share-box__btn:hover path,
.share-box__btn:hover circle {
fill: #646270;
}
.share-box__list {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 55px 0 10px;
border: 1px solid transparent;
}
.share-box__item {
margin: 10px;
width: 30px;
height: 30px;
}
.share-box__item--tg {
background: url("/HTML/assets/img/share-tg-ico.svg") no-repeat;
}
.share-box__item--wa {
background: url("/HTML/assets/img/share-wa-ico.svg") no-repeat;
}
.share-box__item--vk {
background: url("/HTML/assets/img/share-vk-ico.svg") no-repeat;
}
.share-box__item--inst {
background: url("/HTML/assets/img/share-inst-ico.svg") no-repeat;
}
.share-box__item--fb {
background: url("/HTML/assets/img/share-fb-ico.svg") no-repeat;
}
/* products */
.scroll-disallowed {
overflow: hidden;
}
.tags {
position: relative;
margin-bottom: 20px;
}
.tags__inner {
overflow: hidden;
}
.tags__arr-left {
position: absolute;
top: 0;
left: 0;
display: none;
width: 80px;
height: 100%;
background: -o-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.tags__arr-right {
position: absolute;
top: 0;
right: 0;
display: none;
width: 80px;
height: 100%;
background: -o-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
background: -webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.tags__arr-left span,
.tags__arr-right span {
position: absolute;
top: 50%;
right: -28px;
display: block;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.tags__arr-left span {
right: initial;
left: -28px;
}
.tags__arr-left.active,
.tags__arr-right.active {
display: block;
}
.tags__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: scroll;
white-space: nowrap;
scrollbar-width: none;
}
.tags__list::-webkit-scrollbar {
display: none;
}
.tags a + a {
margin-left: 10px;
}
.tags__item {
padding: 10px 40px;
width: auto !important;
font-size: 16px;
font-weight: 400;
color: #646270;
border: 1px solid #646270;
border-radius: 20px;
-webkit-transition-property: all !important;
-o-transition-property: all !important;
transition-property: all !important;
}
.tags__item--cat {
color: #8b69d3;
border-color: #8b69d3;
}
.tags__item--instock {
color: #2fa81b;
border-color: #2fa81b;
}
.tags__item:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.main-wrap .main,
.main-wrap .sidebar {
margin-bottom: 60px;
}
.main-wrap .products__more {
position: relative;
margin: 10px;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(20% - 20px);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 24px;
font-weight: 700;
line-height: 26px;
color: #fff;
background: #ff6b00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main-wrap .products__more svg {
position: absolute;
top: 40px;
right: 40px;
}
.main-wrap .products__more:hover {
padding-bottom: 50px;
background: #f98a3a;
}
.main-wrap .container:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-wrap h1 {
position: relative;
margin: 60px 0 40px;
font-size: 36px;
font-weight: 400;
}
.main-wrap .pager {
width: 100%;
}
.main-wrap .pager__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px -10px 10px;
}
.main-wrap .pager__list > * {
margin: 0 10px;
}
.main-wrap .pager__current {
font-weight: 700;
}
.main-wrap .pager__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
color: #646270;
}
.main-wrap .pager a:hover {
color: #ff6b00;
}
.main-wrap .pager a:hover path {
fill: #ff6b00;
}
.main-wrap .sidebar {
width: 232px;
margin-right: 20px;
font-size: 16px;
font-weight: 300;
color: #333;
}
.main-wrap .sidebar .sidebar__filter {
background: #ececec;
padding: 20px;
}
.sidebar-banner {
margin-top: 30px;
padding: 20px;
background: #ececec;
}
.sidebar-banner .btn {
width: 100%;
height: 48px;
line-height: 48px;
background: #f98a3a;
border: navajowhite;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar-banner .btn:hover {
background: #414047;
}
.sidebar-banner__title {
text-align: center;
font-size: 30px;
margin-bottom: 20px;
font-weight: bold;
}
.main-wrap .sidebar.show {
display: block;
margin-bottom: 20px;
}
.main-wrap .sidebar.active {
background: #fff;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
.main-wrap .sidebar.active .filter__title {
padding-bottom: 0;
}
.main-wrap .main {
width: calc(100% - 252px);
}
.main-wrap .video {
margin-bottom: 60px;
}
article ul,
article ol,
article p {
margin-bottom: 20px;
font-weight: 300;
}
article ul:last-child,
article ol:last-child,
article p:last-child {
margin: 0;
}
article.text-1 {
margin-bottom: 40px;
}
article.text-2 {
margin: 0 0 100px;
}
.text-3 {
margin: 0 0 100px;
}
.text-3 h2,
.text-3 h3,
.text-3 h4 {
margin: 20px 0;
font-weight: 400;
}
.text-3 h2 {
font-size: 36px;
line-height: 40px;
}
.text-3 h3 {
font-size: 28px;
line-height: 34px;
}
.text-3 h4 {
font-size: 24px;
line-height: 24px;
}
.text-3 ul li {
position: relative;
margin-bottom: 5px;
padding-left: 25px;
}
.text-3 ul li:before {
position: absolute;
top: 10px;
left: 13px;
content: "";
display: block;
width: 2px;
height: 2px;
background: #414047;
}
.text-3 ul li:last-child {
margin-bottom: 0;
}
.filter {
position: relative;
}
.filter__icon {
position: absolute;
top: 7px;
right: 0;
cursor: pointer;
}
.filter__icon-desktop {
display: block;
width: 32px;
height: 12px;
}
.filter-icon {
position: relative;
display: none;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 10;
}
.filter-wrap {
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 30px;
}
.filter__close {
display: none;
}
.filter__title {
padding-bottom: 23px;
font-size: 20px;
font-weight: 400;
}
.filter .range {
margin-bottom: 25px;
}
.filter .range__input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px 19px;
}
.filter .range__slider {
height: 2px;
background: #cbcbcb;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.filter .range__slider * {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.filter .range__slider .noUi-connect {
background: #ff6b00;
}
.filter .range__slider.noUi-horizontal .noUi-handle {
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 100%;
}
.filter .range__slider.noUi-horizontal .noUi-handle-lower,
.filter .range__slider.noUi-horizontal .noUi-handle-upper {
top: -6px;
right: -13px;
cursor: pointer;
}
.filter .range__slider.noUi-horizontal .noUi-handle-upper {
right: 0;
}
.filter .range__slider.noUi-horizontal .noUi-handle:before,
.filter .range__slider.noUi-horizontal .noUi-handle:after {
width: 1px;
height: 5px;
background: #fff;
opacity: 0.5;
}
.filter .range__slider.noUi-horizontal .noUi-handle:before {
top: 4px;
left: 5px;
}
.filter .range__slider.noUi-horizontal .noUi-handle:after {
top: 4px;
left: 7px;
}
.filter .range input {
margin: 0 5px;
padding: 0 10px;
width: calc(50% - 10px);
height: 30px;
line-height: 49px;
color: #646270;
background: #fff;
border: 1px solid #cbcbcb;
}
.filter__section {
margin-bottom: 10px;
}
.filter__section ul {
margin-bottom: 20px;
}
.filter__section li + li {
margin-top: 7px;
}
.bx_ui_slider_part.p2,
.bx_ui_slider_part.p3,
.bx_ui_slider_part.p4 {
display: none;
}
.filter__section label {
display: block;
line-height: 25px;
cursor: pointer;
}
.filter__section label:last-child {
margin-bottom: 0;
}
.filter__section label span {
position: relative;
display: inline-block;
padding-left: 35px;
line-height: 27px;
}
.filter__section label span:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 25px;
height: 25px;
background: #fff;
border: 1px solid #cbcbcb;
}
.filter__section label input[type=checkbox] {
display: none;
}
.filter__section span:after {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 0;
height: 0;
background: #ff6b00 url("/HTML/assets/img/check-2-ico.svg") center no-repeat;
opacity: 0;
}
.filter__section label input[type=checkbox]:checked + span:after {
width: 25px;
height: 25px;
opacity: 1;
}
.filter__section .input-radio {
margin-bottom: 10px;
}
.filter__section .input-radio label {
padding-left: 35px;
}
.filter__section .input-radio:last-child {
margin: 0;
}
.filter__section .input-radio label:before {
top: 0;
width: 25px;
height: 25px;
border: 1px solid #cbcbcb;
}
.filter__section .input-radio input[type=radio]:checked + label:before {
border-width: 2px;
}
.filter__section .input-radio input[type=radio]:checked + label:after {
top: 6px;
left: 6px;
width: 13px;
height: 13px;
}
.filter__section-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 10px;
font-size: 18px;
font-weight: 400;
color: #333;
cursor: pointer;
}
.filter__section-title svg {
margin-left: auto;
}
.filter__section-title.active svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.filter__sort {
padding-right: 20px;
width: 100%;
font-size: 18px;
font-weight: 400;
line-height: 21px;
text-align: left;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.filter__sort:hover {
color: #ff6b00;
}
.filter__sort--asc {
background: url("/HTML/assets/img/sort-asc-ico.svg") right center no-repeat;
}
.filter__sort--desc {
background: url("/HTML/assets/img/sort-desc-ico.svg") right center no-repeat;
}
.filter__sort--price {
margin: 20px 0 35px;
}
.filter__apply,
.filter__reset {
width: 100%;
height: 48px;
font-size: 18px;
text-align: center;
line-height: 48px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.filter__apply {
margin-bottom: 10px;
color: #fff;
background: #414047;
}
.filter__apply:hover {
background: #ff6b00;
}
.filter__reset {
color: #414047;
border: 1px solid #414047;
}
.filter__reset:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.cart h1 {
margin: 60px 0 10px;
font-size: 48px;
font-weight: 400;
}
.cart .text-1 {
margin-bottom: 20px;
}
.cart .table {
margin-bottom: 40px;
}
.cart .table td {
position: relative;
padding: 10px 3px;
font-size: 16px;
width: 300px;
}
.cart .table td img {
margin: 0 auto;
}
.cart .table .td__caption {
display: none;
width: 235px;
}
.cart .table thead th:nth-child(1) {
width: 8%;
}
.cart .table thead th:nth-child(2) {
position: relative;
width: 31%;
}
.cart .table thead th:nth-child(3) {
width: 17%;
}
.cart .table thead th:nth-child(4) {
width: 8%;
}
.cart .table thead th:nth-child(5) {
width: 9%;
}
.cart .table thead th:nth-child(6) {
width: 9%;
}
.cart .table thead th:nth-child(7) {
width: 9%;
}
.cart .table thead th:nth-child(8) {
width: 10%;
}
.cart .table--2 thead th:nth-child(1) {
width: 8%;
}
.cart .table--2 thead th:nth-child(2) {
position: relative;
width: 24%;
}
.cart .table--2 thead th:nth-child(3) {
width: 17%;
}
.cart .table--2 thead th:nth-child(4) {
width: 7.5%;
}
.cart .table--2 thead th:nth-child(5) {
width: 9%;
}
.cart .table--2 thead th:nth-child(6) {
width: 9%;
}
.cart .table--2 thead th:nth-child(7) {
width: 7.5%;
}
.cart .table--2 thead th:nth-child(8) {
width: 9%;
}
.cart .table--2 thead th:nth-child(9) {
width: 10%;
}
.cart .remove {
position: absolute;
top: 50%;
right: -36px;
display: block;
margin-top: -8px;
width: 16px;
height: 16px;
}
.cart .remove line {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart .remove:hover line {
stroke: #ff6b00;
}
.cart .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart .qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
border: 0;
}
.cart .qty__text {
margin: 0;
width: 40px;
font-size: 16px;
}
.cart .qty button {
position: relative;
top: 0;
left: initial;
right: initial;
width: 15px;
height: 15px;
line-height: 17px;
}
.cart-price {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.cart-price > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
font-weight: 300;
max-width: 385px;
}
.cart-price__discount {
margin-top: 15px;
}
.cart-price__discount-label {
margin: 0 10px 0 auto;
padding: 2px 10px;
display: inline-block;
height: 20px;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #fff;
background: #ff6b00;
}
.cart-price__total {
margin-top: 42px;
}
.cart-price__total span {
font-size: 30px;
font-weight: 700;
}
.cart-price__info {
font-size: 16px;
color: #8b8a94;
}
.cart .coupon {
position: absolute;
top: 0;
left: 0;
display: block;
}
.cart .coupon__text {
position: relative;
display: inline-block;
margin-bottom: 49px;
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #414047;
cursor: pointer;
}
.cart .coupon__text:before {
position: absolute;
left: 0;
bottom: 2px;
content: "";
width: 100%;
height: 1px;
background: #414047;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.cart .coupon__text:hover:before {
opacity: 0;
}
.cart .coupon__form {
display: none;
}
.cart .coupon__form div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart .coupon__form input {
padding: 0 20px;
width: 230px;
height: 45px;
line-height: 45px;
border: 1px solid #cbcbcb;
}
.cart .coupon__form button {
padding-left: 30px;
padding-right: 30px;
}
.cart-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 20px 0 100px;
}
.cart-btn {
width: 100%;
max-width: 385px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #414047;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart-btn:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.cart-btn.cart-btn--dark {
margin-left: 20px;
color: #fff;
background: #414047;
}
.cart-btn.cart-btn--dark:hover {
color: #fff;
background: #ff6b00;
border-color: #ff6b00;
}
.select {
position: relative;
display: inline-block;
padding: 0 5px;
height: 30px;
line-height: 30px;
white-space: nowrap;
}
.select__placeholder {
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select span {
display: inline-block;
margin-right: 8px;
}
.select svg {
position: relative;
top: -2px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select.active svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.select ul {
position: absolute;
display: none;
min-width: 80px;
border: 1px solid #ececec;
background: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
z-index: 1;
}
.select ul li {
padding: 0 10px;
height: 30px;
text-align: left;
line-height: 30px;
cursor: pointer;
}
.select ul li + li {
border-top: 1px solid #ececec;
}
.select ul .current {
color: #ff6b00;
}
/* .checkout */
.checkout .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.checkout .step--1 .tabs__nav li {
width: 295px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #414047;
cursor: pointer;
}
.checkout .step--1 .tabs__nav li:last-child {
margin-left: 20px;
}
.checkout .step--1 .tabs__nav li.active {
color: #fff;
background: #414047;
}
.checkout .contacts-info {
margin-top: 40px;
}
.checkout .contacts-info > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.checkout .contacts-info > div:last-child {
margin-bottom: 0;
}
.checkout .contacts-info > div.contacts-info__company-data {
margin-bottom: 40px;
}
.checkout .contacts-info__phone > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 250px);
}
.checkout .contacts-info__phone > div input {
width: 100%;
}
.checkout .contacts-info label {
width: 250px;
font-size: 24px;
}
.checkout .contacts-info input {
padding: 0 20px;
width: calc(100% - 250px);
height: 44px;
font-weight: 300;
line-height: 44px;
color: #414047;
border: 1px solid #cbcbcb;
}
.checkout .delivery > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
padding: 20px 40px 20px 30px;
border: 1px solid #cbcbcb;
}
.checkout .delivery > div:last-child {
margin-bottom: 0;
}
.checkout .delivery > div > .input-radio {
margin: 14px auto 0 0;
}
.checkout .delivery > div > .input-radio div {
margin-top: 10px;
padding-left: 45px;
max-width: 295px;
font-size: 16px;
line-height: 19px;
color: #8b8a94;
}
.checkout .delivery > div .comment {
margin-bottom: 0;
}
.checkout .delivery__pickup .input-radio label {
padding: 13px 52px;
font-size: 20px;
border: 1px solid #414047;
}
.checkout .delivery__pickup .input-radio label:before,
.checkout .delivery__pickup .input-radio input[type=radio]:checked + label:after {
display: none;
}
.checkout .delivery__pickup .active label {
color: #ff6b00;
border-color: #ff6b00;
}
.checkout .delivery__point {
max-width: 455px;
width: 100%;
}
.checkout .delivery__point-line {
margin-bottom: 15px;
}
.delivery__point.delivery__point-line {
margin-top: 15px;
}
.checkout .delivery__point-line input {
padding: 0 20px;
width: 100%;
height: 45px;
line-height: 45px;
border: 1px solid #cbcbcb;
}
.checkout .delivery__point-line-courier .fields-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px -10px 0;
}
.checkout .delivery__point-line-courier .fields-group .input-text {
margin: 0 10px;
width: calc(100% - 20px);
}
.checkout .delivery__point-line-courier > .input-text {
margin-top: 20px;
}
.checkout .delivery__point-line-info {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #8b8a94;
}
.checkout .delivery__point-line-info a {
color: #8b8a94;
}
.checkout .delivery__point-line--2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.checkout .delivery__point-line--2 .input-radio {
margin: 0;
}
.checkout .delivery__point-line--2 .input-radio:last-child {
margin-left: 30px;
}
.checkout .delivery__point-line--2 .input-radio label {
padding-left: 28px;
font-size: 20px;
}
.checkout .delivery__point-line--2 .input-radio label:before {
top: 4px;
width: 13px;
height: 13px;
border: 0;
background: #cbcbcb;
}
.checkout .delivery__point-line--2 .input-radio input[type=radio]:checked + label:after {
top: 4px;
left: 0;
}
.checkout .delivery .tabs__nav {
margin-bottom: 20px;
}
.checkout .delivery .tabs__nav .input-radio + .input-radio {
margin: 0 0 0 21px;
}
.checkout .delivery .tabs__content {
font-weight: 300;
}
.checkout .delivery .tabs__content a {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #8b8a94;
}
.checkout .input-radio label {
padding-left: 45px;
font-size: 24px;
}
.checkout .input-radio label:before {
top: -4px;
width: 25px;
height: 25px;
}
.checkout .input-radio input[type=radio]:checked + label:after {
top: 2px;
left: 6px;
width: 13px;
height: 13px;
}
.checkout .pay-box {
margin-bottom: 60px;
}
.checkout .pay-box .input-radio + .input-radio {
margin: 30px 0 0;
}
.checkout .pay-box .input-radio span {
display: block;
margin-top: 10px;
font-size: 16px;
line-height: 19px;
color: #8b8a94;
font-weight: 400;
}
.checkout .comment {
display: block;
margin-bottom: 40px;
padding: 11px 20px 0;
width: 100%;
min-height: 45px;
height: 45px;
max-height: 250px;
font-weight: 300;
color: #8b8a94;
border: 1px solid #cbcbcb;
resize: vertical;
}
.checkout .comment--order {
margin-bottom: 20px;
}
.checkout .agreement span {
font-size: 20px;
line-height: 24px;
font-weight: 300;
}
.checkout .agreement span:before {
top: -1px;
width: 24px;
height: 24px;
border: 1px solid #a0a0a0;
}
.checkout .agreement input[type=checkbox]:checked + span:after {
left: 3px;
width: 17px;
height: 16px;
}
.checkout .total-sum {
margin-top: 70px;
padding: 50px 40px 30px;
width: 100%;
background: #e1e1e4;
}
.checkout .total-sum button {
display: block;
margin-left: auto;
width: 230px;
height: 45px;
line-height: 45px;
color: #fff;
background: #414047;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.checkout .total-sum button:hover {
background: #ff6b00;
}
.checkout .total-sum__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
width: 100%;
font-size: 20px;
font-weight: 300;
overflow: hidden;
}
.checkout .total-sum__line > div:first-child {
margin-right: 5px;
width: 100%;
overflow: hidden;
}
.checkout .total-sum__line > div:last-child {
white-space: nowrap;
}
.checkout .total-sum__line > div:after {
position: relative;
top: 4px;
right: -5px;
content: "";
display: inline-block;
margin-right: -100%;
width: 100%;
height: 1px;
vertical-align: middle;
background-image: -o-linear-gradient(left, transparent 50%, #646270 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #646270));
background-image: linear-gradient(to right, transparent 50%, #646270 50%);
background-size: 5px 100%;
}
.checkout .total-sum__line--discount .total-sum__line-label {
margin: 0 8px 0 auto;
padding: 2px 10px;
display: inline-block;
height: 20px;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #fff;
background: #ff6b00;
}
.checkout .total-sum__line--result {
padding: 25px 0 25px;
}
.checkout .total-sum__line--result div:last-child {
margin-top: -8px;
font-size: 30px;
font-weight: 700;
}
.checkout .phone-change .select {
padding: 0 10px;
border: 1px solid #cbcbcb;
border-right: 0;
height: 44px;
line-height: 45px;
font-weight: 300;
}
.checkout .phone-change .select__placeholder {
height: 44px;
}
.checkout .phone-change .select ul {
top: 42px;
left: -1px;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #cbcbcb;
}
.input-text {
position: relative;
}
.input-text input {
padding: 0 20px;
width: 100%;
height: 44px;
font-weight: 300;
line-height: 44px;
border: 1px solid #cbcbcb;
}
.input-text input:not(:-moz-placeholder-shown) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text input:not(:-ms-input-placeholder) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text input:focus + label,
.input-text input:not(:placeholder-shown) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text label {
position: absolute;
top: 10px;
left: 10px;
padding: 5px 10px;
font-size: 20px;
font-weight: 300;
color: #8b8a94;
line-height: 16px;
pointer-events: none;
background-color: #fff;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/*
Author: n5dev
*/
@font-face {
font-family: "Circe";
src: url("/HTML/assets/fonts/circe/Circe-Light.eot");
src: url("/HTML/assets/fonts/circe/Circe-Light.eot?#iefix") format("embedded-opentype"), url("/HTML/assets/fonts/circe/Circe-Light.woff") format("woff"), url("/HTML/assets/fonts/circe/Circe-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Circe";
src: url("/HTML/assets/fonts/circe/Circe-Regular.eot");
src: url("/HTML/assets/fonts/circe/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("/HTML/assets/fonts/circe/Circe-Regular.woff") format("woff"), url("/HTML/assets/fonts/circe/Circe-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Circe";
src: url("/HTML/assets/fonts/circe/Circe-Bold.eot");
src: url("/HTML/assets/fonts/circe/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("/HTML/assets/fonts/circe/Circe-Bold.woff") format("woff"), url("/HTML/assets/fonts/circe/Circe-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 320px;
height: 100%;
font-family: "Circe", sans-serif;
font-size: 20px;
font-weight: 400;
color: #414047;
-webkit-text-size-adjust: none;
overflow-x: hidden;
}
h1,
h2,
h3,
p {
margin: 0;
padding: 0;
}
h2 {
font-size: 48px;
font-weight: 400;
line-height: 100%;
}
h3 {
font-weight: 400;
}
ul,
ol,
li {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
ol {
list-style-type: none;
counter-reset: num;
}
ol li {
margin-bottom: 3px;
}
ol li:last-child {
margin-bottom: 0;
}
ol li a {
color: #ff6b00;
border-bottom: 1px solid #ff6b00;
line-height: 17px;
}
ol li a:hover {
border-color: transparent;
}
ol li:before {
content: counter(num) " .";
counter-increment: num;
display: inline-block;
margin-right: 4px;
color: #ff6b00;
}
a {
position: relative;
display: inline-block;
text-decoration: none;
color: #414047;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:focus,
a:active,
a:link,
a:visited {
outline: 0 none;
}
input,
button {
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
textarea:focus {
outline: 0;
}
img {
display: block;
max-width: 100%;
width: auto;
height: auto;
}
path,
circle,
rect {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.scroll-lock {
overflow: hidden;
}
.scroll-lock #scroll-container {
position: static;
}
#scroll-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.container {
margin: 0 auto;
width: 100%;
max-width: 1500px;
}
.btn {
padding: 5px 22px;
border: 1px solid #646270;
}
.btn:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.btn-2 {
width: 230px;
height: 40px;
font-size: 16px;
color: #fff;
line-height: 40px;
text-align: center;
background: #646270;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-2:hover {
background: #ff6b00;
}
.btn-2:active {
background: #f98a3a;
}
.hidden {
display: none;
}
body > .nicescroll-rails {
display: none !important;
}
.box-title {
margin: 150px 0 0;
font-size: 32px;
font-weight: 700;
}
.box-title span {
font-size: 84px;
font-weight: 700;
}
.box-wrap {
position: relative;
top: -97px;
height: 5800px;
}
.box-2 {
width: 100px;
height: 100px;
background-color: #28a92b;
position: absolute;
left: 300px;
z-index: 100;
line-height: 100px;
font-size: 50px;
text-align: center;
}
.box-a {
top: 0;
background-color: #8d3dae;
}
.box-b {
top: 400px;
}
.box-c {
top: 1000px;
background-color: #e26c16;
}
.box-d {
top: 2400px;
background-color: #8d3dae;
}
.box-e {
top: 4400px;
background-color: #e26c16;
}
.box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -97px 0 0;
height: 500px;
overflow: hidden;
z-index: 100;
}
.box-a {
position: relative;
}
.box__col {
position: relative;
width: 50%;
}
.box .col-2 {
margin-bottom: 100px;
}
.box .year {
position: absolute;
left: 310px;
font-size: 84px;
font-weight: 700;
}
.text-box a:not(.news__item) {
/*color: #ff6b00;*/
}
.header .menu-cat-item .submenu .submenu ul {
max-height: calc(90vh - 160px) !important;
overflow-y: auto;
}
.header__bottom.fixed {
position: fixed;
top: -70px;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 16px 40px rgba(9, 11, 54, 0.1);
box-shadow: 0px 16px 40px rgba(9, 11, 54, 0.1);
background: #fff;
border-bottom: 1px solid #b0b0b0;
}
.header__bottom.fixed .menu .menu-cat-item > .submenu .submenu:before {
bottom: -2px;
height: calc(100% - 22px);
}
.header__bottom.fixed .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 70px;
padding-top: 0;
padding-bottom: 0;
}
.header__bottom.fixed .logo {
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 25px;
height: auto;
}
.header__bottom.fixed .logo svg {
width: 65px;
height: auto;
}
.header__bottom.fixed .logo__big {
display: none;
}
.header__bottom.fixed .logo__small {
display: inline-block;
}
.header__bottom.fixed .header__bottom-line--1 {
display: none;
}
.header__bottom.fixed .header__bottom-line--2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__bottom.fixed .fixed-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 25px;
padding-right: 0;
}
.header__bottom.fixed .fixed-box .units,
.header__bottom.fixed .fixed-box .currency,
.header__bottom.fixed .fixed-box .lang {
width: 60px;
}
.header__bottom.fixed .fixed-box .units__placeholder,
.header__bottom.fixed .fixed-box .currency__placeholder,
.header__bottom.fixed .fixed-box .lang__placeholder {
color: #646270;
}
.header__bottom.fixed .fixed-box .units__placeholder:hover,
.header__bottom.fixed .fixed-box .currency__placeholder:hover,
.header__bottom.fixed .fixed-box .lang__placeholder:hover {
background: transparent;
}
.header__bottom.fixed .fixed-box .units ul,
.header__bottom.fixed .fixed-box .currency ul,
.header__bottom.fixed .fixed-box .lang ul {
width: 60px;
}
.header__bottom.fixed .fixed-box .lang ul {
width: 70px;
left: -15px;
}
.header__bottom.fixed .lang_ru.current:before {
left: 4px;
}
.header__bottom.fixed .fixed-box .units ul li,
.header__bottom.fixed .fixed-box .currency ul li,
.header__bottom.fixed .fixed-box .lang ul li {
background: rgba(100, 98, 112, 0.8);
}
.header__bottom.fixed .user-area {
top: 0;
}
.header__bottom.fixed .menu .menu-cat-item .submenu:before,
.header__bottom.fixed .menu .menu-cat-item .submenu:after {
top: 23px;
}
.header__bottom.show {
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header .header__bottom.fixed .menu .menu-cat-item > .submenu {
padding-top: 25px;
}
.header .header__bottom.fixed .menu .menu-cat-item .submenu:before,
.header .menu-cat-item .submenu:before {
top: 25px;
}
.header__bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 15px;
padding-bottom: 13px;
}
.header__bottom .container > div {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.header__bottom-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__bottom-line--1 {
margin-bottom: 20px;
}
.header__bottom-line--2 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: auto;
margin-left: 15px;
white-space: nowrap;
}
.header__contacts:last-child {
margin-right: 0;
}
.header__contacts a:nth-child(2) {
margin-bottom: 5px;
}
.header__contacts div {
margin-bottom: 10px;
font-size: 18px;
color: #646270;
}
.header__contacts a {
font-size: 18px;
color: #414047;
}
.header__contacts a:hover {
color: #ff6b00;
}
.header .menu > ul {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -20px;
}
.header .menu li {
position: relative;
margin: 0 10px;
z-index: 1;
}
/*.header .menu li:not(.menu-cat-item):hover > .submenu {*/
/* margin-top: 0;*/
/* opacity: 1;*/
/* visibility: visible;*/
/* transition: all 0.3s ease;*/
/*}*/
.header .menu .show > .submenu {
margin-top: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header .menu a {
font-size: 17px;
color: #414047;
cursor: pointer;
}
.header .menu a:hover {
color: #ff6b00;
}
.header .menu .menu-cat-item {
position: static;
}
.header .menu .menu-cat-item:hover > a {
color: #ff6b00;
}
.header .menu .menu-cat-item > a {
padding-left: 27px;
}
.header .menu .menu-cat-item > a:before {
position: absolute;
top: -3px;
left: 0;
display: block;
content: "";
width: 22px;
height: 22px;
background: url("/HTML/assets/img/catalog-ico.svg") no-repeat;
}
.header .menu .menu-cat-item--idea > a {
padding-left: 0;
}
.header .menu .menu-cat-item--idea > a:before {
background: transparent;
}
.header .menu .menu-cat-item > .submenu > ul > li:hover .submenu {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header .menu .menu-cat-item .submenu {
left: 50%;
margin: 0;
padding: 5px 0 0;
width: 100%;
max-width: 1500px;
background: transparent;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: none;
box-shadow: none;
}
.header .menu .menu-cat-item .submenu ul {
width: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.header .menu .menu-cat-item .submenu ul:after,
.header .menu .menu-cat-item .submenu ul:before {
display: none;
}
.header .menu .menu-cat-item .submenu:before,
.header .menu .menu-cat-item .submenu:after {
position: absolute;
top: 20px;
left: 50%;
content: "";
margin-left: -50vw;
display: block;
width: 100vw;
height: 100vh;
background: #fff;
z-index: 1;
}
.header .menu .menu-cat-item .submenu:before {
-webkit-box-shadow: 0 20px 20px rgba(9, 11, 54, 0.1);
box-shadow: 0 20px 20px rgba(9, 11, 54, 0.1);
}
.header .menu .menu-cat-item .submenu:after {
border-top: 1px solid #cbcbcb;
z-index: 2;
}
.header .menu .menu-cat-item > .submenu > ul {
position: static;
width: 350px;
padding: 55px 0 45px 0;
background: transparent;
}
.header .menu .menu-cat-item > .submenu > ul > li {
position: static;
}
.header .menu .menu-cat-item > .submenu > ul > li + li {
margin-top: 25px;
}
.header .menu .menu-cat-item > .submenu > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 23px;
font-size: 24px;
z-index: 3;
}
.header .menu .menu-cat-item > .submenu > ul > li > a:hover path {
fill: #ff6b00;
}
.header .menu .menu-cat-item.show > .submenu,
.header .menu .menu-cat-item li.show .submenu {
opacity: 1;
visibility: visible;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header .menu .menu-cat-item.show > .submenu ul,
.header .menu .menu-cat-item li.show .submenu ul {
opacity: 1;
}
.header .menu .menu-cat-item > .submenu .show > a {
color: #ff6b00;
}
.header .menu .menu-cat-item > .submenu .show > a path {
fill: #ff6b00;
}
.header .menu .menu-cat-item > .submenu .submenu {
top: 0;
left: 349px;
padding: 59px 0 0 21px;
width: calc(100% - 344px);
height: 100%;
background: transparent;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.header .menu .menu-cat-item > .submenu .submenu:before {
top: 25px;
left: 0;
bottom: 0;
margin: 0;
width: 1px;
height: 100vh;
background: #cbcbcb;
}
.header .menu .menu-cat-item > .submenu .submenu:after {
display: none;
}
.header .menu .menu-cat-item > .submenu .submenu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
padding: 0;
background: transparent;
opacity: 0;
}
.header .menu .menu-cat-item > .submenu .submenu li {
margin: 10px;
width: calc(16.6666666667% - 20px);
text-align: center;
}
.header .menu .menu-cat-item > .submenu .submenu a {
width: 100%;
font-size: 16px;
white-space: normal;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header .menu .menu-cat-item > .submenu .submenu a img {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.header .menu .menu-cat-item > .submenu .submenu a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.header .menu .menu-cat-item > .submenu .submenu a:hover img {
border-color: #ff6b00;
}
.header .menu .menu-cat-item > .submenu .submenu a img {
margin-bottom: 10px;
border: 1px solid #cbcbcb;
}
.header .menu .submenu {
position: absolute;
left: 50%;
margin-top: 20px;
margin-left: -140px;
padding-top: 42px;
width: 280px;
opacity: 0;
visibility: hidden;
z-index: 5;
}
.header .menu .submenu ul {
position: relative;
padding: 30px 0 30px 30px;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
}
.header .menu .submenu ul:after,
.header .menu .submenu ul:before {
position: absolute;
top: -2px;
left: 50%;
content: "";
margin-left: -20px;
background: #fff;
border: 20px solid transparent;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
.header .menu .submenu ul:after {
-webkit-box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
z-index: -1;
}
.header .menu .submenu ul .submenu ul:after,
.header .menu .submenu ul .submenu ul:before {
top: 50%;
left: 19px;
margin-top: -19px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header .menu .submenu li {
margin: 0;
}
.header .menu .submenu li a {
font-size: 16px;
}
.header .menu .submenu li a .nav-arr {
position: relative;
top: 2px;
display: inline-block;
margin-left: 19px;
}
.header .menu .submenu li + li {
margin-top: 20px;
}
.header .menu .submenu .submenu {
top: calc(50% + 1px);
left: 100%;
margin-left: 0;
padding: 0;
width: auto;
white-space: nowrap;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.header .menu .submenu .submenu ul {
margin-left: 14px;
padding: 30px 20px;
}
.header .menu .submenu .submenu ul:before {
top: 50%;
left: -4px;
margin-top: -6px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header .user-area {
position: relative;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 5;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header .user-area a.user-fav {
margin-left: 15px;
width: 26px;
height: 23px;
background: url("/HTML/assets/img/fav-ico.svg") no-repeat;
}
.header .user-area a.user-fav:hover {
background: url("/HTML/assets/img/fav-ico-h.svg") no-repeat;
}
.header .user-area a.user-fav:active {
background: url("/HTML/assets/img/fav-ico-a.svg") no-repeat;
}
.header .user-area a.user-logout {
width: 26px;
height: 26px;
background: url("/HTML/assets/img/SignOut.svg") no-repeat;
margin-top: -9px;
margin-right: 10px;
}
.header .user-area a.user-area__auth {
width: 22px;
height: 26px;
background: url("/HTML/assets/img/account-ico.svg") no-repeat;
}
.header .user-area a.user-area__auth:hover {
background: url("/HTML/assets/img/account-ico-h.svg") no-repeat;
}
.header .user-area a.user-area__auth:active {
background: url("/HTML/assets/img/account-ico-a.svg") no-repeat;
}
.header .user-area a.header__basket {
margin: 0 15px 0 20px;
width: 26px;
height: 24px;
background: url("/HTML/assets/img/cart-ico.svg") no-repeat;
}
.header-scroll_phone {
margin-left: 20px;
}
.header-scroll_phone a {
font-size: 18px;
}
.header .user-area a.user-area__auth.user-enter {
margin-top: 0;
}
.header .user-area a.header__basket:hover {
background: url("/HTML/assets/img/cart-ico-h.svg") no-repeat;
}
.header .user-area a.header__basket:active {
background: url("/HTML/assets/img/cart-ico-a.svg") no-repeat;
}
.header .user-area a:hover path {
fill: #ff6b00;
}
.header .user-area a span {
position: absolute;
top: -10px;
right: -14px;
padding: 0 3px;
min-width: 22px;
height: 22px;
border-radius: 100%;
background: #ff6b00;
font-size: 12px;
text-align: center;
line-height: 23px;
color: #fff;
}
.header .header__bottom.fixed .menu-cat-item .submenu .submenu:before {
top: 25px !important;
}
.header .header__bottom.fixed .menu .menu-cat-item .submenu:before,
.header .header__bottom.fixed .menu .menu-cat-item .submenu:after {
height: 100vh;
}
.header .header__bottom.fixed .menu .menu-cat-item .submenu .submenu:before {
bottom: -25px;
height: calc(100% + 1px);
}
.header .header__bottom .logo {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header__mobile {
display: none;
}
.header__mobile-top {
background: #646270;
}
.header__mobile-top .container {
height: 70px;
}
.header__mobile-top .logo {
top: 0;
margin: 0;
width: 68px;
height: 48px;
}
.header__mobile-top .user-area {
top: 0;
margin: 0 55px 0 auto;
}
.header__mobile-top .user-area path {
fill: #fff;
}
.header__mobile-top .user-area a:nth-child(n) {
background: transparent;
}
.header__mobile-top .user-area a:nth-child(n):hover,
.header__mobile-top .user-area a:nth-child(n) a:active {
background: transparent;
}
.header__mobile-top .callback-btn {
margin: 0;
padding: 0;
width: 70px;
height: 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: normal;
}
.header__mobile-top .callback-btn svg {
display: inline-block;
}
.auth_name--mob {
color: #fff;
}
body.fixed .menu-cat-item .submenu .submenu ul {
max-height: calc(83vh - 18px) !important;
}
.header .header__bottom.fixed .menu .menu-cat-item .submenu .submenu:before {
height: 100%;
top: 25px;
left: 0;
bottom: 0;
margin: 0;
width: 1px;
background: #cbcbcb;
}
.header .header__bottom.fixed .menu .menu-cat-item > .submenu > ul {
padding-top: 34px;
}
.header .header__bottom.fixed .menu .menu-cat-item .submenu:before,
.header .header__bottom.fixed .menu .menu-cat-item .submenu:after {
height: 100%;
min-height: 800px;
}
/*.header .menu-cat-item--idea:hover .submenu {*/
/* opacity: 1;*/
/* visibility: visible;*/
/* transition: all 0.3s ease;*/
/*}*/
.mobile-nav {
position: fixed;
top: 0;
left: -100%;
width: 82%;
height: 100%;
z-index: 9999;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-nav:before {
position: absolute;
top: 0;
left: -100%;
content: "";
width: 100vw;
height: 100%;
background: rgba(100, 98, 112, 0.7);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.mobile-nav.open {
left: 0;
}
.mobile-nav.open:before,
.mobile-nav.open .mobile-nav__top,
.mobile-nav.open .mobile-nav__bottom {
left: 0;
}
.mobile-nav.scroll .mobile-nav__inner {
overflow-y: auto;
}
.mobile-nav__top,
.mobile-nav__bottom {
position: fixed;
top: 0;
left: -100%;
width: 82%;
padding: 0 15px 0 30px;
background: #fff;
z-index: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-nav.scroll .mobile-nav__top:after,
.mobile-nav.scroll .mobile-nav__bottom:before {
position: absolute;
left: 0;
bottom: -12px;
content: "";
width: 100%;
height: 12px;
background: -o-linear-gradient(bottom, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(203, 203, 203, 0)), to(rgba(203, 203, 203, 0.6)));
background: linear-gradient(360deg, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
}
.mobile-nav.scroll .mobile-nav__bottom:before {
bottom: initial;
top: -12px;
background: -o-linear-gradient(top, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(203, 203, 203, 0)), to(rgba(203, 203, 203, 0.6)));
background: linear-gradient(180deg, rgba(203, 203, 203, 0) 0%, rgba(203, 203, 203, 0.6) 100%);
}
.mobile-nav__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 75px;
border-bottom: 1px solid #cbcbcb;
}
.mobile-nav__top .user-area a.user-area__auth {
width: 22px;
height: 26px;
background: url(/HTML/assets/img/account-ico.svg) no-repeat;
margin-left: 0;
}
.mobile-nav__top .user-area a.user-area__auth,
.mobile-nav__top .user-area a.user-area__auth:active {
background: url(/HTML/assets/img/account-ico-a.svg) no-repeat;
}
.mobile-nav__top .user-area a.user-logout {
width: 26px;
height: 23px;
background: url(/HTML/assets/img/SignOut.svg) no-repeat;
margin-right: 35px;
}
.mobile-nav__top .user-area a.user-logout:hover,
.mobile-nav__top .user-area a.user-logout:active {
background: url(/HTML/assets/img/SignOut.svg) no-repeat;
}
.mobile-nav__bottom {
top: initial;
bottom: 0;
}
.mobile-nav__bottom form {
margin: 12px 0 20px;
}
.mobile-nav__bottom > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobile-nav__bottom .units__placeholder:hover,
.mobile-nav__bottom .currency__placeholder:hover,
.mobile-nav__bottom .lang__placeholder:hover {
background: transparent;
}
.mobile-nav__bottom .units ul,
.mobile-nav__bottom .currency ul,
.mobile-nav__bottom .lang ul {
bottom: 100%;
}
.mobile-nav__bottom .units ul li,
.mobile-nav__bottom .currency ul li,
.mobile-nav__bottom .lang ul li {
background: #d1d1d1;
}
.mobile-nav__bottom .units.active ul li,
.mobile-nav__bottom .currency.active ul li,
.mobile-nav__bottom .lang.active ul li {
background: #d1d1d1;
}
.mobile-nav__bottom div.units {
margin-left: 0;
}
.mobile-nav__bottom .lang {
margin-bottom: 50px;
}
.mobile-nav__close {
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
}
.mobile-nav__inner {
position: relative;
width: 100%;
background: #fff;
padding: 75px 15px 153px 30px;
height: 100vh;
}
.mobile-nav__inner li {
margin-top: 25px;
}
.mobile-nav__inner li a {
font-weight: 700;
color: #333;
}
.mobile-nav__inner li.active > a {
color: #ff6b00;
}
.mobile-nav__inner li.active > a svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-nav__inner li.active > a path {
fill: #ff6b00;
}
.mobile-nav__inner li ul {
display: none;
padding-left: 25px;
}
.mobile-nav__inner li ul li {
margin: 15px 0;
}
.mobile-nav__inner li ul li:last-child {
margin-bottom: 0;
}
.mobile-nav__inner li ul a {
font-weight: 400;
}
.mobile-nav__list {
margin-bottom: 25px;
}
.mobile-nav__list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-nav__list a svg {
position: relative;
top: 3px;
display: inline-block;
}
:focus::-moz-placeholder {
opacity: 0;
}
:focus:-ms-input-placeholder {
opacity: 0;
}
:focus::-webkit-input-placeholder {
opacity: 0;
}
:focus::-ms-input-placeholder {
opacity: 0;
}
:focus::placeholder {
opacity: 0;
}
input::-webkit-input-placeholder {
color: #000000;
font-weight: 300;
}
input::-moz-placeholder {
color: #000000;
font-weight: 300;
}
input:-ms-input-placeholder {
color: #000000;
font-weight: 300;
}
input::-ms-input-placeholder {
color: #000000;
font-weight: 300;
}
input::placeholder,
input {
color: #000000;
}
/* .main-slider */
.main-slider {
position: relative;
margin-bottom: 48px;
height: 710px;
}
.main-slider__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 160px;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.main-slider__item-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.main-slider__item .container {
position: relative;
z-index: 1;
}
.main-slider__item-title {
margin: 20px 0;
font-size: 48px;
line-height: 44px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.main-slider__item-text {
margin-top: 40px;
font-size: 24px;
line-height: 30px;
display: block;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.main-slider .more-btn {
margin-top: 100px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
-o-transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease;
transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.main-slider .swiper-slide-active .main-slider__item-title,
.main-slider .swiper-slide-active .main-slider__item-text,
.main-slider .swiper-slide-active .more-btn {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.main-slider__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 28px -6px 0;
}
.main-slider__dots span {
margin: 0 6px;
width: 12px;
height: 12px;
background: #ececec;
border-radius: 100%;
opacity: 1;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.main-slider__dots span.swiper-pagination-bullet-active {
width: 28px;
height: 28px;
background: #ff6b00;
border: 6px solid #fff;
outline: 1px solid #ff6b00;
}
.main-slider__arrows {
position: absolute;
top: 50%;
left: 30px;
width: calc(100% - 60px);
z-index: 2;
}
.main-slider__arrows span {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.3);
border-radius: 100%;
cursor: pointer;
}
.main-slider__arrows span:last-child {
left: initial;
right: 0;
}
.more-btn {
padding-bottom: 3px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border-bottom: 3px solid #ff6b00;
}
.more-btn:after {
position: absolute;
right: 0;
bottom: -3px;
content: "";
display: block;
width: 0;
height: 3px;
background: #414047;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.more-btn:hover:after {
right: auto;
left: 0;
width: 100%;
}
.more-btn--dark {
left: 50%;
color: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main {
overflow: hidden;
/* padding-bottom: 50px; */
}
.section-title {
margin-bottom: 40px;
font-size: 48px;
text-align: center;
}
.section-title.ab {
opacity: 0;
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.section-title.animated {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.home-products {
padding: 100px 0;
}
.home-products__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.home-products__box a {
display: block;
margin: 0 10px;
padding: 30px;
width: calc(33.3333333333% - 20px);
min-height: 475px;
overflow: hidden;
}
.home-products__box--1.home-products__box a {
background-color: #ececec;
}
.home-products__box a:hover .home-products__img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.home-products__imgs {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.home-products__box a:hover .home-products__imgs {
-webkit-transform: translateX(-50%) scale(1.1, 1.1);
-ms-transform: translateX(-50%) scale(1.1, 1.1);
transform: translateX(-50%) scale(1.1, 1.1);
}
.home-products__box a p {
font-weight: 300;
line-height: 24px;
}
.home-products__box a:nth-child(3) .home-products__img {
background-position: calc(100% + 25px) bottom;
}
.home-products__imgs {
position: absolute;
bottom: 0;
left: 50%;
max-width: 100%;
max-height: 243px;
-webkit-transform: translateX(-50%) scale(1, 1);
-ms-transform: translateX(-50%) scale(1, 1);
transform: translateX(-50%) scale(1, 1);
}
.home-products__box-title {
margin-bottom: 10px;
font-size: 36px;
font-weight: 300;
line-height: 39px;
}
.home-products__box--2 {
margin-top: 60px;
}
.home-products__box--2 h1 {
margin-bottom: 10px;
font-size: 48px;
font-weight: 400;
}
.home-products__box--2 p {
font-weight: 300;
}
.home-products__box--2 > div {
margin: 0 10px;
width: 50%;
}
.home-products__box--2 > div:first-child p {
font-size: 28px;
}
.home-products__box--2 > div:last-child p {
margin-bottom: 20px;
}
.home-products__box--2 > div:last-child p:last-child {
margin-bottom: 0;
}
.home-products__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ececec;
background-repeat: no-repeat;
background-position: calc(100% - 40px) bottom;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
z-index: -1;
}
.home-collections {
padding-bottom: 100px;
}
.home-collections .section-title {
margin-bottom: 20px;
}
.home-collections__description {
margin-bottom: 60px;
font-weight: 300;
}
.home-collections .usage {
padding: 0;
}
.home-collections .more-btn {
margin-top: 40px;
}
.video__poster {
position: relative;
height: 500px;
background: url("/HTML/assets/img/video-poster.jpg") center no-repeat;
background-size: cover;
}
.video__poster.video__poster-rekonstr {
background: url("/HTML/assets/img/rekonstr-poster.jpg") center no-repeat;
}
.video--home .video__poster {
background: url("/HTML/assets/img/video-main-tatiana.jpg") center no-repeat;
}
.video__btn {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: -o-linear-gradient(359.82deg, rgba(24, 24, 24, 0.5) 5.09%, rgba(65, 64, 71, 0.5) 66.71%);
background: linear-gradient(90.18deg, rgba(24, 24, 24, 0.5) 5.09%, rgba(65, 64, 71, 0.5) 66.71%);
z-index: 1;
cursor: pointer;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.video__btn svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
width: 70px;
height: 70px;
}
.video__btn:hover svg {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.video__iframe {
display: none;
}
.video iframe {
position: absolute;
z-index: 1;
}
/* .advantages */
.advantages {
padding: 100px 0;
}
.advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -45px;
}
.advantages__item {
position: relative;
margin: 0 45px;
padding-bottom: 23px;
width: 100%;
max-width: 230px;
text-align: center;
}
.advantages__item:after {
position: absolute;
left: 50%;
bottom: 0;
content: "";
margin: 0 0 0 -33px;
width: 66px;
height: 1px;
background: #ff6b00;
}
.advantages__item div {
font-size: 36px;
font-weight: 700;
line-height: 60px;
letter-spacing: -1px;
}
.advantages__item div span {
font-size: 60px;
}
.advantages__item p {
font-weight: 300;
}
/* .catalog */
.catalog-page .video {
margin-bottom: 100px;
}
.catalog-page .video__poster {
background-image: url("/HTML/assets/img/video-poster-2.jpg");
background-size: contain;
}
.catalog-page .main-wrap {
overflow: hidden;
}
.catalog__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 258px);
gap: 20px 20px;
grid-template-areas: "item1 item1 item2 item3" "item4 item5 item6 item3" "item4 item7 item7 item8" "item9 item10 item11 item8";
width: 100%;
}
.catalog .catalog__item {
padding: 30px;
background-color: #ececec;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.catalog .catalog__item div:first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
mix-blend-mode: darken;
}
.catalog .catalog__item:hover {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
-webkit-box-shadow: 0 6px 10px rgba(68, 92, 130, 0.14), 0 3px 5px rgba(68, 92, 130, 0.2);
box-shadow: 0 6px 10px rgba(68, 92, 130, 0.14), 0 3px 5px rgba(68, 92, 130, 0.2);
}
.catalog .more-btn {
margin-top: 40px;
}
.catalog__item-title {
position: relative;
font-size: 28px;
font-weight: 300;
line-height: 34px;
z-index: 1;
}
.catalog .item1 {
grid-area: item1;
}
.catalog .item2 {
grid-area: item2;
}
.catalog .item3 {
grid-area: item3;
}
.catalog .item4 {
grid-area: item4;
}
.catalog .item5 {
grid-area: item5;
}
.catalog .item6 {
grid-area: item6;
}
.catalog .item7 {
grid-area: item7;
}
.catalog .item8 {
grid-area: item8;
}
.catalog-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -32px -10px;
}
.catalog-box__item {
margin: 32px 10px;
width: calc(16.6666666667% - 20px);
font-size: 24px;
line-height: 24px;
text-align: center;
color: #222;
}
.catalog-box__item-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
height: 190px;
border: 1px solid #cbcbcb;
overflow: hidden;
}
.catalog-box__item-img img {
max-width: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.catalog-box__item:hover {
color: #ff6b00;
}
.catalog-box__item:hover .catalog-box__item-img img {
-webkit-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}
.page .main--subcatalog h1 {
font-size: 64px;
line-height: 78px;
}
/* .usage */
.usage {
padding: 0 0 100px;
}
.usage__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.usage-page .usage__list a {
width: 100%;
height: 100%;
}
.usage__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 2px;
width: calc(33.3333333333% - 4px);
}
.usage__item:hover .usage__item-img:after {
bottom: 0;
}
.usage__item:hover .usage__item-title,
.usage__item:hover .usage__item-cat {
top: 0;
opacity: 1;
}
.usage__item-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.usage__item-img img {
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.usage__item-img:after {
position: absolute;
left: 0;
bottom: -100%;
content: "";
width: 100%;
height: 100%;
background: rgba(65, 64, 71, 0.7);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usage__item-content {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.usage__item-title {
position: relative;
top: 20px;
margin-bottom: 20px;
font-size: 36px;
font-weight: 300;
opacity: 0;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
color: #fff;
text-align: center;
}
.usage__item-cat {
position: relative;
top: 20px;
padding-bottom: 3px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
border-bottom: 3px solid #ff6b00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 0;
}
.usage__item-cat:after {
position: absolute;
right: 0;
bottom: -3px;
content: "";
display: block;
width: 0;
height: 3px;
background: #414047;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usage__item-cat:hover:after {
right: auto;
left: 0;
width: 100%;
}
.usage__item:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.usage .more-btn {
margin-top: 40px;
}
/* .news */
.page .main--news h1 {
margin: 60px 0 40px;
}
.news {
padding-bottom: 100px;
}
.news__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 55px;
}
.news__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 10px;
width: calc(33.3333333333% - 20px);
cursor: pointer;
}
.news__item:hover .news__item-date:before {
width: 100%;
}
.news__item:hover .news__item-title {
color: #ff6b00;
}
.news__item-img {
overflow: hidden;
}
.news__item-img img {
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.news__item-img:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.news__item-title {
position: relative;
margin-bottom: 5px;
padding: 20px 0 0;
font-size: 28px;
font-weight: 300;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news__item-date {
position: relative;
margin-top: auto;
padding-top: 10px;
font-size: 16px;
color: #b0b0b0;
border-top: 1px solid #b0b0b0;
}
.news__item-date:before {
position: absolute;
left: 0;
top: -1px;
content: "";
width: 0;
height: 1px;
background: #ff6b00;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.news .more-btn {
left: 50%;
color: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* .footer */
.footer {
background: #414047;
}
.footer > .container {
padding-top: 40px;
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
.footer__menu {
width: 20%;
}
.footer__menu .footer__menu-title {
margin-bottom: 20px;
font-size: 16px;
}
.footer__menu .footer__menu-title a {
font-weight: 700;
color: #fff;
}
.footer__menu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
}
.footer__menu--1 {
margin-right: 22px;
}
.footer__menu--2 {
margin-right: 22px;
}
.footer__menu--3 {
margin-right: 22px;
}
.footer__menu--4 {
margin-right: auto;
}
.footer__menu li + li {
margin-top: 10px;
}
.footer__menu a {
font-size: 16px;
color: #c9c9c9;
}
.footer__menu a:hover {
color: #fff;
}
.footer__contacts {
margin-left: 10px;
}
.footer__contacts div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__contacts p {
font-size: 17px;
color: #fff;
text-align: right;
}
.footer__contacts-link a:hover {
color: #ff6b00;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.footer__contacts p:last-child {
margin-top: 20px;
}
.footer__contacts a {
width: 230px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
}
.footer__contacts .footer__contacts-link {
text-align: left;
display: block;
}
.footer__contacts .footer__contacts-link a {
line-height: 100%;
width: auto;
height: auto;
text-align: right;
display: block;
font-size: 20px;
}
.footer__contacts .footer__contacts-link a:first-child {
margin-bottom: 20px;
}
.footer__contacts .footer__callback {
margin-bottom: 20px;
border: 1px solid #fff;
}
.footer__contacts .footer__callback:hover {
border-color: #ff6b00;
background: #ff6b00;
}
.footer__contacts .footer__whatsapp {
margin-bottom: 40px;
line-height: 41px;
background: #2fa81b;
}
.footer__contacts .footer__whatsapp:hover {
background: #45c22f;
}
.footer__contacts .footer__whatsapp svg {
position: relative;
top: 3px;
margin-right: 10px;
}
.footer__bottom {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
border-top: 1px solid #646270;
}
.footer__bottom p {
font-size: 14px;
font-weight: 300;
color: #cbcbcb;
}
.footer__bottom .created {
margin-left: auto;
}
.footer__bottom .created a {
font-size: 14px;
color: #cbcbcb;
}
.footer__bottom .created a:hover {
color: #fff;
}
.footer__social {
position: absolute;
top: calc(-50% + 30px);
left: 50%;
margin: 0 -7px;
padding: 0 68px;
background: #414047;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer__social a {
margin: 0 7px;
width: 36px;
height: 36px;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size: contain;
background-repeat: no-repeat;
}
.footer__social a:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
/* .footer__social .social-you:nth-child(1) {
background-image: url("#youtube-ico") no-repeat;;
}
.footer__social .social-you:hover {
background-image: url("#youtube-ico-c") no-repeat;;
}
.footer__social .social-vk {
background-image: url("#vk-ico") no-repeat;;
}
.footer__social .social-vk:hover {
background-image: url("#vk-ico-c") no-repeat;;
}
.footer__social .social-pint {
background-image: url("/HTML/assets/img/pin-ico.svg");
}
.footer__social .social-pint:hover {
background-image: url("/HTML/assets/img/pin-ico-c.svg");
}
.footer__social .social-tik {
background-image: url("/HTML/assets/img/tt-ico.svg");
}
.footer__social .social-tik:hover {
background-image: url("/HTML/assets/img/tt-ico-c.svg");
}
.footer__social .social-houzz {
background-image: url("/HTML/assets/img/houzz-ico.svg");
}
.footer__social .social-houzz:hover {
background-image: url("/HTML/assets/img/houzz-ico-c.svg");
}
.footer__social .social-me {
background-image: url("/HTML/assets/img/tm-ico.svg");
}
.footer__social .social-me:hover {
background-image: url("/HTML/assets/img/tm-ico-c.svg");
}
.footer__social .social-dz {
background-image: url("/HTML/assets/img/dz-ico.svg");
}
.footer__social .social-dz:hover {
background-image: url("/HTML/assets/img/dz-ico-c.svg");
} */
.footer__copyright {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
z-index: 1;
}
.footer__sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.footer__text {
text-align: center;
margin-top: 10px;
}
.subscribe {
padding: 32px;
background: #dadada;
}
.subscribe .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
}
.subscribe form,
.subscribe form div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subscribe form {
width: 83%;
}
.subscribe input[type=email] {
margin-right: 20px;
padding: 0 20px;
width: 100%;
height: 48px;
font-size: 16px;
line-height: 48px;
background: #fff;
}
.subscribe form .form-row-subscribe {
display: block;
}
.subscribe button {
margin-left: 40px;
margin-right: 0;
height: 48px;
font-size: 20px;
line-height: 48px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ff6b00;
}
.subscribe button:hover {
background: #f98a3a;
}
.agreement,
.input-checkbox {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
display: inline-block;
cursor: pointer;
}
.agreement span,
.input-checkbox span {
position: relative;
display: inline-block;
padding-left: 30px;
color: #414047;
font-size: 16px;
font-weight: 400;
line-height: 16px;
white-space: nowrap;
}
.agreement span a,
.input-checkbox span a {
color: #ff6b00;
}
.agreement span:before,
.input-checkbox span:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: #fff;
}
.input-checkbox {
display: block;
}
.input-checkbox span {
font-size: 14px;
color: #8b8a94;
line-height: 16px;
}
.input-checkbox span:before {
top: -1px;
border: 1px solid #cbcbcb;
}
.input-checkbox input[type=checkbox]:checked + span:after {
top: 2px;
}
.agreement input[type=checkbox],
.input-checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
left: 0;
z-index: 2;
top: 0;
}
.agreement span:after,
.input-checkbox span:after {
position: absolute;
top: 3px;
left: 2px;
content: "";
display: inline-block;
width: 0;
height: 0;
background: url(/HTML/assets/img/check-ico.svg) no-repeat;
background-size: contain;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.agreement input[type=checkbox]:checked + span:after,
.input-checkbox input[type=checkbox]:checked + span:after {
width: 12px;
height: 11px;
opacity: 1;
}
/* .product */
.fancybox-container.fancybox-is-open .fancybox-bg {
opacity: 0.7;
}
.fancybox-container .fancybox-bg {
background: rgb(100, 98, 112);
}
.inner {
position: relative;
}
.inner.checkout,
.inner.cart,
.inner.catalog-page,
.inner.single-product,
.inner.page {
border-top: 1px solid #b0b0b0;
}
.breadcrumbs {
position: relative;
margin-top: 24px;
z-index: 1;
font-size: 16px;
}
.breadcrumbs ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumbs li {
position: relative;
}
.breadcrumbs li:after {
position: relative;
top: 2px;
display: inline-block;
content: "";
margin: 0 10px;
width: 8px;
height: 13px;
background: url("/HTML/assets/img/breacrumbs-divider.svg") no-repeat;
}
.breadcrumbs a {
color: #646270;
}
.breadcrumbs a:hover {
color: #ff6b00;
}
.breadcrumbs li.breadcrumbs__current {
color: #414047;
}
.breadcrumbs li.breadcrumbs__current:after {
display: none;
}
.breadcrumbs-cat .breadcrumbs {
position: absolute;
top: 20px;
margin: 0;
width: 100%;
z-index: 3;
}
.breadcrumbs-cat .breadcrumbs li,
.breadcrumbs-cat .breadcrumbs a {
color: #fff;
}
.breadcrumbs-cat .breadcrumbs a:hover {
color: #ff6b00;
}
.breadcrumbs-cat .breadcrumbs li:after {
background: url("/HTML/assets/img/breacrumbs-divider-white.svg") no-repeat;
}
.single-product .main .video {
margin-bottom: 60px;
}
.single-product .main .video__poster {
/*background-image: url("/HTML/assets/img/video-poster-2.jpg");*/
background-size: cover;
}
.single-product .main .section-title {
font-size: 36px;
text-align: left;
}
.single-product .main .text-1 {
margin: 0 0 40px;
font-size: 16px;
line-height: 19px;
}
input::-moz-placeholder {
color: #414047;
}
input::-webkit-input-placeholder {
color: #414047;
}
input:-ms-input-placeholder {
color: #414047;
}
.sibcribe-form input::-webkit-input-placeholder,
.sibcribe-form input::-moz-placeholder .sibcribe-form input {
color: #414047;
}
.slick-list {
width: 100%;
overflow: hidden;
}
.slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product {
margin-top: 30px;
}
.product__title {
margin-bottom: 8px;
font-weight: 300;
}
.product__title span {
display: inline-block;
margin-right: 20px;
font-weight: 400;
}
.product .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product .col--left {
margin-right: 20px;
width: 610px;
}
.product .col--right {
width: calc(100% - 630px);
}
.product .slick-slide {
z-index: 1 !important;
}
.product .slick-slide img {
display: block;
max-width: 100%;
height: auto;
}
.product .slick-slide.slick-current {
z-index: 2 !important;
}
.product__slider-main {
position: relative;
margin-bottom: 20px;
border: 1px solid #cbcbcb;
}
.product__slider-main .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 80px;
width: 610px;
min-height: 500px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.product__slider-main .zoom {
background-position: 50% 50%;
overflow: hidden;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.product__slider-main .zoom img:hover {
opacity: 0;
}
.product__slider-main .zoom img {
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.product__slider-thumb {
padding: 0 35px;
position: relative;
}
.product__slider-thumb.no-offset {
padding: 0;
}
.product__slider-thumb .slider-thumb {
margin: 0 -10px;
}
.product__slider-thumb .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 10px;
width: 120px;
height: 120px;
border: 1px solid #cbcbcb;
overflow: hidden;
cursor: pointer;
}
.product__slider-thumb .slick-slide:hover {
border-color: #ff6b00;
}
.product__slider .slider-thumb-arr {
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
width: 100%;
}
.product__slider .slider-thumb-arr .slick-disabled {
pointer-events: none;
}
.product__slider .slider-thumb-arr span {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
}
.product__slider .slider-thumb-arr .slider-thumb-arr__left {
left: -11px;
}
.product__slider .slider-thumb-arr .slider-thumb-arr__right {
left: initial;
right: -11px;
}
.product__slider .slider-thumb-arr .slick-disabled path {
fill: #cbcbcb;
}
.product .product__zoom {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 26px;
height: 27px;
cursor: pointer;
}
.product .product__zoom:hover {
z-index: -1;
}
.product .drawing-btn {
position: absolute;
bottom: 20px;
right: 20px;
font-size: 16px;
z-index: 3;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product .drawing-btn svg {
position: relative;
display: inline-block;
margin-left: 14px;
}
.product .drawing-btn.active {
background: #ff6b00;
}
.product .product__drawings {
position: absolute;
bottom: 40px;
left: 0;
display: none;
padding: 10px;
width: 100%;
text-align: left;
line-height: 16px;
background: #fff;
-webkit-box-shadow: 0px -5px 10px rgba(9, 11, 54, 0.1);
box-shadow: 0px -5px 10px rgba(9, 11, 54, 0.1);
}
.product .product__drawings li {
margin: 13px 0;
}
.product .product__drawings a:hover {
color: #ff6b00;
}
.product__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 40px 0 17px;
width: 100%;
}
.product__line > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 360px;
}
.product__line--2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.product__line .share-box {
margin-right: 20px;
width: auto;
}
.product__line .share-box__btn {
position: relative;
height: 24px;
height: 24px;
z-index: 2;
}
.product__line .share-box.active .share-box__list {
width: 185px;
}
.product__line .share-box.active .share-box__btn path,
.product__line .share-box.active .share-box__btn circle {
stroke: #ff6b00;
fill: #ff6b00;
}
.product__line .share-box__list {
top: -14px;
left: initial;
right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
width: 0;
border: 0;
overflow: hidden;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.product__line .share-box__list div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 298px;
background: #fff;
border: 1px solid #cbcbcb;
}
.product__name {
font-weight: 300;
}
.product__name--3 {
text-transform: lowercase;
}
.product__price {
font-size: 30px;
font-weight: 700;
line-height: 24px;
}
.product .add-to-fav {
width: 24px;
height: 21px;
background: url("/HTML/assets/img/fav-ico.svg") no-repeat;
background-size: cover;
cursor: pointer;
}
.product .add-to-fav:hover {
background: url("/HTML/assets/img/fav-ico-h.svg") no-repeat;
background-size: cover;
}
.product .add-to-fav:active,
.product .add-to-fav.active {
background: url("/HTML/assets/img/fav-ico-a.svg") no-repeat;
background-size: cover;
}
.product .add-to-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
width: 360px;
height: 45px;
color: #fff;
background: #414047;
}
.product .add-to-cart[data-state=disabled] {
background: #cbcbcb;
}
.product .add-to-cart[data-state=disabled]:hover {
background: #cbcbcb;
}
.product .add-to-cart:hover {
background: #ff6b00;
}
.product .add-to-cart svg {
margin-left: 10px;
}
.product .quantity {
margin-left: 20px;
}
.no-transform .slick-track {
width: 100% !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.description {
margin: 60px 0;
font-weight: 300;
}
.description .section-title {
margin-bottom: 30px;
font-weight: 400;
}
.description__content h2,
.description__content h3,
.description__content h4,
.description__content p,
.description__content ul,
.description__content ol {
margin-bottom: 20px;
}
.description__content h2:last-child,
.description__content h3:last-child,
.description__content h4:last-child,
.description__content p:last-child,
.description__content ul:last-child,
.description__content ol:last-child {
margin-bottom: 0;
}
.tablet,
.mobile {
display: none;
}
.qmark {
position: relative;
top: 3px;
display: inline-block;
margin-left: 5px;
width: 16px;
height: 17px;
cursor: pointer;
}
.qmark:hover path {
fill: #ff6b00;
}
.qmark__text {
display: none;
}
.table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.table td,
.table th {
position: relative;
padding: 12px 3px;
font-size: 16px;
font-weight: 400;
text-align: center;
border: 1px solid #414047;
}
.table .even td {
position: static;
}
.table td.active {
color: #fff;
background: #ff6b00;
}
.table .td-info {
top: 50%;
right: 10px;
margin-top: 2px;
text-align: right;
margin-left: 5px;
}
.table .td-info span {
display: block;
font-size: 12px;
line-height: 14px;
color: #3d9365;
}
.table tr.even td {
background: #f5f5f5;
}
.table thead th {
background: #dadada;
}
.table tbody td {
padding: 16px 0;
}
.table--1 thead tr:nth-child(1) th:nth-child(1) {
width: 48%;
}
.table--1 thead tr:nth-child(1) th:nth-child(2) {
width: 10%;
}
.table--1 thead tr:nth-child(1) th:nth-child(3) {
width: 42%;
}
.table--1 thead tr:nth-child(2) th:nth-last-child(-n+2) {
width: 17%;
}
.table--1 tbody tr td:nth-last-child(-n+2) {
min-width: auto !important;
}
.table--3 thead tr:nth-child(1) th:nth-child(1) {
width: 66%;
}
.table--3 thead tr:nth-child(1) th:nth-child(2) {
width: 9%;
}
.table--3 thead tr:nth-child(1) th:nth-child(3) {
width: 25%;
}
.table--3 thead tr:nth-child(2) th:nth-last-child(2) {
width: 6%;
}
.table--col3 thead tr:nth-child(2) th:nth-child(1),
.table--col3 thead tr:nth-child(2) th:nth-child(2),
.table--col3 thead tr:nth-child(2) th:nth-child(3) {
width: 11.5%;
}
.table--col4 thead tr:nth-child(2) th:nth-child(1),
.table--col4 thead tr:nth-child(2) th:nth-child(2),
.table--col4 thead tr:nth-child(2) th:nth-child(3),
.table--col4 thead tr:nth-child(2) th:nth-child(4) {
width: 8.6%;
}
.table--col5 thead tr:nth-child(2) th:nth-child(1),
.table--col5 thead tr:nth-child(2) th:nth-child(2),
.table--col5 thead tr:nth-child(2) th:nth-child(3),
.table--col5 thead tr:nth-child(2) th:nth-child(4),
.table--col5 thead tr:nth-child(2) th:nth-child(5) {
width: 6.9%;
}
.table--col6 thead tr:nth-child(2) th:nth-child(1),
.table--col6 thead tr:nth-child(2) th:nth-child(2),
.table--col6 thead tr:nth-child(2) th:nth-child(3),
.table--col6 thead tr:nth-child(2) th:nth-child(4),
.table--col6 thead tr:nth-child(2) th:nth-child(5),
.table--col6 thead tr:nth-child(2) th:nth-child(6) {
width: 5.8%;
}
.table--col7 thead tr:nth-child(2) th:nth-child(1),
.table--col7 thead tr:nth-child(2) th:nth-child(2),
.table--col7 thead tr:nth-child(2) th:nth-child(3),
.table--col7 thead tr:nth-child(2) th:nth-child(4),
.table--col7 thead tr:nth-child(2) th:nth-child(5),
.table--col7 thead tr:nth-child(2) th:nth-child(6),
.table--col7 thead tr:nth-child(2) th:nth-child(7) {
width: 5%;
}
.table__sizes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -10px;
}
.table__sizes-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px;
font-size: 16px;
line-height: 19px;
color: #414047;
}
.table__sizes-col span:first-child {
color: #8b8a94;
}
.property {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 125px;
}
.property__block--1 {
margin-right: 80px;
}
.property__block--2 {
margin-right: auto;
}
.property__block.required {
color: #ff6161;
}
.property label {
-webkit-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
-o-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
}
.property__block-title {
position: relative;
margin-bottom: 20px;
font-size: 16px;
-webkit-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
-o-transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
transition: all 0.5s cubic-bezier(1, 0.055, 0.32, 1);
}
.property__block-title span {
position: absolute;
top: 0;
}
.single-product-kit .property {
padding-left: 0;
width: 100%;
}
.single-product-kit .property__block {
margin: 0 130px 0 auto;
}
.single-product-kit .product__title {
margin-bottom: 40px;
}
table td.active-2 {
position: relative;
}
table td.active-2:before {
position: absolute;
top: -1px;
left: -1px;
content: "";
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid #ff6b00;
}
.composition-kit-btn-mob,
.composition-kit-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
width: 230px;
height: 40px;
font-size: 16px;
color: #fff;
background: #646270;
cursor: pointer;
}
.composition-kit-btn-mob svg,
.composition-kit-btn svg {
display: inline-block;
margin-left: 10px;
}
.composition-kit-btn-mob {
display: none;
width: 100%;
height: 35px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.composition-kit {
display: none;
}
.composition-kit__title {
position: relative;
font-size: 28px;
font-weight: 300;
}
.composition-kit__text {
margin: 10px 0 20px;
max-width: 735px;
font-weight: 300;
}
.composition-kit__table table {
margin-bottom: 40px;
}
.composition-kit__table table th:nth-child(1) {
width: 52%;
}
.composition-kit__table table th:nth-child(2) {
width: 19%;
}
.composition-kit__table table th:nth-child(3),
.composition-kit__table table th:nth-child(4) {
width: 14%;
}
.composition-kit__table table tbody td:nth-child(1) div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 7px;
}
.composition-kit__table table img {
margin-right: 30px;
border: 1px solid #d8d8d8;
}
.composition-kit__table table .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.composition-kit__table table .qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
border: 0;
}
.composition-kit__table table .qty__text {
margin: 0;
width: 30px;
font-size: 16px;
height: 30px;
line-height: 30px;
}
.composition-kit__table table .qty__minus,
.composition-kit__table table .qty__plus {
position: static;
width: 30px;
height: 30px;
line-height: 32px;
}
.composition-kit__close {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 34px;
height: 34px;
border: 1px solid #646270;
cursor: pointer;
}
input[type=radio] {
display: none;
}
.input-radio + .input-radio {
margin-top: 10px;
}
.input-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.input-wrap > div:first-child {
margin-right: 20px;
}
.input-radio label {
position: relative;
display: inline-block;
padding-left: 30px;
font-size: 16px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.input-radio label:before {
position: absolute;
display: inline-block;
top: -2px;
left: 0;
content: "";
width: 20px;
height: 20px;
border: 1px solid #414047;
background: #fff;
border-radius: 100%;
}
.input-radio input[type=radio]:checked + label:before {
border-color: #ff6b00;
}
.input-radio input[type=radio]:checked + label:after {
position: absolute;
display: inline-block;
top: 3px;
left: 5px;
content: "";
width: 10px;
height: 10px;
background: #ff6b00;
border-radius: 100%;
}
.bx-selected1 .input-radio input[type=radio] + label:before {
border-color: #ff6b00;
}
.bx-selected1 .input-radio input[type=radio] + label:after {
position: absolute;
display: inline-block;
top: 2px;
left: 6px;
content: "";
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 100%;
}
.quantity p {
margin-bottom: 20px;
font-size: 16px;
}
.quantity .share-box,
.quantity .add-to-fav {
display: none;
}
.qty {
position: relative;
display: inline-block;
padding: 0;
width: 180px;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #414047;
}
.qty__minus,
.qty__plus {
position: absolute;
top: 2px;
display: block;
width: 40px;
height: 52px;
font-size: 20px;
font-weight: 700;
line-height: 48px;
text-align: center;
color: #ff6b00;
cursor: pointer;
}
.qty__minus {
left: 15px;
}
.qty__plus {
right: 15px;
}
.qty__text {
display: inline-block;
height: 52px;
margin: 0 0 0 55px;
padding: 0;
width: 70px;
font-size: 24px;
color: #414047;
line-height: 50px;
text-align: center;
outline: none;
border: none;
}
.fancybox-content {
max-width: 80% !important;
}
.recommendations {
margin-bottom: 60px;
}
.recommendations .section-title {
margin-bottom: 40px;
}
/*.recommendations .card {
width: calc(16.6666666667% - 20px);
}*/
.cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
}
.card {
position: relative;
margin: 10px;
width: calc(20% - 20px);
font-size: 16px;
border: 1px solid #cbcbcb;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.card__label {
position: absolute;
top: 10px;
left: 0;
z-index: 10;
}
.card__label span {
display: block;
padding: 0 15px;
height: 20px;
font-size: 16px;
line-height: 21px;
color: #fff;
}
.card__label.new span {
background: #8b69d3;
}
.card__label.new .card__discount {
color: red;
}
.card__label.hit span {
background: #ff6b00;
}
.card__label.hit .card__discount {
color: #ff6b00;
}
.card > a {
padding: 10px 15px 15px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
.card__status {
position: absolute;
top: 10px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20px;
font-size: 12px;
}
.card__status span {
position: relative;
top: 1px;
}
.card__status svg {
margin-right: 6px;
}
.card__status.instock {
color: #3d9365;
}
.card__status.outstock {
color: #cbcbcb;
}
.card__status.outstock path {
fill: #cbcbcb;
}
.card__discount {
margin-top: 7px;
padding-left: 15px;
font-size: 20px;
font-weight: 700;
}
.card__img {
position: relative;
margin: 0 0 20px -15px;
padding-top: 35px;
width: calc(100% + 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 245px;
}
.card.card__img--high {
width: calc(25% - 20px);
}
.card.card__img--high .card__img {
height: 400px;
}
.card.card__img--small .card__img {
padding-top: 0;
height: 169px;
}
.card.card__img--small > a {
padding-top: 0;
}
.card.card__img--small .card__status.instock {
z-index: 1;
color: #fff;
}
/*.card__img--high {
height: 320px;
}*/
.card__img img {
position: absolute;
max-height: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.card__img img:first-child {
opacity: 0;
}
.card:hover .card__img img:first-child {
opacity: 1;
}
.card:hover .card__img img:last-child {
opacity: 0;
}
.card__name {
margin-bottom: 5px;
font-size: 16px;
}
.card__price {
margin: auto 0 12px;
font-weight: 700;
}
.card__more {
display: inline-block;
}
.card__btns {
position: absolute;
right: 15px;
bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 55px;
}
.card__addfav {
width: 20px;
height: 17px;
background: url("/HTML/assets/img/fav-ico.svg") no-repeat;
background-size: cover;
cursor: pointer;
}
.card__addfav:hover {
background: url("/HTML/assets/img/fav-ico-h.svg") no-repeat;
background-size: cover;
}
.card__addfav:active,
.card__addfav.active {
background: url("/HTML/assets/img/fav-ico-a.svg") no-repeat;
background-size: cover;
}
.card:hover {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.card.active .share-box__list {
right: 5px;
border-color: transparent;
}
.card.active .share-box__btn path,
.card.active .share-box__btn circle {
stroke: #ff6b00;
fill: #ff6b00;
}
.card .share-box {
position: static;
}
.card .share-box__btn {
width: 20px;
height: 20px;
}
.card .share-box__list {
top: 45px;
right: -100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -5px 0;
width: 30px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.card .share-box__item {
margin: 5px 0;
background-size: 100%;
}
.share-box {
position: relative;
}
.share-box.active .share-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.share-box__btn {
cursor: pointer;
}
.share-box__btn:hover path,
.share-box__btn:hover circle {
fill: #646270;
}
.share-box__list {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 55px 0 10px;
border: 1px solid transparent;
}
.share-box__item {
margin: 10px;
width: 30px;
height: 30px;
}
.share-box__item--tg {
background: url("/HTML/assets/img/share-tg-ico.svg") no-repeat;
}
.share-box__item--wa {
background: url("/HTML/assets/img/share-wa-ico.svg") no-repeat;
}
.share-box__item--vk {
background: url("/HTML/assets/img/share-vk-ico.svg") no-repeat;
}
.share-box__item--inst {
background: url("/HTML/assets/img/share-inst-ico.svg") no-repeat;
}
.share-box__item--fb {
background: url("/HTML/assets/img/share-fb-ico.svg") no-repeat;
}
/* products */
.scroll-disallowed {
overflow: hidden;
}
.tags {
position: relative;
margin-bottom: 20px;
}
.tags__inner {
overflow: hidden;
}
.tags__arr-left {
position: absolute;
top: 0;
left: 0;
display: none;
width: 80px;
height: 100%;
background: -o-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.tags__arr-right {
position: absolute;
top: 0;
right: 0;
display: none;
width: 80px;
height: 100%;
background: -o-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
background: -webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.tags__arr-left span,
.tags__arr-right span {
position: absolute;
top: 50%;
right: -28px;
display: block;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.tags__arr-left span {
right: initial;
left: -28px;
}
.tags__arr-left.active,
.tags__arr-right.active {
display: block;
}
.tags__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: scroll;
white-space: nowrap;
scrollbar-width: none;
}
.tags__list::-webkit-scrollbar {
display: none;
}
.tags a + a {
margin-left: 10px;
}
.tags__item {
padding: 10px 40px;
width: auto !important;
font-size: 16px;
font-weight: 400;
color: #646270;
border: 1px solid #646270;
border-radius: 20px;
-webkit-transition-property: all !important;
-o-transition-property: all !important;
transition-property: all !important;
}
.tags__item--cat {
color: #8b69d3;
border-color: #8b69d3;
}
.tags__item--instock {
color: #2fa81b;
border-color: #2fa81b;
}
.tags__item:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.main-wrap .main,
.main-wrap .sidebar {
margin-bottom: 60px;
}
.main-wrap .products__more {
position: relative;
margin: 10px;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(20% - 20px);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 24px;
font-weight: 700;
line-height: 26px;
color: #fff;
background: #ff6b00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main-wrap .products__more svg {
position: absolute;
top: 40px;
right: 40px;
}
.main-wrap .products__more:hover {
padding-bottom: 50px;
background: #f98a3a;
}
.main-wrap .container:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-wrap h1 {
position: relative;
margin: 60px 0 40px;
font-size: 36px;
font-weight: 400;
}
.main-wrap .pager {
width: 100%;
}
.main-wrap .pager__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px -10px 10px;
}
.main-wrap .pager__list > * {
margin: 0 10px;
}
.main-wrap .pager__current {
font-weight: 700;
}
.main-wrap .pager__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
color: #646270;
}
.main-wrap .pager a:hover {
color: #ff6b00;
}
.main-wrap .pager a:hover path {
fill: #ff6b00;
}
.main-wrap .sidebar {
width: 232px;
margin-right: 20px;
font-size: 16px;
font-weight: 300;
color: #333;
}
.main-wrap .sidebar .sidebar__filter {
background: #ececec;
padding: 20px;
}
.sidebar-banner {
margin-top: 30px;
padding: 20px;
background: #ececec;
}
.sidebar-banner .btn {
width: 100%;
height: 48px;
line-height: 48px;
background: #f98a3a;
border: navajowhite;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar-banner .btn:hover {
background: #414047;
}
.sidebar-banner__title {
text-align: center;
font-size: 30px;
margin-bottom: 20px;
font-weight: bold;
}
.main-wrap .sidebar.show {
display: block;
margin-bottom: 20px;
}
.main-wrap .sidebar.active {
background: #fff;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
.main-wrap .sidebar.active .filter__title {
padding-bottom: 0;
}
.main-wrap .main {
width: calc(100% - 252px);
}
.main-wrap .video {
margin-bottom: 60px;
}
article ul,
article ol,
article p {
margin-bottom: 20px;
font-weight: 300;
}
article ul:last-child,
article ol:last-child,
article p:last-child {
margin: 0;
}
article.text-1 {
margin-bottom: 40px;
}
article.text-2 {
margin: 0 0 100px;
}
.text-3 {
margin: 0 0 100px;
}
.text-3 h2,
.text-3 h3,
.text-3 h4 {
margin: 20px 0;
font-weight: 400;
}
.text-3 h2 {
font-size: 36px;
line-height: 40px;
}
.text-3 h3 {
font-size: 28px;
line-height: 34px;
}
.text-3 h4 {
font-size: 24px;
line-height: 24px;
}
.text-3 ul li {
position: relative;
margin-bottom: 5px;
padding-left: 25px;
}
.text-3 ul li:before {
position: absolute;
top: 10px;
left: 13px;
content: "";
display: block;
width: 2px;
height: 2px;
background: #414047;
}
.text-3 ul li:last-child {
margin-bottom: 0;
}
.filter {
position: relative;
}
.filter__icon {
position: absolute;
top: 7px;
right: 0;
cursor: pointer;
}
.filter__icon-desktop {
display: block;
width: 32px;
height: 12px;
}
.filter-icon {
position: relative;
display: none;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 10;
}
.filter-wrap {
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 30px;
}
.filter__close {
display: none;
}
.filter__title {
padding-bottom: 23px;
font-size: 20px;
font-weight: 400;
}
.filter .range {
margin-bottom: 25px;
}
.filter .range__input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px 19px;
}
.filter .range__slider {
height: 2px;
background: #cbcbcb;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.filter .range__slider * {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.filter .range__slider .noUi-connect {
background: #ff6b00;
}
.filter .range__slider.noUi-horizontal .noUi-handle {
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 100%;
}
.filter .range__slider.noUi-horizontal .noUi-handle-lower,
.filter .range__slider.noUi-horizontal .noUi-handle-upper {
top: -6px;
right: -13px;
cursor: pointer;
}
.filter .range__slider.noUi-horizontal .noUi-handle-upper {
right: 0;
}
.filter .range__slider.noUi-horizontal .noUi-handle:before,
.filter .range__slider.noUi-horizontal .noUi-handle:after {
width: 1px;
height: 5px;
background: #fff;
opacity: 0.5;
}
.filter .range__slider.noUi-horizontal .noUi-handle:before {
top: 4px;
left: 5px;
}
.filter .range__slider.noUi-horizontal .noUi-handle:after {
top: 4px;
left: 7px;
}
.filter .range input {
margin: 0 5px;
padding: 0 10px;
width: calc(50% - 10px);
height: 30px;
line-height: 49px;
color: #646270;
background: #fff;
border: 1px solid #cbcbcb;
}
.filter__section {
margin-bottom: 10px;
}
.filter__section ul {
margin-bottom: 20px;
}
.filter__section li + li {
margin-top: 7px;
}
.bx_ui_slider_part.p2,
.bx_ui_slider_part.p3,
.bx_ui_slider_part.p4 {
display: none;
}
.filter__section label {
display: block;
line-height: 25px;
cursor: pointer;
}
.filter__section label:last-child {
margin-bottom: 0;
}
.filter__section label span {
position: relative;
display: inline-block;
padding-left: 35px;
line-height: 27px;
}
.filter__section label span:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 25px;
height: 25px;
background: #fff;
border: 1px solid #cbcbcb;
}
.filter__section label input[type=checkbox] {
display: none;
}
.filter__section span:after {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 0;
height: 0;
background: #ff6b00 url("/HTML/assets/img/check-2-ico.svg") center no-repeat;
opacity: 0;
}
.filter__section label input[type=checkbox]:checked + span:after {
width: 25px;
height: 25px;
opacity: 1;
}
.filter__section .input-radio {
margin-bottom: 10px;
}
.filter__section .input-radio label {
padding-left: 35px;
}
.filter__section .input-radio:last-child {
margin: 0;
}
.filter__section .input-radio label:before {
top: 0;
width: 25px;
height: 25px;
border: 1px solid #cbcbcb;
}
.filter__section .input-radio input[type=radio]:checked + label:before {
border-width: 2px;
}
.filter__section .input-radio input[type=radio]:checked + label:after {
top: 6px;
left: 6px;
width: 13px;
height: 13px;
}
.filter__section-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 10px;
font-size: 18px;
font-weight: 400;
color: #333;
cursor: pointer;
}
.filter__section-title svg {
margin-left: auto;
}
.filter__section-title.active svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.filter__sort {
padding-right: 20px;
width: 100%;
font-size: 18px;
font-weight: 400;
line-height: 21px;
text-align: left;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.filter__sort:hover {
color: #ff6b00;
}
.filter__sort--asc {
background: url("/HTML/assets/img/sort-asc-ico.svg") right center no-repeat;
}
.filter__sort--desc {
background: url("/HTML/assets/img/sort-desc-ico.svg") right center no-repeat;
}
.filter__sort--price {
margin: 20px 0 35px;
}
.filter__apply,
.filter__reset {
width: 100%;
height: 48px;
font-size: 18px;
text-align: center;
line-height: 48px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.filter__apply {
margin-bottom: 10px;
color: #fff;
background: #414047;
}
.filter__apply:hover {
background: #ff6b00;
}
.filter__reset {
color: #414047;
border: 1px solid #414047;
}
.filter__reset:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.cart h1 {
margin: 60px 0 10px;
font-size: 48px;
font-weight: 400;
}
.cart .text-1 {
margin-bottom: 20px;
}
.cart .table {
margin-bottom: 40px;
}
.cart .table td {
position: relative;
padding: 10px 3px;
font-size: 16px;
width: 300px;
}
.cart .table td img {
margin: 0 auto;
}
.cart .table .td__caption {
display: none;
width: 235px;
}
.cart .table thead th:nth-child(1) {
width: 8%;
}
.cart .table thead th:nth-child(2) {
position: relative;
width: 31%;
}
.cart .table thead th:nth-child(3) {
width: 17%;
}
.cart .table thead th:nth-child(4) {
width: 8%;
}
.cart .table thead th:nth-child(5) {
width: 9%;
}
.cart .table thead th:nth-child(6) {
width: 9%;
}
.cart .table thead th:nth-child(7) {
width: 9%;
}
.cart .table thead th:nth-child(8) {
width: 10%;
}
.cart .table--2 thead th:nth-child(1) {
width: 8%;
}
.cart .table--2 thead th:nth-child(2) {
position: relative;
width: 24%;
}
.cart .table--2 thead th:nth-child(3) {
width: 17%;
}
.cart .table--2 thead th:nth-child(4) {
width: 7.5%;
}
.cart .table--2 thead th:nth-child(5) {
width: 9%;
}
.cart .table--2 thead th:nth-child(6) {
width: 9%;
}
.cart .table--2 thead th:nth-child(7) {
width: 7.5%;
}
.cart .table--2 thead th:nth-child(8) {
width: 9%;
}
.cart .table--2 thead th:nth-child(9) {
width: 10%;
}
.cart .remove {
position: absolute;
top: 50%;
right: -36px;
display: block;
margin-top: -8px;
width: 16px;
height: 16px;
}
.cart .remove line {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart .remove:hover line {
stroke: #ff6b00;
}
.cart .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart .qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
border: 0;
}
.cart .qty__text {
margin: 0;
width: 40px;
font-size: 16px;
}
.cart .qty button {
position: relative;
top: 0;
left: initial;
right: initial;
width: 15px;
height: 15px;
line-height: 17px;
}
.cart-price {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.cart-price > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
font-weight: 300;
max-width: 385px;
}
.cart-price__discount {
margin-top: 15px;
}
.cart-price__discount-label {
margin: 0 10px 0 auto;
padding: 2px 10px;
display: inline-block;
height: 20px;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #fff;
background: #ff6b00;
}
.cart-price__total {
margin-top: 42px;
}
.cart-price__total span {
font-size: 30px;
font-weight: 700;
}
.cart-price__info {
font-size: 16px;
color: #8b8a94;
}
.cart .coupon {
position: absolute;
top: 0;
left: 0;
display: block;
}
.cart .coupon__text {
position: relative;
display: inline-block;
margin-bottom: 49px;
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #414047;
cursor: pointer;
}
.cart .coupon__text:before {
position: absolute;
left: 0;
bottom: 2px;
content: "";
width: 100%;
height: 1px;
background: #414047;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.cart .coupon__text:hover:before {
opacity: 0;
}
.cart .coupon__form {
display: none;
}
.cart .coupon__form div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart .coupon__form input {
padding: 0 20px;
width: 230px;
height: 45px;
line-height: 45px;
border: 1px solid #cbcbcb;
}
.cart .coupon__form button {
padding-left: 30px;
padding-right: 30px;
}
.cart-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 20px 0 100px;
}
.cart-btn {
width: 100%;
max-width: 385px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #414047;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart-btn:hover {
color: #ff6b00;
border-color: #ff6b00;
}
.cart-btn.cart-btn--dark {
margin-left: 20px;
color: #fff;
background: #414047;
}
.cart-btn.cart-btn--dark:hover {
color: #fff;
background: #ff6b00;
border-color: #ff6b00;
}
.select {
position: relative;
display: inline-block;
padding: 0 5px;
height: 30px;
line-height: 30px;
white-space: nowrap;
}
.select__placeholder {
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select span {
display: inline-block;
margin-right: 8px;
}
.select svg {
position: relative;
top: -2px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select.active svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.select ul {
position: absolute;
display: none;
min-width: 80px;
border: 1px solid #ececec;
background: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
z-index: 1;
}
.select ul li {
padding: 0 10px;
height: 30px;
text-align: left;
line-height: 30px;
cursor: pointer;
}
.select ul li + li {
border-top: 1px solid #ececec;
}
.select ul .current {
color: #ff6b00;
}
/* .checkout */
.checkout .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.checkout .step--1 .tabs__nav li {
width: 295px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #414047;
cursor: pointer;
}
.checkout .step--1 .tabs__nav li:last-child {
margin-left: 20px;
}
.checkout .step--1 .tabs__nav li.active {
color: #fff;
background: #414047;
}
.checkout .contacts-info {
margin-top: 40px;
}
.checkout .contacts-info > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.checkout .contacts-info > div:last-child {
margin-bottom: 0;
}
.checkout .contacts-info > div.contacts-info__company-data {
margin-bottom: 40px;
}
.checkout .contacts-info__phone > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 250px);
}
.checkout .contacts-info__phone > div input {
width: 100%;
}
.checkout .contacts-info label {
width: 250px;
font-size: 24px;
}
.checkout .contacts-info input {
padding: 0 20px;
width: calc(100% - 250px);
height: 44px;
font-weight: 300;
line-height: 44px;
color: #414047;
border: 1px solid #cbcbcb;
}
.checkout .delivery > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
padding: 20px 40px 20px 30px;
border: 1px solid #cbcbcb;
}
.checkout .delivery > div:last-child {
margin-bottom: 0;
}
.checkout .delivery > div > .input-radio {
margin: 14px auto 0 0;
}
.checkout .delivery > div > .input-radio div {
margin-top: 10px;
padding-left: 45px;
max-width: 295px;
font-size: 16px;
line-height: 19px;
color: #8b8a94;
}
.checkout .delivery > div .comment {
margin-bottom: 0;
}
.checkout .delivery__pickup .input-radio label {
padding: 13px 52px;
font-size: 20px;
border: 1px solid #414047;
}
.checkout .delivery__pickup .input-radio label:before,
.checkout .delivery__pickup .input-radio input[type=radio]:checked + label:after {
display: none;
}
.checkout .delivery__pickup .active label {
color: #ff6b00;
border-color: #ff6b00;
}
.checkout .delivery__point {
max-width: 455px;
width: 100%;
}
.checkout .delivery__point-line {
margin-bottom: 15px;
}
.delivery__point.delivery__point-line {
margin-top: 15px;
}
.checkout .delivery__point-line input {
padding: 0 20px;
width: 100%;
height: 45px;
line-height: 45px;
border: 1px solid #cbcbcb;
}
.checkout .delivery__point-line-courier .fields-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px -10px 0;
}
.checkout .delivery__point-line-courier .fields-group .input-text {
margin: 0 10px;
width: calc(100% - 20px);
}
.checkout .delivery__point-line-courier > .input-text {
margin-top: 20px;
}
.checkout .delivery__point-line-info {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #8b8a94;
}
.checkout .delivery__point-line-info a {
color: #8b8a94;
}
.checkout .delivery__point-line--2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.checkout .delivery__point-line--2 .input-radio {
margin: 0;
}
.checkout .delivery__point-line--2 .input-radio:last-child {
margin-left: 30px;
}
.checkout .delivery__point-line--2 .input-radio label {
padding-left: 28px;
font-size: 20px;
}
.checkout .delivery__point-line--2 .input-radio label:before {
top: 4px;
width: 13px;
height: 13px;
border: 0;
background: #cbcbcb;
}
.checkout .delivery__point-line--2 .input-radio input[type=radio]:checked + label:after {
top: 4px;
left: 0;
}
.checkout .delivery .tabs__nav {
margin-bottom: 20px;
}
.checkout .delivery .tabs__nav .input-radio + .input-radio {
margin: 0 0 0 21px;
}
.checkout .delivery .tabs__content {
font-weight: 300;
}
.checkout .delivery .tabs__content a {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #8b8a94;
}
.checkout .input-radio label {
padding-left: 45px;
font-size: 24px;
}
.checkout .input-radio label:before {
top: -4px;
width: 25px;
height: 25px;
}
.checkout .input-radio input[type=radio]:checked + label:after {
top: 2px;
left: 6px;
width: 13px;
height: 13px;
}
.checkout .pay-box {
margin-bottom: 60px;
}
.checkout .pay-box .input-radio + .input-radio {
margin: 30px 0 0;
}
.checkout .pay-box .input-radio span {
display: block;
margin-top: 10px;
font-size: 16px;
line-height: 19px;
color: #8b8a94;
font-weight: 400;
}
.checkout .comment {
display: block;
margin-bottom: 40px;
padding: 11px 20px 0;
width: 100%;
min-height: 45px;
height: 45px;
max-height: 250px;
font-weight: 300;
color: #8b8a94;
border: 1px solid #cbcbcb;
resize: vertical;
}
.checkout .comment--order {
margin-bottom: 20px;
}
.checkout .agreement span {
font-size: 20px;
line-height: 24px;
font-weight: 300;
}
.checkout .agreement span:before {
top: -1px;
width: 24px;
height: 24px;
border: 1px solid #a0a0a0;
}
.checkout .agreement input[type=checkbox]:checked + span:after {
left: 3px;
width: 17px;
height: 16px;
}
.checkout .total-sum {
margin-top: 70px;
padding: 50px 40px 30px;
width: 100%;
background: #e1e1e4;
}
.checkout .total-sum button {
display: block;
margin-left: auto;
width: 230px;
height: 45px;
line-height: 45px;
color: #fff;
background: #414047;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.checkout .total-sum button:hover {
background: #ff6b00;
}
.checkout .total-sum__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
width: 100%;
font-size: 20px;
font-weight: 300;
overflow: hidden;
}
.checkout .total-sum__line > div:first-child {
margin-right: 5px;
width: 100%;
overflow: hidden;
}
.checkout .total-sum__line > div:last-child {
white-space: nowrap;
}
.checkout .total-sum__line > div:after {
position: relative;
top: 4px;
right: -5px;
content: "";
display: inline-block;
margin-right: -100%;
width: 100%;
height: 1px;
vertical-align: middle;
background-image: -o-linear-gradient(left, transparent 50%, #646270 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #646270));
background-image: linear-gradient(to right, transparent 50%, #646270 50%);
background-size: 5px 100%;
}
.checkout .total-sum__line--discount .total-sum__line-label {
margin: 0 8px 0 auto;
padding: 2px 10px;
display: inline-block;
height: 20px;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #fff;
background: #ff6b00;
}
.checkout .total-sum__line--result {
padding: 25px 0 25px;
}
.checkout .total-sum__line--result div:last-child {
margin-top: -8px;
font-size: 30px;
font-weight: 700;
}
.checkout .phone-change .select {
padding: 0 10px;
border: 1px solid #cbcbcb;
border-right: 0;
height: 44px;
line-height: 45px;
font-weight: 300;
}
.checkout .phone-change .select__placeholder {
height: 44px;
}
.checkout .phone-change .select ul {
top: 42px;
left: -1px;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #cbcbcb;
}
.input-text {
position: relative;
}
.input-text input {
padding: 0 20px;
width: 100%;
height: 44px;
font-weight: 300;
line-height: 44px;
border: 1px solid #cbcbcb;
}
.input-text input:not(:-moz-placeholder-shown) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text input:not(:-ms-input-placeholder) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text input:focus + label,
.input-text input:not(:placeholder-shown) + label {
top: -10px;
left: 10px;
font-size: 16px;
font-weight: 400;
padding: 2px 10px;
}
.input-text label {
position: absolute;
top: 10px;
left: 10px;
padding: 5px 10px;
font-size: 20px;
font-weight: 300;
color: #8b8a94;
line-height: 16px;
pointer-events: none;
background-color: #fff;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.steps {
position: relative;
margin-right: 20px;
padding: 60px 0 0;
width: calc(100% - 20px);
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.steps-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.steps-status__num {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 10px;
width: 98px;
height: 98px;
font-size: 48px;
font-weight: 700;
color: #cbcbcb;
border: 1px solid #cbcbcb;
border-radius: 100%;
}
.steps-status__num.error,
.steps-status__num.success {
border-color: transparent !important;
}
.steps-status__num.error:after,
.steps-status__num.success:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: #cf5454 url("#error-ico") center no-repeat;
border-radius: 100%;
}
.steps-status__num.success:after {
background: #3d9365 url("#success-ico") center no-repeat;
}
.current .steps-status__num {
color: #646270;
border: 1px solid #646270;
}
.current .steps-status__text {
color: #646270;
}
.steps-status__text {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #cbcbcb;
}
.steps-status > div {
position: relative;
margin-right: 60px;
font-size: 24px;
text-align: center;
color: #646270;
}
.steps-status > div:last-child {
margin-right: 0;
}
.steps-status .dots {
position: absolute;
top: calc(50% - 2px);
right: -45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 4px;
}
.steps-status .dots span {
display: block;
width: 4px;
height: 4px;
background: #cbcbcb;
border-radius: 100%;
}
.steps-status .dots span:nth-child(2) {
margin: 0 10px;
}
.totals-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 55px 0 30px;
width: 610px;
}
.step {
margin-bottom: 100px;
}
.step__title {
margin-bottom: 40px;
font-weight: 400;
}
.step__title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 36px;
}
.step__num {
position: relative;
top: -2px;
margin-right: 20px;
width: 48px;
height: 48px;
color: #fff;
font-weight: 700;
line-height: 51px;
text-align: center;
background: #cbcbcb;
border-radius: 100%;
}
.step__subtitle {
margin: 5px 0 0 68px;
font-size: 20px;
font-weight: 300;
}
.chosen-container {
width: calc(100% - 250px) !important;
}
.chosen-container-active.chosen-with-drop a.chosen-single {
background: transparent;
border-bottom: 1px solid #cbcbcb;
}
.chosen-container-active.chosen-with-drop a.chosen-single div b {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
background-position: center;
}
.chosen-container a.chosen-single {
position: relative;
display: block;
height: 44px;
padding: 0;
color: #414047;
border-color: #cbcbcb;
border-radius: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.chosen-container a.chosen-single span {
display: block;
padding: 0 20px;
font-size: 20px;
font-weight: 300;
line-height: 44px;
}
.chosen-container a.chosen-single div {
position: absolute;
top: 0;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 12px;
height: 100%;
}
.chosen-container a.chosen-single div b {
width: 12px;
height: 8px;
background: url("/HTML/assets/img/select-arr-ico.svg") no-repeat !important;
background-size: 100%;
border: 0;
}
.chosen-container .chosen-drop {
margin-top: 0;
z-index: 1;
}
.chosen-container .chosen-search {
padding: 5px;
}
.chosen-container .chosen-search .chosen-search-input {
margin: 0;
font-family: "Circe", sans-serif;
font-size: 18px;
color: #414047;
background: transparent;
}
.chosen-container .chosen-results {
margin: 0;
padding: 0;
color: #414047;
}
.chosen-container .chosen-results li {
padding: 5px;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.chosen-container .chosen-results li.active-result.highlighted {
color: #414047;
background: #fafafa;
}
.delivery__point-line .chosen-container {
width: 100% !important;
}
/* page news */
.page h1 {
margin: 45px 0 40px;
font-size: 48px;
line-height: 57px;
font-weight: 400;
}
.page .news__list {
margin: -18px -10px 45px;
}
.page .news__item {
margin: 18px 10px;
}
.page .news__item-text {
display: none;
}
.page .content-slider {
margin: 0 0 60px;
}
.post-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-box__img {
position: relative;
z-index: 1;
padding: 0 30px 10px 0;
width: 100%;
max-width: 766px;
background: #fff;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.post-box__title {
position: relative;
margin-bottom: 5px;
font-size: 28px;
font-weight: 300;
}
.post-box__date {
position: relative;
margin-bottom: 10px;
padding-top: 10px;
font-size: 14px;
color: #b0b0b0;
border-top: 1px solid #b0b0b0;
}
.post-box__text {
font-weight: 300;
line-height: 24px;
}
.post-box__text p {
margin-bottom: 25px;
}
.post-box__text p:last-child {
margin-bottom: 0;
}
.post-box__text a:after,
.post-box__text a:before {
position: relative;
bottom: 2px;
display: block;
content: "";
width: 100%;
height: 1px;
background: #414047;
}
.post-box__text a:before {
position: absolute;
right: 0;
width: 0;
background: #ff6b00;
-webkit-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease;
z-index: 1;
}
.post-box__text a:hover:before {
right: auto;
left: 0;
width: 100%;
}
.post-box--items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
padding: 20px 0 100px;
}
.post-box__item {
margin: 20px 10px;
width: calc(50% - 20px);
}
.post-box__item div {
margin-top: 20px;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #414047;
}
.slick-slide.fancybox-content {
padding: 0;
/*width: 100% !important;
max-width: 735px !important;
height: 100% !important;
max-height: 500px;*/
}
.slick-slide.fancybox-content iframe {
display: block;
width: 100%;
height: 100%;
}
.slick-slide.fancybox-content button {
display: none;
}
/* page contacts */
.tabs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs__content-item {
display: none;
}
.tabs__content-item.active {
display: block;
}
.tabs__content-item--flex.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts-box__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts-box__wrap:nth-child(2) .contacts-box--1 {
padding-top: 0;
}
.tabs--contacts .tabs__nav,
.tabs--orders .tabs__nav {
position: relative;
display: block;
margin-right: 20px;
padding: 0;
width: calc(100% - 630px);
}
.tabs--contacts .tabs__nav-inner,
.tabs--orders .tabs__nav-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
}
.tabs--contacts .tabs__nav-line,
.tabs--orders .tabs__nav-line {
position: absolute;
bottom: 3px;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #cbcbcb;
}
.tabs--contacts .tabs__nav-item,
.tabs--orders .tabs__nav-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
color: #8b8a94;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tabs--contacts .tabs__nav-item:nth-child(2),
.tabs--orders .tabs__nav-item:nth-child(2) {
padding: 0 60px;
}
.tabs--contacts .tabs__nav-item:before,
.tabs--orders .tabs__nav-item:before {
position: absolute;
bottom: -18px;
left: 0;
content: "";
display: block;
width: 100%;
height: 3px;
background: #ff6b00;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
.tabs--contacts .tabs__nav-item span,
.tabs--orders .tabs__nav-item span {
margin-right: 10px;
width: 24px;
height: 24px;
background-image: url("/HTML/assets/img/location-ico.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tabs--contacts .tabs__nav-item--email span,
.tabs--orders .tabs__nav-item--email span {
width: 24px;
height: 18px;
background-image: url("/HTML/assets/img/email-ico.svg");
}
.tabs--contacts .tabs__nav-item:hover,
.tabs--orders .tabs__nav-item:hover {
color: #414047;
}
.tabs--contacts .tabs__nav-item:hover span,
.tabs--orders .tabs__nav-item:hover span {
background-image: url("/HTML/assets/img/location-ico-h.svg");
}
.tabs--contacts .tabs__nav-item:hover.tabs__nav-item--email,
.tabs--orders .tabs__nav-item:hover.tabs__nav-item--email {
color: #8b8a94;
}
.tabs--contacts .tabs__nav-item:hover.tabs__nav-item--email span,
.tabs--orders .tabs__nav-item:hover.tabs__nav-item--email span {
background-image: url("/HTML/assets/img/email-ico-h.svg");
}
.tabs--contacts .tabs__nav-item.active,
.tabs--orders .tabs__nav-item.active {
color: #ff6b00;
}
.tabs--contacts .tabs__nav-item.active:before,
.tabs--orders .tabs__nav-item.active:before {
opacity: 1;
}
.tabs--contacts .tabs__nav-item.active span,
.tabs--orders .tabs__nav-item.active span {
background-image: url("/HTML/assets/img/location-ico-a.svg");
}
.tabs--contacts .tabs__nav-item.active.tabs__nav-item--email span,
.tabs--orders .tabs__nav-item.active.tabs__nav-item--email span {
background-image: url("/HTML/assets/img/email-ico-a.svg");
}
.tabs--contacts .tabs__content-item--loc .contacts-box--1,
.tabs--orders .tabs__content-item--loc .contacts-box--1 {
margin-right: 20px;
width: calc(100% - 630px);
}
.tabs--contacts .tabs__content-item--loc .contacts-box--2,
.tabs--orders .tabs__content-item--loc .contacts-box--2 {
padding: 0 0 100px;
width: 610px;
}
.contacts-box {
padding: 60px 0 100px;
}
.contacts-box__title {
margin-bottom: 20px;
font-size: 36px;
line-height: 40px;
}
.contacts-box__title br {
display: none;
}
.contacts-box table {
width: 100%;
border-collapse: collapse;
}
.contacts-box table.contacts-box__table {
margin-top: 20px;
}
.contacts-box table span {
font-size: 28px;
line-height: 34px;
font-weight: 400;
color: #414047;
}
.contacts-box table td {
padding: 20px 0;
vertical-align: baseline;
}
.contacts-box table td:first-child {
width: 230px;
color: #8b8a94;
}
.contacts-box table td:first-child .contacts-box__title {
font-weight: 400;
color: #414047;
margin-bottom: 0;
}
.contacts-box table td:last-child {
font-weight: 300;
}
.contacts-box .btn {
margin-top: 15px;
padding: 10px 38px;
}
.contacts-box__map {
margin-top: 20px;
width: 100%;
height: 350px;
}
.contacts-box__slider {
position: relative;
}
.contacts-box__slider-dots {
position: absolute;
bottom: 35px;
left: 0;
width: 100%;
}
.contacts-box__slider-dots ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -4px;
}
.contacts-box__slider-dots li {
margin: 0 4px;
width: 12px;
height: 12px;
background: #fff;
border-radius: 100%;
cursor: pointer;
}
.contacts-box__slider-dots li.slick-active {
width: 28px;
height: 28px;
background: transparent;
border: 1px solid #fff;
}
.contacts-box__slider-dots li.slick-active:before {
position: relative;
top: 5px;
left: 5px;
content: "";
display: block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 100%;
}
.contacts-box__form {
margin-top: 40px;
width: 100%;
max-width: 870px;
}
.contacts-box__form .btn-2 {
background: #414047;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contacts-box__form .btn-2:hover {
background: #ff6b00;
}
.contacts-box__form .btn-2:active {
background: #f98a3a;
}
.contacts-box__form textarea {
margin-bottom: 20px;
padding: 30px;
display: block;
width: 100%;
height: 295px;
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #8b8a94;
border: 1px solid #cbcbcb;
resize: none;
}
.contacts-box__form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.upload-file input {
position: absolute;
opacity: 0;
overflow: hidden;
z-index: -1;
}
.upload-file label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.upload-file span {
margin-left: 14px;
font-size: 20px;
font-weight: 400;
color: #8b8a94;
}
.contacts-box__form textarea::-webkit-input-placeholder {
color: #8b8a94;
font-weight: 300;
}
.contacts-box__form textarea:-moz-placeholder {
color: #8b8a94;
font-weight: 300;
}
.contacts-box__form textarea::-moz-placeholder {
color: #8b8a94;
font-weight: 300;
}
.contacts-box__form textarea:-ms-input-placeholder {
color: #8b8a94;
font-weight: 300;
}
.contacts-box__form textarea::-ms-input-placeholder {
color: #8b8a94;
font-weight: 300;
}
/* page delivery */
.main--sidebar {
padding: 0 0 100px;
}
.main--sidebar .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main--sidebar .content {
width: calc(100% - 380px);
}
.main--sidebar h1 {
margin: 0 0 10px;
}
.main--sidebar .video {
margin-top: 40px;
margin-bottom: 60px;
}
.main--sidebar .video__poster {
background-image: url("/HTML/assets/img/video-poster-2.jpg");
background-size: contain;
}
.main--sidebar .video.video--quality {
margin-top: 0;
margin-bottom: 40px;
}
.main--sidebar .sidebar {
margin: 10px 65px 0 0;
width: 315px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.main--sidebar .sidebar__title {
display: none;
}
.main--sidebar .sidebar__title div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
}
.main--sidebar .sidebar ul {
margin: -18px 0;
}
.main--sidebar .sidebar li {
padding: 18px 0 18px 30px;
}
.main--sidebar .sidebar li a {
font-size: 24px;
font-weight: 300;
color: #414047;
}
.main--sidebar .sidebar li.current-menu-item,
.main--sidebar .sidebar li.active {
background: #fff1e7;
border-right: 3px solid #ff6b00;
}
.main--sidebar .sidebar li.current-menu-item a,
.main--sidebar .sidebar li.active a {
font-weight: 400;
}
.text-box h1.text-box__title {
margin-bottom: 40px;
font-size: 48px;
line-height: 57px;
font-weight: 400;
}
.text-box div.text-box__title {
margin: 40px 0 20px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.text-box__mdtitle {
margin: 60px 0 20px;
font-size: 36px;
line-height: 40px;
}
.text-box__bigtitle {
margin: 60px 0 20px;
font-size: 48px;
line-height: 57px;
font-weight: 400;
}
.text-box ul li,
.text-box ol li {
position: relative;
margin-bottom: 5px;
padding-left: 25px;
line-height: 24px;
font-weight: 300;
}
.text-box ul,
.text-box ol {
margin-bottom: 25px;
}
.text-box ul li:last-child,
.text-box ol li:last-child {
margin-bottom: 0;
}
.text-box ul li:before {
position: absolute;
top: 10px;
left: 13px;
content: "";
display: block;
width: 2px;
height: 2px;
background: #414047;
}
.text-box h2,
.text-box h3 {
margin-bottom: 20px;
}
.text-box table {
border-collapse: collapse;
margin-bottom: 25px;
}
.text-box--quality *:last-child {
margin-bottom: 0;
}
.text-box__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 40px;
}
.text-box__card-content {
margin-left: 15px;
}
.text-box__card-title {
margin-bottom: 10px;
font-size: 24px;
font-weight: 400;
line-height: 24px;
}
.text-box__card-text {
font-size: 20px;
font-weight: 300;
}
.text-box--heading h1.text-box__title {
margin: 60px 0 20px;
}
.text-box--cols {
padding: 0 0 135px;
}
.text-box p {
font-weight: 300;
margin-bottom: 25px;
line-height: 24px;
}
.text-box {
font-weight: 300;
line-height: 24px;
}
.video--quality {
margin-bottom: 40px;
}
.info-box {
margin: 40px 0 60px;
padding: 40px 40px 40px 45px;
border: 1px solid #cbcbcb;
}
.info-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.info-box ul > li:before {
display: none;
}
.info-box ul > li {
padding-left: 0;
}
.info-box ul > li:nth-child(4n+1),
.info-box ul li:nth-child(4n+2) {
margin-bottom: 40px;
}
.info-box__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 50%;
}
.info-box__item-content {
margin-left: 20px;
width: 100%;
max-width: 357px;
}
.info-box__item-title {
margin-bottom: 20px;
font-size: 24px;
font-weight: 400;
}
.info-box--col {
margin-bottom: 0;
}
.info-box--col .info-box__list {
display: block;
margin: 0;
}
.info-box--col .info-box__item {
margin-bottom: 60px;
width: 100%;
}
.info-box--col .info-box__item:last-child {
margin-bottom: 0;
}
.info-box--col .info-box__item:last-child .info-box__item-content {
margin-left: 21px;
}
.info-box--col .info-box__item-content {
margin-left: 29px;
max-width: none;
}
.info-box--col .info-box__item-title {
margin-bottom: 10px;
font-size: 36px;
line-height: 40px;
}
.info-box--col .info-box__item-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 40px 0 20px;
font-size: 24px;
font-weight: 400;
}
.info-box--col .info-box__item-subtitle svg {
margin-right: 10px;
}
/* modal */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(100, 98, 112, 0.7);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 199;
}
.modal-overlay--show {
opacity: 1;
visibility: visible;
}
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
text-align: center;
font-size: 0;
pointer-events: none;
overflow-y: auto;
visibility: hidden;
z-index: 9999;
}
.modal:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.modal__inner {
position: relative;
display: inline-block;
margin: 40px auto;
width: 100%;
max-width: 710px;
vertical-align: middle;
pointer-events: none;
background: #fff;
border-radius: 6px;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
overflow: hidden;
z-index: 201;
}
#modal-4 .btn-2 {
display: block;
margin: 0 auto;
height: 48px;
width: 100%;
max-width: 330px;
font-size: 20px;
line-height: 48px;
}
#modal-4 .btn-2:last-child {
margin-top: 20px;
}
.modal__icon {
margin: 0 auto 40px;
width: 98px;
height: 98px;
border-radius: 100%;
background: #3d9365;
display: flex;
justify-content: center;
align-items: center;
}
.modal__content {
padding: 60px 60px 40px;
}
#modal-1 .modal__content {
padding: 60px 50px 40px;
}
.modal__text {
margin-bottom: 40px;
font-size: 20px;
font-weight: 300;
}
.modal__text p {
margin-bottom: 15px;
}
.modal__text p:last-child {
margin-bottom: 0;
}
.modal--product .modal__content {
padding: 50px 60px 40px;
text-align: left;
}
.modal--product .modal__subtitle {
margin: 20px 0 5px;
font-weight: 400;
}
.modal--product .btn-2 {
width: 100%;
height: 48px;
font-size: 20px;
line-height: 48px;
}
.modal__title {
margin-bottom: 10px;
font-size: 36px;
line-height: 40px;
font-weight: 400;
}
.modal__subtitle {
margin-bottom: 40px;
font-size: 20px;
line-height: 24px;
font-weight: 300;
}
.modal--open,
.modal--open .modal__inner {
pointer-events: auto;
}
.modal--open {
visibility: visible;
}
.modal--open .modal__inner {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.modal__close,
.hint__close {
position: absolute;
top: 20px;
right: 20px;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 101;
}
.hint {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 200px);
transform: translate3d(-50%, -50%, 200px);
display: block;
margin-left: 0;
padding: 40px 60px;
width: 485px;
text-align: left;
background: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.hint--show {
opacity: 1;
visibility: visible;
max-height: 90vh;
overflow: auto;
}
.hint:before {
position: absolute;
top: -20px;
left: 50%;
content: "";
margin-left: -5px;
border: 10px solid transparent;
border-bottom: 10px solid #fff;
display: none;
}
.hint--before:before {
top: -10px;
left: initial;
right: 0;
margin-left: 0;
border-right: 10px solid #fff;
}
.hint img {
margin-bottom: 20px;
}
.hint img:last-child {
margin-bottom: 0;
}
.hint__text {
margin-bottom: 20px;
}
.hint__title {
margin: 0 0 10px;
font-size: 20px;
line-height: 24px;
font-weight: 400;
}
.hint__img {
margin-bottom: 20px;
}
.hint__subtitle {
margin: 0 0 10px;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
.hint__text {
margin: 0 0 10px;
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.get-discount {
text-align: left;
}
.get-discount div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.get-discount__email {
display: block;
padding: 0 20px;
width: calc(50% - 10px);
height: 46px;
font-size: 16px;
font-weight: 400;
line-height: 46px;
color: #cbcbcb;
border: 1px solid #cbcbcb;
}
.get-discount button {
margin-left: 20px;
width: calc(50% - 10px);
font-size: 20px;
height: 46px;
line-height: 46px;
cursor: pointer;
}
.get-discount label {
margin-top: 10px;
}
.get-discount label span {
padding-left: 26px;
font-size: 14px;
line-height: 17px;
color: #8b8a94;
}
.get-discount label span:after {
top: 1px;
}
.get-discount label span:before {
top: -1px;
border: 1px solid #cbcbcb;
}
.get-discount__email::-webkit-input-placeholder {
color: #cbcbcb;
font-weight: 400;
}
.get-discount__email:-moz-placeholder {
color: #cbcbcb;
font-weight: 400;
}
.get-discount__email::-moz-placeholder {
color: #cbcbcb;
font-weight: 400;
}
.get-discount__email:-ms-input-placeholder {
color: #cbcbcb;
font-weight: 400;
}
.get-discount__email::-ms-input-placeholder {
color: #cbcbcb;
font-weight: 400;
}
/* main--catalog */
.page .main--catalog h1 {
font-size: 64px;
line-height: 77px;
}
.main--catalog .home-products {
padding: 10px 0 100px;
}
.main--catalog .home-products__box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main--catalog .home-products__box a {
margin: 10px;
width: calc(50% - 20px);
min-height: 350px;
}
.main--catalog .home-products__box .home-products__img:after,
.main--catalog .home-products__box .home-products__img:after {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: -o-linear-gradient(left, #e3dfda 4.17%, rgba(227, 223, 218, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, #e3dfda), to(rgba(227, 223, 218, 0)));
background: linear-gradient(90deg, #e3dfda 4.17%, rgba(227, 223, 218, 0) 100%);
}
.main--catalog .home-products__box a .home-products__img {
background-position: right bottom;
}
.collections-box__item--doors .collections-box__item-content:before {
left: -30px;
top: 19px;
background: rgba(66, 64, 75, 0.6);
padding: 10px 30px;
display: block;
height: 60px;
max-width: 310px;
}
.collections-box__item--doors .collections-box__item-title {
font-weight: 400;
color: #fff;
}
/* .collections catalog */
.title-area {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0 60px;
height: 710px;
}
.title-area__bg {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
}
.title-area__bg--lg {
display: block;
}
/*.title-area__bg:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(65, 64, 71, 0.4);
}*/
.title-area__content {
position: relative;
z-index: 3;
padding: 30px 40px 30px 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
}
.title-area--main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.title-area__content-solution {
margin-top: 430px;
margin-bottom: initial;
}
.title-area-solution__bg {
content: "";
position: absolute;
top: 450px;
left: 0;
content: "";
width: 0;
height: 0;
background: rgba(66, 64, 75, 0.6);
z-index: 1;
}
.title-area__content-solution::after {
content: "";
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(66, 64, 75, 0.6);
z-index: -1;
}
.title-area .title-area__title {
margin: 0;
font-size: 90px;
font-weight: 400;
line-height: 90px;
color: #fff;
}
.title-area .title-area__descr {
margin-top: 20px;
color: #fff;
font-weight: 300;
}
.section-page .title-area {
padding-bottom: 100px;
}
.section-page .title-area__bg {
background-position: right 0;
}
/*.section-page .title-area__bg:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(172, 170, 168) 25%, rgba(172, 170, 168, 0) 45%);
z-index: 2;
}
.section-page .title-area__bg:after {
background: rgba(65, 64, 71, 0.3);
}*/
.collections-box__item-content {
position: static;
width: 100%;
padding-bottom: 10px;
text-align: center;
/* background: #f9f9f9; */
z-index: 1;
}
.collections-box__item-title {
margin-bottom: 5px;
font-size: 20px;
font-weight: 700;
line-height: 22px;
color: #414047;
transition: color 0.3s ease;
}
.collections-box__item-title::after {
content: '';
transition: all 0.3s ease;
opacity: 0;
margin-left: 5px;
}
.collections-box__item-content:hover .collections-box__item-title::after,
.collections-box__item:hover .collections-box__item-content .collections-box__item-title::after {
content: ' вћњ';
opacity: 1;
padding-bottom: 10px;
}
.collections-box__item-content:hover .collections-box__item-title,
.collections-box__item:hover .collections-box__item-content .collections-box__item-title {
color: #ff6b00; /* Меняем цвет текста при наведении на картинку или текст */
}
.collections-box__item p {
position: relative;
font-weight: 300;
font-size: 16px;
margin-top: 10px;
}
.collections-box__item-content {
position: relative;
width: 100%;
padding-top: 4px;
padding-bottom: 14px;
text-align: center;
z-index: 1;
transition: transform 0.5s ease; /* Плавная анимация через transform */
}
.collections-box__item--new img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease; /* Плавное увеличение изображения */
}
/* При наведении на карточку */
.collections-box__item--new:hover .collections-box__item-content {
transform: translateY(10px); /* Смещаем только выбранный элемент вниз */
}
.collections-box__item--new:hover img {
transform: scale(1.05); /* Увеличение изображения только для выбранной карточки */
}
.catalog-slider {
position: relative;
margin-bottom: 40px;
}
.catalog-slider__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.catalog-slider__item {
margin: 0 10px;
width: calc(33.3333333333% - 20px);
}
.catalog-slider__arrows {
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -30px;
}
.catalog-slider__arrows span {
position: absolute;
top: 0;
left: -80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
border: 1px solid #414047;
cursor: pointer;
}
.catalog-slider__arrows span:last-child {
left: initial;
right: -80px;
}
.catalog-slider__arrows span.slick-disabled {
border-color: #cbcbcb;
}
.catalog-slider__arrows span.slick-disabled path {
fill: #cbcbcb;
}
/* usage page */
.usage-page .usage {
padding: 10px 0 100px;
}
.usage-page .usage__list {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
gap: 20px 20px;
grid-template-areas: "item1-1 item1-1 item2-2 item3-3" "item4-4 item5-5 item6-6 item3-3" "item4-4 item7-7 item7-7 item8-8" "item9-9 item9-9 item10-10 item11-11" "item12-12 item13-13 item14-14 item11-11";
margin: 0;
}
.usage-page .usage__item {
margin: 0;
width: 100%;
}
.usage-page .usage__item-img {
height: 100%;
}
.usage-page .usage__item-title {
margin-bottom: 0;
}
.usage-page .item1-1 {
grid-area: item1-1;
}
.usage-page .item2-2 {
grid-area: item2-2;
}
.usage-page .item3-3 {
grid-area: item3-3;
}
.usage-page .item4-4 {
grid-area: item4-4;
}
.usage-page .item5-5 {
grid-area: item5-5;
}
.usage-page .item6-6 {
grid-area: item6-6;
}
.usage-page .item7-7 {
grid-area: item7-7;
}
.usage-page .item8-8 {
grid-area: item8-8;
}
.usage-page .item9-9 {
grid-area: item9-9;
}
.usage-page .item10-10 {
grid-area: item10-10;
}
.usage-page .item11-11 {
grid-area: item11-11;
}
.usage-page .item12-12 {
grid-area: item12-12;
}
.usage-page .item13-13 {
grid-area: item13-13;
}
.usage-page .item14-14 {
grid-area: item14-14;
}
.section-page h1 {
margin: 60px 0 30px;
font-size: 36px;
line-height: 36px;
}
.section-page .text-2 {
font-weight: 300;
}
.section-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 30px;
}
.section-box__item {
margin: 10px;
width: calc(25% - 20px);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.section-box__item a {
display: block;
}
.section-box__item a img {
width: 100%;
height: 100%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-box__item-img {
max-height: 250px;
overflow: hidden;
}
.section-box__item-title {
padding: 15px 10px 20px;
font-size: 16px;
line-height: 19px;
text-align: center;
}
.section-box__item:hover {
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.usage__item-title {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.main--manufacture .text-box h1.text-box__title {
margin: 60px 0 20px;
}
.main--manufacture .video {
margin-top: 57px;
}
.main--manufacture .video__poster {
background-image: url("/HTML/assets/img/video-poster-main2-min.jpg");
background-size: contain;
}
.main--manufacture .usage {
padding: 0 0 100px;
}
.main--manufacture .usage__list {
margin: -10px;
}
.main--manufacture .usage__item {
margin: 10px;
width: calc(33.3333333333% - 20px);
}
.main--manufacture .usage__item-title {
margin-bottom: 0;
font-size: 24px;
line-height: 28px;
}
.main--manufacture .usage__item-text {
display: none;
}
.page .main--manufacture .content-slider {
margin: 60px 0;
}
.text-box__bigtitle {
margin-top: 40px;
}
.vertical-slider {
position: relative;
margin: 40px 0;
padding-right: 135px;
width: 100%;
height: 585px;
overflow: hidden;
}
.vertical-slider__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.vertical-slider__main {
width: calc(100% - 485px);
overflow: hidden;
}
.vertical-slider__main .slick-track {
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.vertical-slider__main .slick-slide {
z-index: 10 !important;
}
.vertical-slider__main .slick-slide.slick-current {
z-index: 11 !important;
}
.vertical-slider__main a {
display: inline;
}
.vertical-slider__main img {
width: 100%;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.vertical-slider__main .slick-active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.vertical-slider__thumbs {
margin: -10px 0 -10px 20px;
width: 485px;
max-width: 485px;
height: 585px;
}
.vertical-slider__thumbs .slick-track {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vertical-slider__thumbs .slick-slide {
margin: 10px 0;
height: 280px;
overflow: hidden;
cursor: pointer;
}
.vertical-slider__thumbs .slick-slide img {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.vertical-slider__thumbs .slick-slide:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.vertical-slider__thumbs-arr {
position: absolute;
top: 50%;
left: 0;
display: none;
margin-top: -15px;
width: 100%;
}
.vertical-slider__thumbs-arr span {
position: absolute;
top: 0;
left: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
}
.vertical-slider__thumbs-arr span.slick-disabled path {
fill: #cbcbcb;
}
.vertical-slider__thumbs-arr span:last-child {
left: initial;
right: 5px;
}
.vertical-slider img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.vertical-slider__arrows {
position: absolute;
right: 55px;
bottom: 0;
width: 60px;
height: 140px;
}
.vertical-slider__arrows span {
position: absolute;
bottom: 80px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
border: 1px solid #414047;
cursor: pointer;
}
.vertical-slider__arrows span:last-child {
bottom: 0;
}
.vertical-slider__arrows span.slick-disabled {
border-color: #cbcbcb;
}
.vertical-slider__arrows span.slick-disabled path {
fill: #cbcbcb;
}
.content-slider {
position: relative;
}
.content-slider__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content-slider__row > div:first-child {
width: 860px;
}
.content-slider__row > div:last-child {
margin-left: 20px;
padding: 60px;
width: calc(100% - 880px);
background: #f5f5f5;
}
.content-slider__main {
position: relative;
}
.content-slider__main .slick-slide img {
margin: 0 auto;
}
.content-slider__slide-title {
margin-bottom: 20px;
font-size: 48px;
line-height: 58px;
font-weight: 700;
color: #414047;
}
.content-slider__slide-text {
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #414047;
}
.content-slider__thumbs {
position: relative;
}
.content-slider__thumbs-list {
margin: 20px -10px 0;
}
.content-slider__thumbs .slick-slide {
margin: 0 10px;
width: calc(50% - 20px);
cursor: pointer;
}
.content-slider__thumbs-arr {
position: absolute;
left: 0;
top: 50%;
display: none;
margin-top: -7px;
width: 100%;
height: 14px;
}
.content-slider__thumbs-arr span {
position: absolute;
left: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25px;
height: 25px;
}
.content-slider__thumbs-arr span svg {
display: block;
}
.content-slider__thumbs-arr span.slick-disabled path {
fill: #cbcbcb;
}
.content-slider__thumbs-arr span:last-child {
left: initial;
right: 7px;
}
.content-slider__arrows {
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -30px;
}
.content-slider__arrows span {
position: absolute;
top: 0;
left: -80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
border: 1px solid #414047;
cursor: pointer;
}
.content-slider__arrows span:last-child {
left: initial;
right: -80px;
}
.content-slider__arrows span.slick-disabled {
border-color: #cbcbcb;
}
.content-slider__arrows span.slick-disabled path {
fill: #cbcbcb;
}
.content-slider__main .content-slider__dots {
position: absolute;
bottom: 27px;
left: 0;
width: 100%;
}
.content-slider__main .content-slider__dots ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -4px;
}
.content-slider__main .content-slider__dots li {
margin: 0 4px;
padding: 0;
width: 12px;
height: 12px;
background: #fff;
border-radius: 100%;
cursor: pointer;
}
.content-slider__main .content-slider__dots li:before {
display: none;
}
.content-slider__main .content-slider__dots li.slick-active {
width: 28px;
height: 28px;
background: transparent;
border: 1px solid #fff;
}
.content-slider__main .content-slider__dots li.slick-active:before {
position: relative;
top: 5px;
left: 5px;
content: "";
display: block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 100%;
}
.content-slider__main .content-slider__dots li:first-child:last-child {
display: none;
}
.content-slider--news .content-slider__main:hover {
cursor: pointer;
}
.content-slider--news .content-slider__thumbs .slick-slide {
margin: 0 10px;
width: calc(25% - 20px);
cursor: pointer;
}
.content-slider--news .content-slider__dots li {
background: #ff6b00;
}
.content-slider--news .content-slider__dots li.slick-active {
border-color: #ff6b00;
}
.content-slider--news .content-slider__dots li.slick-active:before {
background: #ff6b00;
}
.content-slider--news.video,
.content-slider--news .content-slider__main,
.content-slider--news .content-slider__main-list,
.content-slider--news .slick-list,
.content-slider--news .slick-track,
.content-slider--news .slick-slide {
height: 100%;
}
.page .main--about .content-slider {
margin-bottom: 100px;
}
.main--about .text-box h1.text-box__title,
.main--about .text-box h2.text-box__title {
margin: 60px 0 40px;
}
.main--about .advantages__list {
margin: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main--about .advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: none;
width: auto;
margin: 0;
padding: 0;
text-align: center;
}
.main--about .advantages__item div span {
font-size: 78px;
font-weight: 400;
line-height: 78px;
color: #ff6b00;
}
.main--about .advantages__item p {
margin: 10px 0 0 20px;
font-size: 26px;
}
.main--about .advantages__item:after {
display: none;
}
.text-box__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.text-box__col {
margin: 0 10px;
width: calc(50% - 10px);
}
.timeline__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -10px 40px;
}
.timeline__collapse {
margin: 0 10px;
font-size: 24px;
font-weight: 400;
line-height: 24px;
color: #8b8a94;
}
.timeline__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 0 10px;
font-size: 24px;
font-weight: 400;
line-height: 24px;
color: #8b8a94;
cursor: pointer;
}
.timeline__item-text {
display: none;
}
.timeline__item:after {
display: inline-block;
content: "";
width: 0;
height: 1px;
background: #8b8a94;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.timeline__item--active {
font-size: 36px;
font-weight: 700;
line-height: 36px;
color: #646270;
}
.timeline__item--active:after {
margin-left: 17px;
width: 40px;
opacity: 1;
}
.timeline__item--last {
font-size: 36px;
font-weight: 700;
line-height: 36px;
color: #646270;
}
.timeline__item--active + div {
font-size: 36px;
line-height: 36px;
}
.alignright {
margin: 0 0 20px 20px;
float: right;
}
.alignleft {
margin: 0 20px 20px 0;
float: left;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.main--articles .text-box--heading h1.text-box__title {
margin-top: 0;
}
.page-title {
margin: 0 0 40px;
font-size: 48px;
font-weight: 400;
line-height: 58px;
}
.block-cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px 60px;
}
.block-cols--2 > div {
margin: 0 10px;
width: calc(50% + 20px);
}
.block-cols--3 > div {
margin: 0 10px;
width: calc(33.3333333333% + 20px);
}
.application-section {
position: relative;
margin-top: 60px;
padding: 60px 0;
background: url("/HTML/assets/img/application-bg.jpg") center no-repeat;
background-size: cover;
}
.application-section .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.application-section:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(100, 98, 112, 0.4);
}
.application-section__title {
margin-right: 15px;
max-width: 540px;
font-size: 40px;
font-weight: 700;
line-height: 48px;
color: #fff;
}
.application-form,
.form-box {
max-width: 860px;
width: 100%;
padding: 40px 60px;
-webkit-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 6px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.application-form label,
.form-box label {
margin-bottom: 20px;
font-size: 20px;
font-weight: 300;
line-height: 20px;
color: #414047;
}
.application-form input,
.form-box input {
margin: 6px 0 0;
padding: 0 20px;
width: 100%;
height: 46px;
font-size: 16px;
line-height: 46px;
background: #fff;
font-weight: 300;
color: #414047;
border: 1px solid #cbcbcb;
}
.contacts-box__input input {
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #8b8a94;
border: 1px solid #cbcbcb;
margin: 6px 0 0;
padding: 0 20px;
width: 100%;
height: 46px;
margin-bottom: 20px;
}
.application-form .input-checkbox,
.form-box .input-checkbox {
margin-bottom: 5px;
}
.main.main--designers {
padding-bottom: 0;
}
.contacts-box__table .modal-btn {
cursor: pointer;
}
.application-form .input-radio,
.form-box .input-radio {
margin-bottom: 20px;
}
.application-form .input-radio + .input-radio,
.form-box .input-radio + .input-radio {
margin: 0 0 0 40px;
}
.application-form .form-row:last-child > div:last-child,
.form-box .form-row:last-child > div:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 5px;
}
.application-form .form-row:last-child > div:last-child button,
.form-box .form-row:last-child > div:last-child button {
font-size: 20px;
height: 48px;
line-height: 48px;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-row--col1 {
display: block;
width: 100%;
}
.form-row--col1 label {
display: block;
}
.form-row--col2 {
margin: 0 -10px;
}
.form-row--col2 > * {
margin: 0 10px;
width: calc(50% + 20px);
}
.main--recreation {
padding-bottom: 120px;
}
.main--imgbg {
position: relative;
padding: 30px 0;
min-height: 890px;
background: url("/HTML/assets/img/body-bg-lg.jpg") no-repeat;
background-size: cover;
background-position: center;
}
.main--imgbg:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(100, 98, 112, 0.7);
}
.form-box {
position: relative;
margin: 0 auto;
max-width: 485px;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 1;
}
.form-box label {
display: block;
margin-bottom: 10px;
color: #646270;
}
.form-box a {
color: #8b8a94;
line-height: 15px;
border-bottom: 1px solid #8b8a94;
}
.form-box button {
display: block;
margin: 20px 0 0 auto;
height: 48px;
line-height: 48px;
font-size: 20px;
}
.form-box--signin .form-box__subtitle {
margin-bottom: 30px;
text-align: center;
}
.form-box--signup {
max-width: 900px;
}
.form-box--signup .form-box__subtitle {
font-size: 14px;
}
.form-box--signup .form-box__text {
margin-bottom: 20px;
text-align: center;
}
.form-box--signup .form-row.form-row--btn > div:last-child {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.form-box--signup .form-row.form-row--btn > div:last-child button {
margin: 0;
}
.form-box--lostpassword input {
margin-bottom: 0;
}
.form-box .input-radio label {
margin-bottom: 0;
}
.form-box .note {
font-size: 14px;
line-height: 15px;
color: #8b8a94;
}
.form-box .g-recaptcha {
margin: 8px 0 10px;
}
.form-box__title {
margin-bottom: 10px;
font-size: 36px;
font-weight: 400;
line-height: 40px;
text-align: center;
}
.form-box__subtitle {
margin-bottom: 20px;
}
.form-box__text,
.form-box__subtitle {
font-size: 16px;
font-weight: 300;
color: #8b8a94;
}
.page--account div.text-box__title {
margin: 0 0 40px;
font-size: 48px;
line-height: 57px;
font-weight: 400;
}
.page--account .main--sidebar {
padding: 60px 0 120px;
}
.page--account .main--sidebar .sidebar {
margin-top: 0;
}
.page--account .main--sidebar .sidebar ul {
margin: 0;
}
.page--account .main--sidebar .sidebar ul li,
.page--account .main--sidebar .sidebar ul a {
font-size: 24px;
font-weight: 300;
color: #414047;
}
.page--account .main--sidebar .sidebar ul li.active,
.page--account .main--sidebar .sidebar ul a.active {
font-weight: 400;
}
.page--account .card {
width: calc(25% - 20px);
max-width: 235px;
}
.page--account .select {
display: block;
margin: -20px 0 20px;
padding: 0;
max-width: 360px;
height: 45px;
line-height: 45px;
}
.page--account .select__placeholder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
font-weight: 300;
border: 1px solid #cbcbcb;
}
.page--account .select ul {
width: 100%;
z-index: 11;
}
.page--account .select ul li {
margin: 0;
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.page--account .select ul li:before {
display: none;
}
.page--account .select svg {
top: 0;
}
.page--account .btn-2 {
height: 48px;
line-height: 48px;
}
.tabs-box__nav-item {
border-right: 3px solid transparent;
cursor: pointer;
}
.tabs-box__content-item {
display: none;
}
.tabs-box__content-item.active {
display: block;
}
.profile-info__line {
margin-bottom: 40px;
}
.profile-info__line-label {
font-size: 20px;
font-weight: 300;
line-height: 120%;
color: #8b8a94;
}
.profile-info__line-text {
margin-top: 18px;
font-size: 24px;
line-height: 120%;
color: #414047;
}
.profile-info__line-input {
display: none;
}
.profile-info__line-input input {
display: block;
margin-top: 6px;
padding: 0 20px;
width: 100%;
max-width: 360px;
height: 46px;
line-height: 46px;
color: #414047;
border: 1px solid #cbcbcb;
}
.profile-info.change .profile-info__line-text,
.profile-info.change [type=button] {
display: none;
}
.profile-info.change .profile-info__line-input,
.profile-info.change [type=submit] {
display: block;
}
.profile-info .btn-2 {
margin: 0;
font-size: 20px;
}
.profile-info [type=submit] {
display: none;
}
.tabs--orders .tabs__nav {
width: 100%;
}
.tabs--orders .tabs__nav-inner {
margin-bottom: 17px;
}
.tabs--orders .tabs__nav li {
margin-bottom: 0;
padding: 0 !important;
font-size: 36px;
font-weight: 400;
line-height: 110%;
color: #414047;
}
.tabs--orders .tabs__nav li:nth-child(2) {
margin: 0 60px;
}
.tabs--orders .tabs__nav li:before {
top: initial;
}
.tabs--orders .select {
margin-top: 0;
}
.orders__item {
margin-bottom: 20px;
padding: 30px 40px;
background: #fff;
-webkit-box-shadow: 1px 1px 10px 2px rgba(100, 98, 112, 0.1);
box-shadow: 1px 1px 10px 2px rgba(100, 98, 112, 0.1);
border-radius: 6px;
}
.orders__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.orders__item-row--1 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orders__item-row--2 {
margin: 6px 0 20px;
}
.orders__item-row--2 .orders__item-status-prod {
display: none;
}
.orders__item-row--3 {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.orders__item-col {
width: 50%;
}
.orders__item-col:last-child {
max-width: 445px;
}
.orders__item:last-child {
margin-bottom: 0;
}
.orders__item-number,
.orders__item-status-prod {
margin-right: 20px;
font-size: 24px;
}
.orders__item-date {
font-size: 14px;
color: #8b8a94;
}
.orders__item-status-pay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
font-size: 24px;
}
.orders__item-status-pay svg {
margin-left: 10px;
}
.orders__item-delivery,
.orders__item-paymentmethod {
font-size: 18px;
}
.orders__item-delivery span,
.orders__item-paymentmethod span {
display: block;
margin-top: 8px;
font-weight: 700;
}
.orders__item-paymentmethod {
margin-top: 20px;
}
.orders__item .color-red {
color: #cf5454;
}
.orders__item .color-green {
color: #3d9365;
}
.orders__item.no-btn .orders__item-composition-btn {
margin-top: 40px;
}
.orders__item-composition-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
color: #646270;
cursor: pointer;
}
.orders__item-composition-btn svg {
margin-left: 10px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.orders__item-composition-box {
display: none;
margin: 5px -5px -5px;
}
.orders__item-composition-box > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.orders__item-composition-box > div > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 5px;
width: 125px;
height: 80px;
border: 1px solid #cbcbcb;
}
.orders__item-composition.active .orders__item-composition-btn svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.orders .total-sum__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 10px;
width: 100%;
font-size: 18px;
overflow: hidden;
}
.orders .total-sum__line > div:first-child {
margin-right: 5px;
width: 100%;
overflow: hidden;
}
.orders .total-sum__line > div:first-child:after {
position: relative;
top: 4px;
right: -5px;
content: "";
display: inline-block;
margin-right: -100%;
width: 100%;
height: 1px;
vertical-align: middle;
background-image: -o-linear-gradient(left, transparent 50%, #cbcbcb 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #cbcbcb));
background-image: linear-gradient(to right, transparent 50%, #cbcbcb 50%);
background-size: 5px 100%;
}
.orders .total-sum__line > div:last-child {
font-weight: 700;
white-space: nowrap;
}
.orders .total-sum__line:last-child {
margin-bottom: 0;
}
.orders .btn-2 {
display: block;
margin: 55px 0 -20px auto;
width: 235px;
height: 45px;
line-height: 45px;
font-size: 20px;
background: #414047;
}
.orders .btn-2:hover {
background: #ff6b00;
}
.page .single-ideas h1 {
margin: 65px 0 40px;
font-size: 36px;
font-weight: 400;
line-height: 40px;
}
.page .single-ideas .vertical-slider {
margin-top: 0;
}
.main--stocks .text-box h1.text-box__title {
margin: 60px 0 20px;
}
.main--stocks .cards {
margin: 60px -10px 100px;
}
.main--stocks .card {
width: calc(16.6666666667% - 20px);
}
.main--stocks .swiper-slide {
width: 547px;
}
.main--stocks .swiper-slide div {
margin-top: 20px;
font-size: 24px;
line-height: 24px;
}
.main--stocks .catalog-slider {
margin-bottom: 0;
}
.main--stocks .catalog-slider .swiper-slide {
cursor: pointer;
}
.main--stocks .catalog-slider .swiper-button-disabled {
border-color: #cbcbcb;
}
.main--stocks .catalog-slider .swiper-button-disabled path {
fill: #cbcbcb;
}
.main--stocks .catalog-slider__list {
margin: 0 0 60px;
}
.main--stocks .catalog-slider__arrows {
top: 130px;
margin-top: 0;
}
.main--stocks .catalog-slider__arrows span:first-child:before {
position: absolute;
top: -131px;
right: -51px;
content: "";
width: 30px;
height: 320px;
background: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 1;
visibility: visible;
}
.main--stocks .catalog-slider__arrows span:last-child:after {
position: absolute;
top: -131px;
left: -51px;
content: "";
width: 30px;
height: 320px;
background: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
visibility: visible;
}
.main--stocks .catalog-slider__arrows span.swiper-button-disabled:first-child:before,
.main--stocks .catalog-slider__arrows span.swiper-button-disabled:last-child:after {
visibility: hidden;
}
.main--stocks div.text-box__bigtitle {
margin-top: 0;
}
.main--stocks .stocks-tabs__item {
display: none;
}
.main--designers .text-box {
margin-bottom: 100px;
}
.main--designers .text-box h1.text-box__title {
margin: 60px 0 20px;
}
.main--designers .text-box--4 a {
margin-top: 20px;
}
.main--designers .text-box__col img {
max-width: 500px;
width: 100%;
margin-left: auto;
}
.main--designers .text-3 h2,
.main--designers .text-3 h3 {
margin: 0 0 40px;
font-size: 48px;
line-height: 57px;
}
.main--designers .text-3 h4 {
margin: 40px 0 20px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.main--designers .text-box a {
color: #ff6b00;
}
.main--designers .application-visit {
font-weight: 300;
}
.main--designers .application-section__col {
margin-right: 70px;
}
.main--designers .application-section__title {
margin-bottom: 20px;
}
.main--designers .application-section__text {
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #fff;
}
.main--designers .application-section__text p {
margin-bottom: 20px;
}
.main--designers .application-section__text p:last-child {
margin-bottom: 0;
}
.main--designers .application-section .application-form input,
.main--designers .application-section .form-box input {
padding: 0 25px;
font-size: 20px;
}
.main--designers .application-section .chosen-container-single {
width: 100% !important;
margin: 6px 0 0;
}
.main--designers .application-section .chosen-container-single a.chosen-single span {
font-size: 20px;
font-weight: 300;
color: #cbcbcb;
}
.main--designers .application-section .chosen-container-single a.chosen-single div {
right: 40px;
width: 22px;
}
.main--designers .application-section .chosen-container-single a.chosen-single div b {
width: 22px;
height: 10px;
background: url("/HTML/assets/img/select-arr2-ico.svg") no-repeat !important;
}
.links-box {
margin: 60px 0 100px;
}
.links-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -30px -10px;
}
.links-box__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 30px 10px;
width: calc(50% - 20px);
}
.links-box__item-img {
margin-right: 20px;
width: calc(60% - 20px);
}
.links-box__item-text {
width: 40%;
font-size: 24px;
line-height: 24px;
border-bottom: 1px solid #cdcdcd;
}
.links-box__item-text a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
font-size: 20px;
line-height: 20px;
}
.links-box__item-text a span {
position: relative;
margin-right: 10px;
color: #ff6b00;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.links-box__item-text a span:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 1px;
background: #ff6b00;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.links-box__item-text a:hover span {
color: #414047;
}
.links-box__item-text a:hover span:before {
background: #414047;
}
.links-box__item-text a:hover path {
fill: #414047;
}
.pdf,
.dwg {
display: block;
position: relative;
padding-left: 60px;
}
.pdf::before,
.dwg::before {
content: "";
display: block;
position: absolute;
left: 0;
top: -15px;
width: 48px;
height: 48px;
}
.pdf::before {
background: url(/HTML/assets/img/pdf.svg) no-repeat;
}
.dwg::before {
background: url(/HTML/assets/img/dwg.svg) no-repeat;
}
/* media queries */
.text-mobile-btn {
display: none;
}
.text-box iframe {
max-width: 100%;
}
.callback__title {
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 110%;
color: #ff6b00;
margin-bottom: 4px;
}
.callback__text {
font-weight: 350;
font-size: 20px;
line-height: 120%;
color: #414047;
margin-bottom: 26px;
}
.modal--form .modal__inner {
max-width: 1028px;
}
.callback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.callback__form {
width: 295px;
}
.callback__content {
width: calc(100% - 335px);
}
.callback__img {
width: 100%;
height: 382px;
background: url("/HTML/assets/img/form.jpg") no-repeat;
}
.callback__form label {
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #414047;
width: 100%;
display: block;
margin-bottom: 9px;
}
.callback__form input {
border: 1px solid #cbcbcb;
width: 100%;
height: 40px;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #414047;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal .callback {
text-align: left;
}
.callback__form label span {
display: block;
margin-bottom: 8px;
}
.callback__form .input-checkbox span {
white-space: initial;
}
.g-recaptcha-error {
display: none;
font-size: 14px;
margin: 0 0 10px;
color: red;
}
.modal__success,
.modal__error {
display: none;
}
.btn-up {
padding: 0;
margin: 0;
outline: 0;
cursor: pointer;
position: fixed;
z-index: 15;
background: 0 0;
right: 54px;
bottom: 240px;
width: 50px;
height: 50px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
overflow: hidden;
background: #f98a3a;
}
.btn-up svg {
width: 75%;
height: 75%;
}
.btn-up.btn-show {
opacity: 1;
}
.filter .bx_filter .bx_filter_param_text {
line-height: 27px;
}
.subscribe form .g-recaptcha-error {
display: none;
}
.error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
padding: 120px 0 200px;
}
.error__content {
width: 400px;
}
.error__img {
max-width: 590px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.error__img img {
max-width: 100%;
height: auto;
}
.error__title {
font-weight: 700;
font-size: 48px;
line-height: 100%;
color: #414047;
margin-bottom: 20px;
}
.error__text {
font-weight: 350;
font-size: 20px;
line-height: 120%;
color: #414047;
margin-bottom: 60px;
}
.error__btn {
width: 232px;
height: 48px;
text-align: center;
font-weight: 400;
font-size: 20px;
line-height: 48px;
color: #ffffff;
background: #414047;
}
.error__btn:hover {
background: #ff6b00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.order-pay-container {
max-width: 800px;
max-width: 100%;
}
.order-pay-container a:hover,
.order-pay-container a:focus {
color: #ff6b00;
text-decoration: none;
}
.load-more-wrap {
text-align: center;
}
.post-box__content table td {
font-size: 16px;
padding: 8px;
}
.content-table {
max-width: 100%;
overflow-x: auto;
}
.btn-2--kachestvo {
margin-top: 0;
}
.modal__text {
margin-bottom: 10px;
}
.order-last {
padding-bottom: 50px;
}
.pay_name {
margin-bottom: 10px;
}
.paayBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.paayBlock .order-last {
padding-bottom: 15px !important;
}
.paayBlock .payImg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 15px !important;
}
.paayBlock .payImg img {
width: auto !important;
}
.alfabank__payment-link::after,
.sberbank__payment-link::after {
content: none !important;
}
body .alfabank__wrapper {
margin-top: 0px !important;
}
.bx_filter .bx_filter_parameters_box_title {
border-bottom: none;
}
.bottom__cookie-block {
width: 100%;
max-width: 1380px;
line-height: 20px;
padding-bottom: 15px;
background-color: #fff;
border: 1px solid #999;
display: none;
position: fixed;
bottom: 0;
color: #000;
z-index: 100000;
text-align: center;
-webkit-transform: translateZ(0);
font-family: "Ubuntu", sans-serif;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px 0 0;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.cookie_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom__cookie-block .btn-2 {
width: 130px;
height: 30px;
line-height: 30px;
}
.btn-2 {
margin: auto 20px auto 0;
}
.bottom__cookie-block .cookie_close {
display: inline-block;
position: absolute;
right: 10px;
top: 5px;
font-size: 20px;
cursor: pointer;
}
.cookie_text {
padding: 10px;
font-size: 12px;
line-height: 16px;
color: #414047 !important;
}
.footer__sub-link {
margin-left: 20px;
}
.footer__sub-link a {
font-size: 14px;
font-weight: 300;
color: #cbcbcb;
}
.footer__sub-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main--catalog .home-products__box .home-products__full {
width: 100%;
min-height: 633px;
color: #fff;
}
.main--catalog .home-products__box a.home-products__full .home-products__img:after {
background: -o-linear-gradient(left, #414047 4.17%, rgba(65, 64, 71, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, #414047), to(rgba(65, 64, 71, 0)));
background: linear-gradient(90deg, #414047 4.17%, rgba(65, 64, 71, 0) 100%);
}
.main--catalog .home-products__box a .home-products__img:after {
background: -o-linear-gradient(left, #e3dfda 4.17%, rgba(227, 223, 218, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, #e3dfda), to(rgba(227, 223, 218, 0)));
background: linear-gradient(90deg, #e3dfda 4.17%, rgba(227, 223, 218, 0) 100%);
}
.footer__menu--mobile {
display: none;
}
/*e-new-table-td-info*/
.table .td-info {
position: absolute;
margin: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.table .material-block.offer-block {
position: relative;
padding-right: 55px !important;
padding-left: 55px !important;
}
.header .menu .menu-cat-item > .submenu .submenu li.menu-doors {
width: calc(50% - 20px);
}
.menu-cat-item--idea .menu-doors-item,
.menu-company .menu-doors-item,
.menu-mobile-item .menu-doors-mobile {
display: none;
}
.menu-mobile-item.menu-cat-item-catalog .menu-doors-mobile {
display: block;
}
.menu .new-icon-arr {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
vertical-align: middle;
margin-left: 5px;
}
.menu .show .new-icon-arr {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.scrollbar-track-y,
.menu .nicescroll-cursors,
.menu .nicescroll-rails,
.scrollbar-thumb {
width: 12px !important;
}
.scrollbar-thumb:active,
.menu .nicescroll-cursors:active,
.scrollbar-thumb:hover,
.menu .nicescroll-cursors:hover {
background-color: #ff6b00 !important;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.contact__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact__social a {
display: block;
margin-right: 14px;
}
.callback-wats {
margin-left: 20px;
}
.callback-wats svg {
width: 30px;
height: 30px;
margin-top: 4px;
}
.product-click {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 20px;
}
.modal-click {
width: 360px;
height: 45px;
border: 1px solid #414047;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.modal-click:hover {
color: #fff;
background: #414047;
}
.form-click .modal__inner {
max-width: 485px;
}
.form-click .callback__form {
margin: 0;
width: 100%;
}
.click-img {
max-height: 100px;
width: auto;
margin: 0 auto 15px;
}
.click-title {
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #414047;
margin-bottom: 30px;
}
.form-click .modal__content {
text-align: left;
}
.razdel-blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
margin-top: 50px;
}
.razdel-inners {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 232px;
}
.text-box .razdel-links {
display: block;
font-family: "Circe";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #222222;
}
.text-box .razdel-links:hover {
color: #ff6b00;
}
.text-box .razdel-blocks-btn {
font-family: "Circe";
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
text-align: center;
background: #414047;
color: #ffffff;
display: block;
width: 163px;
height: 48px;
padding: 14px;
margin-top: 40px;
}
.text-box .razdel-blocks-btn:hover {
color: #ff6b00;
}
.product .arrow a,
.single-ideas .arrow a {
font-size: 32px;
}
.section-title.furnitura-title {
margin-top: 100px;
}
.home-products__box.home-products__box--1-5 a {
display: block;
margin: 0 10px;
padding: 30px;
width: calc(50% - 20px);
min-height: 335px;
overflow: hidden;
}
.sale-menu {
color: #ff6b00 !important;
}
.post-box__img iframe {
min-height: 484px;
width: 100%;
}
.home-products__imgs-mob {
display: none;
}
.callback-mobile {
color: #fff;
font-size: 16px;
}
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important;
-moz-background-size: contain !important;
-webkit-background-size: contain !important;
}
.b24-widget-button-pulse-animate,
.b24-widget-button-pulse-animate {
-webkit-animation: unset !important;
animation: unset !important;
}
.title-area__content.title-area__content-solution.doors {
margin-top: 130px;
}
.title-area__content.title-area__content-solution.doors-main {
margin-top: 0px;
}
.page .title-area .title-area__content.title-area__content-solution.doors-main .title-area__title {
margin: 0;
font-size: 64px;
font-weight: 400;
line-height: 64px;
}
.usage {
padding-top: 0;
}
.usage__list {
display: grid;
gap: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
grid-template-columns: repeat(3, 1fr);
}
.usage__item {
width: 100% !important;
margin: 0;
}
.usage__item-label {
margin-top: 30px;
font-size: 28px;
color: #414047;
}
.mobile-nav__bottom .units__placeholder:hover,
.mobile-nav__bottom .currency__placeholder:hover,
.mobile-nav__bottom .lang__placeholder:hover {
background: transparent;
}
.mobile-nav__bottom .units ul,
.mobile-nav__bottom .currency ul,
.mobile-nav__bottom .lang ul {
bottom: 100%;
}
.mobile-nav__bottom .units ul li,
.mobile-nav__bottom .currency ul li,
.mobile-nav__bottom .lang ul li {
background: #d1d1d1;
}
.mobile-nav__bottom .units.active ul li,
.mobile-nav__bottom .currency.active ul li,
.mobile-nav__bottom .lang.active ul li {
background: #d1d1d1;
}
.mobile-nav__bottom div.units {
margin-left: 0;
}
.mobile-menu .units {
margin: 0 20px 0 0;
}
.mobile-menu .currency {
margin: 0 20px 0 0;
}
.mobile-menu .units,
.mobile-menu .currency {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
height: 25px;
color: #414047;
}
.mobile-menu .units__placeholder:hover,
.mobile-menu .currency__placeholder:hover {
background: transparent;
}
.mobile-menu .units path,
.mobile-menu .currency path {
fill: #414047;
}
.mobile-menu .units__placeholder,
.mobile-menu .currency__placeholder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 25px;
background: transparent;
line-height: 25px;
}
.mobile-menu .units.active .units__placeholder,
.mobile-menu .units.active .currency__placeholder,
.mobile-menu .units.active .lang__placeholder,
.mobile-menu .currency.active .units__placeholder,
.mobile-menu .currency.active .currency__placeholder,
.mobile-menu .currency.active .lang__placeholder {
background: transparent;
}
.mobile-menu .units.active li,
.mobile-menu .currency.active li {
color: #fff;
background: rgba(65, 64, 71, 0.5);
}
.mobile-menu .units.active li.current,
.mobile-menu .currency.active li.current {
color: #ff6b00;
}
.mobile-menu .units ul,
.mobile-menu .currency ul {
width: 100%;
}
.mobile-menu .units ul li,
.mobile-menu .currency ul li {
background: rgba(65, 64, 71, 0.5);
}
.text-3.main--designers {
margin-bottom: 0;
}
.main--designers .text-box__row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main--designers .text-box__col:last-child {
width: calc(35% - 10px);
}
.main--designers .text-box__col ol {
font-size: 24px;
}
.main--designers .text-box__col li {
margin-bottom: 18px;
line-height: 1.35;
padding-left: 0;
}
.main--designers .text-box__col li::before {
color: #414047;
}
.main--designers .text-box {
margin-bottom: 40px;
}
.main--designers .e-comments__slider-shadow {
display: none !important;
}
.main--designers .swiper-button-disabled {
display: none !important;
}
.main--designers .text-box__col li,
.main--proiizv .text-box__col li {
font-weight: 400;
}
.main--designers .text-box__col p,
.main--proiizv .text-box__col p {
font-size: 24px;
line-height: 1.35;
}
.main--proiizv .text-box__row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main--proiizv .text-box__col:first-child {
width: 30%;
}
.main--proiizv .text-box__col:last-child {
width: 50%;
margin-left: 40px;
}
.main--proiizv .text-box__col p {
margin-bottom: 0;
}
.main--designers .application-form {
margin: 0 auto;
}
.main--designers .application-section {
margin-top: 0;
padding: 32px 0;
}
.main--designers .application-section:before {
background: #f3f3f3;
}
.main--designers .application-section__title {
max-width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #ff6b00;
}
.main--designers .application-form .btn-2 {
background-color: #ff6b00;
}
.about-video-link {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-top: 24px;
}
.about-video-link svg {
width: 64px;
height: auto;
}
.about-video-link a {
position: static;
}
.about-video-link p {
font-size: 20px !important;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.about-video-link p:last-child {
font-size: 16px !important;
}
.e-comments .e-comments__slider .swiper-slide:only-child {
margin: 0 auto !important;
}
.catalog-zakaz-line {
margin-top: -26px;
font-size: 20px;
}
.video__btn svg {
margin-top: 0;
}
.main-slider__item {
padding-top: 0 !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-slider__item-title {
line-height: 1.5 !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.main-slider .more-btn {
font-weight: 300;
font-size: 28px;
text-transform: capitalize;
-webkit-transition: color 0.2s ease !important;
-o-transition: color 0.2s ease !important;
transition: color 0.2s ease !important;
border-width: 2px !important;
border-color: #ffffff !important;
}
.main-slider .more-btn::after {
height: 2px;
bottom: -2px;
}
.main {
overflow: visible;
}
.totals-box {
position: sticky;
top: var(--header-height2);
}
.product .product__drawings {
color: #000000;
}
.product .product__drawings li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.doors-desc ul li:before {
content: "•";
display: inline-block;
margin-right: 4px;
}
.main-slider .swiper-wrapper {
height: 100% !important;
}
/* purgecss end ignore */
figure,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
ol,
ul,
menu {
list-style: none;
}
img {
max-width: 100%;
}
table {
border-collapse: collapse;
}
fieldset {
border: none;
}
textarea {
white-space: revert;
}
::-webkit-input-placeholder {
color: unset;
}
::-moz-placeholder {
color: unset;
}
:-ms-input-placeholder {
color: unset;
}
::-ms-input-placeholder {
color: unset;
}
::placeholder {
color: unset;
}
:where([hidden]) {
display: none;
}
body {
margin-right: calc(-1 * (100vw - 100%));
}
.container {
width: 100%;
margin: 0 auto;
}
/**
* Наследуем всем элементам свойство border-box от родителя (html)
* Так как селектор * имеет 0 приоритет, он не переопределяет стили html
* Рто нужно, чтобы РІ будушем была возможность без проблем переопредилить стили
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* Удаляет отступы снизу у элементов, внутри контейнера
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
svg,
video {
vertical-align: middle;
}
/*
* Разрешить растягивать текстовое поле только по вертикали
*/
textarea {
resize: vertical;
}
a {
color: inherit;
text-decoration: none;
}
picture,
img {
display: block;
}
.image {
width: 100%;
height: 100%;
}
.image--cover {
-o-object-fit: cover;
object-fit: cover;
}
.image--contain {
-o-object-fit: contain;
object-fit: contain;
}
.link {
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.link-stretched {
position: static;
display: inline;
}
.link-stretched::after {
content: "";
position: absolute;
z-index: 10;
inset: 0;
}
.disable-scroll {
overflow: hidden;
}
.position-sticky {
top: calc(var(--header-height2) + 32px);
}
.collapse:not(.collapse_show) {
display: none;
}
.svg path,
.svg line,
.svg circle,
.svg rect {
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.swiper-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: initial;
}
.swiper-button-prev, .swiper-button-next {
top: 50%;
width: auto;
height: auto;
margin: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.swiper-button-prev::after, .swiper-button-next::after {
content: "";
display: block;
width: 10px;
height: 16px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.swiper-button-prev::after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.60831 13.8394L0.94076 8.16011C0.301079 7.52045 0.301051 6.47961 0.940349 5.84031L6.60828 0.160563C6.82162 -0.0532107 7.16787 -0.0535662 7.38167 0.15977C7.59545 0.373107 7.59583 0.719361 7.38247 0.933163L1.71412 6.61332C1.50092 6.82655 1.5009 7.17349 1.71453 7.38712L7.38249 13.0669C7.48902 13.1736 7.54226 13.3134 7.54226 13.4532C7.54226 13.5933 7.48872 13.7334 7.3817 13.8402C7.1679 14.0536 6.82164 14.0532 6.60831 13.8394Z' fill='%23646270'/%3E%3C/svg%3E%0A");
}
.swiper-button-next::after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.39169 13.8394L7.05924 8.16011C7.69892 7.52045 7.69895 6.47961 7.05965 5.84031L1.39172 0.160563C1.17838 -0.0532107 0.832128 -0.0535662 0.618327 0.15977C0.404552 0.373107 0.40417 0.719361 0.617534 0.933163L6.28588 6.61332C6.49908 6.82655 6.4991 7.17349 6.28547 7.38712L0.617506 13.0669C0.510975 13.1736 0.457737 13.3134 0.457737 13.4532C0.457737 13.5933 0.511276 13.7334 0.6183 13.8402C0.832101 14.0536 1.17836 14.0532 1.39169 13.8394Z' fill='%23646270'/%3E%3C/svg%3E%0A");
}
.swiper-controls .swiper-button-prev {
left: -24px;
}
.swiper-controls .swiper-button-next {
right: -24px;
}
.swiper-fade > .swiper-wrapper > .swiper-slide-active {
z-index: 5;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes slide-in {
from {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in {
from {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
@keyframes slide-out {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.button {
display: inline-block;
border: none;
border-radius: 0;
background-color: transparent;
text-align: center;
white-space: nowrap;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.button:disabled {
opacity: 0.5;
pointer-events: none;
}
.button-primary {
padding: 14px 30px;
background-color: #ff6b00;
color: #ffffff;
}
.dropdown {
position: relative;
}
.dropdown > a,
.dropdown span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown > a::after,
.dropdown span::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308058 1.05806C0.552136 0.813981 0.947864 0.813981 1.19194 1.05806L7 6.86612L12.8081 1.05806C13.0521 0.813981 13.4479 0.813981 13.6919 1.05806C13.936 1.30214 13.936 1.69786 13.6919 1.94194L7.44194 8.19194C7.19786 8.43602 6.80214 8.43602 6.55806 8.19194L0.308058 1.94194C0.0639806 1.69786 0.0639806 1.30214 0.308058 1.05806Z' fill='%23414047'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown > ul {
position: absolute;
top: calc(100% + 32px);
left: 50%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 280px;
padding: 30px;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-filter: drop-shadow(0 0 8px rgba(65, 64, 71, 0.25));
filter: drop-shadow(0 0 8px rgba(65, 64, 71, 0.25));
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown > ul li:not(:last-child) {
margin-bottom: 20px;
}
.dropdown > ul a {
font-size: 16px;
}
.dropdown > ul::before {
content: "";
position: absolute;
z-index: 1;
top: -10px;
left: 50%;
border-width: 0 40px 40px;
border-style: solid;
border-color: transparent transparent #ffffff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.dropdown--open > a,
.dropdown--open span {
color: #ff6b00;
}
.dropdown--open > a::after,
.dropdown--open span::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown--open > ul {
top: calc(100% + 24px);
opacity: 1;
visibility: visible;
}
.dropdown-mobile {
width: 100%;
}
.dropdown-mobile > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dropdown-mobile > div::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308058 1.05806C0.552136 0.813981 0.947864 0.813981 1.19194 1.05806L7 6.86612L12.8081 1.05806C13.0521 0.813981 13.4479 0.813981 13.6919 1.05806C13.936 1.30214 13.936 1.69786 13.6919 1.94194L7.44194 8.19194C7.19786 8.43602 6.80214 8.43602 6.55806 8.19194L0.308058 1.94194C0.0639806 1.69786 0.0639806 1.30214 0.308058 1.05806Z' fill='%23414047'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown-mobile > ul {
padding-left: 20px;
}
.dropdown-mobile > ul li:first-child {
padding-top: 24px;
}
.dropdown-mobile > ul li:not(:last-child) {
margin-bottom: 12px;
}
.dropdown-mobile > ul a {
font-size: 18px;
}
.dropdown-mobile--open > div a {
color: #ff6b00 !important;
}
.dropdown-mobile--open > div::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.dropdown-catalog {
width: 100%;
}
.dropdown-catalog__list {
position: absolute;
z-index: 1;
top: 0;
left: 336px;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
gap: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
overflow: auto;
height: 100vh;
max-height: calc(100vh - var(--header-height2));
padding-top: 24px;
padding-bottom: 32px;
padding-left: 24px;
border-left: 1px solid #cbcbcb;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
-ms-overflow-style: none;
scrollbar-width: none;
}
.dropdown-catalog__list::-webkit-scrollbar {
display: none;
}
.dropdown-catalog li {
position: static;
text-align: center;
}
.dropdown-catalog li img {
/* -o-object-fit: contain;
object-fit: contain; */
width: 100%;
height: 100%;
margin-bottom: 8px;
border: 1px solid #cbcbcb;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown-catalog li a {
width: 100%;
aspect-ratio: 4/3;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.dropdown-catalog > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dropdown-catalog > a::after {
content: "";
position: relative;
left: 0;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308058 1.05806C0.552136 0.813981 0.947864 0.813981 1.19194 1.05806L7 6.86612L12.8081 1.05806C13.0521 0.813981 13.4479 0.813981 13.6919 1.05806C13.936 1.30214 13.936 1.69786 13.6919 1.94194L7.44194 8.19194C7.19786 8.43602 6.80214 8.43602 6.55806 8.19194L0.308058 1.94194C0.0639806 1.69786 0.0639806 1.30214 0.308058 1.05806Z' fill='%23414047'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
[data-editor] {
font-size: 20px;
}
[data-editor] > *:not(:last-child) {
margin-bottom: 20px;
}
[data-editor] *:not(h2, h3, h4, h5) {
font-weight: 300;
line-height: 1.5;
}
[data-editor] h2 {
font-size: 26px;
line-height: 1.2;
}
[data-editor] blockquote {
padding: 16px 24px;
border-left: 3px solid #eeeeee;
}
[data-editor] video {
width: 100%;
aspect-ratio: 16/9;
}
[data-editor] iframe {
width: 100%;
}
[data-editor] img {
display: initial;
}
[data-editor] b,
[data-editor] strong {
font-weight: 600;
}
[data-editor] > ul, [data-editor] > ol {
padding-left: 20px;
list-style-type: disc;
}
[data-editor] > ul > li, [data-editor] > ol > li {
list-style-type: disc;
}
[data-editor] > ul > li:not(:last-child), [data-editor] > ol > li:not(:last-child) {
margin-bottom: 8px;
}
[data-editor] a:not([class*=button]) {
text-decoration: underline;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.form-consultation .form__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-bottom: 40px;
}
.form-consultation .form__wrapper .input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.form-consultation .form__wrapper .input__field {
height: 50px;
}
.form-consultation .form__action .btn-2 {
height: 50px;
margin: 0;
}
.form-consultation .form__privacy {
margin-top: 16px;
color: #8b8a94;
font-size: 14px;
}
.input {
position: relative;
}
.input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.input[type=number]::-webkit-outer-spin-button, .input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.input--search .input__field {
position: relative;
padding-right: 48px;
border-color: #cbcbcb;
}
.input--search .input__field::-webkit-input-placeholder {
color: #cbcbcb;
}
.input--search .input__field::-moz-placeholder {
color: #cbcbcb;
}
.input--search .input__field:-ms-input-placeholder {
color: #cbcbcb;
}
.input--search .input__field::-ms-input-placeholder {
color: #cbcbcb;
}
.input--search .input__field::placeholder {
color: #cbcbcb;
}
.input--search::after {
content: "";
position: absolute;
top: 50%;
right: 28px;
width: 60px;
height: calc(100% - 2px);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 70%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 70%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.input__field {
width: 100%;
padding: 14px 18px;
border: 1px solid #cbcbcb;
outline: none;
background-color: #ffffff;
color: #000000;
font-size: 16px;
}
.input__field::-webkit-input-placeholder {
color: #cbcbcb;
}
.input__field::-moz-placeholder {
color: #cbcbcb;
}
.input__field:-ms-input-placeholder {
color: #cbcbcb;
}
.input__field::-ms-input-placeholder {
color: #cbcbcb;
}
.input__field::placeholder {
color: #cbcbcb;
}
.input__warning {
position: absolute;
top: 50%;
right: 15px;
width: 24px;
height: 24px;
opacity: 0;
visibility: hidden;
cursor: help;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
label[class=input] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 16px;
}
.checkbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checkbox__mark {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25px;
height: 25px;
margin-top: 2px;
margin-right: 10px;
border: 2px solid #5e5e5e;
cursor: pointer;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.checkbox__mark::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 70%;
height: 70%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #da2e2b;
opacity: 0;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
.checkbox:hover .checkbox__mark {
border-color: #da2e2b;
}
.checkbox input {
display: none;
}
.checkbox input:checked ~ .checkbox__mark {
border-color: #da2e2b;
}
.checkbox input:checked ~ .checkbox__mark::after {
opacity: 1;
}
.checkbox__label {
margin-top: 2px;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.checkbox__policy {
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.checkbox__policy:hover {
text-decoration: underline;
}
/* purgecss start ignore */
.lazy {
position: relative;
}
.lazy__item {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.lazy__item--blur {
opacity: 1;
visibility: visible;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.loaded {
opacity: 1;
visibility: visible;
-webkit-filter: none;
filter: none;
pointer-events: initial;
}
/* purgecss end ignore */
.preloader {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 48px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.preloader--hide {
opacity: 0;
visibility: hidden;
}
/* purgecss start ignore */
.custom-scrollbar::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: #ffffff;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
border: 3px solid #ffffff;
border-radius: 10px;
background: #de4848;
}
/* purgecss end ignore */
.search {
position: relative;
}
.search__submit {
position: absolute;
z-index: 2;
top: 50%;
right: 5px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 24px;
height: 24px;
padding: 5px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search__submit path {
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.search__overlay {
content: "";
position: absolute;
z-index: -1;
inset: 0;
width: 100vw;
height: 100vh;
background-color: rgba(100, 98, 112, 0.7);
}
.lang {
position: relative;
}
.lang--open .lang__current::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.lang--open .lang__dropdown {
opacity: 1;
visibility: visible;
}
.lang__current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.lang__current::after {
content: "";
width: 11px;
height: 11px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308058 1.05806C0.552136 0.813981 0.947864 0.813981 1.19194 1.05806L7 6.86612L12.8081 1.05806C13.0521 0.813981 13.4479 0.813981 13.6919 1.05806C13.936 1.30214 13.936 1.69786 13.6919 1.94194L7.44194 8.19194C7.19786 8.43602 6.80214 8.43602 6.55806 8.19194L0.308058 1.94194C0.0639806 1.69786 0.0639806 1.30214 0.308058 1.05806Z' fill='%23414047'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.lang__ru a, .lang__eng a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lang__ru a::before, .lang__eng a::before {
content: "";
width: 36px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.lang__ru a::before {
background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' viewBox='0 0 900 600' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1213_371)'%3E%3Cpath d='M900 0H0V300H900V0Z' fill='%23E6E6E6'/%3E%3Cpath d='M900 300H0V600H900V300Z' fill='%23D52B1E'/%3E%3Cpath d='M900 200H0V400H900V200Z' fill='%230039A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1213_371'%3E%3Crect width='900' height='600' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lang__eng a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 30' width='1000' height='600'%3E%3CclipPath id='t'%3E%3Cpath d='M25,15h25v15zv15h-25zh-25v-15zv-15h25z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h50v-30z' fill='%23012169'/%3E%3Cpath d='M0,0 50,30M50,0 0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 50,30M50,0 0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M-1 11h22v-12h8v12h22v8h-22v12h-8v-12h-22z' fill='%23C8102E' stroke='%23FFF' stroke-width='2'/%3E%3C/svg%3E");
}
.lang__dropdown {
position: absolute;
z-index: 2;
top: calc(100% + 16px);
left: 0;
background-color: #ffffff;
-webkit-box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
box-shadow: 0 0 8px rgba(65, 64, 71, 0.25);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.lang__dropdown li {
font-size: 16px;
cursor: pointer;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.lang__dropdown a {
padding: 12px 32px 12px 18px;
}
.logo {
display: block;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.logo > * {
width: 100%;
height: 100%;
}
.logo--header {
width: 150px;
}
.catalog-menu {
position: fixed;
top: var(--header-height2);
left: 0;
overflow: auto;
width: 100vw;
height: 100vh;
max-height: calc(100vh - var(--header-height2) + 1px);
padding-bottom: 24px;
border-top: 1px solid #cbcbcb;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.catalog-menu--open {
opacity: 1;
visibility: visible;
}
.catalog-menu__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
padding-top: 24px;
}
.catalog-menu__heading {
margin-bottom: 16px;
padding: 4px 16px;
background-color: #646270;
color: #ffffff;
font-size: 24px;
}
.catalog-menu__nav {
width: 100%;
max-width: 310px;
}
.catalog-menu__nav.hidden {
display: none;
}
.whatsapp-button {
position: fixed;
z-index: 1;
right: 48px;
bottom: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60px;
aspect-ratio: 1/1;
border-radius: 50%;
background: -o-linear-gradient(#86ffb3 0%, #26d367 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#86ffb3), to(#26d367));
background: linear-gradient(#86ffb3 0%, #26d367 100%);
color: #ffffff;
-webkit-transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-o-transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.whatsapp-button::after {
content: "";
position: absolute;
inset: 3px;
border-radius: 50%;
background: -o-radial-gradient(rgba(255, 255, 255, 0), #26d367);
background: radial-gradient(rgba(255, 255, 255, 0), #26d367);
}
.whatsapp-button__icon {
position: relative;
z-index: 2;
width: 70%;
aspect-ratio: 1/1;
}
.whatsapp-button__wave {
position: absolute;
inset: 0;
border-radius: 50%;
background-color: #26d367;
-webkit-animation: 4s ease 0s infinite normal none running wave;
animation: 4s ease 0s infinite normal none running wave;
animation-range-start: normal;
animation-range-end: normal;
}
@-webkit-keyframes wave {
0% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
70% {
opacity: 0.4;
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes wave {
0% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
70% {
opacity: 0.4;
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
.page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/*overflow-x: hidden;*/
}
.page > main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.page__body {
overflow: hidden;
}
.header {
position: sticky;
z-index: 100;
top: 0;
border-bottom: 1px solid transparent;
background-color: #ffffff;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.header--scroll {
border-color: #b0b0b0;
-webkit-box-shadow: 0 16px 40px rgba(9, 11, 54, 0.1);
box-shadow: 0 16px 40px rgba(9, 11, 54, 0.1);
}
.header > .search {
position: absolute;
top: 100%;
left: 0;
width: 100vw;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.header > .search--open {
opacity: 1;
visibility: visible;
}
.header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 42px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 16px 0;
}
.header__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.header__lang {
margin-right: 30px;
margin-left: 30px;
}
.header__callback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
line-height: 1.15;
}
.header__callback-icon {
width: 32px;
height: 32px;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.header__callback p {
font-size: 14.4px;
}
.header__callback a {
font-size: 24px;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.header__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 30px;
}
.header__action > * {
position: relative;
}
.header__action > *::before {
content: "";
position: absolute;
inset: -5px;
}
.header__action > * path {
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.header__action-call {
display: none;
}
.header__action-search {
display: none;
}
.header__action-cart {
margin-right: 10px;
}
.header__action-counter {
position: absolute;
top: -8px;
right: -14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: #ff6b00;
color: #ffffff;
font-size: 12px;
}
.header__mobile {
display: none;
margin-left: 30px;
}
.header__catalog {
padding: 12px 50px;
background-color: #ff6b00;
color: #ffffff;
cursor: pointer;
}
.nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav__link {
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.nav--header span,
.nav--header a {
font-size: 20px;
}
.nav--header .nav__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav--header .nav__link {
cursor: pointer;
}
.nav--mobile .nav__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.nav--mobile .nav__link {
color: #414047;
font-weight: 700;
font-size: 20px;
}
.nav--catalog .nav__list {
position: static;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 16px;
}
.nav--catalog .nav__item {
position: static;
color: #414047;
}
.nav--catalog .nav__item:not(:last-child) {
margin-bottom: 18px;
}
.nav--catalog .nav__link {
font-size: 20px;
}
.nav--catalog .nav__link::before {
content: "";
position: absolute;
inset: -5px -35px -5px -5px;
}
.mobile-menu {
position: fixed;
z-index: 130;
inset: 0;
max-height: 100vh;
visibility: hidden;
}
.mobile-menu__overlay {
position: absolute;
inset: 0;
background-color: rgba(100, 98, 112, 0.7);
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.6s ease;
-o-transition: 0.6s ease;
transition: 0.6s ease;
}
.mobile-menu__content {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
max-width: 540px;
height: 100vh;
margin-left: auto;
padding-top: 26px;
padding-bottom: 48px;
background-color: #ffffff;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
.mobile-menu__content > * {
padding-right: 20px;
padding-left: 32px;
}
.mobile-menu__content nav {
padding-bottom: 24px;
}
.mobile-menu__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 24px;
border-bottom: 1px solid #cbcbcb;
}
.mobile-menu__action .hamburger {
margin-left: auto;
}
.mobile-menu .lang__dropdown {
top: initial;
right: 0;
bottom: calc(100% + 16px);
left: initial;
}
.mobile-menu__wrapper {
position: relative;
overflow: hidden;
margin-bottom: 12px;
padding-top: 24px;
}
.mobile-menu__wrapper::before, .mobile-menu__wrapper::after {
content: "";
position: absolute;
z-index: -1;
left: 0;
width: 100%;
height: 12px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.mobile-menu__wrapper::before {
bottom: 0;
background: -o-linear-gradient(bottom, rgba(203, 203, 203, 0.6) 0%, rgba(203, 203, 203, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(203, 203, 203, 0.6)), to(rgba(203, 203, 203, 0)));
background: linear-gradient(0deg, rgba(203, 203, 203, 0.6) 0%, rgba(203, 203, 203, 0) 100%);
}
.mobile-menu__wrapper::after {
top: 0;
background: -o-linear-gradient(top, rgba(203, 203, 203, 0.6) 0%, rgba(203, 203, 203, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(203, 203, 203, 0.6)), to(rgba(203, 203, 203, 0)));
background: linear-gradient(180deg, rgba(203, 203, 203, 0.6) 0%, rgba(203, 203, 203, 0) 100%);
}
.mobile-menu__wrapper nav {
overflow: auto;
max-height: 100%;
-ms-overflow-style: none;
scrollbar-width: none;
}
.mobile-menu__wrapper nav::-webkit-scrollbar {
display: none;
}
.mobile-menu__wrapper--scrollable::before, .mobile-menu__wrapper--scrollable::after {
opacity: 1;
visibility: visible;
}
.mobile-menu__params {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.mobile-menu--open {
visibility: visible;
}
.mobile-menu--open .mobile-menu__overlay {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mobile-menu--open .mobile-menu__content {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.application-section--new::before {
background: #f3f3f3;
}
.application-section--new .application-form {
margin: 0 auto;
}
.application-section--new .application-section__title {
max-width: 80%;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
color: #ff6b00;
text-align: center;
}
.application-section--new .application-form .btn-2 {
background-color: #ff6b00;
}
.callback-form {
padding: 60px 0;
text-align: center;
}
.callback-form .section-title {
margin-bottom: 24px;
}
.callback-form__text {
margin-bottom: 32px;
line-height: 1.35;
}
.callback-form__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 640px;
margin: 0 auto;
}
.callback-form__action > * {
height: 48px;
}
.callback-form__action .input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.callback-form__action .input__field {
border-color: #cbcbcb;
border-right-width: 0;
}
.callback-form__action .input__field::-webkit-input-placeholder {
color: #919191;
}
.callback-form__action .input__field::-moz-placeholder {
color: #919191;
}
.callback-form__action .input__field:-ms-input-placeholder {
color: #919191;
}
.callback-form__action .input__field::-ms-input-placeholder {
color: #919191;
}
.callback-form__action .input__field::placeholder {
color: #919191;
}
.callback-form__action button {
width: auto;
margin: 0;
padding-right: 40px;
padding-left: 40px;
background-color: #ff6b00;
}
.callback-consultation {
margin-top: 60px;
margin-bottom: 40px;
padding: 60px 0;
background-color: #f5f5f5;
background-image: url("data:image/svg+xml,%3Csvg width='626' height='485' viewBox='0 0 626 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M284.733 484.945H340.57V430.848C340.57 415.189 344.865 400.241 353.455 387.429L312.651 346.856L271.848 387.429C280.438 400.241 284.733 415.189 284.733 430.848V484.945Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M615.459 302.014L510.228 196.669C497.343 183.856 476.583 183.856 463.698 196.669L396.407 263.577L435.779 302.726L475.151 263.577C481.594 257.171 491.616 257.171 498.059 263.577L548.169 313.403C554.611 319.809 554.611 329.774 548.169 336.18L498.059 386.006C491.616 392.412 481.594 392.412 475.151 386.006L374.216 285.643L334.844 324.792L463.698 452.915C476.583 465.727 497.343 465.727 510.228 452.915L615.459 348.281C628.345 335.469 628.345 314.827 615.459 302.014Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M10.5234 348.28L21.2613 358.957L105.016 442.237L115.754 452.914C128.64 465.726 149.399 465.726 162.285 452.914L352.703 263.577L442.184 174.603C455.07 161.79 455.07 141.148 442.184 128.336L431.447 117.659L312.615 0.924805L183.761 129.048C170.875 141.86 170.875 162.502 183.761 175.314L194.498 185.991L251.051 242.223L290.423 203.074L251.051 163.926C244.608 157.52 244.608 147.554 251.051 141.148L301.161 91.3227C307.604 84.9165 317.626 84.9165 324.068 91.3227L374.178 141.148C380.621 147.554 380.621 157.52 374.178 163.926L251.767 285.642L150.115 386.005C143.673 392.412 133.651 392.412 127.208 386.005L77.098 336.18C70.6553 329.774 70.6553 319.809 77.098 313.402L127.208 263.577C133.651 257.171 143.673 257.171 150.115 263.577L189.487 302.726L228.859 263.577L172.307 207.345L161.569 196.668C148.684 183.856 127.924 183.856 115.038 196.668L10.5234 302.014C-2.36198 314.826 -2.36198 335.468 10.5234 348.28Z' fill='white' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
background-position: calc(50% + 600px) bottom;
background-size: 900px;
background-repeat: no-repeat;
}
.callback-consultation__wrapper {
max-width: 580px;
}
.callback-consultation__title {
margin-bottom: 20px;
font-weight: 400;
font-size: 48px;
}
.callback-consultation__text {
margin-bottom: 40px;
font-size: 24px;
}
.home-warranty {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
padding-top: 60px;
padding-bottom: 60px;
}
.home-warranty::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
margin-left: -50vw;
background-color: #f5f5f5;
}
.home-warranty .section-title {
text-align: left;
}
.home-warranty ol {
font-size: 24px;
}
.home-warranty ol li {
color: #414047;
text-transform: uppercase;
}
.home-warranty ol li:not(:last-child) {
margin-bottom: 40px;
}
.home-warranty ol li::before {
content: counter(num) ".";
margin-right: 8px;
color: #414047;
}
.home-warranty__media {
width: 100%;
aspect-ratio: 16/9;
}
.home-warranty__media iframe {
width: 100%;
height: 100%;
}
.home-warranty__label {
margin-top: 20px;
text-align: center;
}
.home-warranty__label p:first-child {
margin-bottom: 8px;
font-size: 28px;
}
#panels-page .panel-list__title {
font-size: 36px;
}
#panels-page .panel-list__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
#panels-page #panels-seo {
margin-top: 60px;
margin-bottom: 120px;
}
.doors-elite {
margin-top: 60px;
}
.doors-elite__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.doors-elite__title {
margin-top: 0 !important;
}
.doors-elite__picture {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 485px;
margin-top: -40px;
}
.doors-seo {
margin-top: 60px;
margin-bottom: 120px;
}
.article-content h1 {
margin-bottom: 50px;
font-size: 48px;
}
.article-content__date {
display: block;
margin-bottom: 32px;
padding-top: 20px;
border-top: 1px solid #646270;
color: #8b8a94;
font-weight: 300;
font-size: 20px;
}
.article-content__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.article-content__col > *:not(:last-child) {
margin-bottom: 80px;
}
.article-content__col > img {
padding: 0 50px;
}
.article-content__wrapper {
padding: 0 50px;
}
.article-content__wrapper [data-editor] img {
width: 100%;
}
.article-content__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.article-content__social .article-content__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.article-content__social .article-content__links a {
width: 32px;
height: 32px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.article-content__social .article-content__links a.ok {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H27C29.7614 0 32 2.23858 32 5V27C32 29.7614 29.7614 32 27 32H5C2.23858 32 0 29.7614 0 27V5Z' fill='%23FF8800'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8763 11.4703C20.8763 14.1395 18.7003 16.3155 16.0309 16.3155C13.3327 16.3155 11.1567 14.1395 11.1567 11.4703C11.1567 8.80101 13.3327 6.625 16.0309 6.625C18.7003 6.625 20.8763 8.80101 20.8763 11.4703ZM18.0329 11.4703C18.0329 10.3677 17.1335 9.46832 16.0309 9.46832C14.8995 9.46832 14 10.3677 14.0291 11.4703C14.0291 12.5728 14.9285 13.4721 16.0309 13.4721C17.1335 13.4721 18.0329 12.5728 18.0329 11.4703Z' fill='white'/%3E%3Cpath d='M20.7892 19.1299C19.9188 19.6811 18.9613 20.0583 17.9749 20.2904L20.7312 22.9596C21.2824 23.5109 21.2824 24.4103 20.7312 24.9616C20.18 25.5128 19.2805 25.5128 18.7293 24.9616L16.06 22.2923L13.3908 24.9616C13.1007 25.2227 12.7525 25.3677 12.3753 25.3677C11.9982 25.3677 11.65 25.2517 11.3599 24.9616C10.8086 24.4103 10.8086 23.5109 11.3599 22.9596L14.0581 20.2613C13.0716 20.0292 12.1142 19.6521 11.2438 19.1008C10.5765 18.6947 10.3734 17.8243 10.7506 17.1569C11.1858 16.4896 12.0562 16.3156 12.7235 16.7217C14.6964 17.9693 17.2785 17.9693 19.2515 16.7217C19.9188 16.2865 20.8183 16.4896 21.2244 17.1569C21.6596 17.8243 21.4565 18.7236 20.7892 19.1299Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-content__social .article-content__links a.vk {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H27C29.7614 0 32 2.23858 32 5V27C32 29.7614 29.7614 32 27 32H5C2.23858 32 0 29.7614 0 27V5Z' fill='%230077FF'/%3E%3Cpath d='M16.8891 22C10.0559 22 6.15984 17.1289 6 9.01041H9.43656C9.54645 14.964 12.0639 17.4828 14.0619 18.0032V9.01041H17.2887V14.1417C19.2567 13.9231 21.3347 11.5813 22.034 9H25.2507C24.9885 10.3362 24.4645 11.6017 23.7116 12.7174C22.9588 13.8331 21.9932 14.775 20.8751 15.4844C22.1228 16.1314 23.2247 17.0466 24.1081 18.1697C24.9914 19.2928 25.6363 20.5983 26 22H22.4535C21.6943 19.5332 19.7962 17.6181 17.2887 17.3579V22H16.8991H16.8891Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-content__social .article-content__links a.twitter {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z' fill='%231DA1F2'/%3E%3Cpath d='M24 11C23.4 11.3 22.8 11.4 22.1 11.5C22.8 11.1 23.3 10.5 23.5 9.7C22.9 10.1 22.2 10.3 21.4 10.5C20.8 9.9 19.9 9.5 19 9.5C16.9 9.5 15.3 11.5 15.8 13.5C13.1 13.4 10.7 12.1 9 10.1C8.1 11.6 8.6 13.5 10 14.5C9.5 14.5 9 14.3 8.5 14.1C8.5 15.6 9.6 17 11.1 17.4C10.6 17.5 10.1 17.6 9.6 17.5C10 18.8 11.2 19.8 12.7 19.8C11.5 20.7 9.7 21.2 8 21C9.5 21.9 11.2 22.5 13 22.5C19.1 22.5 22.5 17.4 22.3 12.7C23 12.3 23.6 11.7 24 11Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-content__social .article-content__links a.telegram {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z' fill='%230088CC'/%3E%3Cpath d='M8.09992 15.7083C12.3949 13.8371 15.2589 12.6034 16.6919 12.0074C20.7834 10.3056 21.6335 10.01 22.1877 10.0001C22.3095 9.99805 22.582 10.0283 22.7586 10.1715C22.9076 10.2924 22.9486 10.4558 22.9683 10.5705C22.9879 10.6851 23.0123 10.9464 22.9929 11.1505C22.7712 13.4801 21.8118 19.1335 21.3237 21.7427C21.1172 22.8468 20.7105 23.217 20.3168 23.2532C19.4613 23.3319 18.8116 22.6878 17.9829 22.1446C16.6862 21.2946 15.9537 20.7654 14.695 19.936C13.2404 18.9774 14.1834 18.4506 15.0124 17.5896C15.2293 17.3643 18.999 13.9355 19.0719 13.6244C19.0811 13.5855 19.0895 13.4405 19.0034 13.3639C18.9172 13.2874 18.7901 13.3136 18.6983 13.3344C18.5683 13.3639 16.4968 14.7331 12.4839 17.4419C11.8959 17.8457 11.3633 18.0424 10.8862 18.0321C10.3601 18.0207 9.34822 17.7346 8.59598 17.4901C7.67333 17.1902 6.94002 17.0316 7.00388 16.5223C7.03714 16.257 7.40248 15.9856 8.09992 15.7083Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-content__social .article-content__links a.whatsapp {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z' fill='%2325D366'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6 10.3C20.1 8.8 18.1 8 16 8C11.6 8 8 11.6 8 16C8 17.4 8.40001 18.8 9.10001 20L8 24L12.2 22.9C13.4 23.5 14.7 23.9 16 23.9C20.4 23.9 24 20.3 24 15.9C24 13.8 23.1 11.8 21.6 10.3ZM16 22.6C14.8 22.6 13.6 22.3 12.6 21.7L12.4 21.6L9.89999 22.3L10.6 19.9L10.4 19.6C9.69999 18.5 9.39999 17.3 9.39999 16.1C9.39999 12.5 12.4 9.5 16 9.5C17.8 9.5 19.4 10.2 20.7 11.4C22 12.7 22.6 14.3 22.6 16.1C22.6 19.6 19.7 22.6 16 22.6ZM19.6 17.6C19.4 17.5 18.4 17 18.2 17C18 16.9 17.9 16.9 17.8 17.1C17.7 17.3 17.3 17.7 17.2 17.9C17.1 18 17 18 16.8 18C16.6 17.9 16 17.7 15.2 17C14.6 16.5 14.2 15.8 14.1 15.6C14 15.4 14.1 15.3 14.2 15.2C14.3 15.1 14.4 15 14.5 14.9C14.6 14.8 14.6 14.7 14.7 14.6C14.8 14.5 14.7 14.4 14.7 14.3C14.7 14.2 14.3 13.2 14.1 12.8C14 12.5 13.8 12.5 13.7 12.5C13.6 12.5 13.5 12.5 13.3 12.5C13.2 12.5 13 12.5 12.8 12.7C12.6 12.9 12.1 13.4 12.1 14.4C12.1 15.4 12.8 16.3 12.9 16.5C13 16.6 14.3 18.7 16.3 19.5C18 20.2 18.3 20 18.7 20C19.1 20 19.9 19.5 20 19.1C20.2 18.6 20.2 18.2 20.1 18.2C20 17.7 19.8 17.7 19.6 17.6Z' fill='white'/%3E%3C/svg%3E%0A");
}
#panel-single section:not(:last-child) {
margin-bottom: 60px;
}
#panel-single .panel-content {
display: grid;
grid-template-columns: 610px 1fr;
gap: 60px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
#panel-single .panel-content__title {
margin-top: 0;
margin-bottom: 30px;
font-size: 36px;
}
#panel-single .panel-content__gallery {
min-width: 0;
}
#panel-single .panel-content__gallery > * {
position: relative;
}
#panel-single .panel-content__main-g {
margin-bottom: 20px;
}
#panel-single .panel-content__main-g .panel-content__picture {
min-height: 420px;
}
#panel-single .panel-content__thumb-g {
width: 90%;
margin: 0 auto;
}
#panel-single .panel-content__picture {
width: 100%;
aspect-ratio: 16/11;
cursor: pointer;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
#panel-single .panel-content__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 420px;
}
#panel-single .panel-content__text {
margin-bottom: 24px;
}
#panel-single .panel-content__action {
margin-top: auto;
}
#panel-single .panel-content__price {
margin-bottom: 20px;
font-weight: 700;
font-size: 30px;
}
#panel-single .panel-other .section__header {
margin-bottom: 32px;
}
#panel-single .panel-other .section__title {
font-size: 36px;
}
#panel-single .panel-other .swiper-controls > * {
margin-top: -20px;
}
#panel-single .panel-other__content {
position: relative;
}
#panel-single .panel-seo__text {
font-size: 14px;
}
.card-panel {
position: relative;
}
.card-panel > p {
padding: 18px;
text-align: center;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.card-panel__image {
overflow: hidden;
}
.card-panel__image img {
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
}
.card-panel__text {
margin-top: 60px;
font-size: 20px;
}
@media (min-width: 1341px){
.fancybox-button.fancybox-button--close {
top: 30px;
right: 30px;
padding: 15px;
color: #fff;
width: 60px;
height: 60px;
}
.fancybox-button.fancybox-button--close:hover {
background: #ff6b00;
}
.fancybox-navigation button.fancybox-button {
padding: 0;
width: 60px;
height: 60px;
color: #fff;
}
.fancybox-navigation button.fancybox-button:hover {
color: #fff;
background: #ff6b00;
}
.fancybox-navigation button.fancybox-button div {
padding: 15px;
}
.fancybox-navigation button.fancybox-button--arrow_left {
left: 30px;
}
.fancybox-navigation button.fancybox-button--arrow_right {
right: 30px;
}
.fancybox-show-infobar .fancybox-infobar {
top: 60px;
left: 30px;
font-family: "Circe", sans-serif;
font-size: 24px;
color: #414047;
}
}
@media (min-width: 1200px) and (min-resolution: 1.24dppx) and (max-resolution: 1.66dppx) {
.container {
max-width: 95%;
}
.container--wide {
max-width: 1864px;
}
}
@media (min-width: 1200px) and (min-resolution: 1.67dppx) {
.container {
max-width: 98.5%;
}
.container--wide {
max-width: 1864px;
}
}
@media (max-width: 1680px){
.main-slider__arrows {
display: none;
}
.catalog-slider {
padding: 0 60px;
}
.catalog-slider--2 {
padding: 0;
width: calc(100% + 40px);
}
.catalog-slider--2 .catalog-slider__arrows {
top: 145px;
}
.catalog-slider--2 .catalog-slider__arrows span {
width: 30px;
height: 30px;
border: 0;
z-index: 1;
}
.catalog-slider--2 .catalog-slider__arrows span:first-child {
left: -35px;
}
.catalog-slider--2 .catalog-slider__arrows span:first-child:before {
top: -145px;
right: -35px;
}
.catalog-slider--2 .catalog-slider__arrows span:last-child {
right: 0;
}
.catalog-slider--2 .catalog-slider__arrows span:last-child svg {
position: relative;
z-index: 2;
}
.catalog-slider--2 .catalog-slider__arrows span:last-child:after {
top: -145px;
left: 0;
}
.catalog-slider__arrows span:first-child {
left: -20px;
}
.catalog-slider__arrows span:last-child {
right: -20px;
}
.cart .remove {
right: -20px;
}
.content-slider__arrows {
display: none;
}
.content-slider__thumbs {
padding: 0 45px;
}
.content-slider__thumbs-arr {
display: block;
}
.content-slider--news .content-slider__thumbs {
padding: 0;
}
}
@media (max-width: 1500px){
.card.card__img--small img {
width: 100%;
max-height: initial;
height: auto;
}
.container,
.header .menu .menu-cat-item > .submenu {
padding-left: 40px;
padding-right: 40px;
}
.header .menu > ul {
margin: 0 -5px;
}
.header .menu > ul > li {
margin: 0 5px;
}
.header__top nav ul {
margin: 0 -5px;
}
.header__top nav li {
margin: 0 5px;
}
.header .callback-btn {
margin-left: 20px;
}
.header__bottom {
position: relative;
}
.header__bottom .logo {
top: 0;
}
.header__bottom-line--1 {
margin-bottom: 30px;
}
.header__bottom.fixed .user-area {
position: static;
}
.header__bottom.fixed .fixed-box {
margin-left: 20px;
}
.container,
.header .menu .menu-cat-item > .submenu {
padding-left: 15px;
padding-right: 15px;
}
.title-area-solution__bg {
min-width: 15px;
}
.subscribe .container {
padding: 0;
}
.header .menu .menu-cat-item > .submenu > ul {
width: 310px;
}
.header .menu .menu-cat-item > .submenu .submenu {
width: calc(100% - 384px);
}
.property {
padding-left: 0;
}
.property__block--1 {
margin-left: auto;
}
.property .input-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.property .input-wrap > div {
margin-bottom: 10px;
}
.main--about .advantages__list {
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main--about .advantages__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
}
.main--about .advantages__item p {
margin: -5px 0 0;
}
.main--about .advantages__item:nth-child(3),
.main--about .advantages__item:nth-child(4) {
margin-top: 40px;
}
.vertical-slider {
padding-right: 80px;
height: 465px;
}
.vertical-slider__row,
.vertical-slider__main-list,
.vertical-slider__main .slick-list,
.vertical-slider__main .slick-track,
.vertical-slider__main .slick-slide {
height: 100%;
}
.vertical-slider__main {
width: calc(100% - 405px);
}
.vertical-slider__thumbs {
width: 385px;
}
.vertical-slider__thumbs .slick-slide {
height: 222.5px;
}
.vertical-slider__arrows {
right: 0;
}
.main--stocks .card {
width: calc(25% - 20px);
}
.nav--header span,
.nav--header a {
font-size: 16px;
}
}
@media (max-width: 1440px){
.recommendations .card:nth-child(n+6) {
display: none;
}
.recommendations .card {
width: calc(20% - 20px);
}
.main-wrap .card,
.main-wrap .products__more {
width: calc(25% - 20px);
}
.single-product-kit .property {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-product-kit .composition-kit-btn {
margin-bottom: 35px;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-product-kit .product .property__block--1 {
margin: 0 105px 0 auto;
}
.tabs--contacts .tabs__nav,
.tabs--orders .tabs__nav {
width: calc(100% - 440px);
}
.tabs--contacts .tabs__nav-item:nth-child(2),
.tabs--orders .tabs__nav-item:nth-child(2) {
padding: 0 40px;
}
.tabs--contacts .tabs__content-item--loc .contacts-box--1,
.tabs--orders .tabs__content-item--loc .contacts-box--1 {
width: calc(100% - 440px);
}
.tabs--contacts .tabs__content-item--loc .contacts-box--2,
.tabs--orders .tabs__content-item--loc .contacts-box--2 {
width: 420px;
}
.totals-box {
width: 450px;
}
.checkout .delivery > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.delivery__point,
.delivery__pickup {
margin-top: 30px;
}
.content-slider__row > div:first-child {
width: 560px;
}
.content-slider__row > div:last-child {
padding: 20px;
width: calc(100% - 580px);
}
.page--account .tabs--orders .tabs__nav-inner {
padding-bottom: 10px;
}
.page--account .tabs--orders .tabs__nav {
width: 100%;
}
.page--account .tabs--orders .tabs__nav-item:before {
bottom: -8px;
}
.page--account .tabs--orders .tabs__nav li:nth-child(2) {
margin: 0 40px;
}
.header__bottom.fixed .menu > ul > li:not(.menu-cat-item) {
display: none;
}
}
@media (max-width: 1400px){
.doors-elite__wrapper {
display: block;
}
.doors-elite__title {
margin-bottom: 40px !important;
font-size: 36px !important;
line-height: 1 !important;
}
.doors-elite__picture {
float: right;
width: 400px;
margin-top: 0;
margin-left: 20px;
}
#panel-single .panel-content {
grid-template-columns: 540px 1fr;
}
#panel-single .panel-content__main-g .panel-content__picture {
min-height: initial;
}
}
@media (max-width: 1340px){
.logo__big {
max-width: 100px;
}
.logo__big svg {
max-width: 100%;
}
.header__contacts div {
font-size: 14px;
}
.header__bottom.fixed .menu > ul > li:last-child {
display: block;
}
.header .menu-cat-item {
margin-top: 4px;
}
.header .menu-cat-item > .submenu .submenu a {
font-size: 13px;
}
.subscribe input[type=email] {
width: 300px;
}
.footer__top {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__menu {
margin-right: 10px;
}
.product .desktop {
display: none;
}
.product .mobile {
display: block;
}
.product .table th .inner-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.product .table th .inner-cell .qmark {
margin: 0 0 5px;
}
.recommendations .card:nth-child(n+5) {
display: none;
}
.main .recommendations .card {
width: calc(25% - 20px);
}
.text-box--cols img {
max-width: 450px;
}
.application-section .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.application-section__title {
margin: 0 0 40px;
}
.application-form {
padding: 20px 40px;
max-width: none;
}
.subscribe .container {
display: block;
}
.subscribe form {
margin-top: 30px;
}
[data-editor] {
font-size: 18px;
}
[data-editor] h2 {
font-size: 24px;
}
.logo--header {
width: 90px;
}
.header__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.header__top {
margin-bottom: 0;
}
.header__callback {
display: none;
}
.header__action {
margin-left: auto;
}
.header__mobile {
display: block;
}
.header__nav {
display: none;
}
.home-warranty ol {
font-size: 20px;
}
.home-warranty ol li:not(:last-child) {
margin-bottom: 24px;
}
.article-content h1 {
margin-bottom: 32px;
font-size: 40px;
}
.article-content__col {
padding: 0 24px;
}
.article-content__col > *:not(:last-child) {
margin-bottom: 60px;
}
.article-content__col > img {
padding: 0 24px;
}
.article-content__wrapper {
padding: 0;
}
}
@media (max-width: 1280px){
.fancybox-content {
max-width: none !important;
}
.product .col--left {
margin-right: 10px;
width: 400px;
}
.product .col--right {
width: calc(100% - 410px);
}
.property__block {
margin: 0 auto;
}
.card,
.products .card,
.main-wrap .products .products__more {
width: calc(33.3333333333% - 20px);
}
.card.card__img--high {
width: calc(33.3333333333% - 20px);
}
.main-wrap .products__more {
/*right: 30px !important;*/
/*bottom: 35px !important;*/
/*height: 50px !important;*/
/*width: 200px !important;*/
font-size: 20px;
line-height: 22px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-wrap .products__more svg {
position: absolute;
top: 12px;
right: 21px;
width: 40px;
}
.post-box__img {
width: 500px;
}
.main--sidebar {
padding: 20px 0 60px;
}
.main--sidebar .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main--sidebar .sidebar {
margin: 0 0 40px;
padding: 10px 10px 10px 30px;
width: 100%;
border: 1px solid #cbcbcb;
}
.main--sidebar .sidebar.show .sidebar__title svg {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.main--sidebar .sidebar__title {
display: block;
}
.main--sidebar .sidebar__title svg {
-webkit-transition: -webkit-transform 0.3s eas;
transition: -webkit-transform 0.3s eas;
-o-transition: transform 0.3s eas;
transition: transform 0.3s eas;
transition: transform 0.3s eas, -webkit-transform 0.3s eas;
}
.main--sidebar .sidebar ul {
display: none;
margin: 0;
}
.main--sidebar .sidebar li br {
display: none;
}
.main--sidebar .content {
width: 100%;
}
.tabs--contacts .tabs__nav,
.tabs--orders .tabs__nav {
width: calc(100% - 360px);
}
.tabs--contacts .tabs__content-item--loc .contacts-box--1,
.tabs--orders .tabs__content-item--loc .contacts-box--1 {
width: calc(100% - 360px);
}
.tabs--contacts .tabs__content-item--loc .contacts-box--2,
.tabs--orders .tabs__content-item--loc .contacts-box--2 {
width: 340px;
}
.page-title {
margin: 20px 0 20px;
}
.catalog-box__item {
width: calc(20% - 20px);
}
.page--account .main--sidebar {
margin-right: 0;
padding: 20px 0 100px;
}
.page--account .main--sidebar .sidebar {
margin-bottom: 60px;
}
.page--account .main--sidebar .sidebar ul {
margin-top: 20px;
}
.page--account .main--sidebar .content {
width: 100%;
}
.page--account .card {
max-width: none;
}
.timeline__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 20px;
}
.timeline__item {
margin: 0 10px 20px 10px;
}
.footer__menu {
width: auto;
}
.menu ul li:nth-child(5) {
display: none;
}
}
@media (max-width: 1170px){
.main-slider__item .container > .title-area__content.title-area__content-solution.doors-main {
max-width: 70%;
}
}
@media (max-width: 1160px){
.checkout .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.steps {
width: 100%;
}
.step {
margin-bottom: 60px;
}
.checkout .totals-box {
margin: 0;
padding: 0 0 120px;
width: 100%;
}
.checkout .total-sum {
margin-top: 0;
}
.checkout .step--1 .tabs__nav li {
width: 50%;
max-width: 335px;
}
.checkout .contacts-info label {
width: 175px;
font-size: 18px;
font-weight: 400;
}
.upload-file,
.chosen-container,
.checkout .contacts-info__phone > div,
.checkout .contacts-info input {
width: calc(100% - 175px) !important;
font-size: 18px;
}
.checkout .contacts-info__phone input,
.checkout .upload-file label {
width: 100% !important;
}
.chosen-container a.chosen-single span {
font-size: 18px;
}
.checkout .delivery > div {
padding: 20px 40px 15px 30px;
}
.checkout .delivery__point {
max-width: 355px;
}
.checkout .delivery__pickup .input-radio label {
padding: 13px 25px;
white-space: nowrap;
}
.checkout .delivery > div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.checkout .delivery__point-line-courier .fields-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.checkout .delivery__point-line-courier .fields-group .input-text {
margin-bottom: 20px;
}
.checkout .delivery__point-line-courier .fields-group .input-text:last-child {
margin-bottom: 0;
}
.steps-status {
display: none;
}
.delivery__point,
.delivery__pickup {
margin-top: 0;
}
.subscribe form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.subscribe input[type=email] {
width: 100%;
margin: 0 0 20px;
}
}
@media (max-width: 1140px){
.main--catalog .home-products__box .home-products__full {
min-height: 350px;
}
.home-products__box .home-products__full .home-products__img {
background-size: cover;
}
}
@media (max-width: 1100px){
#panel-single .panel-content {
grid-template-columns: 420px 1fr;
}
}
@media (max-width: 1024px){
.contacts-box__wrap {
display: block;
}
.home-products__imgs {
min-height: auto;
max-height: 226px;
}
.contacts-box__wrap:nth-child(2) .contacts-box--1 {
margin-top: 25px;
}
.section-title {
margin-bottom: 20px;
}
.home-products {
padding: 70px 0 60px;
}
.home-products__box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-products__box--2 {
margin: 60px 0 0;
}
.home-products__box--2 div {
margin: 0;
width: 100%;
}
.home-products__box--2 div:first-child {
margin-bottom: 50px;
}
.home-products__box a {
padding: 40px 30px 30px 30px;
min-height: 462px;
background-size: contain;
width: calc(50% - 20px);
margin-bottom: 10px;
}
.home-products__box--1.home-products__box a {
padding: 40px 30px 30px 30px;
}
.home-products__box a p,
.home-products__box a h2 {
max-width: 395px;
}
.home-products__box--1.home-products__box a p {
max-width: 100%;
}
.home-products__box--1.home-products__box a {
min-height: 462px;
}
.home-products__box a .home-products__img {
background-position: right bottom !important;
}
/*.home-products__box a:nth-child(1) .home-products__img {
background-image: url("/HTML/assets/img/prod-bg-1.png") !important;
}
.home-products__box a:nth-child(2) .home-products__img {
background-image: url("/HTML/assets/img/prod-bg-2.png") !important;
}
.home-products__box a:nth-child(3) .home-products__img {
background-image: url("/HTML/assets/img/prod-bg-3.png") !important;
}*/
.home-products__img {
background-size: contain;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.main--catalog .home-products__box {
margin: -10px 0;
}
.main--catalog .home-products__box a {
margin: 10px 0;
width: 100%;
}
.video {
margin-left: -40px;
width: calc(100% + 80px);
}
.video__poster {
height: 260px;
}
.advantages {
padding: 60px 0;
}
.advantages .section-title {
margin-bottom: 40px;
}
.advantages__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px 0;
padding: 0 40px;
}
.advantages__item {
margin: 20px 0;
width: 50%;
max-width: none;
}
.catalog__list {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 240px);
grid-template-areas: "item1 item1" "item4 item2" "item4 item5" "item7 item7" "item6 item3" "item8 item3";
width: 100%;
}
.catalog .catalog__item {
padding: 20px;
}
.catalog .catalog__item div:first-child {
background-size: contain;
}
.catalog .catalog__item:hover div:first-child {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.usage {
padding: 60px 0;
}
.usage__list {
margin: -1px;
}
.usage__item {
margin: 1px;
width: calc(50% - 2px);
}
.usage__item-img:after {
bottom: 0;
}
.usage__item-title {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
padding: 0 5px;
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
}
.usage__item-cat {
display: none;
}
.usage .more-btn {
margin-top: 20px;
display: inline-block;
}
.home-collections {
padding-bottom: 60px;
}
.home-collections .usage__item:nth-child(n+5) {
display: none;
}
.home-collections .more-btn {
margin-top: 20px;
}
.news {
padding-bottom: 60px;
}
.news__list {
margin-bottom: 35px;
}
.news__item {
width: calc(50% - 20px);
}
.news__item-title {
padding-top: 15px;
}
.news__item:last-child {
display: none;
}
.subscribe {
padding: 20px 40px;
}
.subscribe .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.subscribe form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.subscribe form input[type=email] {
margin: 20px 0;
width: 100%;
}
.subscribe form div {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.subscribe form button {
max-width: 275px;
}
.footer__top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.footer__menu-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.footer__menu--2 {
max-width: 185px;
}
.footer__menu--4 {
margin-top: auto;
}
.footer__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px 0 0;
width: 100%;
}
.footer__contacts div:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__contacts div:last-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__contacts p {
text-align: left;
}
.footer__bottom {
display: block;
padding: 0 0 10px;
border: 0;
}
.footer__social {
position: static;
margin: 0 -7px 40px;
padding: 0;
width: 100%;
background: transparent;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.page h1 {
margin-bottom: 5px;
}
.post-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 55px;
}
.post-box__img {
padding: 0;
width: 100%;
max-width: none;
}
.post-box__img img {
margin: 0 auto;
}
.post-box--items {
margin: 0 -10px;
padding: 0 0 40px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.text-box--heading h1.text-box__title {
margin-top: 40px;
}
.page-contacts h1 {
margin-bottom: 15px;
}
.tabs--contacts .tabs__nav,
.tabs--orders .tabs__nav {
margin-right: 0;
width: 100%;
}
.tabs--contacts .tabs__content-item--loc,
.tabs--orders .tabs__content-item--loc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs--contacts .tabs__content-item--loc .contacts-box--1,
.tabs--orders .tabs__content-item--loc .contacts-box--1 {
padding: 17px 0 0;
}
.tabs--contacts .tabs__content-item--loc .contacts-box__title br,
.tabs--orders .tabs__content-item--loc .contacts-box__title br {
display: block;
}
.tabs--contacts .tabs__content-item--loc .contacts-box--1,
.tabs--orders .tabs__content-item--loc .contacts-box--1 {
margin-right: 0;
width: 100%;
}
.tabs--contacts .tabs__content-item--loc .contacts-box__slider,
.tabs--orders .tabs__content-item--loc .contacts-box__slider {
margin: 0 auto 40px;
width: 100%;
max-width: 768px;
}
.tabs--contacts .tabs__content-item--loc .contacts-box__map,
.tabs--orders .tabs__content-item--loc .contacts-box__map {
margin-top: 0;
margin-left: -40px;
width: calc(100% + 80px);
height: 468px;
}
.tabs--contacts .tabs__content-item--loc .contacts-box--2,
.tabs--orders .tabs__content-item--loc .contacts-box--2 {
margin: 0 auto;
padding: 20px 0 0;
width: 100%;
}
.section-box__item {
width: calc(33.3333333333% - 20px);
}
.main--manufacture .video {
margin-top: 40px;
}
.main--manufacture .usage {
padding-bottom: 60px;
}
.main--manufacture .usage__item {
width: calc(50% - 20px);
}
.content-slider__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-slider__row > div:first-child {
width: 100%;
}
.content-slider__row > div:last-child {
margin: 20px 0 0 -40px;
padding: 60px 85px;
width: calc(100% + 80px);
}
.content-slider__dots {
display: none;
}
.content-slider--news .content-slider__dots {
display: block;
}
.page .content-slider {
margin: 0 0 40px;
}
.page .main--manufacture .content-slider {
margin: 60px 0;
}
.main--application .text-box h1.text-box__title {
margin: 40px 0 20px;
}
.main--application .block-cols {
margin: 0 -45px 40px;
width: calc(100% + 90px);
}
.main--application .block-cols > * {
margin: 0 5px;
width: calc(33.3333333333% + 10px);
}
.page .main--subcatalog h1 {
margin-bottom: 40px;
}
.catalog-box {
margin-bottom: 60px;
}
.catalog-box__list {
margin: -20px -10px;
}
.catalog-box__item {
margin: 20px 10px;
width: calc(33.3333333333% - 20px);
}
.catalog-box__item-img {
height: 175px;
}
.main--stocks .card {
width: calc(33.3333333333% - 20px);
}
.home-products__box.home-products__box--1-5 a {
margin: 10px 0;
padding: 40px 30px 30px 60px;
width: 100%;
min-height: 230px;
background-size: contain;
}
.video--home .video__poster {
background-position: top center;
background-size: cover;
}
.usage__item-label {
margin-top: 16px;
font-size: 20px;
}
.usage__item-title {
display: block;
}
.usage__item-img::after {
display: none;
}
}
@media (max-width: 992px){
.header__bottom-line--1 {
margin-bottom: 20px;
}
.header__contacts div {
font-size: 14px;
}
.logo__big {
max-width: 80px;
width: 80px;
}
.menu ul li:nth-child(6) {
display: none;
}
.header .menu a {
font-size: 16px;
}
.header .user-area a.user-area__auth {
margin-left: 20px;
}
.header .user-area a.header__basket {
margin: 0 15px 0 20px;
}
.logo__big svg {
max-width: 100%;
}
.header__mobile-top .container,
.header__mobile-bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.header__mobile .user-area {
position: static;
}
.header__mobile .callback-btn {
margin-left: 0;
}
.header__mobile-bottom {
padding: 10px 0;
}
.header__mobile .menu-icon {
margin-right: 20px;
}
.header__mobile .menu-icon svg {
display: block;
}
.header__mobile .units {
margin: 0 20px 0 50px;
}
.header__mobile .currency {
margin: 0 20px 0 0;
}
.header__mobile .units,
.header__mobile .currency,
.header__mobile .lang {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
height: 25px;
color: #414047;
}
.header__mobile .units__placeholder:hover,
.header__mobile .currency__placeholder:hover,
.header__mobile .lang__placeholder:hover {
background: transparent;
}
.header__mobile .units path,
.header__mobile .currency path,
.header__mobile .lang path {
fill: #414047;
}
.header__mobile .units__placeholder,
.header__mobile .currency__placeholder,
.header__mobile .lang__placeholder {
height: 25px;
background: transparent;
line-height: 25px;
}
.header__mobile .units.active .units__placeholder,
.header__mobile .units.active .currency__placeholder,
.header__mobile .units.active .lang__placeholder,
.header__mobile .currency.active .units__placeholder,
.header__mobile .currency.active .currency__placeholder,
.header__mobile .currency.active .lang__placeholder,
.header__mobile .lang.active .units__placeholder,
.header__mobile .lang.active .currency__placeholder,
.header__mobile .lang.active .lang__placeholder {
background: transparent;
}
.header__mobile .units.active li,
.header__mobile .currency.active li,
.header__mobile .lang.active li {
color: #fff;
background: rgba(65, 64, 71, 0.5);
}
.header__mobile .units.active li.current,
.header__mobile .currency.active li.current,
.header__mobile .lang.active li.current {
color: #ff6b00;
}
.header__mobile .units ul,
.header__mobile .currency ul,
.header__mobile .lang ul {
width: 100%;
}
.header__mobile .units ul li,
.header__mobile .currency ul li,
.header__mobile .lang ul li {
background: rgba(65, 64, 71, 0.5);
}
.single-product-kit .product .property__block--1 {
margin: 0 105px 0 auto;
}
.product {
margin-top: 30px;
}
.product .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product .col--left {
margin: 0 0 40px;
width: 100%;
}
.product .col--right {
width: 100%;
}
.product .property__block--1 {
margin: 0;
}
.product .property__block--2 {
margin-left: 65px;
}
.product__line .share-box .share-box__list,
.product .quantity .share-box.active .share-box__list {
top: initial;
right: -13px;
bottom: calc(100% - 35px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 52px;
height: 185px;
background: #fff;
border-color: #cbcbcb;
}
.product__line .share-box .share-box__list {
width: 50px;
height: 0;
-webkit-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.product__line .share-box .share-box__list div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50px;
height: 185px;
}
.product__line .share-box.active .share-box__list {
width: 50px;
height: 185px;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(1) {
width: 56%;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(2) {
width: 5%;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(3) {
width: 34%;
}
.product .table--3 thead tr:nth-child(1) th:nth-child(1) {
width: 78%;
}
.product .table--3 thead tr:nth-child(1) th:nth-child(2) {
width: 2%;
}
.product .table--3 thead tr:nth-child(1) th:nth-child(3) {
width: 20%;
}
.product .table--3 thead tr:nth-child(2) th:nth-last-child(1) {
width: 17%;
}
.product .table--2 thead tr:nth-child(2) th:nth-child(4) {
width: 17%;
}
.recommendations .section-title,
.description .section-title {
margin-bottom: 20px;
}
.card__btns .share-box {
margin: 0 10px 0 auto;
}
.recommendations .card:nth-child(n+4) {
display: none;
}
.main .recommendations .card {
width: calc(33.3333333333% - 20px);
}
.card__more {
padding: 7px 20px;
font-size: 12px;
}
.card__label span {
font-size: 14px;
}
.card__discount {
padding-left: 10px;
font-size: 18px;
}
.main-wrap .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-wrap h1 {
margin: 30px 0 20px;
}
.main-wrap .sidebar,
.main-wrap .main {
margin: 0;
width: 100%;
}
.main-wrap .sidebar {
margin-bottom: 0 !important;
padding: 60px 25px 20px 30px;
}
.main-wrap .sidebar.show {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 20;
}
.main-wrap .filter {
position: static;
}
.main-wrap .filter-icon {
display: block;
}
.main-wrap .filter__close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 16px;
height: 16px;
}
.main-wrap .filter__icon {
display: none;
}
.main-wrap .filter__title {
position: absolute;
margin-bottom: 23px;
padding: 0;
width: calc(100% - 65px);
font-size: 24px;
background: #ececec;
z-index: 2;
}
.main-wrap .filter__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 44px 40px 0 0;
width: 100%;
scrollbar-width: 9px;
scrollbar-color: #fff;
}
.main-wrap .filter__row::-webkit-scrollbar {
width: 9px;
background-color: #ececec;
}
.main-wrap .filter__row::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
border: 2px solid #dadada;
}
.main-wrap .filter__row::-webkit-scrollbar-thumb {
background-color: #cbcbcb;
border-radius: 10px;
}
.main-wrap .filter__col {
position: relative;
width: 50%;
}
.main-wrap .filter__col--1 {
padding-right: 30px;
}
.main-wrap .filter__col--2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 30px;
}
.main-wrap .filter__sort--price {
margin-bottom: 60px;
}
.main-wrap .filter__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: auto;
width: 100%;
}
.main-wrap .filter__btns button:first-child {
margin-bottom: 0;
}
.main-wrap .filter__btns button:last-child {
margin-left: 8px;
}
/*.main-wrap article.text-1,
.main-wrap article.text-2 {
display: none;
}*/
.main-wrap .pager {
margin-bottom: 50px;
}
.catalog-page .main-wrap main {
margin-bottom: 0;
}
article.text-2 {
margin-bottom: 60px;
}
.text-3 {
margin-bottom: 60px;
}
.catalog-collections .main-wrap article.text-1,
.catalog-collections .main-wrap article.text-2 {
display: block;
}
.catalog-collections .main-wrap article.text-1 {
position: relative;
margin-bottom: 70px;
}
.catalog-collections .main-wrap .filter-icon {
top: initial;
bottom: -40px;
}
.main-wrap .sidebar {
display: none;
}
.cart .table {
display: block;
}
.cart .table thead {
display: none;
}
.cart .table tbody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -27px 0 0;
}
.cart .table tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 27px 0 47px;
width: 100%;
border: 1px solid #cbcbcb;
}
.cart .table tbody td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100% !important;
border: 0;
}
.cart .table tbody .td {
padding: 0;
min-height: 80px;
}
.cart .table tbody .td > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart .table tbody .td__caption {
font-size: 16px;
font-weight: 400;
color: #414047;
background: #dadada;
}
.cart .table tbody .td__content {
width: calc(100% - 235px);
}
.cart .table tbody td + td {
border-top: 1px solid #cbcbcb;
}
.cart h1 {
margin-bottom: 10px;
font-size: 36px;
}
.cart .text-1 {
font-size: 16px;
}
.cart .coupon {
position: static;
margin-bottom: 30px;
}
.cart .coupon__text {
margin-bottom: 0;
}
.cart .coupon__form {
display: block;
margin: 40px 0 0;
}
.cart .coupon__form input {
width: calc(100% - 160px);
}
.cart .coupon__form button {
margin: 0 0 0 20px;
padding: 0;
width: 140px;
font-weight: 400;
text-align: center;
}
.cart-price {
max-width: 395px;
}
.cart-price div {
max-width: none;
}
.cart-btns {
max-width: 395px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
.cart-btn {
max-width: none;
}
.cart-btn.cart-btn--dark {
margin: 10px 0 0;
}
.cart .remove {
right: 20px;
bottom: -36px;
top: initial;
}
.section-page h1 {
margin-bottom: 10px;
}
.section-page .title-area {
padding-bottom: 60px;
}
.section-page .title-area__bg:before {
top: initial;
bottom: 0;
height: 290px;
background: -o-linear-gradient(bottom, #acaaa8 0%, rgba(172, 170, 168, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#acaaa8), to(rgba(172, 170, 168, 0)));
background: linear-gradient(0deg, #acaaa8 0%, rgba(172, 170, 168, 0) 100%);
}
.text-box__card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.text-box__card-content {
margin: 0;
}
.text-box__card-title {
margin: 40px 0 20px;
}
.subscribe .agreement span {
font-size: 14px;
}
.subscribe .agreement span br {
display: none;
}
.subscribe .agreement span:before {
top: -1px;
}
.subscribe .agreement span:after {
top: 2px;
}
.page .main--about .content-slider {
margin-bottom: 60px;
}
.text-box__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.text-box__col {
margin: 0 0 60px;
width: 100%;
}
.text-box__col:last-child {
margin: 0;
}
.text-box__col img {
margin: 0 auto;
}
.text-box--cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 60px;
}
.text-box--cols .alignright {
-webkit-box-ordinal-group: 101;
-ms-flex-order: 100;
order: 100;
margin: 60px 0 0;
float: none;
}
.text-box--cols img {
max-width: 100%;
}
.main--designers .text-box {
margin-bottom: 60px;
}
.main--designers .text-box__col img {
width: auto;
max-width: 100%;
float: none;
}
.main--designers .application-section__col {
margin: 0 0 60px;
}
.links-box__list {
margin: -30px 0;
}
.links-box__item {
margin: 30px 0;
width: 100%;
}
.links-box__item-img {
width: 216px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.links-box__item-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.main--recreation {
padding-bottom: 60px;
}
.vertical-slider {
padding-right: 0;
height: auto;
}
.vertical-slider__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vertical-slider__main {
margin-bottom: 20px;
width: 100%;
height: 465px;
}
.vertical-slider__thumbs {
position: relative;
margin: 0;
padding: 0 30px;
width: 100%;
max-width: none;
height: auto;
}
.vertical-slider__thumbs.no-transform {
padding: 0;
}
.vertical-slider__thumbs.no-transform .vertical-slider__thumbs-list {
margin: 0 -10px;
}
.vertical-slider__thumbs.no-transform .slick-track {
width: 100% !important;
}
.vertical-slider__thumbs .slick-track {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.vertical-slider__thumbs-list.no-transform .slick-track {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.vertical-slider__thumbs-list.no-transform .slick-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.vertical-slider__thumbs-list.no-transform .slick-slide {
margin: 0;
padding: 0 10px;
width: 25% !important;
}
.vertical-slider__thumbs .slick-slide {
margin: 0 10px;
width: calc(25% - 20px);
height: 140px;
}
.vertical-slider__thumbs-arr {
display: block;
}
.vertical-slider__arrows {
display: none;
}
.page--account .card {
width: calc(33.3333333333% - 20px);
}
.orders__item-col:first-child {
width: 230px;
}
.orders__item-col:last-child {
width: calc(100% - 250px);
max-width: none;
}
.page .single-ideas h1 {
margin: 45px 0 20px;
}
.home-warranty {
grid-template-columns: 1fr;
}
.home-warranty__text {
display: none;
}
}
@media (max-width: 991px){
.error__img {
max-width: 390px;
}
.subscribe form div {
display: block;
}
.subscribe button {
margin-left: 0;
}
.form-row.form-row-subscribe {
margin: 20px 0 20px 0 !important;
}
.order-pay-container {
max-width: 100%;
}
.filter-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__sub {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__sub .created {
margin: 0;
}
.catalog-box {
margin-bottom: 0;
}
.bottom__cookie-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.btn-2 {
margin: auto auto 10px;
}
.footer__sub-wrap {
display: block;
}
.footer__sub-link {
margin-left: 0;
margin-top: 8px;
}
.cookie_text span {
display: none;
}
}
@media (max-width: 890px){
.title-area__content-solution {
margin-top: 360px;
}
.title-area-solution__bg {
top: 380px;
}
.page .title-area .title-area__content.title-area__content-solution.doors .title-area__title {
margin: 0;
font-size: 60px;
font-weight: 400;
line-height: 60px;
}
.page .title-area .title-area__content.title-area__content-solution.doors-main .title-area__title {
margin: 0;
font-size: 48px;
font-weight: 400;
line-height: 48px;
}
.main-slider__item .container > .title-area__content.title-area__content-solution.doors-main {
max-width: 70%;
}
}
@media (max-width: 800px){
.main-slider__item-img {
background-position-x: right;
}
.btn-up {
bottom: 110px;
right: 22px;
width: 42px;
height: 42px;
}
.catalog-zakaz-line {
margin-top: 18px;
font-size: 16px;
}
.main-slider__item {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.main-slider__item-title {
margin: 0 !important;
font-size: 32px;
}
.main-slider__item-title br {
display: none;
}
.main-slider__item-text {
margin: 0 !important;
}
.main-slider .more-btn {
font-size: 18px;
margin: 0 !important;
}
.main-slider__item .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
}
.doors-page .main-slider {
height: 320px;
margin-bottom: 24px !important;
}
.whatsapp-button {
right: 12px;
bottom: 24px;
}
.callback-consultation {
padding: 32px 0;
}
.callback-consultation__wrapper {
max-width: 100%;
}
.callback-consultation__title {
font-size: 32px;
}
.callback-consultation__text {
font-size: 18px;
}
#panels-page .panel-list__title {
font-size: 28px;
}
#panels-page #panels-seo {
margin-top: 40px;
margin-bottom: 80px;
}
.doors-elite__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 24px;
}
.doors-elite__picture {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.doors-seo {
margin-top: 40px;
margin-bottom: 80px;
}
#panel-single section:not(:last-child) {
margin-bottom: 40px;
}
#panel-single .panel-content {
grid-template-columns: 1fr;
gap: 32px;
}
#panel-single .panel-content__title {
margin-bottom: 18px;
font-size: 28px;
}
#panel-single .panel-content__main-g {
margin-bottom: 12px;
}
#panel-single .panel-content__price {
margin-bottom: 12px;
font-size: 20px;
}
#panel-single .panel-other .section__title {
margin-bottom: 18px;
font-size: 28px;
}
.card-panel > p {
font-size: 16px;
}
.card-panel__text {
margin-top: 32px;
font-size: 16px;
}
}
@media (max-width: 768px){
.header__mobile-top.fixed-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
min-width: 0 !important;
}
.header__mobile-bottom {
background: #fff;
}
.header .user-area a.user-area__auth {
margin-top: 0 !important;
}
.text-box__col {
margin: 0 0 35px;
}
.page .main--about .content-slider {
margin-bottom: 0;
}
h2 {
font-size: 32px;
}
.header__mobile {
display: block;
}
.header .user-area {
top: 0;
margin: 0 15px 0 auto;
right: 15px;
}
.user-area a:nth-child(2) {
margin: 0 40px;
}
.main-slider {
height: 774px;
}
.main-slider__item {
padding-top: 60px;
}
.header .mobile-nav__top .user-area {
right: auto;
left: 30px;
}
.main-slider__item-text br {
display: none;
}
.main-slider__item .container > div {
max-width: 60%;
}
.desktop {
display: none;
}
.tablet {
display: block;
}
.home-products__box a:last-child .home-products__img {
background-position: calc(100% + 30px) bottom;
}
.video__btn svg {
width: 40px;
height: 40px;
}
.product__slider-thumb {
padding: 0 46px;
}
.product__slider-thumb .slick-slide {
height: 150px;
}
.product__slider .slider-thumb-arr {
left: 10px;
width: calc(100% - 20px);
}
.page .news__list {
margin-top: -20px;
margin-bottom: -20px;
}
.page .news__item {
margin-top: 20px;
margin-bottom: 20px;
}
.main--sidebar .video {
margin-bottom: 40px;
}
.main--sidebar .info-box {
padding: 40px;
}
.main--sidebar .info-box__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main--sidebar .info-box__item {
margin-bottom: 40px !important;
width: 100%;
}
.main--sidebar .info-box__item-content {
max-width: none;
}
.main--sidebar .info-box__item:last-child {
margin-bottom: 0 !important;
}
.tabs--contacts .tabs__nav-inner,
.tabs--orders .tabs__nav-inner {
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tabs--contacts .tabs__nav-inner::-webkit-scrollbar,
.tabs--orders .tabs__nav-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.tabs--contacts .tabs__nav li,
.tabs--orders .tabs__nav li {
white-space: nowrap;
}
.tabs--contacts .tabs__nav:before,
.tabs--contacts .tabs__nav:after,
.tabs--orders .tabs__nav:before,
.tabs--orders .tabs__nav:after {
position: absolute;
top: -3px;
left: 0;
width: 32px;
height: calc(100% + 1px);
content: "";
display: none;
background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
}
.tabs--contacts .tabs__nav.left:before,
.tabs--orders .tabs__nav.left:before {
display: block;
}
.tabs--contacts .tabs__nav.right:after,
.tabs--orders .tabs__nav.right:after {
display: block;
left: initial;
right: 0;
background: -o-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.tabs--contacts .tabs__content-item--loc .contacts-box__slider,
.tabs--orders .tabs__content-item--loc .contacts-box__slider {
margin-left: -40px;
width: calc(100% + 80px);
}
.title-area__bg--lg {
display: none;
}
.title-area__bg--md {
display: block;
}
.collections-box {
margin-left: 0;
margin-right: 0;
}
.collections-box__item {
overflow: hidden;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.section-box__item {
width: calc(50% - 20px);
}
.usage-page .usage__list {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 20px 20px;
grid-template-areas: "item1-1 item1-1" "item4-4 item2-2" "item4-4 item5-5" "item7-7 item7-7" "item6-6 item3-3" "item8-8 item3-3" "item9-9 item9-9" "item11-11 item10-10" "item11-11 item12-12" "item13-13 item14-14";
}
.usage-page .item1-1 {
grid-area: item1-1;
}
.usage-page .item4-4 {
grid-area: item4-4;
}
.usage-page .item2-2 {
grid-area: item2-2;
}
.usage-page .item5-5 {
grid-area: item5-5;
}
.usage-page .item7-7 {
grid-area: item7-7;
}
.usage-page .item6-6 {
grid-area: item6-6;
}
.usage-page .item8-8 {
grid-area: item8-8;
}
.usage-page .item3-3 {
grid-area: item3-3;
}
.usage-page .item9-9 {
grid-area: item9-9;
}
.usage-page .item11-11 {
grid-area: item11-11;
}
.usage-page .item10-10 {
grid-area: item10-10;
}
.usage-page .item12-12 {
grid-area: item12-12;
}
.usage-page .item13-13 {
grid-area: item13-13;
}
.usage-page .item14-14 {
grid-area: item14-14;
}
.main--about .text-box h1.text-box__title,
.main--about .text-box h2.text-box__title {
margin: 60px 0 20px;
}
.text-box__col:last-child {
margin-left: -40px;
width: calc(100% + 80px);
}
.vertical-slider__thumbs .slick-slide {
height: 135px;
}
.main--imgbg {
padding-left: 40px;
padding-right: 40px;
min-height: 823px;
background: url("/HTML/assets/img/body-bg-md.jpg");
}
.form-box--signup {
padding: 40px 30px;
}
.form-box--signup .g-recaptcha {
margin-left: -2px;
-webkit-transform: scale(0.992);
-ms-transform: scale(0.992);
transform: scale(0.992);
}
.main--designers .text-box--3 .text-box__col {
margin-bottom: 0;
}
.main--designers .text-box--3 .text-box__col:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.main--designers .text-box--3 .text-box__col:last-child {
margin-bottom: 40px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.main--designers .text-box img {
max-width: calc(100% + 80px);
width: 100%;
}
.main--designers .text-box__col:last-child {
margin-left: 0;
width: 100%;
}
.card.card__img--high .card__img {
height: 200px;
}
.text-mobile-btn {
display: none;
padding: 20px 0 0;
font-size: 16px;
cursor: pointer;
background: rgba(255, 255, 255, 0.5);
margin-bottom: 20px;
}
.text-mobile.active {
height: auto;
}
.text-mobile-btn:hover {
color: #ff6b00;
}
.text-mobile {
height: auto;
overflow: hidden;
}
article.text-1.text-mobile {
margin-bottom: 0;
position: relative;
}
article.text-1.text-mobile:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
-webkit-box-shadow: 0px -20px 15px -7px rgba(255, 255, 255, 0.8) inset;
box-shadow: 0px -20px 15px -7px rgba(255, 255, 255, 0.8) inset;
}
/*.main-wrap .products__more {*/
/* display: none;*/
/*}*/
.container {
padding-left: 15px;
padding-right: 15px;
}
.cart-btn.cart-btn--dark.basket-coupon-block-coupon-btn {
padding: 0 15px;
}
.error__img {
display: none;
}
.error__content {
width: 100%;
}
.error {
padding: 40px 0;
}
.header .user-area {
position: absolute;
top: 25px;
right: 30px;
}
.razdel-blocks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.text-box .razdel-blocks-btn {
margin: 40px auto;
}
.main-slider {
height: 774px;
}
.usage__list {
grid-template-columns: repeat(2, 1fr);
}
.footer > .container {
padding-right: 30px;
}
.footer__copyright p {
display: none;
}
.footer__sub:last-child {
display: none;
}
[data-editor] {
font-size: 16px;
}
[data-editor] h2 {
font-size: 21px;
}
.logo--header {
width: 70px;
}
.header__search {
display: none;
}
.header__lang {
display: none;
}
.header__action-call {
display: block;
}
.header__action-search {
display: block;
}
.header__action-profile {
display: none;
}
.callback-form__text br {
display: none;
}
.home-warranty {
padding-top: 40px;
padding-bottom: 40px;
}
.home-warranty__label p:first-child {
margin-bottom: 0;
font-size: 20px;
}
.home-warranty__label p:last-child {
font-size: 14px;
}
.article-content h1 {
margin-bottom: 24px;
font-size: 32px;
line-height: 1.25;
}
.article-content__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.article-content__col {
padding: 0;
}
.article-content__col > *:not(:last-child) {
margin-bottom: 40px;
}
.article-content__col > img {
padding: 0;
}
.article-content__social {
font-size: 18px;
}
}
@media (max-width: 767px){
.callback {
display: block;
}
.step {
margin-bottom: 40px;
}
.pay-box {
margin-bottom: 40px;
}
.total-sum {
margin-top: 0 !important;
}
.checkout .totals-box {
padding-bottom: 40px;
}
.callback__img {
display: none;
}
.callback__content,
.callback__form {
width: 100%;
}
.products_sostav .card {
width: calc(50% - 20px);
}
.header__contacts {
display: none;
}
}
@media (max-width: 670px){
.catalog-box__item-img img {
max-height: 100%;
width: auto;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.checkout__container.container {
padding: 0;
}
.step .step__subtitle {
margin: 0;
}
.cart.cart--order {
display: none;
}
#bx-soa-region .bx_soa_location .form-group {
display: block;
}
#bx-soa-properties .bx-soa-customer-field .soa-property-container {
width: 100%;
}
.checkout .delivery .tabs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: initial;
-webkit-box-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
}
.footer__contacts .footer__contacts-link a {
text-align: left;
}
.hint--show {
max-width: 90%;
padding: 40px 15px;
}
.card.card__img--high {
width: calc(50% - 20px);
}
.card__more {
padding: 5px 8px;
}
.header__mobile-bottom .container > .units,
.header__mobile-bottom .container > .currency,
.header__mobile-bottom .container > .lang {
display: none;
}
.main-slider {
margin-bottom: 22px;
height: 510px;
}
.main-slider .container > div {
max-width: none;
}
.main-slider__item {
padding-top: 70px;
}
.main-slider__item-title {
margin: 0 0 20px;
max-width: 60% !important;
font-size: 24px;
line-height: 24px;
}
.main-slider__item-title br {
display: none;
}
.main-slider__item-text {
margin: 20px 0 0;
max-width: 80% !important;
font-size: 16px;
line-height: 16px;
}
.main-slider__item .more-btn {
margin-top: 60px;
}
.main-slider__dots {
margin-top: 10px;
}
.main-slider__dots span {
width: 8px;
height: 8px;
}
.main-slider__dots span.swiper-pagination-bullet-active {
width: 16px;
height: 16px;
border-width: 3px;
}
.home-products {
padding: 45px 0 60px;
}
.main--catalog .home-products__box a {
min-height: 165px;
}
.home-products__box--2.home-products__box a {
padding: 20px;
min-height: 165px;
}
.home-products__box a p,
.home-products__box a-title {
max-width: 330px;
}
.home-products__box a p {
font-size: 14px;
line-height: 17px;
max-width: 57%;
}
.home-products__box-title {
margin-bottom: 10px;
font-size: 24px;
font-weight: 400;
line-height: 24px;
}
.home-products__box--2 {
margin-top: 40px;
}
.home-products__box--2 h1 {
font-size: 24px;
line-height: 24px;
}
.home-products__box--2 > div:first-child {
margin-bottom: 20px;
}
.home-products__box--2 > div:first-child p {
font-size: 20px;
line-height: 24px;
}
.home-products__box--2 > div:last-child p {
margin-bottom: 15px;
font-size: 14px;
font-weight: 400;
line-height: 17px;
}
.home-products__box--2 > div:last-child p:last-child {
margin-bottom: 0;
}
.home-collections__description {
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
line-height: 17px;
}
video {
margin-left: -30px;
width: calc(100% + 60px);
}
.news__item-title {
padding-top: 10px;
font-size: 20px;
}
.news__item-date {
font-size: 12px;
}
.footer__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__menu {
margin: 0;
}
.footer__menu ul {
display: none;
}
.footer__menu--4 .footer__menu-title {
margin-bottom: 0;
}
.footer__contacts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__contacts div:first-child {
margin-top: 40px;
}
.footer__contacts div:first-child a {
width: 100%;
max-width: 315px;
}
.footer .footer__whatsapp {
margin-bottom: 30px;
}
.footer__social {
margin-bottom: 14px;
}
.footer__copyright {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__copyright p {
font-size: 12px;
line-height: 15px;
}
.footer__copyright .created {
margin: 7px 0 0;
}
.product__slider-thumb {
padding: 0;
}
.product__slider-thumb .slider-thumb {
margin: 0 -4px;
}
.product__slider-thumb .slick-slide {
margin: 0 5px;
width: calc(25% - 10px);
height: 65px;
}
.slider-thumb-arr {
display: none;
}
.product .property__block--2 {
margin-left: auto;
}
.description {
margin: 40px 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.single-product .main .video {
margin-bottom: 40px;
}
.recommendations {
margin-bottom: 40px;
}
.recommendations .card:nth-child(n) {
display: block;
}
.cards {
margin: -5px -4px;
}
.main .recommendations .card {
width: calc(50% - 8px);
}
.card {
margin: 5px 4px;
}
.card__more {
padding: 5px 10px;
}
.products .card,
.main-wrap .products .products__more {
margin: 5px 4px;
width: calc(50% - 8px);
}
.main-wrap .products__more {
padding: 20px;
font-size: 18px;
line-height: 20px;
}
.main-wrap .products__more svg {
top: 20px;
right: 20px;
}
.main-wrap .card .share-box__list {
top: 35px;
}
.main-wrap h1 {
margin-bottom: 20px;
padding-right: 40px;
font-size: 24px;
}
.main-wrap .pager {
margin-bottom: 35px;
}
.main-wrap .video {
margin-bottom: 40px;
}
.cart-price {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.main-wrap .sidebar.show {
padding-right: 15px;
padding-left: 15px;
}
.filter__section {
width: 100%;
}
.main-wrap .filter__close {
right: 10px;
}
.main-wrap .filter__row {
padding-right: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
}
.main-wrap .filter__row::-webkit-scrollbar-track {
margin-bottom: 0 !important;
}
.main-wrap .filter__col {
margin: 0;
padding: 0;
width: 100%;
}
.main-wrap .filter__sort--price {
margin-bottom: 35px;
}
.main-wrap .filter__section--checkbox ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-wrap .filter__section--checkbox ul li + li {
margin-top: 0;
}
.main-wrap .filter__section--checkbox ul li {
margin-bottom: 10px;
width: 50%;
}
.tabs--contacts .tabs__content-item--loc .contacts-box__slider,
.tabs--contacts .tabs__content-item--loc .contacts-box__map {
margin-left: -30px;
width: calc(100% + 60px);
}
.tabs--contacts .tabs__content-item--loc .contacts-box--2 {
padding: 0;
}
.tabs--contacts .tabs__content-item--loc .contacts-box__map {
height: 375px;
}
.title-area .title-area__descr,
.section-page .text-2 {
margin: 0 0 60px;
font-size: 16px;
line-height: 19px;
}
.title-area .title-area__descr {
margin: 20px 0 0;
}
.title-area .title-area__descr br {
display: none;
}
.title-area.title-area-solution .title-area__descr br {
display: block;
}
.section-page .title-area {
padding-bottom: 40px;
}
.modal--open {
padding: 0 30px;
}
.modal__content {
padding: 40px 30px 30px;
}
.modal__icon {
margin-bottom: 20px;
width: 58px;
height: 58px;
background-size: 50%;
}
.modal__title {
font-size: 30px;
}
.modal__subtitle {
margin-bottom: 20px;
font-size: 16px;
}
.modal__subtitle br {
display: none;
}
.steps {
padding-top: 40px;
}
.step__title {
margin-bottom: 20px;
}
.step__title-inner {
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.step__num {
margin-right: 15px;
width: 36px;
height: 36px;
font-size: 24px;
line-height: 40px;
}
.steps .tabs__nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.checkout .step--1 .tabs__nav li {
margin: 0;
width: 100%;
max-width: none;
font-size: 18px;
}
.checkout .step--1 .tabs__nav li:last-child {
margin: 10px 0 0;
}
.checkout .contacts-info > div {
margin-bottom: 15px;
width: 100% !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.upload-file,
.chosen-container,
.checkout .contacts-info__phone > div,
.checkout .contacts-info input {
width: 100% !important;
}
.contacts-info__company-data > label {
display: none;
}
.contacts-info__company-data .upload-file label {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 30px;
}
.checkout .contacts-info__company-data input {
height: auto;
line-height: normal;
}
.checkout .contacts-info > div.contacts-info__company-data {
margin-bottom: 15px;
}
.upload-file span {
font-size: 16px;
}
.checkout .contacts-info label {
margin-bottom: 10px;
}
.step__subtitle {
margin: 0 0 0 51px;
font-size: 14px;
}
.checkout .delivery > div {
padding: 30px 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.checkout .delivery > div > .input-radio {
margin: 0;
}
.checkout .delivery > div > .input-radio div {
margin-top: 5px;
font-size: 14px;
line-height: 17px;
}
.checkout .input-radio label {
font-size: 20px;
line-height: 20px;
}
.delivery__point,
.delivery__pickup {
margin-top: 25px;
}
.checkout .delivery__pickup .input-radio label {
padding: 13px 10px;
}
.checkout .delivery .tabs__nav .input-radio + .input-radio {
margin-left: 10px;
}
.delivery__point .tabs__content-item,
.delivery__pickup .tabs__content-item,
.checkout .delivery > div .comment,
.checkout .comment--order {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #8b8a94;
}
.checkout .delivery .tabs__content a,
.checkout .pay-box .input-radio span {
font-size: 14px;
line-height: 17px;
}
.checkout .pay-box .input-radio span {
margin-top: 5px;
}
.checkout .delivery > div > .input-radio div,
.checkout .delivery__point {
max-width: none;
}
.checkout .pay-box .input-radio + .input-radio {
margin-top: 20px;
}
.step--3 .step__title {
margin-bottom: 35px;
}
.checkout .pay-box {
margin-bottom: 40px !important;
}
.checkout .agreement span {
font-size: 14px;
line-height: 17px;
white-space: inherit;
}
.checkout .agreement span:before {
top: -3px;
}
.checkout .agreement span:after {
top: 1px;
}
.checkout .totals-box {
padding-bottom: 60px;
margin-left: -30px;
width: calc(100% + 60px);
}
.checkout .total-sum {
padding: 40px 30px;
}
.checkout .total-sum__line > div {
font-size: 18px;
line-height: 22px;
}
.checkout .total-sum__line--result div:last-child {
position: relative;
top: 6px;
font-size: 24px;
line-height: 24px;
}
.checkout .total-sum__line--result {
padding-bottom: 25px;
}
.text-box__col:last-child {
margin-left: -30px;
width: calc(100% + 60px);
}
.main--about .advantages__item div {
margin-bottom: 0;
}
.main--about .advantages__item div span {
font-size: 48px;
line-height: 60px;
}
.main--about .advantages__item p {
margin-top: 0;
font-size: 16px;
line-height: 19px;
}
.application-section {
margin-top: 40px;
padding: 40px 0 60px;
}
.application-section__title {
margin-bottom: 20px;
font-size: 20px;
line-height: 24px;
}
.application-form {
padding: 20px;
}
.application-form .input-checkbox span {
white-space: normal;
}
.application-form label {
font-size: 18px;
}
.application-form input {
margin-top: 10px;
height: 40px;
line-height: 40px;
}
.application-form .input-radio + .input-radio {
margin: 0 0 0 25px;
}
.form-row--col2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.form-row--col2 > * {
margin: 0;
width: 100%;
}
.application-form .form-row:last-child,
.form-box .form-row:last-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.application-form .form-row:last-child > div:last-child,
.form-box .form-row:last-child > div:last-child {
display: block;
padding: 15px 0 0;
}
.vertical-slider {
overflow: visible;
}
.vertical-slider__main {
margin-bottom: 10px;
height: 255px;
}
.vertical-slider:not(.vertical-slider--ideas) .vertical-slider__main {
margin-left: -30px;
width: calc(100% + 60px);
}
.vertical-slider__thumbs {
padding: 0;
}
.vertical-slider__thumbs.no-transform .vertical-slider__thumbs-list {
margin: 0 -5px;
}
.vertical-slider__thumbs-list.no-transform .slick-slide {
padding: 0 5px;
}
.vertical-slider__thumbs .slick-slide {
margin: 0 5px;
height: 69px;
}
.vertical-slider__thumbs span {
left: -27px;
}
.vertical-slider__thumbs span:last-child {
right: -27px;
}
.page .main--subcatalog h1 {
margin: 40px 0 20px;
font-size: 28px;
line-height: 34px;
}
.catalog-box__list {
margin: -10px -4px;
}
.catalog-box__item {
margin: 10px 4px;
width: calc(50% - 8px);
font-size: 18px;
line-height: 22px;
}
.catalog-box__item-img {
margin-bottom: 12px;
height: 125px;
}
.main--imgbg {
padding-left: 30px;
padding-right: 30px;
}
.form-box {
padding: 30px 20px;
}
.form-box__title {
margin-bottom: 15px;
font-size: 24px;
line-height: 26px;
}
.form-box label {
margin-bottom: 12px;
font-size: 16px;
}
.form-box button {
margin: 20px auto 0 !important;
}
.page--account .select {
margin: -10px 0 10px;
max-width: none;
height: auto;
line-height: normal;
width: 100%;
}
.page--account .select__placeholder {
padding: 5px 12px 5px 20px;
line-height: 19px;
}
.page--account .tabs--orders .select {
margin-bottom: 20px;
}
.page--account .card {
width: calc(50% - 8px);
line-height: 1.15;
}
.card__more {
padding: 5px 15px;
}
.orders__item-row--1 .orders__item-status-prod {
display: none;
}
.orders__item-row--2 {
margin-bottom: 40px;
}
.orders__item-row--2 .orders__item-status-prod {
display: block;
margin-left: 10px;
}
.orders__item-row--3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.orders__item-row--3 .orders__item-col {
width: 100%;
}
.orders__item-row--3 .orders__item-col:first-child {
margin-bottom: 40px;
}
.orders__item-row--3 .orders__item-composition {
display: none;
}
.orders__item > .orders__item-composition {
display: block;
}
.orders__item {
margin-left: -30px;
padding: 20px 30px;
width: calc(100% + 60px);
}
.orders__item-status-prod {
font-size: 14px;
}
.orders__item-status-pay {
font-size: 16px;
}
.orders__item-status-pay svg {
width: 12px;
height: 12px;
}
.orders .btn-2 {
margin: 40px 0 20px 0;
}
.page .single-ideas h1 {
margin: 25px 0 20px;
font-size: 24px;
line-height: 24px;
}
.main--stocks .cards {
margin: 40px -4px 60px;
}
.main--stocks .card {
width: calc(50% - 8px);
}
.footer__menu--mobile {
display: block;
}
.main--catalog .home-products__box .home-products__full {
min-height: 165px;
}
.bottom__cookie-block .btn-2 {
height: 25px;
line-height: 25px;
font-size: 14px;
margin: 0 10px 5px;
}
.cookie_text {
font-size: 12px;
line-height: 12px;
}
.cookie_btn {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.home-products__box.home-products__box--1-5 a {
padding: 20px;
min-height: 165px;
}
.footer .footer__contacts div:first-child a {
max-width: 100%;
}
}
@media (max-width: 620px){
.page .title-area .title-area__content.title-area__content-solution.doors .title-area__title {
margin: 0;
font-size: 38px;
font-weight: 400;
line-height: 38px;
}
.page .title-area .title-area__content.title-area__content-solution.doors-main .title-area__title {
margin: 0;
font-size: 38px;
font-weight: 400;
line-height: 38px;
}
.main-slider__item .container > .title-area__content.title-area__content-solution.doors-main {
max-width: 70%;
}
}
@media (max-width: 580px){
.footer__sub {
display: block;
}
.footer__sub-wrap {
margin-bottom: 8px;
}
.logo--header path:first-child {
display: none;
}
.header__wrapper {
gap: 24px;
}
}
@media (max-width: 575px){
.product-click .modal-click {
width: 100%;
}
.product__line.doors__button .add-to-cart {
margin-right: 0;
}
.product-ruchky__charac table {
width: 100%;
}
.product-ruchky__charac td {
font-size: 16px;
}
.single-product--ruchky .product__slider-main .slick-slide {
min-height: 380px;
}
.single-product--ruchky.single-product .product__slider-main {
margin-bottom: 20px;
}
.header__mobile-top .user-area {
margin-right: 37px;
}
.product-ruchky__list li {
margin-bottom: 10px;
width: 100px;
height: 100px;
}
.header__mobile-top .user-area {
margin-right: 0;
}
.header .user-area a.user-logout {
margin-top: 0;
}
.user-area a:nth-child(2) {
margin: 0 20px 0 10px;
}
.header__mobile-top .logo {
width: 40px;
}
.header__mobile-top .logo svg {
max-width: 100%;
}
.header .user-area a.user-area__auth {
margin-left: 10px;
}
.header .user-area a:last-child {
margin-left: 20px;
}
.header__mobile-top .user-area a:nth-child(3) {
margin: 0;
}
.header .callback-btn {
width: 26px;
height: 23px;
background: transparent;
}
.header .callback-btn:hover {
background: transparent;
}
.section-title {
margin-bottom: 10px;
font-size: 28px;
}
.advantages {
padding: 40px 0;
}
.advantages__list {
margin: -17px 0;
padding: 0;
}
.advantages__item {
margin: 17px 0;
padding-bottom: 10px;
}
.advantages__item div {
margin-bottom: 8px;
font-size: 24px;
line-height: 24px;
}
.advantages__item div span {
font-size: 36px;
line-height: 36px;
}
.advantages__item p {
font-size: 16px;
}
.advantages__item:first-child br {
display: none;
}
.catalog__list {
grid-template-rows: repeat(6, 110px);
gap: 8px 8px;
}
.catalog a {
padding: 10px 30px 10px 10px;
}
.catalog__item-title,
.usage__item-title {
font-size: 14px;
line-height: 17px;
}
.home-collections .usage__list,
.home-usage .usage__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -1px 0;
}
.home-collections .usage__item,
.home-usage .usage__item {
margin: 1px 0;
width: 100%;
max-width: 495px;
}
.home-collections .usage__item:nth-child(n+4),
.home-usage .usage__item:nth-child(n+4) {
display: none;
}
.home-collections .usage__item-title,
.home-usage .usage__item-title {
font-size: 28px;
}
.usage-page .usage {
padding: 20px 0 60px;
}
.usage-page .usage__list {
gap: 8px 8px;
}
.usage-page .usage__item-title {
font-size: 18px;
font-weight: 300;
line-height: 20px;
}
.news {
padding-bottom: 40px;
}
.news__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -10px 0;
}
.news__item {
margin: 10px 0;
width: 100%;
max-width: 495px;
}
.subscribe .agreement span {
font-size: 13px;
}
.subscribe .agreement span:before {
top: -2px;
}
.subscribe .agreement span:after {
top: 1px;
}
.subscribe {
padding: 20px 30px;
}
.subscribe form div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.subscribe form input[type=email] {
margin: 10px 0;
}
.subscribe form label span {
padding-left: 27px;
white-space: normal;
}
.subscribe form label span br {
display: none;
}
.subscribe form label span:before {
top: -2px;
}
.subscribe form label span:after {
top: 0;
}
.subscribe form button {
margin: 18px 0 0;
width: 100%;
max-width: none;
}
.footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
margin-left: -6px;
margin-right: -6px;
}
.footer__social a {
margin: 0 6px;
width: 35px;
height: 35px;
}
.breadcrumbs {
margin-top: 10px;
font-size: 14px;
}
.breadcrumbs ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs li:first-child:after {
margin-left: 0;
}
.breadcrumbs li:first-child:after,
.breadcrumbs li:after {
top: 1px;
margin: 0 8px;
width: 7px;
height: 12px;
}
.product .table th {
padding: 13px 2px;
font-size: 12px;
}
.product .table td {
padding: 17px 2px;
font-size: 14px;
}
.product .table td-material {
font-size: 12px;
}
.product .table td .material-block {
font-size: 16px;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(1) {
width: 60%;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(2) {
width: 6%;
}
.product .table--1 thead tr:nth-child(1) th:nth-child(3) {
width: 32%;
}
.product .table .td-info {
position: static;
text-align: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-left: 10px;
}
.product .property {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product .property__block {
margin: 0;
}
.product .property__block--2 {
margin-left: auto;
padding-right: 35px;
}
.product .property__block-title {
margin-bottom: 10px;
font-size: 12px;
}
.product .property .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: 0;
width: 100%;
}
.product .property .quantity p {
margin-bottom: 10px;
margin-right: 20px;
}
.product .property .quantity > div:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 9px;
}
.product .property .quantity .share-box,
.product .property .quantity .add-to-fav {
display: block;
}
.product .property .quantity .add-to-fav {
position: relative;
top: -3px;
}
.product .property .quantity .share-box {
margin-right: 20px;
}
.product .property .quantity .share-box__list {
display: none;
margin: 0;
}
.product .property .quantity .share-box.active .share-box__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product .property .quantity .share-box__btn {
position: relative;
}
.product {
margin-top: 25px;
}
.product__title {
margin-bottom: 10px;
font-size: 24px;
}
.product__title span {
display: block;
}
.product__line .share-box,
.product__line .add-to-fav {
display: none;
}
.product__line {
margin-bottom: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.product__line > div,
.product__line .add-to-cart {
width: 100%;
}
.product .table {
margin-bottom: 40px;
}
.product .add-to-cart {
margin-left: 0;
}
.product .drawing-btn {
right: -1px;
bottom: -40px;
width: calc(100% + 2px);
}
.product__slider-main {
margin-bottom: 60px;
}
.product__slider-main .slick-slide {
padding: 15px;
}
.single-product .main .section-title {
font-size: 28px;
}
.cards {
margin: -5px -4px;
}
.card > a {
padding: 6px 8px 8px;
}
.card__img {
margin-left: -8px;
width: calc(100% + 16px);
}
.card__name {
font-size: 14px;
}
.card__label {
top: 6px;
}
.card__label span {
display: inline-block;
padding: 0 10px;
height: 17px;
font-size: 13px;
line-height: 17px;
}
.card__btns {
right: 8px;
bottom: 13px;
width: 38px;
}
.card__btns .share-box {
margin: 0;
}
.card__btns .share-box__btn {
width: 16px;
height: 16px;
}
.card__btns .share-box__btn svg {
width: 100%;
height: 100%;
}
.card__addfav {
width: 16px;
height: 13px;
}
.card__discount {
margin-top: 3px;
padding-left: 8px;
font-size: 14px;
}
.card__status {
top: 6px;
right: 12px;
}
.card__status svg {
margin-right: 0;
}
.card__status span {
display: none;
}
.card__price {
margin-bottom: 5px;
}
.product .composition-kit-btn-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product .composition-kit.show {
display: block;
}
.product .composition-kit-btn,
.product .composition-kit__title {
display: none;
}
.product .composition-kit__table {
margin-left: -31px;
width: calc(100% + 62px);
}
.product .composition-kit .table td {
padding: 0 7px;
}
.product .composition-kit .table__sizes {
margin: 0 -6px;
}
.product .composition-kit .table__sizes-col {
margin: 0 6px;
font-size: 14px;
line-height: 17px;
}
.product .composition-kit .table .qty {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product .composition-kit .table .qty__minus {
width: 25px;
height: 20px;
line-height: 20px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.product .composition-kit .table .qty__text {
width: 25px;
height: 20px;
line-height: 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product .composition-kit .table .qty__plus {
width: 25px;
height: 25px;
line-height: 30px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.product .composition-kit table td,
.product .composition-kit table td:nth-child(4) {
font-size: 16px;
}
.product .composition-kit__text {
margin: 20px 0;
font-size: 16px;
line-height: 19px;
}
.product .composition-kit .desktop {
display: none;
}
.product .composition-kit .mobile {
display: block;
}
.product .composition-kit table {
margin: 0;
}
.product .composition-kit table thead th {
font-size: 12px;
}
.product .composition-kit table thead th:nth-child(1) {
width: 34%;
}
.product .composition-kit table thead th:nth-child(3) {
width: 14%;
}
.product .composition-kit table thead th:nth-child(2) {
width: 30%;
}
.product .composition-kit table thead th:nth-child(4) {
width: 22%;
}
.product .composition-kit table tbody td:nth-child(1) div {
padding: 0;
font-weight: 300;
}
.product .composition-kit table tbody td:nth-child(2) {
font-size: 12px;
}
.product .composition-kit img {
display: none;
}
.single-product-kit .table {
margin-bottom: 20px;
}
.single-product .product {
margin-top: 20px;
}
.single-product .product__slider-main {
margin-bottom: 55px;
}
.single-product .product__title {
font-size: 20px;
}
.single-product .product__title span {
font-size: 24px;
}
.single-product .col--left {
margin-bottom: 20px;
}
.single-product .property {
margin-top: 20px;
}
.single-product .product .property__block--1 {
margin: 0 0 20px;
}
.page .main--news h1 {
margin: 40px 0 25px;
}
.page .main--catalog h1,
.page h1 {
margin: 35px 0 10px;
font-size: 36px;
line-height: 39px;
}
.page .title-area .title-area__title {
margin: 0;
font-size: 48px;
font-weight: 400;
line-height: 48px;
}
.page .news__list,
.page .news__item {
margin-left: 0;
margin-right: 0;
}
.page .news__item-title {
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
body .title-area .title-area__title {
margin: 0;
font-size: 48px;
font-weight: 400;
line-height: 48px;
}
.section-page h1 {
margin: 40px 0 10px;
font-size: 28px;
line-height: 28px;
}
.main--designers .text-box h1.text-box__title,
.main--stocks .text-box h1.text-box__title,
.text-box--heading h1.text-box__title,
.text-box__bigtitle {
margin-top: 20px;
font-size: 28px;
line-height: 34px;
}
.text-box__bigtitle {
margin-top: 40px;
}
.post-box {
margin: 0 0 40px;
}
.post-box__title {
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.post-box__date {
font-size: 12px;
}
.post-box__text {
font-size: 16px;
}
.post-box__text p {
margin-bottom: 20px;
}
.post-box--items {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.post-box__item {
margin: 20px 0 20px -30px;
width: calc(100% + 60px);
}
.post-box__item div {
font-size: 18px;
line-height: 22px;
}
.main--sidebar {
padding-top: 12px;
}
.main--sidebar .sidebar {
margin: 0 0 40px;
padding: 5px 12px 5px 20px;
}
.main--sidebar .sidebar__title {
font-size: 16px;
line-height: 19px;
}
.main--sidebar .sidebar li {
padding: 10px;
}
.main--sidebar .sidebar li a {
font-size: 20px;
}
.main--sidebar article {
font-size: 16px;
line-height: 19px;
}
.main--sidebar h1.text-box__title,
.main--sidebar .text-box__title {
margin-bottom: 10px;
font-size: 36px;
line-height: 40px;
}
.main--sidebar h1.text-box__title {
margin: 0 0 20px;
}
.main--sidebar .text-box__card-title {
margin: 20px 0;
}
.main--sidebar .text-box__card-text {
font-size: 16px;
line-height: 19px;
}
.main--sidebar .video {
margin-top: 20px;
}
.main--sidebar .info-box {
margin: 40px 0;
padding: 0;
border: 0;
}
.main--sidebar .info-box__item {
margin-bottom: 20px !important;
}
.main--sidebar .info-box__item > img {
width: 32px;
}
.main--sidebar .info-box__item-title,
.main--sidebar .info-box__item-subtitle {
margin-bottom: 10px;
font-size: 18px;
line-height: 22px;
}
.main--sidebar .info-box__item-subtitle {
margin-top: -10px;
}
.main--sidebar .info-box--col {
margin-bottom: 0;
}
.main--sidebar .info-box--col .info-box__item-content {
margin-left: 20px;
}
.main--sidebar .info-box--col .info-box__item-title {
font-size: 24px;
line-height: 24px;
}
.main--sidebar .info-box--col .info-box__item svg {
width: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.main--sidebar .info-box--col .info-box__item:last-child {
margin-bottom: 0 !important;
}
.main--sidebar .info-box--col .info-box__item:last-child .info-box__item-subtitle {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main--sidebar .video {
margin-bottom: 20px;
}
.page-contacts h1 {
margin: 35px 0 20px;
}
.tabs--contacts .tabs__nav {
width: calc(100% + 15px);
}
.tabs--contacts .tabs__nav-inner {
padding-bottom: 10px;
}
.tabs--contacts .tabs__nav-item:before {
bottom: -8px;
}
.tabs--contacts .tabs__nav-item:nth-child(2) {
padding: 0 20px;
}
.tabs--contacts .tabs__nav-item span {
position: relative;
top: -2px;
margin-right: 8px;
width: 16px;
height: 17px;
background-size: contain;
}
.tabs--contacts .tabs__nav-item--email span {
width: 19px;
height: 13px;
}
.tabs--contacts .tabs__nav li {
font-size: 24px;
line-height: 26px;
}
.contacts-box__title {
font-size: 24px;
line-height: 24px;
}
.contacts-box__title br {
display: block;
}
.contacts-box table {
display: block;
}
.contacts-box table.contacts-box__table {
margin: 0;
}
.contacts-box table tr {
display: block;
}
.contacts-box table td {
display: block;
margin-bottom: 20px;
padding: 0;
width: 100%;
font-size: 18px;
line-height: 22px;
}
.contacts-box table td:first-child {
margin-bottom: 10px;
line-height: 18px;
}
.contacts-box table td:first-child span {
margin-bottom: 20px;
font-size: 24px;
line-height: 24px;
}
.contacts-box table td:empty {
display: none;
}
.contacts-box table td .btn {
padding: 10px 0;
width: 100%;
max-width: 315px;
text-align: center;
}
.contacts-box--message {
padding: 20px 0 40px;
}
.contacts-box__form {
margin-top: 0;
}
.contacts-box__form-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts-box__form-row button {
margin-top: 20px;
}
.contacts-box__form textarea {
padding: 15px;
}
.catalog-collections .text-1,
.catalog-collections .text-2 {
font-size: 16px;
line-height: 19px;
}
.catalog-collections .text-1 {
margin: 20px 0 78px;
}
.catalog-collections .text-2 {
margin-bottom: 60px;
}
.catalog-collections .catalog-slider {
margin: 0 -30px 40px;
padding: 0;
}
.catalog-collections .catalog-slider__item {
margin: 0;
}
.catalog-collections .catalog-slider__arrows {
display: none;
}
.main--manufacture .text-box h1.text-box__title {
margin-top: 40px;
font-size: 28px;
line-height: 34px;
}
.main--manufacture .text-box p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.main--manufacture .video {
margin-top: 20px;
}
.main--manufacture .usage__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -10px 0;
}
.main--manufacture .usage__item {
margin: 10px 0;
width: 100%;
}
.main--manufacture .usage__item-title {
font-size: 20px;
line-height: 24px;
}
.content-slider {
margin: 40px 0;
}
.content-slider__row > div:first-child {
margin-left: -30px;
width: calc(100% + 60px);
}
.content-slider__row > div:last-child {
margin: 10px 0 0 -30px;
padding: 40px 30px;
width: calc(100% + 60px);
}
.content-slider__slide-title {
font-size: 28px;
line-height: 34px;
}
.content-slider__slide-text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.content-slider--news .content-slider__main .content-slider__dots {
bottom: 8px;
}
.content-slider--news .content-slider__main .content-slider__dots li {
width: 8px;
height: 8px;
}
.content-slider--news .content-slider__main .content-slider__dots li.slick-active {
width: 18px;
height: 18px;
}
.content-slider--news .content-slider__main .content-slider__dots li.slick-active:before {
top: 3px;
left: 3px;
width: 10px;
height: 10px;
}
.content-slider--news .content-slider__thumbs-list {
margin: 10px -4px 0;
}
.content-slider--news .content-slider__thumbs-list .slick-slide {
margin: 0 4px;
}
.content-slider:not(.content-slider--news) .content-slider__thumbs {
padding: 0 5px;
}
.content-slider:not(.content-slider--news) .content-slider__thumbs-list {
margin: 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
}
.content-slider:not(.content-slider--news) .content-slider__thumbs-list::-webkit-scrollbar {
display: none;
}
.content-slider:not(.content-slider--news) .content-slider__thumbs-list div {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 5px;
width: 155px !important;
}
.content-slider:not(.content-slider--news) .content-slider__thumbs-arr {
display: none;
}
.page .main--manufacture .content-slider {
margin: 40px 0;
}
.main--about .text-box h1.text-box__title,
.main--about .text-box h2.text-box__title {
margin: 40px 0 20px;
font-size: 28px;
line-height: 34px;
}
.main--about .text-box {
font-size: 16px;
line-height: 19px;
}
.main--about .content-slider__slide-title {
margin-bottom: 10px;
}
.timeline__item {
margin: 0 5px;
font-size: 14px;
line-height: 14px;
}
.timeline__item--active {
font-size: 20px;
line-height: 20px;
}
.timeline__item--active:after {
margin-left: 5px;
width: 20px;
}
.timeline__item--active + div {
font-size: 20px;
line-height: 20px;
}
article {
font-size: 16px;
line-height: 19px;
}
.text-box--cols .alignright {
margin: 40px 0 0 -30px;
width: calc(100% + 60px);
max-width: none;
}
.main--articles .text-box div.text-box__title {
font-size: 18px;
line-height: 18px;
}
.main--articles h1.text-box__title {
font-size: 28px;
line-height: 34px;
}
.page-title {
margin: 8px 0 10px;
font-size: 28px;
line-height: 34px;
}
.main--application .text-box h1.text-box__title {
margin: 20px 0;
font-size: 28px;
line-height: 34px;
}
.main--application .block-cols {
margin: 0 -35px 20px;
width: calc(100% + 70px);
}
.checkout .delivery__point-line--2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.checkout .delivery__point-line--2 .input-radio:last-child {
margin: 15px 0 0;
}
.form-box--signup .tabs-box__nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-box--signup .tabs-box__nav .input-radio {
margin: 0 0 10px;
}
.form-box--signup .tabs-box__nav .input-radio:last-child {
margin-bottom: 20px;
}
.form-box--signup .input-checkbox span {
white-space: inherit;
}
.page--account div.text-box__title {
margin-bottom: 20px;
font-size: 28px;
line-height: 34px;
}
.page--account .main--sidebar {
padding-bottom: 60px;
}
.page--account .main--sidebar .sidebar {
margin-bottom: 40px;
}
.page--account .tabs--orders .select {
margin-bottom: 20px;
}
.page--account .tabs--orders .tabs__nav li {
font-size: 24px;
line-height: 24px;
}
.page--account .tabs--orders .tabs__nav li:nth-child(2) {
margin: 0 20px;
}
.text-3 h2 {
font-size: 28px;
line-height: 28px;
}
.text-3 h3 {
font-size: 24px;
line-height: 28px;
}
.text-3 h4 {
font-size: 20px;
line-height: 24px;
}
.main--stocks .swiper-slide {
width: 100%;
}
.main--stocks .swiper-slide div {
margin-top: 10px;
font-size: 16px;
line-height: 16px;
}
.catalog-slider--2 {
width: 100%;
padding: 0;
}
.catalog-slider--2 .catalog-slider__arrows svg {
width: 9px;
height: 17px;
}
.catalog-slider--2 .catalog-slider__arrows span:first-child {
left: -26px;
}
.catalog-slider--2 .catalog-slider__arrows span:last-child {
right: -26px;
}
.catalog-slider--2 .catalog-slider__arrows span:first-child:before,
.catalog-slider--2 .catalog-slider__arrows span:last-child:after {
display: none;
visibility: hidden;
}
.main--designers .application-section .application-form button {
width: 100%;
}
.main--designers .application-section .application-form label {
font-size: 16px;
line-height: 18px;
}
.main--designers .application-section .application-form input {
margin-top: 6px;
padding: 0 10px;
height: 48px;
font-size: 16px;
line-height: 48px;
}
.main--designers .application-section .application-form .chosen-container-single a.chosen-single span {
padding: 0 10px;
font-size: 16px;
}
.main--designers .application-section .application-form .chosen-container-single a.chosen-single div {
right: 10px;
width: 18px;
}
.main--designers .application-section .application-form .chosen-container-single a.chosen-single div b {
width: 18px;
height: 6px;
background-size: 18px 6px !important;
}
.main--designers .text-box {
margin-bottom: 40px;
}
.main--designers .text-box__col {
margin-bottom: 40px;
}
.main--designers .text-box__col:last-child {
margin-bottom: 0;
}
.main--designers .text-box--4 a {
margin-top: 20px;
}
.main--designers .text-3 h2,
.main--designers .text-3 h3 {
margin: 0 0 20px;
font-size: 28px;
line-height: 34px;
}
.main--designers .text-3 h4 {
margin: 20px 0 10px;
font-size: 18px;
line-height: 22px;
}
.main--designers .application-section {
padding: 40px 0 20px;
}
.main--designers .application-section__title {
font-size: 28px;
line-height: 34px;
}
.main--designers .application-section__text {
font-size: 16px;
line-height: 20px;
}
.main--designers .application-visit {
margin: 0 0 20px;
font-size: 20px;
line-height: 24px;
}
.main--designers .text-3 {
margin-bottom: 40px;
}
.links-box {
margin: 40px 0 20px;
}
.links-box__list {
margin: -10px 0;
}
.links-box__item {
margin: 10px 0;
}
.links-box__item-img {
margin-right: 8px;
width: 100px;
}
.links-box__item-text {
font-size: 18px;
line-height: 22px;
}
.links-box__item-text a {
margin-top: 12px;
font-size: 16px;
}
.links-box__item-text a span:before {
display: none;
}
.product .table thead tr:nth-child(2) th:nth-child(1),
.product .table thead tr:nth-child(2) th:nth-child(2),
.product .table thead tr:nth-child(2) th:nth-child(3) {
width: 10%;
}
.table .td-info {
position: static;
margin: 0 !important;
margin-top: 2px !important;
top: 0;
right: 0;
left: 0;
bottom: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.table .material-block.offer-block {
padding-right: 0 !important;
padding-left: 0 !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.table .material-block {
height: 75px;
}
.table {
display: block;
overflow: scroll;
}
.td-info-price {
top: 90%;
left: unset;
}
.home-products__box--1.home-products__box {
display: block;
}
.home-products__box--1.home-products__box a {
width: 100%;
}
.home-products__imgs {
max-height: 213px;
}
.home-products__box--1.home-products__box a {
min-height: 370px;
}
.home-products__imgs-dec {
display: none;
}
.home-products__imgs-mob {
display: block;
}
.main-slider__dots {
margin: 28px 0 0;
}
.home-products__box a {
margin: 0 0 10px 0;
}
.home-products__box--1 .home-products__box-title {
max-width: 100%;
}
.usage__list {
grid-template-columns: 1fr;
gap: 40px;
}
.footer .footer__social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__action {
gap: 18px;
}
.callback-form {
padding: 40px 0;
}
.callback-form__text {
font-size: 16px;
}
.callback-form__action {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.callback-form__action .input__field {
border-right-width: 1px;
}
}
@media (max-width: 540px){
.main--designers .text-box__col ol {
font-size: 18px;
}
.main--designers .text-box__col p,
.main--proiizv .text-box__col p {
font-size: 18px;
}
.main--proiizv .text-box__row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 24px;
margin-top: 24px;
}
.main--proiizv .text-box__col:first-child {
width: 100%;
}
.main--designers .application-section__col {
margin: 0;
}
.doors-page .main-slider {
height: 240px;
}
.form-consultation .form__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.form-consultation .form__action .btn-2 {
width: 100%;
}
.callback-consultation__title {
font-size: 24px;
}
.callback-consultation__text {
font-size: 16px;
}
#panels-page .panel-list__title {
font-size: 24px;
}
#panels-page .panel-list__wrapper {
grid-template-columns: 1fr;
}
#panel-single .panel-other .swiper {
overflow: visible;
}
}
@media (max-width: 480px){
.products_sostav .card {
width: 47%;
}
.card__more {
padding: 5px 8px;
}
.popup-form.popup--sostav {
padding: 60px 15px;
}
.popup-wrap__inner {
padding: 0 10px;
}
.modal--open {
padding: 0;
}
.modal__content {
padding: 15px;
}
.article-content h1 {
margin-bottom: 18px;
font-size: 24px;
}
.article-content__date {
font-size: 18px;
}
}
@media (max-width: 460px){
.main-slider {
height: 375px;
}
.main-slider__item-title {
font-size: 18px;
}
.main-slider .more-btn {
font-size: 14px;
}
}
@media (max-width: 425px){
.title-area {
padding: 10px 0 30px;
height: 513px;
}
.title-area__bg--lg,
.title-area__bg--md {
display: none;
}
.title-area__content-solution {
margin-top: 270px;
}
.title-area-solution__bg {
top: 280px;
}
.title-area__bg--sm {
display: block;
background-size: cover;
}
.breadcrumbs-cat .breadcrumbs {
top: 10px;
}
.collections-box {
margin: 10px 0 50px;
}
.collections-box__item {
margin: 10px 0;
}
.collections-box__item-content {
padding: 20px;
}
.collections-box__item-content:before {
background: -o-linear-gradient(bottom, #ececec 25px, rgba(236, 236, 236, 0) 100%);
background: linear-gradient(360deg, #ececec 25px, rgba(236, 236, 236, 0) 100%);
}
.collections-box__item-title {
font-size: 20px;
line-height: 22px;
}
.collections-box__item p {
position: relative;
font-size: 16px;
line-height: 19px;
}
.section-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 0 30px;
}
.section-box__item {
margin: 10px 0;
width: 100%;
}
.cart h1 {
margin-top: 40px;
}
.cart .table tbody .td__caption {
padding: 0 5px;
width: 110px;
}
.cart .table tbody .td__content {
padding: 0 10px;
width: calc(100% - 110px);
}
.cart .coupon__form div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cart .coupon__form input {
width: 100%;
}
.cart .coupon__form button {
margin: 10px 0 0;
}
.card__img {
height: 180px;
}
.tablet {
display: none;
}
.mobile {
display: block;
}
.more-btn {
padding-bottom: 2px;
font-size: 12px;
border-width: 1px;
}
.more-btn:after {
bottom: -1px;
height: 1px;
}
.home-products__box {
margin: -5px 0;
}
.home-products__box--2 {
margin-top: 40px;
}
.home-products__box a {
margin: 5px 0;
}
.home-products__box a p {
max-width: 165px;
}
.main--catalog .home-products a:last-child .home-products__img {
background-size: cover;
}
.video__poster {
height: 200px;
background-image: url("/HTML/assets/img/video-poster-mob.jpg");
background-size: cover !important;
}
.news__list {
margin-bottom: 20px;
}
.subscribe label span {
font-size: 12px;
}
.main--imgbg {
min-height: 630px;
background: url("/HTML/assets/img/body-bg-sm.jpg") no-repeat;
}
.form-box {
padding: 30px 17px;
}
.form-box--signup .g-recaptcha {
margin-bottom: 20px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.main--stocks .catalog-slider__list {
margin-bottom: 40px;
}
.catalog-slider--2 .catalog-slider__arrows {
top: 77px;
}
}
@media (max-width: 420px){
.page .title-area .title-area__content.title-area__content-solution.doors .title-area__title {
margin: 0;
font-size: 26px;
font-weight: 400;
line-height: 26px;
}
.page .title-area .title-area__content.title-area__content-solution.doors-main .title-area__title {
margin: 0;
font-size: 26px;
font-weight: 400;
line-height: 26px;
}
.main-slider__item .container > .title-area__content.title-area__content-solution.doors-main {
max-width: 70%;
}
}
@media (max-width: 400px){
.bottom__cookie-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
right: 0;
width: 100%;
}
.product__name {
margin-bottom: 10px;
}
.product .table td .material-block {
font-size: 15px;
white-space: nowrap;
}
.checkout .container {
display: block;
}
.SDEK_selectPVZ {
margin: 20px 0 0 !important;
padding: 13px 18px !important;
}
.collections-box__item--doors .collections-box__item-content:before {
top: 10px;
height: 40px;
}
.home-products__box-title {
max-width: 180px;
}
.home-products__box a:nth-child(4) .home-products__img {
background-size: cover;
background-position: center;
}
.home-products__img {
background-size: 151px;
}
}
@media (max-width: 380px){
.article-content__social {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 360px){
.mobile-menu__content {
width: 100%;
}
}
@media (max-width: 330px){
.callback-mobile {
font-size: 14px;
}
}
@media (hover: hover){
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.about-video-link:hover p {
color: #ff6b00;
}
.main-slider .more-btn:hover {
color: #ff6b00;
}
.main-slider .more-btn:hover::after {
background-color: #ff6b00;
}
.link:hover {
color: #ff6b00;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
opacity: 0.7;
}
.button-primary:hover {
background-color: #ff8933;
}
.dropdown > a:hover,
.dropdown span:hover {
color: #ff6b00;
}
.dropdown-catalog:hover > a {
color: #ff6b00;
}
.dropdown-catalog:hover > a::after {
left: 10px;
}
.dropdown-catalog:hover .dropdown-catalog__list {
z-index: 2;
opacity: 1;
visibility: visible;
}
.dropdown-catalog li:hover {
color: #ff6b00;
}
.dropdown-catalog li:hover img {
border-color: #ff6b00;
}
[data-editor] a:not([class*=button]):hover {
color: #ff6b00;
}
.search__submit:hover path {
fill: #ff6b00;
}
.lang__dropdown li:hover {
color: #ff6b00;
}
.logo:hover {
opacity: 0.6;
}
.whatsapp-button:hover {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
.header__callback-icon:hover {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.header__callback a:hover {
color: #ff6b00;
}
.header__action > *:hover path {
fill: #ff6b00;
}
.header__catalog:hover {
background-color: #ff8933;
}
.nav__link:hover {
color: #ff6b00;
}
.callback-form__action button:hover {
background-color: #ff8933;
}
.article-content__social .article-content__links a:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#panel-single .panel-content__picture:hover {
opacity: 0.7;
}
.card-panel:hover .card-panel__image img {
-webkit-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
.card-panel:hover > p {
color: #ff6b00;
}
}
/* End */
/* Start:/local/templates/artfactor/css/nice-select.css?17315098194019*/
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #414147;
border-right: 2px solid #414147;
content: '';
display: block;
height: 10px;
margin-top: -4px;
pointer-events: none;
position: absolute;
/*right: 12px;*/
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 10px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
/* End */
/* Start:/local/templates/artfactor/css/intlTelInput.css?172166968228063*/
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
margin-right: 6px;
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__dropdown-content {
border-radius: 3px;
background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: -1px;
border: 1px solid #ccc;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
bottom: 100%;
margin-bottom: 3px;
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid #ccc;
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.iti__country {
display: flex;
align-items: center;
padding: 8px 8px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
margin-right: 8px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 52px;
padding-left: 6px;
margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 0;
margin-right: 6px;
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-size: 5762px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 12px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cq {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1137px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1159px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1181px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1203px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1225px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1269px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1291px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1313px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1335px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1357px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1379px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1467px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1489px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1511px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1555px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1577px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1599px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1621px 0px;
}
.iti__flag.iti__ez {
height: 14px;
background-position: -1643px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1665px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1687px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1709px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1731px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1775px 0px;
}
.iti__flag.iti__fx {
height: 14px;
background-position: -1797px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1819px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1841px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1863px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1907px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1973px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -2061px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2083px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2105px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2149px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2171px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2215px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2237px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2259px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2303px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2325px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2369px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2391px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2413px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2435px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2457px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2479px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2501px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2567px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2589px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2611px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2633px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2655px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2677px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2699px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2743px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2787px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2809px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2853px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2875px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2897px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2941px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2963px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2985px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -3007px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -3029px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -3051px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3073px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3095px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3117px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3139px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3161px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3183px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3205px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3226px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3248px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3270px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3314px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3380px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3402px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3512px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3556px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3578px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3622px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3666px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3688px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3710px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3732px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3752px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3774px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3796px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3818px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3840px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3862px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3899px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3921px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3943px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3965px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3987px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -4031px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -4053px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4075px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4097px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4119px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4141px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4163px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4185px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4207px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4229px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4251px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4273px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4361px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4383px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4405px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4427px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4449px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4493px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4515px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4537px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4559px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4647px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4669px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4691px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4713px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4735px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4757px 0px;
}
.iti__flag.iti__su {
height: 10px;
background-position: -4779px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4801px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4823px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4889px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4911px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4933px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4955px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4977px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -5021px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -5065px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -5087px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5109px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5131px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5175px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5197px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5219px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5263px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uk {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5329px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5351px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5373px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5395px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5417px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5439px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5456px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5522px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5566px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5610px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5632px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5654px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5676px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5698px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5720px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5742px 0px;
}
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("/local/templates/artfactor/css/../img/flags.png?1");
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: url("/local/templates/artfactor/css/../img/flags@2x.png?1");
}
}
.iti__flag.iti__np {
background-color: transparent;
}
/* End */
/* Start:/local/templates/artfactor/css/custom.css?1748265452109741*/
body {
font-family: "Onest", "Arial", sans-serif;
font-weight: 400;
overflow-x: clip;
}
.page {
overflow-x: clip;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300 !important;
}
/* hero section */
.section__name {
color: var(--414147, #414147);
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-align: center;
}
.doors-desc {
overflow: hidden;
font-size: 18px;
position: relative;
margin-bottom: 10px;
transition: all 500ms;
}
.doors-desc h2 {
overflow: hidden;
font-size: 30px;
}
.description__content { overflow: hidden;
font-size: 18px;
margin-bottom: 10px;
position: relative;
font-weight: 300;
line-height: 24px;
transition: all 500ms;
}
.description__content h2 {
overflow: hidden;
/*font-size: 30px;*/
}
.doors-desc[data-readmore]:after, .description__content[data-readmore]:after {
content: "";
display: block;
position: absolute;
width: 100%;
bottom: 0px;
height: 40px;
background-image: linear-gradient(to top, rgb(255,255,255), rgba(255,255,255,0));
}
.show_more {font-weight: 400; font-size: 18px;}
.doors-desc.more_open:after, .description__content.more_open:after {display: none;}
.solution-form .application-form {
margin: 0 auto;
}
.solution-form .application-section {
margin-top: 0;
padding: 32px 0;
}
.solution-form .application-section::before {
background: #f3f3f3;
}
.solution-form .application-section__title {
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
color: #ff6b00;
font-size: 20px;
line-height: 24px;
}
.solution-form .application-form .btn-2 {
background-color: #ff6b00;
}
@media (max-width: 575px) {
.solution-form .application-section {
padding: 40px 0 20px;
}
.solution-form .application-section__title {
font-size: 28px;
line-height: 34px;
}
.solution-form .application-section .application-form button {
width: 100%;
}
}
@media (min-width: 576px) {
.solution-form .application-section .application-form input,
.solution-form .application-section .form-box input {
padding: 0 25px;
font-size: 20px;
}
}
@media (min-width: 671px) {
.solution-form .application-section__title {
font-size: 40px;
font-weight: 700;
line-height: 48px;
}
}
/*@media (max-width:767px) {*/
/* .doors-desc h2, .description__content h2 {*/
/* font-size: 20px;*/
/* }*/
/*}*/
.section-box__item-img--idea {
max-height: none;
aspect-ratio: 376/552;
}
.vertical-slider--ideas .vertical-slider__row,
.vertical-slider--ideas .vertical-slider__main,
.vertical-slider--ideas .vertical-slider__main-list,
.vertical-slider--ideas .slick-list,
.vertical-slider--ideas .slick-track {
height: 100%;
}
.vertical-slider--ideas img {
width: 100%;
height: 100%;
object-fit: contain;
}
/***/
.footer__menu .footer__menu-title a,
.footer__menu .footer__menu-title span {
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.footer__menu {
width: 100%;
max-width: none;
border-bottom: 1px solid #6F6F76;
}
.footer__menu .footer__menu-title {
margin-bottom: 0;
padding: 20px 0;
}
.footer__menu.footer__menu--4 {
display: block;
}
.footer__contacts .footer__callback {
display: flex;
justify-content: center;
align-items: center;
background-color: #FF6A00;
border: none;
border-radius: 5px;
min-height: 50px;
font-weight: 400;
font-size: 20px;
line-height: 28px;
cursor: pointer;
}
.footer__contacts .footer__callback:hover,
.footer__contacts .footer__callback:focus {
background-color: #F98A3A;
}
.footer__contacts-column {
display: flex;
flex-direction: column;
align-items: center;
}
.footer__contacts-text {
font-size: 13px;
line-height: 17px;
}
.footer__contacts-column .footer__contacts-link {
margin-top: 10px !important;
}
.footer__contacts-column .footer__contacts-link a {
text-align: center;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.footer__contacts-column .footer__contacts-link a:not(:last-child) {
margin: 0 0 10px;
}
.footer__contacts .footer__social {
display: flex;
justify-content: space-between;
flex-direction: row;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 0;
}
.footer__contacts .footer__social a {
flex-basis: 52px;
width: 52px;
height: 52px;
margin: 0 -10px;
}
.footer__contacts .footer__social a:not(:first-child) {
margin-left: 17px;
}
.footer__bottom {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: -20px;
padding-top: 30px;
padding-bottom: 40px;
}
.footer__bottom .footer__bottom-item {
margin-bottom: 20px;
text-align: center;
color: #9B9BA4;
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.footer__bottom-item a {
text-decoration: underline;
}
.footer__bottom-item a:hover,
.footer__bottom-item a:focus {
text-decoration: none;
}
.footer > .container {
padding-left: 15px;
padding-right: 15px;
}
.subscribe {
background-color: #fff;
}
.subscribe__email {
border: 1px solid #D6D6DD;
border-radius: 5px;
}
.hidden-input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.subscribe__agreement {
display: flex;
margin-top: 22px;
}
.subscribe__agreement-checkbox {
display: inline-block;
flex-shrink: 0;
width: 25px;
height: 25px;
border: 1px solid #6F6F76;
border-radius: 5px;
}
.subscribe__agreement-checkbox-hidden:checked + .subscribe__agreement-checkbox {
position: relative;
background-color: #6F6F76;
}
.subscribe__agreement-checkbox-hidden:checked + .subscribe__agreement-checkbox::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("/local/templates/artfactor/css/../images/icon-agreement-check.svg");
transform: translate(-50%, -50%);
}
.subscribe .subscribe__agreement-text {
padding-left: 0;
margin-left: 11px;
font-weight: 400;
font-size: 15px !important;
line-height: 21px;
}
.subscribe .subscribe__agreement-text::before,
.subscribe .subscribe__agreement-text::after {
display: none;
}
.subscribe .subscribe__submit {
min-height: 50px;
margin: 20px 0 0;
font-size: 20px;
line-height: 28px;
background-color: #414147;
border-radius: 5px;
}
.subscribe .subscribe__form .subscribe__email {
margin: 0;
}
.subscribe .subscribe__form {
margin-top: 20px;
}
.subscribe__text {
margin: 0;
font-weight: 300;
font-size: 24px;
line-height: 34px;
}
.subscribe {
padding: 40px 15px;
}
.callback-form-new {
display: flex;
flex-direction: column;
padding: 40px 15px;
background-color: #F6F6F6;
}
/*.callback-form-new.callback-form-new--products {*/
/* background-color: #fff;*/
/*}*/
.callback-form-new__heading {
margin: 0 0 20px;
text-align: center;
font-weight: 300;
font-size: 24px;
line-height: 34px;
color: #414147;
}
.callback-form-new__text {
margin: 0 0 20px;
text-align: center;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #414141;
}
.form-click--new .iti,
.callback-form-new .iti {
width: 100%;
max-height: 50px;
padding: 5px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #D0D0DD;
}
.form-click--new input.form-click__input.country-phone,
.callback-form-new input.callback-form-new__input.country-phone {
max-height: 40px;
padding-left: 63px !important;
font-size: 22px;
line-height: 31px;
border: none;
}
.form-click--new input.form-click__input.country-phone {
font-size: 18px;
line-height: 25.2px;
/*letter-spacing: .1em;*/
}
.form-click--new .iti__flag-container,
.callback-form-new .iti__flag-container {
left: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.form-click--new .iti__flag,
.callback-form-new .iti__flag {
position: relative;
height: 15px;
box-shadow: none;
border-radius: 1px;
/*outline: 1px solid #D0D0DD;*/
/*border: 1px solid #D0D0DD;*/
/*overflow: hidden;*/
/*background-image: url("/local/templates/artfactor/css/../images/flags@2x.png?1");*/
}
.form-click--new .iti__flag::before,
.callback-form-new .iti__flag::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid #D0D0DD;
border-radius: 2px;
}
.form-click--new .iti__arrow,
.callback-form-new .iti__arrow {
margin-left: 9px;
width: 14px;
height: 9px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("/local/templates/artfactor/css/../images/icon-country-selector-arrow.svg");
border: none;
}
.form-click--new .iti--inline-dropdown .iti__dropdown-content,
.callback-form-new .iti--inline-dropdown .iti__dropdown-content {
top: 0;
left: 0;
}
.form-click--new .iti--allow-dropdown input.iti__tel-input,
.callback-form-new .iti--allow-dropdown input.iti__tel-input {
padding-left: 66px;
font-weight: 400;
font-size: 22px;
line-height: 31px;
letter-spacing: .1em;
}
.form-click--new .iti__selected-flag,
.callback-form-new .iti__selected-flag {
height: 40px;
margin-left: 2px;
border-radius: 5px;
background-color: #F6F6F6;
}
.form-click--new .iti__country-list,
.callback-form-new .iti__country-list {
top: 100%;
left: 0;
border-radius: 0 0 5px 5px;
}
.callback-form-new__submit {
width: 100%;
margin: 15px 0 0;
min-height: 50px;
border-radius: 5px;
background-color: #FF6A00;
font-weight: 400;
font-size: 20px;
line-height: 28px;
cursor: pointer;
transition: all .3s ease;
}
.callback-form-new__submit:hover,
.callback-form-new__submit:focus {
background-color: #F98A3A;
outline: none;
}
@media (max-width: 768px) {
.usage__item--desktop-only {
display: none;
}
}
.home-components > h1 {
font-weight: 400;
}
.section-box__item-img--idea {
max-height: none;
aspect-ratio: 376/552;
}
.vertical-slider--ideas .vertical-slider__row,
.vertical-slider--ideas .vertical-slider__main,
.vertical-slider--ideas .vertical-slider__main-list,
.vertical-slider--ideas .slick-list,
.vertical-slider--ideas .slick-track {
height: 100%;
}
.vertical-slider--ideas img {
width: 100%;
height: 100%;
object-fit: contain;
}
.form-click--new .modal__close {
top: 14px;
right: 14px;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.form-click--new .modal__inner {
max-width: 700px;
width: calc(100% - 60px);
padding: 50px 20px;
}
.form-click--new .modal__content {
padding: 0;
}
.form-click--new .form-click__heading {
margin: 0 0 20px;
text-align: center;
font-weight: 300;
font-size: 24px;
line-height: 35px;
}
.form-click--new label {
margin-bottom: 15px;
}
.form-click--new .form-click__input {
width: 100%;
height: 50px;
font-weight: 400;
font-size: 15px;
line-height: 21px;
border: 1px solid #D0D0DD;
border-radius: 5px;
}
.form-click--new .form-click__input::placeholder {
color: #9595A4;
opacity: 1;
}
.form-click--new .form-click__agreement-text {
margin: 0;
padding-left: 36px;
color: #6D6D76;
font-weight: 400;
font-size: 15px;
line-height: 21px;
}
.form-click--new .form-click__agreement-text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
border-radius: 5px;
border: 1px solid #6D6D76;
}
.form-click--new .form-click__agreement-text::after {
content: "";
position: absolute;
top: 0 !important;
left: 0;
display: none;
width: 25px !important;
height: 25px !important;
border-radius: 5px;
background-color: #6D6D76;
background-repeat: no-repeat;
background-position: center;
background-size: 17px auto;
background-image: url("/local/templates/artfactor/css/../images/icon-agreement-check.svg");
}
.form-click--new .form-click__agreement-label input:checked + .form-click__agreement-text::after {
display: block;
}
.form-click--new .form-click__submit {
width: 100%;
height: 50px;
margin-bottom: 15px;
background-color: #FF6A00;
border-radius: 5px;
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
.form-click--new .form-click__submit:hover,
.form-click--new .form-click__submit:focus {
background-color: #EE843A;
outline: none;
}
.form-click--new .form-click__agreement-label {
margin-bottom: 50px;
}
.form-click__wa-block {
display: flex;
flex-direction: column;
width: 100%;
max-width: 352px;
margin: 0 auto;
}
.form-click__wa-text {
margin: 0 0 15px;
font-weight: 400;
font-size: 21px;
line-height: 29px;
text-align: center;
}
.form-click__wa-link {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-left: 11px;
padding-right: 11px;
height: 60px;
color: #01A81E;
font-weight: 400;
font-size: 18px;
line-height: 25px;
white-space: nowrap;
border: 1px solid #01A81E;
border-radius: 5px;
}
.form-click__wa-link::before {
content: "";
display: inline-block;
width: 31px;
height: 31px;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("/local/templates/artfactor/css/../images/icon-wa.svg");
}
.form-click--new .form--send {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.mobile-menu--open .mobile-menu__overlay {
background-color: rgba(0,0,0,.8);
opacity: 1;
}
.mobile-menu__content {
width: calc(100% - 60px);
background-color: #414147;
overflow-y: auto;
}
.nav--mobile .nav__item.nav__item--first > div > .nav__link,
.nav--mobile .nav__item.nav__item--first > .nav__link {
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 25px;
font-weight: 400;
}
.nav--mobile .nav__item:not(.nav__item--first) .nav__link,
.nav--mobile .nav__item.nav__item--first li .nav__link,
.dropdown-mobile > ul a {
font-size: 15px;
line-height: 21px;
font-weight: 400;
color: #9595A4 !important;
}
.dropdown-mobile--open > div a {
color: #fff !important;
}
.nav--mobile .collapse a,
.nav--mobile .collapsing a {
color: #9595A4 !important;
}
.nav__item.dropdown-mobile > div {
position: relative;
}
.nav__item.dropdown-mobile > div::after {
position: absolute;
content: "";
width: 24px;
height: 24px;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 24px auto;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2025%22%20id%3D%22icon-mobile-menu-arrow%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m18%2015.5-6-6-6%206%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E');
transform: rotate(-180deg);
}
.nav__item.dropdown-mobile--open > div::after {
transform: rotate(0deg);
}
.mobile-menu__wrapper {
overflow: visible;
}
.mobile-menu__wrapper::before,
.mobile-menu__wrapper::after {
display: none;
}
.mobile-menu__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 10px;
}
.mobile-menu__head-text {
margin: 0 0 5px;
color: #fff;
font-weight: 400;
font-size: 13px;
line-height: 17px;
}
.mobile-menu__head-link {
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.mobile-menu__close {
width: 32px;
height: 32px;
padding: 0;
border: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M24 8 8 24M8 8l16 16" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-color: transparent;
}
.mobile-menu__content {
padding-top: 10px;
padding-bottom: 45px;
}
.mobile-menu__content > * {
padding-right: 15px;
padding-left: 15px;
}
.mobile-menu__wrapper {
margin-bottom: 0;
padding-top: 0;
}
.mobile-menu__content nav {
padding-bottom: 0;
}
.nav__item--first {
width: 100%;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #6C6C76;
}
.nav--mobile .nav__list {
gap: 0;
}
.dropdown-mobile > ul li:first-child {
padding-top: 20px;
}
.dropdown-mobile > ul li:last-child {
margin-bottom: 0;
}
.dropdown-mobile > ul li:not(:last-child) {
margin-bottom: 20px;
}
.mobile-menu__params-toggle {
padding: 7px 10px;
border: 1px solid #6C6C76;
border-radius: 5px;
}
.mobile-menu__params .mobile-menu__params-toggle-placeholder {
display: block;
height: auto;
color: #D0D0DD;
font-size: 15px;
line-height: 21px;
}
.mobile-menu__params {
align-items: flex-start;
margin-top: 10px;
}
.mobile-menu__params .mobile-menu__params-toggle {
height: auto;
margin-right: 10px;
}
.mobile-menu__params .mobile-menu__params-toggle:last-child {
margin-right: 0;
}
.mobile-menu__params-toggle-menu {
margin-top: 8px;
}
.mobile-menu__params-toggle-menu-item {
color: #D0D0DD;
font-size: 15px;
line-height: 21px;
}
.mobile-menu__params-toggle-menu-item.current {
color: #FF6B00;
}
.header__top-row {
display: none;
}
.header__logo-img {
display: block;
}
.header__logo-img--desktop {
display: none;
}
.logo.logo--header {
width: 63px;
margin-right: 40px;
}
.header__wrapper {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.header__nav.header__nav--new {
display: block;
}
.header__nav--new .header__catalog {
display: flex;
justify-content: center;
align-items: center;
padding: 13px 20px;
font-size: 15px;
line-height: 21px;
font-weight: 400;
border-radius: 5px;
color: white;
position: relative; /* Добавим позиционирование для ::before */
}
.header__nav--new .header__catalog::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg"><rect x="4.762" y="5" width="16" height="5" rx="1" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/><rect x="4.762" y="14" width="16" height="5" rx="1" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/></svg>') no-repeat center;
background-size: contain;
}
.header__catalog:not(.header__catalog--mobile) {
display: none;
}
.header__catalog.header__catalog--mobile {
display: flex;
}
.header__logo-img--mobile path:first-child {
display: block;
}
.header__mobile {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: auto;
}
.header__search {
flex-basis: 100%;
display: block;
max-width: 100%;
margin-top: 10px;
}
.header__search .input__field {
border-radius: 5px;
border: 1px solid #D0D0DD;
font-size: 15px;
line-height: 21px;
font-weight: 400;
}
.header__search .input--search::after {
height: calc(100% - 3px);
}
.input--search .input__field::placeholder {
opacity: 1;
color: #6D6D76 !important;
font-weight: 400;
}
.header__search .search__submit {
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
padding: 7px;
}
.header__action {
/*display: none;*/
display: flex;
align-items: center;
margin-left: auto;
gap: 0;
}
.header__action-profile {
display: block;
}
.header__action > :not(:first-child) {
margin-left: 10px;
}
.mobile-footer {
display: none;
}
.header__mobile {
margin-left: 20px;
}
.nav__link:focus,
.nav__link.curr {
color: #ff6b00;
}
.dropdown-catalog > .nav__link.curr + .dropdown-catalog__list,
.dropdown-catalog > .nav__link:focus + .dropdown-catalog__list {
z-index: 2;
opacity: 1;
visibility: visible;
}
.new-form-result__heading {
margin: 0 auto 20px;
color: #414141;
font-weight: 300;
font-size: 24px;
line-height: 34px;
text-align: center;
}
.new-form-result__text {
margin: 0 auto 20px;
color: #414141;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: center;
}
.new-form-result__btn {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
margin-right: auto;
margin-left: auto;
padding: 0 30px;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: center;
background-color: #414141;
border: none;
border-radius: 5px;
transition: background-color 0.3s ease;
cursor: pointer;
}
.new-form-result__btn:hover,
.new-form-result__btn:focus {
background-color: #F98A3A;
outline: none;
}
.form-click--new .iti--allow-dropdown .iti__flag-container {
z-index: 1;
}
.usage-page .usage__item {
height: 100%;
}
.usage__item-img img {
object-fit: cover;
}
.filter__sort:not([href]):hover {
color: inherit;
cursor: default;
}
.catalog-box__item-img--contain img {
object-fit: contain;
}
.catalog-box__item-img--contain.poli-images {
border: 0px solid rgb(203, 203, 203);
}
.catalog-box__item-img--contain.poli-images img {
}
.description__content.text-1 {
margin-top: 50px;
}
.whatsapp-button {
z-index: 15;
}
.btn-up {
background-color: #E6E6EB;
transition: background-color .3s;
}
.btn-up:hover,
.btn-up:focus {
background-color: #D6D6DD;
outline: none;
}
.ya-reviews {
position: relative;
width: 100%;
max-width: 760px;
/*width: 560px;*/
height: 800px;
margin: 0 auto 60px;
overflow: hidden;
}
.ques_ic {
display: inline-block;
}
.alt-text-page .alt-text-page__heading {
margin-top: 10px;
margin-bottom: 30px;
font-size: 26px;
line-height: 36px;
font-weight: 300;
color: #414147;
}
.alt-text-page__content,
.alt-text-page__content-text-block {
display: flex;
flex-direction: column;
gap: 30px;
}
.alt-text-page__content-text-container p {
margin: 0 0 15px;
font-size: 20px;
line-height: 26px;
color: #414147;
}
.alt-text-page__content-text-container p:last-child {
margin-bottom: 0;
}
.alt-text-page__content-text-container ol {
margin: 0 0 15px;
}
.alt-text-page__content-text-container ol:last-child {
margin-bottom: 0;
}
.alt-text-page__content-text-container ol li {
position: relative;
margin: 0 0 10px;
padding-left: 31px;
color: #414147;
font-size: 18px;
line-height: 25px;
}
.alt-text-page__content-text-container li::before {
position: absolute;
top: 0;
left: 0;
content: counter(num) ". ";
margin-right: 0;
color: #9595A4;
font-size: 18px;
line-height: 25px;
}
.alt-text-page__content-text-container ol li:last-child {
margin-bottom: 0;
}
.alt-text-page__content-img-container {
position: relative;
}
.alt-text-page__content-img-caption {
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
width: calc(100% - 20px);
padding: 10px;
text-align: center;
color: #414147;
font-size: 15px;
line-height: 21px;
background-color: #fff;
}
.alt-text-page__content-img-caption:empty {
display: none;
}
.alt-text-page__content-img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
}
.alt-text-page__content-form-container {
background-color: #F6F6F6;
}
.alt-text-form__form {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 15px;
}
.alt-text-form__heading {
margin: 0 0 15px;
text-align: center;
font-weight: 400;
font-size: 22px;
line-height: 24px;
color: #414147;
}
.alt-text-form__input {
padding: 0 15px;
font-size: 15px;
line-height: 21px;
background-color: #fff;
}
.alt-text-form__fields {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
max-width: 420px;
}
.alt-text-form__fields label {
margin-bottom: 0;
}
.alt-text-form__fields .form-click__submit {
font-size: 18px;
line-height: 25px;
}
.alt-text-form__agreement {
max-width: 100%;
}
.alt-text-form__agreement .form-click__agreement-text {
white-space: normal;
}
.alt-text-form__agreement .form-click__agreement-label {
margin: 0;
}
.description__content.text-1.products-desc {
margin-top: 0;
}
.bottom__cookie-block--new {
bottom: 5%;
flex-direction: column;
align-items: center;
width: calc(100vw - 30px);
max-width: 1720px;
padding: 5px;
border-radius: 5px;
border: 1px solid #D0D0DD;
}
.bottom__cookie-block--new .cookie_text {
padding: 0;
margin-bottom: 10px;
text-align: center;
font-weight: 400;
font-size: 13px;
line-height: 17px;
font-family: "Onest", "Arial", sans-serif;
}
.bottom__cookie-block--new .cookie_text a {
color: #FF6A00;
transition: color .3s;
}
.bottom__cookie-block--new .cookie_text a:hover,
.bottom__cookie-block--new .cookie_text a:focus {
color: #F98A3A;
outline: none;
}
.bottom__cookie-block--new .cookie_btn a {
display: flex;
justify-content: center;
align-items: center;
min-height: 35px;
margin: 0;
padding: 12px;
text-align: center;
font-weight: 400;
font-size: 18px;
line-height: 25px;
font-family: "Onest", "Arial", sans-serif;
background-color: #d0d0dd;
border-radius: 5px;
transition: background-color .3s;
}
.bottom__cookie-block--new .cookie_btn a:hover,
.bottom__cookie-block--new .cookie_btn a:focus {
background-color: #6d6d76;
outline: none;
}
.usage__item-img img {
width: 100%;
height: 100%;
}
.usage__list--idea .usage__item {
aspect-ratio: 355/284;
}
.usage__list--idea .item1-1,
.usage__list--idea .item7-7,
.usage__list--idea .item9-9 {
aspect-ratio: 735/286;
}
.usage__list--idea .item3-3,
.usage__list--idea .item4-4,
.usage__list--idea .item11-11 {
aspect-ratio: 355/588;
}
.leg-item .item_image {
aspect-ratio: 1/1;
}
.leg-item .item_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*.legs__block {*/
/* justify-content: flex-start;*/
/* gap: 30px;*/
/*}*/
.catalog-section-desc {
padding: 40px 0;
}
.catalog-section-desc .description__content.text-1 {
margin-top: 0;
}
.mobile-sort {
cursor: pointer;
}
.pointer {
cursor: pointer;
}
.mobile-sort--selected {
cursor: default;
}
.mobile-sort--selected span {
font-weight: 700;
}
.filter-catalog .apply_filter,
.filter-catalog .clear_filter {
cursor: pointer;
}
.filter-product__forms label span::before,
.filter-product__forms label span::after {
display: none !important;
}
.filter-product__forms:last-of-type,
.filter-product__size-item:last-of-type {
margin-bottom: 100px;
}
.nav--catalog .nav__item:not(:last-child) {
margin-bottom: 25px;
}
.filter__section label span.counter-span::before,
.filter__section label span.counter-span::after,
.filter__section label span.counter-span-wrapper::before,
.filter__section label span.counter-span-wrapper::after {
display: none;
}
.filter__section label span.counter-span,
.filter__section label span.counter-span-wrapper {
padding: 0;
}
.filter__section label span.counter-span-wrapper {
display: none;
white-space: nowrap;
}
.getreview-widget video {
margin-left: 0;
}
.usage__list.usage__list--idea-new {
display: flex;
flex-direction: column;
gap: 0;
}
.usage__list.usage__list--idea-new .usage__item--new {
width: 100%;
margin: 2px 0;
aspect-ratio: 560/440;
overflow: hidden;
position: relative;
}
.usage__item--new .usage__item-img {
width: 100%;
height: auto;
}
.usage__item--new .usage__item-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.usage__item--new .usage__item-content {
position: relative;
width: 100%;
/* padding: 10px; */
text-align: center;
/* background: #f9f9f9; /* фон для текста */ */
z-index: 1; /* чтобы текст был поверх других элементов */
}
.usage__item--new .usage__item-content::before {
display: none; /* убираем ::before */
}
.usage__item--new .usage__item-title {
margin-bottom: 5px;
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #414047;
}
.basket_wr .select-items {
min-width: 100%;
max-width: 100%;
}
.order__item-head .order__item-status .order__item-time {
display: block;
white-space: nowrap;
}
.order__item-head .order__item-status .order__status__type {
display: block;
margin-left: 10px;
text-align: right;
}
.legs__block .leg-item {
position: relative;
}
.legs__block .leg-item .item_top {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 0;
margin: 0;
padding: 10px 10px 0;
z-index: 2;
}
.leg-item .item_top .item_statuses,
.leg-item .item_top .stock {
position: static;
}
.leg-item .item_top .stock {
top: 0;
margin-left: 5px;
padding: 0;
background-color: transparent;
}
.leg-item .item_image {
margin-top: 36px;
}
.interior__item .inerior__item-image img {
height: 100%;
}
.mySwiper2 .swiper,
.mySwiper2 .swiper-wrapper {
height: 100%;
}
.mySwiper2 .fancy_box_a {
width: 100%;
height: 100%;
}
.mySwiper2 .fancy_box_a img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.card_s_t_left .swiper-slide img {
object-fit: contain;
/*object-fit: cover;*/
object-position: center;
}
.card_s_t_left .mob_first .swiper-slide img {
object-fit: contain;
}
.legs__block--no-mt {
margin-top: 0;
}
.legs__block--no-mt .leg-item .item_top span {
color: #414047;
}
.select-selected.custom-select--empty {
background-image: none;
}
.catalog-sort .nice-select .list {
top: 21px;
right: -9px;
left: auto;
min-width: 100%;
width: auto;
}
.option_left_item .nice-select.from_country {
display: none;
}
.form-pass .input-checkbox span {
position: relative;
padding-left: 30px;
}
.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
opacity: 0;
z-index: -1;
}
.swiper-prev {
position: absolute;
bottom: 0;
left: 0;
right: auto;
width: 75px;
height: 100%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.swiper-prev svg {
transform: rotate(-90deg);
}
.swiper-prev.swiper-button-lock {
display: none;
}
.footer__submenu a {
font-size: 15px;
line-height: 1.4;
color: #9595A4;
}
.fancybox-button[disabled] {
color: #888 !important;
}
.tbody_tr_td_last_in .price {
white-space: nowrap;
}
.section-box__item--usual .section-box__item-img {
aspect-ratio: 1300/853;
width: 100%;
max-width: none;
height: auto;
max-height: none;
}
.collection__block .collection-item.light {
background-color: #F6F6F6;
border-top: 1px solid #D0D0DD;
border-bottom: 1px solid #D0D0DD;
}
.collection__block .collection-item .download__collection {
align-items: center;
}
.button_grey:hover,
.button_grey:focus {
background-color: #D0D0DD;
}
.button_grey:active {
color: #fff;
background-color: #6D6D76;
}
.page h1 {
margin-top: 10px;
margin-bottom: 30px;
color: var(--414147, #414147);
font-size: 26px;
font-style: normal;
font-weight: 300;
line-height: 140%;
}
.section-about .about_inner .about_block .about_text p {
font-weight: 400;
line-height: 155%;
}
.section-years .years_inner .years_content .swiper-slide {
display: block
}
.section-years .years_inner .years_content .swiper-slide p {
font-weight: 400;
line-height: 155%;
}
.section-news .news_inner .news_block .news_text .news_text_body p {
font-weight: 400;
line-height: 155%;
}
.article_action {
text-align: center;
margin-top: 20px;
}
.button_grey {
cursor: pointer;
}
.modal--to-cart .cart_btn:not(:last-of-type) {
margin-bottom: 15px;
}
.modal--to-cart .cart_btn {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.modal--to-cart .cart_btn:not(.order_btn):hover,
.modal--to-cart .cart_btn:not(.order_btn):focus {
background-color: #EE843A;
}
.modal--to-cart .cart_btn.order_btn:hover,
.modal--to-cart .cart_btn.order_btn:focus {
background-color: #D0D0DD;
}
.nothing-found {
margin: 80px 0;
text-align: center;
font-size: 21px;
line-height: 1.4;
}
.footer .callback-form-new .modal__content {
padding: 0;
}
.order_s_content_inputs .ag-countrymask.iti {
width: 100%;
}
.price_li {
position: relative;
}
.price_li::before {
content: "" !important;
position: absolute;
bottom: 7px;
left: 0;
width: 100%;
height: 0;
border-bottom: 1px dashed #D0D0DD;
z-index: 0;
}
.price_li .price_sp {
position: relative;
background-color: #fff;
z-index: 1;
}
footer .callback-form-new:first-child {
margin-top: 40px;
}
.section-payment .payment_block .block_item.text .text_content {
color: #414147;
}
.catalog__filter-sort .catalog-filter,
.catalog__filter-sort .catalog-sort,
.catalog__filter-sort .catalog-sort span {
color: #414147;
}
.overlay {
background-color: rgba(100, 98, 112, 0.7);
}
.option_left_item .hide {
display: none;
}
.all_size_section_head {
display: flex;
align-items: center;
}
.all_size_section_head_cross_block {
margin-bottom: 15px;
margin-left: auto;
display: flex;
align-items: center;
}
.all_size_section_head_cross_block_text {
display: block;
margin-right: 5px;
}
.all_size_section_head_cross_block_btn {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0;
}
.subscribe.subscribe--grey {
background-color: #F6F6F6;
}
.wrapper_z.basket_wr,
.new-soa > .container {
padding-bottom: 40px;
}
.subscribe__agreement-checkbox {
background-color: #fff;
}
.service_img {
transition: transform .3s ease-in-out;
transform: scale(1);
}
.services_item {
overflow: hidden;
}
.services_item:hover .service_img {
transform: scale(1.1);
}
/*p,*/
/*li {*/
/* font-size: 20px;*/
/*}*/
/*.text-box h2 {*/
/* font-size: 48px;*/
/*}*/
/*.text-box a {*/
/* color: #ff6b00;*/
/*}*/
/*.text-box table td p {*/
/* font-size: 16px;*/
/*}*/
/*.text-box table,*/
/*.text-box table td {*/
/* border: 1px solid #414047;*/
/*}*/
/*.text-box table td {*/
/* vertical-align: middle;*/
/*}*/
/*.text-box blockquote {*/
/* margin: 20px 40px;*/
/* font-size: 20px;*/
/*}*/
/*.text-box .text-box__card-text,*/
/*.text-box .text-box__card-text p {*/
/* font-size: 20px;*/
/*}*/
@media (max-width: 350px) {
.logo.logo--header {
margin-right: 0;
}
.header__logo {
margin-right: 10px;
}
.header__mobile {
margin-left: 10px;
}
}
@media (min-width: 351px) and (max-width: 420px) {
.logo.logo--header {
margin-right: 20px;
}
.header__logo {
margin-right: 0;
}
}
@media (max-width: 400px) {
.home-products__box a .home-products__box-title {
max-width: 180px;
}
}
@media (max-width: 420px) {
.header__nav--new .header__catalog {
padding: 10px;
font-size: 12px;
}
.header__nav--new .header__catalog::before {
width: 18px;
height: 18px;
}
}
@media (max-width: 575px) {
article,
article p,
article li {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 599px) {
.hero .hero__item-name {
text-align: center;
line-height: 1.5;
}
.hero .hero__item-name.hero__item-name--phone-color-dark {
color: #3D3D3D;
}
.hero .hero__item-name.hero__item-name--phone-color-light {
color: #fff;
}
.hero .hero__item-name.hero__item-name--phone-pos-top {
padding-top: 60px
}
.hero .hero__item-name.hero__item-name--phone-pos-center {
padding-top: 50px;
}
.hero .hero__item-name.hero__item-name--phone-pos-bottom {
padding-top: 475px;
}
.hero__item-name-span--tablet,
.hero__item-name-span--desktop {
display: none;
}
.hero__item-name-span.hero__item-name-span--phone {
display: block;
text-align: center;
font-size: 22px;
}
.hero__swiper-item .mobile {
display: block;
}
.hero__swiper-item .tablet {
display: none;
}
.hero .hero__swiper-item {
height: 626px;
}
}
@media (min-width: 600px) {
.hero .hero__item-name {
text-align: left;
font-size: 26px;
line-height: 1.5;
}
.hero .hero__item-name.hero__item-name--tablet-color-dark {
color: #3D3D3D;
}
.hero .hero__item-name.hero__item-name--tablet-color-light {
color: #fff;
}
.hero .hero__item-name.hero__item-name--tablet-pos-top {
padding-top: 60px
}
.hero .hero__item-name.hero__item-name--tablet-pos-center {
padding-top: 180px;
}
.hero__item-name-span--phone,
.hero__item-name-span--desktop {
display: none;
}
.hero__item-name-span--tablet {
display: block;
}
.section-box__item--usual {
width: calc(100% - 20px);
}
.hero__swiper-item .mobile {
display: none;
}
.hero__swiper-item .tablet {
display: block;
}
.hero .hero__item-name.hero__item-name--tablet-pos-bottom {
padding-top: 385px;
}
}
@media (max-width: 479px) {
.mySwiper .swiper-slide {
height: auto;
}
}
@media (max-width: 500px) {
.wrapper_z .tab_header_order .tab_header_order_item {
padding: 10px 15px;
}
}
@media (max-width: 520px) {
.collection__block .collection-item .callection-item_images img {
height: auto;
}
.interior .swiper-horizontal > .swiper-pagination-bullets, .interior .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 12px;
}
.advanatages__block .advantage__item {
padding: 34px 15px 30px;
}
.advantage__item .advantage__item-number {
font-size: 20px;
}
.advantage__item .advantage__item-number::after {
width: 35px;
height: 35px;
}
.advantage__item .advantage__item-text {
margin-top: 19px;
padding: 0 25px;
font-size: 18px;
line-height: 25px;
}
.production__block {
margin-top: 30px;
}
}
@media (min-width: 521px) {
.catalog-section-desc {
padding: 100px 0;
}
.production__block {
margin-top: 40px;
}
}
@media (max-width: 670px) {
.modal--to-cart .modal__inner {
max-width: 700px;
width: calc(100% - 60px);
}
.modal--to-cart .modal__content {
/*max-width: 700px;*/
/*width: calc(100% - 60px);*/
padding: 50px 20px;
}
}
@media (min-width: 671px) {
footer .callback-form-new:first-child {
margin-top: 100px;
}
footer .callback-form-new__form {
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 700px) {
.table_z-wrapper {
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: hidden;
overflow-x: auto;
}
.table_z.desc {
display: block;
width: 100%;
}
.thead_z {
display: none;
}
.tbody_z {
display: block;
border-top: 1px solid #D0D0DD;
}
.tbody_tr_td_first span,
.tbody_tr_td_second {
display: none;
}
.tbody_tr_z.comp-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 15px 0;
}
.tbody_tr_td_first {
flex-basis: 70px;
flex-shrink: 0;
height: 70px;
margin-right: 15px;
}
.tbody_tr_td_first img {
width: 100%;
height: 100%;
object-fit: contain;
}
.tbody_tr_td_third {
display: flex;
flex-direction: column;
align-items: center;
flex-basis: 125px;
flex-shrink: 0;
margin-right: 15px;
}
.tbody_tr_td_mobile--name {
margin-bottom: 10px;
text-align: center;
color: #414147;
font-family: "Onest", "Arial", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.tbody_tr_td_mobile--sizes {
display: flex;
justify-content: space-between;
gap: 30px;
width: 100%;
margin-bottom: 10px;
}
.tbody_tr_td_mobile--sizes .num_sp {
display: block;
text-align: center;
color: #414147;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 23px;
}
.tbody_tr_td_last {
align-self: flex-end;
flex-shrink: 0;
margin-left: auto;
padding-bottom: 0;
color: #414147;
text-align: right;
white-space: nowrap;
font-family: "Onest", "Arial", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
vertical-align: bottom;
}
.basket_wr .carved_overlay_mob {
gap: 0;
}
.basket_wr .tbody_tr_td_second {
display: flex;
}
.basket_wr .count_bas {
gap: 0 !important;
}
.all_size_table_wrapper {
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: hidden;
overflow-x: auto;
}
}
@media (min-width: 701px) {
.tbody_tr_td_mobile {
display: none;
}
}
@media (min-width: 721px) {
.interior .swiper-wrapper {
align-items: stretch;
}
.interior .interior__item {
height: 100%;
}
}
@media (max-width: 767px) {
.alt-text-page__content {
margin-bottom: -60px;
}
}
@media (min-width: 768px) {
.alt-text-page .alt-text-page__heading {
margin-bottom: 50px;
font-size: 42px;
line-height: 59px;
}
.alt-text-page__content {
display: flex;
flex-direction: row;
gap: 40px;
}
.alt-text-page--manufacture .alt-text-page__content {
flex-direction: row-reverse;
}
.alt-text-page__content-text-block {
flex-grow: 1;
}
.alt-text-page__content-img-block {
max-width: 460px;
flex-shrink: 0;
flex-basis: 36%;
}
.alt-text-page__content-text-container--center {
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 800px;
}
.alt-text-page__content-text-container p {
margin: 0 0 15px;
font-size: 20px;
line-height: 26px;
color: #414147;
}
.alt-text-page__content-text-container p:last-child {
margin-bottom: 0;
}
.alt-text-page__content-text-container ol {
margin: 0 0 15px;
}
.alt-text-page__content-text-container ol:last-child {
margin-bottom: 0;
}
.alt-text-page__content-text-container ol li {
position: relative;
margin: 0 0 10px;
padding-left: 31px;
color: #414147;
font-size: 18px;
line-height: 25px;
}
.alt-text-page__content-text-container li::before {
position: absolute;
top: 0;
left: 0;
content: counter(num) ". ";
margin-right: 0;
color: #9595A4;
font-size: 18px;
line-height: 25px;
}
.alt-text-page__content-text-container ol li:last-child {
margin-bottom: 0;
}
.alt-text-page__content-img-container {
position: relative;
}
.alt-text-page__content-img-caption {
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
width: calc(100% - 20px);
padding: 10px;
text-align: center;
color: #414147;
font-size: 15px;
line-height: 21px;
background-color: #fff;
}
.alt-text-page__content-text-container p {
margin: 0 0 25px;
font-size: 26px;
line-height: 33px;
}
.alt-text-page__content-text-container ol {
margin: 0 0 25px;
}
.alt-text-page__content-text-container ol li {
margin: 0 0 15px;
padding-left: 39px;
font-size: 21px;
line-height: 33px;
}
.alt-text-page__content-text-container li::before {
font-size: 21px;
line-height: 33px;
}
.alt-text-page__content-img-caption {
font-size: 17px;
line-height: 24px;
}
.alt-text-page__content-img-container,
.alt-text-page__content-img-wrapper {
height: 100%;
}
.alt-text-page__content-img-wrapper img {
object-fit: cover;
}
.alt-text-form .alt-text-form__form {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding: 50px;
}
.alt-text-form__heading {
margin: 0 0 25px;
font-size: 30px;
line-height: 33px;
}
.alt-text-form__input {
padding-right: 20px;
padding-left: 20px;
font-size: 17px;
line-height: 24px;
}
.page h1 {
/* margin-bottom: 50px; */
font-size: 42px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.alt-text-page__content-img-container {
width: 100%;
}
.alt-text-page__content-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 460/600;
}
.alt-text-page__content-img-caption {
top: 338px;
bottom: auto;
transform: translateY(calc(-100% - 10px));
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.alt-text-page__content-img-caption {
top: 451px;
}
}
@media (min-width: 992px) {
.hero .hero__item-name {
text-align: left;
line-height: 1.5;
font-size: 50px;
}
.hero .hero__item-name.hero__item-name--desktop-color-dark {
color: #3D3D3D;
}
.hero .hero__item-name.hero__item-name--desktop-color-light {
color: #fff;
}
.hero .hero__item-name.hero__item-name--desktop-pos-top {
padding-top: 60px
}
.hero .hero__item-name.hero__item-name--desktop-pos-center {
padding-top: 50px;
}
.hero .hero__item-name.hero__item-name--desktop-pos-bottom {
padding-top: 345px;
}
.hero__item-name-span--phone,
.hero__item-name-span--tablet {
display: none;
}
.hero__item-name-span--desktop {
display: block;
}
.hero__swiper-item .tablet {
display: none;
}
.hero__swiper-item .desktop {
display: block;
}
.wrapper_z.basket_wr,
.new-soa > .container {
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.hero .hero__item-name {
line-height: 1.5;
font-size: calc(16px + (44 * (100vw - 320px) / 1380));
}
.hero .hero__item-name.hero__item-name--desktop-pos-bottom {
padding-top: 300px;
}
.footer__submenu a {
font-size: 17px;
}
.leg-item .item_image {
margin-top: 53px;
}
.legs__block .leg-item .item_top {
padding: 20px 20px 0;
}
}
@media (max-width: 1000px) {
.mobile-footer {
/*display: block;*/
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-top: 5px;
padding-bottom: 15px;
z-index: 10000;
background-color: #fff;
box-shadow: 0 -2px 10px 0 rgba(0,0,0,.15);
}
.mobile-footer__menu {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.mobile-footer__menu-item-icon {
align-self: center;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-footer__menu-link {
display: flex;
flex-direction: column;
}
.mobile-footer__menu-item-name {
font-size: 13px;
line-height: 17px;
text-align: center;
color: #414147;
}
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
right: 90px;
bottom: 77px;
}
.whatsapp-button {
right: 12px;
bottom: 80px;
}
.footer__bottom {
padding-bottom: 107px;
}
}
@media (max-width: 650px) {
.section-payment .payment_block .block_item .payment_item {
padding: 20px;
}
.section-payment .payment_block .block_item .payment_item .item_img {
flex-shrink: 0;
width: 28px;
height: 28px;
}
.section-payment .payment_block .block_item .payment_item img,
.section-payment .payment_block .block_item .payment_item:last-of-type img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-payment .payment_block .block_item .payment_item .subinfo {
font-size: 17px;
line-height: 24px;
}
.section-payment .payment_block .block_item .payment_item .subinfo.color_o {
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 670px) {
.footer__menu .footer__menu-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer__menu-toggle {
width: 24px;
height: 24px;
border: none;
padding: 0;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2025%22%20id%3D%22icon-footer-menu-toggle%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m18%209.5-6%206-6-6%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E');
transform: rotate(0);
transition: transform .2s;
cursor: pointer;
}
.footer__menu--open .footer__menu-toggle {
transform: rotate(180deg);
}
.footer__menu--open .footer__submenu {
display: flex;
flex-direction: column;
}
.footer__submenu li,
.footer__submenu li + li {
margin-top: 0;
margin-bottom: 20px;
}
.footer__contacts {
order: 0;
margin-top: 0;
}
.footer__menu {
order: 1;
}
.footer__contacts .footer__callback {
margin-bottom: 30px;
}
.header__mobile {
width: auto;
}
.header__search {
display: none;
}
.header__search.header__search--open {
display: block;
}
.header__mobile-search-toggle {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 18px;
cursor: pointer;
}
.footer__menu--contacts {
border-top: 1px solid #6F6F76;
}
section.hero {
margin-bottom: 92px;
}
.logo.logo--header {
margin-right: 0;
}
.header__logo,
.header__nav.header__nav--new,
.header__action,
.header__mobile {
/*margin-left: auto;*/
margin: 0;
}
.header__wrapper {
justify-content: space-between;
}
.header__action--desktop {
display: none;
}
.header__action-profile--mobile,
.header__action-cart--mobile {
display: block;
}
.bottom__cookie-block--new .cookie_btn a {
min-height: 36px;
padding: 5px 12px;
font-size: 16px;
}
.header__wrapper .header__logo {
order: 0;
}
.header__wrapper .header__nav--new {
order: 3;
}
.header__wrapper .header__action-profile--mobile {
order: 1;
}
.header__wrapper .header__action-cart--mobile {
order: 2;
}
.header__wrapper .header__mobile {
order: 4;
}
.header__wrapper .header__search {
order: 5;
}
}
@media (min-width: 671px) {
.header__action-profile--mobile,
.header__action-cart--mobile {
display: none !important;
}
.header__action-profile--mobile,
.header__action-cart--mobile {
display: none !important;
}
.footer__menu--contacts {
margin-top: 40px;
border-top: none;
}
.footer__menu .footer__menu-title {
padding-top: 0;
}
.footer__menu .footer__menu-title a,
.footer__menu .footer__menu-title span {
font-size: 21px;
line-height: 29px;
}
.footer__menu {
flex-basis: calc(50% - 10px);
width: auto;
border-bottom: none;
}
.footer__menu--4 {
margin-top: 0;
}
.footer__menu-toggle {
display: none;
}
.footer__submenu li {
margin-top: 0;
margin-bottom: 15px;
}
.footer__contacts .footer__callback {
width: 100%;
max-width: 300px;
min-height: 60px;
font-size: 21px;
line-height: 29px;
}
.footer__contacts-column {
align-items: flex-start;
}
.footer__contacts-text {
font-size: 15px;
line-height: 19px;
}
.footer__contacts-column .footer__contacts-link a {
text-align: left;
font-size: 21px;
line-height: 29px;
}
.footer__contacts .footer__social {
justify-content: flex-start;
margin-top: 20px;
margin-bottom: 0;
}
.footer__bottom .footer__bottom-item {
font-size: 15px;
line-height: 19px;
}
.footer__contacts {
flex-direction: column;
}
.footer__bottom {
position: relative;
padding-top: 60px;
}
.footer__bottom::before {
content: "";
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 1px;
background-color: #6F6F76;
}
.subscribe .subscribe__contorls {
display: flex;
width: 100%;
margin-top: 20px;
}
.subscribe .subscribe__submit {
flex-basis: 300px;
flex-shrink: 0;
margin: 0;
min-height: 60px;
font-size: 21px;
line-height: 29px;
}
.subscribe__agreement {
margin: 0 0 0 20px;
flex-basis: calc(100% - 320px);
}
.subscribe .subscribe__agreement-text {
white-space: normal;
font-size: 17px !important;
line-height: 24px;
}
.callback-form-new {
padding-top: 100px;
padding-bottom: 100px;
}
.callback-form-new__form {
position: relative;
}
.callback-form-new__heading {
font-size: 40px;
line-height: 56px;
}
.callback-form-new__text {
font-size: 21px;
line-height: 33px;
}
.callback-form-new__input-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
/*max-width: 530px;*/
background-color: transparent;
}
.form-click--new .iti,
.callback-form-new .iti {
max-width: 530px;
width: 100%;
height: 70px;
max-height: 70px;
padding: 4px;
}
.form-click--new input.form-click__input.country-phone,
.callback-form-new input.callback-form-new__input.country-phone {
height: 62px;
max-height: 62px;
padding-left: 83px !important;
font-size: 21px;
line-height: 29px;
}
.form-click--new .iti__flag-container,
.callback-form-new .iti__flag-container {
left: 4px;
}
.form-click--new .iti__arrow,
.callback-form-new .iti__arrow {
margin-left: 5px;
width: 24px;
height: 24px;
background-size: 14px auto;
}
.form-click--new .iti--allow-dropdown input.iti__tel-input,
.callback-form-new .iti--allow-dropdown input.iti__tel-input {
padding-left: 86px;
padding-right: 183px;
font-size: 21px;
line-height: 29px;
}
.form-click--new .iti__selected-flag,
.callback-form-new .iti__selected-flag {
height: 62px;
padding-left: 15px;
padding-right: 10px;
}
.callback-form-new__submit {
position: absolute;
top: 5px;
right: calc(50% - 260px);
margin: 0;
min-height: 60px;
width: 167px;
font-size: 21px;
line-height: 29px;
}
.form-click--new .form-click__heading {
margin-bottom: 20px;
font-size: 40px;
line-height: 56px;
}
.form-click--new .form-click__input {
height: 60px;
font-size: 18px;
line-height: 24px;
}
.form-click--new .form-click__submit {
height: 60px;
margin-bottom: 17px;
font-size: 21px;
line-height: 29px;
}
.form-click--new .iti {
height: 60px;
}
.form-click--new .iti--allow-dropdown .iti__flag-container {
top: 50%;
height: 50px;
transform: translateY(-50%);
}
.form-click--new .iti__selected-flag {
height: 100%;
}
.form-click--new input.form-click__input.country-phone {
height: 50px;
}
.form-click--new .form-click__agreement-text {
position: relative;
top: 3px;
font-size: 17px;
line-height: 25px;
}
.form-click__wa-link {
font-size: 21px;
line-height: 29px;
}
.form-click--new .form-click__agreement-label {
max-width: 426px;
margin-right: auto;
margin-left: auto;
}
.header__action {
display: flex;
align-items: center;
margin-left: auto;
gap: 0;
}
.header__action > :not(:first-child) {
margin-left: 20px;
}
.header__action-profile {
display: block;
}
.header__mobile {
margin-left: 40px;
}
.form-click--new .modal__inner {
padding: 0;
}
.form-click--new .modal__inner-wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 581px;
padding: 20px 50px;
}
.new-form-result__heading {
margin-bottom: 30px;
font-size: 40px;
line-height: 56px;
}
.new-form-result__text {
margin-bottom: 30px;
font-size: 21px;
line-height: 33px;
}
.new-form-result__btn {
height: 60px;
}
.header__mobile-search-toggle {
display: none;
}
section.hero {
margin-bottom: 128px;
}
}
@media (max-width: 768px) {
.footer__copyright p {
display: block;
}
.usage__item--desktop-only {
display: none;
}
/*.text-box h2 {*/
/* font-size: 32px !important;*/
/*}*/
}
@media (min-width: 769px) {
.home-components .usage__item {
height: 100%;
}
.home-components .usage__item-img {
flex-grow: 1;
width: 100%;
}
.usage__list--idea .usage__item {
aspect-ratio: 415/332;
}
.usage__list--idea .item1-1,
.usage__list--idea .item7-7,
.usage__list--idea .item9-9 {
aspect-ratio: 850/332;
}
.usage__list--idea .item3-3,
.usage__list--idea .item4-4,
.usage__list--idea .item11-11 {
aspect-ratio: 415/684;
}
.usage__list.usage__list--idea-new {
position: relative;
left: -10px;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% + 20px);
}
.usage__list.usage__list--idea-new .usage__item--new {
width: calc(33.3333% - 20px) !important;
margin: 2px 10px;
}
.usage__item--new .usage__item-title {
font-size: 21px;
line-height: 1.4;
}
/* .usage__item--new .usage__item-content {
padding: 30px;
} */
.usage__item--new .usage__item-content::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
display: block;
width: 100%;
height: 240px;
/* background: -o-linear-gradient(bottom, #ececec 70px, rgba(236, 236, 236, 0) 100%);
background: linear-gradient(360deg, #ececec 70px, rgba(236, 236, 236, 0) 100%);
*/
}
.usage__item-content:hover .usage__item-title,
.usage__item-img:hover + .usage__item-content .usage__item-title {
color: #ff6b00; /* Меняем цвет текста при наведении на картинку или текст */
}
.usage__item-content:hover .usage__item-title::after,
.usage__item-img:hover + .usage__item-content .usage__item-title::after {
content: ' вћњ';
opacity: 1;
}
.usage__item-title::after {
content: '';
transition: all 0.3s ease;
opacity: 0;
margin-left: 5px;
}
.section-box__item--usual {
width: calc(33.3333% - 20px);
}
.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.swiper-prev {
top: auto;
bottom: 16px;
left: 0;
width: 50px;
height: 50px;
cursor: pointer;
}
.swiper-prev svg {
transform: none;
}
.swiper-next {
bottom: 16px;
left: 68px;
}
}
@media (max-width: 800px) {
.btn-up {
bottom: 165px;
}
.basket_wr .option_items_bas,
.option_items_bas .custom-select,
.option_items_bas .select-selected,
.basket_wr .count_bas {
width: 100%;
}
}
@media (min-width: 801px) {
.header__wrapper {
flex-wrap: nowrap;
}
.header__logo {
order: 0;
}
.header__nav--new {
order: 1;
}
.header__search {
order: 2;
flex-basis: auto;
max-width: 506px;
margin-top: 0;
margin-right: 40px;
margin-left: 20px;
width: 100%;
}
.header__action {
order: 3;
}
.header__mobile {
order: 4;
}
}
@media (max-width: 900px) {
.wrapper_z .tab_header_order {
align-items: stretch;
}
}
@media (min-width: 901px) {
.modal_z--1 {
width: 48%;
}
.modal_item:only-child {
width: 100%;
}
}
@media (min-width: 992px) {
.legs__block,
.section-articles .articles_inner .articles {
justify-content: flex-start;
width: calc(100% + 30px);
}
.section-articles .articles_inner .articles {
column-gap: 0;
}
.legs__block .leg-item,
.section-articles .articles_inner .articles .article_item {
flex-basis: calc(33.3333% - 30px);
max-width: none;
margin-right: 20px;
}
}
@media (min-width: 993px) {
.vertical-slider--ideas .vertical-slider__thumbs .slick-slide {
min-height: 222.5px;
}
.bottom__cookie-block--new {
flex-direction: row;
max-width: 50%;
}
.bottom__cookie-block--new .cookie_text {
flex-grow: 1;
margin-right: 10px;
margin-bottom: 0;
font-size: 15px;
line-height: 19px;
text-align: left;
}
.bottom__cookie-block--new .cookie_btn {
flex-shrink: 0;
flex-basis: 145px;
}
.bottom__cookie-block--new .cookie_btn a {
width: 100%;
/* min-height: 60px;*/
padding-right: 30px;
padding-left: 30px;
font-size: 21px;
line-height: 29px;
}
.nothing-found {
margin: 100px 0;
font-size: 24px;
}
}
@media (min-width: 1001px) {
.b24-widget-button-position-bottom-right {
right: 45px !important;
}
.btn-up {
right: 53px;
}
}
@media (max-width: 1002px) {
.section-news .news_inner .news_block {
gap: 0;
}
.news_images {
margin-bottom: 20px;
}
.news_images.sticky {
position: static !important;
}
/* .usage__item--new .usage__item-content {
display: block;
} */
}
@media (max-width: 1024px) {
.footer__contacts div:first-child {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
order: 0;
margin: 0;
}
.footer__bottom-item--1 {
order: 4;
}
.footer__bottom-item--2 {
order: 0;
}
.footer__bottom-item--3 {
order: 1;
}
.footer__bottom-item--4 {
order: 3;
}
.footer__bottom-item--5 {
order: 2;
}
}
@media (min-width: 1025px) {
.page {
overflow-x: clip;
}
.footer__bottom {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
/* margin-bottom: -30px; */
border-top: none;
}
.footer__bottom .footer__bottom-item {
margin-bottom: 30px;
}
.footer__bottom-item--1,
.footer__bottom-item--2,
.footer__bottom-item--3,
.footer__bottom-item--4 {
flex-basis: calc(25% - 27px);
}
.footer__bottom-item--5 {
flex-basis: 100%;
}
.footer__top {
/* flex-wrap: wrap; */
margin-bottom: 0;
}
.footer__menu {
margin-right: 0;
margin-left: 0;
/* flex-basis: calc(19% - 44px); */
}
.footer__menu:not(.footer__menu--4) {
margin-right: 55px;
}
.footer__contacts {
margin-top: 30px;
margin-left: 0;
flex-basis: 100%;
}
.footer__social {
position: static;
margin: 20px 0 0;
width: 100%;
max-width: 300px;
padding: 0;
transform: none;
}
.subscribe {
padding-top: 51px;
padding-bottom: 61px;
}
.subscribe > .container {
display: flex;
flex-direction: column;
}
.subscribe__text {
font-size: 21px;
line-height: 29px;
}
.subscribe .subscribe__form {
width: 100%;
/*margin-top: 0;*/
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.subscribe .subscribe__contorls {
/*flex-grow: 1;*/
flex-shrink: 0;
width: auto;
margin-top: 0;
margin-left: 20px;
}
.subscribe .subscribe__form .subscribe__email {
width: auto;
height: 60px;
flex-grow: 2;
}
.subscribe__agreement {
width: 241px;
}
.subscribe .subscribe__submit {
flex-basis: auto;
width: 300px;
}
.usage__item--new .usage__item-title {
font-family: 'Onest', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration: none;
color: #000;
transition: color 0.3s ease;
cursor: pointer;
}
.usage__item--new .usage__item-title {
top: auto;
opacity: 1;
}
.usage__item--new .usage__item-content {
display: block;
}
.usage__item--new .usage__item-img::after {
display: none;
}
}
@media (min-width: 1201px) {
.subscribe > .container {
flex-direction: row;
align-items: center;
}
.subscribe__text {
flex-basis: 265px;
flex-shrink: 0;
margin-right: 20px;
}
.subscribe .subscribe__form {
margin-top: 0;
}
.subscribe__agreement {
/*width: auto;*/
}
.subscribe .subscribe__form .subscribe__email {
max-width: 600px;
}
.subscribe .subscribe__contorls {
flex-grow: 1;
}
.header__top-row {
display: block;
padding: 4px 0;
background-color: #F6F6F6;
}
.header__top-row-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav--top-row .nav__item--first {
margin: 0;
margin-right: 40px;
padding: 0;
border: none;
}
.nav--top-row .nav__item--first > a {
font-weight: 400;
font-size: 17px;
line-height: 24px;
white-space: nowrap;
}
.nav--top-row .dropdown > ul {
z-index: 999;
}
.nav--top-row .dropdown > a::after {
width: 24px;
height: 24px;
background-image: url("/local/templates/artfactor/css/../images/icon-top-row-menu-arrow.svg");
}
.header__top-row-params {
display: flex;
align-items: center;
}
.header__top-row-params .mobile-menu__params-toggle {
position: relative;
padding: 0;
border: none;
}
.header__top-row-params .mobile-menu__params-toggle:not(:last-child) {
margin-right: 20px;
}
.header__top-row-params .mobile-menu__params-toggle-placeholder {
font-size: 17px;
line-height: 24px;
}
.header__top-row-params .mobile-menu__params-toggle-menu {
position: absolute;
top: calc(100% - 5px);
left: -5px;
width: calc(100% + 10px);
padding: 5px;
border-radius: 5px;
background-color: #F6F6F6;
z-index: 1;
}
.header__top-row-params .mobile-menu__params-toggle-menu-item:not(.current) {
color: #414147;
}
.header__logo-img--desktop {
display: block;
}
.header__logo-img--mobile {
display: none;
}
.logo.logo--header {
width: 142px;
}
.header__catalog:not(.header__catalog--mobile) {
display: flex;
}
.header__catalog.header__catalog--mobile {
display: none;
}
.header__mobile {
display: none;
}
.header__nav--new .header__catalog {
padding: 13px 30px;
}
.logo.logo--header {
margin-right: 20px;
}
.header__wrapper {
padding-top: 2px;
padding-bottom: 5px;
}
.header__top-row > .container,
.header > .container {
/* padding-right: 100px;
padding-left: 100px; */
}
.header__callback {
order: 3;
display: block;
margin-right: 0;
margin-left: auto;
}
.header__callback p {
margin: 0 0 5px;
font-size: 15px;
line-height: 19px;
font-weight: 400;
}
.header__callback a {
font-weight: 400;
font-size: 24px;
line-height: 31px;
}
.header__action {
margin-left: 40px;
}
.alt-text-page__content-text-block {
gap: 50px;
}
.alt-text-page__content {
gap: 100px;
}
.alt-text-page__content-img-block {
flex-basis: 26.74%;
}
.alt-text-form__fields {
flex-direction: row;
max-width: 100%;
margin-bottom: 23px;
}
.alt-text-form__fields label,
.alt-text-form__submit-wrapper {
margin-bottom: 0;
flex-basis: calc(33.3333% - (30px / 3));
}
.alt-text-form__fields .form-click__submit {
margin: 0;
}
.collections-box__item--new .collections-box__item-title {
position: relative;
/* font-size: 36px; */
font-family: 'Onest', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration: none;
color: #000;
transition: color 0.3s ease;
cursor: pointer;
line-height: 40px;
}
.collections-box__item--new {
position: relative;
width: calc(33.3333% - 20px);
}
.collections-box__item--new .collections-box__item-title {
font-size: 21px;
line-height: 1.4;
}
.collections-box__item--new {
aspect-ratio: 560/440;
}
.collections-box__item--new img {
padding: 2px 10px;
width: 100%;
height: 100%;
object-fit: cover;
}
.usage__item--new .usage__item-title {
/* font-size: 36px; */
line-height: 40px;
}
.hero .hero__item-name {
line-height: 1.5;
font-size: calc(11px + (44 * (100vw - 420px) / 1380));
}
.hero .hero__item-name.hero__item-name--desktop-pos-bottom {
padding-top: 415px;
}
.nothing-found {
margin: 120px 0;
font-size: 28px;
}
}
@media (min-width: 1301px) {
.modal_z--1 {
width: 46%;
}
.hero .hero__item-name {
line-height: 1.5;
}
}
@media (min-width: 1341px) {
.header__wrapper {
align-items: center;
}
}
@media (min-width: 1200px) {
.legs__block .leg-item,
.section-articles .articles_inner .articles .article_item {
flex-basis: calc(25% - 20px);
}
}
@media (min-width: 1400px) {
.legs__block .leg-item,
.section-articles .articles_inner .articles .article_item {
flex-basis: calc(20% - 20px);
max-width: calc(20% - 20px);
}
}
@media (min-width: 1910px) {
.legs__block .leg-item,
.section-articles .articles_inner .articles .article_item {
flex-basis: calc(20% - 24px);
max-width: calc(20% - 24px);
}
.legs__block,
.section-articles .articles_inner .articles {
justify-content: flex-start;
width: calc(100% + 70px);
}
}
@media (min-width: 1501px) {
.vertical-slider--ideas .vertical-slider__thumbs .slick-slide {
min-height: 280px;
}
.hero .hero__item-name {
line-height: 1.5;
font-size: calc(16px + (44 * (100vw - 320px) / 1380));
}
.modal_z--1 {
width: 40%;
}
}
@media (min-width: 1581px) {
.footer > .container {
padding-left: 0;
padding-right: 0;
}
.footer__bottom-item--1,
.footer__bottom-item--2,
.footer__bottom-item--3,
.footer__bottom-item--4 {
/*flex-basis: calc(25% - 87px);*/
flex-basis: auto;
}
.footer__top {
flex-wrap: nowrap;
justify-content: space-between;
}
.footer__menu {
margin-left: 0;
margin-right: 55px;
}
.footer__contacts {
margin-right: 0;
margin-left: 0;
}
.footer__menu,
.footer__contacts {
margin-right: 0;
flex-basis: calc(300px);
}
.footer__menu:not(.footer__menu--4),
.footer__menu.footer__menu--4 {
margin-right: 0;
}
.footer__contacts {
margin-top: 0;
}
.subscribe__text {
flex-basis: 334px;
}
.header__top-row > .container,
.header > .container {
padding-right: 0;
padding-left: 0;
}
.header__search {
max-width: 500px;
}
}
@media (min-width: 1701px) and (max-width: 1750px) {
.container {
max-width: 1660px;
}
.card_s_t_right {
width: calc(100% - (748px + 60px));
}
}
@media (min-width: 1751px) {
.container {
/* max-width: 1720px;
*/
max-width: 95%;
}
.footer__bottom-item--1,
.footer__bottom-item--2,
.footer__bottom-item--3 {
margin-right: 116px;
}
}
@media (min-width: 1752px) {
.modal_z--1 {
width: 35%;
}
}
@media (min-width: 1910px) {
.legs__block .leg-item {
flex-basis: calc(20% - 30px);
}
}
.section-services {margin-top: 50px;}
.modal_form.modal__content {padding: 0}
.modal_form.modal__content .modal__success, .modal_form.modal__content .modal__error {padding-top: 50px;}
.modal_form.modal__content .modal__title, .modal_form.modal__content .modal__title {text-align: center;}
@media (min-width:1201px) {
.catalog-page .main-wrap {overflow: unset;}
.catalog_sticky.sticked {
position: sticky;
top: 158px;
border-bottom: 1px solid #aaa;
background: #fff;
z-index: 50;
}
.breadcrumbs_sticked {
position: fixed;
top: 124px;
height: 35px;
width: 100%;
margin-top: 0px;
z-index: 80;
background-color: #fff;
opacity: 1;
transition: opacity 0.5s ease;
display: flex;
padding-top: 0px !important;
align-items: center;
}
}
@media (min-width: 801px) and (max-width: 1200px) {
.catalog-page .main-wrap {overflow: unset;}
.catalog_sticky.sticked {
position: sticky;
top: 119px;
border-bottom: 1px solid #aaa;
background: #fff;
z-index: 50;
}
.breadcrumbs_sticked {
position: fixed;
top: 70px;
height: 50px;
width: 100%;
margin-top: 0px;
z-index: 80;
background-color: #fff;
opacity: 1;
transition: opacity 0.5s ease;
display: flex;
padding-top: 0px !important;
align-items: center;
}
}
@media (max-width: 800px) {
.catalog-page .main-wrap {overflow: unset;}
.catalog_sticky.sticked {
position: sticky;
top: 166px;
background: #fff;
z-index: 81;
background: rgba(255, 255, 255, 0);
padding: 0px 15px !important;
}
.catalog_sticky.sticked .catalog-filter {
background: rgba(255, 107, 0, 0.5);
height: 35px;
width: 85px;
position: absolute;
right: 0;
top: 0;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.breadcrumbs_sticked {
position: fixed;
top: 127px;
height: 55px;
width: 100%;
margin-top: 0px;
z-index: 80;
background-color: #fff;
opacity: 1;
transition: opacity 0.5s ease;
display: flex;
padding-top: 0px !important;
align-items: center;
font-size: clamp(11px, 2vw, 14px);
}
.breadcrumbs {
font-size: clamp(11px, 2vw, 14px);
}
}
.catalog-menu.catalog-menu--open {
z-index: 101;
}
.num_option_1 .select-selected {background-image: none;}
.goto_furniture {font-size: 17px; line-height: 24px; border-bottom: 1px dashed rgba(149, 149, 164, 1); }
.card_section {margin-bottom: 30px;}
.breadcrumbs ul li:after {
background: url(/local/templates/artfactor/images/breacrumbs-divider.svg) no-repeat;
}
.num_option_1 .select-selected.select-arrow-active {
border-bottom: 1px solid #FF6A00;
border-radius: 5px 5px;
}
.num_option_1 .select-items {border:0px}
.without_option .option_right {
padding-right: 0; padding-bottom: 30px;
}
.without_option .option_right_mm, .without_option .option_right_sp {display: none}
.callback-form-new .modal__content {
padding: 0;
}
.leg-item .item_image img {
object-fit: contain;
}
.leg-item .item_image--one-pic:hover .main_image {
opacity: 1;
}
/*.text-box p, .text-box li{*/
/* font-size: 20px;*/
/*}*/
/*.text-box h2{*/
/* font-size: 48px;*/
/*}*/
/*.text-box a{*/
/* color: #ff6b00;*/
/*}*/
/*.text-box table{*/
/* border:1px;*/
/* font-size: 16px;*/
/*}*/
/*.post-box__content table td {*/
/* font-size: 16px;*/
/* padding: 8px;*/
/* border: 1px solid;*/
/*}*/
/*.post-box__content table td p {*/
/* font-size: 16px;*/
/*}*/
/** <стилизация текстовых страниц> **/
.text-page p {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: #6D6D76;
}
.text-page a:not(.button_grey) {
color: #FF6A00;
text-decoration: underline;
}
.text-page a:not(.button_grey):hover,
.text-page a:not(.button_grey):focus {
text-decoration: none;
outline: none;
}
.text-page p:not(:last-child) {
margin-bottom: 20px;
}
.text-page h2 {
margin: 0;
font-size: 24px;
line-height: 1.4;
font-weight: 300;
color: #414147;
}
.text-page h2:not(:last-child) {
margin-bottom: 20px;
}
.text-page h3,
.text-page p b {
display: block;
margin: 0;
font-size: 22px;
line-height: 1.4;
font-weight: 400;
color: #414147;
}
.text-page h3:not(:last-child),
.text-page p b {
margin-bottom: 10px;
}
.text-page ol {
margin: 0;
list-style: none;
counter-reset: counter;
}
.text-page ol:not(:last-child) {
margin-bottom: 30px;
}
.text-page ol li {
position: relative;
margin: 0;
padding: 0;
color: #414147;
font-size: 18px;
line-height: 1.4;
}
.text-page ol li:not(:last-child) {
margin-bottom: 10px;
}
.text-page ol li::before {
content: "";
position: static;
margin-right: 10px;
color: #9595A4;
content: counter(counter)". ";
counter-increment: counter;
}
.text-page ul {
list-style: none;
}
.text-page ul:not(:last-child) {
margin-bottom: 30px;
}
.text-page ul li {
position: relative;
margin: 0;
padding: 0 0 0 35px;
color: #414147;
font-size: 18px;
line-height: 1.4;
}
.text-page ul li:not(:last-child) {
margin-bottom: 10px;
}
.text-page ul li::before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background-color: transparent;
border-radius: 50%;
border: 1px solid #FF6A00;
}
.text-page ul li::after {
content: "";
position: absolute;
top: 7px;
left: 5px;
width: 10px;
height: 10px;
background-color: #FF6A00;
border-radius: 50%;
}
.text-page li p {
display: inline;
}
.text-page li p i {
display: inline-flex;
}
.text-page table {
width: 100%;
width: 1720px;
margin: 0;
border-collapse: collapse;
}
.text-page table:not(:last-child),
.text-page .content-table:not(:last-child) {
margin-bottom: 30px;
}
.text-page table td {
padding: 20px;
border: 1px solid #9595A4;
}
.text-page table td,
.text-page table td * {
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: #414147;
}
.text-page table td.lightgrey {
background-color: #F6F6F6;
}
.text-page table td.darkgrey {
background-color: #E6E6EB;
}
.text-page .text-box__card-title {
margin-top: 0;
margin-bottom: 15px;
color: #414147;
font-size: 20px;
font-weight: 400;
line-height: normal;
}
.text-page .text-box__card-text p {
margin: 0 0 15px;
color: #6D6D76;
font-family: 'Onest';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 23.8px;
}
.text-page .text-box__card {
display: flex;
flex-direction: column-reverse;
margin-bottom: 30px;
}
.text-page .text-box__card img {
width: 100%;
max-height: 183px;
border-radius: 5px;
}
.text-page .text-box__bigtitle {
margin: 30px 0 30px;
padding-bottom: 30px;
font-size: 24px;
color: #414147;
font-style: normal;
font-weight: 300;
line-height: 110%;
border-bottom: 1px solid #E6E6EB;
}
@media (min-width: 577px) {
.text-page .text-box__card img {
max-height: 200px;
}
.all_size_table_thead_tr_th.max_t,
.all_size_table_tbody_tr_td.max_t {
width: 12%;
}
}
@media (min-width: 901px) {
.text-page .text-box__card img {
max-height: 250px;
}
}
@media (min-width: 992px) {
.text-page p {
font-size: 21px;
}
.text-page h2 {
font-size: 40px;
}
.text-page h2:not(:last-child) {
margin-bottom: 35px;
}
.text-page h3,
.text-page p b {
font-size: 30px;
}
.text-page h3:not(:last-child),
.text-page p b {
margin-bottom: 25px;
}
.text-page ol:not(:last-child) {
margin-bottom: 50px;
}
.text-page ul:not(:last-child) {
margin-bottom: 50px;
}
.text-page ol li,
.text-page ul li {
font-size: 21px;
}
.text-page ol li:not(:last-child),
.text-page ul li:not(:last-child) {
margin-bottom: 15px;
}
.text-page ul li::before {
top: 5px;
}
.text-page ul li::after {
top: 10px;
}
.text-page table:not(:last-child),
.text-page .content-table:not(:last-child) {
margin-bottom: 50px;
}
.text-page table td,
.text-page table td * {
font-size: 21px;
}
.text-page .text-box__card-title {
font-size: 26px;
}
.text-page .text-box__card-text p {
font-size: 17px;
}
.text-page .text-box__card-content {
margin-left: 0;
}
.text-page .text-box__items {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
/*align-items: flex-start;*/
width: calc(100% + 30px);
}
.text-page .text-box__card {
flex-basis: calc(50% - 30px);
height: auto;
margin-right: 30px;
}
.text-page .text-box__card-content {
margin-bottom: auto;
}
.text-page .text-box__bigtitle {
margin: 30px 0 25px;
padding-bottom: 25px;
font-size: 30px;
}
.text-page .text-box__card img {
max-height: 355px;
}
.text-page ol li::before {
margin-right: 20px;
}
}
/** </стилизация текстовых страниц> **/
.apply_filter[disabled] {opacity: 0.7;}
.callback-form-new__input-wrapper > input {
background-color: transparent;
}
.materials_btn_wrapper {
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
}
@media (min-width: 671px) {
.materials_btn_wrapper {
margin-bottom: 60px;
}
}
.materials_btn {
width: calc(50% - 7.5px);
max-width: 450px;
border-radius: 5px;
border: 1px solid #D0D0DD;
background: #E6E6EB;
color: #414147 !important;
font-family: 'Onest';
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 30px;
}
.materials_btn:hover {
background-color: #D0D0DD;
}
.materials_btn:focus {
background: #6D6D76;
color: #fff !important;
}
@media (max-width: 700px) {
.materials_btn {
font-size: 18px;
}
}
@media (max-width: 900px) {
.materials_btn {
width: 100%;
}
}
.mobile-menu__params {
margin-bottom: 140px;
}
@media (min-width: 1301px) and (max-width: 1399px) {
.basket_wr .tbody_z .tbody_tr_z {
gap: 5px;
}
.basket_wr .tbody_tr_td_last_in {
justify-content: space-between;
gap: 0;
white-space: nowrap;
}
.basket_wr .tbody_tr_td_last {
width: auto;
min-width: 9.9%;
}
}
@media (min-width: 1582px) and (max-width: 1750px) {
.basket_wr .tbody_z .tbody_tr_z {
gap: 5px;
}
.basket_wr .tbody_tr_td_last_in {
justify-content: space-between;
gap: 0;
white-space: nowrap;
}
.tbody_tr_td_last_in {
white-space: nowrap;
}
.basket_wr .tbody_tr_td_last {
width: auto;
min-width: 9.9%;
}
}
.catalog__filter-sort .catalog-sort .nice-select::after {
z-index: 10;
}
@media (min-width: 1201px) {
.header__top-row-params .mobile-menu__params-toggle-placeholder {
white-space: nowrap;
}
.header--w-filters .catalog-menu--open {
top: calc(var(--header-height2));
}
}
.inner.cart--empty {
border-top: none;
}
.inner.cart--empty a {
font-size: 120%;
}
@media (max-width: 575px) {
.furniture__banner .breadcrumbs {
padding-top: 10px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.furniture__banner .breadcrumbs {
padding-top: 24px;
}
}
@media (max-width: 768px) {
.furniture__legs-image {
display: none;
}
.furniture__banner.furniture__banner_with_image {
height: auto;
}
}
.leg-price-old,
.old-price-after-processing {
display: inline-block;
margin-left: 2px;
color: #9595A4;
}
.td-info-price,
.leg-price-old,
.old-price-after-processing {
text-decoration: line-through;
}
@media (min-width: 788px) {
.leg-price-old,
.old-price-after-processing {
margin-left: 10px;
}
}
.table {
overflow: auto;
}
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text {
max-width: 100%;
}
.stati_card_text table {
width: 100%;
}
@media (min-width: 1003px) {
.section-stati-card .stati_card_inner .stati_card_block .stati_card_text {
max-width: calc(50% - 50px);
}
}
.cart_btn.order_btn.all_size_btn,
.cart_btn.order_btn.hide_all_size_btn {
color: #FF6A00 !important;
}
.card_section_bottom_subtitle,
.card_section_bottom_item_text h2 {
color: #6D6D76;
font-family: 'Onest';
font-size: 21px;
font-style: normal;
font-weight: 400 !important;
line-height: 155%;
}
.card_section_bottom_item_text h3 {
color: #6D6D76;
font-family: 'Onest';
font-size: 16px;
font-style: normal;
font-weight: 400 !important;
line-height: 205%;
}
.card_section_bottom_item_text {
color: #9595A4;
font-family: 'Onest';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.card_section_bottom_item_text p {
}
.read_more_btn {
color: #9595A4 !important;
font-family: 'Onest';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 700px) {
.card_section_bottom_subtitle,
.card_section_bottom_item_text h2 {
font-size: 18px;
line-height: 140%;
}
.card_section_bottom_item_text {
font-size: 13px;
line-height: 18px;
}
.read_more_btn {
font-size: 13px;
}
}
.size_available, .size_discount {margin-right: 16px; float: right; font-size: 16px;}
.size_available {color: #01A81E;}
.size_discount {
color: #999;
}
.modal .modal_inner .modal_form .upload_label {
word-wrap: anywhere;
}
.modal .modal_inner .modal_form .upload_label svg {
flex-shrink: 0;
}
.stati_card_text .section-card-text .card_text {
flex-basis: 100%;
}
@media (max-width: 768px) {
.card_s_t_left_item,
.card_s_t_left .mob_second .mySwiper {
margin-left: auto;
margin-right: auto;
}
.card_s_t_left_item,
.option_left {
width: 100%;
}
.card_s_t_left .mySwiper2,
.card_s_t_left .mySwiper2 .swiper {
height: auto;
width: 100%;
max-width: 100%;
aspect-ratio: 1/1;
}
.option_left .custom-select {
flex-grow: 1;
}
.option_left .custom-select .select-selected,
.option_left .custom-select .select-items {
width: 100%;
}
}
@media (min-width: 1201px) {
.header--scroll.header--w-filters {
border-bottom: none;
box-shadow: none;
z-index: 120;
}
.header--scroll.header--w-filters ~ .catalog-page .catalog__filter-sort .catalog-sort .nice-select.open .list {
top: 0;
}
}
@media (max-width: 520px) {
.legs__block .leg-item {
max-width: calc(50% - 5px);
}
}
@media (min-width: 521px) and (max-width: 991px) {
.legs__block .leg-item {
max-width: calc(50% - 15px);
}
}
.country-phone_wrap {
max-width: 530px;
width: 100%;
height: 70px;
max-height: 70px;
padding: 4px 1px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #D0D0DD;
}
.callback-form-new .country-phone_wrap .iti {
max-width: 520px;
width: 100%;
height: 60px;
max-height: 60px;
padding: 0px;
background-color: #fff;
border-radius: 0;
border: 0px;
}
.country-phone_wrap .input__field {
border: 0;
height: 62px;
max-height: 62px !important;
padding-left: 83px !important;
font-size: 21px;
line-height: 29px;
}
.section-numbers-index .production__block {
margin-top: 0;
}
.section-numbers-index .production__info-item h3,
.section-numbers-index .production__info-item p {
margin: 0;
}
.text-page ol li {
display: flex;
}
.text-page ol li::before {
min-width: 25px;
margin-right: 7px;
}
.post-box__text{
line-height: 1.4;
font-weight: 400;
font-size:34px !important;
}
.post-box__text_desc{
line-height: 1.0;
font-weight: 400;
color: #6D6D76;
font-size:24px;
}
.lk_underline a {
text-decoration: underline;
}
@media (max-width: 970px) {
.post-box__text_desc{
line-height: 1.4;
/* font-weight: 400; */
color: #6D6D76;
font-size:18px;
}
}
.nav--catalog .nav__item:not(:last-child) {
margin-bottom: 40px;
}
.filter_preloader_overlay {
display: none;
background: rgba(0, 0, 0, 0.50);
position: fixed;
width: 100%;
height: 100%;
z-index: 1001;
top: 0;
left: 0;
}
.catalog__content {
position: relative;
}
.filter_preloader {
position: fixed;
width: 420px;
height: 100vh;
z-index: 1001;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.filter_preloader.hidden {
display: none;
}
@media (max-width: 520px) {
.filter_preloader {
width: 520px;
}
}
/* [data-url="productsfurnitura-dlya-mebeli"] .dropdown-catalog__list, [data-url="productskollektsii"] .dropdown-catalog__list {grid-template-columns: repeat(5, 1fr);} */
/* [data-url="productsfurnitura-dlya-mebeli"] .dropdown-catalog__list li img, [data-url="productskollektsii"] .dropdown-catalog__list li img {border: 0;} */
.itemc5[data-url="productsfurnitura-dlya-mebeli"] .dropdown-catalog__list li img {border: 1px solid #cbcbcb;}
.itemc5[data-url="productsfurnitura-dlya-mebeli"] .dropdown-catalog__list li a {line-height: 28px;}
[data-url="productsmebel-i-predmety-interera"] .dropdown-catalog__list{grid-template-columns: repeat(2, 1fr);}
[data-url="productsmebel-i-predmety-interera"] .dropdown-catalog__list li img {border: 0;}
.section_id_188 .catalog-box__item {width: calc(50% - 20px);}
.section_id_188 .catalog-box__item-img {max-height: 550px; height: auto; width: 100%; border: 0;}
.section_id_300 .catalog-box__item {width: calc(50% - 20px);}
.section_id_300 .catalog-box__item-img {max-height: 550px; height: auto; width: 100%; border: 0;}
.section_id_93 .catalog-box__item {width: calc(50% - 20px);}
.section_id_93 .catalog-box__item-img {max-height: 550px; height: auto; width: 100%; border: 0;}
.inner.catalog-page_inner{border: 0 !important;}
@media (max-width: 670px) {
.section_id_188 .catalog-box__item {width: 100%;}
.section_id_93 .catalog-box__item {width: 100%;}
.section_id_300 .catalog-box__item {width: 100%;}
.catalog-box__item-img img {width: 100%;}
}
.cart_btn {
white-space: nowrap;
}
@media (min-width: 1701px) {
.card_section_top .option_left,
.card_section_top .option_left .custom-select .select-selected,
.card_section_top .option_left .select-items {
width: 450px;
}
}
.option_left .select-items div:not(.hide),
.option_left .select-selected:not(.hide) {
display: grid;
}
.option_left .select-items div:not(.hide) p,
.option_left .select-selected:not(.hide) p {
display: flex;
margin: 0;
}
@media (max-width: 1748px) {
/* .dropdown-catalog__list {gap: 14px;} */
.dropdown-catalog li a {font-size: 16px;}
}
@media (max-width: 1659px) {
.dropdown-catalog__list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1199px) {
.dropdown-catalog__list {
grid-template-columns: repeat(4, 1fr);
}
}
.filter_item_633 label {min-width: 135px;
text-align: center;}
.paayBlock .pay_name {font-size: 21px;}
.paayBlock .col-auto {font-size: 21px; padding-bottom: 30px;}
.paayBlock .mb-4 {text-align: center}
.paayBlock .yookassa__payment-link
{text-decoration: none;
font-family: arial;
display: inline-block;
max-width: 320px;
width: 100%;
margin: 8px 0 5px;
background-color: #1eb42f !important;
color: #fff !important;
border: none;
box-shadow: none;
outline: none;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px; height: auto;
border-radius: 0 !important;}
.paayBlock .yookassa__payment-link::before, .paayBlock .yookassa__payment-link::after {display: none;}
.paayBlock .yookassa__payment-link:hover {color: #fff !important;
background-color: #398439 !important;
border-color: #255625 !important;}
.paayBlock .alert-info {background-color: #f6f6f6; margin-top: 10px;}
.paayBlock .sale-paysystem-wrapper {border: 0; text-align: center}
.sale-yookassa-wrapper {
font-family: arial;
text-align: left;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
.sale-yookassa-wrapper .yookassa__content {
font-family: arial;
max-width: 400px;
width: 100%;
padding: 10px 10px 13px;
border: 1px solid #e5e5e5;
text-align: center;
margin-bottom: 12px;
display: flex;
flex-direction: column;
align-items: center;
}
body .yookassa__description {
font-family: arial;
font-size: 12px;
max-width: 400px;
display: block;
}
.yookassa__price-string {
font-family: arial;
font-weight: bold;
font-size: 14px;
}
body .yookassa__price-string b {
font-family: arial;
font-size: 20px;
}
.yookassa__payment-description { font-family: arial;
display: block;
font-size: 12px;
color: #939393;}
.text-page table {
max-width: 100%;
width: 1720px;
}
@media (max-width: 1850px) {
.section-card-text .card_item .card_text {
width: 100%;
}
}
@media (max-width:1399px) {
.usage__item-label {font-size: 20px; height: 40px;}
}
@media (min-width: 1003px) {
.production_text .text_item:not(:first-child) {
margin-top: 50px;
}
.contacts_pass_order {
margin-top: 50px !important;
}
}
.char_column {display: grid;
grid-template-columns: 50% 50%;}
@media (max-width: 767px) {
.char_column {
grid-template-columns: 100%;}
}
.attrs-dotted {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 0 10px 0;
padding: 0 20px 0 0;
}
.attrs-dotted dt {
margin: 0 0 8px 0;
padding: 0;
display: flex;
box-sizing: border-box;
align-items: flex-end;
position: relative;
word-break: break-word;
color: #808d9a;
flex:2;
}
.attrs-dotted dt:before {
content: "";
display: block;
width: 100%;
position: absolute;
left: 0;
bottom: .2em;
border-bottom: 1px dashed #d6dbe0;
}
.attrs-dotted dt span {
padding-right: 5px;
background: #fff;
position: relative;
}
.attrs-dotted dd {
display: flex;
box-sizing: border-box;
align-items: flex-end;
margin: 0 0 8px 0;
padding: 0 0 0 5px;
word-break: break-word;
}
.day_sp a {color: #FF6A00; text-decoration: underline;}
.day_sp a:hover {text-decoration: none;}
.data_item--bottom .production_text .text_item:not(:first-child) {
margin-top: 50px;
}
.data_item--bottom .contacts_pass_order {
margin-top: 50px !important;
}
.bx-ui-sls-fake:focus::placeholder,
.bx-ui-sls-route:focus::placeholder {
opacity: 1;
color: #888;
}
.bx-ui-sls-fake:not(:placeholder-shown),
.bx-ui-sls-route:not(:placeholder-shown) {
opacity: 1;
}
.home-products__img {
background-size: 100% 100% !important;
background-repeat: no-repeat;
}
@media (max-width: 455px) and (min-width: 401px) {
.home-products__box a {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 172px;
}
.home-products__box a {
padding: 30px 30px 30px
}
}
@media (max-width: 400px) {
.home-products__box a {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 192px;
}
.home-products__box a {
padding: 30px 30px 30px
}
}
.subscribe__agreement-checkbox-hidden {
margin-top: 30px;
margin-left: 11px;
position: relative;
}
.fancy_box_a:has(.play_ic) img {
position: absolute !important;
top: 50% !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
transform: translateY(-50%) !important;
}
.video_box_mini:has(.video_box_mini_ic) img {
position: absolute !important;
top: 50% !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
transform: translateY(-50%) !important;
}
@media (max-width: 768px) {
.fancybox-slide--video .fancybox-content {
width: 100% !important;
height: 100% !important;
}
.fancybox-slide--video .fancybox-iframe {
width: 100% !important;
height: 100% !important;
}
}
.select-empty-dash{
text-align: center;
text-align-last: center;
}
.card_section_bottom_item_text.part{
max-height: 82px;
overflow: hidden;
}
.read_more_btn{
color: #9595A4 !important;
font-family: 'Onest';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
gap: 10px;
}
.cart_btn.disabled {
background-color: #ccc;
cursor: not-allowed;
opacity: 0.5;
}
.tooltip_order {
position: absolute;
background-color: #333;
color: white;
padding: 6.5px 8px; /* Увеличено на 30% */
border-radius: 3px;
border: 1px solid #fff;
font-size: 15.6px; /* Увеличено на 30% */
z-index: 1000;
white-space: nowrap;
}
@keyframes shake {
0% { transform: translateX(0); }
25% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
75% { transform: translateX(-5px); }
100% { transform: translateX(0); }
}
.shake {
animation: shake 0.5s;
}
.big_order_message {
font-size: 16px !important;
font-style: italic !important;
color: #ff6b00 !important;
font-weight: 300 !important;
}
.big_order_message-2 {
font-size: 16px !important;
font-style: italic !important;
color: #ff6b00 !important;
font-weight: 300 !important;
}
.option_left {
margin-bottom: 0px;
}
@media (min-width: 1160px) and (max-width: 1500px) {
.all_size_table_wrapper.activegrag {
position: relative;
background-color:#E6E6EB;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.draggable-window.activegrag {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center; /* Центрирование по вертикали */
justify-content: center; /* Центрирование по горизонтали */
background-color: rgba(0, 0, 0, 0.7);
z-index: 9998;
transition: 0.4s all ease;
pointer-events: initial;
overflow: auto;
opacity: 0; /* По умолчанию скрыт */
display: hidden; /* По умолчанию скрыт */
opacity: 1;
}
.window-header {
padding: 6px;
background-color: #e0e0e0;
display: flex;
justify-content: space-between;
cursor: move;
position: sticky;
top: 0;
z-index: 10;
}
.all_size_table_wrapper.activegrag {
max-height: 90vh !important; /* Максимальная высота окна будет 90% от высоты экрана */
overflow: auto !important; /* Прокрутка появляется, если содержимое не помещается */
}
.all_size_section_head_cross_block_btn.activegrag.draggable {
white-space: nowrap;
position: fixed;
left: 50%;
transform: translate(0%, -100%);
font-size: 24px;
background: none;
border: none;
cursor: pointer;
color: rgb(230, 230, 235);
z-index: 10000;
}
}
@media screen and (max-width: 1500px) {
.e-comments .e-comments__slider .my-swiper-button-prev,
.e-comments .e-comments__slider .my-swiper-button-next {
right: 15px !important;
background-color: #fff !important;
border: 1px solid #fff !important;
width: 60px;
height: 60px;
}
}
@media screen and (max-width: 1900px) and (min-width: 1700px){
.e-comments .e-comments__slider .my-swiper-button-prev {
left: 15px ;
background-color: #fff ;
border: 1px solid #fff ;
top: 130px;
}
}
@media (min-width: 1500px) and (max-width: 1719px){
.option_content_items_all_size {
width: 435px;
}
}
.article_tooltip {
position: absolute;
left: 50%;
transform: translate(-50%, -100%);
width: 100%;
padding: 8px 12px 8px 12px;
background-color: rgb(230, 230, 235);
color: rgb(65, 64, 71);
font-size: 14px;
white-space: normal;
word-wrap: break-word;
word-break: break-word;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 9999;
}
.article_item:hover .article_tooltip {
opacity: 1;
}
.section-products {
padding-top: 10px;
padding-bottom: 10px;
}
.responsive-block {
width: 57.8vw;
height: calc(65.0vw* 0.5); /* Высота рассчитывается как 50% от ширины */
background: url('/upload/preload_video_min.webp') center center no-repeat;
background-size: cover;
margin: 0 auto; /* Центрируем блок */
max-width: 100%; /* Для предотвращения переполнения на узких экранах */
}
/* Медиазапрос для мобильных устройств */
@media (max-width: 1300px) {
.responsive-block {
width: 93.9vw; /* Полная ширина экрана на мобильных */
height: calc(100vw * 0.528); /* Сохраняем пропорции, высота как 50% от ширины */
}
}
@media (min-width: 1200px) {
.modal__ir {
margin-left: calc((100vw - 1200px) * 0.13); /* Устанавливаем отступ для больших экранов */
}
.left-marginf {
margin-left: calc((100vw - 1200px)* 0.05); /* Устанавливаем отступ для больших экранов */
}
}
@media (min-width: 1600px) {
.data_item_padding {
margin-bottom:0px !important;;
}
}
@media (max-width: 1025px) {
.hid-title {
visibility:hidden;
}
}
@media (max-width: 800px) {
.breadcrumbs__current_mm {
margin-top:0.8%;
}
}
#captcha-container {
position: relative;
margin: 20px 0;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #f9f9f9;
}
#captcha-container .g-recaptcha {
margin-bottom: 15px;
}
#captcha-container .captcha-message {
color: red;
font-size: 14px;
margin-top: 10px;
text-align: center;
display: none;
}
#captcha-container .captcha-message.active {
display: block;
}
.filter_preloader_navigation {
width: 100px;
height: 100px;
margin: 60px auto;
position: relative;
border: 6px solid transparent;
border-top: 6px solid #fe6b00;
border-radius: 50%;
animation: spin 2s linear infinite;
display: block;
}
.filter_preloader_navigation::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border: 6px solid transparent;
border-top: 6px solid #ffae42;
border-radius: 50%;
animation: spin 3s linear infinite;
}
.filter_preloader_navigation::after {
content: '';
position: absolute;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
border: 6px solid transparent;
border-top: 6px solid #fe6b00;
border-radius: 50%;
animation: spin 1.5s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* End */
/* Start:/local/templates/artfactor/components/bitrix/sale.basket.basket.line/.default/style.css?17226275444227*/
.bx-basket {}
.bx-basket-block {
font-size: 12px;
padding-bottom: 5px;
white-space: nowrap;
position: relative;
padding-left: 20px;
}
.bx-basket-block>.fa {
color: #97a1ab;
width: 12px;
position: absolute;
left: 0;
top: 3px;
}
.bx-basket-block a {
color: #039BE5;
border-bottom: 1px dashed;
margin-right: 10px;
}
.bx-basket-block a:hover {
text-decoration: none;
border-bottom-color: transparent;
}
/*FIXED BASKET*/
@media (min-width: 768px) {
.bx-basket-fixed{
width: 200px;
position: fixed;
z-index: 998;
background: #fff;
padding-top: 10px;
border: 1px solid #F0F0F0;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
border-radius: 1px;
overflow: hidden;
}
.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{
/*width: 200px;*/
position: fixed;
z-index: 998;
background: #fff;
padding-top: 10px;
border: 1px solid #F0F0F0;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
border-radius: 1px;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
}
.bx-basket-item-list{
display: none;
}
/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
margin-left: 10px;
}
.bx-basket-item-list{
position: relative;
padding-bottom: 20px;
border-top: 1px solid #F7F7F7;
overflow: hidden;
}
.bx-opener .bx-basket-item-list{
padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
position: absolute;
bottom: 0px;
left: 0;
right: 0;
}
.bx-closed .bx-basket-item-list{
height: 20px;
overflow: hidden;
}
.bx-basket-item-list-action{
cursor: pointer;
background: #F7F7F7;
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 120;
height: 20px;
line-height: 14px;
vertical-align: middle;
text-align: center;
font-size: 12px;
color: #4f4f4f;
padding: 3px 0;
}
.bx-basket-item-list-button-container{
text-align: center;
position: absolute;
bottom: 20px;
border-top: 1px solid #F7F7F7;
padding: 10px 0;
background: #fff;
left: 0;
right: 0;
}
.bx-basket-item-list-button-container a.btn
{
color: #dddddd;
text-decoration: none;
}
.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
color: #ffffff;
}
.bx-basket-item-list-container{
overflow-y: auto;
max-height: 100%
}
.bx-basket-item-list-item{
padding-top: 15px;
position: relative;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
border-bottom: none;
margin-bottom: 0;
}
.bx-basket-item-list-item-status{
font-weight: bold;
padding: 3px;
background: #EBEBEB;
margin: 0 10px 20px;
line-height: 16px;
font-size: 13px;
border-radius: 3px;
text-align: center;
white-space: normal;
}
.bx-basket-item-list-item-img{
text-align: center;
position: relative;
padding-bottom: 5px;
}
.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;
color: #3F3F3F;
text-decoration: none;
white-space: normal;
line-height: 16px;
}
.bx-basket-item-list-item-remove{
position: absolute;
right: 10px;
top: -7px;
width: 20px;
height:20px;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
opacity: .5;
}
.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;
text-decoration: line-through;
color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}
.bx_cart_login_top .bx-hdr-profile a {
text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
line-height: 1.44em;
}
/* End */
/* Start:/local/templates/artfactor/css/styleG22.css?172141115836*/
.mobile-nav {
display: none;
}
/* End */
/* Start:/local/templates/artfactor/styles.css?17214111583*/
п»ї
/* End */
/* Start:/local/templates/artfactor/template_styles.css?17250121374026*/
/*body{
}
*{
outline: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.left{
float: left;
}
.right{
float: right;
}
.clearfix::after{
content: '';
clear: both;
display: block;
}*/
.header .user-area a:nth-child(2){
position: relative;
}
.auth_name{
font-size: 11px;
position: absolute;
bottom: -50%;
white-space: nowrap;
text-align: center;
left: 50%;
transform: translateX(-50%);
}
.header .user-area a.user-area__auth {
margin-top: -5px;
}
.alltext{
font-size: 16px;
text-align: center;
color: #807d7d;
}
.arrow {
display: flex;
align-items: center;
justify-content: center;
}
.arrow a {
font-size: 3em !important; /* Увеличение размера стрелок */
color: #000; /* Цвет текста по умолчанию */
text-decoration: none;
margin: 0 20px; /* Размещение стрелок на одинаковом расстоянии от заголовка */
transition: all 0.3s ease;
transform: translateY(10px);
}
.arrow a:hover {
color: #ff6b00; /* Оранжевый цвет при наведении */
transform: scale(1.3); /* Увеличение при наведении */
}
.arrow h1 {
font-size: 50px !important; /* Увеличение размера заголовка с принудительным применением */
line-height: 1.2 !important; /* Регулировка межстрочного интервала */
}
@media (max-width: 768px) {
.arrow {
font-size: 0.7em !important;
display: flex;
align-items: flex-start; /* Выравниваем стрелки чуть выше */
justify-content: space-between; /* Стрелки будут располагаться по краям */
margin: 10px 0; /* Добавляем отступы сверху и снизу */
}
.arrow a {
font-size: 3em; /* Уменьшаем размер стрелок для мобильной версии */
margin: 0 5px; /* Уменьшаем отступы */
transform: translateY(36px);
}
.arrow h1 {
text-align: center;
font-size: 25px !important; /* Уменьшаем размер заголовка для мобильной версии */
margin: 0 10px; /* Добавляем отступы, чтобы заголовок не прилегал к стрелкам */
}
}
.youtube {
background-position: center;
background-size:cover;
background-repeat: no-repeat;
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
width: 500px;
height: 315px;
}
.youtube .play {
background: url('/local/templates/artfactor/./images/play.png') no-repeat; /*укажите адрес до изображения*/
background-position: 0 -50px;
-webkit-background-size: 100% auto;
background-size: 100% auto;
position: absolute;
height: 50px;
width: 69px;
transition: none;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.youtube:hover .play {
background-position: 0 0;
}
@media (max-width: 768px){
.youtube {
width: 100%;
}
}
/*.main-wrap .products__more {
right: 10px;
bottom: 43px;
position: absolute;
}*/
.main-wrap .products__more{
margin-left: auto;
width: calc(25% - 20px);
}
.pager .products__more{
display: none;
}
.catalog-page .container {
position: relative;
}
.main-wrap .pager__list {
position: relative;
}
/*.main-wrap .pager__list .products__more {
margin:0;
}*/
.video__btn svg{
display: none;
}
.video__btn:before{
content: url("/local/templates/artfactor/css/assets/img/youtube_logo.svg");
width: 61px;
height: 42px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.video__btn:hover:before{
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
/* End */
/* /local/templates/artfactor/css/fonts.css?1722871821568 */
/* /local/templates/artfactor/css/swiper-bundle.min.css?172288558615132 */
/* /local/templates/artfactor/css/aos.css?172141115928765 */
/* /local/templates/artfactor/css/page_info.css?1732882468100188 */
/* /local/templates/artfactor/css/example.css?173880889853881 */
/* /local/templates/artfactor/css/assets/css/normalize.css?17214111636485 */
/* /local/templates/artfactor/css/assets/css/fancybox.min.css?172141116312795 */
/* /HTML/assets/css/style.min.css?1731509819522669 */
/* /local/templates/artfactor/css/nice-select.css?17315098194019 */
/* /local/templates/artfactor/css/intlTelInput.css?172166968228063 */
/* /local/templates/artfactor/css/custom.css?1748265452109741 */
/* /local/templates/artfactor/components/bitrix/sale.basket.basket.line/.default/style.css?17226275444227 */
/* /local/templates/artfactor/css/styleG22.css?172141115836 */
/* /local/templates/artfactor/styles.css?17214111583 */
/* /local/templates/artfactor/template_styles.css?17250121374026 */