/* Start:/local/markup/fonts/stylesheet.css?17549180296510*/ @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-LightItalic.eot'); src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('/local/markup/fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-LightItalic.woff') format('woff'), url('/local/markup/fonts/Gilroy-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-BoldItalic.eot'); src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('/local/markup/fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-BoldItalic.woff') format('woff'), url('/local/markup/fonts/Gilroy-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-SemiBold.eot'); src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'), url('/local/markup/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-SemiBold.woff') format('woff'), url('/local/markup/fonts/Gilroy-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-SemiBoldItalic.eot'); src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'), url('/local/markup/fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-SemiBoldItalic.woff') format('woff'), url('/local/markup/fonts/Gilroy-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-Light.eot'); src: local('Gilroy Light'), local('Gilroy-Light'), url('/local/markup/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-Light.woff') format('woff'), url('/local/markup/fonts/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-MediumItalic.eot'); src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('/local/markup/fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-MediumItalic.woff') format('woff'), url('/local/markup/fonts/Gilroy-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-Regular.eot'); src: local('Gilroy Regular'), local('Gilroy-Regular'), url('/local/markup/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-Regular.woff') format('woff'), url('/local/markup/fonts/Gilroy-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-Medium.eot'); src: local('Gilroy Medium'), local('Gilroy-Medium'), url('/local/markup/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-Medium.woff') format('woff'), url('/local/markup/fonts/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-RegularItalic.eot'); src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'), url('/local/markup/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-RegularItalic.woff') format('woff'), url('/local/markup/fonts/Gilroy-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/markup/fonts/Gilroy-Bold.eot'); src: local('Gilroy Bold'), local('Gilroy-Bold'), url('/local/markup/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/local/markup/fonts/Gilroy-Bold.woff') format('woff'), url('/local/markup/fonts/Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Black.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-ExtraBold.woff2') format('woff2'), url('/local/markup/fonts/InterTight-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Light.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Bold.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-LightItalic.woff2') format('woff2'), url('/local/markup/fonts/InterTight-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-ExtraLight.woff2') format('woff2'), url('/local/markup/fonts/InterTight-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Italic.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Medium.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Regular.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-SemiBold.woff2') format('woff2'), url('/local/markup/fonts/InterTight-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-MediumItalic.woff2') format('woff2'), url('/local/markup/fonts/InterTight-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('/local/markup/fonts/InterTight-Thin.woff2') format('woff2'), url('/local/markup/fonts/InterTight-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } /* End */ /* Start:/local/markup/libs/swiper/swiper-bundle.min.css?171707123117919*/ /** * Swiper 9.2.4 * 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: April 21, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-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,swiper-container: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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,:host(.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;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/markup/libs/selectric/selectric.css?17170712314543*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/local/markup/libs/micromodal/micromodal.css?17170712313227*/ /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /* End */ /* Start:/local/markup/libs/fancybox/fancybox.css?171707123115598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/markup/libs/aos/aos.css?171707123128765*/ [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/markup/libs/range/ion.rangeSlider.min.css?174135536111084*/ /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} /* End */ /* Start:/local/markup/css/style.css?1759306312281221*/ @charset "UTF-8"; *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { padding: env(safe-area-inset); } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; margin: 0 auto !important; } body { margin: 0 auto; padding: 0px; -webkit-outline: none; outline: none; position: relative; min-width: 320px; max-height: 1000000px; min-height: 100vh; text-decoration-skip: objects; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } :focus, :active, :hover, :link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-outline: none; outline: none; } ul, ol { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; text-align: left; } li { height: auto; } h1, h2, h3, h4, h5, h6, p { margin: 0; } iframe { display: block; border: none; } img { display: block; border: none; max-width: 100%; } textarea { white-space: pre-wrap; resize: none; } button, select { display: block; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: none; } button { width: auto; cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border: none; padding: 0; } [type=search], button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { -webkit-outline: none; outline: none; } [type=search]::-webkit-search-decoration, ::-webkit-file-upload-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [hidden], ::-ms-clear, area { display: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; padding: 0; } menu, dir { list-style: none; margin: 0; padding: 0; } ::-webkit-input-placeholder { color: inherit; } :-ms-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; } :-moz-placeholder { color: inherit; } a { background-color: transparent; color: inherit; text-decoration: none; -webkit-outline: none; outline: none; text-decoration-skip-ink: none; } [type=date]::-webkit-inner-spin-button { display: none; } [type=date]::-webkit-calendar-picker-indicator { opacity: 0; } body { font-family: "Inter Tight"; background-color: rgb(255, 255, 255); font-size: 17px; font-weight: 400; line-height: 22px; color: #35291e; } body.hidden { overflow: hidden; } @media (min-width: 1280px) { body.catalog-page .header-bottom { display: none; } body.catalog-page .main { padding-top: 68px; } } .container { width: 100%; max-width: 1340px; padding: 0 20px; margin: 0 auto; } label, textarea, input { -webkit-appearance: none; font-family: "Inter Tight"; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .site-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; min-height: 100vh; width: 100%; overflow: hidden; } .site-wrapper footer, .site-wrapper .footer { margin-top: auto; } .site-wrapper.visible { overflow: visible; } .logo { position: relative; transition: all 0.3s; width: 108px; height: 36px; position: relative; z-index: 1; } .logo > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .logo:hover { opacity: 0.75; } .logo picture { width: 100%; height: 100%; display: block; position: relative; } .logo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .main { width: 100%; padding-top: 116px; } @media (max-width: 1279px) { .main { padding-top: 58px; } } @media (max-width: 767px) { .main { padding-top: 45px; } } .input-item { position: relative; } .input-item input, .input-item textarea { border: 0; background: transparent; width: 100%; height: 34px; border: 1px solid rgb(0, 0, 0); border-top: 0; border-left: 0; border-right: 0; font-weight: 400; font-size: 20px; line-height: 28px; color: rgb(0, 0, 0); border-radius: 0; padding: 0; padding-bottom: 10px; } .input-item input::placeholder, .input-item textarea::placeholder { opacity: 1; text-transform: none; color: rgba(0, 0, 0, 0.48); } .input-item label { font-weight: 400; font-size: 14px; line-height: 16px; color: #80726a; display: block; } .input-item input + input { margin-top: 24px; } .input-item .icon { position: absolute; bottom: 9px; right: 1px; } .input-item .icon svg { color: rgb(0, 0, 0); fill: rgb(0, 0, 0); } .check-block { display: flex; align-items: center; min-height: 24px; } .check-block input { display: none; } .check-block input:checked + label::after { background-color: rgb(22 28 63); } .check-block input:disabled + label { opacity: 0.33; pointer-events: none; } .check-block label { cursor: pointer; padding-left: 38px; position: relative; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); display: block; text-align: left; transition: all 0.3s; width: 100%; } .check-block label::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); border: solid 1px rgba(0, 0, 0, 0.48); border-radius: 50%; } .check-block label::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 50%; left: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); border-radius: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: 12px; } .check-block a { text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .check-block a:hover { text-decoration-color: transparent; } .selectric { border: 0; background: transparent; width: 100%; height: 47px; width: 100%; border-radius: 0px; } .selectric .label { font-weight: 400; font-size: 16px; line-height: 24px; height: 100%; padding: 10px 16px; margin: 0; color: rgb(0, 0, 0); border: solid 1px rgba(53, 41, 30, 0.3); border-radius: 20px; background-color: rgb(255, 255, 255); } @media (max-width: 767px) { .selectric .label { font-size: 14px; line-height: 18px; height: auto; } } .selectric .button { width: 48px; height: 100%; background: transparent; display: flex; background-image: url("/local/markup/css/../img/arrow_bottom.svg"); background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .selectric .button::after { display: none; } .selectric-wrapper { border: 0; outline: none; } .selectric-wrapper.selectric-hover .selectric { border-color: rgb(0, 0, 0); } .selectric-wrapper.selectric-open .selectric { border-color: rgb(0, 0, 0); } .selectric-wrapper.selectric-open .selectric .button { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .selectric-wrapper.selectric-above .selectric-items { border: solid 1px rgb(0, 0, 0); } .selectric-items { background: transparent; background-color: rgb(255, 255, 255); border: 1px solid rgba(53, 41, 30, 0.3); border-top: 0; overflow: hidden; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: -1; min-width: 140px; right: 0; left: auto; margin-top: -25px; padding-top: 25px; } .selectric-scroll { border: 0; } .selectric-scroll ul { padding-top: 0; } .selectric-scroll ul li { font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); padding: 8px; transition: all 0.3s; } .selectric-scroll ul li.highlighted, .selectric-scroll ul li.selected { color: rgb(0, 0, 0); background-color: rgb(251, 246, 235) !important; } .selectric-scroll ul li:hover { color: rgb(0, 0, 0); background-color: rgb(251, 246, 235) !important; } .modal { font-family: "Inter Tight"; display: none; width: 100vw; height: 100%; top: 0; left: 0; color: #292929; } .modal.is-open { display: block; z-index: 15; position: fixed; } .modal__container { overflow: auto; background: transparent; padding: 0; margin: 0; width: 100%; max-width: 100%; padding: 50px 0; } .modal__content { padding: 0; margin: 0; } .modal__content .link { font-size: 14px; line-height: 25px; font-weight: 500; letter-spacing: 0.05em; text-decoration-line: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #4c535b; } .modal__content .link:hover { text-decoration-color: transparent; } .modal__close { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 100px; top: 27px; display: flex; z-index: 10; font-weight: 400; font-size: 14px; line-height: 17px; color: #292929; align-items: center; gap: 11px; } .modal__close svg { pointer-events: none; } .modal__close:hover { opacity: 0.75; } .modal__content .scroll::-webkit-scrollbar { width: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-right: 12px; } .modal__content .scroll::-webkit-scrollbar-track { background: #d9d9d9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .modal__content .scroll::-webkit-scrollbar-thumb { background: rgb(0, 0, 0); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .modal__inner { background-color: rgb(255, 255, 255); margin: 0 auto; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 0; } .modal__inner::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 64px; background-color: rgb(251, 246, 235); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: inherit; } .selectric-open { z-index: 4; } .selectric-open .label { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div { scrollbar-color: rgba(255, 255, 255, 0.33) transparent; scrollbar-width: thin; } div::-webkit-scrollbar { width: 5px; background-color: transparent; left: 5px; } div::-webkit-scrollbar-thumb { width: 5px; background-color: rgba(255, 255, 255, 0.33); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .swiper-pagination { z-index: 5; } .swiper-pagination-bullets { bottom: 8px !important; top: auto !important; left: 0; width: 100%; position: absolute; display: flex; justify-content: center; gap: 16px; z-index: 5; padding: 0 16px; } .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 4px; background-color: rgba(255, 255, 255, 0.4); opacity: 1; border-radius: 0; margin: 0 !important; flex: 1; } .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); } .swiper-button-prev { left: 24px; } .swiper-button-next { right: 24px; } .swiper-button-prev, .swiper-button-next { opacity: 1 !important; width: 56px; height: 56px; background-color: rgb(255, 255, 255); border: solid 1px rgb(0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-top: -29px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-button-prev:after, .swiper-button-next:after { color: #424242; font-size: 16px; font-weight: 700; } .swiper-button-prev:hover, .swiper-button-next:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .swiper-button-prev:hover::after, .swiper-button-next:hover::after { color: rgb(255, 255, 255); } picture { position: relative; display: block; } picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .swiper-controls { display: flex; flex-wrap: wrap; gap: 16px; position: absolute; right: 0; top: -112px; } .swiper-controls .swiper-button-prev, .swiper-controls .swiper-button-next { left: auto; right: auto; top: auto; bottom: auto; position: relative; margin: 0; width: 56px; height: 56px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-controls .swiper-button-prev:hover, .swiper-controls .swiper-button-next:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); fill: rgb(255, 255, 255); } .swiper-controls .swiper-button-prev:hover::after, .swiper-controls .swiper-button-next:hover::after { color: rgb(255, 255, 255); } input[type=number], input[type=number]:hover, input[type=number]:focus { appearance: none; -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .burger { position: relative; width: 18px; height: 18px; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 5px; } .burger-line { position: relative; display: block; width: 100%; height: 1.5px; background-color: rgb(255, 255, 255); transition: all 0.3s; pointer-events: none; border-radius: 10px; overflow: hidden; } .burger.opened .burger-line:nth-child(1) { transform: rotate(45deg) translate(6px, 5px); } .burger.opened .burger-line:nth-child(2) { opacity: 0; } .burger.opened .burger-line:nth-child(3) { transform: rotate(-45deg) translate(4px, -3px); } video::-webkit-media-controls { opacity: 0 !important; pointer-events: none !important; } video.opened::-webkit-media-controls { opacity: 1 !important; pointer-events: initial !important; } video::-webkit-media-controls-start-playback-button, video::-webkit-media-controls, video::-webkit-media-controls-play-button, video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-mute-button, video::-webkit-media-controls-timeline, video::-webkit-media-controls-current-time-display { display: none; opacity: 0; } .filter-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgb(0, 0, 0); opacity: 0; z-index: 10; transition: all 0.3s; } .filter-overlay.visible { opacity: 0.35; } video { background-color: transparent; border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */ } video::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none; opacity: 0; visibility: hidden; } video::-webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; opacity: 0; visibility: hidden; } video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; opacity: 0; visibility: hidden; } *::-webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; } .grecaptcha-badge { visibility: hidden; } .menu-link[href="/salon/"] { font-weight: 600; } @media (min-width: 1200px) { body.modal-open { overflow: hidden; padding-right: 17px; } _:-webkit-any-link, :root body.modal-open { padding-right: 17px; } _:-webkit-any-link .header, :root body.modal-open .header { width: calc(100% - 17px); } _:-webkit-any-link, :root body.hidden { padding-right: 17px; } _:-webkit-any-link .header, :root body.hidden .header { width: calc(100% - 17px); } _:-webkit-any-link, :root body.compensate-for-scrollbar { padding-right: 17px; } _:-webkit-any-link .header, :root body.compensate-for-scrollbar .header { width: calc(100% - 17px); } } .check-list { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 10px; } .check-list .check-block input:checked + label::after { opacity: 1; background-color: rgb(255, 255, 255); background-size: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .check-list .check-block input:checked + label::before { border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); } .check-list .check-block label { color: #f1dddd; font-size: 14px; line-height: 16px; } .check-list .check-block label::before { border-color: #f1dddd; } .check-list .check-block label:after { opacity: 0; } .basket-controls .check-list, .cart-form .check-list, .modal .check-list { margin-top: 0; order: 3; } .basket-controls .check-block input:checked + label::after, .cart-form .check-block input:checked + label::after, .modal .check-block input:checked + label::after { opacity: 1; background-color: #35291e; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .basket-controls .check-block input:checked + label::before, .cart-form .check-block input:checked + label::before, .modal .check-block input:checked + label::before { border-color: #35291e; background-color: #35291e; } .basket-controls .check-block label, .cart-form .check-block label, .modal .check-block label { color: rgba(53, 41, 30, 0.6); font-size: 14px; line-height: 16px; } .basket-controls .check-block label::before, .cart-form .check-block label::before, .modal .check-block label::before { border-color: #35291e; } .basket-controls .check-block label:after, .cart-form .check-block label:after, .modal .check-block label:after { opacity: 0; } .basket-controls .check-list { order: inherit; } .notification-cookie { position: fixed; right: 20px; bottom: 20px; z-index: 100; padding: 15px; background-color: #fff; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.11); border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 30px; max-width: 970px; } .notification-cookie .notification-cookie__text { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; color: rgb(0, 0, 0); } .notification-cookie .notification-cookie__link { font-size: 14px; line-height: 20px; text-decoration: underline; transition: text-decoration 0.3s; } .notification-cookie .notification-cookie__link:hover { text-decoration-color: transparent; } .notification-cookie .notification-cookie__btn { width: 100px; height: 100px; border-radius: 50%; background-color: rgb(22 28 63); color: rgb(255, 255, 255); transition: opacity 0.3s; font-weight: 600; min-width: 100px; } .notification-cookie .notification-cookie__btn:hover { opacity: 0.85; } .product-coming-soon { position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; font-weight: 500; font-size: 16px; line-height: 22px; background-color: #fbf6eb; padding: 11px 10px; border-top-right-radius: 90px; border-bottom-right-radius: 90px; color: rgb(0, 0, 0); } .btn { -webkit-appearance: none; border-radius: 0; position: relative; font-size: 17px; font-weight: 400; line-height: 22px; color: rgb(0, 0, 0); text-align: center; padding: 8px 16px; border: 1px solid transparent; display: inline-block; transition: all 0.3s; } .btn svg path { transition: all 0.3s; } .btn--full { background-color: transparent; border-radius: 90px; } .btn--dark { color: #fff; border-color: #fff; } .btn--dark:hover { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .btn-circle { width: 161px; height: 161px; display: flex; align-items: center; justify-content: center; border-radius: 90px; gap: 14px; } .btn-circle--dark { border-color: rgb(22 28 63); background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .btn-circle--dark:hover { color: rgb(22 28 63); background-color: transparent; } .btn-circle--white { border-color: rgb(22 28 63); background-color: rgb(255, 255, 255); color: rgb(22 28 63); } .btn-circle--white:hover { border-color: rgb(22 28 63); background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .btn-circle--yellow { border-color: rgb(22 28 63); background-color: rgb(251, 246, 235); color: rgb(22 28 63); } .btn-circle--yellow:hover { border-color: rgb(22 28 63); background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .btn-circle--yellow:hover svg path { stroke: #fff; } .btn-circle--full { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .btn-circle--full:hover { background-color: rgb(255, 255, 255); color: rgb(22 28 63); } @media (max-width: 1279px) { .btn-circle { width: 120px; height: 120px; } } @media (max-width: 767px) { .btn-circle { width: 110px; height: 110px; } } .btn svg path { fill: rgb(0, 0, 0); -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } .btn:hover svg path { fill: rgb(255, 255, 255); } .btn:disabled { opacity: 0.33; pointer-events: none; } @media (max-width: 1279px) { .btn { font-size: 14px; line-height: 16px; padding: 8px; } } .btn-favorite { cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 9px; line-height: 10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9932 3.63581C8.9938 1.2984 5.65975 0.669643 3.15469 2.81001C0.649644 4.95038 0.296968 8.52898 2.2642 11.0604C3.89982 13.1651 8.84977 17.6041 10.4721 19.0408C10.6536 19.2016 10.7444 19.2819 10.8502 19.3135C10.9426 19.3411 11.0437 19.3411 11.1361 19.3135C11.2419 19.2819 11.3327 19.2016 11.5142 19.0408C13.1365 17.6041 18.0865 13.1651 19.7221 11.0604C21.6893 8.52898 21.3797 4.92787 18.8316 2.81001C16.2835 0.692157 12.9925 1.2984 10.9932 3.63581Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform 0.3s; } @media (hover: hover) { .btn-favorite:hover { transform: scale(1.2); } } .btn-search { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; z-index: 11; transition: all 0.3s; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9 18.4751L10.325 11.9001C9.825 12.3334 9.24167 12.6709 8.575 12.9126C7.90833 13.1543 7.2 13.2751 6.45 13.2751C4.65 13.2751 3.125 12.6501 1.875 11.4001C0.625 10.1501 0 8.64176 0 6.8751C0 5.10843 0.625 3.6001 1.875 2.3501C3.125 1.1001 4.64167 0.475098 6.425 0.475098C8.19167 0.475098 9.69583 1.1001 10.9375 2.3501C12.1792 3.6001 12.8 5.10843 12.8 6.8751C12.8 7.59176 12.6833 8.28343 12.45 8.9501C12.2167 9.61677 11.8667 10.2418 11.4 10.8251L18 17.3751L16.9 18.4751ZM6.425 11.7751C7.775 11.7751 8.925 11.2959 9.875 10.3376C10.825 9.37926 11.3 8.2251 11.3 6.8751C11.3 5.5251 10.825 4.37093 9.875 3.4126C8.925 2.45426 7.775 1.9751 6.425 1.9751C5.05833 1.9751 3.89583 2.45426 2.9375 3.4126C1.97917 4.37093 1.5 5.5251 1.5 6.8751C1.5 8.2251 1.97917 9.37926 2.9375 10.3376C3.89583 11.2959 5.05833 11.7751 6.425 11.7751Z' fill='%23fff'/%3e%3c/svg%3e "); } @media (hover: hover) { .btn-search:hover { transform: scale(1.2); } } .btn-close { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 10px; height: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .btn-phone { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.45059 7.79866C7.14659 9.24828 8.09537 10.6069 9.29695 11.8085C10.4985 13.0101 11.8572 13.9589 13.3068 14.6549C13.4315 14.7147 13.4938 14.7447 13.5727 14.7677C13.8531 14.8494 14.1973 14.7907 14.4348 14.6207C14.5016 14.5728 14.5587 14.5157 14.673 14.4014C15.0226 14.0518 15.1975 13.877 15.3732 13.7627C16.0361 13.3317 16.8907 13.3317 17.5536 13.7627C17.7294 13.877 17.9042 14.0518 18.2538 14.4014L18.4486 14.5962C18.9801 15.1277 19.2458 15.3934 19.3902 15.6788C19.6772 16.2463 19.6772 16.9166 19.3902 17.4842C19.2458 17.7695 18.9801 18.0353 18.4486 18.5667L18.291 18.7243C17.7614 19.254 17.4966 19.5188 17.1365 19.721C16.737 19.9455 16.1165 20.1068 15.6583 20.1054C15.2454 20.1042 14.9632 20.0241 14.3987 19.8639C11.3653 19.0029 8.50295 17.3785 6.11497 14.9905C3.72699 12.6025 2.10252 9.74014 1.24155 6.70675C1.08134 6.1423 1.00124 5.86008 1.00001 5.44713C0.998645 4.98891 1.16001 4.36842 1.38443 3.96891C1.58668 3.60888 1.85149 3.34407 2.38111 2.81445L2.53874 2.65681C3.07019 2.12537 3.33591 1.85965 3.62129 1.7153C4.18885 1.42823 4.85912 1.42823 5.42668 1.7153C5.71206 1.85965 5.97778 2.12537 6.50922 2.65681L6.70409 2.85168C7.0537 3.20129 7.2285 3.37609 7.34279 3.55187C7.77378 4.21476 7.77378 5.06934 7.34278 5.73223C7.2285 5.90801 7.0537 6.08281 6.70409 6.43242C6.58978 6.54673 6.53262 6.60388 6.48478 6.6707C6.31477 6.90813 6.25607 7.25239 6.33779 7.53274C6.36079 7.61163 6.39072 7.67397 6.45059 7.79866Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; } .link-phone { font-size: 16px; font-weight: 500; line-height: 20px; color: #fff; position: relative; padding-left: 26px; position: relative; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .link-phone::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 100%; left: 0; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px); opacity: 0; } .link-phone:hover::before { opacity: 1; transform: translateY(0px); } @media (max-width: 1279px) { .link-phone { font-size: 14px; line-height: 16px; } } .link-phone::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.45059 7.79866C7.14659 9.24828 8.09537 10.6069 9.29695 11.8085C10.4985 13.0101 11.8572 13.9589 13.3068 14.6549C13.4315 14.7147 13.4938 14.7447 13.5727 14.7677C13.8531 14.8494 14.1973 14.7907 14.4348 14.6207C14.5016 14.5728 14.5587 14.5157 14.673 14.4014C15.0226 14.0518 15.1975 13.877 15.3732 13.7627C16.0361 13.3317 16.8907 13.3317 17.5536 13.7627C17.7294 13.877 17.9042 14.0518 18.2538 14.4014L18.4486 14.5962C18.9801 15.1277 19.2458 15.3934 19.3902 15.6788C19.6772 16.2463 19.6772 16.9166 19.3902 17.4842C19.2458 17.7695 18.9801 18.0353 18.4486 18.5667L18.291 18.7243C17.7614 19.254 17.4966 19.5188 17.1365 19.721C16.737 19.9455 16.1165 20.1068 15.6583 20.1054C15.2454 20.1042 14.9632 20.0241 14.3987 19.8639C11.3653 19.0029 8.50295 17.3785 6.11497 14.9905C3.72699 12.6025 2.10252 9.74014 1.24155 6.70675C1.08134 6.1423 1.00124 5.86008 1.00001 5.44713C0.998645 4.98891 1.16001 4.36842 1.38443 3.96891C1.58668 3.60888 1.85149 3.34407 2.38111 2.81445L2.53874 2.65681C3.07019 2.12537 3.33591 1.85965 3.62129 1.7153C4.18885 1.42823 4.85912 1.42823 5.42668 1.7153C5.71206 1.85965 5.97778 2.12537 6.50922 2.65681L6.70409 2.85168C7.0537 3.20129 7.2285 3.37609 7.34279 3.55187C7.77378 4.21476 7.77378 5.06934 7.34278 5.73223C7.2285 5.90801 7.0537 6.08281 6.70409 6.43242C6.58978 6.54673 6.53262 6.60388 6.48478 6.6707C6.31477 6.90813 6.25607 7.25239 6.33779 7.53274C6.36079 7.61163 6.39072 7.67397 6.45059 7.79866Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; width: 19px; height: 19px; left: 0; top: 50%; transform: translateY(-50%); } .btn-filter { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 2.6C1 2.03995 1 1.75992 1.10899 1.54601C1.20487 1.35785 1.35785 1.20487 1.54601 1.10899C1.75992 1 2.03995 1 2.6 1H19.4C19.9601 1 20.2401 1 20.454 1.10899C20.6422 1.20487 20.7951 1.35785 20.891 1.54601C21 1.75992 21 2.03995 21 2.6V3.26939C21 3.53819 21 3.67259 20.9672 3.79756C20.938 3.90831 20.8901 4.01323 20.8255 4.10776C20.7526 4.21443 20.651 4.30245 20.4479 4.4785L14.0521 10.0215C13.849 10.1975 13.7474 10.2856 13.6745 10.3922C13.6099 10.4868 13.562 10.5917 13.5328 10.7024C13.5 10.8274 13.5 10.9618 13.5 11.2306V16.4584C13.5 16.6539 13.5 16.7517 13.4685 16.8363C13.4406 16.911 13.3953 16.9779 13.3363 17.0315C13.2695 17.0922 13.1787 17.1285 12.9971 17.2012L9.59711 18.5612C9.22957 18.7082 9.0458 18.7817 8.89827 18.751C8.76927 18.7242 8.65605 18.6476 8.58325 18.5377C8.5 18.4122 8.5 18.2142 8.5 17.8184V11.2306C8.5 10.9618 8.5 10.8274 8.46715 10.7024C8.43805 10.5917 8.39014 10.4868 8.32551 10.3922C8.25258 10.2856 8.15102 10.1975 7.94789 10.0215L1.55211 4.4785C1.34898 4.30245 1.24742 4.21443 1.17449 4.10776C1.10986 4.01323 1.06195 3.90831 1.03285 3.79756C1 3.67259 1 3.53819 1 3.26939V2.6Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 24px; height: 24px; } .btn-search-model { cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: underline; z-index: 11; transition: text-decoration 0.3s; background-size: contain; background-position: center; background-repeat: no-repeat; } .btn-search-model:hover { text-decoration-color: transparent; } .btn-search-model.hidden { opacity: 0; pointer-events: none; } .btn--dark-v2 { border-radius: 20px; width: 100%; background-color: rgb(22 28 63); color: rgb(255, 255, 255); border: solid 1px rgb(22 28 63); } .btn--dark-v2:hover { background-color: transparent; color: rgb(0, 0, 0); } .btn-basket { cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 22.0625C9.07005 22.0625 9.9375 22.9299 9.9375 24C9.9375 25.0701 9.07005 25.9375 8 25.9375C6.92995 25.9375 6.0625 25.0701 6.0625 24C6.0625 22.9299 6.92995 22.0625 8 22.0625Z' fill='%23fff' stroke='%23fff' stroke-width='0.125'/%3e%3cpath d='M21 22.0625C22.0701 22.0625 22.9375 22.9299 22.9375 24C22.9375 25.0701 22.0701 25.9375 21 25.9375C19.9299 25.9375 19.0625 25.0701 19.0625 24C19.0625 22.9299 19.9299 22.0625 21 22.0625Z' fill='%23fff' stroke='%23fff' stroke-width='0.125'/%3e%3cpath d='M0.868164 0.75H2.82715C3.04914 0.749958 3.26909 0.830434 3.44727 0.985352C3.60387 1.12152 3.7194 1.30852 3.77539 1.52148L3.7959 1.61426L4.32715 4.65332L4.43652 5.27344H23.2646C23.4038 5.27327 23.5424 5.3055 23.6709 5.36816C23.7995 5.43088 23.9162 5.52328 24.0107 5.6416L24.0117 5.64355C24.1065 5.76172 24.177 5.90217 24.2158 6.05566C24.2547 6.20928 24.2609 6.37067 24.2334 6.52734L24.2324 6.52832L22.3398 17.3848V17.3857C22.2961 17.6371 22.17 17.8581 21.9912 18.0137C21.813 18.1687 21.5932 18.2501 21.3711 18.25H7.28223C7.06027 18.2501 6.84028 18.1695 6.66211 18.0146C6.4832 17.8591 6.35737 17.6371 6.31348 17.3857L4.23926 5.5293L4.23438 5.50195L4.22754 5.47559C4.22534 5.46675 4.2236 5.45754 4.22266 5.44824L4.21973 5.42188L4.21582 5.39551L3.56543 1.68066L3.45703 1.05957H0.868164C0.847224 1.05957 0.82058 1.05098 0.795898 1.02539C0.770128 0.998529 0.75 0.955152 0.75 0.904297C0.75012 0.853646 0.770207 0.810959 0.795898 0.78418C0.820587 0.758569 0.847217 0.75 0.868164 0.75Z' stroke='%23fff' stroke-width='1.5'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; transition: all 0.3s; position: relative; } .btn-basket span { position: absolute; left: calc(100% - 8px); top: calc(100% - 8.5px); width: 14px; height: 14px; color: #fff; background-color: #ff4d00; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 8px; } @media (hover: hover) { .btn-basket:hover { transform: scale(1.2); } } .btn-whatsapp { display: flex; align-items: center; justify-content: center; } .btn-whatsapp svg { max-width: 18px; height: auto; } h1, h2, h3, h4, h5, h6, .caption { font-family: "Inter Tight"; color: rgb(22 28 63); font-weight: 500; } h1, .caption--h1 { font-size: 60px; line-height: 70px; } h2, .caption--h2 { font-size: 40px; line-height: 44px; } h3, .caption--h3 { font-size: 20px; line-height: 24px; } .caption-h1--small { font-size: 75px; line-height: 80px; } .header { position: fixed; top: 0; left: 0; width: 100%; background-color: rgb(255, 255, 255); z-index: 10; transition: transform 0.5s, background-color 0.3s; font-size: 16px; line-height: 20px; } .header .btn { font-size: 16px; } @media (max-width: 1279px) { .header .btn { font-size: 14px; line-height: 16px; } } .header-top__menu{ color: #fff; } @media screen and (max-width:750px) { .menu-list{ color: #000000; } } .header-top { background-color: #1f2756; padding: 16px 0; transition: all 0.3s; border-bottom: 1px #fff solid; } @media (max-width: 1279px) { .header-top { background-color: #1f2756; } } @media (max-width: 767px) { .header-top { padding: 11px 0; } } .header-top .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .header-controls { display: flex; align-items: center; gap: 16px; } @media (max-width: 1279px) { .header-controls { flex-direction: row-reverse; } } .header-controls .btn-phone { display: none; } @media (max-width: 767px) { .header-controls .btn-phone { display: flex; } } .header-controls .link-phone { margin-left: 88px; } @media (max-width: 1439px) { .header-controls .link-phone { margin-left: 44px; margin-right: 44px; } } @media (max-width: 767px) { .header-controls .link-phone { display: none; } } .header-controls .btn--full { border: 0; padding: 0; font-weight: 400; margin-left: 48px; position: relative; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .header-controls .btn--full::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 100%; left: 0; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px); opacity: 0; } .header-controls .btn--full:hover::before { opacity: 1; transform: translateY(0px); } @media (max-width: 1439px) { .header-controls .btn--full { margin-left: 24px; } } @media (max-width: 767px) { .header-controls .btn--full { display: none; } } @media (hover: hover) { .header-controls .btn--full:hover { background: transparent; color: #35291E; } } .header.hidden { transform: translateY(-100%); } .header--yellow { background-color: rgb(31 39 86); } .header.scroll .header-top { padding: 5px 0; } @media (max-width: 1279px) { .header.scroll .header-top { padding: 10px 0; } } @media (max-width: 767px) { .header.scroll .header-top { padding: 11px 0; } } .header.scroll .header-top .logo { transform: scale(0.7); } @media (max-width: 1279px) { .header.scroll .header-top .logo { transform: scale(0.9); } } @media (max-width: 767px) { .header.scroll .header-top .logo { transform: scale(1); } } .header.scroll .header-bottom { padding: 10px 0; } .header.scroll .menu-sub { top: -4px; } .header-top__menu { display: flex; align-items: center; gap: 30px; } @media (max-width: 1279px) { .header-top__menu { display: none; } } .header-top__menu a { position: relative; } .header-top__menu a::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } .header-top__menu a::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(-2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (hover: hover) { .header-top__menu a:hover::before { transform: translateY(4px) rotate(2deg); opacity: 1; } .header-top__menu a:hover::after { transform: translateY(4px) rotate(-2deg); opacity: 1; } } .header-bottom { padding: 14px 0; color: #fff; } .header-bottom { background-color: #1f2756 !important; } @media screen and (max-width:750px) { .header-bottom { background-color: #fbf6eb !important; } } @media (max-width: 1279px) { .header-bottom { position: fixed; top: 0; right: -100%; background-color: #fbf6eb; height: 100dvh; z-index: 11; width: 0px; padding: 32px; transition: width 0.5s, opacity 0.5s, right 0.3s; overflow: hidden; pointer-events: none; width: 390px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922); } } @media (max-width: 1279px) and (max-width: 479px) { .header-bottom { padding: 16px; width: 100%; } } @media (max-width: 1279px) { .header-bottom.opened { pointer-events: initial; overflow: auto; right: 0; } } .header-bottom .menu { width: 100%; } .menu-list { display: flex; align-items: center; justify-content: space-around; gap: 8px; width: 100%; padding: 0 70px; } @media (max-width: 1279px) { .menu-list { padding: 0; display: block; } } .menu-item { position: relative; } @media (max-width: 1279px) { .menu-item { display: none; } } .menu-item:first-child { display: block; } @media (max-width: 1279px) { .menu-item:first-child { display: block; } .menu-item:first-child .menu-link { border: 0; } } .menu-item--mobile { display: none; } @media (max-width: 1279px) { .menu-item--mobile { display: block !important; } } @media (hover: hover) { .menu-item:hover .menu-link--arrow::after { transform: rotate(180deg); } } .menu-link { cursor: pointer; position: relative; z-index: 3; font-weight: 600; font-size: 16px; line-height: 20px; } @media (max-width: 1279px) { .menu-link { font-weight: 400; border-bottom: solid 1px rgba(53, 41, 30, 0.3); width: 100%; display: block; text-decoration: none; padding: 16px 0; } } .menu-link-all { font-weight: 600; } @media (hover: hover) { .menu-link:hover + .menu-sub { opacity: 1; pointer-events: initial; transform: translateY(0px); } } .menu-link--arrow::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: calc(100% + 6px); top: calc(50% - 4.5px); width: 14px; height: 9px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1.5L7 7.5L13 1.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } @media (hover: hover) { .menu-link--arrow:hover::after { transform: rotate(180deg); } .menu-link--arrow:hover::before { display: none; } } .menu-link::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 1279px) { .menu-link::before { display: none; } } .menu-link::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(-2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 1279px) { .menu-link::after { display: none; } } @media (hover: hover) { .menu-link:hover::before { transform: translateY(4px) rotate(2deg); opacity: 1; } .menu-link:hover::after { transform: translateY(4px) rotate(-2deg); opacity: 1; } } .menu-link.active::before { transform: translateY(4px) rotate(2deg); opacity: 1; } .menu-link.active::after { transform: translateY(4px) rotate(-2deg); opacity: 1; } .menu-sub { position: absolute; left: 0; top: 0; width: 195px; pointer-events: none; opacity: 0; padding-top: 34px; transform: translateX(-10px); transition: all 0.3s; } @media (max-width: 1279px) { .menu-sub { padding: 0; width: 100%; opacity: 1; transform: initial; position: relative; pointer-events: initial; } } @media (max-width: 1279px) { .menu-sub-link { border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-bottom: 12px; width: 100%; display: block; font-weight: 400; } } .menu-sub__list { box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.11); background-color: rgb(255, 255, 255); width: 100%; height: 100%; padding: 17px 0; } @media (max-width: 1279px) { .menu-sub__list { background: transparent; box-shadow: none; padding: 11px 0; font-weight: 600; border-bottom: solid 1px rgba(53, 41, 30, 0.3); } } .menu-sub__list li { padding: 11px 24px; color: #000 !important; } @media (max-width: 1279px) { .menu-sub__list li { padding: 0; padding-left: 24px; } } @media (max-width: 1279px) { .menu-sub__list li + li { margin-top: 12px; } } .menu-sub__list li:last-child .menu-sub-link { border-bottom: 0; } @media (hover: hover) { .menu-sub__list li:hover a::before, .menu-sub__list li:hover span::before { transform: translateY(4px) rotate(2deg); opacity: 1; } .menu-sub__list li:hover a::after, .menu-sub__list li:hover span::after { transform: translateY(4px) rotate(-2deg); opacity: 1; } } .menu-sub__list > li > a, .menu-sub__list > li > span { width: auto; position: relative; } .menu-sub__list > li > a::before, .menu-sub__list > li > span::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } .menu-sub__list > li > a::after, .menu-sub__list > li > span::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; pointer-events: none; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgb(22 28 63); transform: translateY(10px) rotate(-2deg); background-position: center; background-repeat: no-repeat; background-size: contain; } .menu-sub__list li:hover { background-color: #fbf6eb; } .menu-sub__list li:hover .menu-sub-last { opacity: 1; pointer-events: initial; transform: translateX(0px); } .menu-sub .menu-sub-link__wrap { position: relative; } @media (max-width: 1279px) { .menu-sub .menu-sub-link__wrap::after, .menu-sub .menu-sub-link__wrap::before { display: none; } } .menu-sub .menu-sub-last { padding: 17px 0; background: #fbf6eb; left: 100%; position: absolute; top: 33px; min-width: 200px; transform: translateX(-10px); transition: transform 0.3s; pointer-events: none; opacity: 0; box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.11); height: calc(100% - 33px); } @media (min-width: 1280px) { .menu-sub .menu-sub-last { display: block !important; } } @media (max-width: 1279px) { .menu-sub .menu-sub-last { background: transparent; width: 100%; height: auto; position: relative; left: 0; top: 0; min-width: initial; box-shadow: none; pointer-events: initial; transform: initial; opacity: 1; padding: 12px 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); display: none; } .menu-sub .menu-sub-last.opened { display: block; } } .menu-sub .menu-sub-last a, .menu-sub .menu-sub-last span { padding: 12px 0px; width: 100%; display: block; border-bottom: 1px solid rgba(53, 41, 30, 0.3); transition: all 0.3s; text-decoration: underline; text-decoration-color: transparent; } @media (max-width: 1279px) { .menu-sub .menu-sub-last a, .menu-sub .menu-sub-last span { color: rgb(0, 0, 0); font-weight: 400; border: 0; padding: 8px 0; } } @media (hover: hover) { .menu-sub .menu-sub-last a:hover, .menu-sub .menu-sub-last span:hover { color: rgb(0, 0, 0); text-decoration-color: rgb(0, 0, 0); } } .menu-sub .menu-sub-last li { padding: 0 24px; } @media (max-width: 1279px) { .menu-sub .menu-sub-last li { padding: 0; padding-left: 24px; } } .menu-sub .menu-sub-last li + li { margin-top: 0; } .menu-sub .menu-sub-last li:last-child > span, .menu-sub .menu-sub-last li:last-child > a { border: 0; } @media (hover: hover) { .menu-sub .menu-sub-last li:hover .menu-sub__list-product { opacity: 1; pointer-events: initial; transform: translateX(0px); } } .menu-sub .menu-sub__list-product { padding: 17px 17px 17px 0px; background: #fbf6eb; left: 100%; position: absolute; top: 0; min-width: 250px; transform: translateX(-10px); transition: transform 0.3s; pointer-events: none; opacity: 0; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.11); height: 100%; } @media (max-width: 1279px) { .menu-sub .menu-sub__list-product { padding: 0; background: transparent; width: 100%; height: auto; position: relative; left: 0; top: 0; min-width: initial; box-shadow: none; pointer-events: initial; opacity: 1; transform: initial; padding-left: 30px; display: none; } } .menu-sub .menu-sub__list-product a, .menu-sub .menu-sub__list-product span { padding: 12px 0px; border-bottom: 1px solid rgba(53, 41, 30, 0.3); } @media (max-width: 1279px) { .menu-sub .menu-sub__list-product a, .menu-sub .menu-sub__list-product span { color: rgb(0, 0, 0); font-weight: 400; width: 100%; } } .menu-sub .menu-sub__list-product li { padding: 0; } @media (hover: hover) { .menu-sub .menu-sub__list-product:hover { opacity: 1; pointer-events: initial; transform: translateX(0px); } } @media (hover: hover) { .menu-sub:hover { opacity: 1; pointer-events: initial; transform: translateX(0px); } } .menu-head { display: none; justify-content: space-between; align-items: center; } .footer { background-color: rgb(22 28 63); color: rgb(255, 255, 255); position: relative; z-index: 9; } .footer-top { border-bottom: solid 1px rgba(255, 255, 255, 0.5); } .footer-top .desc { width: 100%; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0.05em; text-align: left; color: rgb(255, 255, 255); margin-top: -5px; } .footer-top .desc a { text-decoration: underline; transition: text-decoration 0.3s; } .footer-top .desc a:hover { text-decoration-color: transparent; } .footer-top__inner { display: flex; align-items: flex-start; padding: 40px 0; gap: 0 40px; } .footer-top__inner input { border: 0; background-color: transparent; border-bottom: solid 1px rgb(255, 255, 255); color: rgb(255, 255, 255); width: calc(100% - 76px); height: 34px; } .footer-top__title { font-size: 24px; font-weight: 400; line-height: 28px; display: block; } .footer-top__desc { font-weight: 400; } .footer-top__text { width: calc(50% + 32px); } .footer-top__form { width: calc(50% - 32px); display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0 32px; } .footer-top__form .btn { min-width: 44px; width: 44px; height: 44px; border: solid 1px rgb(255, 255, 255); } .footer-top__form .btn:hover { background-color: rgb(255, 255, 255); } .footer-top__form .btn:hover svg path { fill: rgb(0, 0, 0); } .footer-top__form .btn svg path { fill: rgb(255, 255, 255); } .footer-center { padding: 40px 0; } .footer-center__inner { display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .footer-menu { display: flex; gap: 50px; } .footer-menu li { margin-bottom: 8px; } .footer-menu a:not(.footer-menu__link) { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .footer-menu a:not(.footer-menu__link):hover { text-decoration-color: rgb(255, 255, 255); } .footer-menu__col { display: flex; flex-direction: column; align-items: flex-start; } .footer-menu__col:nth-child(2) ul { display: grid; grid-template-columns: 220px 140px; gap: 0 16px; } .footer-menu__col:nth-child(3) { max-width: 300px; font-size: 12px; line-height: 14px; display: flex; flex-direction: column; gap: 25px; } .footer-menu__col:nth-child(3) .footer-menu__title { margin-bottom: 0; } .footer-menu__title { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: 0.05em; margin-bottom: 16px; position: relative; display: block; } .footer-menu__title.active::before { transform: scale(1, -1); } .footer-menu__link { font-size: 17px; font-weight: 400; line-height: 22px; text-align: left; border: solid 1px rgb(255, 255, 255); padding: 8px 16px; border-radius: 60px; display: table; margin-top: auto; text-decoration: none; text-decoration-color: transparent; transition: all 0.3s; } .footer-menu__link:hover { color: rgb(22 28 63); background-color: rgb(255, 255, 255); } .footer-bottom { padding: 40px 0; border-top: solid 1px rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.8); } .footer-bottom__inner { display: flex; align-items: center; justify-content: space-between; } .developers { display: flex; align-items: flex-end; gap: 16px; } section { padding: 40px 0; } .main > section { order: 3; } .main .product-media { order: 1; } .main .breadcrumbs-section { order: 2; } .grettings-section { font-size: 24px; font-weight: 400; line-height: 28px; text-align: left; background-color: rgb(251, 246, 235); position: relative; overflow: hidden; width: 100%; color: rgb(255, 255, 255); padding: 0; } @media (max-width: 1279px) { .grettings-section { font-size: 22px; line-height: 24px; } } .grettings-section__slider .swiper-pagination { bottom: 50px !important; } @media (max-width: 767px) { .grettings-section__slider .swiper-pagination { bottom: 12px !important; } } .grettings-section__slider .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; flex: initial; } .grettings { position: relative; z-index: 3; } .grettings__body { display: flex; flex-direction: column; justify-content: flex-end; flex-wrap: wrap; gap: 30px; min-height: 810px; position: relative; z-index: 5; } @media (max-width: 1549px) { .grettings__body { min-height: 585px; } } @media (max-width: 1279px) { .grettings__body { min-height: 544px; } } @media (max-width: 767px) { .grettings__body { min-height: 590px; justify-content: center; } } .grettings__text { max-width: 600px; } @media (max-width: 767px) { .grettings__text { max-width: 360px; } } @media (max-width: 389px) { .grettings__text { font-size: 16px; line-height: 20px; } } .grettings__controls { width: 100%; display: flex; justify-content: flex-end; align-items: center; max-width: 850px; max-width: 1030px; margin-top: -100px; top: -155px; position: relative; } @media (max-width: 1549px) { .grettings__controls { max-width: 810px; margin-top: -80px; } } @media (max-width: 1439px) { .grettings__controls { max-width: 850px; margin-top: -80px; } } @media (max-width: 1279px) { .grettings__controls { margin-top: -10px; max-width: 900px; margin-top: -40px; } } @media (max-width: 767px) { .grettings__controls { margin-top: 0; top: auto; } } .grettings__controls .btn { background-color: transparent; color: rgb(255, 255, 255); padding: 0; border-color: rgb(255, 255, 255); border-width: 2px; } @media (max-width: 1279px) { .grettings__controls .btn { padding: 3px; } } @media (max-width: 767px) { .grettings__controls .btn { border-width: 1px; } } @media (hover: hover) { .grettings__controls .btn:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } } .grettings .caption { color: rgb(255, 255, 255); font-size: 85px; line-height: 80px; font-weight: 400; max-width: 960px; } @media (max-width: 1549px) { .grettings .caption { font-size: 65px; line-height: 70px; max-width: 750px; } } @media (max-width: 1279px) { .grettings .caption { font-size: 50px; line-height: 46px; max-width: 510px; } } @media (max-width: 767px) { .grettings .caption { font-size: 38px; line-height: 44px; max-width: 100%; } } @media (max-width: 389px) { .grettings .caption { font-size: 32px; line-height: 38px; } } .grettings .grettings__adv { width: 355px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (max-width: 1549px) { .grettings .grettings__adv { width: 250px; } } @media (max-width: 1279px) { .grettings .grettings__adv { width: 265px; } } @media (max-width: 767px) { .grettings .grettings__adv { position: relative; top: auto; transform: initial; } } .grettings ul li { font-size: 20px; line-height: 24px; font-weight: 400; padding-bottom: 20px; border-bottom: solid 1px rgba(255, 255, 255, 0.5); } @media (max-width: 1549px) { .grettings ul li { font-size: 16px; line-height: 20px; padding-bottom: 10px; } } @media (max-width: 389px) { .grettings ul li { font-size: 14px; line-height: 20px; } } .grettings ul li + li { margin-top: 30px; } .grettings .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .grettings .picture::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background: linear-gradient(89.12deg, rgba(0, 0, 0, 0) 0.81%, rgba(0, 0, 0, 0.8) 94.88%); top: 0; left: 0; z-index: 1; } .section__head { border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-bottom: 16px; display: flex; align-items: center; justify-content: space-between; } .section__head .caption { font-weight: 500; } .arrows-controls { display: flex; align-items: center; gap: 16px; position: relative; z-index: 5; } .arrows-controls__left { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 17L1 9L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .arrows-controls__right { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 17L9 9L1 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .arrows-controls .arrow { cursor: pointer; width: 32px; height: 32px; background-size: 8px; background-position: center; background-repeat: no-repeat; transition: opacity 0.3s; } .arrows-controls .arrow:hover { opacity: 0.75; } .arrows-controls .arrow.disabled { pointer-events: none; opacity: 0.2; } .catalog-section__body { display: flex; justify-content: space-between; margin-top: 40px; min-height: 654px; } .catalog-section__links { font-size: 24px; font-weight: 400; line-height: 28px; width: calc(100% - 758px - 24px); } .catalog-section__links li + li { border-top: solid 1px rgba(53, 41, 30, 0.3); } .catalog-section__links li:last-child { border-bottom: solid 1px rgba(53, 41, 30, 0.3); } .catalog-section__links a { padding: 40px 32px; display: block; width: 100%; transition: background-color 0.3s; } .catalog-section__links a.active, .catalog-section__links a:hover { background-color: rgb(251, 246, 235); } .catalog-section__content { display: flex; justify-content: space-between; align-items: flex-start; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: opacity 0.5s; pointer-events: none; } .catalog-section__content .catalog-main-item { width: calc(50% - 12px); } .catalog-section__content .catalog-main-item:nth-child(2) { margin-top: auto; } .catalog-section__content.active { opacity: 1; pointer-events: initial; } .catalog-section__content.active .catalog-main-item { opacity: 1; } .catalog-section__content.active .catalog-main-item:nth-child(1) { transform: translateY(0px); } .catalog-section__content.active .catalog-main-item:nth-child(2) { transform: translateY(0px); } .catalog-section__catalog { position: relative; width: 100%; max-width: 758px; } .catalog-main-item { background-color: rgb(251, 246, 235); position: relative; transition: opacity 1.5s, transform 3s; opacity: 0; transform: translateY(50px); } .catalog-main-item:nth-child(2) { transform: translateY(-50px); margin-top: auto; } .catalog-main-item .picture { width: 100%; height: 319px; position: relative; z-index: 1; } .catalog-main-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .catalog-main-item__body { padding: 16px; display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.05em; color: rgb(22 28 63); padding-right: 70px; } .catalog-main-item__name { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: 0.05em; width: 100%; max-width: 100%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 44px; } .catalog-main-item__price { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: 0.05em; } .catalog-main-item__link { position: absolute; bottom: 16px; right: 16px; width: 44px; height: 44px; border: solid 1px rgb(22 28 63); border-radius: 50%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%2335291e'/%3e%3c/svg%3e "); transition: all 0.3s; } .catalog-main-item__link:hover { background-color: rgb(22 28 63); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%23ffffff'/%3e%3c/svg%3e "); } .catalog-main-item .product-coming-soon { top: 15px; font-size: 14px; line-height: 16px; } .collection-main { overflow: hidden; width: 100%; background-color: rgb(251, 246, 235); } .slider-collection { width: 100%; margin-top: 40px; overflow: visible; } .slider-collection .swiper-wrapper { min-height: 650px; } .slider-collection .swiper-slide { position: relative; width: 100%; height: auto; display: flex; } .slider-collection .swiper-slide .collection-slide { transform: translateY(150px); padding-bottom: 60px; } .slider-collection .swiper-slide.swiper-slide-active .collection-slide { transform: translateY(0px); height: 650px; } .slider-collection .swiper-slide.swiper-slide-next .collection-slide { transform: translateY(0); } .slider-collection .swiper-slide.swiper-slide-next.swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .collection-slide, .slider-collection .swiper-slide.swiper-slide-next.swiper-slide + .swiper-slide + .swiper-slide .collection-slide, .slider-collection .swiper-slide.swiper-slide-next.swiper-slide + .swiper-slide .collection-slide, .slider-collection .swiper-slide.swiper-slide-next.swiper-slide .collection-slide { transform: translateY(0); } .slider-collection .picture { width: 100%; height: 100%; position: absolute; left: 0; top: 0; position: relative; z-index: 1; } .slider-collection .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .slider-collection__link { font-size: 24px; font-weight: 400; line-height: 28px; display: block; padding: 16px 24px; position: absolute; bottom: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: #35291e; z-index: 3; color: rgb(255, 255, 255); text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .slider-collection__link:hover { text-decoration-color: rgb(255, 255, 255); } .collection-slide { position: relative; width: 100%; height: 500px; transition: height 0.3s, transform 0.3s, padding 0.3s; } .main-article--bg { background-color: rgb(251, 246, 235); } .main-article__body { display: grid; grid-template-columns: 760px 428px; justify-content: space-between; margin-top: 40px; gap: 18px; } .main-article__body .picture { position: relative; grid-row: 1/2; position: relative; z-index: 1; } .main-article__body .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .main-article__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; } .main-article__content .picture { width: 100%; height: 336px; margin-top: 85px; } .main-article__content .btn { margin-left: auto; } .main-design__slider { width: 100%; overflow: hidden; } .slider-design { width: 424px; overflow: visible; margin: 40px 0 0 225px; } .slider-design .swiper-slide { width: 200px; height: 424px; display: flex; flex-direction: column; justify-content: flex-end; } .slider-design .swiper-slide .main-design { width: 200px; height: 200px; } .slider-design .swiper-slide.swiper-slide-prev .main-design { margin-left: auto; } .slider-design .swiper-slide.swiper-slide-next + .swiper-slide .main-design { margin-left: -225px; } .slider-design .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide .main-design { margin-left: -450px; } .slider-design .swiper-slide.swiper-slide-active { z-index: 5; } .slider-design .swiper-slide.swiper-slide-active .main-design { width: 424px; height: 100%; } .slider-design .swiper-slide.swiper-slide-active .main-design__name { opacity: 1; pointer-events: initial; z-index: 3; } .slider-design .swiper-slide.swiper-slide-active .picture { height: 100%; } .main-design { font-size: 24px; font-weight: 400; line-height: 28px; position: relative; width: 424px; height: 200px; transition: height 0.3s; } .main-design .picture { width: 100%; height: 100%; transition: height 0.3s; position: absolute; left: 0; top: 0; position: relative; z-index: 1; } .main-design .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .main-design__name { position: absolute; top: 0; left: calc(100% + 24px); opacity: 0; white-space: nowrap; pointer-events: none; z-index: -1; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .main-design__name:hover { text-decoration-color: rgb(22 28 63); } .video-section { position: relative; padding-top: 41.6666666667%; margin: 40px 0; overflow: hidden; } .video-section:hover::before { opacity: 0.55; } .video-section:hover::after { opacity: 1; transform: scale(1); } .video-section .text-invis { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; z-index: 5; color: rgb(255, 255, 255); } .video-section video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); pointer-events: none; } .stock-section .arrows-controls { display: none; } .stock-section.heightAuto .stock-slider.init-desktop .stock-list { height: auto; } .stock-section.heightAuto .stock-controls { display: none; } @media (max-width: 767px) { .stock-section .stock-controls { position: relative; margin: 0 auto; width: 100%; display: flex; justify-content: center; margin-top: 20px; } } .stock-slider { margin-top: 40px; } .stock-list .catalog-main-item__body { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; } .stock-list .catalog-main-item__name { width: 60%; } .stock-list .catalog-main-item__price { width: 40%; text-align: right; align-items: flex-end; justify-content: flex-end; margin: 0; } .stock-item { font-size: 17px; font-weight: 400; line-height: 22px; display: flex; gap: 16px; min-height: 312px; gap: 24px; transition: transform 0.3s, opacity 0.3s; } .stock-item .picture { width: 100%; height: 100%; position: relative; z-index: 1; } .stock-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .stock-item .caption { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; min-height: 56px; font-weight: 400; } .stock-item .caption:hover { text-decoration-color: rgb(22 28 63); } .stock-item .stock-item__text { margin-top: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .stock-item .circle-link { margin-left: 0; } .stock-item:nth-child(3) { flex-direction: row-reverse; } @media (max-width: 767px) { .stock-item:nth-child(3) { flex-direction: column; } } .stock-item__media { position: relative; width: calc(50% - 8px); display: flex; flex-direction: column; } .stock-item__content { position: relative; width: calc(50% - 8px); display: flex; flex-direction: column; } .circle-link { margin-top: auto; margin-left: auto; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%23000'/%3e%3c/svg%3e "); width: 44px; height: 44px; border-radius: 50%; border: solid 1px rgb(22 28 63); transition: all 0.3s; display: block; } .circle-link:hover { background-color: rgb(22 28 63); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%23ffffff'/%3e%3c/svg%3e "); } .stock-controls { display: flex; justify-content: flex-end; position: absolute; bottom: 0; right: 0; z-index: 5; } .stock-controls.hidden { display: none; } .stock-controls .btn { position: relative; z-index: 5; } .stock-section__inner { position: relative; width: 100%; } .special-section { background-color: rgb(251, 246, 235); } .slider-default-wrapper { overflow: hidden; } .slider-default { margin-top: 40px; } .slider-picture { font-size: 17px; font-weight: 400; line-height: 22px; position: relative; z-index: 5; } .slider-picture:hover .slider-picture__controls { top: 50%; transform: translateY(-50%); } .slider-picture:hover .swiper-pagination { opacity: 1; pointer-events: initial; } .slider-picture .slider-picture__controls { display: flex; justify-content: space-between; align-items: center; top: calc(100% - 45px); left: 0; position: absolute; width: 100%; padding: 0 16px; transform: translateY(0%); z-index: 5; transition: all 0.3s; } .slider-picture .slider-picture__controls .swiper-button-prev { position: relative; margin: 0; left: 0; right: 0; background-color: transparent; border: 0; width: 32px; height: 32px; } .slider-picture .slider-picture__controls .swiper-button-prev::after { color: rgb(255, 255, 255); } .slider-picture .slider-picture__controls .swiper-button-next { position: relative; margin: 0; left: 0; right: 0; background-color: transparent; border: 0; width: 32px; height: 32px; } .slider-picture .slider-picture__controls .swiper-button-next::after { color: rgb(255, 255, 255); } .slider-picture .picture { padding-top: 60.0308641975%; position: relative; z-index: 1; } .slider-picture .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .slider-picture .swiper-pagination { opacity: 0; pointer-events: none; } .slider-default__text { margin-top: 16px; } .slider-default--spaces { overflow: visible; } .special-project { display: flex; justify-content: space-between; margin-top: 40px; } .special-project__head { width: calc(50% - 12px); display: flex; flex-direction: column; } .special-project__head .caption { border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-bottom: 16px; display: block; } .special-project__head .btn { margin-top: auto; } .special-project .slider-default { margin: 0; width: calc(50% - 12px); } .config-section__row { display: flex; justify-content: space-between; margin-top: 40px; } .config-section__left { display: flex; flex-direction: column; justify-content: space-between; width: 50%; max-width: 423px; } .config-section__right { width: 70%; max-width: 744px; } .config-section__right .picture { width: 100%; padding-top: 50.5376344086%; } .subscribe-section { background-color: rgb(251, 246, 235); width: 100%; padding: 26px 0; position: relative; z-index: 5; } .subscribe-section__content { display: flex; align-items: center; justify-content: flex-start; gap: 20px; flex-wrap: wrap; } .subscribe-section__content .caption { font-weight: 400; } .social-list { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } .social-link { cursor: pointer; background-position: center; background-size: cover; background-repeat: no-repeat; width: 25px; height: 25px; display: block; transition: opacity 0.3s; } .social-link:hover { opacity: 0.75; } .social-link--telegram { background-image: url("/local/markup/css/../img/svg/ic-telegram.svg"); } .social-link--insta { background-image: url("/local/markup/css/../img/svg/ic-insta.svg"); } .social-link--insta2 { background-image: url("/local/markup/css/../img/svg/inst-footer.svg"); } .social-link--vk { background-image: url("/local/markup/css/../img/svg/vk-footer.svg"); } .social-link--ya { background-image: url("/local/markup/css/../img/svg/ya-footer.svg"); } .social-link--facebook { background-image: url("/local/markup/css/../img/svg/ic-facebook.svg"); } .social-link--whatsapp { background-image: url("/local/markup/css/../img/svg/ic-whatsapp.svg"); } .social-link--vk { background-image: url("/local/markup/css/../img/svg/ic-vk.svg"); } .social-link--youtube { background-image: url("/local/markup/css/../img/svg/ic-whatsapp.svg"); } .social-link--dzen { background-image: url("/local/markup/css/../img/svg/ic-dzen.svg"); } .social-white { position: absolute; left: 0; bottom: 10px; } .social-white ul { display: flex; align-items: center; justify-content: center; gap: 8px; } .social-white ul a { width: 20px; height: 20px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; } .social-white ul a svg { position: relative; left: 0.2px; } .catalog { position: relative; } .catalog-row + .catalog-row { margin-top: 56px; } .catalog-row__head { border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding: 16px 0; } .catalog-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px 20px; margin-top: 40px; } .catalog-item .picture { padding-top: 52.4691358025%; position: relative; z-index: 1; } .catalog-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .catalog-item__content { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; } .catalog-item__name { max-width: 80%; width: 100%; display: block; } .catalog__links { display: flex; flex-direction: column; gap: 40px; margin-top: 40px; } .catalog__links a { padding: 16px 0; position: relative; display: block; font-size: 40px; font-weight: 600; line-height: 44px; border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-right: 50px; } .catalog__links a::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%23fff'/%3e%3c/svg%3e "); width: 44px; height: 44px; border-radius: 50%; border: solid 1px rgb(22 28 63); transition: all 0.3s; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .catalog__links a:hover::before { background-color: rgb(22 28 63); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469675 13.5303C0.176775 13.2374 0.176775 12.7625 0.469675 12.4696L5.93931 6.99998L0.469675 1.53028C0.176775 1.23738 0.176775 0.762575 0.469675 0.469675C0.762575 0.176775 1.23738 0.176775 1.53028 0.469675L7.53031 6.46968C7.8232 6.76258 7.8232 7.23738 7.53031 7.53028L1.53028 13.5303C1.23738 13.8232 0.762575 13.8232 0.469675 13.5303Z' fill='%23ffffff'/%3e%3c/svg%3e "); } .catalog-links-invis { position: absolute; top: 110px; left: 0; display: flex; flex-direction: column; padding: 117px 32px 0; transition: all 0.3s; } .catalog-links-invis.sticky { position: fixed; top: 0; } .catalog-links-invis.hidden { display: none; } .catalog-links-invis .active a { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .catalog-links-invis a { font-size: 17px; font-weight: 400; line-height: 22px; padding: 8px 16px; border-radius: 60px; display: table; transition: all 0.3s; } .catalog-links-invis a.active { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .catalog-links-invis a:hover { opacity: 0.75; } .main { position: relative; display: flex; flex-direction: column; flex: 1; } .main .subscribe-section { margin-top: auto; } .catalog-title { position: relative; background-color: rgb(251, 246, 235); } .catalog-title .title-page { padding-top: 40px; } .breadcrumbs { position: relative; padding-top: 20px; padding-bottom: 20px; } .breadcrumbs ul { display: flex; flex-wrap: wrap; gap: 8px; } .breadcrumbs a.breadcrumbs__link { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .breadcrumbs a.breadcrumbs__link:hover { text-decoration-color: rgba(53, 41, 30, 0.3); } .breadcrumbs__link { font-size: 17px; font-weight: 400; line-height: 22px; text-align: left; position: relative; color: rgba(53, 41, 30, 0.3); padding-left: 32px; } .breadcrumbs__link::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: 8px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 13L1 7L7 1' stroke='%23fff' stroke-opacity='0.3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .title-page { position: relative; border-top: solid 1px rgba(53, 41, 30, 0.3); } .title-page .btn-search-model { position: absolute; right: 20px; top: 50%; } .catalog-menu { display: inline-block; border: solid 1px rgb(22 28 63); border-radius: 60px; margin-top: 40px; white-space: nowrap; overflow: auto; max-width: 100%; } .catalog-menu li { display: inline-block; vertical-align: middle; } .catalog-menu .active a { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .catalog-menu a { font-size: 17px; font-weight: 400; line-height: 22px; padding: 8px 16px; display: block; border-radius: 60px; transition: all 0.3s; } .catalog-menu a:hover { opacity: 0.75; } .catalog-menu.hidden { display: none; } .menu-links { display: inline-block; border: solid 1px rgb(22 28 63); border-radius: 60px; margin-top: 40px; white-space: nowrap; overflow: auto; max-width: 100%; } .menu-links li { display: inline-block; vertical-align: middle; } .menu-links .active a { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .menu-links a { font-size: 17px; font-weight: 400; line-height: 22px; padding: 8px 16px; display: block; border-radius: 60px; transition: all 0.3s; } .menu-links a:hover { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .breadcrumbs-section { padding: 0; } .breadcrumbs-section .breadcrumbs { border-bottom: 0; } .product-media { padding-top: 51.1458333333%; position: relative; z-index: 9; } .product-media .caption { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; z-index: 5; color: rgb(255, 255, 255); padding: 0 15%; } .product-media .video-section::before, .product-media .video-section::after { display: none; } .product-media__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-media__media .picture-section { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .product-media__media .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .product-media__media .picture::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(53, 41, 30, 0.6) 5%, rgba(53, 41, 30, 0.4585) 14.1%, rgba(53, 41, 30, 0) 53.2%); z-index: 2; pointer-events: none; } .product-media__media .video-section { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .link-download { position: relative; padding-left: 35px; transition: text-decoration 0.3s; text-decoration: underline; display: inline-block; font-weight: 400; } .link-download:hover { text-decoration-color: transparent; } .link-download::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 50%; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 12.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.1198 22 8.79986 22H12.5M14 11H8M10 15H8M16 7H8M15 19L18 22M18 22L21 19M18 22V16' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; transform: translateY(-50%); } .product-characteristic { font-size: 24px; font-weight: 400; line-height: 28px; } .product-characteristic .picture { position: relative; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-characteristic .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .product-characteristic .link-download { margin-top: 32px; } .product-characteristic__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 24px; } .product-characteristic__left { width: 50%; position: relative; min-height: 517px; max-width: 645px; } .product-characteristic__right { width: 50%; max-width: 650px; } .product-characteristic__info { display: flex; flex-direction: column; gap: 8px; } .product-info .picture { position: relative; z-index: 1; left: -310px; width: calc(100% + 620px); } .product-info .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .product-info .picture img { position: relative; width: 1610px; } .product-info__row + .product-info__row { margin-top: 64px; } .product-info__row + .product-info__row .picture { left: auto; right: 0; } .product-info__row + .product-info__row .btn-circle--dark:hover { color: #fff; background-color: rgba(53, 41, 30, 0.6); } .product-info__row:nth-child(2n) .section__head { text-align: right; width: 100%; } .product-info__row:nth-child(2n) .section__head .caption { width: 100%; text-align: right; } .product-info__row:nth-child(2n) .product-info__list .btn { right: auto; left: 55px; } .product-info__list { margin-top: 20px; position: relative; } .product-info__list .btn { position: absolute; right: 55px; bottom: 29px; z-index: 5; text-decoration: underline; } .link-default { text-align: center; font-size: 24px; font-weight: 400; line-height: 28px; border: solid 1px rgb(22 28 63); padding: 16px; border-radius: 60px; display: inline-block; margin-top: auto; text-decoration: none; text-decoration-color: transparent; transition: all 0.3s; color: rgb(22 28 63); } .link-default:hover { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .product-more { margin-top: 56px; } .product-more + .product-more { margin-top: 24px; } .product-more .form-manager__form { display: grid; grid-template-columns: 1fr 165px; gap: 4px 24px; } .product-more .form-manager__form .input-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; } .product-more .form-manager__form .input-item:last-child { grid-column: initial; } .product-more .form-manager__form .desc { grid-column: 1/3; grid-row: 2/3; margin: 0; color: rgba(53, 41, 30, 0.6); } .product-more .form-manager__form .btn { border-radius: 20px; } .product-more__head { cursor: pointer; padding: 16px 0; position: relative; display: block; font-size: 40px; font-weight: 600; line-height: 44px; border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-right: 50px; } .product-more__head.opened::before { content: "-"; } .product-more__head:hover::before { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .product-more__head::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; content: "+"; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: solid 1px rgb(22 28 63); color: rgb(22 28 63); display: flex; align-items: center; justify-content: center; font-weight: 300; } .product-more__body { display: none; } .product-info__delivery { display: flex; flex-wrap: wrap; padding: 24px 0; } .product-info__delivery div { width: 50%; } .product-info__documents { display: flex; flex-wrap: wrap; gap: 24px; padding: 24px 0; } .product-info__documents .link-default { width: calc(33.3333333333% - 24px); } .product-action { background-color: rgb(251, 246, 235); position: relative; overflow: hidden; } .product-action__stock-row { display: flex; align-items: center; gap: 10px; font-size: 17px; line-height: 17px; } .product-action__stock-link { display: flex; gap: 10px; align-items: center; } .product-action__stock-link span { text-decoration: underline; } .product-action .product-coming-soon { top: 78px; } @media (max-width: 1439px) { .product-action .product-coming-soon { top: 55px; } } @media (max-width: 767px) { .product-action .product-coming-soon { top: 0; position: relative; left: -8px; margin: 20px 0; } } .product-action .picture.small { width: 312px; height: 250px; position: absolute; left: calc(100% + 60px); top: 0; pointer-events: none; } .product-action .picture.small picture { width: 100%; height: 100%; } .product-action .picture.small .product-action__stock-row { position: relative; z-index: 9; top: 16px; } .product-action .picture.small::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 604px; height: 221px; background-color: rgb(255, 255, 255); left: 50%; top: 50%; } .product-action .sale { color: rgb(255, 255, 255); border: solid 1px rgb(22 28 63); background-color: rgb(22 28 63); padding: 10px 15px; position: absolute; top: 20px; left: 20px; z-index: 3; border-radius: 20px; } .product-action .btn-favorite { position: absolute; top: 25px; right: 20px; z-index: 3; width: 30px; height: 30px; transition: all 0.3s; } .product-action .btn-favorite:hover { transform: scale(0.9); } .product-action .btn-favorite::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='20' viewBox='0 0 23 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4932 3.13581C9.4938 0.7984 6.15975 0.169643 3.65469 2.31001C1.14964 4.45038 0.796968 8.02898 2.7642 10.5604C4.39982 12.6651 9.34977 17.1041 10.9721 18.5408C11.1536 18.7016 11.2444 18.7819 11.3502 18.8135C11.4426 18.8411 11.5437 18.8411 11.6361 18.8135C11.7419 18.7819 11.8327 18.7016 12.0142 18.5408C13.6365 17.1041 18.5865 12.6651 20.2221 10.5604C22.1893 8.02898 21.8797 4.42787 19.3316 2.31001C16.7835 0.192157 13.4925 0.7984 11.4932 3.13581Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .product-action .btn-favorite::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9932 3.13581C8.9938 0.7984 5.65975 0.169643 3.15469 2.31001C0.649644 4.45038 0.296968 8.02898 2.2642 10.5604C3.89982 12.6651 8.84977 17.1041 10.4721 18.5408C10.6536 18.7016 10.7444 18.7819 10.8502 18.8135C10.9426 18.8411 11.0437 18.8411 11.1361 18.8135C11.2419 18.7819 11.3327 18.7016 11.5142 18.5408C13.1365 17.1041 18.0865 12.6651 19.7221 10.5604C21.6893 8.02898 21.3797 4.42787 18.8316 2.31001C16.2835 0.192157 12.9925 0.7984 10.9932 3.13581Z' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .product-action__buttons { display: flex; gap: 16px; margin-top: auto; } .product-action__picture { position: absolute; left: 0; top: 40px; width: calc(50% - 267.5px + 30px); min-height: 530px; } .product-action__picture picture { width: 100%; height: 100%; min-height: 530px; } .product-action__content { display: flex; flex-direction: column; align-items: flex-start; min-height: 530px; width: 100%; max-width: 535px; margin: auto; gap: 24px; transform: translateX(60px); } .product-action__content .caption { max-width: 414px; } .product-action__content .status { cursor: pointer; margin-top: auto; transition: all 0.3s; } .product-action__content .status:hover { transform: scale(0.9); } .product-action__content p { font-size: 18px; text-align: justify; } .product-action__content .old { display: block; line-height: 20px; margin-bottom: -14px; } .product-action__controls { position: absolute; left: calc(100% + 10px); bottom: 0; display: flex; justify-content: flex-end; width: 312px; } .status { position: relative; padding: 8px 16px 8px 42px; border-radius: 60px; display: inline-block; } .status::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 24px; height: 24px; border-radius: 50%; background-position: center; background-repeat: no-repeat; left: 8px; top: 50%; transform: translateY(-50%); } .status--stock { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .status--stock::before { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5L5 9L13 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .price-block { font-size: 40px; font-weight: 500; line-height: 44px; } .main-designer__row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; } .main-designer__row .picture { width: 50%; min-height: 647px; } .main-designer__content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; max-width: 309px; } .main-designer__name { font-size: 85px; font-weight: 600; line-height: 80px; text-align: right; } .advantages-section { background-color: rgb(251, 246, 235); overflow: hidden; } .advantages-section .arrows-controls { display: none; } .advantages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 205px 24px; min-height: 524px; font-size: 15px; line-height: 20px; } @media (max-width: 1279px) { .advantages { min-height: 420px; } } .advantages .advantages-item:first-child { grid-column: 1/3; } .advantages .advantages-item:nth-child(3) .picture { position: absolute; top: calc(100% - 210px); } .advantages-item { display: flex; flex-direction: column; position: relative; gap: 16px; } .advantages-item .picture { width: 100%; height: 250px; position: relative; z-index: 1; } .advantages-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .advantages-item__link { font-size: 24px; font-weight: 400; line-height: 28px; text-align: left; display: block; max-width: 90%; } .footer-menu li:last-child { order: 1; } .footer-menu li:nth-last-child(2) { order: 2; } .slider-advantages { margin-top: 40px; overflow: visible; } .product-images { overflow: hidden; } .product-images .container { position: relative; } .product-images .section__head { border: 0; padding: 0; margin-bottom: -32px; } .product-images .arrows-controls { margin-left: auto; } .slider-product-wrapper { position: relative; width: 100%; overflow: visible; } .slider-product-images { width: 647px; height: auto; margin: 0 auto; } .slider-product-images .swiper-slide { position: relative; width: 100%; height: 483px; display: flex; flex-direction: column; justify-content: flex-end; } .slider-product-images .swiper-slide-active .picture { width: 100%; height: 483px; } .slider-product-images .swiper-slide-active .picture img { object-fit: cover; width: 100%; height: 100%; } .slider-product-images .swiper-slide-prev { align-items: flex-end; } .slider-product-images .picture { position: relative; z-index: 1; width: 300px; height: 232px; transition: width 0.3s, height 0.3s, opacity 0.3s; background-color: #fff; display: flex; justify-content: center; } .slider-product-images .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .slider-product-images .picture img { width: auto; height: 100%; object-fit: contain; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .product-section { background-color: rgb(251, 246, 235); } .product-section .arrows-controls { display: none; } .product-list { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 24px; margin-top: 40px; } .product-list .catalog-main-item { opacity: 1; pointer-events: initial; transform: translateY(0px); } .product-list .catalog-main-item .picture { height: 359px; background-color: #c7c7c7; } .product-list .catalog-main-item .picture .btn-favorite { width: 20px; height: 17px; left: auto; right: 12px; top: 12px; } .product-list .catalog-main-item .picture img { object-fit: contain; } .product-list .catalog-main-item__link { display: none; } .product-list .catalog-main-item__price { position: absolute; right: 12px; bottom: 16px; } .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 400px; width: 100%; } .catalog-main-item__size { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .catalog-main-item .picture .btn-favorite { width: 20px; height: 17px; left: auto; right: 12px; top: 12px; } .product-section__controls { display: flex; justify-content: flex-end; position: absolute; right: 0; bottom: 0; } .product-section__content { position: relative; } .catalog-main-item__price { display: flex; align-items: center; gap: 12px; } .catalog-main-item__price .old { text-decoration: line-through; font-weight: 400; } .catalog-main-item__price .sale { background-color: rgb(22 28 63); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 60px; padding: 2px 8px; border-radius: 60px; font-size: 12px; order: 5; } .blog-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .blog-list .blog-item { position: relative; } .blog-list .blog-item:first-child { grid-column: 1/3; grid-row: 1/3; } .blog-list .blog-item:first-child .picture { padding-top: 0; flex: 1; } .blog-list .circle-link { position: absolute; bottom: 0; right: 0; } .blog-item { color: rgb(22 28 63); display: flex; flex-wrap: wrap; flex-direction: column; } .blog-item .caption { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .blog-item .caption:hover { text-decoration-color: rgb(22 28 63); } .blog-item .picture { width: 100%; padding-top: 66.7368421053%; } .blog-item__content { font-size: 17px; font-weight: 400; line-height: 22px; width: calc(100% - 60px); padding-top: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .blog-item__tags { font-size: 17px; font-weight: 400; line-height: 22px; display: flex; align-items: center; flex-wrap: wrap; } .blog-item__tags li { border: solid 1px rgba(53, 41, 30, 0.3); color: rgba(53, 41, 30, 0.3); border-radius: 90px; padding: 0 16px; } .pagination { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; min-height: 161px; width: 100%; margin-top: 40px; } .pagination .btn { position: absolute; right: 0; bottom: 0; } .pagination-list { display: flex; align-items: center; justify-content: center; gap: 16px; } .pagination-item { font-size: 17px; font-weight: 400; line-height: 22px; } .pagination-item .active a { font-weight: 600; } .pagination-item a { display: block; transition: all 0.3s; } .pagination-item a:hover { opacity: 0.3; } .pagination-item a.active { font-weight: 600; } .pagination-item__arrow { display: block; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: 10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 17L9 9L1 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .pagination-item__arrow--left { transform: scale(-1, 1); } .pagination-item__arrow.disabled { opacity: 0.3; } .blog { padding: 0; } .blog .video-section { margin: 0; } .blog .catalog-main-item { background-color: rgb(255, 255, 255); } .blog .product-section { background-color: rgb(255, 255, 255); } .blog .product-section .btn { display: none; } .blog .catalog-main-item__body { padding-left: 0; padding-right: 0; } .blog-line:nth-child(2n) { background-color: rgb(251, 246, 235); } .blog-line .text-block { width: calc(50% - 15px); } .blog-line .text-block p + p { margin-top: 20px; } .blog-line .picture { height: 100%; min-height: 602px; position: relative; z-index: 1; margin-left: auto; } .blog-line .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .blog-line ul { padding-left: 10px; } .blog-line ul li { position: relative; padding-left: 10px; } .blog-line ul li + li { margin-top: 10px; } .blog-line ul li::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 10px; width: 3px; height: 3px; background-color: rgb(0, 0, 0); border-radius: 50%; } .blog-line:not(.designer-page__head) h1, .blog-line:not(.designer-page__head) .caption--h1 { font-size: 70px; line-height: 75px; } .blog-line a { text-decoration: underline; transition: text-decoration 0.3s; } .blog-line a:hover { text-decoration-color: transparent; } .blog-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; } .blog-row > * { width: calc(50% - 15px); } .blog-col { display: flex; flex-direction: column; gap: 40px; } .blog-col + .blog-col { align-items: center; } .blog-col .text-block { width: 80%; font-size: 22px; line-height: 30px; } .blog-col .text-block ul { margin-top: 20px; } .blog-col .picture { width: 100%; } .text-block { width: 100%; height: 100%; display: flex; flex-direction: column; } ol { counter-reset: item; margin-top: auto; order: 2; } ol li { position: relative; counter-increment: item; font-size: 17px; font-weight: 400; line-height: 22px; padding-left: 80px; } ol li + li { margin-top: 40px; } ol li::before { content: counter(item); position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 40px; font-weight: 600; line-height: 44px; width: 64px; height: 64px; border-radius: 50%; border: solid 1px rgb(22 28 63); display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); } .blog-media { width: 100%; grid-column: 1/3; } .blog-captions { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 40px; } .blog-captions .caption { position: relative; padding-left: 40px; } .blog-captions .caption::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 50%; left: 0; width: 24px; height: 24px; border-radius: 50%; border: solid 1px rgb(22 28 63); transform: translateY(-50%); } .blog-media { background-color: rgb(251, 246, 235); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 60px 10px; position: relative; z-index: 3; } .blog-media::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 40%; background-color: rgb(255, 255, 255); right: 100%; top: -40px; z-index: -1; } .blog-media::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 70%; background-color: rgb(255, 255, 255); left: calc(70% - 84px); top: -40px; z-index: -1; } .blog-media__item { width: 710px; height: 466px; } .blog-media__item .picture { display: block; width: 100%; height: 100%; } .blog-media__item:nth-child(3), .blog-media__item:nth-child(2) { width: 473px; height: 573px; } .picture-section { position: relative; padding-top: 41.6666666667%; margin: 40px 0; } .picture-section .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .map { width: 100%; height: 600px; position: relative; transition: all 0.3s; } .map.load { opacity: 1; } .map + * { margin-top: 40px; } .saloins-item__body { padding: 8px 20px; } .saloins-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px 24px; } .saloins-item { font-size: 24px; font-weight: 400; line-height: 28px; text-align: left; } .saloins-item__head { background-color: rgb(251, 246, 235); font-size: 24px; font-weight: 400; line-height: 28px; padding: 16px 64px; position: relative; } .saloins-item__head::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 32px; top: 50%; width: 24px; height: 17px; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.3488 14.9425L16.7424 0.753662L12 9.04806L7.2768 0.753662L1.6512 14.9425H0V17.0929H8.4864V14.9425H7.2192L8.448 11.4097L12 17.2465L15.552 11.4097L16.7808 14.9425H15.5136V17.0929H24V14.9425H22.3488Z' fill='%23fff'/%3e%3c/svg%3e "); } .saloins-item__head.saloins-item__stock { color: #fff; background-color: #35291e; display: flex; justify-content: space-between; align-items: center; } .saloins-item__head.saloins-item__stock .saloins-item__in-stock { font-size: 20px; line-height: 28px; position: relative; padding-left: 15px; text-transform: lowercase; } .saloins-item__head.saloins-item__stock .saloins-item__in-stock:before { content: ""; position: absolute; top: 15px; border-radius: 50%; left: 0; width: 4px; height: 4px; background: #fff; } .saloins-item__head.saloins-item__stock::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.3488 14.9425L16.7424 0.753662L12 9.04806L7.2768 0.753662L1.6512 14.9425H0V17.0929H8.4864V14.9425H7.2192L8.448 11.4097L12 17.2465L15.552 11.4097L16.7808 14.9425H15.5136V17.0929H24V14.9425H22.3488Z' fill='%23FFFFFF'/%3e%3c/svg%3e "); } .saloins-item__body { padding: 8px 32px; background-color: rgb(255, 255, 255); border: solid 1px rgba(53, 41, 30, 0.3); border-top: 0; } .saloins-item__body ul { display: flex; flex-direction: column; gap: 8px; } .saloins-item__body li { display: flex; align-items: center; gap: 18px; } .saloins-item__body .icon { width: 20px; height: 16px; display: flex; align-items: center; justify-content: center; } .saloins-item__body strong { display: block; } .saloins-item__body a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .saloins-item__body a:hover { text-decoration-color: rgb(22 28 63); } .saloins-item__body .link { margin-top: 16px; margin-bottom: 16px; display: inline-block; text-decoration: underline; text-decoration-skip-ink: none; text-decoration-thickness: 1.5px; text-underline-offset: 4px; } .saloins-item__body .link:hover { text-decoration-color: transparent; } .saloins-item__body .btn--bg { width: 100%; padding: 8px 5px; border-radius: 90px; background: #35291e; text-align: center; color: #fff; margin-top: 8px; font-size: 14px; line-height: 16px; display: none; } .catalog-title--white { background-color: rgb(255, 255, 255); } .catalog-products { position: relative; } .catalog-products .catalog-main-item { opacity: 1; background-color: transparent; transform: translate(0); display: flex; flex-direction: column; height: 100%; } .catalog-products .catalog-main-item .picture .btn-favorite { width: 18px; height: 18px; left: auto; right: 17px; top: 17px; z-index: 8; } .catalog-products .catalog-main-item .catalog-main-item__link { right: 0; } .catalog-products .catalog-main-item__body { padding-top: 12px; padding-bottom: 12px; padding-left: 0; flex: 1; } .catalog-products .catalog-main-item__price { margin-top: auto; } .catalog-products__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 20px; } .catalog-main-item__tags { font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.05em; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; position: absolute; left: 15px; top: 15px; z-index: 3; } .catalog-main-item__tags li { padding: 5px 10px; background-color: rgb(255, 255, 255); border-radius: 60px; } .catalog-main-item__tags .sale { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } .filter-catalog { width: 236px; height: calc(100% - 40px); position: absolute; left: 32px; top: 40px; } .filter-catalog .filter-catalog-inner { position: sticky; top: 40px; left: 0; width: 236px; height: auto; left: 0; transition: top 0.3s, bottom 0.3s; height: auto; max-height: calc(100% - 50px); overflow: auto; margin-bottom: 50px; scrollbar-color: rgb(22 28 63) transparent; padding-right: 12px; padding-bottom: 20px; } .filter-catalog .filter-catalog-inner::-webkit-scrollbar { width: 3px; border-radius: 5px; } .filter-catalog .filter-catalog-inner::-webkit-scrollbar-track { width: 3px; border-radius: 5px; } .filter-catalog .filter-catalog-inner::-webkit-scrollbar-thumb { width: 3px; border-radius: 5px; } .filter-catalog .filter-catalog-inner::-webkit-scrollbar-thumb:hover { width: 3px; border-radius: 5px; } .filter-catalog.sticky .filter-catalog-inner { position: fixed; top: 80px; left: 32px; } .filter-catalog.sticky--bottom .filter-catalog-inner { top: auto; bottom: 80px; height: auto; position: absolute; left: 0; } .filter-catalog.sticky--bottom.small .filter-catalog-inner { top: 0; bottom: auto; } .filter-catalog.advanced .filter-catalog-inner { top: 80px; } .filter-row .caption { font-weight: 400; font-size: 20px; line-height: 24px; } .filter-row + .filter-row { margin-top: 32px; } .filter-row__head { font-size: 24px; font-weight: 400; line-height: 28px; text-align: left; position: relative; cursor: pointer; padding-bottom: 8px; border-bottom: solid 1px rgb(22 28 63); } .filter-row__head.opened::before { content: "-"; } .filter-row__head::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; content: "+"; right: 0; top: 50%; transform: translateY(calc(-50% - 4px)); width: 24px; height: 24px; font-size: 24px; line-height: 24px; font-weight: 400; display: flex; align-items: center; justify-content: center; } .filter-row__body { padding: 18px 16px 0; display: none; } .filter-check { display: grid; flex-direction: column; gap: 8px; } .input-check input { display: none; } .input-check input:checked + label::after { opacity: 1; } .input-check label { cursor: pointer; padding-left: 26px; position: relative; display: block; font-weight: 400; } .input-check label::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; border: solid 1px rgb(22 28 63); } .input-check label::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background-color: rgb(22 28 63); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; } .filter-settings { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; } .filter-settings li { padding: 5px 9px 5px 16px; background-color: rgb(22 28 63); position: relative; display: flex; align-items: center; gap: 4px; color: rgb(255, 255, 255); border-radius: 60px; padding-right: 35px; } .filter-settings li:last-child { margin-bottom: 32px; } .filter-settings__delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: calc(100% - 14px) center; width: 100%; height: 100%; background-size: 10px; transition: all 0.3s; left: 0; top: 0; position: absolute; } .filter-settings__delete:hover { opacity: 0.75; } .filter-row-title { display: none; } .btn-filter { display: none; } .filter-content__close { cursor: pointer; position: relative; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; background-size: 10px; } .stock-page .stock-list { height: auto; align-items: flex-start; } .stock-page .stock-list .stock-item:nth-child(4n-1) .stock-item__media, .stock-page .stock-list .stock-item:nth-child(4n) .stock-item__media { order: 1; } .stock-page .stock-item { flex-wrap: wrap; min-height: initial; gap: 16px; transform: translateY(0); opacity: 1; pointer-events: initial; } .stock-page .stock-item .picture { padding-top: 60.0308641975%; height: auto; } .stock-page .stock-item.opened .circle-link { transform: rotate(90deg); } .stock-page .stock-item__media { width: 100%; } .stock-page .stock-item__content { width: 100%; padding-right: 50px; } .stock-page .circle-link { position: absolute; right: 0; bottom: 0; } .stock-circle { width: 271px; height: 271px; border-radius: 50%; font-size: 48px; font-weight: 600; line-height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.6); color: rgb(22 28 63); padding: 25px; } #modal-stock .modal__container { max-width: 1100px; width: 100%; } #modal-stock .stock-circle { display: none; } #modal-partners .modal__container { max-width: 1100px; width: 100%; } #modal-partners .modal__inner::before { height: 124px; } #modal-partners .modal__close { top: 45px; } .modal-stock { padding: 84px 100px; display: flex; flex-direction: column; gap: 20px; } .modal-stock .picture { padding-top: 54.3333333333%; } .modal-stock .caption { padding: 16px 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); display: block; } .modal-partners { padding: 145px 100px 40px; display: flex; flex-direction: column; gap: 20px; } .modal-partners .picture { padding-top: 54.3333333333%; width: 100%; height: auto; } .modal-partners .caption { padding: 16px 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); display: block; } .stock-item__mobile { display: none; padding-top: 8px; border-top: solid 1px rgba(53, 41, 30, 0.3); margin-top: 12px; } .projects-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 0; } .projects-list .projects-item { width: calc(40% - 95px); } .projects-list .projects-item.full { width: calc(60% + 71px); } .projects-list .slider-picture .picture { padding: 0; height: 389px; position: relative; z-index: 1; } .projects-list .slider-picture .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .projects-list .slider-default__text .caption { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .projects-list .slider-default__text p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .designers-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 150px 20px; position: relative; z-index: 3; } .designers-list::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: -100%; top: 75px; width: 200%; height: 349px; background-color: rgb(251, 246, 235); z-index: -1; } .designers-list::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: -100%; bottom: 360px; width: 200%; height: 349px; background-color: rgb(251, 246, 235); z-index: -1; } .designers-item__inner { position: relative; } .designers-item:nth-child(3n-1) .designers-item__inner { transform: translateY(60%); } .designers-item .picture { width: 100%; height: 424px; margin-bottom: 8px; position: relative; z-index: 1; } .designers-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .designers-item__name { font-size: 24px; font-weight: 600; line-height: 28px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .designers-item__name:hover { text-decoration-color: rgb(22 28 63); } .designers-item__count { display: block; } .designer-page__head { background-color: rgb(255, 255, 255) !important; padding-top: 0; margin-top: 20px; padding-bottom: 20px; } .designer-page__head .blog-row { position: relative; } .designer-page__head .blog-row::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: -40px; background-color: rgba(53, 41, 30, 0.3); width: 100%; height: 1px; } .designer-page__head .blog-col .caption--h1 { max-width: 100%; margin-left: auto; text-align: right; } .designer-page { padding: 0; } .designer-page .blog-row { justify-content: space-between; grid-template-columns: 649px 550px; } .designer-page .blog-line:nth-child(2n) { background-color: rgb(255, 255, 255); } .designer-page .blog-line:nth-child(2n-1) { background-color: rgb(251, 246, 235); } .designer-page .blog-col .picture { min-height: 647px; } .designer-page .blog-media { flex-direction: row-reverse; background-color: transparent; } .designer-page .blog-media::after, .designer-page .blog-media::before { display: none; } .designer-page .products-slider .swiper-slide:last-child { opacity: 0; pointer-events: none; } .designer-page .products-slider .btn { opacity: 1; display: flex; margin-left: auto; margin-top: -160px; z-index: 5; } .designer-page__text .caption { max-width: 985px; width: 100%; } .materials-sections { padding: 0; } .materials-line { background-color: rgb(251, 246, 235); } .materials-line:nth-child(2n) { background-color: rgb(255, 255, 255); } .materials-row { padding: 40px 0; display: flex; align-items: center; flex-wrap: wrap; position: relative; } .materials-row::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 0; left: -50%; width: 250%; height: 1px; background-color: rgba(53, 41, 30, 0.3); opacity: 0; pointer-events: none; } .materials-row + .materials-row::before { opacity: 1; } .materials-col { width: 50%; } .materials-col .caption { position: relative; } .materials-col .caption.arrow::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: 0; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L7 7L13 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; } .materials-col .caption.opened::before { transform: translateY(-50%) scale(1, -1); } .material-list { width: 100%; margin-top: 40px; } .material-list .swiper-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px 24px; width: 100%; } .material-item { display: flex; flex-direction: column; text-align: center; gap: 4px; } .material-item .picture { width: 100%; height: auto; border-radius: 50%; overflow: hidden; padding-top: 100%; } .material-item .picture img { object-fit: cover; } .material-item__name { font-size: 24px; font-weight: 600; line-height: 28px; } .delivery-line + .delivery-line { border-top: solid 1px rgba(53, 41, 30, 0.3); } .delivery-row { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .delivery-col { display: flex; flex-direction: column; justify-content: center; width: 50%; } .delivery-col strong { display: block; } .delivery-col p + p { margin-top: 20px; } .parents-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .parents-item__media .picture { padding-top: 56.5819861432%; position: relative; z-index: 1; } .parents-item__media .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .parents-item__content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 8px; margin-top: 15px; background-color: rgb(255, 255, 255); z-index: 3; } .partners-logo { width: 160px; height: 35px; position: relative; z-index: 1; } .partners-logo > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .partners-logo .picture { width: 100%; height: 100%; } .parents-item__text { width: 100%; } .parents-item__text p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .parents-item__mobile { display: none; border-top: solid 1px rgba(53, 41, 30, 0.3); padding-top: 8px; margin-top: 8px; } .modal-partners .partners-logo { width: 230px; height: 44px; position: absolute; top: 40px; left: 80px; } .modal-partners .partners-logo .picture { padding: 0; width: 100%; height: 100%; } .link-site { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.962H21M1 11.962C1 17.4849 5.47715 21.962 11 21.962M1 11.962C1 6.43919 5.47715 1.96204 11 1.96204M21 11.962C21 17.4849 16.5228 21.962 11 21.962M21 11.962C21 6.43919 16.5228 1.96204 11 1.96204M11 1.96204C13.5013 4.70039 14.9228 8.25407 15 11.962C14.9228 15.67 13.5013 19.2237 11 21.962M11 1.96204C8.49872 4.70039 7.07725 8.25407 7 11.962C7.07725 15.67 8.49872 19.2237 11 21.962' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center left; background-repeat: no-repeat; background-size: 20px; padding: 0 40px !important; border: 0 !important; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .link-site:hover { text-decoration-color: rgb(22 28 63); } .model-list .link-download { margin-left: auto; } .model-list.hidden .model-item__col { border: 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); } .model-list.hidden .model-item__row { margin-top: 0; } .model-list.hidden .model-item + .model-item { margin-top: 0; } .model-item__head { background-color: rgb(251, 246, 235); width: 100%; padding: 16px 0; } .model-item__head.hidden { display: none; } .model-item__row { margin-top: 40px; } .model-item__col { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 16px 0; border-top: solid 1px rgba(53, 41, 30, 0.3); } .model-item__col.hidden { display: none; } .model-item__col.hidden + .model-item__col { border-top: 0; } .model-item__text { display: flex; flex-direction: column; gap: 4px; } .model-item + .model-item { margin-top: 40px; } .not-page { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 24px; padding: 80px 0; width: 100%; height: 100%; flex: 1; } .not-page__text { text-align: center; font-weight: 400; } .favorites-section .catalog-products__list { grid-template-columns: 1fr 1fr; padding: 0; width: 100%; } .favorites-section .catalog-main-item { background-color: transparent; opacity: 1; transform: translateY(0); } .favorites-section .catalog-main-item .picture { height: 340px; } .favorites-section .catalog-main-item .picture .btn-favorite { width: 13px; height: 13px; left: auto; right: 17px; top: 17px; z-index: 8; } .favorites-section .catalog-main-item .picture .btn-favorite::before { opacity: 0; } .favorites-section .catalog-main-item .picture .btn-favorite:after { opacity: 1; } .favorites-section .catalog-main-item__body { padding-left: 0; padding-right: 0; background-color: transparent; } .favorites-section .catalog-main-item__tags { font-size: 17px; line-height: 22px; } .favorites-section .catalog-main-item__tags li { padding: 8px 16px; } .form-manager { background-color: rgb(251, 246, 235); } .form-manager .caption { border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-bottom: 16px; } .form-manager + .subscribe-section { background-color: rgb(255, 255, 255); } .form-manager .desc { margin-top: 40px; display: block; } .form-manager .form-manager__text { font-weight: 400; border: 0; padding: 0; display: block; } .form-manager__form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 40px; } .form-manager__form .input-list { width: 80%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; order: 1; } @media (max-width: 767px) { .form-manager__form .input-list { gap: 16px; } } .form-manager__form .input-item:last-child { width: 100%; grid-column: 1/4; } .form-manager__form .input-item input { height: 36px; padding-bottom: 14px; padding-right: 35px; } .form-manager__form .desc { font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: 0.05em; text-align: left; color: rgba(53, 41, 30, 0.3); width: 100%; order: 3; margin-top: -24px; } .form-manager__form .desc a { text-decoration: underline; transition: text-decoration 0.3s; } .form-manager__form .desc a:hover { text-decoration-color: transparent; } .form-manager__form .btn { order: 2; } #modal-call-card .form-manager__form, #modal-call .form-manager__form { align-items: center; } #modal-call-card .form-manager__form .input-item, #modal-call .form-manager__form .input-item { width: 100%; grid-column: 1/4; } #modal-visit .modal__container, #modal-call .modal__container, #modal-call-card .modal__container, #modal-cooperation .modal__container { width: 100%; max-width: 1100px; } #modal-visit .form-manager, #modal-call .form-manager, #modal-call-card .form-manager, #modal-cooperation .form-manager { position: relative; z-index: 3; } #modal-visit .input-item .icon svg, #modal-call .input-item .icon svg, #modal-call-card .input-item .icon svg, #modal-cooperation .input-item .icon svg { fill: none; } #modal-visit .modal__close, #modal-call .modal__close, #modal-call-card .modal__close, #modal-cooperation .modal__close { right: 30px; top: 60px; } #modal-visit .form-manager { background-color: rgb(255, 255, 255); } #modal-visit .form-manager__form { flex-direction: column; width: 100%; gap: 23px; max-width: 100%; } @media (max-width: 767px) { #modal-visit .form-manager__form { gap: 12px; } } #modal-visit .form-manager__form .input-list { width: 100%; grid-template-columns: 1fr 1fr; } #modal-visit .form-manager__form input { font-size: 17px; } #modal-visit .desc { margin: 0; } #modal-visit .selectric { margin-top: 20px; } @media (max-width: 1279px) { #modal-visit .selectric { margin-top: 10px; } } #modal-visit .btn { position: relative; order: 5; top: auto; bottom: auto; right: auto; background-color: #35291e; color: rgb(255, 255, 255); border-radius: 90px; width: 100%; max-width: 500px; } .btn-add-favorite { position: fixed; right: 40px; bottom: 40px; z-index: 11; pointer-events: none; opacity: 0; transition: opacity 0.33; } .btn-add-favorite.visible { opacity: 1; pointer-events: initial; } .about-page .advantages-section { background-color: rgb(255, 255, 255); } .about-head { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding-top: 0; } .about-head .picture { width: 100%; height: 100%; max-width: 534px; max-height: 637px; position: absolute; right: 0; top: 0; } .about-head__col { min-height: 657px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; } .about-head__col p { max-width: 536px; } .quote { font-size: 40px; font-weight: 600; line-height: 44px; text-align: left; padding: 50px 100px; background-color: rgb(251, 246, 235); position: relative; width: 100%; max-width: 886px; margin-top: 131px; } .quote::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: -20px; left: 18px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.12 0.179999L8.77 15.735L18.12 31.205H10.13L0.78 15.735L10.13 0.179999H18.12ZM32.57 0.179999L23.22 15.735L32.57 31.205H24.58L15.23 15.735L24.58 0.179999H32.57Z' fill='%23fff'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 40px; height: 40px; } .quote::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; bottom: -20px; right: 175px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.77 0.179999L18.12 15.735L8.77 31.205H0.78L10.13 15.735L0.78 0.179999H8.77ZM23.22 0.179999L32.57 15.735L23.22 31.205H15.23L24.58 15.735L15.23 0.179999H23.22Z' fill='%23fff'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 40px; height: 40px; } .about-list { padding: 0; } .about-item { padding: 40px 0; } .about-item__inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; } .about-item:nth-child(2n) { background-color: rgb(251, 246, 235); } .about-item:nth-child(2n) .about-item__inner { flex-direction: row-reverse; } .about-item:nth-child(2n) .about-item__inner .caption { text-align: right; } .about-item:nth-child(2n) .about-item__inner p { margin-left: 0; margin-right: auto; } .about-item .caption { max-width: 32%; order: 3; } @media (max-width: 767px) { .about-item .caption { order: initial; } } .about-item p { max-width: 528px; margin-left: auto; order: 2; } @media (max-width: 767px) { .about-item p { order: initial; } } .about-item .picture { position: relative; z-index: 1; width: 422px; height: 504px; margin-left: auto; order: 1; } .about-item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } @media (max-width: 767px) { .about-item .picture { order: initial; } } .about-item .picture:last-child { width: 646px; height: 410px; order: 3; } @media (max-width: 767px) { .about-item .picture:last-child { order: initial; } } .about-files__inner { display: grid; grid-template-columns: 45% 55%; } .about-files__inner .btn { margin-top: auto; } .about-files__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; grid-row: 1/3; grid-column: 2/3; } .about-files__item { position: relative; z-index: 1; } .about-files__item > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .about-files__item .picture { width: 100%; height: 242px; } .about-files__item:hover .about-files__info { opacity: 1; } .about-files__info { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(53, 41, 30, 0.75); color: rgb(255, 255, 255); opacity: 0; pointer-events: none; transition: all 0.3s; } .about-files__name { font-size: 24px; font-weight: 600; line-height: 28px; } .about-files__size { padding-left: 32px; display: block; position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 12.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.1198 22 8.79986 22H12.5M14 11H8M10 15H8M16 7H8M15 19L18 22M18 22L21 19M18 22V16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: left center; background-repeat: no-repeat; } .search-block { position: fixed; top: 0; left: 0; width: 100%; background-color: rgb(255, 255, 255); padding: 11px 0; z-index: 11; transform: translateY(-100%); transition: transform 0.3s ease-in-out; } .search-block.opened { transform: translateY(0); } .search-block__inner { position: relative; width: 100%; } .search-block input { width: 100%; height: 48px; border: 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); } .search-block-model { position: relative; top: 0; left: 0; width: 100%; background-color: rgb(255, 255, 255); padding: 11px 0; z-index: 11; transition: transform 0.3s ease-in-out; } .search-block-model.opened { transform: translateY(0); } .search-block-model__inner { position: relative; width: 100%; } .search-block-model input { width: 100%; height: 48px; border: 0; border-bottom: solid 1px rgba(53, 41, 30, 0.3); } .btn-search-model__close { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; right: 7px; bottom: 30px; } .btn-search__close { cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 11; } .search-result-page .catalog-products__list { width: 100%; padding: 0; } .breadcrumbs-mobile { display: none; } .c-js-loader.wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; align-items: center; justify-content: center; -webkit-backdrop-filter: blur(2px) contrast(60%); backdrop-filter: blur(2px) contrast(60%); transition: all 0.3s; } .c-js-loader.wrapper::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255); opacity: 0.33; -webkit-backdrop-filter: blur(2px) contrast(60%); backdrop-filter: blur(2px) contrast(60%); } .--js-loader-show .c-js-loader.wrapper { display: flex; } .spinner { border: 3px solid transparent; border-top: 3px solid rgb(22 28 63); border-radius: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .spinner--one { width: 100px; height: 100px; animation: spin 1s infinite linear; border-top: 3px solid rgb(22 28 63); border-left: 3px solid rgb(22 28 63); border-bottom: 3px solid rgb(22 28 63); } .spinner--two { width: 75px; height: 75px; border-top: transparent; border-bottom: 3px solid rgb(22 28 63); animation: spin 1s infinite linear; } .spinner--three { width: 52px; height: 52px; animation: spin-invert 1s infinite linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-invert { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-three { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .play-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.33); z-index: 3; } .play-video::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7793 8.71978L2.28223 0.471246C2.05488 0.332226 1.79461 0.256288 1.52817 0.251245C1.26174 0.246203 0.998778 0.312238 0.766338 0.442557C0.533898 0.572875 0.340376 0.762771 0.205685 0.992705C0.0709935 1.22264 -2.87052e-06 1.48431 0 1.75079V18.2493C0.000216825 18.5157 0.0713501 18.7772 0.206092 19.0071C0.340835 19.2369 0.534328 19.4266 0.766693 19.5569C0.999057 19.6872 1.26192 19.7533 1.52826 19.7483C1.79461 19.7434 2.05484 19.6677 2.28223 19.5289L15.7793 11.2803C15.9986 11.1462 16.1797 10.9581 16.3054 10.7339C16.4311 10.5098 16.4971 10.2571 16.4971 10.0001C16.4971 9.74305 16.4311 9.49035 16.3054 9.26618C16.1797 9.042 15.9986 8.85386 15.7793 8.71978Z' fill='black'/%3e%3c/svg%3e "); background-position: calc(50% + 3px) center; background-repeat: no-repeat; width: 100px; height: 100px; border-radius: 50%; background-color: rgb(255, 255, 255); left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: 30px; } .picture-designer::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 820px; height: 354px; background-color: rgb(251, 246, 235); bottom: -41px; left: 75%; } .video-poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .clearPoster .video-poster { display: none; } .video-youtube { position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; overflow: hidden; } .video-youtube .video-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.2); } .success-age { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 16px; padding: 80px; flex: 1; width: 100%; height: 100%; } .success-age .caption { margin-top: 16px; } .success-age .btn { margin-top: 16px; } .btn-top-page { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='42' viewBox='0 0 32 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 41V1M16 1L1 16M16 1L31 16' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 70px; height: 70px; border-radius: 50%; border: solid 1px rgb(22 28 63); background-color: rgb(255, 255, 255); position: fixed; right: 25px; bottom: 20px; z-index: 9; opacity: 0; pointer-events: none; transition: all 0.3s; display: block; } .btn-top-page.visible { opacity: 1; pointer-events: initial; } .btn-top-page:hover { transform: scale(0.9); } #modal-success .modal__container { max-width: 500px; margin: auto; } #modal-success .modal__inner::before { display: none; } #modal-success .modal__close { right: 27px; top: 27px; } #modal-success .form-manager { padding: 30px 0; } .form-manager__text + .btn { margin-top: 30px; } .social-link--svg { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background-color: #35291e; border-radius: 50%; } .blog-item-text { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .icon-marker { cursor: pointer; display: block; width: 151px; height: 38px; border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; } .icon-marker__text { position: absolute; left: 0; top: 0; transform: translateY(-50%); padding: 8px 16px; text-align: center; display: flex; justify-content: center; white-space: nowrap; z-index: -1; font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: 0.05em; background-color: rgb(22 28 63); color: rgb(255, 255, 255); border-radius: 90px; width: 100%; } .icon-marker__text::before { content: ""; position: absolute; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='22' viewBox='0 0 35 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.6716 20.1716L1.32843 6.82843C-1.19143 4.30857 0.593232 0 4.15685 0H30.8431C34.4068 0 36.1914 4.30857 33.6716 6.82843L20.3284 20.1716C18.7663 21.7337 16.2337 21.7337 14.6716 20.1716Z' fill='%23fff'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 46px; height: 23px; left: calc(50% - 23px); top: calc(100% - 10px); } .btn-favorite span { position: absolute; left: calc(100% - 8px); top: calc(100% - 8px); width: 16px; height: 16px; color: #fff; background-color: #ff4d00; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 9px; } .nalihie-block { background-color: rgb(251, 246, 235); padding: 60px 0; } .nalihie-block__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; font-size: 47px; font-weight: 600; line-height: 44px; text-align: center; } .nalihie-block__controls { display: flex; justify-content: center; } .nalihie-block .btn { background-color: rgb(22 28 63); color: rgb(255, 255, 255); border-radius: 24px; padding: 24px 65px; border: solid 1px rgb(22 28 63); transition: all 0.3s; } .nalihie-block .btn:hover { background-color: transparent; color: rgb(22 28 63); } .title-map { font-size: 24px; font-weight: 600; line-height: 28px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px rgba(53, 41, 30, 0.3); width: 100%; display: block; } .search-block__result { display: flex; flex-wrap: wrap; padding: 16px 0; gap: 16px; } .search-block__item .picture { width: 60px; height: 40px; position: relative; z-index: 1; } .search-block__item .picture > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .search-block__item { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; line-height: 20px; } .search-block__item a { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration 0.3s; } .search-block__item a:hover { text-decoration-color: rgb(0, 0, 0); } div.title-search-result { position: fixed !important; border: 0 !important; left: 50% !important; width: 100% !important; max-width: 1330px; transform: translateX(-50%) translateY(-13px); background-color: rgb(255, 255, 255); padding: 0 15px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } /* верстка pdf */ .pdf-page.openedTabs .container { width: calc(100% - 500px); max-width: 100%; } .pdf-page .container { position: relative; max-width: 95%; } .pdf-page { padding: 25px 0; display: flex; position: relative; } .pdf-block__head { display: flex; align-items: center; justify-content: center; min-height: 48px; gap: 24px; } .pdf-page__inputs input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #4a4a4a; color: #fff; opacity: 0; text-align: center; font-size: 18px; line-height: 20px; z-index: 2; border: 0; } .pdf-page__inputs.opened input { opacity: 1; } .pdf-page__inputs { position: relative; color: #4a4a4a; font-size: 18px; line-height: 20px; width: 128px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; } .pdf-block__body.small .picture { width: 100% !important; } .pdf-block__body.small .pdf-slider .swiper-slide { padding-top: 55.8333333333%; } .pdf-block__body.small { width: 70%; } .pdf-block__body { position: relative; width: 100%; margin: 0 auto; } .pdf-btn-prev { position: absolute; left: -47px; top: 0; width: 47px; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='M10.605 12.727 5.656 7.776l4.949-4.948L7.777 0 0 7.776l7.777 7.779 2.828-2.828z'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 3; transition: transform 0.3s; } .pdf-btn-next { position: absolute; right: -47px; top: 0; width: 47px; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='m2.828 15.555 7.777-7.779L2.828 0 0 2.828l4.949 4.948L0 12.727l2.828 2.828z'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 3; transition: transform 0.3s; } .pdf-btn-prev.swiper-button-disabled, .pdf-btn-next.swiper-button-disabled { opacity: 0; } .pdf-btn-prev:hover, .pdf-btn-next:hover { transform: scale(1.25); } .pdf-slider { width: 100%; margin: 50px 0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); } .pdf-slider .swiper-slide { position: relative; padding-top: 28.1343283582%; } .pdf-slider .picture img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .pdf-slider .picture > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 3; } .pdf-slider .picture { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .pdf-btn-first { cursor: pointer; position: absolute; left: -45px; top: 0; width: 47px; height: 47px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M18.424 6.1a1.008 1.008 0 0 0-1.065.136l-6 5a1 1 0 0 0 0 1.538l6 5A1.007 1.007 0 0 0 18 18a.989.989 0 0 0 .424-.095A1 1 0 0 0 19 17V7a1 1 0 0 0-.576-.9zM17 14.865 13.562 12 17 9.135zM9 6H6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM8 16H7V8h1z' style='fill:%231c1b1e'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 4; transition: transform 0.3s; background-size: 30px; } .pdf-btn-last { cursor: pointer; position: absolute; right: -45px; top: 0; width: 47px; height: 47px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg data-name='Next'%3e%3cpath d='M6 18a.986.986 0 0 1-.424-.095A1 1 0 0 1 5 17V7a1 1 0 0 1 1.641-.769l6 5a1 1 0 0 1 0 1.538l-6 5A1.007 1.007 0 0 1 6 18zm1-8.865v5.73L10.437 12zM18 18h-3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-2-2h1V8h-1z' style='fill:%231c1b1e'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 4; transition: transform 0.3s; background-size: 30px; } .pdf-btn-last:hover, .pdf-btn-first:hover { transform: scale(1.3); } .pdf-page__download:hover { transform: scale(1.2); } .pdf-page__download { cursor: pointer; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M11.292 16.706a1 1 0 0 0 1.416 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V4a1 1 0 0 0-2 0v9.586l-1.293-1.293a1 1 0 0 0-1.414 1.414zM17 19H7a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z' style='fill:%231c1b1e'/%3e%3c/svg%3e"); transition: all 0.3s; } .pdf-page__inputs input::-webkit-outer-spin-button, .pdf-page__inputs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pdf-page__button span { background-color: #35291e; display: block; width: 100%; height: 2px; } .pdf-page__button:hover span { background-color: #fff; transition: all 0.3s; } .pdf-page__button:hover { background-color: #35291e; } .pdf-page__button { cursor: pointer; width: 48px; height: 38px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s; } .pdf-tabs { border-left: 1px solid #e5e5e5; width: 360px; background-color: #f2f2f2; position: relative; display: none; } .pdf-tabs.opened { display: block; } .pdf-tabs__title { color: rgb(85, 85, 85); font-size: 16px; line-height: 20px; text-align: center; min-height: 48px; display: flex; align-items: center; justify-content: center; } .pdf-tabs__list li:hover { background-color: rgba(0, 0, 0, 0.035); } .pdf-tabs__list li { cursor: pointer; padding: 16px; } .pdf-tabs__close { position: absolute; right: 12px; top: 12px; cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3e%3cpath d='M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L 21.171875 24 L 7.5859375 37.585938 A 2.0002 2.0002 0 1 0 10.414062 40.414062 L 24 26.828125 L 37.585938 40.414062 A 2.0002 2.0002 0 1 0 40.414062 37.585938 L 26.828125 24 L 40.414062 10.414062 A 2.0002 2.0002 0 0 0 38.982422 6.9707031 z'%3e%3c/path%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; background-size: 15px; } .black-friday { padding: 0; position: relative; width: 100%; } .black-friday__inner { background-color: #35291e; padding: 15px 15px; height: 384px; color: rgb(255, 255, 255); display: flex; flex-direction: column; position: relative; z-index: 3; overflow: hidden; position: relative; z-index: 1; } .black-friday__inner > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .black-friday .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .black-friday .picture img { object-fit: cover; } .black-friday__title { font-size: 48px; line-height: 60px; color: rgb(255, 255, 255); position: relative; display: flex; flex-direction: column; justify-content: center; width: 355px; height: 229px; margin-left: 50px; } .black-friday__title::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='336' height='178' viewBox='0 0 336 178' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M333.34 175.417L2.62176 175.417L2.6217 2.38754L333.34 2.38759L333.341 50.496' stroke='white' stroke-width='4'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 355px; height: 229px; left: -30px; } .black-friday__text { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 15px; position: absolute; bottom: 0px; right: 50px; width: 408px; height: 255px; margin-left: auto; } .black-friday__text::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='385' height='195' viewBox='0 0 385 195' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.27414 193.051L382.604 193.051L379.758 1.84682L2.27392 1.84684L2.27414 49.9552' stroke='white' stroke-width='3'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 408px; height: 255px; top: calc(50% + 7px); transform: translateY(-50%); right: -30px; background-size: contain; pointer-events: none; } .black-friday__text span { font-size: 38px; line-height: 60px; } .black-friday__text p { font-size: 14px; line-height: 20px; } .black-friday__text a { font-size: 20px; line-height: 24px; text-transform: uppercase; padding: 10px 15px; background-color: #585145; } .filter-range { left: -16px; position: relative; width: calc(100% + 32px); } .filter-range__inputs { display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 400; line-height: 22px; } .filter-range__inputs input { border: 0; background: transparent; padding: 0; width: 50%; position: relative; z-index: 3; } .filter-range__inputs input:last-child { text-align: right; } .filter-range .range-slider { margin-top: -15px; } .filter-range .irs-bar { background-color: #35291e; } .filter-range .irs-handle { cursor: pointer; background-color: #35291e; transition: background-color 0.3s; border-color: #35291e; } .phone-fixed--whatsapp { opacity: 0; cursor: pointer; position: fixed; left: 25px; bottom: 120px; width: 70px; height: 70px; background-color: #075e54; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff' height='800px' width='800px' version='1.1' id='Layer_1' viewBox='0 0 308 308' xml:space='preserve'%3e%3cg id='XMLID_468_'%3e%3cpath id='XMLID_469_' d='M227.904,176.981c-0.6-0.288-23.054-11.345-27.044-12.781c-1.629-0.585-3.374-1.156-5.23-1.156 c-3.032,0-5.579,1.511-7.563,4.479c-2.243,3.334-9.033,11.271-11.131,13.642c-0.274,0.313-0.648,0.687-0.872,0.687 c-0.201,0-3.676-1.431-4.728-1.888c-24.087-10.463-42.37-35.624-44.877-39.867c-0.358-0.61-0.373-0.887-0.376-0.887 c0.088-0.323,0.898-1.135,1.316-1.554c1.223-1.21,2.548-2.805,3.83-4.348c0.607-0.731,1.215-1.463,1.812-2.153 c1.86-2.164,2.688-3.844,3.648-5.79l0.503-1.011c2.344-4.657,0.342-8.587-0.305-9.856c-0.531-1.062-10.012-23.944-11.02-26.348 c-2.424-5.801-5.627-8.502-10.078-8.502c-0.413,0,0,0-1.732,0.073c-2.109,0.089-13.594,1.601-18.672,4.802 c-5.385,3.395-14.495,14.217-14.495,33.249c0,17.129,10.87,33.302,15.537,39.453c0.116,0.155,0.329,0.47,0.638,0.922 c17.873,26.102,40.154,45.446,62.741,54.469c21.745,8.686,32.042,9.69,37.896,9.69c0.001,0,0.001,0,0.001,0 c2.46,0,4.429-0.193,6.166-0.364l1.102-0.105c7.512-0.666,24.02-9.22,27.775-19.655c2.958-8.219,3.738-17.199,1.77-20.458 C233.168,179.508,230.845,178.393,227.904,176.981z'/%3e%3cpath id='XMLID_470_' d='M156.734,0C73.318,0,5.454,67.354,5.454,150.143c0,26.777,7.166,52.988,20.741,75.928L0.212,302.716 c-0.484,1.429-0.124,3.009,0.933,4.085C1.908,307.58,2.943,308,4,308c0.405,0,0.813-0.061,1.211-0.188l79.92-25.396 c21.87,11.685,46.588,17.853,71.604,17.853C240.143,300.27,308,232.923,308,150.143C308,67.354,240.143,0,156.734,0z M156.734,268.994c-23.539,0-46.338-6.797-65.936-19.657c-0.659-0.433-1.424-0.655-2.194-0.655c-0.407,0-0.815,0.062-1.212,0.188 l-40.035,12.726l12.924-38.129c0.418-1.234,0.209-2.595-0.561-3.647c-14.924-20.392-22.813-44.485-22.813-69.677 c0-65.543,53.754-118.867,119.826-118.867c66.064,0,119.812,53.324,119.812,118.867 C276.546,215.678,222.799,268.994,156.734,268.994z'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; color: transparent; overflow: hidden; white-space: nowrap; border-radius: 50%; z-index: 10; transition: all 0.3s; background-size: 45%; } .phone-fixed--whatsapp.hidden { opacity: 0; pointer-events: none; } .phone-fixed--whatsapp:hover { transform: scale(0.9); } .phone-fixed--whatsapp.visible { opacity: 1; } .phone-fixed { opacity: 0; cursor: pointer; position: fixed; left: 25px; bottom: 20px; width: 70px; height: 70px; background-color: rgb(22 28 63); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M37.5 30.7105C37.5 31.3765 37.3518 32.061 37.0368 32.727C36.7218 33.393 36.3142 34.022 35.7769 34.614C34.8691 35.613 33.8686 36.3345 32.7384 36.797C31.6267 37.2595 30.4224 37.5 29.1254 37.5C27.2356 37.5 25.2161 37.056 23.0854 36.1495C20.9547 35.243 18.824 34.022 16.7118 32.4865C14.5811 30.9325 12.5616 29.212 10.6347 27.3065C8.72634 25.3825 7.00325 23.366 5.46545 21.257C3.94617 19.148 2.72334 17.039 1.834 14.9485C0.944667 12.8395 0.5 10.823 0.5 8.899C0.5 7.641 0.722333 6.4385 1.167 5.3285C1.61167 4.2 2.31572 3.164 3.2977 2.239C4.48348 1.0735 5.78042 0.5 7.15148 0.5C7.67026 0.5 8.18903 0.611 8.65223 0.833C9.13395 1.055 9.56009 1.388 9.89359 1.869L14.192 7.9185C14.5255 8.381 14.7664 8.8065 14.9332 9.2135C15.0999 9.602 15.1925 9.9905 15.1925 10.342C15.1925 10.786 15.0628 11.23 14.8035 11.6555C14.5626 12.081 14.2106 12.525 13.7659 12.969L12.3578 14.4305C12.154 14.634 12.0613 14.8745 12.0613 15.1705C12.0613 15.3185 12.0799 15.448 12.1169 15.596C12.1725 15.744 12.2281 15.855 12.2651 15.966C12.5986 16.5765 13.173 17.372 13.9882 18.334C14.822 19.296 15.7113 20.2765 16.6748 21.257C17.6753 22.2375 18.6387 23.144 19.6207 23.9765C20.5841 24.7905 21.3808 25.3455 22.0108 25.6785C22.1034 25.7155 22.2146 25.771 22.3443 25.8265C22.4925 25.882 22.6407 25.9005 22.8075 25.9005C23.1224 25.9005 23.3633 25.7895 23.5671 25.586L24.9752 24.1985C25.4384 23.736 25.8831 23.3845 26.3092 23.1625C26.7354 22.9035 27.1615 22.774 27.6247 22.774C27.9767 22.774 28.3473 22.848 28.7549 23.0145C29.1625 23.181 29.5886 23.4215 30.0518 23.736L36.1845 28.0835C36.6663 28.4165 36.9998 28.805 37.2036 29.2675C37.3888 29.73 37.5 30.1925 37.5 30.7105Z' fill='white'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; color: transparent; overflow: hidden; white-space: nowrap; border-radius: 50%; z-index: 10; transition: all 0.3s; background-size: 45%; } .phone-fixed.hidden { opacity: 0; pointer-events: none; } .phone-fixed:hover { transform: scale(0.9); } .phone-fixed.visible { opacity: 1; } #modal-how-order .modal__container { max-width: 855px; } #modal-how-order .modal__inner { background-color: rgb(255, 255, 255); } #modal-how-order .modal__inner::before { display: none; } #modal-how-order .modal__close { right: 20px; top: 60px; } #modal-how-order .form-manager { padding: 55px 0; background-color: rgb(255, 255, 255); } .product-salons .saloins-list { margin-top: 40px; } .product-action__content .btn-add-favorite { display: flex !important; opacity: 1 !important; pointer-events: initial !important; position: absolute; bottom: 0; right: -330px; } .header-line { text-align: center; padding: 15px 60px 15px; position: relative; box-shadow: 0px 0px 0px 0px #35291e; } .header-line span { display: inline-block; } .header-line span + span { margin-left: 5px; } .header-line__close { position: absolute; top: 0; right: 30px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; cursor: pointer; top: 50%; transform: translateY(-50%); } .basket .basket-item { position: relative; display: flex; gap: 24px; padding-bottom: 24px; border-bottom: solid 0.7px rgba(53, 41, 30, 0.3); } .basket .basket-item + .basket-item { margin-top: 24px; } .basket .basket-item .picture-block { width: 312px; height: 164px; position: relative; position: relative; z-index: 1; overflow: hidden; } .basket .basket-item .picture-block > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .basket .basket-item .picture-block:hover img { transform: scale(1.05); } .basket .basket-item .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .basket .basket-item .picture-block img { transition: all 0.3s; } .basket .basket-item .basket-delete { position: absolute; right: 0; top: 0; font-size: 14px; font-weight: 400; line-height: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L1 11M1 1L11 11' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: right center; background-repeat: no-repeat; padding-right: 25px; transition: all 0.3s; } .basket .basket-item .basket-delete:hover { transform: scale(0.9); } .basket .basket-col { font-size: 17px; font-weight: 400; line-height: 22px; display: flex; flex-direction: column; gap: 12px; text-align: right; position: relative; } .basket .basket-col:nth-child(2) { text-align: left; min-width: 360px; } .basket .basket-col:nth-child(3) { margin-left: auto; margin-top: auto; } .basket .basket-col__name { font-size: 24px; font-weight: 600; line-height: 28px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .basket .basket-col__name:hover { text-decoration-color: rgb(0, 0, 0); } .basket .basket-col__status { position: relative; font-size: 17px; font-weight: 400; line-height: 22px; padding-left: 35px; margin-top: auto; } .basket .basket-col__status::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 24px; height: 24px; border-radius: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5L5 9L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; top: 50%; left: 0; background-color: rgb(22 28 63); transform: translateY(-50%); } .basket .title { font-size: 24px; line-height: 28px; } .basket .price { font-size: 24px; font-weight: 600; line-height: 28px; } .basket .price--old { font-weight: 400; text-decoration: line-through; } .basket .basket-change { width: 80px; height: 52px; border: solid 1px rgb(22 28 63); position: absolute; bottom: 0; right: 0; } .basket .basket-change input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; padding: 0 39px 0 15px; font-size: 14px; font-weight: 600; line-height: 16px; } .basket .basket-change__controls { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; width: 12px; height: 100%; right: 20px; top: 0; position: absolute; } .basket .basket-change__up { cursor: pointer; display: block; width: 12px; height: 6px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 7L7 1L1 7' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } .basket .basket-change__down { cursor: pointer; display: block; width: 12px; height: 6px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L7 7L13 1' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } .basket-payments { grid-row: 1/3; display: flex; align-items: flex-start; flex-direction: column; } .basket-payments__title { margin-bottom: 24px; display: block; font-size: 22px; font-weight: 400; line-height: 24px; } .basket-payments .check-block { margin-left: 16px; } .basket-payments .check-block + .check-block { margin-top: 8px; } .basket-bottom { margin-top: 50px; display: grid; grid-template-columns: 350px 1fr 312px; gap: 24px; } .basket-bottom .basket-payments__title, .basket-bottom .check-block { max-width: 318px; width: 100%; margin-left: auto; margin-right: auto; } .basket-payments--user .input-item { width: 100%; } .basket-payments--user .input-item input { font-size: 17px; line-height: 22px; } .basket-payments--user .input-item + .input-item { margin-top: 16px; } .basket-payments--user .basket-payments__title, .basket-payments--user .check-block { max-width: 100%; width: 100%; } .basket-result { font-size: 14px; font-weight: 400; line-height: 16px; } .basket-result .title { font-size: 22px; font-weight: 600; line-height: 24px; } .basket-result .data { font-size: 22px; font-weight: 600; line-height: 24px; } .basket-result ul { margin-bottom: 8px; } .basket-result ul li { display: flex; align-items: center; justify-content: space-between; } .basket-controls { display: flex; flex-direction: column; gap: 20px; font-size: 14px; font-weight: 400; line-height: 16px; } .basket-controls .btn { width: 100%; border-radius: 20px; } .basket-empty { display: flex; justify-content: center; flex-direction: column; gap: 40px; text-align: center; } .basket-empty .picture-block { width: 307px; height: 286px; margin: 0 auto; margin-bottom: -120px; pointer-events: none; position: relative; } .basket-empty .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .basket-empty .picture-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1) !important; } .basket-empty .title { font-size: 47px; font-weight: 600; line-height: 44px; } .basket-empty .btn { max-width: 240px; width: 100%; margin: 0 auto; padding: 16px; } #modal-thanks .modal__container, #modal-success2 .modal__container { max-width: 1100px; } #modal-thanks .modal-stock, #modal-success2 .modal-stock { padding: 64px 100px 30px; } .product-action__statuses { margin-top: auto; display: flex; align-items: center; gap: 10px; } .product-action__statuses .sale { position: relative; top: auto; left: auto; padding: 7.3px 15px; } .basket-text { padding-top: 8px; border-top: solid 0.7px rgba(53, 41, 30, 0.3); margin-top: 44px; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.05em; color: rgba(53, 41, 30, 0.6); } .basket-text a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .basket-text a:hover { text-decoration-color: rgba(53, 41, 30, 0.6); } .marquee-section { display: flex; overflow-x: hidden; background-color: rgb(22 28 63); } .marquee-section .items-wrap { position: relative; display: flex; overflow: hidden; user-select: none; gap: 20px; } .marquee-section .items { display: flex; gap: 20px; justify-content: space-around; min-width: 100%; } .marquee-section .marquee { animation: scroll 10s linear infinite; } .marquee-section .items-wrap:hover .marquee { animation-play-state: paused; } .marquee-section__block { font-size: 17px; font-weight: 400; line-height: 22px; text-align: left; padding: 16px 0; white-space: nowrap; display: inline-block; color: rgb(255, 255, 255); } .marquee-section__block a { transition: text-decoration 0.3s; text-decoration: underline; } .marquee-section__block a:hover { text-decoration-color: transparent; } .marquee-section__block--3 { display: none; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 20px)); } } .salon-detail__media-banner { padding-top: 40% !important; } .salon-detail__media-banner:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; } .salon-detail__media-banner .container { position: absolute; top: 0; left: 0; right: 0; z-index: 10; } .salon-detail__media-banner .caption { text-align: left !important; font-size: 85px; line-height: 80px; font-weight: 700; max-width: 650px; padding: 0 !important; z-index: 20; top: 190px !important; } .salon-detail__text { position: relative; padding: 0 !important; } .salon-detail__text-inner { position: relative; padding: 40px 0; border-top: 1px solid #35291e; } .salon-detail__text-inner p { max-width: 950px; font-size: 17px; line-height: 22px; font-weight: 400; } .salon-detail__contact { display: flex; justify-content: space-between; } .salon-detail__contact-wrap { display: flex; } .salon-detail__contact-map, .salon-detail__contact-text { width: 50%; } .salon-detail__contact-text .saloins-item__body { padding-top: 43px; padding-left: 80px; padding-right: 80px; } .salon-detail__contact .map { height: 100% !important; } .salon-detail__contact .saloins-item__body { border: none !important; } .salon-detail__contact .link { font-size: 24px; line-height: 28px; font-weight: 400; } .loyalty { margin-top: 46px; } .loyalty__wrap { max-width: 1036px; display: flex; column-gap: 35px; flex-wrap: wrap; } .loyalty__wrap-col { width: calc(50% - 17.5px); order: 1; } .loyalty__wrap-col--revert { order: 2; } .loyalty__wrap-col .input-item { margin-bottom: 27px; } .loyalty__wrap-col .loyalty__form-title { font-size: 17px; line-height: 22px; font-weight: 400; padding-bottom: 24px; display: block; } .loyalty__wrap-col .check-block { margin-bottom: 10px; } .loyalty__wrap-col .check-block-other { display: flex; gap: 18px; } .loyalty__wrap-col .check-block-other .input-item-other { flex: 1; width: 100%; } .loyalty__wrap-col .check-block-other .input-item-other input { height: 22px; border: none; border-bottom: 1px solid #35291e; font-size: 12px; line-height: 14px; font-weight: 400; opacity: 0.5; padding-bottom: 8px; position: relative; top: -4px; width: 100%; } .loyalty__wrap-col .loyalty__controls { margin-top: 40px; padding-bottom: 24px; } .loyalty__wrap-col--full { width: 100% !important; } .loyalty input { font-size: 17px; line-height: 22px; } .loyalty textarea { font-size: 17px; line-height: 22px; resize: none; } .club-grettings { width: 100%; height: calc(100dvh - 65px); position: relative; color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 80px; padding-bottom: 100px; min-height: 600px; order: 1 !important; } .club-grettings .caption { color: rgb(255, 255, 255); font-weight: 400; text-align: center; } .club-grettings .club-grettings__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .club-grettings .club-grettings__play { cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='50' viewBox='0 0 28 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.9198 23.4627L4.34196 0.88493C2.97247 -0.484559 0.630859 0.485366 0.630859 2.42212V47.5777C0.630859 49.5145 2.97247 50.4844 4.34196 49.1149L26.9198 26.5371C27.7687 25.6881 27.7687 24.3117 26.9198 23.4627Z' fill='white'/%3e%3c/svg%3e "); background-position: 30px center; background-repeat: no-repeat; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); transition: transform 0.3s; } .club-grettings .club-grettings__play.paused { background-size: 35px; background-position: center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ffffff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 277.338 277.338' xml:space='preserve' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath d='M14.22,45.665v186.013c0,25.223,16.711,45.66,37.327,45.66c20.618,0,37.339-20.438,37.339-45.66V45.665 c0-25.211-16.721-45.657-37.339-45.657C30.931,0,14.22,20.454,14.22,45.665z'%3e%3c/path%3e%3cpath d='M225.78,0c-20.614,0-37.325,20.446-37.325,45.657V231.67c0,25.223,16.711,45.652,37.325,45.652s37.338-20.43,37.338-45.652 V45.665C263.109,20.454,246.394,0,225.78,0z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } .club-grettings .club-grettings__play:hover { transform: scale(0.9); } .club-go { background-color: rgb(251, 246, 235); padding: 100px 0; } .club-go .club-go__inner { display: flex; justify-content: space-between; gap: 68px; } .club-go .club-go__media { width: 100%; height: 288px; position: relative; } .club-go .club-go__media picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .club-go .club-go__text { max-width: 570px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 62px; font-size: 24px; line-height: 32px; } .club-go .btn { width: auto; padding: 16px 80px; border-radius: 90px; } .club-privileges .club-privileges__title { margin-bottom: 41px; text-align: left; font-weight: 400; } .club-privileges .club-privileges__list { display: flex; flex-direction: column; gap: 80px; } .club-privileges .club-privileges__item { display: flex; } .club-privileges .club-privileges__item .caption { font-weight: 400; } .club-privileges .club-privileges__item:first-child { background-color: rgb(251, 246, 235); } .club-privileges .club-privileges__item:first-child .picture-block:first-child img { object-position: -80px; } .club-privileges .club-privileges__item:nth-child(2) { flex-direction: row-reverse; align-items: flex-end; } .club-privileges .club-privileges__item:nth-child(2) .club-privileges__content { padding: 30px; } .club-privileges .club-privileges__item:nth-child(2) .club-privileges__media { align-items: flex-end; height: auto; } .club-privileges .club-privileges__item:nth-child(2) .picture-block { width: 200px; height: 254px; flex: initial; } .club-privileges .club-privileges__item:nth-child(2) .picture-block:first-child { width: 423px; height: 366px; } .club-privileges .club-privileges__item:nth-child(3) { justify-content: flex-end; background-color: transparent; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__content { background-color: transparent; width: auto; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__media { width: 647px; height: 288px; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__media .picture-block { height: 100%; } .club-privileges .club-privileges__item:nth-child(4) { flex-direction: row-reverse; } .club-privileges .club-privileges__content { padding: 54px; background-color: rgb(251, 246, 235); width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; } .club-privileges .caption { border-bottom: 1px solid rgba(53, 41, 30, 0.3019607843); padding: 16px 0; } .club-privileges p { max-width: 402px; } .club-privileges .club-privileges__media { width: 50%; display: flex; align-items: flex-start; gap: 25px; height: 414px; } .club-privileges .picture-block { flex: 1; width: 100%; height: 414px; position: relative; } .club-privileges .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .club-privileges .picture-block picture img { object-fit: cover; } .club-privileges .club-privileges__text { display: flex; align-items: center; justify-content: space-between; gap: 60px; padding: 80px 0 60px; } .club-privileges .club-privileges__text p { flex: 1; max-width: initial; } .club-privileges .club-privileges__text .btn { width: auto; padding: 16px 80px; border-radius: 90px; } .club-privileges__content-row { display: flex; gap: 185px; } .club-privileges__content-item { width: calc(100% - 100px); } .club-privileges__content-item-title { font-size: 24px; line-height: 32px; font-weight: 400; color: #35291e; padding-bottom: 23px; } .club-privileges__content-item-li { padding-left: 25px; position: relative; font-size: 17px; line-height: 22px; font-weight: 400; color: #35291e; margin-bottom: 16px; } .club-privileges__content-item-li:before { content: ""; position: absolute; top: 9px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: #35291e; } .club-privileges__content-item-text { margin-top: 40px; font-size: 15px; line-height: 22px; font-weight: 400; color: #35291e; } .club-privileges__content-row-border { padding-top: 40px; border-top: 1px solid rgba(53, 41, 30, 0.3019607843); margin-top: 45px; } .club-privileges__content-row-border .club-privileges__content-item-li { padding-left: 0; } .club-privileges__content-row-border .club-privileges__content-item-li:before { display: none !important; } .club-privileges-puy { padding-top: 0 !important; } .cart-form { padding: 52px 58px; background: #fbf6eb; width: 100%; } .cart-form__header { border-bottom: none !important; padding-bottom: 33px; } .cart-form__row { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: flex-end; } .cart-form__row .check-list { width: 100%; order: 5; } .cart-form__input-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 31px 16px; width: calc(100% - 180px); max-width: 733px; } .cart-form__input-item { width: calc(50% - 8px); } .cart-form__input-email { width: 100%; } .cart-form__button { width: 120px; } .cart-form input { font-size: 17px; line-height: 22px; } .btn.product-images__link-cart { position: absolute; right: 0; top: 62px; z-index: 9; } .cart-form__form { display: block !important; } .product-action__stock-row.mobile { display: none; } .product-action__stock-row.desctop { display: flex; } .black-friday + .catalog-products .catalog-message { display: none; } .catalog-message { width: 100%; grid-column: span 3; font-weight: 600; font-size: 32px; line-height: 28px; padding: 14px; position: relative; z-index: 2; text-align: center; left: 290px; display: none !important; } .catalog-message::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 0; left: 250px; width: 200%; height: 100%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2509803922); background-color: #fbf6eb; z-index: -1; } .collaboration-page { padding-bottom: 0; } .collaboration-page-head { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0 54px; } .collaboration-page-head .caption { text-align: right; display: block; width: 100%; max-width: 777px; font-weight: 500; margin-bottom: -60px; } .collaboration-page-head .picture-block { width: 543px; height: 407px; position: relative; z-index: 3; margin-right: auto; } .collaboration-page-head .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-head .picture-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-head .collaboration-page-head__content { position: relative; z-index: 2; font-weight: 400; font-size: 17px; line-height: 22px; width: 615px; margin-top: 231px; padding: 42px 0; margin-right: 70px; } .collaboration-page-head .collaboration-page-head__content::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #fbf6eb; width: calc(100% + 500px); height: 100%; top: 0; left: -250px; z-index: -1; } .collaboration-page-head .collaboration-page-head__content p + p { margin-top: 36px; max-width: 491px; margin-left: auto; } .collaboration-page-bottom { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; padding: 34px 0; } .collaboration-page-bottom::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: -300%; top: 0; width: 600%; height: 100%; background-color: #fbf6eb; z-index: -1; } .collaboration-page-bottom .picture-block { width: 763px; height: 507px; position: relative; z-index: 3; } .collaboration-page-bottom .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-bottom .picture-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-bottom .collaboration-page-bottom__content { width: 451px; } .collaboration-page-center { display: flex; min-height: 560px; gap: 129px; padding: 80px 0; } .collaboration-page-center .collaboration-page-center__inner { width: 100%; display: flex; flex-direction: column; gap: 8px; text-align: center; justify-content: center; font-weight: 600; font-size: 17px; line-height: 22px; background-color: rgb(255, 255, 255); padding: 20px 35px; border: solid 6px #fbf6eb; height: 429px; } .collaboration-page-center .collaboration-page-center__left { width: 559px; height: auto; display: flex; flex-direction: column; justify-content: space-between; } .collaboration-page-center .collaboration-page-center__left p { font-weight: 600; font-size: 24px; line-height: 28px; margin-top: auto; } .collaboration-page-center .caption { font-weight: 400; font-size: 40px; line-height: 44px; text-align: center; margin-bottom: 25px; } .collaboration-page-center .collaboration-page-center__text { display: flex; align-items: center; justify-content: center; min-height: 22px; } .collaboration-page-center .collaboration-page-center__right { display: flex; gap: 33px; } .collaboration-page-center .collaboration-page-center__col { display: flex; flex-direction: column; justify-content: space-between; } .collaboration-page-center .collaboration-page-center__col p { position: relative; top: 2px; } .collaboration-page-center .collaboration-page-center__col:first-child .picture-block { width: 320px; height: 429px; } .collaboration-page-center .collaboration-page-center__col:last-child .picture-block { width: 290px; height: 437px; margin-top: 127px; } .collaboration-page-center .picture-block { position: relative; } .collaboration-page-center .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-center .picture-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .collaboration-page-bottom__text { width: 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 40px; } .collaboration-page-bottom__text .collaboration-page-bottom__title { margin-bottom: 8px; display: block; font-weight: 400; font-size: 24px; line-height: 28px; } .collaboration-page-bottom__text a { text-decoration: underline; transition: text-decoration 0.3s; } .collaboration-page-bottom__text a:hover { text-decoration-color: transparent; } .politic-text { font-size: 16px; line-height: 22px; } .politic-text .container { display: flex; flex-direction: column; gap: 20px; } .politic-text h1 { margin-bottom: 20px; font-size: 48px; line-height: 60px; } .politic-text h2 { font-size: 30px; line-height: 32px; } .politic-text p + h2, .politic-text p + h3, .politic-text p + h4 { margin-top: 20px; } .politic-text ul { list-style-type: inherit; order: initial; } .politic-text ul + h2, .politic-text ul + h3, .politic-text ul + h4 { margin-top: 20px; } .politic-text ul li + li { margin-top: 10px; } .politic-text ol { list-style-type: initial; order: initial; } .politic-text ol + h2, .politic-text ol + h3, .politic-text ol + h4 { margin-top: 20px; } .politic-text ol li { padding-left: 0; } .politic-text ol li::before { width: 32px; height: 32px; font-size: 12px; line-height: 14px; display: none; } .politic-text ol li + li { margin-top: 10px; } .politic-text a { text-decoration: underline; transition: text-decoration 0.3s; } .politic-text a:hover { text-decoration-color: transparent; } .browse-category .browse-category__list { display: flex; flex-wrap: wrap; gap: 24px; width: 100%; margin-top: 40px; } @media (max-width: 1279px) { .browse-category .browse-category__list { gap: 16px; margin-top: 20px; } } .browse-category .browse-category__item { background-color: #fbf6eb; height: 312px; position: relative; padding: 20px; } @media (max-width: 1439px) { .browse-category .browse-category__item { height: 270px; } } @media (max-width: 1279px) { .browse-category .browse-category__item { height: 200px; padding: 10px; } } @media (max-width: 767px) { .browse-category .browse-category__item { width: 100%; height: auto; padding-top: 47.4860335196%; } } @media (hover: hover) { .browse-category .browse-category__item:hover .picture-block { transform: translateX(-50%) scale(0.9); } } .browse-category .browse-category__item:nth-child(1), .browse-category .browse-category__item:nth-child(2) { width: calc(50% - 12px); height: 350px; } @media (max-width: 1439px) { .browse-category .browse-category__item:nth-child(1), .browse-category .browse-category__item:nth-child(2) { height: 300px; } } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(1), .browse-category .browse-category__item:nth-child(2) { height: 220px; width: calc(50% - 8px); } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(1), .browse-category .browse-category__item:nth-child(2) { width: 100%; height: auto; } } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(1) .picture-block, .browse-category .browse-category__item:nth-child(2) .picture-block { max-height: 160px; } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(1) .picture-block, .browse-category .browse-category__item:nth-child(2) .picture-block { max-height: 80%; } } @media (max-width: 389px) { .browse-category .browse-category__item:nth-child(1) .picture-block, .browse-category .browse-category__item:nth-child(2) .picture-block { max-height: 120px; } } .browse-category .browse-category__item:nth-child(3), .browse-category .browse-category__item:nth-child(6), .browse-category .browse-category__item:nth-child(7) { width: calc(50% - 200px - 36px); } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(3), .browse-category .browse-category__item:nth-child(6), .browse-category .browse-category__item:nth-child(7) { width: calc(50% - 124px - 24px); } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(3), .browse-category .browse-category__item:nth-child(6), .browse-category .browse-category__item:nth-child(7) { width: 100%; } } .browse-category .browse-category__item:nth-child(4), .browse-category .browse-category__item:nth-child(5) { width: 200px; } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(4), .browse-category .browse-category__item:nth-child(5) { width: 124px; } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(4), .browse-category .browse-category__item:nth-child(5) { width: 100%; } } .browse-category .browse-category__item:nth-child(8) { width: calc(100% - 311px - 462px); } @media (max-width: 1439px) { .browse-category .browse-category__item:nth-child(8) { width: calc(100% - 311px - 462px); flex: 1; } } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(8) { width: calc(100% - 311px - 159px); } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(8) { width: 100%; } } .browse-category .browse-category__item:nth-child(9) { width: 311px; } @media (max-width: 1279px) { .browse-category .browse-category__item:nth-child(9) { width: 194px; } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(9) { width: 100%; } } @media (max-width: 767px) { .browse-category .browse-category__item:nth-child(2), .browse-category .browse-category__item:nth-child(3), .browse-category .browse-category__item:nth-child(5), .browse-category .browse-category__item:nth-child(6), .browse-category .browse-category__item:nth-child(8), .browse-category .browse-category__item:nth-child(9) { width: calc(50% - 8px); } } .browse-category .browse-category__item .picture-block { position: absolute; bottom: 20px; left: 50%; width: 100%; height: 100%; transition: all 0.3s; max-height: 260px; transform: translateX(-50%); } @media (max-width: 1279px) { .browse-category .browse-category__item .picture-block { max-height: 162px; } } @media (max-width: 1279px) { .browse-category .browse-category__item .picture-block { max-height: 120px; } } @media (max-width: 767px) { .browse-category .browse-category__item .picture-block { bottom: 5px; max-width: 95%; max-height: 80%; } } @media (max-width: 389px) { .browse-category .browse-category__item .picture-block { max-height: 100px; } } .browse-category .browse-category__item .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .browse-category .browse-category__item .picture-block picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: scale-down; object-position: bottom; } .browse-category .browse-category__name { font-size: 24px; line-height: 28px; } @media (max-width: 1439px) { .browse-category .browse-category__name { font-size: 20px; line-height: 22px; } } @media (max-width: 1279px) { .browse-category .browse-category__name { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { .browse-category .browse-category__name { position: absolute; top: 10px; left: 10px; } } .browse-category .browse-category__special { background-color: rgb(255, 255, 255); border-radius: 50%; position: absolute; top: 17px; left: 17px; width: calc(100% - 34px); height: calc(100% - 34px); font-weight: 400; font-size: 32px; line-height: 36px; text-align: center; display: flex; justify-content: center; align-items: center; transition: all 0.3s; } @media (max-width: 1439px) { .browse-category .browse-category__special { top: 12px; left: 12px; width: calc(100% - 24px); height: calc(100% - 24px); font-size: 28px; line-height: 30px; } } @media (max-width: 1279px) { .browse-category .browse-category__special { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { .browse-category .browse-category__special { font-size: 14px; line-height: 16px; } } @media (hover: hover) { .browse-category .browse-category__special:hover { border-radius: 0; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } } .official-dealer { padding-bottom: 60px; } @media (max-width: 767px) { .official-dealer { padding-bottom: 40px; } } .official-dealer .official-dealer__head { border-bottom: solid 1px rgb(0, 0, 0); padding-bottom: 16px; } .official-dealer .caption { position: relative; } .official-dealer .official-dealer__body { display: flex; align-items: flex-start; margin-top: 40px; } @media (max-width: 767px) { .official-dealer .official-dealer__body { flex-direction: column; margin-top: 16px; } } .official-dealer .picture-block { width: 618px; height: 372px; position: relative; } @media (max-width: 1279px) { .official-dealer .picture-block { width: 404px; height: 423px; } } @media (max-width: 1023px) { .official-dealer .picture-block { width: 347px; height: 390px; } } @media (max-width: 767px) { .official-dealer .picture-block { width: 100%; height: auto; } } .official-dealer .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .official-dealer .picture-block picture { position: relative; width: 100%; height: auto; padding-top: 84.9162011173%; } } .official-dealer .picture-block picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .official-dealer .official-dealer__content { width: 458px; margin-left: auto; margin-right: 100px; } @media (max-width: 1279px) { .official-dealer .official-dealer__content { width: 330px; margin-right: 0; } } @media (max-width: 767px) { .official-dealer .official-dealer__content { width: 100%; margin: 16px 0; } } .official-dealer .official-dealer__content strong { font-weight: 600; } .official-dealer .official-dealer__content p + p { margin-top: 23px; } .official-dealer ul { display: flex; align-items: center; gap: 47px; margin-top: 40px; } @media (max-width: 1279px) { .official-dealer ul { gap: 30px; } } @media (max-width: 767px) { .official-dealer ul { width: 100%; position: relative; top: 0; left: 0; font-size: 14px; } } @media (max-width: 389px) { .official-dealer ul { gap: 15px; font-size: 12px; } } .official-dealer ul li { white-space: nowrap; display: flex; flex-direction: column; } .official-dealer ul li strong { font-weight: 500; font-size: 22px; line-height: 26px; } @media (max-width: 1279px) { .official-dealer ul li strong { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .official-dealer ul li strong { font-size: 16px; line-height: 20px; } } .official-dealer .btn { border-radius: 60px; margin-top: 40px; } .salons-info { display: flex; justify-content: space-between; gap: 24px; margin-top: 40px; font-weight: 400; font-size: 20px; line-height: 26px; } @media (max-width: 1279px) { .salons-info { font-size: 16px; line-height: 20px; margin-top: 20px; } } @media (max-width: 767px) { .salons-info { flex-direction: column; } } .salons-info .salons-info__col { flex: 1; width: 50%; } @media (max-width: 767px) { .salons-info .salons-info__col { width: 100%; flex: initial; } } .salons-info a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .salons-info a:hover { text-decoration-color: rgb(0, 0, 0); } .main-article_tags { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 40px; } @media (max-width: 1549px) { .main-article_tags { margin-top: 20px; gap: 8px; } } .main-article_tags a { font-weight: 400; font-size: 20px; line-height: 24px; padding: 11px 16px; border: solid 1px rgba(53, 41, 30, 0.3); border-radius: 8px; transition: all 0.3s; } @media (max-width: 1549px) { .main-article_tags a { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { .main-article_tags a { font-size: 14px; line-height: 16px; } } @media (hover: hover) { .main-article_tags a:hover { background-color: rgb(22 28 63); color: rgb(255, 255, 255); } } .purchasing-process .purchasing-process__slider { margin-top: 70px; } @media (max-width: 1279px) { .purchasing-process .purchasing-process__slider { margin-top: 16px; } } @media (max-width: 767px) { .purchasing-process .purchasing-process__slider { width: calc(100% + 32px); left: -16px; padding: 0 16px; } } .purchasing-process .purchasing-process__item { font-size: 17px; line-height: 22px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 22px; font-weight: 400; } @media (max-width: 1279px) { .purchasing-process .purchasing-process__item { font-size: 14px; line-height: 16px; gap: 12px; } } @media (max-width: 767px) { .purchasing-process .purchasing-process__item { background-color: rgb(251, 246, 235); padding: 16px; } } .purchasing-process .purchasing-process__item:last-child .purchasing-process__num::after { display: none; } .purchasing-process .purchasing-process__item .purchasing-process__num { font-size: 24px; line-height: 28px; position: relative; display: flex; align-items: center; gap: 30px; width: 100%; } .purchasing-process .purchasing-process__item .purchasing-process__num::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; width: 100%; height: 1px; flex: 1; background-color: rgba(53, 41, 30, 0.3); display: block; } .purchasing-process .purchasing-process__item .num { width: 44px; height: 44px; display: flex; border-radius: 50%; border: solid 1px rgb(0, 0, 0); flex-direction: column; justify-content: center; text-align: center; } .purchasing-process .purchasing-process__item .name { font-size: 24px; line-height: 28px; width: 100%; } @media (max-width: 1279px) { .purchasing-process .purchasing-process__item .name { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .purchasing-process .purchasing-process__item .name { font-size: 16px; line-height: 20px; font-weight: 500; } } .purchasing-process .purchasing-process__item p { width: 100%; } .product-visit { background-color: rgb(251, 246, 235); padding: 0; } @media (max-width: 767px) { .product-visit { padding: 16px 0; } } .product-visit .product-visit__content { padding: 50px; width: 480px; margin-left: auto; } @media (max-width: 1549px) { .product-visit .product-visit__content { padding: 24px; width: 410px; } } @media (max-width: 767px) { .product-visit .product-visit__content { width: 100%; padding: 0 0 20px; } } .product-visit .product-visit__slider { margin-bottom: 45px; overflow: visible; min-height: 355px; } @media (max-width: 1549px) { .product-visit .product-visit__slider { min-height: 215px; } } @media (max-width: 767px) { .product-visit .product-visit__slider { max-width: 85%; margin-bottom: 15px; } } .product-visit .product-visit__slider .swiper-wrapper { pointer-events: none; } @media (max-width: 767px) { .product-visit .product-visit__slider .swiper-wrapper { pointer-events: initial; } } .product-visit .product-visit__slider .swiper-slide { width: 382px; } @media (max-width: 1549px) { .product-visit .product-visit__slider .swiper-slide { width: 300px; } } @media (max-width: 767px) { .product-visit .product-visit__slider .swiper-slide { width: 100%; } } .product-visit .product-visit__slider .swiper-slide.swiper-slide-prev .picture-block { width: 1200px; height: 653px; left: -845px; top: -80px; position: absolute; } @media (max-width: 1549px) { .product-visit .product-visit__slider .swiper-slide.swiper-slide-prev .picture-block { width: 1100px; height: 402px; left: -763px; top: -54px; } } @media (max-width: 1279px) { .product-visit .product-visit__slider .swiper-slide.swiper-slide-prev .picture-block { width: 500px; height: 390px; left: -130px; top: -54px; } } @media (max-width: 767px) { .product-visit .product-visit__slider .swiper-slide.swiper-slide-prev .picture-block { height: 250px !important; overflow: hidden; padding-top: 0; } } .product-visit .product-visit__slider .swiper-slide.swiper-slide-next .picture-block { width: 206px; height: 278px; transform: translateX(-75px); } @media (max-width: 1549px) { .product-visit .product-visit__slider .swiper-slide.swiper-slide-next .picture-block { width: 125px; height: 166px; transform: translateX(-175px); } } @media (max-width: 767px) { .product-visit .product-visit__slider .swiper-slide.swiper-slide-next .picture-block { height: 250px !important; overflow: hidden; padding-top: 0; } } .product-visit .product-visit__slider .picture-block { width: 312px; height: 312px; position: relative; transform: translateY(30px); } @media (max-width: 1549px) { .product-visit .product-visit__slider .picture-block { width: 200px; height: 200px; } } @media (max-width: 767px) { .product-visit .product-visit__slider .picture-block { width: 100% !important; height: auto !important; top: auto !important; left: auto !important; padding-top: 110.2661596958%; transform: initial !important; } } .product-visit .product-visit__slider .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-visit .product-visit__title { cursor: pointer; font-weight: 400; font-size: 38px; line-height: 42px; display: block; margin-bottom: 20px; border-bottom: solid 1px rgba(53, 41, 30, 0.3); padding-bottom: 5px; position: relative; } @media (max-width: 1549px) { .product-visit .product-visit__title { font-size: 22px; line-height: 24px; } } @media (max-width: 767px) { .product-visit .product-visit__title { max-width: 94%; } } @media (hover: hover) { .product-visit .product-visit__title:hover::before { margin-left: 10px; } } .product-visit .product-visit__title::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 100%; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7H17M17 7L11 1M17 7L11 13' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; width: 16px; height: 12px; } .cart-form__button { width: 100%; order: 5; } .cart-form__button .btn { border-radius: 48px; } @media (max-width: 1279px) { .main-form .cart-form__input-list { margin-top: 15px; } } @media (max-width: 767px) { .main-form .cart-form__input-list { margin-top: 0; margin-bottom: 20px; } } .main-form .form-manager__form .input-item:last-child { width: calc(50% - 8px); } @media (max-width: 767px) { .main-form .form-manager__form .input-item:last-child { width: 100%; } } @media (min-width: 1950px) { .marquee-section__block--3 { display: block; } } @media (min-width: 1280px) { .menu { display: flex !important; } } @media (min-width: 768px) { .materials-col { display: block !important; } .footer-menu__col:nth-child(2) ul { display: grid !important; } .footer-menu__col ul { display: block !important; } } @media (max-width: 1899px) { .catalog-products__list { width: 100%; margin-left: auto; } .filter-catalog { left: calc(50% - 686px); } .filter-catalog.sticky .filter-catalog-inner { left: calc(50% - 686px); } .filter-catalog.sticky.sticky--bottom .filter-catalog-inner { left: 0; } .catalog-message { left: 170px; } .catalog-message::after { left: 120px; } .catalog-message::before { left: 70px; } .catalog-main-item__price { font-size: 15px; line-height: 18px; white-space: nowrap; } } @media (max-width: 1799px) { .catalog-links-invis { display: none; } } @media (max-width: 1599px) { .marquee-section__block { font-size: 15px; } .catalog-message { left: 80px; font-size: 26px; } } @media (max-width: 1439px) { .product-action__controls { left: calc(100% - 10px); } .product-action .picture.small { left: calc(100% + 20px); } .catalog-products__list { width: 100%; } .caption-h1--small { font-size: 45px; line-height: 50px; } .product-list .catalog-main-item .picture { height: auto; padding-top: 56.157635468%; } .filter-catalog { left: calc(50% - 615px); } .filter-catalog.sticky .filter-catalog-inner { left: calc(50% - 615px); } .filter-catalog.sticky.sticky--bottom .filter-catalog-inner { left: 0; } .pdf-page .container { max-width: 1200px; } .stock-item .caption { min-height: 40px; } .marquee-section__block { font-size: 14px; } .club-privileges__content-row { gap: 150px; } .club-privileges__content-item { width: calc(100% - 75px); } .catalog-main-item__price { flex-direction: column; align-items: flex-start; gap: 5px; } .collaboration-page-center .collaboration-page-center__inner { padding: 20px 33px; } .collaboration-page-head .collaboration-page-head__content { margin-right: 0; } } @media (max-width: 1279px) { body { font-size: 14px; line-height: 16px; } section { padding: 20px 0; } .container { max-width: 824px; } .menu { width: 100%; position: relative; } .menu-head { display: flex; margin-bottom: 18px; } .menu-title { width: 100%; color: rgb(0, 0, 0); font-size: 16px; font-weight: 600; line-height: 20px; display: block; } .logo { width: 80px; height: 26px; } .burger { display: flex; order: -1; } h1, .caption--h1 { font-size: 40px; line-height: 46px; } h2, .caption--h2 { font-size: 22px; line-height: 24px; } h3, .caption--h3 { font-size: 16px; line-height: 20px; } .catalog-section__links { font-size: 16px; line-height: 20px; width: 40%; } .catalog-section__links a { padding: 19px 16px; } .catalog-section__body { margin-top: 20px; gap: 16px; } .section__head { padding-bottom: 8px; } .special-project__head .caption { padding-bottom: 8px; } .arrows-controls { gap: 8px; } .arrows-controls .arrow { width: 24px; height: 24px; } .catalog-section__catalog { width: 60%; } .catalog-main-item .picture { height: 233px; } .catalog-main-item__body { font-size: 10px; line-height: 12px; padding: 8px 12px; gap: 4px; } .catalog-main-item__name { font-size: 14px; line-height: 16px; } .catalog-main-item__link { width: 32px; height: 32px; background-size: 6px; right: 12px; bottom: 8px; } .catalog-main-item__price { margin-top: 4px; gap: 12px; font-size: 16px; line-height: 20px; flex-direction: row; } .catalog-section__content .catalog-main-item { width: calc(50% - 6px); } .slider-collection { margin-top: 20px; } .slider-collection .swiper-slide .collection-slide { height: 310px; padding-bottom: 40px; } .slider-collection .swiper-slide.swiper-slide-active .collection-slide { height: 388px; } .slider-collection__link { font-size: 16px; line-height: 20px; padding: 10px 14px; } .slider-collection .swiper-wrapper { min-height: 388px; } .slider-collection .swiper-slide .collection-slide { transform: translateY(78px); } .main-article__body { grid-template-columns: 1fr 1fr; margin-top: 20px; gap: 18px; } .main-article__content { gap: 20px; } .main-article__content .picture { height: 182px; margin-top: auto; } .slider-design { width: 265px; margin: 25px 0 0 140px; } .slider-design .swiper-slide { width: 125px; height: 265px; } .slider-design .swiper-slide .main-design { width: 125px; height: 125px; } .slider-design .swiper-slide.swiper-slide-next + .swiper-slide .main-design { margin-left: -140px; } .slider-design .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide .main-design { margin-left: -280px; } .slider-design .swiper-slide.swiper-slide-active .main-design { width: 265px; } .main-design__name { font-size: 16px; line-height: 20px; left: calc(100% + 14px); } .video-section { margin: 20px 0; } .stock-slider { margin-top: 20px; } .stock-item { font-size: 14px; line-height: 16px; min-height: 194px; gap: 12px; } .stock-item .stock-item__text { -webkit-line-clamp: 4; margin-top: 12px; } .circle-link { width: 32px; height: 32px; background-size: 6px; } .stock-controls { margin-top: -120px; } .slider-picture .slider-picture__controls { padding: 0 10px; } .slider-default { margin-top: 20px; } .config-section__row { margin-top: 20px; } .config-section__left { max-width: 264px; } .config-section__right { max-width: 465px; } .config-section__right .picture { padding-top: 50.4310344828%; } .footer-top__title { font-size: 16px; line-height: 20px; } .footer-top__text { width: calc(50% - 75px); } .footer-top__form { width: calc(50% + 75px); } .footer-menu { gap: 45px; padding-right: 25px; padding-left: 25px; } .footer-top__inner { padding: 20px 0; } .footer-menu__col:nth-child(2) ul { grid-template-columns: 1fr; } .footer-bottom { padding: 20px 0; } .footer-center__inner .logo { flex: 1; min-width: 80px; } .footer-center__inner .btn { min-width: 120px; } .developers { transform: translateY(-3px); } .developers__icons { width: 45px; height: 20px; } .developers__icons svg { width: 45px; height: 20px; } .footer-menu__link { font-size: 14px; line-height: 16px; } .footer-center { padding: 20px 0; } .footer-menu__title { margin-bottom: 8px; } .catalog-list { margin-top: 20px; gap: 20px 16px; grid-template-columns: 1fr 1fr; } .catalog-row__head { padding: 8px 0; } .catalog-row + .catalog-row { margin-top: 30px; } .catalog__links { gap: 20px; margin-top: 20px; } .catalog__links a { font-size: 22px; line-height: 34px; padding: 12px 0; padding-right: 40px; } .catalog__links a::before { width: 32px; height: 32px; background-size: 6px; } .catalog-title .title-page { padding-top: 20px; } .catalog-menu { margin-top: 20px; } .catalog-menu a { font-size: 14px; line-height: 16px; padding: 8px; } .menu-links { margin-top: 20px; } .menu-links a { font-size: 14px; line-height: 16px; padding: 8px 24px; } .breadcrumbs__link { font-size: 14px; line-height: 16px; } .product-characteristic { font-size: 16px; line-height: 20px; } .product-characteristic__right { max-width: 400px; } .product-characteristic__left { min-height: 275px; max-width: 350px; } .product-characteristic__row { margin-top: 16px; } .product-characteristic .link-download { margin-top: 16px; } .link-default { font-size: 14px; line-height: 16px; } .product-info__delivery { padding: 16px 0; } .product-info__documents { padding: 16px 0; gap: 16px; } .product-info__documents .link-default { width: calc(33.3333333333% - 16px); } .link-default { padding: 8px 16px; } .product-more__head { font-size: 22px; line-height: 24px; padding-top: 8px; padding-bottom: 8px; } .product-more__head::before { width: 24px; height: 24px; } .product-action__controls { left: calc(100% - 25px); width: 190px; } .product-action .picture.small { width: 190px; height: 153px; left: calc(100% - 5px); } .product-action .picture.small::before { width: 320px; height: 120px; } .product-action__picture { position: absolute; left: 0; top: 20px; width: calc(50% - 166.5px + 40px); min-height: 420px; } .product-action__picture picture { width: 100%; height: 100%; min-height: 420px; } .product-action__content { max-width: 333px; min-height: 420px; padding-right: 30px; } .product-action__content .caption { max-width: 220px; } .price-block { font-size: 22px; line-height: 24px; } .main-designer__row { margin-top: 20px; } .main-designer__row .picture { width: calc(50% - 50px); min-height: 345px; } .main-designer__content { max-width: 182px; } .main-designer__name { font-size: 50px; line-height: 50px; } .slider-advantages { margin-top: 20px; } .advantages { gap: 141px 16px; } .advantages-item { gap: 12px; font-size: 14px; line-height: 16px; } .advantages-item .picture { height: 168px; } .advantages-item__link { font-size: 16px; line-height: 20px; font-weight: 500; } .product-list { gap: 20px 16px; margin-top: 20px; } .product-list .catalog-main-item .picture { height: 217px; padding-top: 0; } .slider-product-images { width: 447px; } .slider-product-images .swiper-slide { height: 283px; } .slider-product-images .swiper-slide-active .picture { height: 283px; } .slider-product-images .picture { height: 132px; width: 145px; } .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 55%; } .product-list .catalog-main-item__price { bottom: 7px; font-size: 14px; line-height: 16px; } .blog-item__content { font-size: 14px; line-height: 16px; width: calc(100% - 32px); gap: 4px; padding-top: 10px; } .blog-item__tags { margin-bottom: 4px; } .blog-item__tags li { font-size: 14px; line-height: 16px; padding: 0 10px; } .blog-list .blog-item:first-child .picture { padding-top: 99.0825688073%; } .blog-item .picture { padding-top: 80.4081632653%; } .pagination-item { font-size: 14px; line-height: 16px; } .pagination-item__arrow { width: 24px; height: 24px; background-size: 8px; } .pagination { min-height: 120px; margin-top: 20px; } .blog-list { gap: 20px 16px; } .blog-row { gap: 20px; } .blog-row .picture { min-height: 336px; } .blog-col { gap: 20px; } ol li { font-size: 14px; line-height: 16px; padding-left: 42px; } ol li + li { margin-top: 20px; } ol li::before { font-size: 22px; line-height: 24px; width: 34px; height: 34px; } .blog-captions { gap: 20px; } .blog-captions { margin-top: auto; height: auto; } .blog-captions .caption { padding-left: 20px; } .blog-captions .caption::before { width: 13px; height: 13px; } .blog-media { gap: 32px 0; } .blog-media__item { width: calc(50% + 62px); height: auto; } .blog-media__item:nth-child(3), .blog-media__item:nth-child(2) { width: calc(50% - 92px); height: 306px; } .product-media .caption { top: 40px; } .saloins-item { font-size: 16px; line-height: 20px; } .saloins-item__body li { gap: 8px; } .saloins-item__head { font-size: 16px; line-height: 20px; } .map { height: 432px; } .catalog-products__list { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; width: 100%; } .filter-catalog { width: 208px; left: calc(50% - 487px); } .filter-catalog .filter-catalog-inner { left: calc(50% - 487px); width: 208px; } .filter-catalog.sticky .filter-catalog-inner { left: calc(50% - 487px); } .filter-catalog.sticky.sticky--bottom .filter-catalog-inner { left: 0; } .filter-row__body { padding: 8px 16px 0; } .filter-row + .filter-row { margin-top: 18px; } .filter-settings li:last-child { margin-bottom: 16px; } .stock-page .stock-item .picture { padding-top: 59.900990099%; } .stock-circle { width: 170px; height: 170px; font-size: 30px; line-height: 40px; } .stock-page .stock-list { height: auto; } .stock-page .stock-item { gap: 12px; } .modal-stock { padding: 84px 30px; gap: 16px; } .modal__close { right: 30px; } .projects-list .slider-picture .picture { height: 243px; } .projects-list .slider-default__text p { -webkit-line-clamp: 6; } .projects-list { gap: 20px 0; } .projects-list .projects-item.full { width: calc(60% + 12px); } .projects-list .projects-item { width: calc(40% - 28px); } .designers-list { gap: 80px 16px; } .designers-item .picture { height: 264px; } .designers-item__name { font-size: 16px; line-height: 20px; } .designers-list::after { height: 217px; bottom: 344px; } .designers-list::before { height: 217px; top: 48px; } .designer-page .blog-row { grid-template-columns: 50% 40%; } .designer-page .blog-col .picture { min-height: 536px; } .designer-page__head .blog-col .caption--h1 { max-width: 80%; } .designer-page__text { padding: 40px 0; } .designer-page__head { margin-top: 20px; } .designer-page__head .blog-row::before { top: -30px; } .materials-row { padding: 20px 0; } .material-list { margin-top: 20px; } .material-item__name { font-size: 16px; line-height: 20px; } .material-list .swiper-wrapper { gap: 20px 16px; } .delivery-row { padding: 20px 0; } .partners-logo { width: 100px; height: 22px; } .parents-item__content { align-items: center; margin-top: 5px; gap: 5px; } .parents-list { gap: 16px; } .parents-item__text p { -webkit-line-clamp: 5; } .parents-item .circle-link { transition: all 0.3s; transform: rotate(0) !important; transition-duration: 0.3s !important; transition-delay: 0s !important; } .parents-item.opened .circle-link { transform: rotate(90deg) !important; transition-duration: 0.3s !important; transition-delay: 0s !important; } .modal-partners { padding: 130px 40px 40px; } .modal-partners .partners-logo { left: 30px; } .model-item__row { margin-top: 20px; } .model-item + .model-item { margin-top: 20px; } .form-manager__form .desc { margin-top: 0; } .form-manager .form-manager__text { margin-top: 20px; margin-bottom: 20px; } #modal-visit .modal__close, #modal-call .modal__close, #modal-cooperation .modal__close { right: 30px; top: 30px; } #modal-visit .modal__container, #modal-call, #modal-cooperation .modal__container { width: 100%; max-width: 85%; } .btn-add-favorite { right: 20px; bottom: 20px; } .quote { font-size: 21px; line-height: 23px; padding: 26px 71px; padding-right: 150px; max-width: 533px; margin-top: 57px; } .quote::before { background-size: 20px; } .quote::after { background-size: 20px; right: 120px; } .about-head__col { min-height: 352px; } .about-head__col p { max-width: 404px; } .about-head .picture { max-width: 333px; max-height: 340px; } .about-item { padding: 20px 0; } .about-item p { max-width: 334px; } .about-item .picture { width: 262px; height: 314px; } .about-item .picture:last-child { width: 404px; height: 258px; } .about-files__item .picture { height: 163px; } .about-files__info { top: 100%; background-color: transparent; color: rgb(22 28 63); position: relative; top: 0; left: 0; height: auto; margin-top: 8px; gap: 0; opacity: 1; } .about-files__size { display: flex; align-items: center; min-height: 23px; padding-left: 27px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.6055 11.5V5.8C17.6055 4.11984 17.6055 3.27976 17.2785 2.63803C16.9909 2.07354 16.5319 1.6146 15.9674 1.32698C15.3257 1 14.4856 1 12.8055 1H6.40547C4.72531 1 3.88523 1 3.2435 1.32698C2.67901 1.6146 2.22007 2.07354 1.93245 2.63803C1.60547 3.27976 1.60547 4.11984 1.60547 5.8V16.2C1.60547 17.8802 1.60547 18.7202 1.93245 19.362C2.22007 19.9265 2.67901 20.3854 3.2435 20.673C3.88523 21 4.72526 21 6.40533 21H10.1055M11.6055 10H5.60547M7.60547 14H5.60547M13.6055 6H5.60547M12.6055 18L15.6055 21M15.6055 21L18.6055 18M15.6055 21V15' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .about-files__name { font-size: 16px; line-height: 20px; } .about-files__list { gap: 20px; } .search-block { padding: 7px 0; } .slider-picture .slider-picture__controls { top: 50%; transform: translateY(-50%); padding: 0; } .slider-picture .swiper-pagination { opacity: 1; gap: 8px; } .blog-col .text-block { font-size: 18px; line-height: 24px; width: 100%; } .caption-h1--small { font-size: 35px; line-height: 40px; } .catalog-section__body { min-height: 354px; } .favorites-section .catalog-main-item .picture { height: 204px; } .favorites-section .catalog-main-item__tags { font-size: 14px; line-height: 16px; } .favorites-section .catalog-main-item__tags li { padding: 6px 12px; } .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 260px; } .blog-line:not(.designer-page__head) h1, .blog-line:not(.designer-page__head) .caption--h1 { font-size: 42px; line-height: 50px; } .filter-row .caption { font-size: 16px; line-height: 20px; } .video-section .text-invis { top: 40px; } .nalihie-block { padding: 32px 0; } .nalihie-block__inner { gap: 24px; font-size: 29px; line-height: 32px; } .nalihie-block .btn { background-color: rgb(22 28 63); color: rgb(255, 255, 255); border-radius: 24px; padding: 24px 65px; border: solid 1px rgb(22 28 63); } .title-map { font-size: 16px; line-height: 20px; padding-bottom: 16px; margin-bottom: 16px; } .product-action__content p { font-size: 16px; } .black-friday__inner { height: 230px; } .pdf-page .container { max-width: 968px; } .pdf-page.openedTabs .container { width: calc(100% - 400px); max-width: 100%; } .product-more .form-manager__form { margin-top: 20px; display: block; } .product-more .form-manager__form .input-item input { font-size: 14px; line-height: 22px; } #modal-how-order .modal__container { max-width: 462px; } #modal-how-order .modal__close { right: 20px; top: 35px; } #modal-how-order .form-manager { padding: 35px 0; } #modal-how-order .form-manager .form-manager__text { margin-bottom: 0; } .product-salons .saloins-list { margin-top: 20px; } .product-action__content .btn-add-favorite { right: -190px; } .footer-top .desc { font-size: 10px; line-height: 14px; max-width: 100%; } .check-list { margin-top: 10px; } .check-list .check-block label { font-size: 10px; line-height: 12px; } .basket .basket-col:nth-child(2) { min-width: 253px; } .basket .basket-item .picture-block { width: 264px; height: 140px; } .basket .basket-col { font-size: 14px; line-height: 16px; } .basket .basket-col__status { font-size: 14px; line-height: 16px; } .basket .basket-col__name { font-size: 16px; line-height: 20px; } .basket .basket-item { gap: 16px; } .basket .title, .basket .price { font-size: 22px; line-height: 24px; } .basket .basket-col__status { padding-left: 26px; } .basket .basket-col__status::before { width: 18px; height: 18px; } .basket-empty { gap: 20px; } .basket-bottom { grid-template-columns: 248px 1fr 255px; } .marquee-section__block--2 { display: none; } .salon-detail__contact .link { font-size: 16px; line-height: 20px; } .salon-detail__contact-text .saloins-item__body { padding-top: 16px; padding-left: 29px; padding-right: 29px; } .club-grettings { max-height: 700px; } .club-go { padding: 40px 0; } .club-go .club-go__inner { gap: 16px; } .club-go .club-go__media { height: 180px; } .club-go .club-go__text { max-width: 335px; font-size: 16px; line-height: 20px; gap: 45px; } .club-go .btn { padding: 8px 16px; } .club-privileges .club-privileges__title { margin-bottom: 32px; } .club-privileges .club-privileges__list { gap: 50px; } .club-privileges .club-privileges__item:nth-child(2) .club-privileges__content { gap: 16px; padding: 8px 20px 16px 40px; } .club-privileges .club-privileges__item:nth-child(2) .picture-block { width: 125px; height: 160px; } .club-privileges .club-privileges__item:nth-child(2) .picture-block:first-child { width: 265px; height: 230px; } .club-privileges .club-privileges__item:nth-child(3) { justify-content: flex-end; background-color: transparent; height: auto; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__content { background-color: transparent; width: auto; padding: 24px 12px; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__media { width: 403px; height: 180px; } .club-privileges .club-privileges__item:nth-child(4) { flex-direction: row-reverse; } .club-privileges .club-privileges__content { gap: 16px; } .club-privileges p { max-width: 300px; } .club-privileges .club-privileges__media { width: 50%; height: 255px; gap: 16px; } .club-privileges .picture-block { height: 252px; } .club-privileges .club-privileges__text { gap: 60px; padding: 40px 0 20px; } .club-privileges__content-row { gap: 55px; } .club-privileges__content-item { width: calc(100% - 28px); } .club-privileges__content-item-title { font-size: 16px; line-height: 20px; padding-bottom: 15px; } .club-privileges__content-item-li { padding-left: 25px; font-size: 14px; line-height: 16px; margin-bottom: 12px; } .club-privileges__content-row-border { padding-top: 32px; margin-top: 32px; } .product-info__list .btn { right: -75px; bottom: 5px; } .saloins-item__head.saloins-item__stock .saloins-item__in-stock { font-size: 14px; line-height: 20px; } .saloins-item__head.saloins-item__stock .saloins-item__in-stock:before { top: 10px; } .btn.product-images__link-cart { width: 100px; height: 100px; top: 35px; } .cart-form__button { width: 90px; } .product-action__stock-row { flex-wrap: wrap; } .catalog-message { left: 140px; font-size: 20px; padding: 8px; } .catalog-message::before { left: 76px; top: 10px; width: 65px; height: 40px; } .catalog-message::after { left: 70px; } .collaboration-page-head .caption { margin-bottom: -45px; } .collaboration-page-head .picture-block { width: 339px; height: 254px; } .collaboration-page-head .collaboration-page-head__content { position: relative; z-index: 2; font-weight: 400; font-size: 14px; line-height: 16px; width: 420px; margin-top: 112px; padding: 30px 0; } .collaboration-page-head .collaboration-page-head__content p + p { margin-top: 24px; max-width: 390px; } .collaboration-page-head { gap: 0 25px; } .collaboration-page-center .collaboration-page-center__inner { font-size: 14px; line-height: 16px; padding: 0 20px; gap: 0px; height: 310px; } .collaboration-page-center .collaboration-page-center__left { width: 332px; } .collaboration-page-center .caption { font-size: 22px; line-height: 24px; } .collaboration-page-center .collaboration-page-center__right { gap: 22px; } .collaboration-page-center .collaboration-page-center__col:first-child .picture-block { width: 192px; height: 273px; } .collaboration-page-center .collaboration-page-center__col:last-child .picture-block { width: 185px; height: 278px; } .collaboration-page-center { gap: 55px; min-height: 389px; padding: 50px 0; } .collaboration-page-center .collaboration-page-center__left p { font-size: 18px; line-height: 20px; } .collaboration-page-bottom .picture-block { width: 473px; height: 308px; } .collaboration-page-bottom .collaboration-page-bottom__content { width: 260px; } .notification-cookie { max-width: 725px; } } @media (max-width: 1023px) { .catalog-section__links { width: 35%; } .catalog-section__catalog { width: 65%; } .product-action__controls { left: calc(100% - 45px); } .product-action .picture.small { left: calc(100% - 10px); } .blog-list .blog-item:first-child .picture { padding-top: 101.1235955056%; } .catalog-products__list { width: 100%; } .about-head__col p { max-width: 345px; } .filter-catalog { left: calc(50% - 372px); } .filter-catalog .filter-catalog-inner { left: calc(50% - 372px); } .filter-catalog.sticky .filter-catalog-inner { left: calc(50% - 372px); } .filter-catalog.sticky.sticky--bottom .filter-catalog-inner { left: 0; } .slider-product-images .picture { height: 100px; width: 124px; } .black-friday__inner { height: auto; padding-top: 26.25%; } .pdf-page .container { max-width: 725px; } .pdf-tabs { width: 250px; } .pdf-page.openedTabs .container { width: calc(100% - 300px); max-width: 100%; } .product-action__content .btn-add-favorite { right: -143px; } .header-line > strong { display: block; } .header-line span { display: block; } .saloins-item__body { padding: 8px 22px; } .saloins-item__head::before { left: 21px; } .saloins-item__head { padding: 16px 58px; } .salon-detail__media-banner { padding-top: 45% !important; } .salon-detail__media-banner .caption { font-size: 50px; line-height: 46px; top: 80px !important; max-width: 386px; padding: 0 20px !important; } .salon-detail__text-inner { position: relative; padding: 24px 0 32px 0; border-top: 1px solid #35291e; border-bottom: 1px solid #35291e; } .salon-detail__text-inner p { font-size: 14px; line-height: 16px; } .salon-detail__contact-text .saloins-item__body { padding-top: 16px; padding-left: 29px; padding-right: 29px; } .loyalty__wrap { column-gap: 14px; } .loyalty__wrap-col { width: calc(50% - 12px); } .loyalty__wrap-col .loyalty__form-title { font-size: 14px; line-height: 22px; padding-bottom: 16px; } .loyalty__wrap .input-item input { font-size: 14px; line-height: 16px; } .product-info__list .btn { right: 0; bottom: -30px; } .product-info__row:nth-child(2n) .product-info__list .btn { left: 0; } .cart-form { padding: 20px 44px; background: #fbf6eb; width: 100%; } .product-action__stock-row { font-size: 14px; line-height: 16px; } .product-action__stock-icon svg { width: 16px; height: 16px; margin-bottom: -2px; } .loyalty__wrap-col .input-item textarea { font-size: 14px; line-height: 16px; padding-top: 5px; } .catalog-message { transform: translateX(0); left: 0; font-size: 18px; grid-column: span 2; text-align: right; } .catalog-message::after { left: 60px; } .catalog-message::before { left: 20px; } .catalog-main-item__price { flex-direction: column; gap: 8px; padding-top: 10px; } .collaboration-page-bottom .picture-block { width: 423px; height: 258px; } .collaboration-page-bottom .collaboration-page-bottom__content { width: 280px; } .collaboration-page-head .collaboration-page-head__content { width: 360px; margin-top: 97px; } } @media (max-width: 767px) { .container { padding: 0 16px; } .logo { width: 100px; height: 40px; } .menu { right: auto; left: 0; font-size: 14px; line-height: 16px; } h1, .caption--h1 { font-size: 30px; line-height: 34px; } .catalog-section__links { width: 100%; display: flex; overflow: auto; align-items: flex-start; } .catalog-section__links li + li { border-top: 0; } .catalog-section__links li:last-child { border-bottom: 0; border-radius: 0; } .catalog-section__links a { padding: 8px 16px; border-right: solid 1px rgba(53, 41, 30, 0.3); white-space: nowrap; } .catalog-section__links a.active { border-right-color: transparent; } .catalog-section__content .catalog-main-item:nth-child(2) { margin-top: 0; } .catalog-section__catalog { width: 100%; min-height: initial; transition: height 0.3s; } .catalog-section__body { flex-wrap: wrap; width: 100%; } .catalog-section__content { width: 100%; flex-wrap: wrap; } .catalog-section__content.active .catalog-main-item:nth-child(1) { transform: translateY(0) translateX(0); } .catalog-section__content.active .catalog-main-item:nth-child(2) { transform: translateY(0) translateX(0); } .catalog-section__content .catalog-main-item { width: 100%; transform: translateY(0) translateX(-50px); } .catalog-section__content .catalog-main-item:nth-child(2) { transform: translateY(0) translateX(50px); } .catalog-section__content .catalog-main-item + .catalog-main-item { margin-top: 16px; } .catalog-main-item__size { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .catalog-main-item__price { margin-top: 4px; flex-direction: row; padding-top: 0; } .catalog-section__body { margin-top: 16px; } .catalog-section { overflow: hidden; } .catalog-main-item .picture { height: auto; padding-top: 71.6145833333%; } .slider-collection { margin-top: 16px; } .slider-collection .swiper-slide .collection-slide { padding-top: 85.7142857143%; transform: translateY(calc(100% - 74px)); } .slider-collection .swiper-slide .collection-slide .picture { position: absolute; top: 0; left: 0; } .slider-collection .swiper-slide .collection-slide { transform: translateY(calc(50% - 43px)); } .slider-collection .swiper-slide.swiper-slide-active .collection-slide { padding-top: 123.1746031746%; height: auto; } .slider-collection .swiper-wrapper { min-height: initial; } .main-article__body { display: flex; flex-direction: column; margin-top: 20px; gap: 16px; } .main-article__picture { padding-top: 101.3888888889%; } .main-article__content { gap: 20px; } .main-article__content .picture { width: 100%; height: auto; margin-top: auto; padding-top: 50.5555555556%; } .main-design__slider { overflow: visible; } .main-design__name { white-space: inherit; } .slider-design { width: 265px; margin: 25px 0 0 0; } .stock-section .arrows-controls { display: flex; } .stock-list { display: flex; gap: 0; overflow: visible; height: auto !important; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); } .stock-list > div, .stock-list .stock-item { transform: translateY(0) !important; opacity: 1 !important; pointer-events: initial !important; } .stock-item { flex-direction: column; gap: 8px; } .stock-item .caption { min-height: initial; } .stock-item .circle-link { margin-top: 8px; } .stock-item__media { width: 100%; } .stock-item__media .picture { padding-top: 76.0456273764%; display: block; } .stock-item__content { width: 100%; } .stock-item .stock-item__text { -webkit-line-clamp: 5; margin-top: 12px; } .main-design-section { overflow: hidden; } .stock-slider { margin: 14px 0 0; width: calc(75% - 5.8px); overflow: visible; } .stock-section { overflow: hidden; } .slider-default--spaces { margin-top: 16px; width: calc(75% - 5.8px); } .slider-picture .slider-picture__controls { top: 50%; transform: translateY(-50%); padding: 0; } .slider-picture .swiper-pagination { opacity: 1; gap: 8px; padding: 0 8px; } .special-project { flex-wrap: wrap; padding-bottom: 142px; position: relative; } .special-project .btn { position: absolute; bottom: 0; right: auto; margin: 0; transform: translateX(-50%); left: 50%; } .special-project .slider-default { width: 100%; margin-top: 16px; } .special-project__head { width: 100%; } .config-section__row { flex-wrap: wrap; } .config-section__left { display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 16px; width: 100%; max-width: 100%; } .config-section__right { width: 100%; margin-top: 20px; } .subscribe-section { padding: 20px 0; } .social-list { gap: 10px; } .footer-top__text { width: 100%; text-align: center; gap: 4px; display: flex; flex-direction: column; } .footer-top__inner { flex-direction: column; justify-content: center; align-items: center; } .footer-center__inner { flex-direction: column; } .footer-center__inner .logo { margin: 0 auto; flex: auto; min-width: initial; transform: translateX(0px); order: -1; width: 50%; } .footer-center__inner .logo:hover { opacity: 1; } .footer-menu { gap: 156px; flex-direction: column; } .footer-top__form { width: 100%; margin-top: 8px; } .footer-top__form { gap: 8px; } .footer-menu__title { position: relative; } .footer-menu__title::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: -18px; top: 50%; width: 10px; height: 10px; margin-top: -3px; background-position: center; background-repeat: no-repeat; background-size: 9px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.750776 1.07309C0.963787 0.860075 1.30915 0.860075 1.52217 1.07309L5.50011 5.05101L9.47807 1.07309C9.69109 0.860075 10.0364 0.860076 10.2494 1.07309C10.4624 1.28611 10.4624 1.63142 10.2494 1.84444L5.88578 6.2081C5.67276 6.42111 5.32745 6.42111 5.11443 6.2081L0.750776 1.84444C0.537765 1.63142 0.537765 1.28611 0.750776 1.07309Z' fill='white'/%3e%3c/svg%3e "); } .footer-menu__col ul { display: none; } .footer-menu { gap: 0; padding: 0; margin-top: 16px; width: 100%; } .footer-menu__col { justify-content: center; align-items: center; } .footer-menu__col:nth-child(2) ul { display: none; } .footer-center__inner .btn { min-width: initial; margin: 0 auto; margin-top: 16px; } .footer-bottom__inner { flex-direction: column; justify-content: center; text-align: center; gap: 8px; } .breadcrumbs { padding: 16px 0; } .catalog-title .title-page { padding-top: 16px; } .catalog-menu { margin-top: 16px; width: calc(100% + 60px); max-width: initial; padding: 0 15px; left: -30px; position: relative; } .catalog-menu a { padding: 8px 16px; } .menu-links { margin-top: 16px; width: 100%; } .menu-links a { padding: 8px 16px; } .product-characteristic__left { width: 100%; max-width: 100%; padding-top: 78.5714285714%; } .product-characteristic__right { width: 100%; max-width: 100%; margin-top: 12px; } .product-characteristic__info { gap: 4px; } .product-info__list .btn { position: relative; margin-top: 16px; margin-left: auto; } .product-info__row:nth-child(2n) .product-info__list .btn { margin-right: auto; margin-left: 0; float: none; } .product-info__row + .product-info__row { margin-top: 34px; } .product-info__delivery { columns: initial; } .product-info__delivery p + p { margin-top: 16px; } .product-info__documents .link-default { width: 100%; } .product-more { margin-top: 24px; } .product-action__statuses { margin-top: 50px; } .product-action__content .caption { width: 100%; max-width: 100%; } .product-action__content { width: 100%; max-width: 100%; transform: translateX(0); padding: 0; min-height: initial; gap: 12px; } .product-action .picture.small { left: 0; position: relative; width: 100%; height: auto; order: 5; margin-top: 20px; } .product-action .picture.small picture { padding-top: 64.1873278237%; } .product-action__content .price-block { order: 1; } .product-action__content .btn-add-favorite { bottom: auto; right: 0; order: 2; position: relative; margin-left: auto; margin-top: -110px; margin-bottom: -30px; } .product-action__picture { left: 0; top: 0; position: relative; width: 100%; height: auto; min-height: initial; height: auto; margin-bottom: 16px; } .product-action__controls { width: 100%; position: relative; left: 0; margin-top: -105px; margin-bottom: -5px; } .price-block { max-width: 70%; } .main-designer__row { margin-top: 20px; } .main-designer__row .picture { width: 100%; min-height: initial; padding-top: 90.7894736842%; } .main-designer__content { max-width: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 16px; } .main-designer__name { font-size: 50px; line-height: 50px; max-width: 182px; } .slider-advantages { margin-top: 16px; width: calc(75% - 5.8px); } .advantages { display: flex; gap: initial; } .advantages-item { gap: 8px; } .advantages-item .picture { height: auto; padding-top: 78.3870967742%; } .advantages .advantages-item:nth-child(3) .picture { position: relative; top: auto; } .product-images .section__head { display: none; } .slider-product-images { width: calc(75% - 5.8px); margin: auto; } .slider-product-images .swiper-wrapper { align-items: center; height: auto !important; } .slider-product-images .swiper-slide { height: auto; padding-top: 73.7642585551%; transition: padding 0.3s; } .slider-product-images .swiper-slide-active { padding-top: 110.2661596958%; } .slider-product-images .swiper-slide-active .picture { width: 100%; height: 100%; } .slider-product-images .swiper-slide-active .picture img { object-fit: cover; } .slider-product-images .picture { right: 0; top: 0; position: absolute; width: 100%; height: 100%; padding: 0; } .slider-product-images .picture img { object-fit: contain; } .slider-product-images .swiper-slide-next + .swiper-slide .picture { transform: translateX(0); } .slider-product-wrapper { left: -20px; width: calc(100% + 40px); } .product-list { grid-template-columns: 1fr; } .product-list .catalog-main-item .picture { height: auto; padding-top: 56.25%; } .product-section__controls { position: relative; margin-top: 16px; } .advantages-section .arrows-controls { display: flex; } .blog-list { grid-template-columns: 1fr; } .blog-list .blog-item:first-child { grid-column: initial; grid-row: initial; } .blog-list .blog-item:first-child .picture { padding-top: 54.1899441341%; } .blog-item .picture { padding-top: 54.1899441341%; } .blog-item__content { max-width: calc(70% - 22px); padding-right: 10px; } .blog-item { justify-content: flex-start; } .blog-item .circle-link { margin-left: 0; } .pagination { justify-content: flex-start; min-height: 110px; margin-top: 16px; } .products-slider { overflow: visible; } .product-section .arrows-controls { display: flex; } .product-list.swiper-wrapper { display: flex; gap: 0; } .blog-row { grid-template-columns: 1fr; gap: 16px; } .blog-row .picture { height: auto; min-height: initial; padding-top: 53.9106145251%; } .blog-line .text-block { width: 100%; } .blog-row > * { width: 100%; } ol li + li { margin-top: 16px; } .blog .product-section .btn { display: flex; margin-left: auto; margin-top: 16px; } .blog-media__slider .blog-media__item { width: 100%; height: auto; } .blog-media__slider .blog-media__item .picture { height: auto; min-height: initial; padding-top: 65.9090909091%; } .blog-media__slider .blog-media { display: flex; gap: 0; flex-wrap: nowrap; } .blog-media__slider .blog-media::after, .blog-media__slider .blog-media::before { display: none; } .saloins-list { display: grid; grid-template-columns: 1fr; gap: 16px; } .saloins-item__body { padding: 8px 20px; } .catalog-products__list { grid-template-columns: 1fr; padding-left: 0; gap: 16px; } .filter-catalog { position: relative; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 100%; padding-bottom: 16px; } .filter-catalog.sticky { position: relative; left: 0; top: 0; } .filter-row-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; } .filter-content { position: fixed; top: 0; right: -100%; transition: right 0.3s; width: 290px; z-index: 11; background-color: rgb(255, 255, 255); padding: 20px 16px; max-height: 100vh; overflow: auto; } .filter-content.opened { right: 0; } .btn-filter { display: flex; margin-left: auto; } .filter-settings li:last-child { margin-bottom: 20px; } .filter-row + .filter-row { margin-top: 18px; } .filter-row__body { padding: 9px 16px 0; } .stock-page .stock-list { display: grid; grid-template-columns: 1fr; gap: 24px; } .stock-page .stock-item .picture { padding-top: 67.5977653631%; } .modal-stock { padding: 43px 10px; gap: 16px; } .modal-stock .caption { padding: 8px 0; } .modal__close { right: 20px; top: 17px; } #modal-stock .modal__container { padding: 0 10px; } .projects-list .projects-item.full, .projects-list .projects-item { width: 100%; } .projects-list .projects-item.full .picture, .projects-list .projects-item .picture { height: auto; padding-top: 67.8770949721%; } .designers-list { gap: 16px; padding-bottom: 0; grid-template-columns: 1fr; } .designers-list::before, .designers-list::after { display: none; } .designers-item:nth-child(3n-1) .designers-item__inner { transform: translateY(0%); } .designers-item .picture { height: auto; padding-top: 73.7430167598%; } .designer-page .products-slider .swiper-slide:last-child { opacity: 1; pointer-events: initial; } .designer-page .blog-row { grid-template-columns: 1fr; } .designer-page .blog-col .picture { height: auto; min-height: initial; padding-top: 90.7859078591%; } .designer-page__text { padding: 16px 0; } .designer-page__head { padding-top: 0; } .designer-page__head .blog-row .blog-col:nth-child(2) { order: -1; } .designer-page__head .blog-col .caption--h1 { max-width: 70%; } .designer-page__head { margin-top: 16px; } .designer-page__head .blog-row::before { top: -26px; } .designer-page .blog-media__slider .blog-media { flex-direction: row; } .materials-row { flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 0; } .material-list { left: -15px; width: calc(100% + 30px); padding: 0 15px; margin-top: 16px; } .materials-col { width: 100%; } .materials-col.close { display: none; } .material-list .swiper-wrapper { display: flex; gap: 0; } .delivery-row { padding: 16px 0; gap: 16px 0; } .delivery-col { width: 100%; } .delivery-line:last-child .delivery-col { width: 50%; } .delivery-line:last-child .delivery-col .btn { margin-left: auto; } .parents-list { grid-template-columns: 1fr; } .parents-item__media .picture { padding-top: 40.5027932961%; } .parents-item__text p { display: block; -webkit-line-clamp: initial; } .modal-partners .partners-logo { left: 30px; width: 140px; height: 30px; top: 25px; } #modal-partners .modal__inner::before { height: 84px; } #modal-partners .modal__close { top: 33px; } .modal-partners { padding: 100px 20px 20px; } .model-item__col { flex-direction: column; align-items: flex-start; gap: 8px; padding: 8px 0; } .model-item__col .link-download { margin-left: 0; } .model-item__row { margin-top: 16px; } .model-item + .model-item { margin-top: 16px; } .not-page svg { width: 50%; } .favorites-section .catalog-products__list { grid-template-columns: 1fr; } .form-manager__form .input-list { width: 60%; flex-direction: column; display: flex; } .form-manager__form .input-list input { font-size: 14px; line-height: 16px; } .form-manager__form .desc { font-size: 10px; line-height: 12px; margin-top: 16px; } .form-manager__form { align-items: flex-end; margin-top: 20px; } .btn-add-favorite { right: 16px; bottom: 16px; } .about-head { flex-direction: column; } .about-head .picture { position: relative; width: 100%; height: auto; min-height: initial; padding-top: 94.9720670391%; max-width: initial; max-height: initial; margin-top: 16px; } .about-head__col { min-height: initial; } .about-head__col p { width: 100%; max-width: 100%; } .quote { width: 100%; max-width: 100%; padding: 21px 33px; margin-top: 16px; } .quote::before { left: 20px; } .quote::after { right: 20px; } .about-page .advantages { padding-bottom: 0; } .about-item:nth-child(2n) .picture { order: 1; } .about-item:nth-child(2n) .picture:last-child { order: 0; } .about-item .caption { max-width: 100%; width: 100%; text-align: left; } .about-item p { max-width: 100%; width: 100%; } .about-item .picture { width: 60%; height: auto; margin: 0; padding-top: 73.1843575419%; } .about-item .picture:last-child { width: 100%; height: auto; padding-top: 63.687150838%; } .about-item__inner { gap: 16px; } .about-item:nth-child(2n) .about-item__inner .caption { text-align: left; } .about-files__inner { display: flex; flex-direction: column; gap: 20px; } .about-files__list { order: 3; gap: 20px 6px; } .about-files__item .picture { height: 136px; } .about-files__info { gap: 3px; } .search-block { padding: 0; } .search-block input { height: 45px; } .footer-menu__col ul { text-align: center; } .breadcrumbs { display: none; } .breadcrumbs-mobile { display: flex; padding: 16px 0; } .picture-designer::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 50%; bottom: -20px; left: 75%; } .menu-links--small { width: auto; } .product-info .picture { width: 100%; left: auto; right: auto; } .product-info .picture img { width: 100%; } .success-age { padding: 30px 15px; } .success-age svg { width: 60px; } .btn-top-page { width: 50px; height: 50px; background-size: 15px; right: 20px; } .catalog-section__body { min-height: initial; } #modal-success .form-manager { padding: 20px 0; } .config-section__left .btn { min-width: 110px; } .catalog__links a { font-size: 40px; line-height: 44px; padding: 16px 0; } .catalog__links a::before { width: 44px; height: 44px; background-size: 10px; } .catalog-main-item__body { font-size: 14px; line-height: 16px; } .catalog-main-item__size { font-size: 14px; line-height: 16px; } .catalog-main-item__name { font-size: 16px; line-height: 20px; } .favorites-section .catalog-main-item .picture { padding-top: 56.9832402235%; } .catalog-products__list { width: 100%; } .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 400px; } .filter-catalog .filter-catalog-inner { left: 0; width: 100%; height: auto; position: relative; top: 0; margin: 0; padding: 0; } .social-white { position: relative; bottom: auto; left: 0; margin: 0 auto; order: 5; margin-top: 16px; } .blog-item-text { gap: 16px; } .projects-list .slider-default__text p { -webkit-line-clamp: 5; } .product-info__delivery div { width: 100%; } .filter-catalog.advanced .filter-catalog-inner { top: 0; } .icon-marker__text { font-size: 14px; line-height: 20px; padding: 6px 10px; } .icon-marker { width: 125px; } .stock-list .catalog-main-item:nth-child(2) { margin-top: 0; } .stock-list .catalog-main-item__body { gap: 0; align-items: flex-start; flex-wrap: wrap; } .stock-list .catalog-main-item__name { font-size: 12px; line-height: 16px; width: auto; min-height: initial; } .stock-list .catalog-main-item__price { font-size: 12px; line-height: 16px; width: auto; text-align: left; justify-content: flex-start; } .nalihie-block .btn { width: 100%; } .nalihie-block__controls { width: 100%; } .search-block__item { font-size: 14px; line-height: 16px; } .pdfContainer { height: 400px !important; } .pdf-btn-prev { left: 0; height: 47px; top: auto; bottom: -50px; } .pdf-btn-next { right: 0; height: 47px; top: auto; bottom: -50px; } .pdf-btn-first { left: 0; top: -40px; } .pdf-btn-last { right: 0; top: -40px; } .pdf-page.openedTabs .container { width: 100%; max-width: 100%; } .pdf-page__inputs { width: 70px; font-size: 14px; line-height: 16px; } .pdf-page__button { width: 34px; height: 30px; padding: 8px 6px; } .pdf-page { flex-wrap: wrap; } .pdf-tabs { width: 100%; margin: 0 auto; max-width: 94%; } .pdf-block__body.small { width: 100%; } .pdf-block__body:not(.small) .pdf-slider .swiper-slide { padding-top: 0; } .pdf-block__body:not(.small) .pdf-slider .swiper-slide > div { display: flex; flex-direction: column; } .pdf-block__body:not(.small) .pdf-slider .swiper-slide .picture { width: 100% !important; height: auto; position: relative; padding-top: 56.25%; } .phone-fixed--whatsapp { width: 50px; height: 50px; background-size: 20px; right: 20px; bottom: 80px; } .phone-fixed { width: 50px; height: 50px; background-size: 20px; right: 20px; bottom: 20px; } .product-more .form-manager__form { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 24px; } .product-more .form-manager__form .input-list { display: flex; flex-direction: column; } .product-more .form-manager__form .input-item input { font-size: 17px; line-height: 22px; } .product-more .form-manager__form .btn { padding-left: 26px; padding-right: 26px; } #modal-how-order .modal__container { max-width: 90%; } .footer-top__inner input { width: calc(100% - 52px); } .footer-top .desc { max-width: 100%; } .header-line { font-size: 7px; line-height: 9px; padding: 0px 10px; } .header-line__close { right: 0; top: 5px; transform: initial; } .product-action .btn-favorite { top: 15px; right: 10px; width: 20px; height: 20px; } .product-action .sale { padding: 7.4px 10px; } .basket .basket-item { flex-direction: column; } .basket .basket-item .basket-delete { top: -30px; } .basket .basket-col:nth-child(2) { margin: 0; min-width: initial; } .basket .basket-col:nth-child(3) { margin: 0; display: flex; text-align: left; } .basket .basket-col:nth-child(3) .price { text-align: right; margin-top: -35px; } .basket .basket-col:nth-child(3) .price + .price { margin-top: 0; } .basket .basket-change { top: 0; bottom: auto; } .basket .basket-item .picture-block { width: 100%; height: auto; padding-top: 53.0303030303%; } .basket .basket-item + .basket-item { margin-top: 42px; } .basket-bottom { flex-direction: column; display: flex; margin-top: 16px; } .basket-payments__title { font-size: 16px; line-height: 20px; margin-bottom: 8px; } .check-block label { padding-left: 30px; } .basket-result { order: -1; } .basket-controls { margin-top: 16px; } .basket-empty .picture-block { width: 277px; height: 266px; } .basket-empty .btn { padding: 24px 0; } #modal-success2 .modal__inner::before { height: 45px; } #modal-success2 .modal-stock { padding: 50px 10px 15px; } .basket-payments--user { margin-top: 40px; } .basket-payments--user .basket-payments__title { font-size: 22px; line-height: 28px; margin-bottom: 16px; } .basket-payments--user .input-item input { font-size: 14px; line-height: 16px; } .basket-bottom .basket-payments__title, .basket-bottom .check-block { max-width: 100%; } .basket-text { margin-top: 24px; font-size: 10px; line-height: 12px; } .marquee-section__block { font-size: 14px; padding: 10px 0; } .salon-detail__media-banner .caption { font-size: 50px; line-height: 46px; top: 40px !important; max-width: 100%; text-align: center !important; padding: 0 20px; } .salon-detail__text-inner { border-top: none; padding-top: 0 !important; } .salon-detail__contact-wrap { flex-direction: column; } .salon-detail__contact-map, .salon-detail__contact-text { width: 100%; } .salon-detail__contact-text .saloins-item__body { padding-top: 24px; padding-left: 0; padding-right: 0; } .salon-detail__contact .map { height: 300px !important; } .loyalty { margin-top: 0; } .loyalty input { font-size: 14px; line-height: 16px; } .loyalty__wrap { flex-direction: column; } .loyalty__wrap-col { width: 100%; } .loyalty__wrap-col .input-item { margin-bottom: 8px; } .loyalty__wrap-col .input-item input, .loyalty__wrap-col .input-item textarea { padding-bottom: 5px; } .loyalty__wrap-col .loyalty__form-title { margin-top: 27px; } .loyalty__wrap-col--revert { order: 1; } .loyalty__wrap-col .check-block-other { flex-direction: column; } .input-item-other input { width: 100%; font-size: 14px; line-height: 16px; } .club-grettings { min-height: initial; max-height: initial; height: 500px; padding: 0 40px; gap: 30px; padding-bottom: 120px; } .club-go { padding: 32px 0; } .club-go .club-go__inner { gap: 24px; flex-direction: column; } .club-go .club-go__media { height: auto; padding-top: 44.6927374302%; } .club-go .club-go__text { max-width: 100%; gap: 24px; } .club-go .btn { width: 100%; max-width: 100%; } .club-grettings { max-height: 700px; } .club-go { padding: 40px 0; } .club-go .club-go__inner { gap: 16px; } .club-go .club-go__media { height: 180px; } .club-go .club-go__text { max-width: 100%; font-size: 16px; line-height: 20px; gap: 24px; } .club-go .btn { padding: 8px 16px; } .club-privileges .club-privileges__list { gap: 40px; } .club-privileges .club-privileges__item { flex-direction: column !important; height: auto; } .club-privileges .club-privileges__item:nth-child(2) { flex-direction: column-reverse !important; } .club-privileges .club-privileges__item:nth-child(2) .club-privileges__content { padding: 24px; } .club-privileges .club-privileges__item:nth-child(2) .club-privileges__media { align-items: flex-start; } .club-privileges .club-privileges__item:nth-child(2) .picture-block { width: 30%; height: auto; } .club-privileges .club-privileges__item:nth-child(2) .picture-block:first-child { width: 70%; height: auto; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__content { padding: 24px; } .club-privileges .club-privileges__item:nth-child(3) .club-privileges__media { width: 100%; height: auto; } .club-privileges .club-privileges__item:nth-child(4) { flex-direction: column-reverse !important; } .club-privileges .club-privileges__content { width: 100%; max-width: 100%; padding: 24px; } .club-privileges .club-privileges__content .caption { padding-top: 0; max-width: 100%; width: 100%; } .club-privileges p { max-width: 100%; } .club-privileges .club-privileges__media { width: 100%; gap: 14px; height: auto; } .club-privileges .picture-block { height: auto; padding-top: 65.5172413793%; } .club-privileges .club-privileges__text { gap: 16px; flex-direction: column; } .club-privileges .club-privileges__text .btn { width: 100%; } .product-action__buttons { margin-top: 20px; } .product-info__list .btn { right: 0; bottom: 15px; float: right; } .cart-form { padding: 32px 16px; } .cart-form__row { display: block; } .cart-form__input-list { width: 100%; } .cart-form__button { width: 100%; margin-top: 16px; } .cart-form__input-item { width: 100%; } .cart-form__input-list { gap: 16px; } .cart-form__header { padding-bottom: 24px; } .saloins-item__body .btn--bg { display: none; } .product-images { overflow: visible !important; } .btn.product-images__link-cart { top: -115px; right: 5px; } .club-privileges__content-item { width: 100%; } .club-privileges__content-row { flex-direction: column; gap: 24px; } .product-action__stock-row.mobile { display: flex !important; margin-top: 16px; } .product-action__stock-row.desctop { display: none !important; } .loyalty__wrap-col .input-item textarea { font-size: 14px; line-height: 16px; } .catalog-message { width: 455px; font-size: 18px; grid-column: initial; margin-left: auto; } .catalog-message::after { left: -10px; } .catalog-message::before { left: -50px; } .collaboration-page-head { flex-direction: column; } .collaboration-page-head .caption { margin-bottom: 0; } .collaboration-page-head .picture-block { width: 100%; height: auto; padding-top: 75.0700280112%; margin-top: 26px; } .collaboration-page-head .collaboration-page-head__content { width: 100%; margin: 0; padding: 16px; } .collaboration-page-head .collaboration-page-head__content p + p { max-width: 90%; margin-top: 16px; } .collaboration-page-head .collaboration-page-head__content::before { left: 0; width: 100%; } .collaboration-page-center .collaboration-page-center__left { width: 100%; } .collaboration-page-center { flex-direction: column; gap: 16px; padding: 16px 0; } .collaboration-page-center .collaboration-page-center__left p { margin-top: 24px; } .collaboration-page-center .collaboration-page-center__col:first-child .picture-block { width: 100%; height: auto; padding-top: 142.5287356322%; } .collaboration-page-center .collaboration-page-center__col:last-child .picture-block { width: 100%; height: auto; padding-top: 150%; } .collaboration-page-center .collaboration-page-center__right { gap: 15px; } .collaboration-page-center .collaboration-page-center__col { width: 50%; } .collaboration-page-center .collaboration-page-center__col p { margin-top: 50px; } .collaboration-page-bottom { flex-direction: column; } .collaboration-page-bottom .picture-block { width: 100%; height: auto; padding-top: 65.0837988827%; } .collaboration-page-bottom .collaboration-page-bottom__content { width: 100%; margin-top: 16px; max-width: 100%; } .collaboration-page-bottom__text { margin-top: 30px; } .collaboration-page-bottom__text .collaboration-page-bottom__title { font-size: 18px; line-height: 20px; } .modal .check-list { margin-top: 20px; } .modal .desc .check-list { margin-top: 0; } .notification-cookie { width: calc(100% - 40px); font-size: 12px; line-height: 16px; gap: 10px; padding: 15px; } .notification-cookie .notification-cookie__link { font-size: 12px; } .notification-cookie .notification-cookie__text { width: calc(100% - 85px); } .notification-cookie .notification-cookie__btn { width: 70px; height: 70px; font-size: 10px; min-width: 70px; } .footer-menu__col:nth-child(3) { max-width: 100%; } .advantages-item__link { font-size: 22px; line-height: 28px; font-weight: 400; } .advantages { min-height: initial; } .politic-text { font-size: 14px; line-height: 20px; } .politic-text h1 { font-size: 24px; line-height: 30px; } .politic-text h2 { font-size: 20px; line-height: 24px; } #modal-visit .modal__container, #modal-call, #modal-cooperation .modal__container { max-width: 95%; } #modal-visit .modal__close, #modal-call .modal__close, #modal-cooperation .modal__close { right: 20px; top: 27px; } } @media (max-width: 639px) { .catalog-list { grid-template-columns: 1fr; margin-top: 16px; gap: 16px; } .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 300px; } .blog-line:not(.designer-page__head) h1, .blog-line:not(.designer-page__head) .caption--h1 { font-size: 32px; line-height: 39px; } .title-page .btn-search-model { position: relative; top: auto; left: 0; right: auto; width: auto; margin: 0; justify-content: flex-start; margin-top: 10px; } .product-media .caption { padding: 0; } .marquee-section .items { min-width: initial; gap: 40px; } .catalog-message::before { height: 54px; left: -50px; top: 20px; } .catalog-message { width: 345px; text-align: left; line-height: 24px; } } @media (max-width: 479px) { .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 320px; } .black-friday__inner { padding-top: 40%; } .catalog-message { width: 316px; padding-right: 0; } .collaboration-page-center .collaboration-page-center__col p { max-width: 153px; } } @media (max-width: 419px) { .catalog__links a { font-size: 24px; line-height: 30px; padding: 12px 0; } .catalog__links a::before { width: 40px; height: 40px; background-size: 8px; } .product-action__buttons { flex-direction: column; } } @media (max-width: 389px) { .product-list .catalog-main-item__size, .product-list .catalog-main-item__brand, .product-list .catalog-main-item__name { max-width: 250px; } .slider-design .swiper-slide.swiper-slide-active .main-design { width: 205px; } .slider-design .swiper-slide.swiper-slide-next + .swiper-slide .main-design { margin-left: -80px; } .slider-design { width: 205px; margin: 25px 0 0 0; } .subscribe-section__content { flex-wrap: wrap; flex-direction: column; gap: 16px; } .main-designer__name { font-size: 40px; line-height: 42px; max-width: 152px; } .catalog-main-item__price { gap: 8px; font-size: 14px; margin-top: 7px; } .form-manager__form .input-list { width: 55%; } .product-action__statuses { flex-direction: column-reverse; align-items: flex-start; } .club-grettings { padding: 0 20px; padding-bottom: 100px; } .catalog-message { width: 247px; } .catalog-main-item__size { white-space: normal; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/LinaMebel/components/bitrix/search.title/.default/style.css?17255317432108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/LinaMebel/components/bitrix/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* /local/markup/fonts/stylesheet.css?17549180296510 */ /* /local/markup/libs/swiper/swiper-bundle.min.css?171707123117919 */ /* /local/markup/libs/selectric/selectric.css?17170712314543 */ /* /local/markup/libs/micromodal/micromodal.css?17170712313227 */ /* /local/markup/libs/fancybox/fancybox.css?171707123115598 */ /* /local/markup/libs/aos/aos.css?171707123128765 */ /* /local/markup/libs/range/ion.rangeSlider.min.css?174135536111084 */ /* /local/markup/css/style.css?1759306312281221 */ /* /local/templates/LinaMebel/components/bitrix/search.title/.default/style.css?17255317432108 */ .header-top { background-color: #1f2756; }