/* Start:/local/templates/pgmnt/css/swiper-bundle.min.css?174127174715181*/ /** * Swiper 7.0.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 26, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: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 4px}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/pgmnt/assets/sass/style.css?1761225267415671*/ @font-face { font-family: "Montserrat"; font-style: normal; font-display: fallback; font-weight: 300; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Light.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Light.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: fallback; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Regular.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: italic; font-display: fallback; font-weight: 400; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Italic.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Italic.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-display: fallback; font-weight: 500; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-Medium.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-display: fallback; font-weight: 600; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-SemiBold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-display: fallback; font-weight: 800; src: url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("/local/templates/pgmnt/assets/sass/../fonts/Montserrat-ExtraBold.woff") format("woff"); } @font-face { font-family: "Cormorant Unicase"; font-style: normal; font-display: fallback; font-weight: 400; src: url("/local/templates/pgmnt/assets/sass/../fonts/CormorantUnicase-Regular.woff") format("woff"); } @font-face { font-family: "Cormorant Unicase"; font-style: normal; font-display: fallback; font-weight: 500; src: url("/local/templates/pgmnt/assets/sass/../fonts/CormorantUnicase-Medium.woff") format("woff"); } @font-face { font-family: "Cormorant Unicase"; font-style: normal; font-display: fallback; font-weight: 600; src: url("/local/templates/pgmnt/assets/sass/../fonts/CormorantUnicase-SemiBold.woff") format("woff"); } @font-face { font-family: "Cormorant Unicase"; font-style: normal; font-display: fallback; font-weight: 700; src: url("/local/templates/pgmnt/assets/sass/../fonts/CormorantUnicase-Bold.woff") format("woff"); } @font-face { font-family: "Cormorant"; font-style: normal; font-display: fallback; font-weight: 400; src: url("/local/templates/pgmnt/assets/sass/../fonts/Cormorant-Regular.woff") format("woff"); } @font-face { font-family: "Cormorant"; font-style: normal; font-display: fallback; font-weight: 600; src: url("/local/templates/pgmnt/assets/sass/../fonts/Cormorant-SemiBold.woff") format("woff"); } @font-face { font-family: "Roboto"; font-style: normal; font-display: fallback; font-weight: 400; src: url("/local/templates/pgmnt/assets/sass/../fonts/Roboto-Regular.woff") format("woff"); } @keyframes swiper { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(20px, 0); } } html { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Montserrat", sans-serif !important; font-size: 16px; line-height: 28px; font-weight: 400; } @media (max-width: 768px) { body { font-size: 14px; line-height: 23px; } } @media (max-width: 450px) { body { font-size: 13px; line-height: 22px; } } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { color: #8d556f; text-decoration: none; } a:hover, a:focus { color: #5f4e64; } img { max-width: 100%; height: auto; max-height: 100%; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } a, button, label { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } a:focus, button:focus { outline: none; opacity: 1 !important; } h1 { font-size: 52px; line-height: 1.2; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 2px; color: #5f4e64; } @media (max-width: 1024px) { h1 { font-size: 36px; letter-spacing: 1.4px; } } @media (max-width: 768px) { h1 { font-size: 28px; letter-spacing: 1.2px; } } @media (max-width: 450px) { h1 { font-size: 24px; letter-spacing: 0.75px; } } @media (max-width: 350px) { h1 { font-size: 20px; letter-spacing: normal; } } h2 { font-size: 38px; line-height: 1.2; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.4px; color: #5f4e64; } @media (max-width: 1024px) { h2 { font-size: 30px; letter-spacing: 1.2px; } } @media (max-width: 768px) { h2 { font-size: 26px; letter-spacing: normal; } } @media (max-width: 450px) { h2 { font-size: 22px; } } @media (max-width: 350px) { h2 { font-size: 18px; } } h3 { font-size: 32px; line-height: 1.2; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; color: #5f4e64; } @media (max-width: 1024px) { h3 { font-size: 28px; line-height: 36px; letter-spacing: normal; } } @media (max-width: 768px) { h3 { font-size: 24px; } } @media (max-width: 450px) { h3 { font-size: 20px; } } @media (max-width: 350px) { h3 { font-size: 16px; } } h4 { font-size: 30px; line-height: 1.2; font-weight: 600; font-family: "Cormorant Unicase", serif; color: #5f4e64; } @media (max-width: 1024px) { h4 { font-size: 26px; } } @media (max-width: 768px) { h4 { font-size: 22px; } } @media (max-width: 450px) { h4 { font-size: 18px; } } @media (max-width: 350px) { h4 { font-size: 14px; } } .accordion { margin: 0; padding: 0; list-style: none; width: 700px; } @media (max-width: 768px) { .accordion { width: 100%; } } .accordion__tab { position: relative; border-bottom: 1px solid #eeeeee; } .accordion__checkbox-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 400; font-family: "Cormorant", serif; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; display: block; position: relative; padding: 25px 31px 25px 0; color: #5f4e64; cursor: pointer; } @media (max-width: 1024px) { .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 23px; font-weight: 400; font-family: "Cormorant", serif; padding: 18px 55px 18px 0; } } @media (max-width: 650px) { .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; font-weight: 400; font-family: "Cormorant", serif; padding: 12px 55px 12px 0; } } @media (max-width: 350px) { .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 14px; font-weight: 400; font-family: "Cormorant", serif; padding: 10px 55px 10px 0; } } .accordion__checkbox:checked ~ .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; color: #8d556f; } @media (max-width: 1024px) { .accordion__checkbox:checked ~ .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 23px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 650px) { .accordion__checkbox:checked ~ .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 350px) { .accordion__checkbox:checked ~ .accordion__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 14px; font-weight: 600; font-family: "Cormorant", serif; } } .accordion__checkbox-icon { position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .accordion__checkbox:checked ~ .accordion__checkbox-name .accordion__checkbox-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); stroke: #8d556f; } .info .accordion__info { -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); max-height: 0; color: transparent; overflow: hidden; } .accordion__checkbox:checked ~ .accordion__info { max-height: 100vh; margin-bottom: 15px; color: #2a3a48; } .info .accordion__info p { color: transparent; } .accordion__checkbox:checked ~ .accordion__info p { color: #2a3a48; } .accordion__info-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; } @media (max-width: 650px) { .accordion__info-text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } } @media (max-width: 350px) { .accordion__info-text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } } .accordion__info-list { margin: 0; padding: 0; list-style: none; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; margin-top: 21px; } @media (max-width: 650px) { .accordion__info-list { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 12px; } } @media (max-width: 350px) { .accordion__info-list { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; margin-top: 8px; } } .accordion__info-item { position: relative; margin-bottom: 15px; padding-left: 30px; } @media (max-width: 650px) { .accordion__info-item { padding-left: 14px; } } @media (max-width: 350px) { .accordion__info-item { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; margin-bottom: 7px; padding-left: 11px; } } .accordion__info-item::before { position: absolute; top: 0; left: 15px; content: "◦"; } @media (max-width: 650px) { .accordion__info-item::before { left: 2px; } } @media (max-width: 350px) { .accordion__info-item::before { width: 6px; height: 6px; left: 1px; } } .button { display: inline-block; margin: 0; padding: 0; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; color: #8d556f; padding: 14px 24px; border: 1px solid #8d556f; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.6px; text-align: center; text-transform: uppercase; border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); text-decoration: none; } @media (max-width: 450px) { .button { font-size: 10px; padding: 9px 24px; } } .button:not(:disabled) { cursor: pointer; } .button:hover, .button:focus { color: #ffffff; background-color: #8d556f; } .button.disabled-button:hover, .button.disabled-button:focus { background-color: transparent; color: #8d556f; border: 1px solid #8d556f; } .button.button--click { color: #ffffff; background: #8d556f; border: 1px solid transparent; } .button.button--click:not(.disabled-button):hover, .button.button--click:not(.disabled-button):focus { color: #ffffff; background: rgba(141, 85, 111, 0.8); border: 1px solid rgba(141, 85, 111, 0.8); } .button--buy { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; position: relative; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; padding: 15px 31px 13px 65px; letter-spacing: 0.05em; } @media (max-width: 890px) { .button--buy { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; padding: 11px 14px 8px 19px; } } @media (max-width: 450px) { .button--buy { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 12px; font-weight: 600; padding: 8px 9px; } } @media (max-width: 350px) { .button--buy { font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 10px; font-weight: 400; padding: 7px 12px; } } .button--buy.disabled-button { padding: 15px 31px 13px 31px; } @media (max-width: 890px) { .button--buy.disabled-button { padding: 11px 14px 8px 14px; } } .button--dark { color: #ffffff; background: #8d556f; border: 1px solid transparent; } .button--dark:not(:disabled):hover, .button--dark:not(:disabled):focus { color: #8d556f; background-color: #ffffff; border: 1px solid #8d556f; } .button--dark:disabled { background-color: rgba(141, 85, 111, 0.6); } .button--pale { color: #a4a4a4; border: 1px solid #a4a4a4; } .button--pale:not(.disabled-button):hover, .button--pale:not(.disabled-button):focus { color: #8d556f; background-color: #ffffff; border: 1px solid #8d556f; } .button-image { position: absolute; top: 13px; left: 35px; stroke: #8d556f; } .button--click .button-image--cart { display: none; } .button:not(.disabled-button):hover .button-image--cart, .button:not(.disabled-button):focus .button-image--cart { stroke: #ffffff; } .button.disabled-button .img-not-available, .button.disabled-button .img-not-available { display: none; } @media (max-width: 890px) { .button-image--cart { display: none; } } .button-image--mark { display: none; } .button--click .button-image--mark { display: inline-block; stroke: #ffffff; } @media (max-width: 890px) { .button--click .button-image--mark { display: none; } } .button:not(.disabled-button):hover .button-image--mark, .button:not(.disabled-button):focus .button-image--mark { stroke: #ffffff; } @media (max-width: 1250px) { .card__buy-button .button-image { display: none; } } .button--click .button-text--cart { display: none; } .button-text--mark { display: none; } .button--click .button-text--mark { display: inline-block; } .form-data__block-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1250px) { .form-data__block-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; } } .form-data__block-part { width: 50%; } @media (max-width: 450px) { .form-data__block-part { width: 100%; } } .form-data__item { margin: 0; padding: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 348px; margin-top: 18px; } .form-data__item.error-field label { color: #eb5757; } @media (max-width: 768px) { .form-data__item { width: 304px; } } @media (max-width: 450px) { .form-data__item { width: 100%; margin-top: 8px; } } @media (max-width: 350px) { .form-data__item { margin-top: 15px; } } .form-data__item--required { color: #eb5757; } @media (max-width: 450px) { .form-data__item--desktop { display: none; } } @media (max-width: 768px) { .contact .form-data__item { width: 100%; min-width: 304px; margin-top: 27px; } } @media (max-width: 650px) { .contact .form-data__item { margin-top: 18px; } } @media (max-width: 450px) { .contact .form-data__item { width: 100%; min-width: auto; } } @media (max-width: 350px) { .contact .form-data__item { margin-top: 14px; } } .form-data__item-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #2a3a48; cursor: pointer; } @media (max-width: 768px) { .form-data__item-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .form-data__item-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .form-data__checkbox-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: relative; margin-top: 12px; padding-left: 40px; color: #2a3a48; cursor: pointer; } @media (max-width: 768px) { .form-data__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .form-data__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .form-data__checkbox-name::before { content: ""; position: absolute; width: 24px; height: 24px; top: 0; left: 0; border: 1px solid #eeeeee; border-radius: 2px; cursor: pointer; } .form-data__checkbox-item:checked ~ .form-data__checkbox-name::before { background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 50% 50%; } .form-data__checkbox-name--light { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; color: #a4a4a4; } .price-card .form-data__checkbox-name--light { line-height: 24px; } .form-data__item-input { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 4px; padding: 15px 16px; padding-right: 48px; border-radius: 2px; border: 1px solid #dedede; border-radius: 2px; color: #2a3a48; outline: none; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); resize: none; } @media (max-width: 768px) { .form-data__item-input { padding: 12px 16px; padding-right: 48px; } } @media (max-width: 450px) { .form-data__item-input { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .form-data__item-input { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 10px; padding: 16px; padding-right: 48px; } } .form-data__item-input--valid { border: 1px solid #5db88e; background: url("/local/templates/pgmnt/assets/sass/../images/icon-success.svg") no-repeat calc(100% - 16px) 50%; } .form-data__item-input--invalid { border: 1px solid #eb5757; background: url("/local/templates/pgmnt/assets/sass/../images/icon-error.svg") no-repeat calc(100% - 16px) 50%; } .form-data__item-input:not(:disabled) { cursor: pointer; } .form-data__item-input:not(.form-data__item-input--valid):not(.form-data__item-input--invalid):not(:disabled):hover { border: 1px solid #767676; } .form-data__item-input:not(.form-data__item-input--valid):not(.form-data__item-input--invalid):not(:disabled):focus { border: 1px solid #9d40bd; } .form-data__item-input:disabled { border: 1px solid #dedede; background: #eeeeee url("/local/templates/pgmnt/assets/sass/../images/icon-lock-field.svg") no-repeat calc(100% - 16px) 50%; } .form-data__item-input::-webkit-input-placeholder { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .form-data__item-input:-ms-input-placeholder { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .form-data__item-input::-ms-input-placeholder { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .form-data__item-input::placeholder { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 450px) { .form-data__item-input::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .form-data__item-input:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .form-data__item-input::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .form-data__item-input::placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .form-data__item-input::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } .form-data__item-input:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } .form-data__item-input::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } .form-data__item-input::placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .form-data__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; display: block; margin: 18px 0 28px; color: #8d556f; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .form-data__link:hover, .form-data__link:focus { color: #5f4e64; } .form-data__password-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 8px; width: 36px; height: 36px; } .form-data__password-button:not(:disabled) { cursor: pointer; } .form-data__password-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .form-data__password-icon:hover, .form-data__password-icon:focus { stroke: #2a3a48; } .form-data__password-icon--show { display: none; } .form-data__item-input--show ~ .form-data__password-button .form-data__password-icon--show { display: block; } .form-data__password-icon--hide { display: none; } .form-data__item-input--hide ~ .form-data__password-button .form-data__password-icon--hide { display: block; } .form-data__clear-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 48%; right: 8px; width: 36px; height: 36px; } .form-data__clear-button:not(:disabled) { cursor: pointer; } @media (max-width: 350px) { .form-data__clear-button { top: 42%; } } .form-data__clear-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .form-data__clear-icon:hover, .form-data__clear-icon:focus { stroke: #2a3a48; } .form-data__notice { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #eb5757; } .info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1400px; padding: 0 40px; } @media (max-width: 1024px) { .info { max-width: 1024px; } } @media (max-width: 768px) { .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } } @media (max-width: 450px) { .info { padding: 0 16px; } } .info::before { position: absolute; content: ""; height: 1px; top: 37px; left: 40px; right: 40px; background: #eeeeee; } @media (max-width: 890px) { .info::before { top: 24px; } } @media (max-width: 768px) { .info::before { display: none; } } @media (max-width: 1024px) { .info--horizontal::before { top: 24px; } } @media (max-width: 768px) { .info--horizontal::before { display: block; top: 46px; } } @media (max-width: 650px) { .info--horizontal::before { right: 0; } } @media (max-width: 450px) { .info--horizontal::before { left: 16px; } } @media (max-width: 350px) { .info--horizontal::before { top: 41px; } } .info__checkbox-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 500; font-family: "Cormorant Unicase", serif; position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; padding: 0 39px 14px; color: #2a3a48; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 890px) { .info__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 0 23px 6px; } } @media (max-width: 768px) { .info__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 500; font-family: "Cormorant Unicase", serif; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; padding: 18px 0 10px 8px; border-bottom: 1px solid #eeeeee; } } .info__checkbox:checked + .info__checkbox-name { color: #8d556f; } @media (max-width: 768px) { .card-data__info .info__checkbox:checked + .info__checkbox-name { color: #2a3a48; } } @media (max-width: 768px) { .card-data__info .info__checkbox + .info__checkbox-name.active { color: #8d556f; } } .info__checkbox:nth-of-type(1):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(1), .info__checkbox:nth-of-type(2):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(2), .info__checkbox:nth-of-type(3):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(3), .info__checkbox:nth-of-type(4):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(4) { color: #8d556f; } .info__checkbox:checked + .info__checkbox-name::after { position: absolute; content: ""; height: 2px; bottom: 0; left: 0; right: 0; background: #8d556f; } @media (max-width: 768px) { .info__checkbox:checked + .info__checkbox-name::after { display: none; } } .info__checkbox:nth-of-type(1):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(1)::after, .info__checkbox:nth-of-type(2):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(2)::after, .info__checkbox:nth-of-type(3):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(3)::after, .info__checkbox:nth-of-type(4):checked ~ .info__wrapper .info__checkbox-name:nth-of-type(4)::after { position: absolute; content: ""; height: 2px; bottom: 0; left: 0; right: 0; background: #8d556f; } .info--horizontal .info__checkbox-name { white-space: nowrap; } @media (max-width: 1024px) { .info--horizontal .info__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 0 23px 6px; } } @media (max-width: 768px) { .info--horizontal .info__checkbox-name { display: inline-block; padding: 18px 10px 10px; border-bottom: none; } } @media (max-width: 450px) { .info--horizontal .info__checkbox-name { padding: 18px 16px 10px; } } @media (max-width: 350px) { .info--horizontal .info__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 14px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } .info__checkbox-icon { display: none; } @media (max-width: 768px) { .info__checkbox-icon { display: block; position: absolute; right: 18px; top: 58%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); stroke: #a4a4a4; } } @media (max-width: 768px) { .info__checkbox:checked + .info__checkbox-name .info__checkbox-icon { top: 58%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); stroke: #8d556f; } } @media (max-width: 768px) { .card-data__info .info__checkbox:checked + .info__checkbox-name .info__checkbox-icon { top: 58%; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: #a4a4a4; } } @media (max-width: 768px) { .card-data__info .info__checkbox + .info__checkbox-name.active .info__checkbox-icon { top: 58%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); stroke: #8d556f; } } .info__content-wrap { display: none; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; overflow: hidden; margin-top: 30px; margin-bottom: 5px; background-color: white; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .info__content-wrap { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin-top: 10px; } } @media (max-width: 768px) { .card-data__info .info__content-wrap { display: block; height: 0; } } .info__checkbox:nth-of-type(1):checked ~ .info__content-wrap:nth-of-type(1), .info__checkbox:nth-of-type(2):checked ~ .info__content-wrap:nth-of-type(2), .info__checkbox:nth-of-type(3):checked ~ .info__content-wrap:nth-of-type(3), .info__checkbox:nth-of-type(4):checked ~ .info__content-wrap:nth-of-type(4) { display: block; } .info__content { padding-bottom: 40px; } @media (max-width: 890px) { .info__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .info__content { border-bottom: 1px solid #eeeeee; } } @media (max-width: 450px) { .info__content { padding-bottom: 25px; } } .info__content.review { border-bottom: none; } .info__prop, .info b { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 34px; font-weight: 600; color: #2a3a48; } .info__prop span, .info b span { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 34px; font-weight: 400; } @media (max-width: 350px) { .info__prop span, .info b span { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 400; } } @media (max-width: 450px) { .info__prop, .info b { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 18px; font-weight: 600; } } @media (max-width: 350px) { .info__prop, .info b { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 600; margin-top: 8px; } } .info__text, .info p { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: relative; margin-top: 18px; color: #2a3a48; } @media (max-width: 890px) { .info__text, .info p { margin-top: 14px; } } @media (max-width: 350px) { .info__text, .info p { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; margin-top: 16px; } } .info__text span, .info p span { margin: 0; padding: 0; display: block; } .info__text--shadow { height: 200px; overflow: hidden; } @media (max-width: 1024px) { .info__text--shadow { height: 162px; } } @media (max-width: 890px) { .info__text--shadow { height: 130px; } } @media (max-width: 350px) { .info__text--shadow { height: 76px; } } .info__text--shadow:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .info__prop-text, .info p { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; width: 660px; margin-top: 4px; color: #2a3a48; } @media (max-width: 1024px) { .info__prop-text, .info p { width: 100%; } } @media (max-width: 450px) { .info__prop-text, .info p { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; width: 92%; margin-top: 10px; } } .info__prop-text:not(:last-child), .info p:not(:last-child) { margin-bottom: 18px; } .info__button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-top: 24px; padding: 0; letter-spacing: 0.5px; text-transform: uppercase; color: #8d556f; } .info__button:not(:disabled) { cursor: pointer; } .info__button::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .info__button:hover::before, .info__button:focus::before { width: 100%; } .info__button:hover, .info__button:focus { color: #5f4e64; } @media (max-width: 450px) { .info__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-top: 10px; } } .info__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% + 40px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } @media (max-width: 450px) { .info__wrapper { width: calc(100% + 16px); } } .info__wrapper::-webkit-scrollbar { width: 0; height: 0; } .like { margin: 0; padding: 0; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 34px; height: 34px; z-index: 2; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .like:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .like { top: -6px; right: -1px; } } @media (max-width: 450px) { .like-image { width: 18px; height: 17px; } } .like-image--empty { fill: #8d556f; } .like-image--full { display: none; } @media (min-width: 600px) { .like:hover .like-image--empty { display: none; } } @media (min-width: 600px) { .like:hover .like-image--full { display: block; } } /* .like:hover .like-image--empty { display: none; } .like:hover .like-image--full { display: block; } */ .like--yes .like-image--empty { display: none; } .like--yes .like-image--full { display: block; } .main { overflow: hidden; } .main__wrapper { max-width: 1440px; padding: 0 67px; margin: 25px auto 0; } @media (max-width: 1440px) { .main__wrapper { margin: 26px auto 0; } } @media (max-width: 1024px) { .main__wrapper { max-width: 1024px; padding: 0 40px; margin: 20px auto 0; } } @media (max-width: 768px) { .main__wrapper { max-width: 768px; } } @media (max-width: 450px) { .main__wrapper { max-width: 100%; margin: 13px auto 0; padding: 0 16px; } } .main__wrapper .main__wrapper { margin: 0; padding: 0; } .pagination { margin-bottom: 120px; } @media (max-width: 1024px) { .pagination { margin-top: -6px; margin-bottom: 75px; } } @media (max-width: 890px) { .pagination { margin-bottom: 55px; } } @media (max-width: 768px) { .pagination { display: none; } } .pagination--review { margin: 75px 0 40px; } .pagination__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination__button { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; padding: 0 8px; margin: 0 6px; color: #2a3a48; } .pagination__button:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .pagination__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin: 0 2px; } } .pagination__button--active { font-weight: 500; color: #8d556f; border-bottom: 1px solid #8d556f; } .pagination__button--arrow-left, .pagination__button--arrow-right { position: relative; width: 26px; height: 30px; } @media (max-width: 450px) { .pagination__button--arrow-left, .pagination__button--arrow-right { width: 20px; } } .pagination__button--arrow-left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pagination__button-icon { position: absolute; top: 50%; left: 0; stroke: #a4a4a4; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .pagination__button:hover .pagination__button-icon, .pagination__button:focus .pagination__button-icon { stroke: #2a3a48; } .product { display: inline-block; text-decoration: none; outline: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; height: 100%; } .product__link { display: inline-block; margin-bottom: 28px; text-decoration: none; outline: none; color: inherit; } @media (max-width: 1024px) { .product__link { margin-bottom: 18px; } } @media (max-width: 450px) { .product__link { margin-bottom: 6px; } } .product__like { top: 0; right: 0; } @media (max-width: 450px) { .product__like { top: -6px; right: -1px; } } .product__image-wrap { position: relative; margin: 25px 25px 10px; padding-bottom: 100%; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 450px) { .product__image-wrap { margin: 20px 20px 10px; } } .product__link:hover .product__image-wrap, .product__link:focus .product__image-wrap { -webkit-transform: scale(1.03); transform: scale(1.03); } .product__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product__image--ad { width: 100%; height: 100%; object-fit: cover; } .product__photo { width: 100%; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .product__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 32px; font-weight: 400; margin: 0; padding: 0; width: 90%; margin-top: 55px; color: #2a3a48; } @media (max-width: 1024px) { .product__title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; } } @media (max-width: 768px) { .product__title { margin-top: auto; } } @media (max-width: 450px) { .product__title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .product__title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; min-height: 48px; } } .product__price { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } @media (max-width: 1024px) { .product__price { margin-top: 12px; } } @media (max-width: 450px) { .product__price { margin-top: 8px; } } .product__price-new { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 600; margin-right: 20px; color: #8d556f; } @media (max-width: 890px) { .product__price-new { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; margin-right: 28px; } } @media (max-width: 450px) { .product__price-new { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; margin-right: 16px; } } .product__price-old { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; display: block; position: relative; color: rgba(42, 58, 72, 0.7); } .product__price-old:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #6a757f; } @media (max-width: 1024px) { .product__price-old { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; } } @media (max-width: 350px) { .product__price-old { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .product__button { margin-top: auto; } .slider { max-width: 1950px; margin: 0 auto; } .slider__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 60px -15px 0; } @media (max-width: 1024px) { .slider__list { margin: 40px -7px 0; } } @media (max-width: 450px) { .slider__list { margin: 31px 0 0 9px; } } @media (max-width: 350px) { .slider__list { margin: 25px 0 0 9px; } } .slider__item { padding: 0 15px; } @media (max-width: 1024px) { .slider__item { padding: 0 7px; } } .production__slider .slider__item { padding: 0; } .production__slider .slider__image-wrap { position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; } .production__slider .slider__image { position: absolute; min-height: 100%; max-height: none; min-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .slider__link { position: relative; display: block; } .slider__link::after { position: absolute; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); content: ""; top: 0; bottom: 0; left: 0; right: 0; background: url("/local/templates/pgmnt/assets/sass/../images/icon-youtube-white.svg") no-repeat 50% 50%; } @media (max-width: 450px) { .slider__link::after { background-size: 68px 68px; } } .slider__link:hover::after, .slider__link:focus::after { background: rgba(255, 255, 255, 0.62) url("/local/templates/pgmnt/assets/sass/../images/icon-youtube-dark.svg") no-repeat 50% 50%; } @media (max-width: 450px) { .slider__link:hover::after, .slider__link:focus::after { background-size: 68px 68px; } } .videoblog__slider .slider__image { min-width: 332px; } @media (max-width: 450px) { .videoblog__slider .slider__image { min-width: 300px; } } @media (max-width: 350px) { .videoblog__slider .slider__image { min-width: 243px; } } @media (max-width: 650px) { .team__slider .slider__image { min-width: 260px; } } @media (max-width: 350px) { .team__slider .slider__image { min-width: 201px; } } .slider__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 37px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 26px; color: #5f4e64; } @media (max-width: 1024px) { .slider__name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 12px; } } @media (max-width: 450px) { .slider__name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 350px) { .slider__name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant", serif; } } .slider__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 12px; color: #2a3a48; } @media (max-width: 1024px) { .slider__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; margin-top: 5px; color: #a4a4a4; } } @media (max-width: 350px) { .slider__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 13px; font-weight: 400; } } .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; max-width: 1306px; margin: 0 auto; text-align: left; } @media (max-width: 1024px) { .title { max-width: 931px; } } .title--wide { max-width: 1440px; padding: 0 67px; } @media (max-width: 1024px) { .title--wide { max-width: 1024px; padding: 0 40px; margin: 20px auto 0; } } @media (max-width: 768px) { .title--wide { max-width: 768px; } } @media (max-width: 450px) { .title--wide { max-width: 100%; padding: 0 16px; } } .title--mobile { display: none; } @media (max-width: 450px) { .title--mobile { display: block; margin-top: 20px; } } @media (max-width: 450px) { .title--desktop { display: none; } } @media (max-width: 450px) { .favorites .title { padding: 0 16px; } } .title__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 52px; line-height: 63px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 2px; color: #5f4e64; } @media (max-width: 1024px) { .title__text { font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.4px; } } @media (max-width: 768px) { .title__text { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; } } @media (max-width: 450px) { .title__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 70%; letter-spacing: 0.75px; } } @media (max-width: 350px) { .title__text { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } .title__text--small { font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.5px; } @media (max-width: 1024px) { .title__text--small { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 39px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.25px; } } @media (max-width: 768px) { .title__text--small { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 31px; font-weight: 500; font-family: "Cormorant Unicase", serif; letter-spacing: normal; } } @media (max-width: 450px) { .title__text--small { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 67%; } } .title__text--smaller { font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 33px; font-weight: 600; font-family: "Cormorant", serif; width: 100%; letter-spacing: normal; } @media (max-width: 768px) { .title__text--smaller { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .title__text--smaller { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; width: 90%; } } @media (max-width: 350px) { .title__text--smaller { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 21px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .title__text--card-gallery { width: 100%; letter-spacing: 0.6px; } } @media (max-width: 650px) { .title__text--promo { width: 80%; } } .title__text--aside { width: 50%; } @media (max-width: 1440px) { .title__text--aside { width: 100%; } } .gallery .title__text br { display: none; } @media (max-width: 450px) { .gallery .title__text br { display: block; } } .title__link { display: inline-block; text-decoration: none; outline: none; color: inherit; position: relative; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; color: #8d556f; } .title__link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .title__link:hover::before, .title__link:focus::before { width: 100%; } .title__link:hover, .title__link:focus { color: #5f4e64; } @media (max-width: 1024px) { .title__link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; letter-spacing: normal; } } @media (max-width: 768px) { .title__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 500; letter-spacing: 0.2px; } } @media (max-width: 450px) { .title__link { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 22px; font-weight: 600; letter-spacing: 0.5px; } } @media (max-width: 450px) { .title__link--desktop { display: none; } } .title__link--mobile { display: none; position: relative; } @media (max-width: 450px) { .title__link--mobile { display: block; margin-right: -4px; padding-right: 14px; color: #8d556f; } } .title__link-image { position: absolute; top: 9px; right: 0; stroke: #8d556f; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .title__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; width: 72px; height: 12px; margin-left: auto; } @media (max-width: 450px) { .title__arrows { display: none; } } .title__arrow { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; width: 26px; height: 12px; padding: 0; } .title__arrow:not(:disabled) { cursor: pointer; } .title__arrow--left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .title__arrow-icon { position: absolute; top: 0; left: 0; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .title__arrow:hover .title__arrow-icon, .title__arrow:focus .title__arrow-icon { stroke: #2a3a48; } .title__button { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 18px 28px; letter-spacing: 0.5px; text-align: center; } @media (max-width: 1024px) { .title__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; padding: 15px 25px; } } @media (max-width: 650px) { .title__button { display: none; } } .about { max-width: 1400px; margin: 120px auto 125px; padding: 0 47px; } @media (max-width: 1024px) { .about { max-width: 1024px; margin: 80px auto 87px; } } @media (max-width: 768px) { .about { max-width: 996px; margin: 60px auto 60px; padding: 0 40px; } } @media (max-width: 450px) { .about { max-width: 100%; margin: 5px auto 75px; padding: 0 16px; } } .about__text-wrap { position: relative; height: 250px; overflow: hidden; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1024px) { .about__text-wrap { height: 128px; } } @media (max-width: 450px) { .about__text-wrap { height: 173px; } } .about__text-wrap:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .about__text-wrap.show::after { display: none; } .about__text, .about__text-wrap p { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; width: 660px; margin-top: 22px; color: #333442; } .about .title__text { width: 660px; } @media (max-width: 1024px) { .about__text, .about__text-wrap p { width: 535px; margin-top: 15px; } } @media (max-width: 1024px) { .about .title__text { width: 535px; } } @media (max-width: 768px) { .about__text, .about__text-wrap p { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 400; width: 452px; margin-top: 17px; } } @media (max-width: 768px) { .about .title__text { width: 452px; } } @media (max-width: 650px) { .about__text, .about__text-wrap p, .about .title__text { width: 100%; } } @media (max-width: 450px) { .about__text, .about__text-wrap p { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 22px; font-weight: 400; width: 88%; margin-top: 16px; letter-spacing: 0.6px; } } @media (max-width: 450px) { .about .title__text { width: 88%; } } .about__text:nth-child(n + 2) { margin-top: 0; } .about__button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; margin-top: 20px; padding: 0; letter-spacing: 0.5px; text-transform: uppercase; color: #8d556f; } .about__button:not(:disabled) { cursor: pointer; } .about__button::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .about__button:hover::before, .about__button:focus::before { width: 100%; } .about__button:hover, .about__button:focus { color: #5f4e64; } @media (max-width: 1024px) { .about__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-top: 12px; } } @media (max-width: 768px) { .about__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-top: 21px; } } @media (max-width: 450px) { .about__button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 16px; font-weight: 500; margin-top: 17px; letter-spacing: 0.3px; } } .account__cart-info { margin: 60px 0 75px; } @media (max-width: 1024px) { .account__cart-info { margin: 40px 0 55px; } } @media (max-width: 768px) { .account__cart-info { margin: 40px 0 40px; } } @media (max-width: 450px) { .account__cart-info { margin: 20px 0 40px; } } .account-data { margin-bottom: 105px; } @media (max-width: 768px) { .account-data { margin-top: 40px; margin-bottom: 60px; } } @media (max-width: 450px) { .account-data { margin-top: 25px; margin-bottom: 60px; padding: 0 16px; } } @media (max-width: 350px) { .account-data { margin-top: 20px; } } .account-data__block-wrap { width: 100%; margin-top: 35px; } @media (max-width: 768px) { .account-data__block-wrap { margin-top: 15px; } } @media (max-width: 450px) { .account-data__block-wrap { margin-top: 22px; } } @media (max-width: 350px) { .account-data__block-wrap { margin-top: 10px; } } .account-data__title { width: 100%; max-width: 400px; margin: 25px 0 35px; } @media (max-width: 768px) { .account-data__title { margin: 35px 0 25px; } } @media (max-width: 450px) { .account-data__title { margin: 35px 0 10px; } } @media (max-width: 350px) { .account-data__title { margin: 45px 0 25px; } } .account-data__button-save { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; min-width: 296px; margin-top: 43px; margin-right: 16px; padding: 20px 30px; letter-spacing: 0.7px; } @media (max-width: 1250px) { .account-data__button-save { margin-top: 40px; padding: 15px 70px; } } @media (max-width: 768px) { .account-data__button-save { width: 304px; min-width: auto; margin-right: 0; padding: 15px 48px; } } @media (max-width: 450px) { .account-data__button-save { width: 100%; padding: 13px 20px; } } .account-data__button-cancel { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; padding: 20px 40px; letter-spacing: 0.2px; } @media (max-width: 1250px) { .account-data__button-cancel { padding: 15px 40px; } } @media (max-width: 768px) { .account-data__button-cancel { display: block; width: 304px; margin-top: 8px; } } @media (max-width: 450px) { .account-data__button-cancel { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; width: 100%; margin: 12px 0 0; padding: 13px 20px; letter-spacing: 0.2px; } } .account-data__button-account { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; display: block; margin: 80px auto 0; padding: 14px 29px; letter-spacing: 0.7px; } @media (max-width: 768px) { .account-data__button-account { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin: 60px auto 0; } } @media (max-width: 450px) { .account-data__button-account { padding: 13px 28px; } } @media (max-width: 350px) { .account-data__button-account { padding: 9px 28px; } } .account-content { margin: 0 0 100px; } @media (max-width: 1024px) { .account-content { margin: 0 0 65px; } } @media (max-width: 768px) { .account-content { margin: 0 0 65px; } } @media (max-width: 450px) { .account-content { margin: 0 0 80px; } } .account-content__wrapper { position: relative; } .account-content__exit { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 15px; right: 66px; color: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .account-content__exit:not(:disabled) { cursor: pointer; } @media (max-width: 1024px) { .account-content__exit { right: 46px; } } @media (max-width: 768px) { .account-content__exit { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; top: 3px; right: 80px; } } @media (max-width: 650px) { .account-content__exit { right: 40px; } } @media (max-width: 450px) { .account-content__exit { top: auto; bottom: -40px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } } .account-content__exit:hover, .account-content__exit:focus { color: #2a3a48; } .account-content__exit-icon { margin-left: 12px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .account-content__exit-icon { width: 16px; height: 16px; } } .account-content__exit:hover .account-content__exit-icon, .account-content__exit:focus .account-content__exit-icon { stroke: #2a3a48; } .account-content__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; } @media (max-width: 1370px) { .account-content__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 60px; } } @media (max-width: 768px) { .account-content__header { margin-top: 40px; } } @media (max-width: 450px) { .account-content__header { margin-top: 45px; } } .account-content__greet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account-content__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 810px; } @media (max-width: 1370px) { .account-content__list { width: auto; margin-top: 60px; } } @media (max-width: 768px) { .account-content__list { margin-top: 40px; } } @media (max-width: 650px) { .account-content__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 42px; } } .account-content__avatar { font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 80px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 80px; height: 80px; margin-right: 38px; background-color: #b38e9f; border-radius: 50%; color: #ffffff; text-align: center; } @media (max-width: 768px) { .account-content__avatar { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 60px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 60px; height: 60px; margin-right: 31px; } } @media (max-width: 450px) { .account-content__avatar { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 40px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 40px; height: 40px; margin-right: 8px; } } .account-content__greet-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 37px; font-weight: 600; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 768px) { .account-content__greet-text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .account-content__greet-text { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 21px; font-weight: 600; font-family: "Cormorant", serif; } } .account-content__greet-number { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin-top: 7px; color: #a4a4a4; } @media (max-width: 768px) { .account-content__greet-number { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; } } @media (max-width: 450px) { .account-content__greet-number { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .account-content__item { width: 220px; padding-left: 44px; background: url("/local/templates/pgmnt/assets/sass/../images/diamond.gif") no-repeat 0 25px; background-size: 40px 40px; } @media (max-width: 1024px) { .account-content__item { width: 33%; } } @media (max-width: 768px) { .account-content__item { background-position: 0 10px; background-size: 32px 32px; } } @media (max-width: 650px) { .account-content__item { width: 100%; margin-bottom: 20px; padding-left: 48px; background-position: 5px 5px; background-size: 28px 28px; } } .account-content__item:not(:first-child) { margin-left: 75px; } @media (max-width: 1024px) { .account-content__item:not(:first-child) { margin-left: 0; } } .account-content__item-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; color: #a4a4a4; } @media (max-width: 450px) { .account-content__item-title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .account-content__item-value { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 28px; font-weight: 600; margin-top: 15px; color: #8d556f; } @media (max-width: 890px) { .account-content__item-value { font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 28px; font-weight: 600; } } @media (max-width: 768px) { .account-content__item-value { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; margin-top: 8px; } } @media (max-width: 450px) { .account-content__item-value { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; margin-top: 5px; } } .account-content__item-value--status { font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 28px; font-weight: 600; } @media (max-width: 890px) { .account-content__item-value--status { font-family: "Montserrat", sans-serif; font-size: 21px; line-height: 28px; font-weight: 600; } } @media (max-width: 768px) { .account-content__item-value--status { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; } } @media (max-width: 450px) { .account-content__item-value--status { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; } } .account-content__item-link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-top: 18px; color: #8d556f; border-bottom: 1px solid #8d556f; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .account-content__item-link { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 16px; font-weight: 500; display: inline; margin-top: 8px; } } @media (max-width: 450px) { .account-content__item-link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; margin-top: 0; } } .account-content__item-link:hover, .account-content__item-link:focus { color: #5f4e64; } .account-content__menu { margin-top: 80px; } @media (max-width: 1024px) { .account-content__menu { margin-top: 60px; } } @media (max-width: 450px) { .account-content__menu { margin-top: 30px; } } .account-content__menu-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .account-content__menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 25%; padding-right: 13px; height: 116px; margin-bottom: 22px; } @media (max-width: 1250px) { .account-content__menu-item { width: 33.3%; margin-bottom: 17px; } } @media (max-width: 768px) { .account-content__menu-item { height: 76px; margin-bottom: 8px; } } @media (max-width: 650px) { .account-content__menu-item { width: 50%; height: 68px; padding-right: 6px; } } .account-content__menu-link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 31px; font-weight: 400; font-family: "Cormorant", serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #2a3a48; text-align: center; border: 1px solid #eeeeee; border-radius: 4px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .account-content__menu-link { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .account-content__menu-link { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 16px; font-weight: 500; font-family: "Cormorant", serif; } } .account-content__menu-link p { margin: 0; padding: 0; } .account-content__menu-link span { display: inline; } @media (max-width: 890px) { .account-content__menu-link span { display: none; } } .account-content__menu-link:hover, .account-content__menu-link:focus { color: #8d556f; border: 1px solid #8d556f; } .account-content__menu-link-image { margin-bottom: 4px; stroke: #2a3a48; } @media (max-width: 768px) { .account-content__menu-link-image { width: 20px; height: 20px; } } @media (max-width: 450px) { .account-content__menu-link-image { width: 16px; height: 16px; } } .account-content__menu-link:hover .account-content__menu-link-image, .account-content__menu-link:focus .account-content__menu-link-image { stroke: #8d556f; } .ad { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); overflow: hidden; } .ad:hover, .ad:focus { -webkit-transform: scale(1.03); transform: scale(1.03); } .ad__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 32px; font-weight: 500; padding: 34px 0 0 26px; color: #ffffff; z-index: 1; } @media (max-width: 1250px) { .ad__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 30px; font-weight: 400; } } @media (max-width: 1024px) { .ad__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 500; padding: 24px 0 0 19px; letter-spacing: 1.45px; } } .ad__more { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 22px; font-weight: 500; display: block; position: relative; margin: auto 0 36px 26px; -ms-flex-item-align: start; align-self: flex-start; letter-spacing: 0.055em; text-transform: uppercase; } @media (max-width: 1024px) { .ad__more { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 500; margin: auto 0 22px 18px; letter-spacing: 1.3px; } } .ad__more::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .ad__more:hover::before, .ad__more:focus::before { width: 100%; } .banner { max-width: 1920px; margin: 0 auto; } .banner__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .banner__item { display: inline-block; text-decoration: none; outline: none; color: inherit; } @media (max-width: 1024px) { .banner__item:nth-child(n + 5) { display: none; } } @media (max-width: 450px) { .banner__item:nth-child(1) { display: none; } } .bestseller { max-width: 1400px; margin: 163px auto 0; padding: 0 47px; } @media (max-width: 1440px) { .bestseller { margin: 143px auto 0; } } @media (max-width: 1024px) { .bestseller { max-width: 1024px; margin: 95px auto 0; } } @media (max-width: 768px) { .bestseller { max-width: 996px; margin: 67px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .bestseller { max-width: 100%; margin: 41px auto 0; padding: 0 16px; } } .blog-article__deadline { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 67px; color: #5f4e64; } @media (max-width: 1024px) { .blog-article__deadline { margin-top: 42px; } } @media (max-width: 650px) { .blog-article__deadline { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 450px) { .blog-article__deadline { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 22px; } } .blog-article__title { margin-top: 21px; } @media (max-width: 1024px) { .blog-article__title { margin-top: 18px; } } @media (max-width: 650px) { .blog-article__title { margin-top: 15px; } } .blog-article__title-small { margin-top: 61px; } .blog-article__title-other { margin-top: 121px; margin-bottom: 40px; } @media (max-width: 1024px) { .blog-article__title-other { margin-top: 60px; margin-bottom: 40px; } } .blog-article__time { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; display: inline-block; margin-top: 25px; padding: 12px 21px; border-radius: 6px; color: #ffffff; background-color: #a98ae2; } @media (max-width: 1024px) { .blog-article__time { margin-top: 18px; } } @media (max-width: 650px) { .blog-article__time { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 17px; font-weight: 400; margin-top: 17px; padding: 12px 18px; } } @media (max-width: 450px) { .blog-article__time { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 9px; padding: 8px 13px; } } .blog-article__image { width: 100%; height: auto; margin-top: 80px; } @media (max-width: 1024px) { .blog-article__image { margin-top: 60px; } } @media (max-width: 650px) { .blog-article__image { margin-top: 40px; } } .blog-article__image--cover { margin-top: 40px; } @media (max-width: 650px) { .blog-article__image--cover { margin-top: 30px; } } .blog-article__text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; } @media (max-width: 1024px) { .blog-article__text-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } } @media (max-width: 650px) { .blog-article__text-wrapper { margin-top: 18px; } } .blog-article__image-half { width: 48%; } @media (max-width: 650px) { .blog-article__image-half { width: 100%; margin-top: 13px; } } .blog-article__text-part { width: 40%; margin-right: 10%; } @media (max-width: 1024px) { .blog-article__text-part { width: 75%; margin-right: 0; } } @media (max-width: 650px) { .blog-article__text-part { width: 100%; } } @media (max-width: 1024px) { .blog-article__text-part:not(:last-child) { margin-bottom: 24px; } } @media (max-width: 650px) { .blog-article__text-part:not(:last-child) { margin-bottom: 21px; } } @media (max-width: 350px) { .blog-article__text-part:not(:last-child) { margin-bottom: 18px; } } .blog-article__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #2a3a48; } @media (max-width: 650px) { .blog-article__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; } } @media (max-width: 350px) { .blog-article__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; } } .blog-article__text:not(:last-child) { margin-bottom: 25px; } @media (max-width: 1024px) { .blog-article__text:not(:last-child) { margin-bottom: 28px; } } @media (max-width: 650px) { .blog-article__text:not(:last-child) { margin-bottom: 21px; } } @media (max-width: 350px) { .blog-article__text:not(:last-child) { margin-bottom: 18px; } } .blog-article__text-full { width: 61%; margin-top: 40px; } @media (max-width: 1024px) { .blog-article__text-full { width: 76%; } } @media (max-width: 650px) { .blog-article__text-full { width: 100%; margin-top: 20px; } } .blog-article__image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; } @media (max-width: 1024px) { .blog-article__image-wrapper { margin-top: 60px; } } @media (max-width: 650px) { .blog-article__image-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 27px; } } .blog-article__button { display: none; } @media (max-width: 450px) { .blog-article__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: 0 auto 60px; padding: 11px 17px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 350px) { .blog-article__button { margin: 5px auto 40px; } } .blog-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-list__item { width: 48%; margin-bottom: 64px; } @media (max-width: 890px) { .blog-list__item { margin-bottom: 40px; } } @media (max-width: 650px) { .blog-list__item { width: 100%; } } .blog-list__item a { width: 100%; text-decoration: none; } .blog-list__image-wrap { position: relative; width: 100%; padding-bottom: 66.4%; overflow: hidden; } .blog-list__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .blog-list__time { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 28px; font-weight: 400; margin-top: 17px; color: #5f4e64; } @media (max-width: 890px) { .blog-list__time { margin-top: 5px; } } @media (max-width: 450px) { .blog-list__time { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-top: 13px; } } @media (max-width: 350px) { .blog-list__time { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 10px; } } .blog-list__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 39px; font-weight: 600; width: 90%; margin-top: 8px; font-family: "Cormorant", serif; color: #5f4e64; text-decoration: none; } @media (max-width: 890px) { .blog-list__name { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 29px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .blog-list__name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; width: 100%; } } @media (max-width: 350px) { .blog-list__name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 12px; } } .blog-list__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; width: 80%; margin-top: 16px; color: #2a3a48; } @media (max-width: 890px) { .blog-list__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; width: 100%; margin-top: 10px; } } @media (max-width: 450px) { .blog-list__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; margin-top: 12px; } } @media (max-width: 350px) { .blog-list__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 8px; } } @media (max-width: 890px) { .blog-list__text span { display: none; } } .blog-list__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-top: 16px; text-transform: uppercase; color: #8d556f; border-bottom: 1px solid #8d556f; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 450px) { .blog-list__link { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 16px; font-weight: 500; margin-top: 10px; letter-spacing: 0.4px; } } @media (max-width: 350px) { .blog-list__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 8px; } } .blog-list__link:hover, .blog-list__link:focus { color: #2a3a48; } .blog { margin-top: 60px; } @media (max-width: 1250px) { .blog { margin-top: 40px; } } @media (max-width: 450px) { .blog { margin-top: 25px; } } @media (max-width: 350px) { .blog { margin-top: 20px; } } .blog__title { margin-bottom: 60px; } @media (max-width: 890px) { .blog__title { margin-bottom: 40px; } } @media (max-width: 350px) { .blog__title { margin-bottom: 30px; } } .blog__button { display: none; } @media (max-width: 768px) { .blog__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: 20px auto 58px; padding: 15px 23px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 450px) { .blog__button { margin: 0 auto 60px; padding: 11px 17px; } } @media (max-width: 350px) { .blog__button { margin: 5px auto 40px; } } .bottom-header { border-bottom: 1px solid #eeeeee; } @media (max-width: 890px) { .bottom-header { width: calc(50% + 26px); } } @media (max-width: 450px) { .bottom-header { width: calc(50% + 22px); } } @media (max-width: 890px) { .bottom-header--menu { display: none; } } .page--index .bottom-header { border-bottom: none; } .bottom-header__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1306px; margin: 0 auto; padding: 28px 0; } @media (max-width: 1440px) { .bottom-header__wrapper { max-width: 1440px; padding: 28px 67px; } } @media (max-width: 1024px) { .bottom-header__wrapper { max-width: 1024px; padding: 15px 47px; } } @media (max-width: 890px) { .bottom-header__wrapper { position: static; padding: 14px 0 15px 47px; align-items: center; } } @media (max-width: 768px) { .bottom-header__wrapper { max-width: 768px; padding: 7px 0 7px 80px; } } @media (max-width: 650px) { .bottom-header__wrapper { max-width: 100%; padding: 3px 0 4px 40px; } } @media (max-width: 450px) { .bottom-header__wrapper { padding: 7px 0 7px 16px; } } .bottom-header__cross { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 40px; right: 0; width: 30px; height: 30px; } .bottom-header__cross:not(:disabled) { cursor: pointer; } @media (max-width: 1440px) { .bottom-header__cross { right: 67px; } } @media (max-width: 1024px) { .bottom-header__cross { top: 27px; right: 40px; } } .bottom-header__cross-image { stroke: #a4a4a4; } .bottom-header__cross:hover .bottom-header__cross-image, .bottom-header__cross:focus .bottom-header__cross-image { stroke: #2a3a48; } .bottom-header__search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 45%; padding-top: 10px; } @media (max-width: 890px) { .bottom-header__search { position: static; width: 40%; padding-top: 0; } } @media (max-width: 450px) { .bottom-header__search { width: 39%; } } .breadcrumbs__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .breadcrumbs__item { position: relative; margin-right: 20px; } .breadcrumbs__item:not(:last-child)::after { content: ""; position: absolute; width: 10px; height: 8px; top: calc(50% - 3px); right: -20px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-breadcrumb.svg") no-repeat; } @media (max-width: 768px) { .breadcrumbs__item:not(:last-child) { display: none; } } @media (max-width: 768px) { .breadcrumbs__item:last-child { padding-left: 17px; } } @media (max-width: 768px) { .breadcrumbs__item:last-child::after { content: ""; position: absolute; width: 10px; height: 8px; top: calc(50% - 4px); left: -5px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-breadcrumb.svg") no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 450px) { .breadcrumbs__item:last-child::after { top: calc(50% - 3px); } } .breadcrumbs__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 26px; font-weight: 400; letter-spacing: 0.5px; color: #a4a4a4; } @media (max-width: 1024px) { .breadcrumbs__link { letter-spacing: initial; } } @media (max-width: 890px) { .breadcrumbs__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .breadcrumbs__link--active { color: #2a3a48; } @media (max-width: 768px) { .breadcrumbs__link--active { color: #a4a4a4; } } .call__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 19px; line-height: 23px; font-weight: 400; margin-top: 41px; color: #333442; } @media (max-width: 1024px) { .call__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-top: 36px; } } @media (max-width: 890px) { .call__text { margin-top: 22px; } } @media (max-width: 450px) { .call__text { margin-top: 24px; } } .call__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 22px; font-weight: 400; margin-top: 18px; color: #333442; } @media (max-width: 1024px) { .call__link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-top: 14px; } } @media (max-width: 890px) { .call__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .call__link--mobile { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; } .card-data__info { margin: 118px auto 0; } @media (max-width: 1024px) { .card-data__info { margin: 80px auto 0; } } @media (max-width: 650px) { .card-data__info { margin: 40px auto 0; } } @media (max-width: 450px) { .card-data__info { margin: 35px auto 0; } } @media (max-width: 350px) { .card-data__info { margin: 40px auto 0; } } .card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-width: 1400px; margin: 59px auto 0; padding: 0 49px; } @media (max-width: 1024px) { .card { max-width: 1024px; margin: 39px auto 0; } } @media (max-width: 890px) { .card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .card { max-width: 768px; padding: 0 40px; } } @media (max-width: 650px) { .card { max-width: 100%; } } @media (max-width: 450px) { .card { padding: 0 16px; margin: 0 auto; } } .card__info { position: relative; width: 41%; padding-right: 25px; } @media (max-width: 1024px) { .card__info { width: 46%; padding-right: 0; } } @media (max-width: 890px) { .card__info { width: 90%; margin-top: 30px; } } @media (max-width: 450px) { .card__info { width: 100%; margin-top: 9px; } } @media (max-width: 350px) { .card__info { margin-top: 32px; } } .card__feature-list { margin: 0; padding: 0; list-style: none; } .card__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 43px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 43px; color: #5f4e64; } @media (max-width: 1024px) { .card__title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 38px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 890px) { .card__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .card__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 0.8px; margin-top: 30px; } } @media (max-width: 350px) { .card__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 0.6px; } } .card__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4px; } @media (max-width: 890px) { .card__list { width: 90%; } } @media (max-width: 450px) { .card__list { width: 100%; } } .card__item { margin-right: 8px; margin-top: 16px; } @media (max-width: 450px) { .card__item { margin-top: 10px; } } @media (max-width: 350px) { .card__item { margin-right: 4px; } } .card__list--gift .card__item:nth-last-child(2) { margin-right: 54px; } .card__rating { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 18px; } @media (max-width: 1024px) { .card__rating { margin-top: 20px; } } @media (max-width: 890px) { .card__rating { margin-top: 15px; } } @media (max-width: 450px) { .card__rating { margin-top: 16px; } } .card__stars { margin-right: 12px; } @media (max-width: 350px) { .card__stars { margin-right: 8px; } } .card__reviews-count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #a4a4a4; } @media (max-width: 350px) { .card__reviews-count { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; } } .card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 26px; } @media (max-width: 1024px) { .card__price { margin-top: 20px; } } @media (max-width: 890px) { .card__price { margin-top: 15px; } } @media (max-width: 450px) { .card__price { margin-top: 20px; } } @media (max-width: 350px) { .card__price { margin-top: 22px; } } .card__price-new { font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; margin-right: 37px; color: #8d556f; } @media (max-width: 450px) { .card__price-new { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 600; margin-right: 45px; } } @media (max-width: 350px) { .card__price-new { margin-right: 23px; } } .card__price-old { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; display: block; position: relative; color: rgba(42, 58, 72, 0.7); } @media (max-width: 450px) { .card__price-old { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; } } .card__price-old:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #6a757f; } .card--gifted .card__gift { display: none; } .card__gift--gifted { display: none; } .card--gifted .card__gift--gifted { display: block; } .card__gift-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 8px; color: #2a3a48; font-style: italic; } @media (max-width: 1024px) { .card__gift-text { margin-top: 5px; } } @media (max-width: 450px) { .card__gift-text { margin-top: 8px; } } @media (max-width: 350px) { .card__gift-text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; } } .card__gift-text span { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #8d556f; } @media (max-width: 350px) { .card__gift-text span { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; } } .card__gift--gifted .card__gift-text { display: inline-block; padding-top: 12px; color: #e001a5; text-transform: uppercase; } .card__button-change { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; margin-left: 6px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .card__button-change:not(:disabled) { cursor: pointer; } .card__button-change:hover, .card__button-change:focus { stroke: #2a3a48; } .card__gift-list { margin: 0; padding: 0; list-style: none; margin-top: 8px; } .card__gift-item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; font-style: italic; } .card__gift-item:not(:last-child) { margin-bottom: 6px; } .card__order-part { margin-top: 28px; } @media (max-width: 1024px) { .card__order-part { margin-top: 20px; } } @media (max-width: 450px) { .card__order-part { margin-top: 24px; } } @media (max-width: 350px) { .card__order-part { margin-top: 21px; } } .card__part-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; color: #2a3a48; } @media (max-width: 350px) { .card__part-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } .card__radio-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 46px; border: 1px solid #cbcbcb; color: #2a3a48; border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } @media (max-width: 450px) { .card__radio-name { width: 67px; height: 40px; } } .card__radio-item:checked ~ .card__radio-name { border: 1px solid #8d556f; color: #8d556f; } .card__radio-name--small { border: 1px solid transparent; } @media (max-width: 450px) { .card__radio-name--small { width: 54px; height: 32px; } } .card__gift-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 28px; letter-spacing: 0.05em; text-transform: uppercase; color: #8d556f; } .card__gift-button:not(:disabled) { cursor: pointer; } .card__gift-button::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .card__gift-button:hover::before, .card__gift-button:focus::before { width: 100%; } .card__gift-button:hover, .card__gift-button:focus { color: #5f4e64; } @media (max-width: 350px) { .card__gift-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 500; } } .card--gifted .card__gift-button { display: none; } .card__gift-button-image { position: absolute; top: 1px; left: 0; fill: #8d556f; } .card__gift-button:hover .card__gift-button-image, .card__gift-button:focus .card__gift-button-image { fill: #5f4e64; } .card__quick-buy { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; margin-top: 28px; font-style: italic; color: #8d556f; } .card__quick-buy:not(:disabled) { cursor: pointer; } .card__quick-buy::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .card__quick-buy:hover::before, .card__quick-buy:focus::before { width: 100%; } .card__quick-buy:hover, .card__quick-buy:focus { color: #5f4e64; } @media (max-width: 1024px) { .card__quick-buy { margin-top: 18px; } } /* @media (max-width: 450px) { .card__quick-buy { display: none; } } */ .card__buy { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } @media (max-width: 890px) { .card__buy { margin-top: 14px; } } @media (max-width: 450px) { .card__buy { display: none; } } .card__buy-count { display: -webkit-box; display: -ms-flexbox; display: flex; width: 150px; height: 50px; margin-right: 30px; border: 1px solid #cbcbcb; border-radius: 3px; } @media (max-width: 1024px) { .card__buy-count { margin-right: 20px; } } @media (max-width: 890px) { .card__buy-count { margin-right: 15px; } } .card--in-cart .card__buy-count { display: none; } .card__buy-min-count, .card__buy-current-count, .card__buy-max-count { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border: 1px solid transparent; border-radius: 2px; color: #333333; text-align: center; } .card__buy-min-count:not(:disabled), .card__buy-current-count:not(:disabled), .card__buy-max-count:not(:disabled) { cursor: pointer; } .card__buy-min-count { margin-top: -1px; margin-left: -1px; } .card__buy-max-count { margin-top: -1px; margin-right: -1px; } .card__buy-min-count:hover, .card__buy-min-count:focus, .card__buy-max-count:hover, .card__buy-max-count:focus { border: 1px solid #8d556f; color: #8d556f; } .card__buy-current-count { cursor: auto; } .card__buy-like { position: relative; margin-left: 24px; } @media (max-width: 890px) { .card__buy-like { margin-left: 18px; } } @media (max-width: 450px) { .card__buy-like { position: absolute; top: 10px; left: 335px; margin-left: 0; } } .card__buy-button { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1250px) { .card__buy-button { padding: 15px 38px 13px; } } @media (max-width: 890px) { .card__buy-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 15px 34px 13px; } } .card__like { display: none; } @media (max-width: 450px) { .card__like { display: block; top: -25px; right: 15px; } } .cart-catalog { max-width: 1400px; margin: 60px auto 40px; padding: 0 49px; } @media (max-width: 1440px) { .cart-catalog { margin: 60px auto 80px; } } @media (max-width: 1024px) { .cart-catalog { max-width: 1024px; margin: 39px auto 18px; } } @media (max-width: 890px) { .cart-catalog { margin: 60px auto 18px; } } @media (max-width: 768px) { .cart-catalog { max-width: 768px; padding: 0 40px; } } @media (max-width: 650px) { .cart-catalog { max-width: 100%; } } @media (max-width: 450px) { .cart-catalog { margin: 65px auto 40px; padding: 0 16px; } } @media (max-width: 768px) { .cart-info--desktop { display: none; } } .cart-info__wrap { position: relative; padding: 40px; border: 1px solid #eeeeee; border-radius: 4px; } @media (max-width: 768px) { .cart-info__wrap { padding: 28px; } } @media (max-width: 450px) { .cart-info__wrap { padding: 20px 16px; } } .cart-info__wrap--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cart-info__wrap--flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 450px) { .cart-info__wrap--flex { padding: 20px 16px; } } .cart-info__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; color: #2a3a48; } @media (max-width: 768px) { .cart-info__title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; } } @media (max-width: 450px) { .cart-info__title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; width: 70%; } } .cart-info__goods, .cart-info__price { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; color: #8d556f; } @media (max-width: 768px) { .cart-info__goods, .cart-info__price { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; } } @media (max-width: 450px) { .cart-info__goods, .cart-info__price { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } .cart-info__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1250px) { .cart-info__data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .cart-info__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-top: 28px; } @media (max-width: 1370px) { .cart-info__list { margin-top: 10px; } } @media (max-width: 1024px) { .cart-info__list { margin-top: 32px; } } @media (max-width: 450px) { .cart-info__list { margin-top: 27px; } } .cart-info__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; margin-bottom: 12px; } @media (max-width: 1370px) { .cart-info__item { width: 60px; height: 60px; margin-bottom: 6px; } } @media (max-width: 768px) { .cart-info__item { margin-bottom: 5px; } } @media (max-width: 450px) { .cart-info__item { width: 36px; height: 36px; margin-bottom: 12px; } } .cart-info__item:not(:last-child) { margin-right: 16px; } @media (max-width: 1370px) { .cart-info__item:not(:last-child) { margin-right: 8px; } } .cart-info__item--more { border: 1px solid #eeeeee; cursor: pointer; } @media (max-width: 768px) { .cart-info__item--more { display: none; } } @media (max-width: 1024px) { .orders .cart-info__item:not(.cart-info__item--more):nth-child(n + 5) { display: none; } } .cart-info__item-text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 400; position: absolute; display: none; top: -98px; left: 0; width: 374px; padding: 20px; color: #2a3a48; background: #ffffff; border-radius: 4px; -webkit-box-shadow: 2px 5px 15px rgba(85, 94, 88, 0.09); box-shadow: 2px 5px 15px rgba(85, 94, 88, 0.09); z-index: 1; } @media (max-width: 1024px) { .cart-info__item-text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; top: -78px; width: 320px; padding: 10px; } } .cart-info__item-text::after { content: ""; position: absolute; bottom: -20px; left: 32px; border: 8px solid transparent; border-top: 12px solid #ffffff; } @media (max-width: 1370px) { .cart-info__item-text::after { left: 22px; } } @media (max-width: 450px) { .cart-info__item-text::after { left: 10px; } } .cart-info__item-link:hover + .cart-info__item-text { display: block; } @media (max-width: 768px) { .cart-info__item-link:hover + .cart-info__item-text { display: none; } } .cart-info__item-count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; color: #8d556f; } @media (max-width: 1370px) { .cart-info__item-count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; } } .cart-info__close-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 25px; right: 25px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .cart-info__close-button:not(:disabled) { cursor: pointer; } @media (max-width: 768px) { .cart-info__close-button { top: 14px; right: 14px; } } .cart-info__close-button:hover, .cart-info__close-button:focus { stroke: #2a3a48; } @media (max-width: 768px) { .cart-info__close-button-icon { width: 12px; height: 12px; } } .cart-info__button-wrap { margin-left: auto; margin-top: 28px; } @media (max-width: 1370px) { .cart-info__button-wrap { margin-top: 10px; } } @media (max-width: 1250px) { .cart-info__button-wrap { margin-top: 20px; margin-left: 0; } } @media (max-width: 768px) { .cart-info__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; } } .cart-info__button-cart { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-right: 14px; padding: 17px 47px; letter-spacing: 0.2px; } @media (max-width: 1250px) { .cart-info__button-cart { margin-right: 4px; } } @media (max-width: 1024px) { .cart-info__button-cart { margin-right: 4px; padding: 16px 18px; } } @media (max-width: 768px) { .cart-info__button-cart { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 8px; padding: 11px 20px; } } @media (max-width: 450px) { .cart-info__button-cart { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; width: 100%; margin: 12px 0 0; padding: 10px 15px; letter-spacing: 0.2px; } } .cart-info__button-buy { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; padding: 17px 37px; letter-spacing: 0.4px; } @media (max-width: 1024px) { .cart-info__button-buy { padding: 16px 25px; } } @media (max-width: 768px) { .cart-info__button-buy { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin: 8px 6px 0 0; padding: 11px 28px; } } @media (max-width: 450px) { .cart-info__button-buy { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; width: 100%; margin: 12px 0 0; padding: 8px 29px; } } .cart-info__more { display: none; position: absolute; top: -273px; left: 0; width: 486px; height: 260px; background-color: #ffffff; border-radius: 4px; -webkit-box-shadow: 2px 5px 15px rgba(85, 94, 88, 0.09); box-shadow: 2px 5px 15px rgba(85, 94, 88, 0.09); z-index: 1; cursor: default; } @media (max-width: 1370px) { .cart-info__more { top: -210px; width: 450px; height: 197px; } } @media (max-width: 1024px) { .cart-info__more { top: -198px; width: 390px; height: 185px; } } @media (max-width: 934px) { .cart-info__more { left: -330px; } } .cart-info__more::after { content: ""; position: absolute; bottom: -20px; left: 32px; border: 8px solid transparent; border-top: 12px solid #ffffff; z-index: 10; } @media (max-width: 1370px) { .cart-info__more::after { left: 22px; } } @media (max-width: 934px) { .cart-info__more::after { left: auto; right: 22px; } } .cart-info__item--more:hover .cart-info__more { display: block; } .cart-info__more-wrap { width: 100%; height: 100%; overflow-y: auto; } .cart-info__more-wrap::-webkit-scrollbar-track { background-color: #fafafa; } .cart-info__more-wrap::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .cart-info__more-wrap::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .cart-info__more-list { margin: 0; padding: 0; list-style: none; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 400; padding: 20px; color: #2a3a48; } @media (max-width: 1024px) { .cart-info__more-list { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; padding: 10px; } } .cart-info__item-link { display: inline-block; width: 100%; height: 100%; text-decoration: none; outline: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* margin-bottom: 12px; */ } /* @media (max-width: 1370px) { .cart-info__item-link { margin-bottom: 6px; } } @media (max-width: 450px) { .cart-info__item-link { margin-bottom: 12px; } } */ .cart-info__image { object-fit: contain; } /* @media (max-width: 1370px) { .cart-info__image { width: 60px; height: 60px; } } @media (max-width: 450px) { .cart-info__image { width: 36px; height: 36px; } } */ .cart-info__more-text { margin-left: 15px; } .cart-info__more-text--accent { color: #8d556f; } .cart-info__part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-info__pay-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .cart-info__pay-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (max-width: 768px) { .cart-info__pay-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } } @media (max-width: 450px) { .cart-info__pay-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; padding-bottom: 32px; } } .cart-info__status { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 500; margin-bottom: 15px; letter-spacing: 0.9px; text-transform: uppercase; color: #2a3a48; } @media (max-width: 768px) { .cart-info__status { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 500; margin-bottom: 3px; letter-spacing: 0.6px; } } @media (max-width: 450px) { .cart-info__status { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-bottom: 10px; } } .cart-info__status--yes { padding-left: 27px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 0 50%; } @media (max-width: 450px) { .cart-info__status--yes { padding-left: 19px; background-size: 11px 8px; } } .cart-info__order-info { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 768px) { .cart-info__order-info { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 450px) { .cart-info__order-info { width: 100%; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; -ms-flex-item-align: start; align-self: flex-start; } } .cart-info__number { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; display: inline-block; margin-right: 15px; color: #2a3a48; } @media (max-width: 768px) { .cart-info__number { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin-right: 9px; } } @media (max-width: 450px) { .cart-info__number { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-right: 4px; } } .cart-info__pay { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; display: inline-block; margin-left: 20px; color: #8d556f; } @media (max-width: 768px) { .cart-info__pay { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; margin-left: 10px; } } @media (max-width: 450px) { .cart-info__pay { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; margin-left: 12px; } } .cart-info__pay-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin-left: 32px; padding: 16px 66px; } @media (max-width: 1024px) { .cart-info__pay-button { margin-top: 14px; margin-left: 0; } } @media (max-width: 768px) { .cart-info__pay-button { margin-top: 0; margin-left: 21px; padding: 12px 38px; } } @media (max-width: 450px) { .cart-info__pay-button { width: 100%; margin-top: 16px; margin-left: 0; letter-spacing: 0.4px; } } .cart-info--yes .cart-info__pay-button { display: none; } .cart-info__link { display: inline-block; text-decoration: none; outline: none; color: inherit; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; display: block; position: absolute; bottom: 40px; right: 40px; letter-spacing: 0.03em; text-transform: uppercase; color: #8d556f; } .cart-info__link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .cart-info__link:hover::before, .cart-info__link:focus::before { width: 100%; } .cart-info__link:hover, .cart-info__link:focus { color: #5f4e64; } @media (max-width: 768px) { .cart-info__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; top: 35px; bottom: auto; right: 28px; } } @media (max-width: 450px) { .cart-info__link { padding-top: 20px; top: auto; bottom: 20px; left: 16px; right: auto; } } .cart-popup { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 1px); transform: translate3d(-50%, -50%, 1px); z-index: 20; width: 90%; max-width: 1118px; max-height: calc(100vh - 40px); padding: 46px 46px 66px; overflow-y: auto; border-radius: 6px; background: #ffffff; } @media (max-width: 890px) { .cart-popup { padding: 24px 28px 39px; } } @media (max-width: 450px) { .cart-popup { top: auto; bottom: 0; left: 0; right: 0; -webkit-transform: none; transform: none; width: 100%; padding: 29px 16px; border-radius: 6px 6px 0 0; } } @media (max-width: 350px) { .cart-popup { padding: 24px 16px; } } .cart-popup--show { display: block; } .cart-popup::-webkit-scrollbar-track { background-color: #fafafa; border-radius: 50%; } .cart-popup::-webkit-scrollbar { width: 5px; background-color: #fafafa; border-radius: 50%; } .cart-popup::-webkit-scrollbar-thumb { background-color: #cbcbcb; border-radius: 10px; } .cart-popup__close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 17px; right: 12px; } .cart-popup__close:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .cart-popup__close { top: 10px; right: 5px; } } .cart-popup__close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .cart-popup__close:hover .cart-popup__close-icon, .cart-popup__close:focus .cart-popup__close-icon { stroke: #2a3a48; } .cart-popup__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 38px; font-weight: 600; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 1024px) { .cart-popup__title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 39px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 768px) { .cart-popup__title { font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 31px; font-weight: 500; font-family: "Cormorant", serif; } } @media (max-width: 450px) { .cart-popup__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 350px) { .cart-popup__title { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 16px; font-weight: 600; font-family: "Cormorant", serif; } } .cart-popup__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 26px; } @media (max-width: 890px) { .cart-popup__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 12px; } } .cart-popup__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 51%; padding-right: 20px; border-right: 1px solid #eeeeee; } @media (max-width: 890px) { .cart-popup__info { width: 100%; padding-bottom: 20px; border-right: none; border-bottom: 1px solid #eeeeee; } } @media (max-width: 450px) { .cart-popup__info { padding-bottom: 14px; } } .cart-popup__image-wrap { -ms-flex-negative: 0; flex-shrink: 0; width: 34%; height: auto; margin-right: 24px; } @media (max-width: 890px) { .cart-popup__image-wrap { width: 20%; margin-right: 40px; } } @media (max-width: 450px) { .cart-popup__image-wrap { margin: 0 24px 0 10px; } } .cart-popup__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 32px; font-weight: 400; color: #2a3a48; } @media (max-width: 1250px) { .cart-popup__name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; } } @media (max-width: 890px) { .cart-popup__name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } } @media (max-width: 350px) { .cart-popup__name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } } .cart-popup__price { margin: 0; padding: 0; margin-top: 24px; } @media (max-width: 1250px) { .cart-popup__price { margin-top: 14px; } } .cart-popup__price-new { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; margin-right: 20px; color: #8d556f; } @media (max-width: 350px) { .cart-popup__price-new { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; } } .cart-popup__price-old { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; display: inline-block; position: relative; color: rgba(42, 58, 72, 0.7); } @media (max-width: 350px) { .cart-popup__price-old { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; } } .cart-popup__price-old:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: rgba(42, 58, 72, 0.7); } .cart-popup__buy { padding-left: 46px; } @media (max-width: 1250px) { .cart-popup__buy { padding-left: 30px; } } @media (max-width: 890px) { .cart-popup__buy { padding-left: 0; } } .cart-popup__rate-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; width: 70%; margin-top: 18px; color: #2a3a48; } @media (max-width: 1250px) { .cart-popup__rate-text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 400; } } @media (max-width: 890px) { .cart-popup__rate-text { margin-top: 18px; } } @media (max-width: 450px) { .cart-popup__rate-text { width: 90%; } } @media (max-width: 350px) { .cart-popup__rate-text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; } } .cart-popup__rate-sum, .cart-popup__rate-discount { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 27px; font-weight: 600; color: #8d556f; text-transform: uppercase; } @media (max-width: 1250px) { .cart-popup__rate-sum, .cart-popup__rate-discount { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 600; } } @media (max-width: 350px) { .cart-popup__rate-sum, .cart-popup__rate-discount { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; } } .cart-popup__rate-scale { position: relative; width: 100%; height: 6px; margin-top: 28px; background: #eeeeee; } @media (max-width: 1024px) { .cart-popup__rate-scale { margin-top: 14px; } } @media (max-width: 890px) { .cart-popup__rate-scale { margin-top: 20px; } } @media (max-width: 350px) { .cart-popup__rate-scale { margin-top: 16px; } } .cart-popup__rate-bar { position: absolute; top: 0; left: 0; height: 100%; background: -webkit-gradient( linear, left top, right top, from(#8d556f), color-stop(42.68%, #db90c3), color-stop(101.17%, #fda9e7) ); background: linear-gradient(90deg, #8d556f 0%, #db90c3 42.68%, #fda9e7 101.17%); } .cart-popup__rate-goal { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; position: absolute; top: -30px; right: 0; color: #a4a4a4; } @media (max-width: 1250px) { .cart-popup__rate-goal { top: -22px; } } @media (max-width: 450px) { .cart-popup__rate-goal { top: auto; bottom: -25px; } } @media (max-width: 350px) { .cart-popup__rate-goal { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 15px; font-weight: 400; bottom: -22px; } } .cart-popup__total { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 25px; color: #2a3a48; } @media (max-width: 1250px) { .cart-popup__total { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 400; margin-top: 15px; } } @media (max-width: 890px) { .cart-popup__total { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 400; margin-top: 32px; } } @media (max-width: 450px) { .cart-popup__total { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 37px; } } @media (max-width: 350px) { .cart-popup__total { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; } } .cart-popup__total-count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 600; margin-left: auto; color: #8d556f; } @media (max-width: 1250px) { .cart-popup__total-count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; } } @media (max-width: 890px) { .cart-popup__total-count { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 600; } } @media (max-width: 350px) { .cart-popup__total-count { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 22px; font-weight: 600; } } .cart-popup__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } @media (max-width: 1250px) { .cart-popup__button-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 250px; margin-left: auto; } } @media (max-width: 1024px) { .cart-popup__button-wrap { max-width: 100%; } } @media (max-width: 890px) { .cart-popup__button-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; } } @media (max-width: 560px) { .cart-popup__button-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 250px; margin-left: auto; } } @media (max-width: 450px) { .cart-popup__button-wrap { max-width: 100%; } } .cart-popup__button-next { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; padding: 16px 34px; letter-spacing: 0.4px; } @media (max-width: 1250px) { .cart-popup__button-next { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 10px; } } @media (max-width: 890px) { .cart-popup__button-next { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 48%; margin-top: 0; padding: 16px; } } @media (max-width: 560px) { .cart-popup__button-next { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: auto; margin-top: 10px; } } .cart-popup__button-cart { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; padding: 16px 29px; letter-spacing: 0.4px; text-align: center; } @media (max-width: 890px) { .cart-popup__button-cart { width: 48%; padding: 16px; } } @media (max-width: 560px) { .cart-popup__button-cart { width: auto; } } .cart { /* position: relative; */ max-width: 1400px; margin: 58px auto 0; /* padding: 0 49px; */ } @media (max-width: 1024px) { .cart { max-width: 1024px; margin: 39px auto 0; } } @media (max-width: 768px) { .cart { max-width: 768px; /* padding: 0 40px; */ } } @media (max-width: 650px) { .cart { max-width: 100%; } } @media (max-width: 450px) { .cart { margin: 20px auto 20px; /* padding: 0 16px; */ } } .cart__header { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 650px) { .cart__header { flex-direction: column; align-items: flex-start; } } .cart__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.4px; color: #5f4e64; } @media (max-width: 1024px) { .cart__title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 39px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; } } @media (max-width: 890px) { .cart__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 450px) { .cart__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 350px) { .cart__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 23px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } .cart__title--small { font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 2px; } @media (max-width: 1024px) { .cart__title--small { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 31px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 1px; } } @media (max-width: 450px) { .cart__title--small { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 0.8px; } } @media (max-width: 350px) { .cart__title--small { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; letter-spacing: 0.7px; } } .cart__clear-button { position: relative; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; /* padding-right: 30px; */ color: #828282; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .cart__clear-button:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .cart__clear-button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 28px; font-weight: 400; } } @media (max-width: 768px) { .cart__clear-button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 28px; font-weight: 400; } } @media (max-width: 650px) { .cart__clear-button { align-self: flex-end; margin-top: 5px; } } @media (max-width: 450px) { .cart__clear-button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; } } @media (max-width: 350px) { .cart__clear-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 28px; font-weight: 400; } } .cart__clear-button:hover, .cart__clear-button:focus { color: #2a3a48; } .cart__clear-button-icon { position: absolute; top: 7px; right: 0; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 890px) { .cart__clear-button-icon { width: 12px; height: 12px; top: 7px; right: 6px; } } @media (max-width: 450px) { .cart__clear-button-icon { top: 4px; } } @media (max-width: 350px) { .cart__clear-button-icon { top: 7px; } } .cart__clear-button:hover .cart__clear-button-icon, .cart__clear-button:focus .cart__clear-button-icon { stroke: #2a3a48; } .cart__rate { margin-top: 38px; } @media (max-width: 1024px) { .cart__rate { margin-top: 23px; } } @media (max-width: 650px) { .cart__rate { padding-bottom: 20px; } } @media (max-width: 450px) { .cart__rate { margin-top: 20px; padding-bottom: 40px; } } .cart__rate-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; color: #2a3a48; } @media (max-width: 1024px) { .cart__rate-text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; } } @media (max-width: 890px) { .cart__rate-text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; width: 50%; } } @media (max-width: 650px) { .cart__rate-text { width: 80%; } } @media (max-width: 450px) { .cart__rate-text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 400; } } @media (max-width: 350px) { .cart__rate-text { width: 100%; } } .cart__rate-sum, .cart__rate-discount { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; color: #8d556f; text-transform: uppercase; } @media (max-width: 1024px) { .cart__rate-sum, .cart__rate-discount { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; } } @media (max-width: 890px) { .cart__rate-sum, .cart__rate-discount { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; } } @media (max-width: 450px) { .cart__rate-sum, .cart__rate-discount { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 23px; font-weight: 600; } } .cart__rate-scale { position: relative; width: 100%; height: 6px; margin-top: 23px; background: #eeeeee; } @media (max-width: 1024px) { .cart__rate-scale { margin-top: 14px; } } .cart__rate-bar { position: absolute; top: 0; left: 0; height: 100%; background: -webkit-gradient( linear, left top, right top, from(#8d556f), color-stop(42.68%, #db90c3), color-stop(101.17%, #fda9e7) ); background: linear-gradient(90deg, #8d556f 0%, #db90c3 42.68%, #fda9e7 101.17%); } .cart__rate-goal { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: absolute; top: -35px; right: 0; color: #a4a4a4; } @media (max-width: 1024px) { .cart__rate-goal { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 890px) { .cart__rate-goal { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; top: -25px; } } @media (max-width: 450px) { .cart__rate-goal { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; } } @media (max-width: 350px) { .cart__rate-goal { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 15px; font-weight: 400; top: 10px; } } .cart__table-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; text-align: left; } @media (max-width: 1024px) { .cart__table-title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 650px) { .cart__table-title { margin-top: 20px; } } .cart__table-title--count { text-align: center; } .cart__table-title--price { text-align: right; } .cart__product-image-wrap { padding-right: 30px; } @media (max-width: 890px) { .cart__product-image-wrap { padding-right: 15px; } } .cart__product-image { width: auto; max-height: 120px; } @media (max-width: 1024px) { .cart__product-image { max-height: 96px; } } @media (max-width: 890px) { .cart__product-image { max-height: 80px; } } @media (max-width: 350px) { .cart__product-image { max-height: 60px; } } .cart__product-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; width: 90%; color: #2a3a48; } @media (max-width: 1024px) { .cart__product-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; } } @media (max-width: 890px) { .cart__product-name { width: 97%; padding-bottom: 5px; } } @media (max-width: 600px) { .cart__product-name { width: 100%; } } @media (max-width: 450px) { .cart__product-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .cart__product-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .cart__product-name span { margin: 0; padding: 0; display: block; } .cart__buy-count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; width: 150px; height: 50px; border: 1px solid #cbcbcb; border-radius: 3px; color: #2a3a48; } @media (max-width: 890px) { .cart__buy-count { width: 84px; height: 28px; } } .cart__table-row--gift .cart__buy-count { border: none; width: auto; height: auto; } .cart__buy-min-count, .cart__buy-current-count, .cart__buy-max-count { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border: 1px solid transparent; border-radius: 2px; color: #333333; text-align: center; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .cart__buy-min-count:not(:disabled), .cart__buy-current-count:not(:disabled), .cart__buy-max-count:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .cart__buy-min-count, .cart__buy-current-count, .cart__buy-max-count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 26px; font-weight: 400; width: 28px; height: 28px; } } .cart__buy-min-count:hover, .cart__buy-min-count:focus, .cart__buy-max-count:hover, .cart__buy-max-count:focus { border: 1px solid #8d556f; color: #8d556f; } .cart__buy-current-count { cursor: auto; } .cart__buy-min-count { margin-top: -1px; margin-left: -1px; } .cart__buy-max-count { margin-top: -1px; margin-right: -1px; } .cart__product-price { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-end; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media (max-width: 650px) { .cart__product-price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cart__product-price-new { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 500; color: #2a3a48; white-space: nowrap; } @media (max-width: 890px) { .cart__product-price-new { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 500; } } @media (max-width: 450px) { .cart__product-price-new { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; } } .cart__product-price-old { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; display: block; position: relative; margin-right: 21px; color: #a4a4a4; } @media (max-width: 890px) { .cart__product-price-old { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-right: 15px; } } @media (max-width: 650px) { .cart__product-price-old { margin-right: 0; margin-left: auto; } } @media (max-width: 450px) { .cart__product-price-old { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .cart__product-price-old:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #a4a4a4; } .cart__price-discount { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; margin-top: 10px; color: #8d556f; } @media (max-width: 890px) { .cart__price-discount { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; margin-top: 3px; } } @media (max-width: 450px) { .cart__price-discount { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; } } .cart__table { margin-top: 60px; } @media (max-width: 1024px) { .cart__table { margin-top: 40px; } } @media (max-width: 600px) { .cart__table { margin-top: 0; } } .cart__table-row { display: grid; grid-template-columns: 12% 39% 20% 20% 9%; padding: 22px 0; border-bottom: 1px solid #eeeeee; } @media (max-width: 1024px) { .cart__table-row { grid-template-columns: 11% 37% 20% 23% 9%; padding: 34px 0; } } @media (max-width: 890px) { .cart__table-row { grid-template-areas: "image product price delete" "image count price delete"; grid-template-columns: 16% 48% 27% 9%; padding: 16px 0; } } @media (max-width: 600px) { .cart__table-row { grid-template-areas: "image product delete" ". count price"; grid-template-columns: 16% 57% 27%; padding: 26px 0; } } .cart__table-row--head { padding: 0 0 25px; grid-template-columns: 12% 39% 20% 20% 9%; } @media (max-width: 1024px) { .cart__table-row--head { grid-template-columns: 11% 37% 20% 23% 9%; padding: 0 0 7px; } } @media (max-width: 890px) { .cart__table-row--head { display: none; } } @media (max-width: 890px) { .cart__table-cell--image { grid-area: image; display: flex; justify-content: center; align-items: center; } } .cart__table-cell--product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } @media (max-width: 890px) { .cart__table-cell--product { grid-area: product; } } @media (max-width: 450px) { .cart__table-cell--product { padding-bottom: 10px; } } .cart__table-cell--count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 890px) { .cart__table-cell--count { grid-area: count; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cart__table-cell--price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 890px) { .cart__table-cell--price { grid-area: price; } } .cart__table-cell--delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 890px) { .cart__table-cell--delete { grid-area: delete; } } @media (max-width: 600px) { .cart__table-cell--delete { flex-direction: row; justify-content: flex-end; align-items: flex-start; } } .cart__product-delete { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; margin-right: 30px; } .cart__product-delete:not(:disabled) { cursor: pointer; } @media (max-width: 1024px) { .cart__product-delete { margin-right: 23px; } } @media (max-width: 890px) { .cart__product-delete { margin-right: 0; } } @media (max-width: 600px) { .cart__product-delete { margin-top: 6px; } } @media (max-width: 450px) { .cart__product-delete { margin-top: 6px; } } .cart__table-row--gift .cart__product-delete { display: none; } .cart__product-delete-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1024px) { .cart__product-delete-icon { width: 18px; height: 18px; } } @media (max-width: 890px) { .cart__product-delete-icon { width: 12px; height: 12px; } } .cart__product-delete:hover .cart__product-delete-icon, .cart__product-delete:focus .cart__product-delete-icon { stroke: #2a3a48; } .cart__price-gift { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 20px; font-weight: 500; color: #8d556f; } @media (max-width: 1024px) { .cart__price-gift { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 24px; font-weight: 500; } } @media (max-width: 450px) { .cart__price-gift { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; } } .cart__total { position: relative; } .cart__promocode { position: absolute; top: 42px; left: 0; } @media (max-width: 1250px) { .cart__promocode { position: static; margin-top: 38px; } } .cart__promocode-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 31px; font-weight: 600; font-family: "Cormorant Unicase", serif; color: #5f4e64; letter-spacing: 1px; } @media (max-width: 1024px) { .cart__promocode-name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 890px) { .cart__promocode-name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.7px; } } .cart__promocode-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } @media (max-width: 1024px) { .cart__promocode-group { margin-top: 22px; } } @media (max-width: 1250px) { .cart__promocode-group { margin-top: 19px; } } @media (max-width: 650px) { .cart__promocode-group { max-width: 380px; } } .cart__promocode-field { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 240px; margin-right: 16px; padding: 14px 16px; background: #ffffff; border: 1px solid #dedede; border-radius: 2px; color: #333442; outline: none; } @media (max-width: 1250px) { .cart__promocode-field { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 239px; margin-right: 20px; padding: 13px 16px; } } @media (max-width: 650px) { .cart__promocode-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin-right: 0; } } .cart__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .cart__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .cart__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .cart__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } @media (max-width: 1024px) { .cart__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .cart__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .cart__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .cart__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } } @media (max-width: 650px) { .cart__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .cart__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .cart__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .cart__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } } .cart__promocode-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; display: block; padding: 17px 39px; letter-spacing: 0.5px; } @media (max-width: 890px) { .cart__promocode-button { padding: 13px 30px; } } @media (max-width: 650px) { .cart__promocode-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 14px; } } .cart__promocode-button--mobile { display: none; } @media (max-width: 650px) { .cart__promocode-button--mobile { display: block; } } @media (max-width: 650px) { .cart__promocode-button--desktop { display: none; } } .cart__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; padding-top: 53px; } @media (max-width: 890px) { .cart__price { padding-top: 42px; } } @media (max-width: 450px) { .cart__price { padding-top: 30px; } } .cart__price-part { display: -webkit-box; display: -ms-flexbox; display: flex; } .cart__price-part:not(:last-child) { border-bottom: 1px solid #eeeeee; } .cart__price-details { min-width: 500px; margin-left: auto; padding-bottom: 70px; } @media (max-width: 1250px) { .cart__price-details { min-width: 100%; padding-bottom: 15px; } } .cart__price-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 500px; margin-left: auto; margin-top: 18px; margin-bottom: 60px; } @media (max-width: 1250px) { .cart__price-total { min-width: 100%; margin-top: 5px; } } .cart__price-line { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 16px; color: #2a3a48; } @media (max-width: 450px) { .cart__price-line { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 450px) { .cart__price-line { margin-top: 9px; } } .cart__price-item { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart__price-count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 30px; font-weight: 600; margin-left: auto; } @media (max-width: 890px) { .cart__price-count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; } } @media (max-width: 450px) { .cart__price-count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 30px; font-weight: 600; } } .cart__price-line--discount .cart__price-count { color: #8d556f; } .cart__price-line--total .cart__price-count { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 34px; font-weight: 600; color: #8d556f; } @media (max-width: 890px) { .cart__price-line--total .cart__price-count { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 34px; font-weight: 600; } } @media (max-width: 450px) { .cart__price-line--total .cart__price-count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; } } .cart__price-buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } @media (max-width: 890px) { .cart__price-buttons-wrap { margin-top: 14px; } } @media (max-width: 768px) { .cart__price-buttons-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 280px; -ms-flex-item-align: end; align-self: flex-end; } } @media (max-width: 450px) { .cart__price-buttons-wrap { width: 100%; } } .cart__quick-buy { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; margin-right: 20px; padding: 14px 32px; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 1250px) { .cart__quick-buy { margin-left: auto; } } @media (max-width: 890px) { .cart__quick-buy { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 600; } } @media (max-width: 768px) { .cart__quick-buy { width: 100%; margin-top: 10px; } } @media (max-width: 450px) { .cart__quick-buy { -ms-flex-item-align: start; align-self: flex-start; } } .cart__buy-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; padding: 14px 32px; letter-spacing: 0.6px; } @media (max-width: 890px) { .cart__buy-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 600; width: 274px; } } @media (max-width: 768px) { .cart__buy-button { width: 100%; } } @media (max-width: 450px) { .cart__buy-button { width: 100%; } } .catalog-link { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-link:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .catalog-link { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .catalog-link__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; display: block; position: relative; min-height: 40px; padding: 10px 0 0 52px; color: #2a3a48; text-transform: uppercase; letter-spacing: 0.35px; cursor: pointer; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .catalog-link__title:hover, .catalog-link__title:focus { color: #8d556f; text-shadow: 0 0 0.01px #8d556f, 0 0 0.01px #8d556f; } @media (max-width: 1024px) { .catalog-link__title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; padding: 12px 0 0 40px; } } @media (max-width: 890px) { .catalog-link__title { display: flex; justify-content: center; align-items: center; font-family: "Montserrat", sans-serif; font-size: 0; line-height: 0; font-weight: 400; padding: 0; } } .catalog-link__title-image { position: absolute; top: 0; left: 0; stroke: #2a3a48; fill: transparent; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1024px) { .catalog-link__title-image { width: 36px; height: 36px; top: 2px; } } @media (max-width: 890px) { .catalog-link__title-image { position: static; } } .catalog-link__title:hover .catalog-link__title-image, .catalog-link__title:hover .catalog-link__title-image { stroke: #8d556f; fill: #8d556f; } @media (max-width: 890px) { .catalog-link__title-image--main { display: none; } } .catalog-link__title-image--burger { display: none; } @media (max-width: 890px) { .catalog-link__title-image--burger { display: block; } } .catalog-slider { margin-top: 14px; margin-bottom: 120px; overflow: hidden; } @media (max-width: 1024px) { .catalog-slider { margin-top: 7px; margin-bottom: 80px; } } @media (max-width: 890px) { .catalog-slider { margin-top: 13px; margin-bottom: 52px; } } @media (max-width: 450px) { .catalog-slider { margin-bottom: 60px; /* padding: 0 0 0 10px; */ padding: 0; } } .catalog-slider__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 72px; height: 12px; margin-left: auto; } @media (max-width: 450px) { .catalog-slider__arrows { display: none; } } .catalog-slider__arrow { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; width: 26px; height: 12px; padding: 0; } .catalog-slider__arrow:not(:disabled) { cursor: pointer; } .catalog-slider__arrow--left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog-slider__arrow-icon { position: absolute; top: 0; left: 0; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .catalog-slider__arrow:hover .catalog-slider__arrow-icon, .catalog-slider__arrow:focus .catalog-slider__arrow-icon { stroke: #2a3a48; } .catalog-slider__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 18px; overflow: hidden; } @media (max-width: 1024px) { .catalog-slider__list { margin-top: 19px; } } @media (max-width: 450px) { .catalog-slider__list { margin-top: 24px; } } .catalog-slider__item { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .catalog-slider__item.category-active, .catalog-slider__item:hover, .catalog-slider__item:focus { background: radial-gradient(50.72% 50.72% at 47.16% 52.16%, #f3f1f2 0%, #f3f1f2 100%); } .catalog-slider__link { display: block; text-decoration: none; } .catalog-slider__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; padding: 8px 0; text-transform: uppercase; text-align: center; color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .catalog-slider__item.category-active .catalog-slider__title, .catalog-slider__item:hover .catalog-slider__title, .catalog-slider__item:focus .catalog-slider__title { background-color: #b38e9f; color: #ffffff; } @media (max-width: 1024px) { .catalog-slider__title { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 16px; font-weight: 500; margin-top: -4px; padding: 6px 0; letter-spacing: 0.3px; } } @media (max-width: 890px) { .catalog-slider__title { text-transform: none; } } @media (max-width: 450px) { .catalog-slider__title { display: flex; justify-content: center; align-items: center; font-family: "Montserrat", sans-serif; font-size: 11px; line-height: 12px; font-weight: 500; width: 86px; min-height: 24px; margin: 0; padding: 4px 0; vertical-align: middle; } } .catalog { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; margin-top: 80px; } @media (max-width: 890px) { .catalog { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; margin: 39px -7px 0; } } @media (max-width: 650px) { .catalog { grid-column-gap: 10px; } } .catalog.swiper-wrapper { display: flex; grid-column-gap: 0; } @media (max-width: 450px) { .catalog { margin: 23px 0 0; } } @media (max-width: 450px) { .catalog--wide { padding: 0 16px; } } @media (max-width: 1024px) { .catalog--new { margin-top: 40px; } } @media (max-width: 768px) { .catalog--new { margin-top: 28px; } } @media (max-width: 1024px) { .catalog--profit { margin-top: 40px; } } @media (max-width: 768px) { .catalog--profit { margin-top: 28px; } } @media (max-width: 450px) { .catalog--profit { padding: 0; margin-top: 22px; } } @media (max-width: 1024px) { .catalog--bestseller { margin-top: 40px; } } @media (max-width: 768px) { .catalog--bestseller { margin-top: 28px; } } @media (max-width: 450px) { .catalog--bestseller { padding: 0; margin-top: 22px; } } .catalog--card-page { margin-top: 60px; } @media (max-width: 890px) { .catalog--card-page { margin-top: 30px; } } @media (max-width: 768px) { .catalog--card-page { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .catalog--cart { margin-top: 60px; } @media (max-width: 1024px) { .catalog--cart { margin-top: 40px; } } @media (max-width: 890px) { .catalog--cart { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 450px) { .catalog--cart { margin-top: 10px; } } .catalog--promo { margin-top: 40px; } @media (max-width: 768px) { .catalog--promo { margin-top: 30px; } } .catalog__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 80px; } @media (max-width: 1024px) { .catalog__item { margin-bottom: 67px; } } @media (max-width: 890px) { .catalog__item { margin-bottom: 45px; } } @media (max-width: 450px) { .catalog__item { margin-bottom: 23px; } } @media (max-width: 350px) { .catalog__item { margin-bottom: 12px; } } @media (max-width: 890px) { .cart-catalog .catalog__item { margin-bottom: 0; } } .catalog--new .catalog__item:nth-child(n + 4) { display: none; } @media (max-width: 890px) { .catalog--new .catalog__item:nth-child(n + 4) { display: none; } } @media (max-width: 450px) { .catalog--new .catalog__item:nth-child(n + 4) { display: block; } } @media (max-width: 890px) { .catalog--new .catalog__item:nth-child(n + 3) { display: none; } } @media (max-width: 450px) { .catalog--new .catalog__item:nth-child(n + 3) { display: block; } } .catalog--profit .catalog__item:nth-child(n + 4) { display: none; } @media (max-width: 890px) { .catalog--profit .catalog__item:nth-child(n + 4) { display: block; } } .catalog--bestseller .catalog__item:nth-child(n + 4) { display: none; } @media (max-width: 890px) { .catalog--bestseller .catalog__item:nth-child(n + 3) { display: none; } } @media (max-width: 450px) { .catalog--bestseller .catalog__item:nth-child(n + 3) { display: block; } } .catalog--recommend .catalog__item { -ms-flex-negative: 0; flex-shrink: 0; } .choose-gift { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; width: 90%; max-width: 1036px; max-height: calc(100vh - 40px); padding: 60px 30px; overflow-y: auto; margin: 0 auto; border-radius: 4px; background-color: #ffffff; } @media (max-width: 890px) { .choose-gift { padding: 30px 16px; } } @media (max-width: 450px) { .choose-gift { top: auto; bottom: 0; left: 0; right: 0; -webkit-transform: none; transform: none; width: 100%; max-height: calc(100vh - 110px); padding: 40px 8px; border-radius: 4px 4px 0 0; } } .choose-gift--show { display: block; } .choose-gift::-webkit-scrollbar-track { background-color: #fafafa; } .choose-gift::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .choose-gift::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .choose-gift__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 17px; right: 16px; } .choose-gift__button-close:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .choose-gift__button-close { top: 10px; right: 5px; } } .choose-gift__close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .choose-gift__button-close:hover .choose-gift__close-icon, .choose-gift__button-close:focus .choose-gift__close-icon { stroke: #2a3a48; } .choose-gift__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 0 0 35px 10px; letter-spacing: 1.5px; color: #624d65; } @media (max-width: 1250px) { .choose-gift__title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 33px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; } } @media (max-width: 1024px) { .choose-gift__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 450px) { .choose-gift__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 0 0 25px 24px; letter-spacing: 0.65px; } } .choose-gift__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .choose-gift__item { width: calc(25% - 20px); margin: 10px; } @media (max-width: 890px) { .choose-gift__item { width: calc(33% - 8px); margin: 4px; } } @media (max-width: 650px) { .choose-gift__item { width: calc(50% - 8px); } } .choose-gift__item-image { width: 65%; padding-top: 10px; } .choose-gift__checkbox-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 2px; cursor: pointer; } .choose-gift__checkbox-name:hover, .choose-gift__checkbox-name:focus { border: 1px solid #eeeeee; } .gift-checked .choose-gift__checkbox-name { border: 1px solid #eeeeee; background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat calc(100% - 8px) 8px; background-size: 20px 20px; } @media (max-width: 450px) { .gift-checked .choose-gift__checkbox-name { background-size: 14px 14px; background-position: calc(100% - 4px) 4px; } } .choose-gift__item-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; padding: 5px 14px 15px; color: #2a3a48; } @media (max-width: 768px) { .choose-gift__item-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; padding: 5px 8px 15px; } } @media (max-width: 450px) { .choose-gift__item-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .company__content { margin-top: 120px; } @media (max-width: 1024px) { .company__content { margin-top: 55px; } } @media (max-width: 450px) { .company__content { margin-top: 40px; } } @media (max-width: 350px) { .company__content { margin-top: 37px; } } .contact { margin-top: 15px; } @media (max-width: 1250px) { .contact { margin-top: 35px; } } @media (max-width: 650px) { .contact { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 41px; } } @media (max-width: 350px) { .contact { margin-top: 63px; } } .contact__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; font-family: "Cormorant", serif; margin: 0 0 33px; color: #5f4e64; } @media (max-width: 1250px) { .contact__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant", serif; } } @media (max-width: 650px) { .contact__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; margin: 0 0 18px; } } @media (max-width: 350px) { .contact__title { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 21px; font-weight: 600; font-family: "Cormorant", serif; margin: 0 0 26px; } } .contact__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; display: block; margin: 19px 0 0; padding: 19px 86px; letter-spacing: 0.7px; } @media (max-width: 1250px) { .contact__button { margin: 9px 0 0; } } @media (max-width: 650px) { .contact__button { width: 100%; margin: 38px 0 0; padding: 15px 86px; } } @media (max-width: 350px) { .contact__button { margin: 30px 0 0; padding: 13px 86px; } } .contact__processing { display: none; } @media (max-width: 650px) { .contact__processing { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; display: block; margin: 17px 0 60px; color: #a4a4a4; } } @media (max-width: 350px) { .contact__processing { margin-top: 7px; } } @media (max-width: 350px) { .contact__processing { margin-top: 20px; } } .contact__processing-link { display: inline-block; text-decoration: none; outline: none; color: inherit; position: relative; color: #8d556f; } .contact__processing-link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .contact__processing-link:hover::before, .contact__processing-link:focus::before { width: 100%; } .contact__processing-link:hover, .contact__processing-link:focus { color: #5f4e64; } .contacts-data { margin-top: 27px; } @media (max-width: 1250px) { .contacts-data { margin-top: 19px; } } @media (max-width: 650px) { .contacts-data { margin-top: 30px; } } @media (max-width: 350px) { .contacts-data { margin-top: 18px; } } .contacts-data__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 650px) { .contacts-data__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contacts-data__item { width: 50%; margin-bottom: 38px; padding-right: 30px; } @media (max-width: 1250px) { .contacts-data__item { margin-bottom: 24px; } } @media (max-width: 650px) { .contacts-data__item { width: 100%; margin-bottom: 28px; } } @media (max-width: 350px) { .contacts-data__item { margin-bottom: 20px; } } .contacts-data__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 32px; font-weight: 700; font-family: "Cormorant Unicase", serif; margin-bottom: 18px; letter-spacing: 1px; text-transform: uppercase; color: #5f4e64; } @media (max-width: 650px) { .contacts-data__title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 700; font-family: "Cormorant Unicase", serif; margin-bottom: 8px; } } @media (max-width: 350px) { .contacts-data__title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 700; font-family: "Cormorant Unicase", serif; } } .contacts-data__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #2a3a48; } @media (max-width: 650px) { .contacts-data__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } } @media (max-width: 350px) { .contacts-data__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } } .contacts-data__link { display: inline-block; text-decoration: none; outline: none; color: inherit; color: inherit; } .contacts__title { margin-top: 67px; } @media (max-width: 1250px) { .contacts__title { margin-top: 39px; } } @media (max-width: 650px) { .contacts__title { margin-top: 49px; } } @media (max-width: 350px) { .contacts__title { margin-top: 30px; } } .contacts__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1440px; padding: 0 67px; margin: 25px auto 0; } @media (max-width: 1440px) { .contacts__wrapper { margin: 26px auto 0; } } @media (max-width: 1250px) { .contacts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .contacts__wrapper { max-width: 1024px; padding: 0 40px; margin: 20px auto 0; } } @media (max-width: 768px) { .contacts__wrapper { max-width: 768px; } } @media (max-width: 450px) { .contacts__wrapper { max-width: 100%; margin: 13px auto 0; padding: 0 16px; } } .contacts__contacts-data { width: 61%; } @media (max-width: 1250px) { .contacts__contacts-data { width: 100%; } } .contacts__contact { width: 39%; } @media (max-width: 1250px) { .contacts__contact { width: 100%; } } .contacts__map { width: 100%; margin: 60px 0 125px; } @media (max-width: 1250px) { .contacts__map { margin: 60px 0 58px; } } @media (max-width: 768px) { .contacts__map { width: calc(100% + 80px); margin: 60px -40px 58px; } } @media (max-width: 650px) { .contacts__map { margin: 7px -40px 0; } } @media (max-width: 450px) { .contacts__map { width: calc(100% + 32px); margin: 7px -16px 0; } } .content__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .content__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .content__part { width: 44%; } @media (max-width: 1024px) { .content__part { width: 74%; } } @media (max-width: 450px) { .content__part { width: 100%; } } @media (max-width: 1024px) { .content__part--image { margin-top: 24px; } } @media (max-width: 450px) { .content__part--image { margin-top: 30px; } } @media (max-width: 1024px) { .content__part--text { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (max-width: 1024px) { .content__image { max-width: 344px; } } @media (max-width: 450px) { .content__image { max-width: 100%; } } .content__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.66; font-weight: 400; margin-top: 18px; padding-right: 65px; } @media (max-width: 1250px) { .content__text { padding-right: 0; } } @media (max-width: 1024px) { .content__text { margin-top: 18px; } } @media (max-width: 450px) { .content__text { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; } } @media (max-width: 350px) { .content__text { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 400; margin-top: 13px; } } .content__text:first-of-type { margin-top: 42px; } @media (max-width: 1024px) { .content__text:first-of-type { margin-top: 30px; } } @media (max-width: 450px) { .content__text:first-of-type { margin-top: 23px; } } .content__author { margin-top: 57px; } @media (max-width: 1024px) { .content__author { margin-top: 12px; } } @media (max-width: 450px) { .content__author { margin-top: 15px; } } @media (max-width: 1024px) { .content__author--desktop { display: none; } } .content__author--mobile { display: none; } @media (max-width: 1024px) { .content__author--mobile { display: block; } } .content__author-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 37px; font-weight: 600; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 1024px) { .content__author-name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; } } .content__author-post { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 7px; color: #a4a4a4; } @media (max-width: 1024px) { .content__author-post { margin-top: 10px; } } @media (max-width: 1024px) { .content__author-post { width: 55%; } } @media (max-width: 450px) { .content__author-post { width: 80%; } } @media (max-width: 350px) { .content__author-post { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 400; width: 85%; margin-top: 7px; } } .copyright { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 450px) { .copyright { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .copyright__item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; color: #828282; } @media (max-width: 890px) { .copyright__item { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 24px; font-weight: 400; } } .copyright__item--art6 { padding-left: 58px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 890px) { .copyright__item--art6 { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 24px; font-weight: 400; margin-top: -2px; margin-right: -2px; } } @media (max-width: 450px) { .copyright__item--art6 { margin-top: -5px; padding-left: 0; } } @media (max-width: 890px) { .copyright__item--privacy { display: none; } } .copyright__link { display: inline-block; text-decoration: none; outline: none; color: inherit; color: inherit; } .copyright__link--art6 { padding-right: 50px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-art6.svg") no-repeat 50%; } @media (max-width: 890px) { .copyright__link--art6 { padding-right: 40px; background-size: 31px 11px; background-position: 5px 7px; } } .copyright__link--privacy { padding-right: 5px; } .copyright__link--mobile { display: none; } @media (max-width: 890px) { .copyright__link--mobile { display: block; } } @media (max-width: 890px) { .copyright__link--desktop { display: none; } } .copyright__set { margin: 0; padding: 0; list-style: none; } @media (max-width: 890px) { .copyright__set { margin-top: 5px; } } @media (max-width: 890px) { .copyright__set-item { margin-top: -5px; } } .description { display: -webkit-box; display: -ms-flexbox; display: flex; } .description__left { width: 50%; } @media (max-width: 1024px) { .description__left { width: 60%; } } @media (max-width: 890px) { .description__left { width: 90%; } } @media (max-width: 350px) { .description__left { width: 100%; } } .description__right { margin-left: auto; } @media (max-width: 890px) { .description__right { margin-left: 0; margin-top: 23px; } } .description__cert { height: 131px; margin-top: 6px; padding-left: 106px; background: url("/local/templates/pgmnt/assets/sass/../images/cert.jpg") no-repeat; } @media (max-width: 450px) { .description__cert { height: 107px; padding-left: 90px; background-size: 74px 107px; } } .description__cert-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; width: 146px; padding-top: 33px; color: #a4a4a4; } @media (max-width: 450px) { .description__cert-text { height: 107px; background-size: 74px 107px; } } @media (max-width: 450px) { .description__cert-text { height: 67px; } } @media (max-width: 350px) { .description__cert-text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; padding-top: 24px; } } .description__cert-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; position: relative; padding: 13px 0 0 28px; letter-spacing: 0.5px; text-transform: uppercase; color: #8d556f; background: url("/local/templates/pgmnt/assets/sass/../images/icon-download.svg") no-repeat 0 10px; } .description__cert-button:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .description__cert-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; } } .favorites { margin-top: 73px; } @media (max-width: 768px) { .favorites { margin-top: 33px; } } @media (max-width: 450px) { .favorites { margin-top: 43px; } } @media (max-width: 350px) { .favorites { margin-top: 20px; } } .favorites__clear-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: relative; padding-right: 35px; color: #828282; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .favorites__clear-button:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .favorites__clear-button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 28px; font-weight: 400; } } @media (max-width: 768px) { .favorites__clear-button { display: none; } } .favorites__clear-button:hover, .favorites__clear-button:focus { color: #2a3a48; } .favorites__clear-button-icon { position: absolute; top: 7px; right: 0; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 890px) { .favorites__clear-button-icon { width: 12px; height: 12px; top: 7px; right: 6px; } } @media (max-width: 450px) { .favorites__clear-button-icon { top: 4px; } } @media (max-width: 350px) { .favorites__clear-button-icon { top: 7px; } } .favorites__clear-button:hover .favorites__clear-button-icon, .favorites__clear-button:focus .favorites__clear-button-icon { stroke: #2a3a48; } .favorites__button { display: none; } @media (max-width: 768px) { .favorites__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: -5px auto 78px; padding: 15px 23px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 450px) { .favorites__button { margin: 6px auto 78px; padding: 12px 18px; } } @media (max-width: 350px) { .favorites__button { margin: 15px auto 60px; } } .favorites__sort { margin-top: 82px; padding-bottom: 15px; } @media (max-width: 1024px) { .favorites__sort { margin-top: 63px; padding-bottom: 13px; } } @media (max-width: 890px) { .favorites__sort { margin-top: 43px; } } @media (max-width: 450px) { .favorites__sort { margin-top: 39px; padding: 0 16px 5px; } } .feature-list { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } @media (max-width: 350px) { .feature-list { top: 6px; left: 6px; } } .feature-list--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .feature-list__item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 29px; font-weight: 600; width: 53px; height: 29px; margin-bottom: 10px; border-radius: 4px; text-transform: uppercase; color: #ffffff; text-align: center; } @media (max-width: 450px) { .feature-list__item { font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 19px; font-weight: 600; width: 40px; height: 19px; margin-bottom: 4px; } } .feature-list__item--30 { background: #d7635e; } .feature-list__item--gift { background: #a98ae2 url("/local/templates/pgmnt/assets/sass/../images/icon-gift.svg") no-repeat 50% 50%; } @media (max-width: 450px) { .feature-list__item--gift { background-size: 12px 10px; } } @media (max-width: 450px) { .feature-list--horizontal .feature-list__item--gift { background-size: 15px 15px; } } @media (max-width: 350px) { .feature-list--horizontal .feature-list__item--gift { background-size: 12px 12px; } } .feature-list__item--new { background: #5db88e; } .feature-list__item--hit { background: #6bc8f6; } .feature-list--horizontal .feature-list__item { margin-bottom: 0; margin-right: 13px; } @media (max-width: 450px) { .feature-list--horizontal .feature-list__item { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 26px; font-weight: 600; width: 48px; height: 26px; margin-bottom: 4px; margin-right: 6px; } } @media (max-width: 350px) { .feature-list--horizontal .feature-list__item { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 22px; font-weight: 500; width: 40px; height: 22px; margin-right: 8px; } } .filter { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; overflow: hidden; } @media (max-width: 890px) { .filter { margin-top: 28px; } } @media (max-width: 450px) { .filter { margin-top: 18px; /* padding: 0 0 0 16px; */ padding: 0; } } .filter__item { margin-right: 33px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1024px) { .filter__item { margin-right: 17px; } } @media (max-width: 450px) { .filter__item { margin-right: 10px; } } .filter__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; display: block; padding: 13px 25px; border: 0.5px solid #cbcbcb; border-radius: 2px; color: #5f4e64; background-color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .filter__checkbox-item:checked ~ .filter__checkbox-name { color: #ffffff; background-color: #b38e9f; } @media (max-width: 1024px) { .filter__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; padding-right: 28px; } } @media (max-width: 890px) { .filter__checkbox-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; padding: 9px 14px; } } @media (max-width: 450px) { .filter__checkbox-name { padding: 8px 8px; } } .gallery-popup { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; width: 1306px; max-height: calc(100vh - 40px); overflow-y: auto; margin: 0 auto; border-radius: 4px; } @media (max-width: 1440px) { .gallery-popup { width: 90%; } } @media (max-width: 650px) { .gallery-popup { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 60%; } } @media (max-width: 450px) { .gallery-popup { width: 80%; } } @media (max-width: 350px) { .gallery-popup { width: 100%; } } .gallery-popup--show { display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery-popup--card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 45%; max-width: 714px; } @media (max-width: 650px) { .gallery-popup--card { width: 60%; } } @media (max-width: 450px) { .gallery-popup--card { width: 80%; } } @media (max-width: 350px) { .gallery-popup--card { width: 100%; } } .gallery-popup::-webkit-scrollbar-track { background-color: #fafafa; } .gallery-popup::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .gallery-popup::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .gallery-popup__image-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; width: 55%; } @media (max-width: 1250px) { .gallery-popup__image-wrap { width: 50%; } } @media (max-width: 1024px) { .gallery-popup__image-wrap { width: 45%; } } @media (max-width: 768px) { .gallery-popup__image-wrap { width: auto; } } @media (max-width: 650px) { .gallery-popup__image-wrap { position: relative; } } .gallery-popup--card .gallery-popup__image-wrap { position: relative; width: 100%; } .gallery-popup__product-image-wrapper { position: relative; width: 100%; padding-bottom: 100%; } .gallery-popup__product-image-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-popup__image { width: 100%; height: 100%; object-fit: cover; } .gallery-popup__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 45%; padding: 60px; background: #ffffff; } @media (max-width: 1250px) { .gallery-popup__info { width: 50%; padding: 40px; padding-left: 38px; } } @media (max-width: 1024px) { .gallery-popup__info { width: 55%; padding: 20px; } } @media (max-width: 768px) { .gallery-popup__info { width: auto; } } @media (max-width: 650px) { .gallery-popup__info { padding: 28px 16px 53px; } } .gallery-popup--card .gallery-popup__info { width: 100%; padding: 32px 40px 38px; } @media (max-width: 1024px) { .gallery-popup--card .gallery-popup__info { padding: 32px 28px 28px; } } @media (max-width: 450px) { .gallery-popup--card .gallery-popup__info { padding: 20px 16px 25px; } } .gallery-popup__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; color: #624d65; letter-spacing: 1.5px; } @media (max-width: 1250px) { .gallery-popup__title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 33px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; } } @media (max-width: 1024px) { .gallery-popup__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 768px) { .gallery-popup__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.65px; } } .gallery-popup__use { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-top: 20px; color: #a4a4a4; } @media (max-width: 1250px) { .gallery-popup__use { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; } } @media (max-width: 1024px) { .gallery-popup__use { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 8px; } } .gallery-popup__product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 35px; } @media (max-width: 1250px) { .gallery-popup__product { margin-top: 25px; } } .gallery-popup__product-image-wrap { width: 35%; } @media (max-width: 1250px) { .gallery-popup__product-image-wrap { width: 30%; } } .gallery-popup__product-image { width: 100%; } .gallery-popup__product-info { width: 60%; } @media (max-width: 1250px) { .gallery-popup__product-info { width: 64%; } } @media (max-width: 450px) { .gallery-popup__product-info { width: 65%; } } .gallery-popup__product-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 32px; font-weight: 400; margin-top: 19px; color: #2a3a48; } @media (max-width: 1250px) { .gallery-popup__product-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; margin-top: 4px; padding-right: 20px; } } @media (max-width: 1024px) { .gallery-popup__product-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; padding-right: 10px; } } .gallery-popup__product-button { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; margin: 20px 0 10px; padding: 14px 35px; letter-spacing: 1px; } @media (max-width: 1250px) { .gallery-popup__product-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; padding: 10px 44px; } } @media (max-width: 1024px) { .gallery-popup__product-button { margin: 10px 0 10px; padding: 5px 44px; } } @media (max-width: 650px) { .gallery-popup__product-button { margin: 10px 0 28px; } } @media (max-width: 450px) { .gallery-popup__product-button { margin: 15px 0 28px; padding: 11px 44px; } } .gallery-popup__artist-post { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; color: #a4a4a4; } @media (max-width: 1024px) { .gallery-popup__artist-post { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .gallery-popup__artist-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; margin-top: 10px; color: #2a3a48; } @media (max-width: 1250px) { .gallery-popup__artist-name { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; } } @media (max-width: 1024px) { .gallery-popup__artist-name { margin-top: 5px; } } @media (max-width: 768px) { .gallery-popup__artist-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; } } .gallery-popup__artist-insta { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; display: block; margin-left: auto; margin-top: auto; color: #8d556f; } @media (max-width: 1250px) { .gallery-popup__artist-insta { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; } } @media (max-width: 768px) { .gallery-popup__artist-insta { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; } } .gallery-popup__artist-insta:hover, .gallery-popup__artist-insta:focus { color: #5f4e64; } .gallery-popup__footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; padding-top: 20px; border-top: 1px solid #e0e0e0; } @media (max-width: 1024px) { .gallery-popup__footer { padding-top: 10px; } } .gallery-popup--card .gallery-popup__footer { padding-top: 0; border-top: none; } .gallery-popup__cross { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 2px; right: 0; width: 60px; height: 60px; z-index: 1; } .gallery-popup__cross:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .gallery-popup__cross { width: 40px; height: 40px; } } .gallery-popup__cross-image { stroke: #a4a4a4; } @media (max-width: 650px) { .gallery-popup__cross-image { stroke: #ffffff; } } .gallery-popup__cross:hover .gallery-popup__cross-image, .gallery-popup__cross:focus .gallery-popup__cross-image { stroke: #2a3a48; } .gallery-popup--card .gallery-popup__cross-image { stroke: #ffffff; } .gallery-popup__arrow { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 50%; right: 0; width: 40px; height: 80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: rgba(224, 224, 224, 0.6); border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .gallery-popup__arrow:not(:disabled) { cursor: pointer; } .gallery-popup__arrow--left { right: auto; left: 0; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } @media (max-width: 1250px) { .gallery-popup__arrow { width: 32px; height: 64px; } } .gallery-popup__arrow-image { stroke: #ffffff; } .gallery-popup__arrow:hover .gallery-popup__arrow-image, .gallery-popup__arrow:focus .gallery-popup__arrow-image { stroke: #8d556f; } .gallery { max-width: 4000px; margin: 40px auto 0; overflow: hidden; } @media (max-width: 1440px) { .gallery { margin: 100px auto 0; } } @media (max-width: 1024px) { .gallery { margin: 13px auto 0; } } @media (max-width: 768px) { .gallery { margin: 20px auto 0; } } @media (max-width: 450px) { .gallery { margin: 55px auto 0; } } .gallery--card { margin: 120px auto 0; } @media (max-width: 1024px) { .gallery--card { margin: 80px auto 0; } } @media (max-width: 890px) { .gallery--card { margin: 60px auto 0; } } @media (max-width: 450px) { .gallery--card { margin: 50px auto 0; } } @media (max-width: 350px) { .gallery--card { margin: 58px auto 0; } } .gallery__text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1400px; margin: 27px auto 0; padding: 0 47px; } @media (max-width: 1024px) { .gallery__text-wrapper { max-width: 1024px; margin: 20px auto 0; } } @media (max-width: 768px) { .gallery__text-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 996px; margin: 20px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .gallery__text-wrapper { max-width: 100%; padding: 0 16px; } } .gallery__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 35px; font-weight: 400; width: 50%; color: #333442; } @media (max-width: 1024px) { .gallery__text { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 29px; font-weight: 400; width: 55%; } } @media (max-width: 768px) { .gallery__text { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; width: 70%; } } @media (max-width: 450px) { .gallery__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; width: 90%; } } .gallery__text--card { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; width: 35%; } @media (max-width: 1024px) { .gallery__text--card { width: 53%; } } @media (max-width: 890px) { .gallery__text--card { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; width: 100%; margin-top: -15px; } } @media (max-width: 350px) { .gallery__text--card { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; width: 90%; margin-top: -12px; } } @media (max-width: 450px) { .gallery__text--card span { display: none; } } .gallery__button-wrap { margin-top: 11px; margin-left: auto; } @media (max-width: 768px) { .gallery__button-wrap { margin-left: 0; margin-top: 26px; } } @media (max-width: 450px) { .gallery__button-wrap { margin-top: 14px; } } .gallery__photo-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; position: relative; padding: 16px 28px 16px 65px; letter-spacing: 0.7px; } @media (max-width: 1024px) { .gallery__photo-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; } } @media (max-width: 768px) { .gallery__photo-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 13px 14px 11px 47px; } } @media (max-width: 450px) { .gallery__photo-button { padding: 13px 16px 10px 50px; } } .gallery__photo-button-image { position: absolute; top: 12px; left: 28px; } @media (max-width: 1024px) { .gallery__photo-button-image { width: 23px; height: 21px; top: 14px; } } @media (max-width: 768px) { .gallery__photo-button-image { top: 12px; left: 18px; } } .gallery__feed { position: relative; } .gallery__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 80px; overflow: hidden; } @media (max-width: 1024px) { .gallery__list { margin-top: 30px; } } @media (max-width: 768px) { .gallery__list { margin-top: 40px; } } @media (max-width: 450px) { .gallery__list { margin-top: 34px; } } .gallery__list--card { margin-top: 56px; } @media (max-width: 1024px) { .gallery__list--card { margin-top: 36px; } } @media (max-width: 890px) { .gallery__list--card { margin-top: 14px; } } @media (max-width: 450px) { .gallery__list--card { margin-top: 23px; } } .gallery__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .gallery__link { position: relative; } .gallery__link::after, .gallery__link::after { position: absolute; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); content: ""; top: 0; bottom: 0; left: 0; right: 0; background: no-repeat 50% 50%; } .gallery__link:hover:after, .gallery__link:focus:after { background: rgba(255, 255, 255, 0.62) url("/local/templates/pgmnt/assets/sass/../images/icon-insta-white.svg") no-repeat 50% 50%; } .gallery__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; display: block; margin: 56px auto 0; padding: 17px 39px; letter-spacing: 0.5px; text-align: center; } @media (max-width: 1024px) { .gallery__button { margin: 36px auto 0; } } @media (max-width: 768px) { .gallery__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin: 23px auto 0; padding: 10px 18px; } } @media (max-width: 450px) { .gallery__button { margin: 15px auto 0; } } .gallery-list__arrow { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 50%; right: 0; width: 40px; height: 80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: rgba(224, 224, 224, 0.6); border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); z-index: 2; cursor: pointer; } .gallery-list__arrow:not(:disabled) { cursor: pointer; } .gallery-list__arrow--left { right: auto; left: 0; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } @media (max-width: 1250px) { .gallery-list__arrow { width: 32px; height: 64px; } } @media (max-width: 450px) { .gallery-list__arrow { display: none; } } .gallery-list__arrow:hover, .gallery-list__arrow:focus { background: rgba(224, 224, 224, 0.9); } .gallery-list__arrow-image { stroke: #ffffff; } .gallery-list__arrow:hover .gallery-list__arrow-image, .gallery-list__arrow:focus .gallery-list__arrow-image { stroke: #8d556f; } .gift { margin-top: 60px; background: url("/local/templates/pgmnt/assets/sass/../images/gift-back.jpg"); max-height: 548px; overflow: hidden; } @media (max-width: 1440px) { .gift { margin-top: 39px; } } @media (max-width: 1024px) { .gift { margin-top: 13px; background-position: 0 65%; max-height: 390px; } } @media (max-width: 768px) { .gift { margin-top: 20px; } } @media (max-width: 450px) { .gift { margin-top: 33px; max-height: 318px; } } .gift__content { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding-top: 48px; } @media (max-width: 1024px) { .gift__content { padding-top: 34px; } } @media (max-width: 768px) { .gift__content { padding-top: 0; } } .gift__card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; padding-top: 21px; } @media (max-width: 1024px) { .gift__card-wrap { padding-top: 15px; } } @media (max-width: 768px) { .gift__card-wrap { padding-top: 10px; } } .gift__card { width: 675px; height: 348px; margin-right: -20px; margin-left: auto; background-color: #ffffff; } @media (max-width: 1024px) { .gift__card { width: 480px; height: 247px; margin-right: -16px; } } @media (max-width: 768px) { .gift__card { width: 189px; height: auto; margin-right: 0; margin-left: 80px; background-color: transparent; } } @media (max-width: 650px) { .gift__card { margin-left: 40px; } } @media (max-width: 450px) { .gift__card { margin-left: 16px; padding-bottom: 40px; } } .gift__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; font-weight: 400; margin: 59px 0 0 68px; letter-spacing: 1px; text-transform: uppercase; color: #624d65; } @media (max-width: 1440px) { .gift__title { letter-spacing: 2.5px; } } @media (max-width: 1024px) { .gift__title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 16px; font-weight: 400; margin: 43px 0 0 46px; letter-spacing: 1px; } } @media (max-width: 768px) { .gift__title { margin: 43px 0 0; } } @media (max-width: 450px) { .gift__title { margin: 32px 0 0; } } .gift__title--mobile { display: none; } @media (max-width: 768px) { .gift__title--mobile { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 12px; font-weight: 400; display: block; color: #ffffff; } } @media (max-width: 450px) { .gift__title--mobile { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 10px; font-weight: 400; } } @media (max-width: 768px) { .gift__title--desktop { display: none; } } .gift__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 37px; font-weight: 500; font-family: "Cormorant", serif; width: 500px; margin: 27px 0 0 68px; color: #624d65; } @media (max-width: 1024px) { .gift__text { font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 27px; font-weight: 500; font-family: "Cormorant", serif; width: 330px; margin: 14px 0 0 46px; } } @media (max-width: 768px) { .gift__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 23px; font-weight: 400; font-family: "Cormorant", serif; width: 190px; margin: 13px 0 0; } } @media (max-width: 450px) { .gift__text { margin: 10px 0 0; } } .gift__text--mobile { display: none; } @media (max-width: 768px) { .gift__text--mobile { display: block; color: #ffffff; } } @media (max-width: 450px) { .gift__text--mobile { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 27px; font-weight: 400; font-family: "Cormorant", serif; } } @media (max-width: 768px) { .gift__text--desktop { display: none; } } .gift__image-wrap { width: 50%; padding-left: 148px; padding-top: 2px; } @media (max-width: 1440px) { .gift__image-wrap { padding-left: 166px; } } @media (max-width: 1024px) { .gift__image-wrap { padding-left: 119px; } } @media (max-width: 768px) { .gift__image-wrap { padding-left: 67px; padding-top: 17px; overflow: hidden; } } @media (max-width: 450px) { .gift__image-wrap { height: auto; padding-left: 35px; padding-top: 25px; } } @media (max-width: 1024px) { .gift__image { width: 304px; height: auto; } } @media (max-width: 768px) { .gift__image { width: 192px; } } @media (max-width: 450px) { .gift__image { width: 130px; } } .gift__button { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; margin: 30px 0 0 68px; padding: 17px 39px; letter-spacing: 0.5px; text-decoration: none; } @media (max-width: 1024px) { .gift__button { margin: 18px 0 0 46px; padding: 12px 35px; } } @media (max-width: 768px) { .gift__button { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 12px; font-weight: 400; margin: 20px 0 40px; padding: 9px 13px; border: 1px solid #ffffff; } } @media (max-width: 450px) { .gift__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin: 12px 0 0; padding: 12px 15px; letter-spacing: 0.2px; } } @media (max-width: 450px) { .gift__button:hover, .gift__button:focus { color: #ffffff; background-color: transparent; } } .gift__button--mobile { display: none; } @media (max-width: 768px) { .gift__button--mobile { display: block; color: #ffffff; } } @media (max-width: 768px) { .gift__button--desktop { display: none; } } .log-in { position: relative; margin: 0 0 300px; } @media (max-width: 768px) { .log-in { margin: 0 0 150px; } } @media (max-width: 450px) { .log-in { margin: 0 0 60px; } } .log-in--popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; width: 930px; max-height: calc(100vh - 40px); overflow-y: auto; padding: 46px 60px; margin: 0 auto; border-radius: 6px; background: #ffffff; } @media (max-width: 1024px) { .log-in--popup { width: 91%; padding: 35px 30px; } } @media (max-width: 450px) { .log-in--popup { padding: 35px 20px 22px; } } .log-in--popup::-webkit-scrollbar-track { background-color: #fafafa; } .log-in--popup::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .log-in--popup::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .log-in__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .log-in__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .log-in__title { margin: 65px 0 60px; } @media (max-width: 768px) { .log-in__title { margin: 40px 0 20px; } } @media (max-width: 450px) { .log-in__title { margin: 20px 0; } } .log-in--popup .log-in__title { margin: 0 0 60px; } @media (max-width: 768px) { .log-in--popup .log-in__title { margin: 0 0 30px; } } @media (max-width: 450px) { .log-in--popup .log-in__title { margin-bottom: 25px; } } @media (min-width: 1024px) { .log-in--popup .log-in__title-text { font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.5px; } } @media (max-width: 450px) { .log-in--popup .log-in__title-text { margin: 0 auto; text-align: center; } } .log-in__part { width: 50%; } @media (max-width: 1024px) { .log-in__part { width: 100%; } } .log-in__part--right { max-width: 408px; } @media (max-width: 1024px) { .log-in__part--right { margin-top: 85px; } } @media (max-width: 450px) { .log-in__part--right { display: none; } } .log-in--popup .log-in__part--right { width: 42%; padding-left: 7.1%; border-left: 1px solid #dedede; } @media (max-width: 1024px) { .log-in--popup .log-in__part--right { display: none; } } .log-in--popup .log-in__part--left { width: 58%; } @media (max-width: 1024px) { .log-in--popup .log-in__part--left { width: 100%; } } .log-in__part-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 27px; font-weight: 500; margin-bottom: 32px; color: #5f4e64; } @media (max-width: 768px) { .log-in__part-title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; } } @media (max-width: 450px) { .log-in__part-title { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; display: none; } } .log-in__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 348px; margin: 40px 0; } @media (max-width: 768px) { .log-in__button-wrap { max-width: 304px; margin: 20px 0; } } @media (max-width: 450px) { .log-in__button-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; margin: 40px 0 20px; } } @media (max-width: 450px) { .log-in--popup .log-in__button-wrap { margin: 40px 0 15px; } } .log-in__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 20px 58px; letter-spacing: 0.9px; white-space: nowrap; } @media (max-width: 768px) { .log-in__button { padding: 20px 40px; } } @media (max-width: 450px) { .log-in__button { width: 100%; } } @media (max-width: 450px) { .log-in--popup .log-in__button { padding: 15px 40px; } } .log-in__forget-link { display: inline-block; text-decoration: none; outline: none; color: inherit; position: relative; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; margin: 0 0 0 25px; color: #8d556f; } .log-in__forget-link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .log-in__forget-link:hover::before, .log-in__forget-link:focus::before { width: 100%; } .log-in__forget-link:hover, .log-in__forget-link:focus { color: #5f4e64; } @media (max-width: 768px) { .log-in__forget-link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 450px) { .log-in__forget-link { margin: 20px 0 0; } } @media (max-width: 350px) { .log-in__forget-link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } @media (max-width: 450px) { .log-in__social { text-align: center; } } .log-in__social-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; color: #2a3a48; } @media (max-width: 768px) { .log-in__social-text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .log-in__social-text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .log-in__social-list { margin: 0; padding: 0; list-style: none; margin: 15px 0 0; } @media (max-width: 450px) { .log-in--popup .log-in__social-list { margin: 4px 0 0; } } .log-in__social-item { display: inline-block; margin-right: 7px; } .log-in__social-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; width: 46px; height: 46px; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .log-in__social-button:not(:disabled) { cursor: pointer; } .log-in__social-button--google { background: url("/local/templates/pgmnt/assets/sass/../images/icon-google.svg") no-repeat 50% 50%; } .log-in__social-button--facebook { background: url("/local/templates/pgmnt/assets/sass/../images/icon-facebook.svg") no-repeat 50% 50%; } .log-in__social-button:hover, .log-in__social-button:focus { border: 1px solid #eeeeee; } .log-in__registry-text { display: none; } @media (max-width: 450px) { .log-in__registry-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; display: block; color: #2a3a48; text-align: center; } } @media (max-width: 450px) { .log-in--popup .log-in__registry-text { margin-bottom: 30px; } } .log-in__registry-link { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; color: #8d556f; text-decoration: none; border-bottom: 1px solid #8d556f; } .log-in__registry-link:not(:disabled) { cursor: pointer; } .log-in__feature-list { margin: 0; padding: 0; list-style: none; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; margin: 0 0 38px; color: #2a3a48; } @media (max-width: 768px) { .log-in__feature-list { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .log-in__feature-list { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .log-in__feature-item { margin-top: 16px; } @media (max-width: 768px) { .log-in__feature-item { margin-top: 8px; } } .log-in__button-registry { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; min-width: 281px; padding: 19px 42px; text-align: center; color: #8d556f; letter-spacing: 0.7px; } @media (max-width: 450px) { .log-in__button-registry { width: 100%; } } .log-in__user-agree-link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; color: #8d556f; } @media (max-width: 450px) { .log-in__remember { display: none; } } .log-in__item { margin-top: 16px; } .log-in__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 20px; right: 20px; } .log-in__button-close:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .log-in__button-close { top: 16px; right: 16px; } } .log-in__button-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .log-in__button-close:hover .log-in__button-close-icon, .log-in__button-close:focus .log-in__button-close-icon { stroke: #2a3a48; } .log-in__wrap { width: 653px; } @media (max-width: 768px) { .log-in__wrap { width: 100%; } } .log-in__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 30px; color: #2a3a48; } @media (max-width: 768px) { .log-in__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; } } @media (max-width: 450px) { .log-in__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } .log-in__wrap .form-data__item { width: 100%; } .log-in__caption { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin: 22px 0 58px; color: #a4a4a4; } @media (max-width: 768px) { .log-in__caption { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin: 10px 0 35px; } } .log-in__registry-link--big { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19.5px; font-weight: 500; color: #5f4e64; text-transform: uppercase; border-bottom: 1px solid #5f4e64; } .login-call { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; padding: 20px 0; color: #2a3a48; background-color: #fafafa; text-align: center; } @media (max-width: 768px) { .login-call { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; padding: 10px 0; } } @media (max-width: 450px) { .login-call { padding: 15px 0; } } @media (max-width: 450px) { .login-call { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; padding: 10px 0; } } .login-call__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #8d556f; border-bottom: 1px solid #8d556f; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .login-call__link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; } } @media (max-width: 450px) { .login-call__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; } } .login-call__link:hover { color: #5f4e64; } @media (max-width: 1024px) { .logo { margin-top: 6px; } } @media (max-width: 890px) { .logo { display: flex; justify-content: center; align-items: center; margin-top: 0; } } @media (max-width: 450px) { .logo { margin-top: 2px; } } @media (max-width: 1024px) { .logo-image { width: 73px; height: 49px; } } @media (max-width: 890px) { .logo-image { width: 51px; height: 30px; } } @media (max-width: 450px) { .logo-image { width: 44px; height: 27px; } } .logo-image--mobile { display: none; } @media (max-width: 890px) { .logo-image--mobile { display: block; } } @media (max-width: 890px) { .logo-image--desktop { display: none; } } .logo-image--mobile-menu { width: 51px; height: 35px; } .main-catalog { margin-top: 120px; } @media (max-width: 1024px) { .main-catalog { margin-top: 80px; } } @media (max-width: 890px) { .main-catalog { margin-top: 52px; } } @media (max-width: 450px) { .main-catalog { margin-top: 60px; } } .main-catalog__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 52px; line-height: 63px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 2.1px; color: #5f4e64; } @media (max-width: 1024px) { .main-catalog__title { font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.5px; } } @media (max-width: 890px) { .main-catalog__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.15px; } } @media (max-width: 450px) { .main-catalog__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.6px; /* padding: 0 16px; */ padding: 0; } } .main-catalog__button { display: none !important; } @media (max-width: 768px) { .main-catalog__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block !important; margin: -5px auto 58px; padding: 11px 16px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 350px) { .main-catalog__button { margin: 15px auto 60px; } } .main-catalog__sort { margin-top: 60px; padding-bottom: 15px; } @media (max-width: 1024px) { .main-catalog__sort { margin-top: 40px; padding-bottom: 13px; } } @media (max-width: 450px) { .main-catalog__sort { margin-top: 15px; /* padding: 0 16px 5px; */ padding: 0 0 5px; } } .main-footer { width: 100%; margin-top: auto; } .main-footer__top { padding: 96px 0 180px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } @media (max-width: 1024px) { .main-footer__top { padding: 40px 0 58px; } } @media (max-width: 890px) { .main-footer__top { padding: 31px 0 4px; background: #fafafa; } } @media (max-width: 450px) { .main-footer__top { padding: 39px 0 4px; } } .main-footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1306px; margin: 0 auto; } @media (max-width: 1440px) { .main-footer__wrapper { max-width: 1440px; padding: 0 67px; } } @media (max-width: 1024px) { .main-footer__wrapper { max-width: 1024px; padding: 0 47px; } } @media (max-width: 890px) { .main-footer__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .main-footer__wrapper { max-width: 768px; padding: 0 40px; } } @media (max-width: 450px) { .main-footer__wrapper { max-width: auto; padding: 0 16px; } } .main-footer__right { margin-left: auto; margin-right: 79px; } @media (max-width: 1250px) { .main-footer__right { margin-right: 30px; margin-top: -3px; } } @media (max-width: 1024px) { .main-footer__right { width: 200px; } } @media (max-width: 890px) { .main-footer__right { width: auto; margin-left: 0; } } .main-footer__bottom { padding: 32px 0; } @media (max-width: 1024px) { .main-footer__bottom { padding: 36px 0; } } @media (max-width: 890px) { .main-footer__bottom { padding: 18px 0 68px; background: #f3f3f3; } } @media (max-width: 1024px) { .main-footer__left { -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 890px) { .main-footer__left { margin-top: 32px; } } .main-header { width: 100%; } @media (max-width: 890px) { .main-header { display: -webkit-box; display: -ms-flexbox; display: flex; } } .map { position: relative; height: 400px; } @media (max-width: 1250px) { .map { height: 240px; } } @media (max-width: 650px) { .map { height: 200px; } } @media (max-width: 350px) { .map { height: 170px; } } .map iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .menu { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #2a3a48; margin-top: 12px; } .menu__title { margin: 0; padding: 0; } .menu__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 24px 0 48px 15px; } .menu__item { width: 106px; height: auto; margin-right: 60px; } .menu__item:last-child { margin-right: 0; } .menu__item:hover, .menu__item:focus { background-size: 90px auto; } .menu__link { display: inline-block; text-decoration: none; outline: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; color: inherit; } .menu__image { -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .menu__link:hover .menu__image, .menu__link:focus .menu__image { -webkit-transform: scale(1.15); transform: scale(1.15); } .mobile-menu { display: none; } @media (max-width: 890px) { .main-header--mobile .mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; bottom: 0; left: 0; width: 272px; padding: 15px 20px 29px; z-index: 30; background-color: #ffffff; overflow-y: auto; } } .mobile-menu::-webkit-scrollbar-track { background-color: #fafafa; } .mobile-menu::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .mobile-menu::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .mobile-menu__header { padding-bottom: 26px; } .mobile-menu--catalog .mobile-menu__header { padding-bottom: 18px; border-bottom: 1px solid #eeeeee; } .mobile-menu__button-back { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 17px; margin-left: -6px; color: #a4a4a4; } .mobile-menu__button-back:not(:disabled) { cursor: pointer; } .mobile-menu__button-back-image { margin-right: 9px; stroke: #a4a4a4; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 11px; right: 9px; } .mobile-menu__button-close:not(:disabled) { cursor: pointer; } .mobile-menu__button-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__button-close:hover .mobile-menu__button-close-icon, .price__button-close:focus .mobile-menu__button-close-icon { stroke: #2a3a48; } .mobile-menu__list { margin: 0; padding: 0; list-style: none; } .mobile-menu__item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 16px; font-weight: 500; padding: 16px 0 15px; color: #2a3a48; border-bottom: 1px solid #eeeeee; } .mobile-menu--catalog .mobile-menu__item { padding: 18px 0 18px 45px; } .mobile-menu__item--accent { color: #8d556f; } .mobile-menu__item--catalog { position: relative; margin-left: -5px; } .mobile-menu__item--catalog::after { content: ""; position: absolute; width: 26px; height: 26px; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); background: url(/local/templates/pgmnt/assets/sass/../images/icon-arrow-down.svg) no-repeat 50% 50%; } .mobile-menu__item--lips { background: url("/local/templates/pgmnt/assets/sass/../images/menu-lips.png") no-repeat 0 50%; background-size: 32px auto; } .mobile-menu__item--eyelids { background: url("/local/templates/pgmnt/assets/sass/../images/menu-eyelids.png") no-repeat -3px 50%; background-size: 35px auto; } .mobile-menu__item--eyebrows { background: url("/local/templates/pgmnt/assets/sass/../images/menu-eyebrows.png") no-repeat 0 50%; background-size: 30px auto; } .mobile-menu__item--set { background: url("/local/templates/pgmnt/assets/sass/../images/menu-set.png") no-repeat -3px 50%; background-size: 40px auto; } .mobile-menu__item--tester { background: url("/local/templates/pgmnt/assets/sass/../images/menu-tester.png") no-repeat -6px 50%; background-size: 45px auto; } .mobile-menu__item--diluent { background: url("/local/templates/pgmnt/assets/sass/../images/menu-diluent.png") no-repeat -5px 50%; background-size: 40px auto; } .mobile-menu__item--correct { background: url("/local/templates/pgmnt/assets/sass/../images/menu-correct.png") no-repeat -7px 50%; background-size: 45px auto; } .mobile-menu__item--book { background: url("/local/templates/pgmnt/assets/sass/../images/menu-book.png") no-repeat 0 50%; background-size: 35px auto; } .mobile-menu__item--merch { background: url("/local/templates/pgmnt/assets/sass/../images/menu-merch.png") no-repeat -5px 50%; background-size: 40px auto; } .mobile-menu__link { display: inline-block; text-decoration: none; outline: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu__item-image { stroke: #9c9c9c; fill: transparent; margin-right: 9px; } .mobile-menu__item--catalog .mobile-menu__item-image { margin-right: 3px; } .mobile-menu__footer { margin: auto 0; } .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 890px) { .navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .navigation__list { margin: 0; padding: 0; list-style: none; } @media (max-width: 890px) { .navigation__list { max-height: 0; color: transparent; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } } .navigation__item { margin-bottom: 14px; } .navigation__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: relative; color: inherit; } @media (max-width: 1024px) { .navigation__link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } .navigation__link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: 4px; background-color: #333442; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .navigation__link:hover::before, .navigation__link:focus::before { width: 100%; } @media (max-width: 450px) { .navigation__link:hover::before, .navigation__link:focus::before { width: 0; } } @media (max-width: 890px) { .navigation__checkbox:not(:checked) ~ .navigation__list .navigation__link::before { display: none; } } .navigation__company, .navigation__shop { margin-right: 125px; } @media (max-width: 1250px) { .navigation__company, .navigation__shop { margin-right: 70px; } } @media (max-width: 1024px) { .navigation__company, .navigation__shop { margin-right: 94px; } } @media (max-width: 1024px) { .navigation__shop { margin-right: 58px; } } @media (max-width: 890px) { .navigation__part { position: relative; margin-bottom: 18px; } .navigation__part:after { content: ""; position: absolute; width: 288px; height: 1px; bottom: 0; left: 0; background-color: #eeeeee; } } .navigation__checkbox-name { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 890px) { .navigation__checkbox-name { width: 289px; cursor: pointer; } } .navigation__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 24px; font-weight: 500; margin-bottom: 33px; color: #7e809f; letter-spacing: 1px; text-transform: uppercase; } @media (max-width: 890px) { .navigation__title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 24px; font-weight: 500; margin-bottom: 2px; } } .navigation__checkbox-icon { display: none; } @media (max-width: 890px) { .navigation__checkbox-icon { display: block; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); stroke: #a4a4a4; } } .navigation__checkbox:checked ~ .navigation__checkbox-name .navigation__checkbox-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation__checkbox-name:hover .navigation__checkbox-icon, .navigation__checkbox-name:focus .navigation__checkbox-icon { stroke: #333442; } .navigation__checkbox:checked ~ .navigation__list { max-height: 100vh; color: #333442; } .new { max-width: 1400px; margin: 120px auto 0; padding: 0 47px; } @media (max-width: 1024px) { .new { max-width: 1024px; margin: 100px auto 0; } } @media (max-width: 768px) { .new { max-width: 996px; margin: 60px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .new { max-width: 100%; margin: 41px auto 0; padding: 0 16px; } } .offer { max-width: 4000px; margin: 82px auto 0; } @media (max-width: 1440px) { .offer { margin: 62px auto 0; } } @media (max-width: 1250px) { .offer { margin: 37px auto 0; } } @media (max-width: 768px) { .offer { margin: 52px auto 0; } } @media (max-width: 450px) { .offer { margin: 35px auto 0; } } .offer__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 450px) { .offer__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .offer__item { position: relative; width: 49.5%; padding-top: 23%; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1920px) { .offer__item { padding-top: 0; } } @media (max-width: 450px) { .offer__item { width: 100%; margin-bottom: 8px; } } .offer__item:hover, .offer__item:focus { -webkit-transform: scale(1.08); transform: scale(1.08); z-index: 1; } .offer__content { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (max-width: 1920px) { .offer__content { display: block; position: static; width: 100%; height: 433px; } } @media (max-width: 1250px) { .offer__content { height: 307px; } } @media (max-width: 768px) { .offer__content { height: 246px; } } @media (max-width: 450px) { .offer__content { height: auto; } } .offer__text-content { max-width: 600px; min-height: 240px; padding: 0 0 0 70px; } @media (max-width: 1920px) { .offer__text-content { padding: 91px 0 0 65px; } } @media (max-width: 1250px) { .offer__text-content { max-width: 400px; padding: 59px 0 0 65px; } } @media (max-width: 768px) { .offer__text-content { max-width: 351px; padding: 56px 0 0 50px; } } @media (max-width: 650px) { .offer__text-content { padding: 56px 0 0 40px; } } @media (max-width: 450px) { .offer__text-content { max-width: 85%; padding: 38px 0 0 33px; } } .offer__item:first-child .offer__text-content { max-width: 643px; margin-left: auto; padding: 0 200px 0 0; } @media (max-width: 1920px) { .offer__item:first-child .offer__text-content { padding: 91px 0 0 65px; } } @media (max-width: 1760px) { .offer__item:first-child .offer__text-content { max-width: 600px; margin-left: 0; padding: 91px 0 0 70px; } } @media (max-width: 1440px) { .offer__item:first-child .offer__text-content { max-width: 600px; padding: 91px 0 0 65px; } } @media (max-width: 1250px) { .offer__item:first-child .offer__text-content { max-width: 400px; padding: 59px 0 0 65px; } } @media (max-width: 768px) { .offer__item:first-child .offer__text-content { max-width: 351px; padding: 56px 0 0 80px; } } @media (max-width: 650px) { .offer__item:first-child .offer__text-content { padding: 56px 0 0 40px; } } @media (max-width: 450px) { .offer__item:first-child .offer__text-content { max-width: 100%; padding: 38px 0 0 33px; } } .offer__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 16px; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; color: #ffffff; } @media (max-width: 1440px) { .offer__title { letter-spacing: 1px; } } @media (max-width: 1250px) { .offer__title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 14px; font-weight: 400; letter-spacing: 0.9px; } } @media (max-width: 768px) { .offer__title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 11px; font-weight: 400; letter-spacing: 0.7px; } } @media (max-width: 450px) { .offer__title { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 9px; font-weight: 400; letter-spacing: 0.5px; } } .offer__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 37px; font-weight: 600; margin-top: 28px; font-family: "Cormorant", serif; color: #ffffff; } @media (max-width: 1250px) { .offer__text { font-family: "Montserrat", sans-serif; font-size: 26px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 16px; } } @media (max-width: 768px) { .offer__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 23px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 14px; } } @media (max-width: 450px) { .offer__text { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; width: 100%; margin-top: 12px; } } @media (max-width: 768px) { .offer__text span { display: none; } } @media (max-width: 450px) { .offer__text--desktop { display: none; } } .offer__button { display: inline-block; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; margin-top: 32px; padding: 17px 45px; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff; opacity: 1; border: 1px solid #ffffff; border-radius: 2px; text-decoration: none; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .offer__button:not(:disabled) { cursor: pointer; } @media (max-width: 1250px) { .offer__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; margin-top: 24px; } } @media (max-width: 768px) { .offer__button { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 12px; font-weight: 600; margin-top: 20px; padding: 7px 9px; letter-spacing: 0.3px; } } @media (max-width: 450px) { .offer__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin-top: 15px; padding: 10px 12px; letter-spacing: 0.2px; transition: all 0s ease 0s; } } .offer__button:hover, .offer__button:focus { color: #2a3a48; background-color: #ffffff; opacity: 1; } @media (max-width: 450px) { .offer__button:hover, .offer__button:focus { color: #ffffff; background-color: transparent; } } @media (max-width: 768px) { .offer__button--desktop { display: none; } } .offer__button--mobile { display: none; } @media (max-width: 768px) { .offer__button--mobile { display: block; } } .one-click { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; width: 850px; max-height: calc(100vh - 40px); overflow-y: auto; margin: 0 auto; padding: 62px 51px; border-radius: 6px; background-color: #ffffff; } @media (max-width: 890px) { .one-click { width: 60%; padding: 30px 51px; } } @media (max-width: 768px) { .one-click { width: 65%; } } @media (max-width: 650px) { .one-click { width: 75%; padding: 30px 23px; } } @media (max-width: 450px) { .one-click { width: 92%; padding: 28px 23px; } } .one-click--show { display: block; } .one-click--cart { width: 428px; } @media (max-width: 450px) { .one-click--cart { width: 92%; } } .one-click::-webkit-scrollbar-track { background-color: #fafafa; } .one-click::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .one-click::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .one-click__title, p.instagram--success-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.5px; color: #5f4e64; } @media (max-width: 1250px) { .one-click__title, p.instagram--success-title { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 33px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.2px; } } @media (max-width: 1024px) { .one-click__title, p.instagram--success-title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 450px) { .one-click__title, p.instagram--success-title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.65px; } } .one-click__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 20px; right: 20px; } .one-click__button-close:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .one-click__button-close { top: 10px; right: 5px; } } .one-click__close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .one-click__button-close:hover .one-click__close-icon, .one-click__button-close:focus .one-click__close-icon { stroke: #2a3a48; } .one-click__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 890px) { .one-click__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .one-click__buy { width: 400px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 890px) { .one-click__buy { width: 100%; } } @media (max-width: 450px) { .one-click__buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } } .one-click--cart .one-click__buy { width: auto; } .one-click__buy-wrapper { margin-top: 40px; } @media (max-width: 1024px) { .one-click__buy-wrapper { margin-top: 30px; } } .one-click__button-buy { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; margin-top: 40px; padding: 20px 53px; letter-spacing: 0.5px; } .one-click__info { padding-left: 50px; border-left: 1px solid #eeeeee; } @media (max-width: 890px) { .one-click__info { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-top: 20px; padding-left: 0; border: none; } } @media (max-width: 890px) { .one-click__product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 890px) { .one-click__image-wrap { width: 32%; } } @media (max-width: 450px) { .one-click__image-wrap { margin-right: 17px; } } .one-click__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; width: 240px; color: #2a3a48; } @media (max-width: 890px) { .one-click__name { width: 50%; } } @media (max-width: 450px) { .one-click__name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; } } .one-click--show .one-click__gift { display: none; } .one-click__gift--gifted { display: none; } .one-click--gifted .one-click__gift--gifted { display: block; } .one-click__gift-text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; display: inline-block; padding-top: 20px; color: #e001a5; font-style: italic; text-transform: uppercase; } @media (max-width: 450px) { .one-click__gift-text { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 500; padding-top: 5px; } } .one-click__button-change { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; margin-left: 6px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .one-click__button-change:not(:disabled) { cursor: pointer; } .one-click__button-change:hover, .one-click__button-change:focus { stroke: #2a3a48; } .one-click__gift-list { margin: 0; padding: 0; list-style: none; margin-top: 8px; } .one-click__gift-item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; font-style: italic; } @media (max-width: 450px) { .one-click__gift-item { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 17px; font-weight: 400; } } .one-click__gift-item:not(:last-child) { margin-bottom: 6px; } .one-click__gift-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; margin: 20px 0 0 5px; padding-left: 28px; letter-spacing: 0.05em; text-transform: uppercase; color: #8d556f; } .one-click__gift-button:not(:disabled) { cursor: pointer; } .one-click__gift-button::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .one-click__gift-button:hover::before, .one-click__gift-button:focus::before { width: 100%; } .one-click__gift-button:hover, .one-click__gift-button:focus { color: #5f4e64; } @media (max-width: 350px) { .one-click__gift-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 500; } } @media (max-width: 450px) { .one-click__gift-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 500; margin: 8px 0 0 5px; } } .one-click__gift-button-image { position: absolute; top: 1px; left: 0; fill: #8d556f; } .one-click__gift-button:hover .one-click__gift-button-image, .one-click__gift-button:focus .one-click__gift-button-image { fill: #5f4e64; } .order-card { max-width: 1400px; margin: 58px auto 0; padding: 0 49px; } @media (max-width: 1024px) { .order-card { max-width: 1024px; margin: 39px auto 0; } } @media (max-width: 768px) { .order-card { max-width: 768px; padding: 0 40px; } } @media (max-width: 650px) { .order-card { max-width: 100%; } } @media (max-width: 450px) { .order-card { margin: 20px auto 18px; padding: 0 16px; } } .order-card__header { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #eeeeee; } @media (max-width: 1024px) { .order-card__header { padding-bottom: 24px; } } @media (max-width: 600px) { .order-card__header { padding-bottom: 0; } } @media (max-width: 450px) { .order-card__header { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: none; } } @media (max-width: 600px) { .order-card__title-wrap { margin: 0 40px 10px 0; } } @media (max-width: 450px) { .order-card__title-wrap { margin: 0 40px 0 0; } } .order-card__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; text-transform: lowercase; letter-spacing: 1.5px; color: #5f4e64; } @media (max-width: 1024px) { .order-card__title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 34px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.1px; } } @media (max-width: 450px) { .order-card__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant Unicase", serif; text-transform: none; } } @media (max-width: 350px) { .order-card__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 23px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.8px; } } .order-card__date { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 1024px) { .order-card__date { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-top: 10px; } } @media (max-width: 450px) { .order-card__date { margin-top: 5px; } } @media (max-width: 350px) { .order-card__date { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 8px; } } @media (max-width: 450px) { .order-card__title-wrap { padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } } .order-card__status-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 450px) { .order-card__status-wrap { margin-top: 10px; margin-bottom: 20px; } } .order-card__status { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 500; -ms-flex-item-align: end; align-self: flex-end; margin-top: 25px; letter-spacing: 0.6px; text-transform: uppercase; color: #2a3a48; } @media (max-width: 1024px) { .order-card__status { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 28px; font-weight: 500; margin-top: 3px; } } @media (max-width: 450px) { .order-card__status { letter-spacing: 1.4px; align-self: flex-start; } } @media (max-width: 350px) { .order-card__status { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; letter-spacing: 0.7px; } } .order-card__status--yes { padding-left: 35px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 0 50%; } @media (max-width: 1024px) { .order-card__status--yes { padding-left: 26px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 0 50%; } } .order-card__location { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin-top: 3px; color: #a4a4a4; } @media (max-width: 1024px) { .order-card__location { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-top: 14px; } } @media (max-width: 450px) { .order-card__location { margin-top: 0; margin-bottom: 10px; } } @media (max-width: 350px) { .order-card__location { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 6px; letter-spacing: normal; } } .order-card__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 0; border-bottom: 1px solid #eeeeee; } @media (max-width: 1024px) { .order-card__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 0 0; } } @media (max-width: 450px) { .order-card__main { padding: 0; } } .order-card__part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33%; margin: 0 2.3% 0 5.37%; } @media (max-width: 1024px) { .order-card__part { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 62%; min-width: 370px; margin: 0 0 28px; } } @media (max-width: 450px) { .order-card__part { width: 90%; min-width: auto; } } @media (max-width: 350px) { .order-card__part { margin: 0 0 22px; } } @media (max-width: 1024px) { .order-card__part-wrap { padding-left: 40px; } } @media (max-width: 450px) { .order-card__part-wrap { padding-left: 35px; } } .order-card__part-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; position: relative; margin-bottom: 20px; color: #2a3a48; } @media (max-width: 1024px) { .order-card__part-title { margin-bottom: 17px; } } @media (max-width: 450px) { .order-card__part-title { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 11px; } } @media (max-width: 350px) { .order-card__part-title { margin-bottom: 8px; } } .order-card__part-title::before { content: ""; position: absolute; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; top: 0; left: -42px; } @media (max-width: 1024px) { .order-card__part-title::before { left: -37px; } } .order-card__part-title--delivery::before { content: ""; position: absolute; width: 24px; height: 24px; background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-address.svg"); } @media (max-width: 1024px) { .order-card__part-title--delivery::before { content: ""; position: absolute; width: 22px; height: 22px; } } .order-card__part-title--receiver::before { content: ""; position: absolute; width: 20px; height: 22px; background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-user.svg"); } .order-card__part-title--payment::before { content: ""; position: absolute; width: 30px; height: 26px; background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-payment.svg"); } .order-card__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 15px; color: #2a3a48; } @media (max-width: 1024px) { .order-card__text { margin-bottom: 7px; } } @media (max-width: 450px) { .order-card__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; } } @media (max-width: 350px) { .order-card__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .order-card__icon { margin: 0; padding: 0; margin-bottom: 18px; background-repeat: no-repeat; } @media (max-width: 1024px) { .order-card__icon { margin-bottom: 14px; } } @media (max-width: 350px) { .order-card__icon { margin-bottom: 6px; } } .order-card__icon--russian { display: block; width: 73px; height: 35px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-russian.png") no-repeat; background-size: cover; } @media (max-width: 768px) { .order-card__icon--russian { width: 61px; height: 29px; } } .order-card__icon--cdek { display: block; width: 87px; height: 19px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-cdek.png") no-repeat; background-size: cover; } @media (max-width: 768px) { .order-card__icon--cdek { width: 79px; height: 17px; } } .order-card__icon--pickpoint { display: block; width: 97px; height: 51px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-pickpoint.png") no-repeat; background-size: cover; } @media (max-width: 768px) { .order-card__icon--pickpoint { width: 80px; height: 42px; } } .order-card__icon--bank-card { display: block; width: 145px; height: 20px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-bank-card.png") no-repeat; background-size: 145px 20px; } .order-card__icon--paypal { display: block; width: 86px; height: 23px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-paypal.png") no-repeat; } .order-card__icon--other { display: block; width: 144px; height: 20px; background: url("/local/templates/pgmnt/assets/sass/../images/logo-other.png") no-repeat; } .order-card__info { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 450px) { .order-card__info { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .order-card__info { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .order-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 60px; } @media (max-width: 1024px) { .order-card__footer { margin-top: 30px; } } @media (max-width: 650px) { .order-card__footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .order-card__links-list { margin: 0; padding: 0; list-style: none; } .order-card__links-item { margin-bottom: 24px; } @media (max-width: 1024px) { .order-card__links-item { margin-bottom: 20px; } } @media (max-width: 450px) { .order-card__links-item { margin-bottom: 23px; } } .order-card__link { display: inline-block; text-decoration: none; outline: none; color: inherit; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; color: #8d556f; letter-spacing: 0.03em; text-transform: uppercase; } .order-card__link:not(:disabled) { cursor: pointer; } .order-card__link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .order-card__link:hover::before, .order-card__link:focus::before { width: 100%; } .order-card__link:hover, .order-card__link:focus { color: #5f4e64; } @media (max-width: 1024px) { .order-card__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; } } @media (max-width: 450px) { .order-card__link { letter-spacing: 1px; } } @media (max-width: 350px) { .order-card__link { letter-spacing: 0.4px; } } .order-card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 330px; } @media (max-width: 1024px) { .order-card__price { width: 255px; } } @media (max-width: 650px) { .order-card__price { width: 100%; margin-bottom: 28px; } } @media (max-width: 450px) { .order-card__price { width: 100%; margin-bottom: 36px; } } @media (max-width: 350px) { .order-card__price { margin-bottom: 20px; } } .order-card__line { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 19px; color: #2a3a48; } @media (max-width: 768px) { .order-card__line { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; } } @media (max-width: 450px) { .order-card__line { margin-bottom: 10px; } } @media (max-width: 350px) { .order-card__line { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 6px; } } .order-card__item { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media (max-width: 650px) { .order-card__item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .order-card__line--total .order-card__item { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; } @media (max-width: 350px) { .order-card__line--total .order-card__item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 600; } } .order-card__count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; margin-left: auto; } @media (max-width: 768px) { .order-card__count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; } } @media (max-width: 350px) { .order-card__count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; } } .order-card__line--free .order-card__count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; color: #5db88e; } @media (max-width: 350px) { .order-card__line--free .order-card__count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 600; } } .order-card__line--total .order-card__count { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; color: #8d556f; } @media (max-width: 768px) { .order-card__line--total .order-card__count { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 34px; font-weight: 600; } } @media (max-width: 450px) { .order-card__line--total .order-card__count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 34px; font-weight: 600; } } .order-card__pay-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin-top: 40px; padding: 18px 104px; } @media (max-width: 1024px) { .order-card__pay-button { margin-top: 0; padding: 18px 66px; } } @media (max-width: 650px) { .order-card__pay-button { -ms-flex-item-align: end; align-self: flex-end; } } @media (max-width: 450px) { .order-card__pay-button { width: 100%; padding: 18px; } } @media (max-width: 350px) { .order-card__pay-button { width: 100%; margin-top: 10px; padding: 11px; } } .order-menu { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; z-index: 90; -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.08); } @media (max-width: 890px) { .order-menu { display: block; } } .order-menu--order-page { bottom: 50px; } .order-menu--product { bottom: 50px; } .order-menu__top { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; padding: 7px 16px; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #eeeeee; } .order-menu__bottom { padding: 8px 4px; } .order-menu__info { margin-top: 3px; } .order-menu__price { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; color: #2a3a48; } .order-menu__count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 12px; font-weight: 500; margin-top: 5px; color: #a4a4a4; text-transform: uppercase; } .order-menu__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; flex-grow: 1; max-width: 300px; margin-left: 12px; padding: 12px 30px; } .order-menu__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-menu__item { width: 20%; height: 30px; } .order-menu__link { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 9px; line-height: 11px; font-weight: 500; text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; text-decoration: none; color: #9c9c9c; } .order-menu__link:not(:disabled) { cursor: pointer; } .order-menu__link:hover, .order-menu__link:focus { color: #8d556f; } .order-menu__link-image { margin-bottom: 3px; stroke: #9c9c9c; } .order-menu__link:hover .order-menu__link-image, .order-menu__link:focus .order-menu__link-image { stroke: #8d556f; } .order-menu__item-count { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; position: absolute; right: calc(50% - 18px); top: -5px; width: 16px; height: 16px; background-color: #8d556f; border-radius: 50%; color: #ffffff; text-align: center; } .order-menu__cart-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 300px; padding: 12px 14px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .order-menu__cart-button .order-menu__price { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 14.63px; font-weight: 400; color: #ffffff; } .order-menu__buy-count { display: -webkit-box; display: -ms-flexbox; display: flex; width: 105px; height: 40px; margin-left: 8px; border: 1px solid #cbcbcb; border-radius: 3px; } .order-menu__buy-min-count, .order-menu__buy-current-count, .order-menu__buy-max-count { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 26px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35px; height: 40px; border: 1px solid transparent; border-radius: 2px; color: #333333; text-align: center; } .order-menu__buy-min-count:not(:disabled), .order-menu__buy-current-count:not(:disabled), .order-menu__buy-max-count:not(:disabled) { cursor: pointer; } .order-menu__buy-min-count:hover, .order-menu__buy-min-count:focus, .order-menu__buy-max-count:hover, .order-menu__buy-max-count:focus { border: 1px solid #8d556f; color: #8d556f; } .order-menu__buy-min-count { margin-top: -1px; margin-left: -1px; } .order-menu__buy-max-count { margin-top: -1px; margin-right: -1px; } .order-menu__buy-current-count { cursor: auto; } .order { margin-top: 60px; } @media (max-width: 768px) { .order { margin-top: 40px; } } @media (max-width: 450px) { .order { margin-top: 45px; padding: 0 16px; } } @media (max-width: 350px) { .order { margin-top: 20px; } } .order__login { margin-top: 40px; } @media (max-width: 768px) { .order__login { margin-top: 20px; } } @media (max-width: 450px) { .order__login { margin-top: 30px; } } @media (max-width: 350px) { .order__login { margin-top: 20px; } } .order__step-list { margin: 0; padding: 0; list-style: none; margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1250px) { .order__step-list { display: none; } } .order__step-item { position: relative; color: #a4a4a4; } .order__step-item--active { color: #5f4e64; } .order__step-item--fill { color: #5db88e; } .order__step-item:not(:last-child):after { position: absolute; content: ""; top: 50%; left: 128%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 116px; height: 12px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-step-arrow.svg") no-repeat 0 0; } @media (max-width: 1440px) { .order__step-item:not(:last-child):after { left: 100%; } } .order__step-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 1.5px; } .order__step-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; max-width: 168px; margin-top: 10px; } .order__form { position: relative; /* min-height: 736px; */ min-height: 1100px; margin-top: 52px; padding-bottom: 65px; } @media (max-width: 1250px) { .order__form { padding-bottom: 60px; } } @media (max-width: 768px) { .order__form { margin-top: 0; } } .order__form-wrap { width: calc(100% - 570px); } @media (max-width: 1250px) { .order__form-wrap { width: calc(100%); } } .order__block { display: none; position: relative; padding-top: 28px; padding-bottom: 16px; } @media (max-width: 350px) { .order__block { padding-bottom: 20px; } } .order__block:not(:last-child)::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #dedede; } .order__block--show { display: block; } .order__block-wrap { width: 774px; margin-top: 20px; } @media (max-width: 1250px) { .order__block-wrap { width: auto; } } @media (max-width: 350px) { .order__block-wrap { margin-top: 11px; } } .order__block-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 36px; font-weight: 600; font-family: "Cormorant", serif; position: relative; padding-top: 5px; padding-left: 58px; color: #5f4e64; letter-spacing: 1.5px; } @media (max-width: 768px) { .order__block-title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; font-family: "Cormorant", serif; padding-left: 44px; } } @media (max-width: 450px) { .order__block-title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 23px; font-weight: 600; font-family: "Cormorant", serif; width: 85%; padding-left: 34px; letter-spacing: normal; } } @media (max-width: 350px) { .order__block-title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant", serif; width: 70%; } } .order__block-title::before { content: "1"; position: absolute; width: 42px; height: 42px; font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 28px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 4px 0 0 15px; top: 2px; left: 0; border: 1px solid #5f4e64; border-radius: 50%; } @media (max-width: 768px) { .order__block-title::before { content: "1"; position: absolute; width: 32px; height: 32px; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 4px 0 0 11px; } } @media (max-width: 450px) { .order__block-title::before { content: "1"; position: absolute; width: 26px; height: 26px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 16px; font-weight: 600; font-family: "Cormorant Unicase", serif; padding: 3px 0 0 9px; } } .order__block--2 .order__block-title::before { content: "2"; position: absolute; width: 42px; height: 42px; padding: 3px 0 0 14px; } @media (max-width: 768px) { .order__block--2 .order__block-title::before { content: "2"; position: absolute; width: 32px; height: 32px; padding: 4px 0 0 10px; } } @media (max-width: 450px) { .order__block--2 .order__block-title::before { content: "2"; position: absolute; width: 26px; height: 26px; padding: 3px 0 0 8px; } } .order__block--3 .order__block-title::before { content: "3"; position: absolute; width: 42px; height: 42px; padding: 2px 0 0 14px; } @media (max-width: 768px) { .order__block--3 .order__block-title::before { content: "3"; position: absolute; width: 32px; height: 32px; padding: 2px 0 0 11px; } } @media (max-width: 450px) { .order__block--3 .order__block-title::before { content: "3"; position: absolute; width: 26px; height: 26px; padding: 2px 0 0 9px; } } .order__block--4 .order__block-title::before { content: "4"; position: absolute; width: 42px; height: 42px; padding: 1px 0 0 13px; } @media (max-width: 768px) { .order__block--4 .order__block-title::before { content: "4"; position: absolute; width: 32px; height: 32px; padding: 2px 0 0 10px; } } @media (max-width: 450px) { .order__block--4 .order__block-title::before { content: "4"; position: absolute; width: 26px; height: 26px; padding: 2px 0 0 8px; } } .order__block--fill .order__block-title::before { content: ""; position: absolute; width: 42px; height: 42px; border: 1px solid #5db88e; background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 50% 50%; } @media (max-width: 768px) { .order__block--fill .order__block-title::before { content: ""; position: absolute; width: 32px; height: 32px; } } @media (max-width: 450px) { .order__block--fill .order__block-title::before { content: ""; position: absolute; width: 26px; height: 26px; } } .order__radio-list { margin: 0; padding: 0; list-style: none; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 47px; } .order__radio-list--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 39px; } @media (max-width: 350px) { .order__radio-list--vertical { margin-top: 43px; } } @media (max-width: 768px) { .order__radio-list { margin-top: 25px; } } @media (max-width: 450px) { .order__radio-list { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; margin-top: 20px; } } @media (max-width: 350px) { .order__radio-list { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 28px; font-weight: 400; margin-top: 23px; } } .order__radio-item { position: relative; margin-right: 40px; padding-left: 28px; } @media (max-width: 450px) { .order__radio-item { margin-right: 15px; } } @media (max-width: 350px) { .order__radio-item { padding-left: 30px; } } .order__radio-list--vertical .order__radio-item { margin-bottom: 20px; } @media (max-width: 768px) { .order__radio-list--vertical .order__radio-item { margin-bottom: 23px; padding-left: 33px; } } @media (max-width: 350px) { .order__radio-list--vertical .order__radio-item { margin-bottom: 13px; } } .order__radio-name { display: block; position: relative; cursor: pointer; } .order__radio-list--vertical .order__radio-name { width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .order__radio-name::before { content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: -23px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #dedede; border-radius: 50%; -webkit-box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #dedede; box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #dedede; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .order__radio-name::before { left: -28px; } } @media (max-width: 450px) { .order__radio-name::before { left: -23px; } } @media (max-width: 350px) { .order__radio-name::before { left: -25px; } } .order__radio:checked + .order__radio-name::before { background-color: #8d556f; -webkit-box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #8d556f; box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #8d556f; } .order__radio-name span { font-size: 0; } .order__list { margin: 0; padding: 0; list-style: none; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; padding-top: 12px; color: #2a3a48; } @media (max-width: 450px) { .order__list { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; padding-top: 22px; } } @media (max-width: 350px) { .order__list { padding-top: 8px; } } .order__item-select { display: none; } .order__radio-info { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; display: block; margin: 5px 0 0; color: #a4a4a4; } @media (max-width: 450px) { .order__radio-info { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .order__radio-info { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; margin: 18px 0 0; } } .order__form-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; display: block; margin-top: 40px; margin-bottom: 60px; padding: 17px 53px; letter-spacing: 0.7px; text-align: center; } @media (max-width: 768px) { .order__form-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 15px 29px; } } @media (max-width: 450px) { .order__form-button { margin: 34px auto 60px; padding: 13px 44px; } } @media (max-width: 350px) { .order__form-button { padding: 10px 22px; } } .orders__list { margin: 0; padding: 0; list-style: none; margin: 60px 0; } @media (max-width: 768px) { .orders__list { margin: 40px 0; } } @media (max-width: 450px) { .orders__list { margin: 20px 0 40px; padding: 0 16px; } } .orders__item { margin: 40px 0; } @media (max-width: 768px) { .orders__item { margin: 20px 0; } } @media (max-width: 450px) { .orders__item { margin: 25px 0; } } .orders__cart-info { margin: 60px 0 75px; } @media (max-width: 1024px) { .orders__cart-info { margin: 45px 0 20px; } } @media (max-width: 768px) { .orders__cart-info { margin: 40px 0 40px; } } @media (max-width: 450px) { .orders__cart-info { margin: 20px 0 40px; padding: 0 16px; } } .orders__cart-info + .orders__cart-info { margin: 20px 0; } .orders__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 400; margin-top: 40px; color: #2a3a48; } @media (max-width: 1024px) { .orders__text { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 29px; font-weight: 400; margin-top: 25px; } } @media (max-width: 768px) { .orders__text { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; margin-top: 15px; } } @media (max-width: 450px) { .orders__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; margin-top: 10px; } } .sale .orders__text { margin-bottom: 60px; } @media (max-width: 1024px) { .sale .orders__text { margin-bottom: 30px; } } @media (max-width: 450px) { .sale .orders__text { margin-bottom: 15px; } } .orders__shopping-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; margin: 40px 0 108px; padding: 20px 37px; letter-spacing: 0.4px; } @media (max-width: 768px) { .orders__shopping-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin: 20px 0 60px; padding: 15px 36px; } } @media (max-width: 450px) { .orders__shopping-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin: 20px 0 40px; padding: 14px; } } .orders__button-account { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; display: block; margin: 65px auto 125px; padding: 14px 29px; letter-spacing: 0.7px; } @media (max-width: 1024px) { .orders__button-account { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin: 40px auto 60px; padding: 14px 40px; } } @media (max-width: 768px) { .orders__button-account { padding: 10px 29px; } } .pagination ~ .orders__button-account { margin: 40px auto 125px; } @media (max-width: 1024px) { .pagination ~ .orders__button-account { margin: 40px auto 75px; } } @media (max-width: 768px) { .pagination ~ .orders__button-account { display: none; } } .orders__pagination { margin: 80px 0 40px; } @media (max-width: 1024px) { .orders__pagination { margin: 60px 0 40px; } } .orders__cart { margin: 118px auto 0; padding: 0 67px; } @media (max-width: 1024px) { .orders__cart { margin: 55px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .orders__cart { margin: 36px auto 0; padding: 0 16px; } } @media (max-width: 350px) { .orders__cart { margin: 18px auto 0; } } .overlay { display: none; } .overlay--show { position: fixed; top: 0; left: 0; z-index: 10; display: block; width: 100%; height: 100%; background-color: rgba(21, 21, 21, 0.72); } .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .phone { margin: 0; padding: 0; } @media (max-width: 890px) { .phone { display: none; } } .phone__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #2a3a48; } @media (max-width: 1024px) { .phone__link { font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 18px; font-weight: 500; } } .popular { max-width: 1920px; margin: 120px auto 0; } @media (max-width: 1440px) { .popular { max-width: 1443px; } } @media (max-width: 1024px) { .popular { margin: 80px auto 0; } } @media (max-width: 768px) { .popular { margin: 60px auto 0; } } @media (max-width: 450px) { .popular { margin: 40px auto 0; overflow: hidden; } } .popular__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 90px; } @media (max-width: 1024px) { .popular__list { margin-top: 40px; } } @media (max-width: 768px) { .popular__list { margin-top: 28px; } } @media (max-width: 450px) { .popular__list { margin-left: 16px; margin-top: 20px; } } .popular__item { max-width: 368px; margin-right: 20px; } @media (max-width: 1440px) { .popular__item { max-width: 276px; margin-right: 12px; } } @media (max-width: 768px) { .popular__item { margin-right: 8px; } } @media (max-width: 450px) { .popular__item { -ms-flex-negative: 0; flex-shrink: 0; max-width: 108px; } } .popular__item:last-child { margin-right: 0; } .popular__image-wrap { background: url("/local/templates/pgmnt/assets/sass/../images/popular-bg.jpg"); overflow: hidden; } .popular__image { -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 450px) { .popular__image { height: 135px; } } .popular__link:hover .popular__image, .popular__link:focus .popular__image { -webkit-transform: scale(1.03); transform: scale(1.03); } .popular__link { display: inline-block; text-decoration: none; outline: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .popular__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 18px 0; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; color: #ffffff; background-color: #b38e9f; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1440px) { .popular__title { padding: 11px 0; } } @media (max-width: 1024px) { .popular__title { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 19px; font-weight: 600; padding: 6px 0 8px; letter-spacing: 0.5px; } } @media (max-width: 768px) { .popular__title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; padding: 2.2px 0 4.3px; text-transform: none; letter-spacing: 0px; } } @media (max-width: 450px) { .popular__title { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 12px; font-weight: 500; padding: 7px 9px; } } .popular__link:hover .popular__title, .popular__link:focus .popular__title { background-color: #8d556f; } .price-card { position: absolute; top: 0; right: 0; width: 477px; padding: 40px; border: 1px solid #dedede; border-radius: 4px; } @media (max-width: 1250px) { .price-card { position: static; width: auto; padding: 0; border: none; } } .price-card__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; font-family: "Cormorant", serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: #5f4e64; } @media (max-width: 768px) { .price-card__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 0.6px; } } @media (max-width: 450px) { .price-card__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } @media (max-width: 350px) { .price-card__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; } } .price-card__amount { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 768px) { .price-card__amount { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .price-card__amount { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } .price-card__line { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 19px; color: #2a3a48; } @media (max-width: 768px) { .price-card__line { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; } } @media (max-width: 450px) { .price-card__line { margin-top: 10px; } } @media (max-width: 350px) { .price-card__line { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; margin-top: 17px; } } .price-card__item { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .price-card__line--total .price-card__item { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; } @media (max-width: 350px) { .price-card__line--total .price-card__item { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 600; } } .price-card__count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; margin-left: auto; } @media (max-width: 768px) { .price-card__count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; } } @media (max-width: 350px) { .price-card__count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; } } .price-card__line--discount .price-card__count { color: #8d556f; } .price-card__line--free .price-card__count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; color: #5db88e; } @media (max-width: 350px) { .price-card__line--free .price-card__count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 600; } } .price-card__line--total .price-card__count { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 34px; font-weight: 600; color: #8d556f; } @media (max-width: 768px) { .price-card__line--total .price-card__count { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 34px; font-weight: 600; } } .price-card__total { margin-top: 38px; } @media (max-width: 768px) { .price-card__total { margin-top: 10px; } } @media (max-width: 350px) { .price-card__total { margin-top: 0; } } .price-card__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; width: 100%; margin-top: 30px; padding: 20px 32px; letter-spacing: 0.6px; } @media (max-width: 768px) { .price-card__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 600; margin-top: 0; padding: 16px 32px; } } @media (max-width: 450px) { .price-card__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; } } .price-card__processing { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 16px; color: #a4a4a4; } @media (max-width: 768px) { .price-card__processing { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 400; margin-top: 10px; } } @media (max-width: 350px) { .price-card__processing { margin-top: 7px; } } .price-card__processing-link { display: inline; text-decoration: none; outline: none; color: inherit; position: relative; color: #8d556f; } .price-card__processing-link::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price-card__processing-link:hover::before, .price-card__processing-link:focus::before { width: 100%; } .price-card__processing-link:hover, .price-card__processing-link:focus { color: #5f4e64; } .price-card__promocode { margin-top: 30px; } @media (max-width: 350px) { .price-card__promocode { margin-top: 21px; } } .price-card__promocode-name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #2a3a48; } @media (max-width: 350px) { .price-card__promocode-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } .price-card__promocode-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } @media (max-width: 768px) { .price-card__promocode-group { margin-top: 6px; } } @media (max-width: 350px) { .price-card__promocode-group { margin-top: 14px; } } .price-card__promocode-field { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 187px; margin-right: 7px; padding: 14px 16px; background: #ffffff; border: 1px solid #dedede; border-radius: 2px; color: #333442; outline: none; } @media (max-width: 1250px) { .price-card__promocode-field { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 239px; } } @media (max-width: 890px) { .price-card__promocode-field { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 239px; margin-right: 20px; padding: 13px 16px; } } @media (max-width: 768px) { .price-card__promocode-field { padding: 14px 16px; } } @media (max-width: 450px) { .price-card__promocode-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin-right: 0; } } .price-card__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .price-card__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .price-card__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } .price-card__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #a4a4a4; } @media (max-width: 1024px) { .price-card__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .price-card__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .price-card__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .price-card__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } } @media (max-width: 450px) { .price-card__promocode-field::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .price-card__promocode-field:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .price-card__promocode-field::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } .price-card__promocode-field::placeholder { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 19px; font-weight: 400; } } .price-card__promocode-button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; display: block; padding: 17px 30px; letter-spacing: 0.5px; } @media (max-width: 768px) { .price-card__promocode-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 15px 36px; } } @media (max-width: 450px) { .price-card__promocode-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 14px; } } .price-card__promocode-button--mobile { display: none; } @media (max-width: 450px) { .price-card__promocode-button--mobile { display: block; } } @media (max-width: 450px) { .price-card__promocode-button--desktop { display: none; } } @media (max-width: 1250px) { .price-card__part:not(:nth-last-child(2)) { border-bottom: 1px solid #eeeeee; } } @media (max-width: 1250px) { .price-card__details { padding-bottom: 40px; } } @media (max-width: 768px) { .price-card__details { padding-bottom: 15px; } } @media (max-width: 1250px) { .price-card__total { padding-bottom: 40px; } } @media (max-width: 768px) { .price-card__total { padding-bottom: 0; } } @media (max-width: 1250px) { .price-card__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 292px; margin-left: auto; margin-top: 18px; } } @media (max-width: 768px) { .price-card__button-wrap { margin-top: 21px; } } @media (max-width: 450px) { .price-card__button-wrap { width: 100%; margin-top: 41px; } } @media (max-width: 350px) { .price-card__button-wrap { margin-top: 15px; } } .price { margin-right: 62px; } @media (max-width: 890px) { .price { margin-left: auto; margin-right: 13px; margin-top: 6px; } } @media (max-width: 768px) { .price { margin-top: 0; } } @media (max-width: 450px) { .price { margin-right: 10px; } } .price__type { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #2a3a48; text-transform: uppercase; } @media (max-width: 1440px) { .price__type { font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 18px; font-weight: 500; } } @media (max-width: 890px) { .price__type { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-left: auto; margin-right: 4px; color: #8d556f; } } .price__button { margin: 0; padding: 0; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; } .price__button:not(:disabled) { cursor: pointer; } .price__button-image { position: absolute; top: 50%; right: -17px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: #2a3a48; } @media (max-width: 890px) { .price__button-image { right: -11px; stroke: #8d556f; } } .price__options { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 453px; max-width: 90%; z-index: 20; padding: 50px 27px 33px; background-color: #ffffff; border-radius: 6px; } @media (max-width: 450px) { .price__options { padding: 44px 18px 31px; } } @media (max-width: 450px) { .price__options--show { top: auto; bottom: 0; left: 0; right: 0; height: 0; padding: 0; -webkit-transform: none; transform: none; width: auto; max-width: 100%; } } .price__options-part { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } @media (max-width: 450px) { .price__options-part { margin-bottom: 26px; } } .price__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 11px; right: 9px; } .price__button-close:not(:disabled) { cursor: pointer; } .price__button-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__button-close:hover .price__button-close-icon, .price__button-close:focus .price__button-close-icon { stroke: #2a3a48; } .price__options-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #2a3a48; opacity: 0.7; } .price__button-choice { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; padding: 5px 0; text-align: left; border-bottom: 1px solid rgba(105, 107, 111, 0.4); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__button-choice:not(:disabled) { cursor: pointer; } .price__button-choice:hover, .price__button-choice:focus { border-bottom: 1px solid #696b6f; } .price__button-choice-image { position: absolute; top: 40%; right: 12px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__button-choice--show .price__button-choice-image { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .price__button-choice:hover .price__button-choice-image, .price__button-choice:focus .price__button-choice-image { stroke: #2a3a48; } .price__options-menu { display: none; position: absolute; top: 47px; left: -1px; right: -1px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 10px rgba(26, 26, 26, 0.25); box-shadow: 0px 4px 10px rgba(26, 26, 26, 0.25); border-radius: 6px; z-index: 21; } .price__button-choice--show ~ .price__options-menu { display: block; } @media (max-width: 450px) { .price__button-choice--show ~ .price__options-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: auto; bottom: 0; left: 0; right: 0; min-height: 439px; max-height: calc(100vh - 40px); overflow-y: auto; padding-top: 28px; border-radius: 6px 6px 0 0; } } .price__options-menu::-webkit-scrollbar-track { background-color: #fafafa; } .price__options-menu::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .price__options-menu::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .price__button-options-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: none; position: absolute; top: 10px; right: 7px; width: 28px; height: 28px; } .price__button-options-close:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .price__button-options-close { display: block; } } .price__button-options-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__button-options-close:hover .price__button-options-close-icon, .price__button-options-close:focus .price__button-options-close-icon { stroke: #2a3a48; } .price__options-menu-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 21px; font-weight: 500; display: none; text-align: center; color: #2a3a48; } @media (max-width: 450px) { .price__options-menu-title { display: block; } } .price__options-menu-bottom { display: none; } @media (max-width: 450px) { .price__options-menu-bottom { display: block; height: 68px; margin-top: auto; padding: 14px 16px; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); border-radius: 6px; } } .price__button-options-choice { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; width: 100%; padding: 12px 0; border: 1px solid #a0a0a0; text-transform: uppercase; color: #2a3a48; } .price__options-list { margin: 0; padding: 0; list-style: none; } @media (max-width: 450px) { .price__options-list { margin-top: 25px; padding: 0 16px; } } .price__options-item { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 16px; color: #2a3a48; opacity: 0.87; border: 1px solid rgba(238, 238, 238, 0.24); border-radius: 4px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } @media (max-width: 450px) { .price__options-item { margin-bottom: 8px; padding: 12px 16px; } } @media (max-width: 450px) { .price__options-item::after { content: ""; position: absolute; width: 24px; height: 24px; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/local/templates/pgmnt/assets/sass/../images/icon-check.svg") no-repeat 94% 50%; opacity: 0.3; } } .price__options-item:not(.price__options-item--active):hover { border: 1px solid rgba(105, 107, 111, 0.4); } @media (max-width: 450px) { .price__options-item:not(.price__options-item--active):hover::after { opacity: 0.6; } } .price__options-item--active { border: 1px solid #5db88e; } @media (max-width: 450px) { .price__options-item--active::after { opacity: 1; } } .price__options-item--rub { padding-left: 55px; } .price__options-currency { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; display: block; width: 30px; height: 20px; margin-right: 8px; border-radius: 3px; background-color: #dedede; text-align: center; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .price__options-item--active .price__options-currency { background-color: #5db88e; } .price__options-item:not(.price__options-item--active):hover .price__options-currency { background-color: rgba(105, 107, 111, 0.4); } .price__button-active-choice { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #2a3a48; opacity: 0.87; } .price__options-button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .price__button-cancel { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 13px; padding: 12px; letter-spacing: 0.3px; } @media (max-width: 450px) { .price__button-cancel { margin-right: 8px; } } .price__button-save { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 12px; letter-spacing: 0.3px; } .product-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 59%; align-items: center; padding-right: 25px; } @media (max-width: 1024px) { .product-slider { width: 54%; } } @media (max-width: 890px) { .product-slider { width: 100%; } } @media (max-width: 450px) { .product-slider { padding-right: 0; } } @media (max-width: 350px) { .product-slider { padding-top: 20px; } } .product-slider__content { position: relative; margin-right: 50px; } @media (max-width: 450px) { .product-slider__content { display: none; } } .product-slider__list { margin: 0; padding: 0; list-style: none; } .product-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px !important; height: 100px !important; margin-bottom: 20px; border: 1px solid transparent; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .product-slider__item:hover { border: 1px solid #8d556f; } .product-slider__image-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; max-height: 500px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 450px) { .product-slider__image-wrap { width: 90%; max-height: 350px; margin: 0 auto; } } .product-slider__image-wrap img { display: block; width: 100%; max-height: 500px; height: 100%; margin: auto; object-fit: contain; } @media (max-width: 450px) { .product-slider__image-wrap img { max-height: 350px; } } .product-slider__image { display: block; max-height: 100%; } @media (max-width: 890px) { .product-slider__image { width: auto; height: auto; } } .product-slider__arrow { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 26px; height: 26px; top: -26px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-slider__arrow:not(:disabled) { cursor: pointer; } .product-slider__arrow--bottom { top: auto; bottom: -26px; } .product-slider__arrow-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .product-slider__arrow--bottom .product-slider__arrow-icon { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .product-slider__arrow:hover .product-slider__arrow-icon, .product-slider__arrow:focus .product-slider__arrow-icon { stroke: #2a3a48; } .production { margin-top: 120px; } @media (max-width: 1024px) { .production { margin-top: 44px; } } @media (max-width: 450px) { .production { margin-top: 52px; } } @media (max-width: 350px) { .production { margin-top: 31px; } } @media (max-width: 1024px) { .production__arrows { display: none; } } .production__swiper-icon { display: none; } @media (max-width: 1024px) { .production__swiper-icon { display: block; margin-right: 16px; animation: swiper 2s ease-out infinite; } } .staff__swiper-icon { display: none; } @media (max-width: 1024px) { .staff__swiper-icon { display: block; margin-right: 16px; animation: swiper 2s ease-out infinite; } } .videoblog__swiper-icon { display: none; } @media (max-width: 1419px) { .videoblog__swiper-icon { display: block; margin-right: 16px; animation: swiper 2s ease-out infinite; } } .videoblog .slider__title { flex-wrap: wrap; align-items: center; } @media (max-width: 650px) { .videoblog .slider__title { flex-wrap: nowrap; } } .slider__title-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 650px) { .slider__title-wrap { width: auto; } } .videoblog__swiper { display: flex; justify-content: flex-end; width: 100%; margin-top: 10px; } @media (max-width: 650px) { .videoblog__swiper { width: auto; margin-top: 0; } } .production .slider__title { align-items: flex-end; } .profit { max-width: 1400px; margin: 140px auto 0; padding: 0 47px; } @media (max-width: 1440px) { .profit { margin: 120px auto 0; } } @media (max-width: 1024px) { .profit { max-width: 1024px; margin: 79px auto 0; } } @media (max-width: 768px) { .profit { max-width: 996px; margin: 60px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .profit { max-width: 100%; margin: 41px auto 0; padding: 0 16px; } } .promo-list { margin-top: 60px; } @media (max-width: 1250px) { .promo-list { margin-top: 40px; } } @media (max-width: 450px) { .promo-list { margin-top: 25px; } } @media (max-width: 350px) { .promo-list { margin-top: 20px; } } .promo-list__title { margin-bottom: 60px; } @media (max-width: 890px) { .promo-list__title { margin-bottom: 40px; } } @media (max-width: 350px) { .promo-list__title { margin-bottom: 30px; } } .promo-list__all { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .promo-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 48%; margin-bottom: 64px; } @media (max-width: 890px) { .promo-list__item { margin-bottom: 40px; } } @media (max-width: 650px) { .promo-list__item { width: 100%; } } .promo-list__item a { text-decoration: none; } .promo-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .promo-list__time { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 28px; font-weight: 400; margin-top: 17px; color: #5f4e64; } @media (max-width: 890px) { .promo-list__time { margin-top: 5px; } } @media (max-width: 450px) { .promo-list__time { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; margin-top: 13px; } } @media (max-width: 350px) { .promo-list__time { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 10px; } } .promo-list__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 39px; font-weight: 600; width: 90%; margin: 8px 0 16px; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 890px) { .promo-list__name { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 29px; font-weight: 600; font-family: "Cormorant", serif; margin: 8px 0 10px; } } @media (max-width: 450px) { .promo-list__name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 25px; font-weight: 600; font-family: "Cormorant", serif; width: 100%; margin: 8px 0 12px; } } @media (max-width: 350px) { .promo-list__name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; font-family: "Cormorant", serif; margin: 12px 0 8px; } } .promo-list__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; width: 80%; color: #2a3a48; } @media (max-width: 890px) { .promo-list__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; width: 100%; } } @media (max-width: 450px) { .promo-list__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 350px) { .promo-list__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } @media (max-width: 890px) { .promo-list__text span { display: none; } } .promo-list__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-top: 16px; text-transform: uppercase; color: #8d556f; border-bottom: 1px solid #8d556f; -ms-flex-item-align: start; align-self: flex-start; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 450px) { .promo-list__link { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 16px; font-weight: 500; margin-top: 10px; letter-spacing: 0.4px; } } @media (max-width: 350px) { .promo-list__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 8px; } } .promo-list__link:hover, .promo-list__link:focus { color: #2a3a48; } .promo-list__button { display: none; } @media (max-width: 768px) { .promo-list__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: 0 auto 58px; padding: 15px 23px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 450px) { .promo-list__button { margin: 20px auto 58px; padding: 11px 17px; } } @media (max-width: 350px) { .promo-list__button { margin: 0 auto 40px; } } .promo-slider { position: relative; } .promo-slider__controls { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: calc(50% - 653px) !important; bottom: 28px !important; width: 117px !important; height: 25px; color: #ffffff; } @media (max-width: 1439px) { .promo-slider__controls { left: 47px !important; } } @media (max-width: 1024px) { .promo-slider__controls { bottom: 19px !important; } } @media (max-width: 768px) { .promo-slider__controls { justify-content: space-between; left: calc(50% - 15px) !important; bottom: 1px !important; width: 30px !important; z-index: 1; } } @media (max-width: 450px) { .promo-slider__controls { bottom: 1px !important; width: 30px !important; height: 18px; margin-top: 14px; } } .promo-slider__control { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 23px; font-weight: 500; width: 25px; height: 25px; margin: 0 !important; margin-right: 14px !important; border: 1px solid #ffffff; border-radius: 50%; opacity: 0.3; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 768px) { .promo-slider__control { width: 6px; height: 6px; margin-right: 0 !important; opacity: 0.5; background: #ffffff; font-size: 0; border: none; } } .promo-slider__control:hover, .promo-slider__control:focus { opacity: 1; } .promo-slider__checkbox:nth-child(1):checked ~ .promo-slider__controls .promo-slider__control:nth-child(1), .promo-slider__checkbox:nth-child(2):checked ~ .promo-slider__controls .promo-slider__control:nth-child(2), .promo-slider__checkbox:nth-child(3):checked ~ .promo-slider__controls .promo-slider__control:nth-child(3) { opacity: 1; } .promo-slider__gallery { margin: 0; padding: 0; list-style: none; } .promo-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; height: 685px !important; background-color: #44625d; color: #ffffff; } @media (max-width: 1439px) { .promo-slider__item { height: 550px !important; } } @media (max-width: 1150px) { .promo-slider__item { height: 450px !important; } } @media (max-width: 768px) { .promo-slider__item { height: 285px !important; } } @media (max-width: 450px) { .promo-slider__item { height: 250px !important; position: relative; background-color: transparent; } } @media (max-width: 321px) { .promo-slider__item { height: 201px; } } .promo-slider__item:nth-child(n + 2) { display: none; } .promo-slider__text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 50%; } @media (max-width: 1439px) { .promo-slider__text-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 768px) { .promo-slider__text-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 450px) { .promo-slider__text-wrap { position: absolute; top: 38px; left: 16px; width: 190px; z-index: 1; } } .promo-slider__text { width: 653px; padding: 166px 46px 0 0; box-sizing: border-box; } @media (max-width: 1439px) { .promo-slider__text { width: 465px; padding: 72px 0 0 47px; } } @media (max-width: 768px) { .promo-slider__text { width: 304px; padding: 56px 0 0; } } @media (max-width: 650px) { .promo-slider__text { padding: 56px 0 0 16px; } } @media (max-width: 450px) { .promo-slider__text { padding: 0; } } .promo-slider__mark { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; } @media (max-width: 768px) { .promo-slider__mark { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; letter-spacing: 1px; } } @media (max-width: 450px) { .promo-slider__mark { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: 1px; } } .promo-slider__lead { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 80px; line-height: 72px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 37px; } @media (max-width: 1439px) { .promo-slider__lead { font-family: "Montserrat", sans-serif; font-size: 56px; line-height: 58px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 28px; } } @media (max-width: 768px) { .promo-slider__lead { font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 34px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 18px; } } @media (max-width: 450px) { .promo-slider__lead { font-family: "Montserrat", sans-serif; font-size: 30px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; margin-top: 14px; } } @media (max-width: 350px) { .promo-slider__lead { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 22px; font-weight: 600; font-family: "Cormorant", serif; } } .promo-slider__button { display: inline-block; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 600; margin-top: 53px; padding: 20px 30px; border: 1px solid #ffffff; border-radius: 2px; letter-spacing: 0.1px; text-transform: uppercase; text-decoration: none; color: inherit; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .promo-slider__button:not(:disabled) { cursor: pointer; } @media (max-width: 1440px) { .promo-slider__button { margin-top: 50px; } } @media (max-width: 1439px) { .promo-slider__button { margin-top: 37px; padding: 16px 33px; } } @media (max-width: 1150px) { .promo-slider__button { margin-top: 20px; } } @media (max-width: 880px) { .promo-slider__button { margin-top: 14px; } } @media (max-width: 768px) { .promo-slider__button { font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 10px; font-weight: 600; margin-top: 24px; padding: 8px 10px; } } @media (max-width: 450px) { .promo-slider__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin-top: 14px; } } @media (max-width: 350px) { .promo-slider__button { font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 10px; font-weight: 600; margin-top: 24px; padding: 7px 10px; } } .promo-slider__button:hover, .promo-slider__button:focus { color: #2a3a48; background-color: #ffffff; } @media (max-width: 450px) { .promo-slider__button:hover, .promo-slider__button:focus { color: inherit; background-color: transparent; } } .promo-slider__image-wrap { position: relative; width: 50%; overflow: hidden; } @media (max-width: 768px) { .promo-slider__image-wrap::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: url("/local/templates/pgmnt/assets/sass/../images/promo.gif") center center; background-size: contain; } } @media (max-width: 450px) { .promo-slider__image-wrap::after { display: none; } } @media (max-width: 450px) { .promo-slider__image-wrap { width: 100%; } } .promo-slider__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 450px) { .promo-slider__image { left: auto; right: 0; } } .promo-slider__image--desktop { display: block; } @media (max-width: 450px) { .promo-slider__image--desktop { display: none; } } .promo-slider__image--mobile { display: none; } @media (max-width: 450px) { .promo-slider__image--mobile { display: block; } } .promo { margin-top: 40px; } @media (max-width: 350px) { .promo { margin-top: 20px; } } .promo__poster { position: relative; } @media (max-width: 350px) { .promo__poster { margin: 0 -16px; } } .promo__poster::after { content: ""; position: absolute; width: 30%; height: 90%; top: 0; right: 12%; } @media (max-width: 650px) { .promo__poster::after { content: ""; position: absolute; width: 70%; height: 36%; top: 0; right: 15%; } } .promo__image { width: 100%; } .promo__poster-text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 57.1%; width: 42.9%; height: 100%; color: #2a3a48; } @media (max-width: 650px) { .promo__poster-text { top: 55%; left: 8.1%; width: 91.9%; height: 44%; } } .promo__poster-head { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 24px; font-weight: 400; } @media (max-width: 1250px) { .promo__poster-head { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; font-weight: 400; } } @media (max-width: 1024px) { .promo__poster-head { font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 15px; font-weight: 400; } } @media (max-width: 768px) { .promo__poster-head { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 12px; font-weight: 400; letter-spacing: 0.5px; } } @media (max-width: 650px) { .promo__poster-head { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; font-weight: 400; } } @media (max-width: 450px) { .promo__poster-head { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 19px; font-weight: 400; letter-spacing: normal; } } .promo__poster-lead { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 80px; line-height: 80px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 5px; } @media (max-width: 1250px) { .promo__poster-lead { font-family: "Montserrat", sans-serif; font-size: 60px; line-height: 60px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 4.3px; } } @media (max-width: 1024px) { .promo__poster-lead { font-family: "Montserrat", sans-serif; font-size: 48px; line-height: 48px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 4px; } } @media (max-width: 768px) { .promo__poster-lead { font-family: "Montserrat", sans-serif; font-size: 40px; line-height: 40px; font-weight: 600; font-family: "Cormorant Unicase", serif; letter-spacing: 3.6px; } } @media (max-width: 650px) { .promo__poster-lead { font-family: "Montserrat", sans-serif; font-size: 48px; line-height: 48px; font-weight: 600; font-family: "Cormorant Unicase", serif; margin-top: 7px; } } @media (max-width: 450px) { .promo__poster-lead { font-family: "Montserrat", sans-serif; font-size: 40px; line-height: 40px; font-weight: 600; font-family: "Cormorant Unicase", serif; margin-top: 7px; letter-spacing: 1.2px; } } .promo__poster-main { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 500; width: 80%; margin-top: 16px; } @media (max-width: 1250px) { .promo__poster-main { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; } } @media (max-width: 1024px) { .promo__poster-main { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 15px; font-weight: 500; } } @media (max-width: 768px) { .promo__poster-main { font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 12px; font-weight: 500; margin-top: 12px; } } @media (max-width: 650px) { .promo__poster-main { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 500; } } @media (max-width: 450px) { .promo__poster-main { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 9px; } } .promo__time { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #5f4e64; margin-top: 56px; } @media (max-width: 1024px) { .promo__time { margin-top: 38px; } } @media (max-width: 650px) { .promo__time { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } @media (max-width: 350px) { .promo__time { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; margin-top: 36px; } } .promo__name { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 52px; line-height: 58px; font-weight: 600; font-family: "Cormorant Unicase", serif; width: 43%; margin-top: 29px; letter-spacing: 2px; color: #5f4e64; } @media (max-width: 1440px) { .promo__name { width: 90%; } } @media (max-width: 1024px) { .promo__name { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 31px; font-weight: 600; font-family: "Cormorant Unicase", serif; margin-top: 19px; letter-spacing: 1.1px; } } @media (max-width: 650px) { .promo__name { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant Unicase", serif; margin-top: 10px; letter-spacing: 0.9px; } } @media (max-width: 350px) { .promo__name { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "Cormorant Unicase", serif; margin-top: 14px; letter-spacing: 0.8px; } } .promo__text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; } @media (max-width: 1024px) { .promo__text-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } } @media (max-width: 650px) { .promo__text-wrapper { margin-top: 20px; } } .promo__text-part { width: 40%; margin-right: 10%; } @media (max-width: 1024px) { .promo__text-part { width: 75%; margin-right: 0; } } @media (max-width: 650px) { .promo__text-part { width: 100%; } } .promo__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #2a3a48; } @media (max-width: 650px) { .promo__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; } } @media (max-width: 350px) { .promo__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; } } .promo__text:not(:last-child) { margin-bottom: 25px; } @media (max-width: 1024px) { .promo__text:not(:last-child) { margin-bottom: 24px; } } @media (max-width: 650px) { .promo__text:not(:last-child) { margin-bottom: 21px; } } @media (max-width: 350px) { .promo__text:not(:last-child) { margin-bottom: 18px; } } .promo__catalog { margin-top: 121px; } @media (max-width: 1024px) { .promo__catalog { margin-top: 77px; } } @media (max-width: 650px) { .promo__catalog { margin-top: 61px; } } @media (max-width: 350px) { .promo__catalog { margin-top: 53px; } } .promo__sort { margin-top: 60px; padding-bottom: 16px; } @media (max-width: 1024px) { .promo__sort { margin-top: 44px; padding-bottom: 11px; } } @media (max-width: 650px) { .promo__sort { margin-top: 26px; padding-bottom: 8px; } } @media (max-width: 350px) { .promo__sort { margin-top: 28px; padding-bottom: 15px; } } .promo__button { display: none; } @media (max-width: 768px) { .promo__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: 15px auto 82px; padding: 15px 23px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 450px) { .promo__button { margin: 26px auto 32px; padding: 12px 17px; } } @media (max-width: 350px) { .promo__button { margin: 35px auto 30px; padding: 11px 17px; } } .quality { margin: 117px 0 0; } @media (max-width: 1024px) { .quality { margin: 75px 0 0; } } @media (max-width: 450px) { .quality { margin: 60px 0 0; } } @media (max-width: 350px) { .quality { margin: 37px 0 0; } } .quality__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; padding-bottom: 10px; } @media (max-width: 1024px) { .quality__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; } } @media (max-width: 450px) { .quality__list { margin-top: 33px; } } .quality__item { width: 22.5%; padding-top: 78px; background-repeat: no-repeat; } @media (max-width: 1024px) { .quality__item { width: 45%; margin-right: 5%; padding-top: 65px; background-size: 50px 50px; } } @media (max-width: 650px) { .quality__item { width: 65%; margin-right: 0; } } @media (max-width: 450px) { .quality__item { width: 90%; } } @media (max-width: 350px) { .quality__item { padding-top: 57px; background-size: 40px 40px; } } @media (max-width: 1024px) { .quality__item:not(:last-child) { margin-bottom: 25px; } } @media (max-width: 450px) { .quality__item:not(:last-child) { margin-bottom: 28px; } } .quality__item--ingredient { background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-ingredient.svg"); } .quality__item--package { background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-package.svg"); } .quality__item--eco { background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-eco.svg"); } .quality__item--drop { background-image: url("/local/templates/pgmnt/assets/sass/../images/icon-drop.svg"); } .quality__lead { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 30px; line-height: 30px; font-weight: 500; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 1024px) { .quality__lead { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 24px; font-weight: 500; font-family: "Cormorant", serif; } } @media (max-width: 350px) { .quality__lead { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; font-family: "Cormorant", serif; } } .quality__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 12px; color: #2a3a48; } @media (max-width: 1024px) { .quality__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; } } @media (max-width: 450px) { .quality__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; } } @media (max-width: 350px) { .quality__text { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 17px; font-weight: 400; } } @media (max-width: 450px) { .quality__title-text { width: 100%; } } .questions__title { margin-top: 38px; } .questions__info { margin: 74px auto 60px; } @media (max-width: 890px) { .questions__info { margin: 48px auto 30px; } } .quote { width: 907px; margin: 120px auto 0; } @media (max-width: 1024px) { .quote { width: 95%; margin: 60px 0 0; } } @media (max-width: 450px) { .quote { margin: 57px 0 0; } } @media (max-width: 350px) { .quote { width: 100%; margin: 39px 0 0; } } @media (max-width: 1024px) { .quote__wrapper { margin-top: 0; } } .quote__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 30px; line-height: 36px; font-weight: 500; font-family: "Cormorant", serif; text-align: center; color: #5f4e64; } @media (max-width: 1024px) { .quote__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 30px; font-weight: 500; font-family: "Cormorant", serif; text-align: left; } } @media (max-width: 450px) { .quote__text { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 29px; font-weight: 500; font-family: "Cormorant", serif; } } @media (max-width: 350px) { .quote__text { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 26px; font-weight: 500; font-family: "Cormorant", serif; } } .rating__hearts { position: relative; width: 116px; height: 20px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-hearts.svg") no-repeat; } .rating__hearts--active { position: absolute; top: 0; left: 0; height: 100%; background: url("/local/templates/pgmnt/assets/sass/../images/icon-hearts-active.svg") no-repeat; } @media (max-width: 1024px) { .rating__hearts--active { background-size: 106px 18px; } } @media (max-width: 350px) { .rating__hearts--active { background-size: 98px 18px; } } @media (max-width: 1024px) { .rating__hearts { width: 106px; height: 18px; background-size: 106px 18px; } } @media (max-width: 350px) { .rating__hearts { width: 98px; height: 18px; background-size: 98px 18px; } } .recommend { max-width: 1400px; margin: 118px auto 79px; padding: 0 49px; } @media (max-width: 1024px) { .recommend { max-width: 1024px; margin: 39px auto 0; } } @media (max-width: 768px) { .recommend { max-width: 768px; padding: 0 40px; } } @media (max-width: 650px) { .recommend { max-width: 100%; } } @media (max-width: 450px) { .recommend { margin: 65px auto 20px; padding: 0 16px; } } @media (max-width: 350px) { .recommend { margin: 58px auto 10px; } } .review__list { margin: 0; padding: 0; list-style: none; } .review__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0 35px; border-bottom: 1px solid #eeeeee; } @media (max-width: 450px) { .review__item { padding: 14px 0 35px; } } @media (max-width: 450px) { .review__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 14px 0 25px; } } @media (max-width: 450px) { .review__item:nth-child(n + 2) { display: none; } } .review__header { -ms-flex-negative: 0; flex-shrink: 0; width: 340px; } @media (max-width: 1024px) { .review__header { width: 200px; } } @media (max-width: 450px) { .review__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } .review__author { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 30px; line-height: 36px; font-weight: 600; font-family: "Cormorant", serif; color: #5f4e64; } @media (max-width: 450px) { .review__author { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 600; font-family: "Cormorant", serif; } } .review__date { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 16px; font-weight: 400; margin-top: 23px; color: #2a3a48; } @media (max-width: 450px) { .review__date { margin-left: auto; } } @media (max-width: 450px) { .review__date { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 14px; font-weight: 500; margin-top: 8px; color: #a4a4a4; } } .review__main { padding-top: 10px; } @media (max-width: 450px) { .review__main { padding-top: 16px; } } .review__main-photo { padding-top: 28px; } .review__photo-image { margin-right: 20px; } .review__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; display: block; margin: 0 auto; padding: 16px 24px; letter-spacing: 0.6px; } @media (max-width: 890px) { .review__button { margin-top: 23px; } } @media (max-width: 450px) { .review__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; margin-top: 21px; padding: 12px 29px; } } .review__more-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 500; display: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 40px; letter-spacing: 0.2px; text-transform: uppercase; color: #8d556f; } .review__more-button:not(:disabled) { cursor: pointer; } .review__more-button::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .review__more-button:hover::before, .review__more-button:focus::before { width: 100%; } .review__more-button:hover, .review__more-button:focus { color: #5f4e64; } @media (max-width: 890px) { .review__more-button { display: block; } } @media (max-width: 450px) { .review__more-button { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 16px; font-weight: 500; } } .sale { max-width: 1400px; margin: 60px auto 0; padding: 0 47px; } @media (max-width: 1024px) { .sale { max-width: 1024px; margin: 40px auto 0; } } @media (max-width: 768px) { .sale { max-width: 768px; margin: 30px auto 0; padding: 0 40px; } } @media (max-width: 450px) { .sale { max-width: auto; margin: 25px auto 0; padding: 0 16px; } } .sale__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; margin-top: 82px; } @media (max-width: 1024px) { .sale__list { margin-top: 40px; } } @media (max-width: 768px) { .sale__list { margin-top: 28px; } } @media (max-width: 450px) { .sale__list { margin-top: 21px; } } .sale__item { position: relative; width: 23%; height: 219px; background: url("/local/templates/pgmnt/assets/sass/../images/sale.jpg"); background-size: cover; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1024px) { .sale__item { width: 23.9%; height: 160px; } } @media (max-width: 768px) { .sale__item { width: 23.1%; height: 102px; } } @media (max-width: 450px) { .sale__item { height: 66px; } } .sale__item:not(:last-child) { margin-right: 35px; } @media (max-width: 1024px) { .sale__item:not(:last-child) { margin-right: 16px; } } @media (max-width: 450px) { .sale__item:not(:last-child) { margin-right: 8px; } } .sale__item::after { display: none; position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: url("/local/templates/pgmnt/assets/sass/../images/sale.gif") center center; opacity: 0.5; background-size: 200% 200%; } .sale__item:hover .sale__item::after { display: block; } @media (max-width: 768px) { .sale__item::after { display: block; } } .sale__item:hover::after, .sale__item:focus::after { display: block; position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: url("/local/templates/pgmnt/assets/sass/../images/sale.gif") center center; opacity: 0.5; background-size: 200% 200%; } .sale__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 80px; line-height: 98px; font-weight: 800; position: absolute; top: 50%; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } @media (max-width: 1024px) { .sale__text { font-family: "Montserrat", sans-serif; font-size: 56px; line-height: 68px; font-weight: 800; left: 49%; } } @media (max-width: 768px) { .sale__text { font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 46px; font-weight: 800; } } @media (max-width: 450px) { .sale__text { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 29px; font-weight: 800; } } .search-results { margin-top: 62px; } @media (max-width: 768px) { .search-results { margin-top: 52px; } } @media (max-width: 450px) { .search-results { margin-top: 43px; } } @media (max-width: 350px) { .search-results { margin-top: 20px; } } .search-results__info { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; margin-top: 28px; color: #2a3a48; } @media (max-width: 768px) { .search-results__info { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 23px; } } @media (max-width: 450px) { .search-results__info { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; } } .search-results__count { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; color: #8d556f; } @media (max-width: 768px) { .search-results__count { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 500; } } @media (max-width: 450px) { .search-results__count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; } } .search-results__button { display: none; } @media (max-width: 768px) { .search-results__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin: -5px auto 78px; padding: 15px 23px; letter-spacing: 0.5px; text-align: center; } } @media (max-width: 450px) { .search-results__button { margin: 6px auto 78px; padding: 12px 18px; } } @media (max-width: 350px) { .search-results__button { margin: 15px auto 60px; } } .search { width: 40px; height: 40px; margin: 0 29px 0 0; } @media (max-width: 890px) { .search:not(.nohover):hover, .search.active { position: absolute; top: 0; left: 0; width: 100%; height: 70px; z-index: 3; background-color: #ffffff; -webkit-box-shadow: 2px -5px 15px rgba(85, 94, 88, 0.31); box-shadow: 2px -5px 15px rgba(85, 94, 88, 0.31); } } @media (max-width: 768px) { .search:not(.nohover):hover, .search.active { height: 55px; } } @media (max-width: 650px) { .search:not(.nohover):hover, .search.active { height: 52px; } } .search__button { margin: 0; padding: 0; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: relative; width: 40px; height: 40px; z-index: 2; } .search__button:not(:disabled) { cursor: pointer; } @media (max-width: 1024px) { .search__button { margin: 0 14px 0 0; } } @media (max-width: 890px) { .search__button { margin-top: 2px; } } @media (max-width: 890px) { .search:not(.nohover):hover .search__button, .search.active .search__button { position: absolute; right: 0; top: 15px; margin: 0; } } @media (max-width: 768px) { .search:not(.nohover):hover .search__button, .search.active .search__button { top: 7px; } } @media (max-width: 650px) { .search:not(.nohover):hover .search__button, .search.active .search__button { top: 6px; } } .search__image { position: absolute; top: 0; left: 0; stroke: #2a3a48; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 890px) { .search__image { top: 47%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; stroke: #8d556f; } } .search:not(.nohover):hover .search__image, .search.active .search__image { stroke: #8d556f; } @media (max-width: 890px) { .search:not(.nohover):hover .search__image, .search.active .search__image { top: 50%; } } .search__bar { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; position: absolute; top: 15px; left: 0; height: 40px; width: 0; padding-left: 40px; background: #ffffff; border: none; color: #2a3a48; outline: none; } @media (max-width: 650px) { .search__bar { top: 15px; height: 30px; padding-left: 0; } } .search__bar:focus { z-index: 10; } .search:not(.nohover):hover .search__bar, .search__bar:hover, .search__bar:focus { width: calc(100% - 40px); max-width: 400px; border-bottom: 1px solid #dedede; z-index: 1; } @media (max-width: 890px) { .search:not(.nohover):hover .search__bar, .search__bar:hover, .search__bar:focus { left: 55px; max-width: calc(100% - 110px); padding-left: 0; border-bottom: none; } } @media (max-width: 768px) { .search:not(.nohover):hover .search__bar, .search__bar:hover, .search__bar:focus { top: 14px; height: 28px; } } @media (max-width: 650px) { .search:not(.nohover):hover .search__bar, .search__bar:hover, .search__bar:focus { top: 12px; } } @media (max-width: 450px) { .search:not(.nohover):hover .search__bar, .search__bar:hover, .search__bar:focus { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } .search__bar::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .search__bar:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .search__bar::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } .search__bar::placeholder { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #a4a4a4; } @media (max-width: 450px) { .search__bar::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .search__bar:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .search__bar::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } .search__bar::placeholder { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; } } .search__list { margin: 0; padding: 0; list-style: none; position: absolute; top: 60px; left: -5px; width: 406px; background: #ffffff; -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); z-index: 3; } @media (max-width: 890px) { .search__list { top: 71px; left: 0; width: 100%; } } @media (max-width: 768px) { .search__list { top: 51px; } } @media (max-width: 650px) { .search__list { top: 48px; } } .search__item { padding: 0 60px 0 25px; border-bottom: 1px solid #eeeeee; } @media (max-width: 650px) { .search__item { padding: 0 70px 0 25px; } } .search__item-link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 16px 0 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2a3a48; } @media (max-width: 650px) { .search__item-link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; margin: 10px 0 8px; } } .search__item-link--all { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 26px; font-weight: 500; position: relative; display: inline-block; text-transform: uppercase; color: #8d556f; letter-spacing: 0.4px; } .search__item-link--all::before { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background-color: #5f4e64; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .search__item-link--all:hover::before, .search__item-link--all:focus::before { width: 100%; } .search__item-link--all:hover, .search__item-link--all:focus { color: #5f4e64; } @media (max-width: 650px) { .search__item-link--all { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 26px; font-weight: 500; } } .search__item-link:hover { color: #8d556f; } .search__item-image { margin-right: 24px; } @media (max-width: 650px) { .search__item-image { margin-right: 20px; } } .search__item-name { margin: 0; padding: 0; display: inline; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .search__item-link:hover .search__item-name { text-decoration: underline; } .search__button-back { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: none; } .search__button-back:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .search:not(.nohover):hover .search__button-back, .search__bar:focus + .search__button-back { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: block; position: absolute; left: 0; top: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 40px; height: 40px; color: #2a3a48; } .search:not(.nohover):hover .search__button-back:not(:disabled) { cursor: pointer; } } @media (max-width: 768px) { .search:not(.nohover):hover .search__button-back, .search__bar:focus + .search__button-back { top: 7px; } } @media (max-width: 650px) { .search:not(.nohover):hover .search__button-back, .search__bar:focus + .search__button-back { top: 6px; } } .search__button-back-icon { position: absolute; top: 50%; left: 0; stroke: #a4a4a4; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .search__button-back:hover .search__button-back-icon, .search__button-back:focus .search__button-back-icon { stroke: #2a3a48; } .site-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media (max-width: 890px) { .site-list { display: none; } } .site-list__item { margin-left: 44px; } @media (max-width: 1024px) { .site-list__item { margin-left: 40px; } } .site-list__link { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; color: #2a3a48; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .site-list__link:hover, .site-list__link:focus { color: #8d556f; text-shadow: 0 0 0.01px #8d556f, 0 0 0.01px #8d556f; } @media (max-width: 1024px) { .site-list__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .social-media { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .social-media__item { width: 40px; height: 40px; margin-right: 11px; } @media (max-width: 350px) { .social-media__item { width: 30px; height: 30px; margin-right: 10px; } } .social-media__link { display: block; height: 100%; } .social-media__link--vk { background: url("/local/templates/pgmnt/assets/sass/../images/icon-vk.svg") no-repeat 50% 10%; } @media (max-width: 350px) { .social-media__link--vk { background-size: 90% 90%; background-position: 50% 75%; } } .social-media__link--fb { background: url("/local/templates/pgmnt/assets/sass/../images/icon-facebook.svg") no-repeat 60% 20%; } @media (max-width: 350px) { .social-media__link--fb { background-size: 60% 60%; background-position: 50% 60%; } } .social-media__link--ig { background: url("/local/templates/pgmnt/assets/sass/../images/icon-insta.svg") no-repeat 50% 30%; } @media (max-width: 350px) { .social-media__link--ig { background-size: 60% 60%; background-position: 50% 60%; } } .social-media__link--tg { background: url("/local/templates/pgmnt/assets/sass/../images/icon-telegram.svg") no-repeat 58% 28%; } @media (max-width: 350px) { .social-media__link--tg { background-size: 60% 60%; background-position: 50% 60%; } } .social-media__link--whatsapp { background: url("/local/templates/pgmnt/assets/sass/../images/icon-whatsapp.svg") no-repeat 58% 28%; height: 66%; margin-top: 3px; } @media (max-width: 350px) { .social-media__link--whatsapp { background-size: 60% 60%; background-position: 50% 60%; } } .social-media__link--yt { background: url("/local/templates/pgmnt/assets/sass/../images/icon-youtube.svg") no-repeat 60% 28%; } @media (max-width: 350px) { .social-media__link--yt { background-size: 65% 65%; background-position: 50% 60%; } } .social-media__link--tw { background: url("/local/templates/pgmnt/assets/sass/../images/icon-twitter.svg") no-repeat 50% 30%; } @media (max-width: 350px) { .social-media__link--tw { background-size: 70% 70%; background-position: 50% 80%; } } .social__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 19px; line-height: 23px; font-weight: 400; margin-top: 5px; color: #333442; } @media (max-width: 1024px) { .social__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; } } .social__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; } @media (max-width: 1024px) { .social__list { margin-top: 18px; } } @media (max-width: 890px) { .social__list { margin-left: 5px; } } @media (max-width: 450px) { .social__list { margin-top: 10px; } } .social__item { width: 75px; } @media (max-width: 450px) { .social__item { width: 65px; } } .social__link { display: flex; flex-direction: column; align-items: center; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; padding-top: 38px; color: #333442; } @media (max-width: 890px) { .social__link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; } } @media (max-width: 450px) { .social__link { padding-top: 36px; } } .social__link--insta { background: url("/local/templates/pgmnt/assets/sass/../images/icon-insta.svg") no-repeat 50% 10%; } .social__link--youtube { background: url("/local/templates/pgmnt/assets/sass/../images/icon-youtube.svg") no-repeat 50% 10%; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px solid #eeeeee; } .sort__caption { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 300; margin-right: 12px; color: #2a3a48; } @media (max-width: 1024px) { .sort__caption { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 300; margin-right: 13px; } } @media (max-width: 890px) { .sort__caption { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 300; margin-right: 12px; } } @media (max-width: 450px) { .sort__caption { display: none; } } .sort__type { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; margin-right: 9px; color: #2a3a48; } @media (max-width: 1024px) { .sort__type { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 500; margin-right: 6px; } } @media (max-width: 890px) { .sort__type { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-right: 10px; } } .sort__type--mobile { display: none; } @media (max-width: 450px) { .sort__type--mobile { display: inline; margin-right: 5px; letter-spacing: 0.6px; } } @media (max-width: 350px) { .sort__type--mobile { margin-right: 6px; letter-spacing: normal; } } @media (max-width: 450px) { .sort__type--desktop { display: none; } } .sort__options { position: relative; } .sort__button { margin: 0; padding: 0; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; padding-right: 15px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-arrow-down.svg") 100% 50% no-repeat; } .sort__button:not(:disabled) { cursor: pointer; } @media (max-width: 1024px) { .sort__button { background: url("/local/templates/pgmnt/assets/sass/../images/icon-arrow-down.svg") 100% 60% no-repeat; } } @media (max-width: 350px) { .sort__button { background: url("/local/templates/pgmnt/assets/sass/../images/icon-arrow-down.svg") 100% 70% no-repeat; } } @media (max-width: 450px) { .sort__choice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; height: 470px; background-color: #ffffff; border-radius: 6px; } } @media (max-width: 350px) { .sort__choice { height: 424px; } } .sort__choice-title { display: none; } @media (max-width: 450px) { .sort__choice-title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 27px; font-weight: 700; font-family: "Cormorant Unicase", serif; display: block; margin: 30px auto 0; text-align: center; color: #5f4e64; } } @media (max-width: 350px) { .sort__choice-title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 22px; font-weight: 700; font-family: "Cormorant Unicase", serif; } } .sort__choice-close-button { display: none; } @media (max-width: 450px) { .sort__choice-close-button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; display: block; top: 20px; right: 18px; padding-right: 35px; color: #828282; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .sort__choice-close-button:not(:disabled) { cursor: pointer; } .sort__choice-close-button:hover, .sort__choice-close-button:focus { color: #2a3a48; } } @media (max-width: 450px) { .sort__choice-close-icon { position: absolute; width: 12px; height: 12px; top: 4px; right: 6px; stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } } @media (max-width: 350px) { .sort__choice-close-icon { top: -4px; right: -2px; } } .sort__choice-close-button:hover .sort__choice-close-icon, .sort__choice-close-button:focus .sort__choice-close-icon { stroke: #2a3a48; } .sort__choice-finish { display: none; } @media (max-width: 450px) { .sort__choice-finish { display: block; width: auto; height: 68px; padding: 14px 16px; background: #ffffff; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); border-radius: 6px; margin-top: auto; } } .sort__choice-button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; width: 100%; padding: 12px 24px; color: #2a3a48; letter-spacing: 0.5px; border-radius: 4px; } .sort__list { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 35px; -webkit-transform: translate(-45%); transform: translate(-45%); width: 270px; padding: 28px 13px 0 22px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.21); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.21); border-radius: 4px; z-index: 3; } @media (max-width: 1024px) { .sort__list { top: 31px; } } @media (max-width: 450px) { .sort__list { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); padding: 35px 13px 0 14px; -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 350px) { .sort__list { padding: 20px 13px 0 14px; } } .sort__item { margin: 0; padding: 0; list-style: none; position: relative; padding-left: 37px; padding-bottom: 28px; } @media (max-width: 450px) { .sort__item { padding-bottom: 20px; } } @media (max-width: 350px) { .sort__item { padding-bottom: 16px; } } .sort__item:last-child { padding-bottom: 24px; } .sort__radio-name { display: flex; align-items: center; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; color: #333333; cursor: pointer; } @media (max-width: 450px) { .sort__radio-name { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; } } @media (max-width: 350px) { .sort__radio-name { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; } } .sort__radio-name::before { content: ""; position: absolute; top: 0; left: 3px; width: 20px; height: 20px; background: url("/local/templates/pgmnt/assets/sass/../images/icon-checkbox.svg"); cursor: pointer; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .sort__radio-item:checked ~ .sort__radio-name::before { background: url("/local/templates/pgmnt/assets/sass/../images/icon-checkbox-active.svg"); } .sort__radio-item:hover ~ .sort__radio-name::before, .sort__radio-item:focus ~ .sort__radio-name::before { background: url("/local/templates/pgmnt/assets/sass/../images/icon-checkbox-active.svg"); opacity: 0.8; } .sort__count { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-left: auto; padding-top: 2px; font-style: italic; color: #2a3a48; } @media (max-width: 1024px) { .sort__count { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; padding-top: 0; } } @media (max-width: 890px) { .sort__count { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; } } .subscribe { height: 375px; margin-top: 118px; background: #fafafa url("/local/templates/pgmnt/assets/sass/../images/subscribe.webp") no-repeat calc(50% + 360px) 50%; } @media (max-width: 1440px) { .subscribe { background: #fafafa url("/local/templates/pgmnt/assets/sass/../images/subscribe.webp") no-repeat 88.5% 50%; } } @media (max-width: 1024px) { .subscribe { margin-top: 79px; background: #fafafa url("/local/templates/pgmnt/assets/sass/../images/subscribe.webp") no-repeat 107.5% 7px; } } @media (max-width: 880px) { .subscribe { background: #fafafa; } } @media (max-width: 768px) { .subscribe { height: 300px; margin-top: 59px; } } @media (max-width: 450px) { .subscribe { margin-top: 11px; background: none; } } .subscribe__wrapper { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 47px; } @media (max-width: 768px) { .subscribe__wrapper { max-width: 996px; padding: 0 40px; } } @media (max-width: 450px) { .subscribe__wrapper { max-width: 100%; padding: 0 16px; } } .subscribe__card { position: absolute; left: calc(50% - 653px); max-width: 562px; margin-top: 88px; } @media (max-width: 1440px) { .subscribe__card { position: static; margin-top: 0; padding-top: 88px; } } @media (max-width: 1024px) { .subscribe__card { max-width: 455px; padding-top: 98px; } } @media (max-width: 768px) { .subscribe__card { max-width: 451px; padding-top: 48px; } } @media (max-width: 450px) { .subscribe__card { width: 100%; padding-top: 28px; } } .subscribe__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 38px; font-weight: 500; color: #624d65; } @media (max-width: 1024px) { .subscribe__title { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 32px; font-weight: 500; } } @media (max-width: 450px) { .subscribe__title { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 27px; font-weight: 500; } } .subscribe__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-top: 24px; color: #333442; } @media (max-width: 1024px) { .subscribe__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-top: 22px; } } @media (max-width: 768px) { .subscribe__text { width: 300px; } } @media (max-width: 450px) { .subscribe__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; } } @media (max-width: 450px) { .subscribe__text { margin-top: 12px; } } .subscribe__field { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 32px; } @media (max-width: 1024px) { .subscribe__field { margin-top: 25px; } } @media (max-width: 450px) { .subscribe__field { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 18px; } } .subscribe__input { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 14px 16px; background: #ffffff; border: 1px solid #dedede; border-radius: 2px; color: #333442; outline: none; } .subscribe__input::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #696b6f; } .subscribe__input:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #696b6f; } .subscribe__input::-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #696b6f; } .subscribe__input::placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #696b6f; } .subscribe__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; padding: 14px 32px 14px 32px; letter-spacing: 0.6px; } @media (max-width: 1024px) { .subscribe__button { padding: 14px 32px; } } @media (max-width: 768px) { .subscribe__button { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; padding: 14px 40px; } } @media (max-width: 450px) { .subscribe__button { margin-top: 16px; } } .team { margin-top: 120px; } @media (max-width: 1024px) { .team { margin-top: 76px; } } @media (max-width: 450px) { .team { margin-top: 57px; } } @media (max-width: 1024px) { .team__arrows { display: none; } } .team__slider { max-width: 1386px; margin: 0 auto; padding: 0 40px; } @media (max-width: 450px) { .team__slider { max-width: 1950px; padding: 0; } } .top-header { border-bottom: 1px solid #eeeeee; } @media (max-width: 890px) { .top-header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(50% - 26px); } } @media (max-width: 450px) { .top-header { width: calc(50% - 22px); } } .top-header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1306px; margin: 0 auto; padding: 17px 0 13px; } @media (max-width: 1440px) { .top-header__wrapper { max-width: 1440px; padding: 17px 67px 13px; } } @media (max-width: 1024px) { .top-header__wrapper { max-width: 1024px; padding: 14px 47px 13px; } } @media (max-width: 890px) { .top-header__wrapper { padding: 14px 47px 13px 0; } } @media (max-width: 768px) { .top-header__wrapper { max-width: 768px; height: 100%; padding: 7px 80px 7px 0; } } @media (max-width: 650px) { .top-header__wrapper { max-width: 100%; padding: 7px 40px 7px 0; margin-bottom: -3px; } } @media (max-width: 450px) { .top-header__wrapper { padding: 7px 16px; } } .top-header__info { display: -webkit-box; display: -ms-flexbox; display: flex; flex-shrink: 0; } @media (max-width: 1440px) { .top-header__info { margin-left: 4px; } } @media (max-width: 890px) { .top-header__info { width: 100%; } } @media (max-width: 768px) { .top-header__info { align-items: center; } } .user-board { display: -webkit-box; display: -ms-flexbox; display: flex; width: 45%; } @media (max-width: 890px) { .user-board { display: none; } } .user-board__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .user-board__list { margin-top: 21px; } .user-board__item { font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 18px; font-weight: 400; position: relative; min-height: 30px; margin-left: 40px; } @media (max-width: 1024px) { .user-board__item { margin-left: 20px; } } .user-board__item--cart { -ms-flex-negative: 0; flex-shrink: 0; } .user-board__link { display: inline-block; text-decoration: none; outline: none; color: inherit; display: block; padding-left: 32px; color: #2a3a48; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 1024px) { .user-board__link { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; padding-top: 2px; } } .user-board__link--name { padding-left: 40px; margin-right: -5px; margin-top: -1px; } @media (max-width: 1024px) { .user-board__link--name { margin-right: 0; } } .user-board__link--fav { padding-left: 36px; padding-right: 6px; margin-top: -1px; } @media (max-width: 1024px) { .user-board__link--fav { margin-right: -4px; } } .user-board__link--cart { padding-left: 36px; } .user-board__link:hover, .user-board__link:focus { color: #8d556f; text-shadow: 0 0 0.01px #8d556f, 0 0 0.01px #8d556f; } .user-board__item-image { position: absolute; top: 0; left: 0; } .user-board__item-image--name { left: 4px; top: -2px; stroke: #2a3a48; } @media (max-width: 1024px) { .user-board__item-image--name { width: 21px; height: 23px; left: 7px; top: -1px; } } .user-board__item-image--fav { top: -2px; fill: #2a3a48; } @media (max-width: 1024px) { .user-board__item-image--fav { width: 24px; height: 22px; left: 3px; top: -1px; } } .user-board__item-image--cart { top: -2px; stroke: #2a3a48; } @media (max-width: 1024px) { .user-board__item-image--cart { width: 20px; height: 23px; left: 3px; } } .user-board__link:hover .user-board__item-image, .user-board__link:focus .user-board__item-image { stroke: #8d556f; } .user-board__link:hover .user-board__item-image--fav, .user-board__link:focus .user-board__item-image--fav { stroke: none; fill: #8d556f; } .user-board__item-count { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 18px; font-weight: 600; position: absolute; left: 12px; top: 12px; width: 18px; height: 18px; background-color: #8d556f; border-radius: 50%; color: #ffffff; text-align: center; } .user-board__item-count--fav { left: 12px; top: 10px; } .videoblog { margin-top: 120px; text-align: center; } @media (max-width: 1024px) { .videoblog { margin-top: 78px; } } @media (max-width: 450px) { .videoblog { margin-top: 65px; } } .videoblog__button { display: none; } @media (max-width: 450px) { .videoblog__button { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 15px; font-weight: 600; margin: 18px auto 22px; padding: 15px 25px; color: #8d556f; letter-spacing: 0.5px; text-align: center; } } .not-found__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 753px; margin: 114px auto; } @media (max-width: 1024px) { .not-found__wrapper { margin: 80px auto; } } @media (max-width: 650px) { .not-found__wrapper { margin: 60px auto; } } .not-found__image-wrap { margin-bottom: 46px; } @media (max-width: 450px) { .not-found__image-wrap { margin-bottom: 30px; } } .not-found__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 50px; line-height: 0.94; font-weight: 400; margin-bottom: 27px; font-family: "Cormorant", serif; color: #5f4e64; text-align: center; } @media (max-width: 1024px) { .not-found__title { font-size: 36px; } } @media (max-width: 768px) { .not-found__title { font-size: 28px; } } @media (max-width: 450px) { .not-found__title { font-size: 24px; } } @media (max-width: 350px) { .not-found__title { font-size: 20px; } } .not-found__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 1.11; font-weight: 400; width: 68%; margin: 0 auto 50px; font-family: "Cormorant", serif; color: #5f4e64; text-align: center; } @media (max-width: 890px) { .not-found__text { width: 80%; } } @media (max-width: 768px) { .not-found__text { margin: 0 auto 40px; font-size: 20px; } } @media (max-width: 650px) { .not-found__text { width: 100%; } } @media (max-width: 550px) { .not-found__text { margin: 0 auto 25px; } } @media (max-width: 450px) { .not-found__text { font-size: 16px; } } .not-found__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 79%; } @media (max-width: 650px) { .not-found__button-wrap { width: 91%; } } @media (max-width: 550px) { .not-found__button-wrap { width: 100%; } } @media (max-width: 500px) { .not-found__button-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .not-found__button-gift { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.25; font-weight: 500; width: 47%; padding: 21px; letter-spacing: 0.05em; } @media (max-width: 1024px) { .not-found__button-gift { padding: 15px; font-size: 14px; } } @media (max-width: 768px) { .not-found__button-gift { font-size: 12px; } } @media (max-width: 550px) { .not-found__button-gift { width: 48%; } } @media (max-width: 500px) { .not-found__button-gift { width: 85%; margin-bottom: 10px; } } @media (max-width: 450px) { .not-found__button-gift { width: 100%; } } .not-found__button-main { display: inline-block; text-decoration: none; outline: none; color: inherit; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.25; font-weight: 500; width: 47%; padding: 21px; letter-spacing: 0.05em; text-align: center; color: #8d556f; } @media (max-width: 1024px) { .not-found__button-main { padding: 15px; font-size: 14px; } } @media (max-width: 768px) { .not-found__button-main { font-size: 12px; } } @media (max-width: 550px) { .not-found__button-main { width: 48%; } } @media (max-width: 500px) { .not-found__button-main { width: 85%; } } @media (max-width: 450px) { .not-found__button-main { width: 100%; } } .bug-popup { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; width: 92%; max-width: 631px; max-height: calc(100vh - 40px); padding: 46px 44px 62px; overflow-y: auto; margin: 0 auto; border-radius: 6px; background-color: #ffffff; } @media (max-width: 450px) { .bug-popup { padding: 52px 22px 46px; } } .bug-popup--show { display: block; } .bug-popup::-webkit-scrollbar-track { background-color: #fafafa; } .bug-popup::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .bug-popup::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .bug-popup__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; width: 28px; height: 28px; top: 22px; right: 20px; } .bug-popup__button-close:not(:disabled) { cursor: pointer; } @media (max-width: 450px) { .bug-popup__button-close { top: 18px; right: 16px; } } .bug-popup__button-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .bug-popup__button-close:hover .bug-popup__button-close-icon, .bug-popup__button-close:focus .bug-popup__button-close-icon { stroke: #2a3a48; } .bug-popup__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 34px; line-height: 1.14; font-weight: 700; width: 85%; margin-bottom: 33px; font-family: "Cormorant Unicase", serif; letter-spacing: 0.04em; color: #5f4e64; } @media (max-width: 1024px) { .bug-popup__title { font-size: 32px; } } @media (max-width: 768px) { .bug-popup__title { font-size: 26px; } } @media (max-width: 650px) { .bug-popup__title { width: 95%; } } @media (max-width: 450px) { .bug-popup__title { width: 100%; margin-bottom: 30px; font-size: 24px; letter-spacing: normal; } } .bug-popup .form-data__item { width: 100%; } @media (max-width: 450px) { .bug-popup .form-data__item { margin-top: 25px; } } @media (max-width: 450px) { .bug-popup .form-data__item-name { line-height: 1.3; } } .bug-popup__button { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.43; font-weight: 600; width: 100%; margin-top: 39px; padding: 19px; letter-spacing: 0.05em; } @media (max-width: 450px) { .bug-popup__button { margin-top: 24px; padding: 15px; } } #add-review .instagram--success { width: 326px; } @media (max-width: 380px) { #add-review .instagram--success { width: 260px; } } #add-review.one-click { width: auto; } a.button.button--dark.instagram-btn--link { display: block; max-width: none; height: auto; } .wrap-mobile-menu { overflow: hidden; } .mobile-menu { overflow-y: scroll; } .module-order-history { margin-top: 80px; } @media (max-width: 1024px) { .module-order-history { margin-top: 40px; } } .module-orders-list .title { padding-top: 50px; } @media (max-width: 890px) { .module-orders-list .title { padding-top: 25px; } } .module-orders-list .mb-4 { margin-top: 40px; } .module-orders-list .btn.btn-success { margin-top: 20px; border-radius: 0 !important; } .module-orders-list input[name="ShopForm"] { margin-bottom: 70px; } @media (max-width: 1024px) { .module-orders-list input[name="ShopForm"] { margin-bottom: 30px; } } .module-orders-list.goods { margin-bottom: 40px; border-collapse: collapse; } @media (max-width: 890px) { .module-orders-list.goods { margin-bottom: 20px; } } .module-orders-list.goods > thead > tr > td, .module-orders-list.goods > tbody > tr > td { border: 1px solid #dbdbdb; } .result-row a { margin-top: 20px; } @media (max-width: 890px) { .result-row a { margin-top: 10px; } } .module-order-history { margin-bottom: 80px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/pgmnt/css/intlTelInput.css?174127174720414*/ .intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("/local/templates/pgmnt/css/../img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("/local/templates/pgmnt/css/../img/flags@2x.png")}}.iti-flag.np{background-color:transparent} /* End */ /* Start:/local/templates/pgmnt/css/topLoprodModal.css?17412717474149*/ /* Tomloprod Modal 1.0.2 The MIT License (MIT) Copyright (c) 2015 by Tomás López. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .tm-avoidSelection{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tm-modal { position: fixed; top: 50%; left: 50%; height: auto; z-index: -1; visibility: hidden; opacity: 0; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); } .tm-showModal { z-index: 999999999; visibility: visible; opacity: 1; } .tm-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: -1; opacity: 0; /* background: rgba(0, 0, 0, 0.8); */ background: rgba(21, 21, 21, 0.72); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, visibility 0.3s; -moz-transition: -webkit-transform 0.3s, opacity 0.3s, visibility 0.3s; -ms-transition:-webkit-transform 0.3s, opacity 0.3s, visibility 0.3s; -o-transition: -webkit-transform 0.3s, opacity 0.3s, visibility 0.3s; transition: -webkit-transform 0.3s, opacity 0.3s, visibility 0.3s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .tm-showModal ~ .tm-overlay { z-index: 1040; opacity: 1; visibility: visible; } .tm-wrapper{ height: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); background-color:#FFF; overflow: hidden; color: #5c7d98; } .tm-MainContainer{ -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -ms-transition: -ms-transform 0.5s; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; } .tm-MainContainer.tm-effect{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .tm-effect .tm-wrapper { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; -webkit-transition: -webkit-transform 0.5s,opacity 0.5s,visibility 0.5s; -moz-transition: -moz-transform 0.5s,opacity 0.5s,visibility 0.5s; -o-transition: -o-transform 0.5s,opacity 0.5s,visibility 0.5s; transition: transform 0.5s,opacity 0.5s,visibility 0.5s; -ms-transition: -ms-transform 0.5s,opacity 0.5s,visibility 0.5s; } .tm-showModal.tm-effect .tm-wrapper { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* End */ /* Start:/local/templates/pgmnt/css/baguetteBox.min.css?17412717473609*/ /*! * baguetteBox.js * @author feimosi * @version 1.11.1 * @url https://github.com/feimosi/baguetteBox.js */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} /* End */ /* Start:/local/templates/pgmnt/css/custom.css?175990821163695*/ .catalog-mds .product__image-wrap{ padding-bottom: 0; } .catalog-mds .product__title{ } .popular__image { padding: 22px; } .popular__list { grid-template-columns: repeat(6, 1fr) !important; } .popular__title { font-size: 15px; } .promo + .promo__catalog{ margin-top: 21px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.55) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 50% 50%; content: ""; } .ClassyCountdownDemo{ max-width: 540px; } .promo__name__new{ width: 100%; } .price-before-del { display: none !important; } .cart__quick-buy{ display: none !important; } .order__block.order__block--3{ padding-top: 5px; } .order__radio-list--vertical .order__radio-item { margin-bottom: 10px; display: inline-flex; text-align: center; align-items: center; } .order__radio-list { display: flow; } li[data-style="hidden_sku"]{ display: none; } #alert-modal-konstruktor-how-to{ box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); } .tm-overlay.active { z-index: 1000; opacity: 1; visibility: visible; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; } .cmm-wrapper{display: none;} .main .sale{display: none;} .popular { margin: 0px auto 0; } .form-data__item_bith{} .form-data__item_bith img{ position: absolute; right: 12px; top: 51px; } .card__price-new { margin-bottom: 20px; } .product-item-image-original { background-repeat: no-repeat !important; } .product__image-wrap .product__link { width: 100%; } .product-item-label-text span, .product-item-label-ring { padding: 3px; font-size: 10px; bottom: 0; line-height: 21px; display: none; } .promo-slider__image { object-fit: contain; left: auto; width: auto; right: 0; } .promo-slider__item { left: auto; } .promo-slider__image-wrap { width: -webkit-fill-available; display: flex; } .promo-slider__text-wrap { width: 40%; } @media (max-width: 1439px) { .promo-slider__text { width: 465px; padding: 0px 0 0 47px; } .promo-slider__item { min-height: 388px !important; } } @media (max-width: 1008px) { .promo-slider__item { min-height: fit-content !important; } } @media (max-width: 768px) { } @media (max-width: 540px) { .promo-slider__item { min-height: 237px !important; } .promo-slider__image { object-fit: unset; left: auto; width: 100%; right: 0; height: auto; } } @media (min-width: 1439px) { .promo-slider__text { width: 465px; padding: 15px 0 148px 47px; min-height: 465px !important; } .promo-slider__image-wrap { min-height: 585px; } } .full-banners-type{ } .full-banners-type .promo-slider__text-wrap{ display: none; } .full-banners-type .promo-slider__image-wrap { width: 100%; } .full-banners-type .promo-slider__image { position: relative; top: 0; left: auto; right: auto; width: auto; height: 100%; object-fit: inherit; max-width: 100%; margin: 0 auto; /* max-height: 600px;*/ } .full-banners-type{ background-color: #ffffff; } .greeting-popup-banner-confirm{ max-width: 880px; background-color:transparent !important; } .greeting-popup-banner-confirm .greeting-popup__image{ width: 100% !important; height: auto !important; position: relative !important; } .greeting-popup-banner-confirm-center{ padding-bottom: 15px; padding-top: 15px; position: relative; background: #fff; border: 5px solid #fff; } .greeting-popup-banner-confirm-center a.button{ color: #fff; background: #7512cf; border: 1px solid transparent; border-radius: 5px; border: 1px solid #fff; } .greeting-popup-banner-confirm-center a.button:hover{ color: #7512cf; background: #fff; border: 1px solid transparent; border-radius: 5px; border: 1px solid #7512cf; } .card[data-elect-content=class-elect-content] .card__buy{ display: none !important; } .product[data-elect-content=class-elect-content] .product-item-info-container{ display: none !important; } .product[data-elect-content=class-elect-content] .product-item-info-container{ display: none !important; } .card[data-elect-content=class-elect-content] .card__quick-buy{ display: inline-block; padding: 0; margin: 0; padding: 0; margin-top: 20px !important; border: none; outline: none; background-color: transparent; color: #8d556f; padding: 14px 24px; border: 1px solid #8d556f; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.6px; text-align: center; text-transform: uppercase; border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); text-decoration: none; } .module-orders-list .vimg { margin: 0 auto; text-align: center; } .module-orders-list .vimg img{ width: 100%; max-width: 65px; margin: 0 auto; text-align: center; } .bx_ol_sku_prop{ width: 176px; } .module-order-history .button.button--dark{ width: 100%; } .vqnt{ text-align: center; } /****TABLE 5****/ .orderdetail-new { margin-top: 0px; } .table5{ width: 100%; max-width: 797px; } .table5 th { font-size: 13px; font-weight: normal; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; padding: 8px; } .table5 td { background: #fafafa; border-bottom: 1px solid #fff; color: #333442; border-top: 0px solid transparent; padding: 8px; } .table5 td.noclass { background: transparent; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; padding: 8px; } .table5 tr:hover td { background: #F7F7F7; } .table5 tr:hover td.noclass { background: transparent; } .table5 tbody tr:nth-child(odd){ background: #fff; } .table5 tbody tr:nth-child(even){ background: #F7F7F7; } .table5 h4{ margin-top: 10px; margin-bottom: 10px; } .table5 .title { padding-top: 10px; } .table5 td:nth-child(odd){ font-weight: 600; } .result.table5{ border: 0px solid #cbcbcb; margin-top: 0px; } .bx-basket.top-basket-fixed{ position: fixed; right: 20px; z-index: 1000; padding: 8px 21px; background: #fff; border-radius: 15px; box-shadow: 0 0 15px #8d556f70; } .user-board__item-image--cart { top: 0; stroke: #2a3a48; } .top-basket-fixed .user-board__item-image--cart { top: 4px; stroke: #2a3a48; left: 10px; } .top-basket-fixed .user-board__item-count { left: 25px; top: 15px; } .product__image { position: relative; } .search__list{ max-height: 600px; overflow-y: scroll; top:0; } .cart__promocode-field { flex-grow: inherit; } pre{} .price-before-del{ font-size: 14px; color: #fff; line-height: 17px; background: #d35b93; border-radius: 5px; padding: 6px 5px; display: inline-flex; margin-bottom: 5px; position: static; font-weight: 400; margin-top: 5px; border: 1px solid #fff; } .price-before-del.ok_price{ height: auto; font-size: 12px; background: #5b8b5b; display: block; width: 100%; max-width: 200px; align-items: center; text-align: center; padding: 0 0; vertical-align: middle; } .card__info .price-before-del{ } .btn-default-disabled{ padding: 9px 13px 9px 13px !important; font-size: 11px; } .product-item-info-container .btn-default{ } .product-item-image-wrapper { padding-top: 66%; } .product-item-scu-item-text-container .product-item-scu-item-text-block { padding: 7px 5px; border: 1px solid #8d556f; outline: none; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { background: #8d556f; color: #fff; padding: 7px 5px; border: 1px solid #8d556f; outline: none; } .bx-breadcrumb{ padding-bottom: 20px; } :root { --font-family: 'Montserrat', sans-serif; --font-h1: 36px; --font-product-h1: 31px; --font-h2: 28px; --font-h3: 18px; --font-offer: 18px; --font-text-2: 18px; --font-size-basic: 16px; --font-text-sub: 13px; --font-size-small: 12px; --font-size-micro: 10px; --line-height-product-h1: 38px; --line-height-basic: 25px; --tracking-h1: -1.0px; --tracking-h2: -0.8px; --tracking-h3: -0.2px; --tracking-subtitle-h1: .66px; --tracking-wide-small: .66px; --font-color-basic: #222; --font-color-secondary: rgba(0, 0, 0, 0.53); --main-color-border: rgba(0, 179, 255, 0.33); --grey-hover-color: rgb(249, 249, 249); --shadow-template-block: 0 4px 24px 0 rgba(0, 0, 0, 0.07); --font-family: 'Open Sans', sans-serif; --page-width: 1200px; --modal-width: 990px; --font-h1: 45px; --font-h2: 29px; --font-h3: 23px; --font-text-4: 23px; --font-text-3: 17px; --font-text-2: 15px; --font-size-basic: 13px; --font-size-small: 11px; --font-size-micro: 9px; --line-h1: 50px; --line-h2: 35px; --line-h3: 29px; --line-height-basic: 20px; --line-text-4: 30px; --line-text-3: 24px; --line-text-2: 22px; --tracking-h1: -1.4px; --tracking-h2: -1.2px; --tracking-h3: -.9px; --tracking-wide-small: .44px; --tracking-subtitle-2: .66px; --tracking-control-xl: .99px; --font-color-basic: #333; --font-color-secondary: rgba(0, 0, 0, 0.44); --font-color-white-secondary: rgba(255, 255, 255, 0.55); --font-color-white-ghost: rgba(255, 255, 255, 0.44); --main-color: #00a9e9; --main-color-hover: #007faf; --main-color-border: rgba(0, 179, 255, 0.44); --white-color: #fff; --white-color-border: rgba(255, 255, 255, 0.44); --disabled-control-border: rgba(0, 0, 0, 0.07); --disabled-control-font: rgba(0, 0, 0, 0.22); --grey-bg-color: #f5f5f5; --grey-border-color: #e5e5e5; --modal-bg: rgba(0, 0, 0, 0.77); --warning-color: #e84855; --success-color: #08de77; --notification-color: #f9dc5c; --border-radius-small: 4px; --border-radius-middle: 8px; --border-radius-large: 12px; --border-radius-button: 50px; --border-radius-round: 50%; --margin-xs: 5px; --margin-s: 10px; --margin-x: 20px; --margin-x-row: -20px; --margin-2x: 40px; --margin-3x: 60px; --margin-4x: 80px; --margin-5x: 100px; --margin-6x: 120px; --margin-7x: 140px; --margin-8x: 160px; --transition-turbo: all 0.14s ease-out; --transition-fast: all 0.22s ease-out; --transition-default: all 0.33s ease-out; --shadow-ui-control: 0 2px 16px 0 rgba(50, 50, 50, 0.11); --shadow-ui-control-hover: 0 4px 24px 0 rgba(50, 50, 50, 0.22); --shadow-ui-search-input-hover: 0 0 12px 0 rgba(50, 50, 50, 0.55); --shadow-ui-control-select: 0px 13px 12px 0px rgba(50, 50, 50, 0.14); } .category-why-choose-us{ } .category-why-choose-us svg{ top: 2px; position: relative; } .push-2x { margin-bottom: 40px; } .divider { position: relative; border-bottom: 1px solid #e5e5e5; } .category-foto-tip-filters{ width: 100%; } .category-foto-tip-filters .category-filter-button{ margin: 5px 5px; padding: 4px 16px; text-transform: none; } .podbor-filter-img { display: inline-block; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; vertical-align: -20px; margin-right: 2px; } .podbor-type-head-img { width: auto; height: auto; min-width: 60px; border-radius: 50%; overflow: hidden; -moz-box-shadow: var(--shadow-template-block); -webkit-box-shadow: var(--shadow-template-block); box-shadow: var(--shadow-template-block); min-height: 60px; } .main-wrap-fototip { min-height: calc(100vh - 603px); margin-bottom: var(--margin-2x); } .main-wrap-fototip { max-width: var(--page-width); margin: 0 auto; padding: 30px 0 30px 0; } .main-wrap-fototip { min-height: calc(100vh - 283px); margin-bottom: 30px; } .main-wrap-fototip .col-1,.main-wrap-fototip .col-2, .main-wrap-fototip .col-3, .main-wrap-fototip .col-4, .main-wrap-fototip .col-5, .main-wrap-fototip .col-6, .main-wrap-fototip .col-7, .main-wrap-fototip .col-8, .main-wrap-fototip .col-9, .main-wrap-fototip .col-10, .main-wrap-fototip .col-11, .main-wrap-fototip .col-12, .main-wrap-fototip .col-auto { padding: 0 var(--margin-x); box-sizing: border-box; } .push-xs { margin-bottom: var(--margin-xs) !important; } .subtitle-2 { font-size: var(--font-size-small); line-height: var(--font-size-basic); color: var(--font-color-secondary); letter-spacing: var(--tracking-subtitle-2); text-transform: uppercase; margin-bottom: var(--margin-s); } .main-wrap-fototip .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .main-wrap-fototip .col-2 { width: calc(100% / 6); } .main-wrap-fototip .col-10 { width: calc(100% / 2 + 100% / 3); } .fx { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .podbor-type-formula { line-height: 1.8em; margin-bottom: var(--margin-2x); -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .podbor-type-formula-volume { width: 100px; flex: none; margin-right: calc(var(--margin-x) + var(--margin-s)); } .podbor-type-formula-links { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fx-vert-centered { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fadeInUp { animation-name: fadeInUp; } .category-filter-button.active-filter-button { background-color: #8d556f; color: var(--white-color); } .heading-fototip .col-8 { width: calc(100% / 2 + 100% / 6); } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .main-wrap-fototip .col-6 { width: calc(100% / 2); } .podbor-type-formula-links p { margin-bottom: var(--margin-x); } .mob-col-12-no-padd{ padding: 0 !important; } @media (max-width: 720px) { .product-item-image-wrapper { padding-top: 155%; } .heading-fototip .col-8 { width: 100%; } .main-wrap-fototip .mob-col-12 { width: 100%; } .podbor-type-head-img { width: 160px; } .category-filters { margin: 0 calc(var(--margin-xs)* -1); } } @media (max-width: 480px) { .category-foto-tip-filters .category-filter-button { margin: var(--margin-xs) calc(var(--margin-xs) / 2); font-size: var(--font-size-micro); text-transform: uppercase; line-height: 3.5em; } } .info__content-btn__new__gift{ margin: 0 auto; padding: 62px; text-align: center; } .button--dark--gift{ margin-bottom: 20px; } .button--dark--gift svg{ top: 2px; position: relative; } div[data-tm-modal="modal-choose-gift"]{ display: none !important; } .product-item-scu-item-color-container { max-width: 100%; } @media (max-width: 450px){ .card__rating { margin-top: 44px; } } .basket-coupon-alert-section{ padding: 30px 0 0px; } .menu__list { display: inline-block;} .menu__list .menu__item{ display: inherit;} .title__text--small--city{font-size: 25px;} .sliderProductsCity{background: #f9f9f9; margin: 20px; } .about-section{ margin: 40px auto 70px; } .about__text-wrap-section{ height: auto; } .about__text-wrap-section:after { background: none; } .sliderProductsCity .catalog__item { margin-bottom: 19px; } .sliderProductsCity .product__link{font-weight: 600; color: #6c6b72;} .bottom-header--menu.active { z-index: 9999 !important; } .card__radio-item:checked ~ .card__radio-name { border: 1px solid #8d556f; color: #fff; background: #8d556f; } .catalog-compare-new{grid-template-columns: repeat(1, 1fr); display: block;} .catalog-compare-new .card__radio-image-pic{vertical-align: middle;} .catalog-compare-new li{border: 1px solid transparent;} .catalog-compare-new li.ui-sortable-helper{border: 1px solid #8d556f;} .catalog-compare-new .product__link__col0{ width: 8%; display: inline-block; vertical-align: top; text-align: center; } .catalog-compare-new .product__link__col0 .product__link__col0__button{ border: 0; cursor: move; background: transparent; position: relative; z-index: 1000; height: 39px; width: 39px; display: block; } #modal-compare{ width: 100%; max-height: 100%; overflow:hidden; } .catalog-compare-new .product__link__col1{width: 10%;display: inline-block;vertical-align: middle; text-align: center;} .catalog-compare-new .product__link__col1 .card__radio-image-pic{padding: 5px 0;} .catalog-compare-new .product__link__col2{width: 37%;display: inline-block;vertical-align: middle;} .catalog-compare-new .product__link__col3{width: 17%;display: inline-block;vertical-align: middle;} .catalog-compare-new .product__link__col4{width: 21%;display: inline-block;vertical-align: middle;text-align: center;} .catalog-compare-new .product{ display: block; } .catalog-compare-new .product__price-new { color: #8b8b8b; } .catalog-compare-new .product__link{ font-size: 22px; } .catalog-compare-new .product__price-new { font-size: 21px; } .catalog-compare-new .product__price { margin-top: 0px; } .catalog-compare-new .product__button { background: #fff; border-radius: 5px; } .catalog-compare-new .product__button:hover { background: transparent; } .catalog-compare-new .product__button:hover .button-image { stroke: #8d556f; } .catalog-compare-new .product__button:hover .button-text{ color: #8d556f; } .catalog-compare-new .catalog__item { background: #f4f4f4; border-radius: 10px; margin-bottom: 10px; display: block; } .catalog-compare-new .card__radio-image-pic { width: auto; height: 48px; } .catalog-compare-new .product__title { margin-top: 0px; } .bonus-will-be{display: none !important;} .form-data__item { padding-bottom: 10px; } .button.disabled {opacity: 0.3;} .order__block-title2{ font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 23px; font-weight: 500; /* font-family: "Cormorant", serif; */ position: relative; /* padding-top: 10px; */ /* padding-left: 0; */ color: #fff; letter-spacing: 1.5px; text-align: left; background: #8d556f; padding: 10px 15px; border-radius: 15px; } .order__block-title2-click{ } .feature-list { z-index: 100; display: block; } .feature-list__item--new{ margin-right: 10px; display: inline-block; } .feature-list__item.feature-list__item--gift{ display: none; } .order__block--2 .order__block-title2::before { content: ""; position: absolute; width: 0px; height: 0px; padding:0px; } .feature-list__item--free-delivery{ background: url(/local/templates/pgmnt/img/w-ico-free-delivery.svg); width: 339px; height: 53px; background-repeat: no-repeat; vertical-align: top; position: relative; display:none; top: -9px; } .card .feature-list { position: relative; top: auto; margin-top: 10px; margin-bottom: 0; margin-bottom: -19px; } .card__title { margin-top: 0; } .catalog-main-new{ grid-template-columns: repeat(5, 1fr); } .catalog-main-new .catalog__item{ } .catalog-main-new .catalog__item .product__title{ font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; margin: 0; padding: 0; width: 100%; margin-top: 20px; color: #2a3a48; } .catalog-main-new .catalog__item .product__price-new { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 16px; font-weight: 600; margin-right: 20px; color: #8d556f; } .catalog-main-new .catalog__item .button--buy { font-family: "Montserrat", sans-serif; font-size: 11px; line-height: 13px; font-weight: 600; position: relative; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; padding: 13px 23px 13px 51px; letter-spacing: 0.05em; } .catalog-main-new .catalog__item .button-image { position: absolute; top: 9px; left: 12px; stroke: #8d556f; } .popular__list{ display: inline-grid; grid-template-columns: repeat(4, 1fr); } .category-sub-a{ margin-top: 10px; margin-bottom: 10px; padding: 15px 15px 15px 15px; } .catalog-slider__item.category-active, .catalog-slider__item:hover, .catalog-slider__item:focus{ background: transparent; } .catalog-slider__item.category-active .catalog-slider__title, .catalog-slider__item:hover .catalog-slider__title, .catalog-slider__item:focus .catalog-slider__title { background-color: #b38e9f; color: #ffffff; padding: 10px; } .mobile-menu__item--lips--sub{ } @media (max-width: 768px){ .breadcrumbs__link { line-height: 23px; } .breadcrumbs__link-desctop { display: block !important; } .breadcrumbs__link-mobile{display: none !important;} .breadcrumbs__item:last-child::after{ display: none; } .breadcrumbs__list { margin-bottom: 27px; display: block; } .breadcrumbs__item { display: block; } .breadcrumbs__item:not(:last-child) { display: block; } .catalog-main-new { grid-template-columns: repeat(2, 1fr); } .catalog-main-new .catalog__item .button-image--cart { display: block; } } @media (max-width: 450px){ .card .feature-list { margin-bottom: -26px; } .card .feature-list__item--free-delivery{ width: 100%; height: 44px; } .popular-category-slider-swiper .popular__item { max-width: 100%; margin-right: 0px; } .popular-category-slider-swiper .popular__image { height: auto; max-height: 200px; } } .catalog-gift-top-main-block-conteiner{overflow: hidden;} .catalog-gift-top .popular__item { max-width: 111px; margin-right: 12px; } .catalog-gift-top-main-block-conteiner0 .slide-prev{top: auto;margin-top: 84px; position: absolute; z-index: 10; left: 10px;} .catalog-gift-top-main-block-conteiner0 .slide-next{top: auto;margin-top: 84px; position: absolute; z-index: 10; right: 10px;} .catalog-gift-top-main-block-conteiner0 .slide-prev svg{} .catalog-gift-top-main-block-conteiner0 .slide-next svg{} .arrow-left-3, .arrow-right-3, .arrow-top-3, .arrow-bottom-3 { margin: 0px; width: 27px; cursor: pointer; } .arrow-left-3 path, .arrow-right-3 path, .arrow-top-3 path, .arrow-bottom-3 path { fill: #8d556f; transition: fill 0.5s ease-out; } .arrow-left-3 { transform: rotate(180deg); } .arrow-top-3 { transform: rotate(270deg); } .arrow-bottom-3 { transform: rotate(90deg); } .arrow-left-3:hover path, .arrow-right-3:hover path, .arrow-top-3:hover path, .arrow-bottom-3:hover path { fill: #000; } .order-only-gift-in-basket{color: #8d556f; text-transform: uppercase; font-weight: 700;} .cart-catalog-gift-new{display: none;} .check-city-client{display: none;} #check-city-client{ max-width: 694px; } .location-input-fade--list{background: rgba(141,85,111,.6); padding: 10px; color: #fff;} .catalog-slider__title { flex-wrap: wrap; max-width: 200px; margin: 0 auto; } .ul-text{} .ul-text li{list-style-type: circle;} .card__reviews-count-detail{cursor: pointer;} .review__main-text .info__prop{font-weight: bold;} .info__prop-text:not(:last-child), .info p:not(:last-child) { margin-bottom: 6px; } .review__main-images { margin-top: 17px; } .catalog-gift-top-main-block-blur{ /**/ display: none; position: absolute; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .catalog-gift-top-main-block-blur img{ width: 100%; vertical-align: middle; top: 33%; position: relative; z-index: 1000; max-width: 491px; } body.blur-gift .main{filter: blur(5px);} body.blur-gift .main-footer{filter: blur(5px);} .blur-gift .catalog-gift-top-main-block-blur{display: block;} .catalog-gift-top-main-block-blur-img-mob{display: none;} .catalog-gift-top-main-block-blur button{display: block; margin: 0 auto; position: relative; top: 33%; z-index: 1000; background: #8d556f; color: #fff; } .modal-compare-close{ background: transparent; border: 0; cursor:pointer; } .catalog-gift-top-main-block{display: none;padding-top: 30px;} .catalog-gift-top-main-block-conteiner{padding: 20px;} .catalog-gift-top-main-block .one-click__button-close,.modal-compare-close{ position: absolute; width: 55px; height: 55px; top: auto; right: 0px; left: auto; margin-top: -29px; } .catalog-gift-top{grid-template-columns: repeat(8,1fr);margin-top: 32px;} .catalog-gift-top-img{} .catalog-gift-top-img-mob{display: none;} .catalog-gift-top-title{color:#373737; font-size: 43px; margin-top: 20px;line-height: 38px;} .catalog-gift-top .catalog__item{margin-bottom: 20px;} .catalog-gift-top .product__image-wrap{padding-bottom: 147px; margin: 0px;} .catalog-gift-top .button--buy{ padding: 0;border: 0;} .product { width: 100%;} .product__link { margin-bottom: 0; margin-top: 0; padding-top: 0; } .product-gift-top{} @media (max-width: 768px){ .catalog-gift-top-main-block-blur img { max-width: 332px; margin: 0 auto; } .catalog-gift-top-main-block-blur-img{display: none;} .catalog-gift-top-main-block-blur-img-mob{display: block;} .catalog-gift-top-main-block-blur button { top: 13%; } .catalog-gift-top-main-block { padding-top: 0px; } .catalog-gift-top-main-block .one-click__button-close { margin-top: 2px; } .catalog-gift-top-img{display: none;} .catalog-gift-top-img-mob{display: block;} .catalog-gift-top{grid-template-columns: repeat(4,1fr);margin-top: 32px;} .catalog-gift-top-title{color:#373737; font-size: 28px; margin-top: 0px;line-height: 38px;} .card-data__info .info__content-wrap-review { display: block; } .review__item:nth-child(n + 2) { display: block; } } @media (max-width: 530px){ .catalog-gift-top{grid-template-columns: repeat(2,1fr);margin-top: 32px;} } .review__more-button{display: none;} .select-new-style { color: #2a3a48; background-position: 95% 50%; border-radius: 5px; margin-right: 0; margin-bottom: 0px; cursor: pointer; outline: none; } .select-new-style >select:active, .select-new-style> select:focus { } .select-new-style select > option { background-color: transparent; border: 0; padding: 15px; font-size: 12px; } .select-new-style select > option:nth-child(1) { } .select-new-style select > option:nth-last-child { } .select-new-style> select {cursor: pointer; outline: none; color: #2a3a48; font-family: "Montserrat",sans-serif; font-size: 15px; line-height: 18px; font-weight: 500;text-transform: uppercase; background: transparent; border: 0; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; padding: 5px 10px; } .select-new-style:after { content: ""; display: block; border-style: solid; border-width: 6px 5px 0 5px; border-color: #2a3a48 transparent transparent transparent; pointer-events: none; position: absolute; margin-top: -17px; text-align: right; margin-left: 87px; } @media (max-width: 768px) { .catalog-compare-new .card__radio-image-pic{ height: 48px; border-radius: 0; } .catalog-compare-new .card__radio-image-pic0{ height: 105px; } .catalog-compare-new .card__radio-image-pic { padding: 0px; } .catalog-compare-new .product__button{ background: #8d556f; border-radius: 5px; } .catalog-compare-new .button-image { position: relative; top: -1px; left: -2px; stroke: #fff; } .catalog-compare-new .button-image--cart { display: block; } .catalog-compare-new .button-text{ display: none; } .select-new-style:after { margin-top: -17px; } } .change-site-lid{} .change-site-lid li{} .change-site-lid li a{} .bonus-will-be{ font-size: 12px; color: #8d556f; font-weight: 600; padding: 0; margin: 0;} .bonus-will-be-in-cart{ font-size: 12px; color: #8d556f; font-weight: 600; padding: 0; margin: 0; display: block; line-height: 15px;} .cart__table-cell--order-product{ flex-direction: column; align-items: baseline; } .cart-popup{ display: none !important; } #preloader-add-cart{ display: none !important; } .popup-window-overlay{ display: none !important; } .preloader-hearts { height: 100%; width: 100%; z-index: 9999999999; position: fixed; /*background: #3023ae85; background: -moz-linear-gradient(-45deg, #3023ae85 0%, #c86dd794 100%); background: -webkit-gradient( linear, left top, right bottom, color-stop(0%, #3023ae85), color-stop(100%, #c86dd794) ); background: -webkit-linear-gradient(-45deg, #3023ae85 0%, #c86dd794 100%); background: -o-linear-gradient(-45deg, #3023ae85 0%, #c86dd794 100%); background: -ms-linear-gradient(-45deg, #3023ae85 0%, #c86dd794 100%); background: linear-gradient(135deg, #3023ae85 0%, #c86dd794 100%); */ background: #ffffff57; background-attachment: fixed; backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; display: none !important; } .preloader-hearts-section { position: relative; min-height: 400px; } .preloader-hearts.active { opacity: 1; visibility: visible; top: 0; } .sliderProducts.swiper-container-initialized, .sliderCategories.swiper-container-initialized { overflow: hidden; } .catalog-slider__list { overflow: visible; } .catalog-slider__arrows { margin-bottom: 40px; } .catalog-slider__link { display: flex; flex-direction: column; height: 100%; } .catalog-slider__image { max-height: 222px; width: auto; margin: 0 auto; display: none; /* margin-bottom: auto; */ } .catalog-slider__title { /* margin-top: auto; */ display: flex; justify-content: center; align-items: center; } .catalog.swiper-wrapper { flex-wrap: nowrap; } .filter.main-catalog__filter { flex-wrap: wrap; } .filter.main-catalog__filter .filter__item { margin-bottom: 20px; } .gallery__list.gallery__list--card, .gallery__list.swiper-wrapper { overflow: inherit; justify-content: unset; } #basket-item-table { width: 100%; } .cart__rate, .cart__rate { transition: all 0.3s ease-in-out; } .product-slider__image-wrap { max-width: 500px; overflow: hidden; } .product-slider__content { height: 500px; margin: 26px 0; margin-right: 10px; } .product-slider__content-wrap { overflow: hidden; height: 100%; /* height: 490px; */ /* padding: 50px 0; */ /* margin: 50px 0; */ } .swiper-slide { height: auto; } .product-slider__item.swiper-slide-active { border: 1px solid #8d556f; } .swiper-slider-images-small .swiper-slide { width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; } /* .product-slider__list{ overflow: hidden; } .product-slider__item{ margin-bottom: 0; } */ .promo-slider__controls { z-index: 3; display: none; } .promo-slider__item.swiper-slide { display: block; } .sort-change-active .sort__choice { visibility: hidden; opacity: 0; z-index: 99; position: relative; transition: all 0.3s ease; } @media (max-width: 450px) { .catalog-compare-new .product__link__col0 { width: 10%; } .catalog-compare-new .product__link__col4{ width: 13%; } .catalog-compare-new .product__link__col3 { width: 23%; } .catalog-compare-new .button-image { position: relative; top: auto; left: auto; stroke: #fff; } .sort-change-active .sort__choice { position: fixed; } } .sort-change-active.active .sort__choice { visibility: visible; opacity: 1; } #search-content { visibility: hidden; opacity: 0; z-index: 1000; position: relative; } .search__bar:hover ~ #search-content, .search__bar:focus ~ #search-content, #search-content.active-search { visibility: visible; opacity: 1; } .bottom-header.bottom-header--menu { opacity: 0; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); height: 0; overflow: hidden; } .bottom-header.bottom-header--menu.active { height: auto; opacity: 1; height: auto; overflow: visible; } #input-upload-inst { visibility: hidden; height: 0; } #preview-photo-load .thumb { width: auto; max-width: 200px; max-height: 55px; margin-top: 15px; } .wrap-mobile-menu { opacity: 0; visibility: hidden; z-index: 9999; /* transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); */ } .wrap-mobile-menu.active { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #0c0c0cb0; opacity: 1; visibility: visible; } .mobile-menu { /* transition: all 0.3s ease; */ left: -100%; } .wrap-mobile-menu.active .mobile-menu { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; left: 0; height: 100%; max-width: 350px; padding: 15px 20px 50px; background: #fff; } .mobile-menu.mobile-menu--catalog.active { position: absolute; top: 0; left: 0; z-index: 2; } .mobile-menu--catalog .mobile-menu__item { background-repeat: no-repeat; background-size: 32px auto; } .swiper-pagination-bullet { background: transparent; } .sliderCategoriesNot{display: block;} .sliderCategoriesNot .catalog-slider__list{display: block;} .sliderCategoriesNot .catalog-slider__item{width: auto;position: relative; display: inline-block;} .promo-slider__controls{width: 100% !important;} .promo-slider__control{margin-right: 3px !important;} .popup-window-with-titlebar .popup-window-content { padding: 0; background: transparent !important; background-color: transparent !important; } .popup-window.popup-window-with-titlebar { padding: 0; } @media (max-width: 1129px) { .popular__list{ display: inline-grid; grid-template-columns:repeat(4, 1fr) !important; } } @media (min-width: 768px) { .promo-slider__lead { font-size: 47px; line-height: 42px; } } .sliderSectionsNotCatalog{ display: block; margin-bottom: 0; margin-top: 0;} .sliderSectionsNotCatalog .catalog-slider__arrows{margin-bottom: 7px;} .main-catalog { margin-top: 10px; } @media (max-width: 906px) { .promo-slider__controls{ display: none; } } @media (max-width: 768px) { .catalog-compare-new .product__link__col4 { text-align: right; } .swiper-pagination-bullet { z-index: 100000; opacity: 0.5 !important; background: #ffffff !important; } .sliderSectionsNotCatalog{ display: block; margin-bottom: 0; margin-top: 0;} .sliderSectionsNotCatalog .catalog-slider__arrows{margin-bottom: 7px;} .main-catalog { margin-top: 10px; } .sliderSectionsNotCatalog .catalog-slider__image { max-height: 111px; } .sliderCategoriesNot .catalog-slider__item { width: 49%; } .catalog-slider__title{font-size: 10px;} } .swiper-pagination-bullet-active { opacity: 1 !important; } .button.disabled-button { opacity: 0.5; cursor: auto; } .button.disabled-button:hover, .button.disabled-button:focus { opacity: 0.5 !important; cursor: auto; } .section-confirm-order { margin-bottom: 110px; } .confirm-desc { font-family: "Montserrat"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; max-width: 768px; color: #2a3a48; } .confirm-desc a { color: #8d556f; font-weight: 600; } .section-confirm-order .btn-success { width: 216px; height: 52px; display: flex; align-items: center; justify-content: center; margin: 0; margin-top: 20px; font-size: 14px; text-transform: uppercase; color: #ffffff; background: #8d556f; border: 1px solid transparent; border-radius: 2px !important; outline: none; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .section-confirm-order .btn-success:hover, .section-confirm-order .btn-success:focus { color: #8d556f; background-color: #ffffff; border: 1px solid #8d556f; } .delivery__images { display: flex; align-items: center; flex-wrap: wrap; } .delivery__img:not(:last-child) { margin-right: 47px; } .order-menu__bottom { height: 50px; } @media (max-width: 768px) { .popular__list{ display: inline-grid; grid-template-columns:repeat(2, 1fr) !important; } .delivery__img { width: 75px; height: auto; } .delivery__img:not(:last-child) { margin-right: 30px; } } .order__block .order-step--write { display: block; } .order__block .order-step--info { display: none; } .order__block.success-step-order .order-step--write { display: none; } .order__block.success-step-order .order-step--info { display: block; } .button.order__form-button.btn-next-step { max-width: 226px; } .order-step--info-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 23px; } .order-step--change { font-size: 14px; line-height: 28px; font-weight: 500; font-family: "Montserrat", sans-serif; letter-spacing: 0.02em; text-transform: uppercase; color: #8d556f; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .review__main-images{ margin-top: 50px; } .info__prop--img{ margin-right: 10px; } @media (max-width: 450px) { .order-step--change { font-size: 10px; } } .order-step--change:hover { color: #5f4e64; } .order-step--info-text { margin: 0; margin-bottom: 8px; font-size: 16px; line-height: 28px; font-weight: 400; font-family: "Montserrat", sans-serif; color: #2a3a48; } .order-step--info-bg { display: flex; align-items: center; height: 80px; padding-left: 100px; background-size: 80px auto; background-repeat: no-repeat; background-position: 0 50%; } @media (max-width: 650px) { .catalog-compare-new .product__link { font-size: 15px; } .catalog-compare-new .product__price-new { font-size: 12px; } .delivery__img { width: 63px; height: auto; } .delivery__img:not(:last-child) { margin-right: 25px; } } @media (max-width: 450px) { .popular__list { margin-left: 0; } .popular-category-slider-swiper { margin-left: 0px; } .catalog-compare-new .catalog__item { min-width: 273px; } } .bx-sbb-empty-cart-container { margin-top: 30px; margin-bottom: 120px; } @media (max-width: 1250px) { .bx-sbb-empty-cart-container { margin-top: 10px; } } .bx-sbb-empty-cart-desc { margin: 0; margin-top: 38px; padding: 0; font-size: 20px; line-height: 1.4; font-weight: 400; font-family: "Montserrat", sans-serif; color: #2a3a48; } @media (max-width: 1150px) { .promo-slider__item { height: auto !important; min-height: 255px !important; } } @media (max-width: 1250px) { .bx-sbb-empty-cart-desc { margin-top: 20px; } } @media (max-width: 768px) { .bx-sbb-empty-cart-desc { font-size: 16px; } .promo-slider__item { height: auto !important; min-height: 235px !important; } } @media (max-width: 450px) { .promo-slider__text-wrap { top: 36%; left: 0px; } .bx-sbb-empty-cart-desc { margin-top: 15px; font-size: 14px; } .promo-slider__item { height: auto !important; min-height: auto; background-color: transparent !important; } .promo-slider__lead{ display: none; } .promo-slider__controls{ display: none; } } .bx-sbb-empty-cart-desc a { color: #8d556f; } .bx-sbb-empty-cart-desc a:hover { transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); color: #2a3a48; } .basket-items-list-item-container-expend { display: block; margin-top: -2px; padding: 16px 28px 13px; border-bottom: none; background-color: #f8f8f8; } .basket-items-list-item-notification { width: 100%; } .basket-items-list-item-removed-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .basket-items-list-item-removed-container a { color: #2a3a48; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .basket-items-list-item-removed-container a:hover { color: #8d556f; } #add-review { width: auto; } input[name="change_pwd"] { display: inline-block; margin: 0; padding: 14px 24px; border: 1px solid transparent; border-radius: 2px; color: #ffffff; background: #8d556f; outline: none; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.6px; text-decoration: none; text-align: center; text-transform: uppercase; transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } @media (max-width: 450px) { input[name="change_pwd"] { width: 100%; font-size: 10px; padding: 9px 24px; } } input[name="change_pwd"]:hover, input[name="change_pwd"]:focus { color: #8d556f; background-color: #ffffff; border: 1px solid #8d556f; } .sliderProducts.swiper-initialized{ overflow: hidden; } .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag, .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{ background-color: rgb(241, 241, 241); } .form-data__item-input-phone{ width: 100%; padding-left: 50px!important; } .card__item.card__item--alert .card__radio-name{ border-color: #d7635e; } /* hello modal */ .greeting-popup { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; width: 1274px; max-height: calc(100vh - 40px); overflow-y: auto; margin: 0 auto; border-radius: 6px; background-color: #ffffff; } @media (max-width: 1440px) { .greeting-popup { width: 90%; } } @media (max-width: 890px) { .greeting-popup { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 70%; } } @media (max-width: 768px) { .greeting-popup { width: 80%; } } @media (max-width: 650px) { .greeting-popup { width: 90%; } } .greeting-popup--show { display: -webkit-box; display: -ms-flexbox; display: flex; } .greeting-popup::-webkit-scrollbar-track { background-color: #fafafa; } .greeting-popup::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .greeting-popup::-webkit-scrollbar-thumb { background-color: #cbcbcb; } .greeting-popup__button-close { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; position: absolute; top: 6px; right: 4px; width: 60px; height: 60px; z-index: 1; } .greeting-popup__button-close:not(:disabled) { cursor: pointer; } @media (max-width: 890px) { .greeting-popup__button-close { width: 40px; height: 40px; } } @media (max-width: 450px) { .greeting-popup__button-close { top: 4px; right: 2px; } } .greeting-popup__button-close-icon { stroke: #a4a4a4; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } @media (max-width: 890px) { .greeting-popup__button-close-icon { stroke: #ffffff; } } .greeting-popup__button-close:hover .greeting-popup__button-close-icon, .greeting-popup__button-close:focus .greeting-popup__button-close-icon { stroke: #2a3a48; } .greeting-popup__image-wrap { width: 42%; } @media (max-width: 890px) { .greeting-popup__image-wrap { position: relative; width: 100%; padding-bottom: 71%; } } .greeting-popup__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 890px) { .greeting-popup__image { position: absolute; top: 0; left: 0; } } .greeting-popup__content { width: 58%; padding: 60px; } @media (max-width: 1024px) { .greeting-popup__content { padding: 40px 30px 30px; } } @media (max-width: 890px) { .greeting-popup__content { width: 100%; } } @media (max-width: 550px) { .greeting-popup__content { padding: 24px 16px 36px; } } .greeting-popup__title { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 52px; line-height: 1; font-weight: 600; font-family: "Cormorant Unicase"; width: 95%; margin-bottom: 33px; letter-spacing: 0.04em; color: #5f4e64; } @media (max-width: 1440px) { .greeting-popup__title { width: 100%; } } @media (max-width: 1270px) { .greeting-popup__title { font-size: 44px; } } @media (max-width: 1110px) { .greeting-popup__title { font-size: 38px; letter-spacing: 1.4px; } } @media (max-width: 768px) { .greeting-popup__title { font-size: 28px; letter-spacing: 1.2px; } } @media (max-width: 550px) { .greeting-popup__title { width: 95%; margin-bottom: 14px; line-height: 1.1; } } @media (max-width: 450px) { .greeting-popup__title { font-size: 22px; letter-spacing: 0.75px; } } .greeting-popup__lead { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 1.34; font-weight: 500; width: 95%; margin-bottom: 20px; color: #5f4e64; } @media (max-width: 1440px) { .greeting-popup__lead { width: 100%; } } @media (max-width: 550px) { .greeting-popup__lead { margin-bottom: 18px; font-size: 16px; } } .greeting-popup__text { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; width: 95%; margin-bottom: 18px; color: #2a3a48; } @media (max-width: 1440px) { .greeting-popup__text { width: 100%; } } @media (max-width: 550px) { .greeting-popup__text { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.4; font-weight: 400; margin-bottom: 15px; } } .greeting-popup__text-link { display: inline-block; text-decoration: none; outline: none; color: inherit; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 600; color: #8d556f; } @media (max-width: 550px) { .greeting-popup__text-link { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.4; font-weight: 600; } } .greeting-popup__text-link:hover, .greeting-popup__text-link:focus { color: #2a3a48; } .greeting-popup__sign { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; margin: 35px 0 41px; padding-top: 11px; border-top: 1px solid #dcdcdc; color: rgba(42, 58, 72, 0.61); } @media (max-width: 550px) { .greeting-popup__sign { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.34; font-weight: 400; margin: 31px 0 23px; } } .greeting-popup__sign-link { display: inline-block; text-decoration: none; outline: none; color: inherit; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); color: #2a3a48; } .greeting-popup__sign-link:hover, .greeting-popup__sign-link:focus { color: #8d556f; } .greeting-popup__author { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #2a3a48; } @media (max-width: 550px) { .whatsapp-button{ bottom: 102px !important; } .greeting-popup__author { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.34; font-weight: 400; } } /* end hello modal */ /* notes */ #notes { position: fixed; top: 1em; width: 100%; cursor: default; transition: height 0.45s ease-in-out; -webkit-transition: height 0.45s ease-in-out; pointer-events: none; z-index: 999; } #notes .note-item { max-height: 12em; opacity: 1; will-change: opacity, transform; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; width: 50vw; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; z-index: 2; pointer-events: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; max-width: 20em; font: inherit; line-height: 1.25em; color: #fff; margin: 0 10px 1em auto; transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); padding: 0.75em 1em; } @media all and (max-width: 30em) { #notes{ top: unset; bottom: 0; height: 50vh; } #notes .note-item { width: 75vw; margin: 0 auto 1em auto; max-width: none; } } #notes .note-item[data-show="false"] { pointer-events: none; opacity: 0 !important; max-height: 0 !important; margin-bottom: 0 !important; } #notes .note-item[data-type="info"] { background-color: rgba(55, 94, 151, 72); } #notes .note-item[data-type="warn"] { background-color: #d7635e; animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } #notes .note-item[data-type="error"] { background-color: rgba(251, 101, 66, 72); animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } #notes .note-item[data-type="success"] { background-color: rgba(63, 104, 28, 72); } #notes .note-item .note-item-text { flex: auto; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; padding-right: 0.5em; max-width: calc(100% - 1.25em); max-width: -webkit-calc(100% - 1.25em); } #notes .note-item .note-item-btn { width: 1.25em; height: 1.25em; cursor: pointer; border: none; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=") no-repeat 0 0 / contain; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } #notes .note-item .note-item-btn:hover { opacity: 0.6; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); -webkit-transform: translate3d(-1px, 0, 0); -ms-transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0 0); -webkit-transform: translate3d(2px, 0, 0); -ms-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); -webkit-transform: translate3d(-4px, 0, 0); -ms-transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); -webkit-transform: translate3d(4px, 0, 0); -ms-transform: translate3d(4px, 0, 0); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0) t; } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); } } .call__text{margin-top: 0;} @media (max-width: 450px){ .popular__list { display: inline-grid; grid-template-columns: 1fr 1fr; } .card__title { display: block; height: 53px; font-size: 23px; letter-spacing: inherit; } .card__part-name { letter-spacing: inherit; height: 25px; display: block; } .card__order-part { min-height: 93px; } } @keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-video-inner { from { transform: translate(0, 100px); } to { transform: translate(0, 0); } } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .modal-video-close { opacity: 0; } .modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); } .modal-video-body { max-width: 940px; width: 100%; height: 100%; margin: 0 auto; display: table; } .modal-video-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video-close-btn { position: absolute; z-index: 2; top: -35px; right: -35px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; } .modal-video-close-btn:before { transform: rotate(45deg); } .modal-video-close-btn:after { transform: rotate(-45deg); } .modal-video-close-btn:before, .modal-video-close-btn:after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px; } .wrap-mobile-menu.active.mobile-menu{padding-bottom: 0;} .mobile-menu--catalog .mobile-menu__item:last-child {border-bottom: 0px solid #eee;} .card__quick-buy{} .product__image-wrap{margin: 9px;-webkit-transition: none; transition: none;} .social-media-detail-cart{margin-top: 0px;} .recommend-portfolio-detail { margin: 0px auto 0px !important; } .recommend-portfolio-detail .like{display: none;} .title__text--small22{display: block; font-size: 20px; color: #2a3a48;} @media (max-width: 450px){ .title__text--small22{font-size: 15px;} } .recommend .main-catalog__button{display: none !important;} .recommend-section-page{margin: 0; padding: 0;} .sliderCategoriesNot .catalog-slider__image{display: block !important;} .input__wrapper33 { width: 254px; position: relative; margin: 15px 0; text-align: left; /* clear: both; */ /* float: left; */ position: relative; } .input__file33 { opacity: 0; visibility: hidden; position: absolute; } .input__file-icon-wrapper33 { height: 60px; width: 60px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #fff; } .input__file-button-text33 { line-height: 1; margin-top: 1px; } .input__file-button33 { width: 100%; max-width: 290px; height: 60px; background: #1bbc9b; color: #fff; font-size: 15px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 3px; cursor: pointer; margin: 0 auto; } .card__radio-image-pic{width: 100%;} .free-cons-title{padding-bottom: 0; margin-bottom: 0;} /* End */ /* Start:/local/templates/pgmnt/template_styles.css?174127174714575*/ .popup-window.popup-window-with-titlebar { display: none !important; } .preloader-add-cart{ display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99999; transition: all 0.2s ease-in-out; } .preloader-add-cart.active{ opacity: 1; visibility: visible; } .preloader-add-cart-content { width: 100%; height: auto; } .content-frame-loader--content{ width: 100%; height: auto; max-width: 100px; } .content-frame-loader{ height: 20px; } .content-frame-loader svg{ height: 20px; } .alert.alert-danger{ font-size: 15px; color: #eb5757; margin: 25px 0px; } .production__slider .slider__item.swiper-slide{ overflow: hidden; } .swiper-staff-slider .slider__item.swiper-slide{ width: auto; } .videoblog__slider .slider__item.swiper-slide{ width: auto; } .order__block.error-step-order .order__block-title, .error-order--item{ color: #eb5757; } .order__block.error-step-order .order__block-title:before{ border-color: #eb5757; color: #eb5757; } .error-order{ margin-top: 20px; margin-bottom: 20px; } .order__block.warning-step-order .order__block-title, .warnings-order--item{ color: #fd8c3c; } .order__block.warning-step-order .order__block-title:before{ border-color: #fd8c3c; color: #fd8c3c; } .warning-order{ margin-top: 20px; margin-bottom: 20px; } .bottom-header--menu.active{ position: absolute; width: 100%; z-index: 99; background: #fff; } .bottom-header--menu.active ~ .overlay-menu{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(1px); z-index: 90; } .order-menu--product{ bottom: 50px; } .form-data__item.form-data--is-phone{ position: relative; } .form-data__item-country{ position: absolute; bottom: 20px; left: 5px; } .form-data--is-phone .form-data__item-input{ padding-left: 35px; } .page-instagram.gallery { margin: 0 auto 100px; } .cart__buy-min-count.btn-disabled{ opacity: 0.3; cursor: auto; } .cart__buy-min-count.btn-disabled:focus{ opacity: 0.3; cursor: auto; } .promo__btn-detail{ font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; padding: 14px 32px 14px 32px; letter-spacing: 0.6px; margin-top: 20px; display: inline-block; } .gallery-popup__arrow.disable, .gallery-popup__arrow.disable:focus{ opacity: 0.3!important; cursor: auto; } .popup-window.popup-window-content-white{ background: transparent; box-shadow: none; } .popup-window-content-white .popup-window-content{ padding: 0; background: transparent; } .whatsapp-button { position: fixed; right: -11px; bottom: 66px; transform: translate(-50%, -50%); background: #25D366; /*цвет кнопки*/ border-radius: 50%; width: 55px; /*ширина кнопки*/ height: 55px; /*высота кнопки*/ color: #fff; text-align: center; line-height: 53px; /*центровка иконки в кнопке*/ font-size: 35px; /*размер иконки*/ z-index: 9999; } .whatsapp-button svg{ width: 50%; height: 100%; } .whatsapp-button a { color: #fff; } .whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/ left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; /*animation: animate 1.5s linear infinite;*/ opacity: 0; backface-visibility: hidden; } .whatsapp-button:after{ animation-delay: .5s; } .search-result--text{ font-family: "Montserrat"; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #2A3A48; } .search-result--count{ color: #8D556F; font-weight: 500; } .gallery-popup__image{ transition: all 0.2s ease-in-out; } .gallery-popup__image.image-loading{ max-width: 100px; margin: auto; } .gallery-popup__image.image-before-loaded{ opacity: 0; margin: auto; } .gallery-popup__image.image-loaded{ opacity: 1; } .input-summ-inner-pay{ font-family: "Montserrat"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; /* or 25px */ background: #FFFFFF; border: 1px solid #A4A4A4; border-radius: 2px; width: 100px; height: 40px; text-align: center; } .input-summ-inner-pay:focus{ border: 1px solid #9d40bd; outline: none; } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @media (max-width: 1440px) { .page-instagram.gallery { margin-top: 0; } } @media (max-width: 1024px) { .page-instagram.gallery { margin: 0 auto 60px; } .search-result--text{ font-size: 16px; line-height: 28px; } } .search__button--mobile{ display: none; } @media (max-width: 890px) { .search:not(.active) .search__button--desctop{ display: block; } .search.active .search__button--mobile{ display: block; } .search__bar:focus ~ .search__button--mobile{ display: block; } } /* @media (max-width: 768px) { .page-instagram.gallery { margin-top: 0; } .search-result--text{ font-size: 14px; line-height: 17px; } .search.active .search__bar { left: 55px; max-width: calc(100% - 110px); width: calc(100% - 40px); padding-left: 0; border-bottom: none; } .search.active .search__button-back { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; padding: 0; border: none; outline: none; background-color: transparent; display: block; position: absolute; left: 0; top: 15px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); width: 40px; height: 40px; color: #2A3A48; } } */ @media (max-width: 768px){ .search.active .search__button-back{ top: 7px; } .search.active .search__bar { top: 14px; height: 28px; } } @media (max-width: 450px) { .page-instagram.gallery { margin: 0 auto 40px; } .search-result--text{ font-size: 12px; line-height: 15px; } } .page-instagram.gallery .gallery__list{ display: grid; grid-template-columns: repeat(4, 1fr); flex-wrap: wrap; } .page-instagram.gallery .gallery__link{ display: flex; } .gift__image.gift__image-mobile{ display: none; } .breadcrumbs__link-mobile{ display: none; } .button.gallery__button{ max-width: 207px; } .cart-popup.cart-popup--show.cart-popup--mini{ max-width: 590px; } .cart-popup.cart-popup--show.cart-popup--mini .cart-popup__wrapper{ flex-direction: column; } .cart-popup.cart-popup--show.cart-popup--mini .cart-popup__info{ width: 100%; border-right: none; padding-right: 0; } .cart-popup.cart-popup--show.cart-popup--mini .cart-popup__buy{ padding-left: 0; } .cart-popup.cart-popup--show.cart-popup--mini .cart-popup__rate, .cart-popup.cart-popup--show.cart-popup--mini .cart-popup__total{ display: none; } .orders__shopping-button{ display: inline-flex; } .floating-whats-app-btn{ position: fixed; right: 25px; bottom: 100px; display: none; width: 40px; height: 40px; z-index: 99; } .floating-whats-app-btn img{ width: 100%; } .button.button--dark.instagram-btn--link{ max-width: 180px; height: 47px; display: flex; align-items: center; justify-content: center; } .instagram--success-title, .subscribe--success-title{ font-size: 20px; font-weight: 500; } .production__slider .slider__image-wrap{ display: block; } .phone-input{ position: relative; } .phone-input--flag{ position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; } .phone-input .form-data__item-input{ padding-left: 35px; width: 100%; } #sender_subscribe_component{ max-height: calc(100vh - 40px); overflow-y: auto; margin: 0 auto; padding: 62px 51px; border-radius: 6px; background-color: #FFFFFF; max-width: 500px; } #sender_subscribe_component p{ font-family: "montserrat",sans-serif!important; font-size: 16px; line-height: 28px; font-weight: 400; } #sender_subscribe_component .subscribe--success-title{ font-size: 33px; line-height: 32px; font-weight: 600; font-family: cormorant unicase,serif!important; letter-spacing: 1.5px; color: #5f4e64; } #sender_subscribe_component a{ font-family: "montserrat",sans-serif!important; } #sender_subscribe_component .popup-window-close-icon{ right: 30px; top: 20px; height: 33px; width: 27px; } #sender_subscribe_component .popup-window-close-icon:after{ width: 17px; height: 17px; } #sender_form_component{ max-height: calc(100vh - 40px); overflow-y: auto; margin: 0 auto; padding: 62px 51px; border-radius: 6px; background-color: #FFFFFF; max-width: 500px; } #sender_form_component p{ font-family: "montserrat",sans-serif!important; font-size: 16px; line-height: 28px; font-weight: 400; } #sender_form_component .form--success-title{ font-size: 33px; line-height: 32px; font-weight: 600; font-family: cormorant unicase,serif!important; letter-spacing: 1.5px; color: #5f4e64; } #sender_form_component a{ font-family: "montserrat",sans-serif!important; } #sender_form_component .popup-window-close-icon{ right: 30px; top: 20px; height: 33px; width: 27px; } #sender_form_component .popup-window-close-icon:after{ width: 17px; height: 17px; } .sale__item{ cursor: pointer; } .form-data__item-bt-desc{ margin: 0; font-size: 13px; } @media screen and (max-width: 1200px) { .page-instagram.gallery .gallery__list{ grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 628px) { .page-instagram.gallery .gallery__list{ grid-template-columns: repeat(2, 1fr); } .gift__image.gift__image-desctop{ display: none; } .gift__image.gift__image-mobile{ display: block; } .breadcrumbs__link-desctop{ display: none; } .breadcrumbs__link-mobile{ display: inline-block; } .button.gallery__button{ max-width: 150px; } .page-instagram.gallery .gallery__link .gallery__image{ height: fit-content; } .floating-whats-app-btn{ display: block; } .content-frame-loader svg{ height: unset; width: 30px; display: block; margin: auto; } } @media screen and (max-width: 450px) { .catalog-slider__title{ width: auto; } } .page-instagram.gallery .gallery__item { position: relative; padding-bottom: 100%; } .page-instagram.gallery .gallery__link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-instagram.gallery .gallery__link .gallery__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .cssload-container{ position:relative; } .cssload-whirlpool, .cssload-whirlpool::before, .cssload-whirlpool::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgb(204,204,204); border-left-color: rgb(163,85,186); border-radius: 549px; -o-border-radius: 549px; -ms-border-radius: 549px; -webkit-border-radius: 549px; -moz-border-radius: 549px; } .cssload-whirlpool { margin: -14px 0 0 -14px; height: 27px; width: 27px; animation: cssload-rotate 800ms linear infinite; -o-animation: cssload-rotate 800ms linear infinite; -ms-animation: cssload-rotate 800ms linear infinite; -webkit-animation: cssload-rotate 800ms linear infinite; -moz-animation: cssload-rotate 800ms linear infinite; } .cssload-whirlpool::before { content: ""; margin: -13px 0 0 -13px; height: 24px; width: 24px; animation: cssload-rotate 800ms linear infinite; -o-animation: cssload-rotate 800ms linear infinite; -ms-animation: cssload-rotate 800ms linear infinite; -webkit-animation: cssload-rotate 800ms linear infinite; -moz-animation: cssload-rotate 800ms linear infinite; } .cssload-whirlpool::after { content: ""; margin: -16px 0 0 -16px; height: 31px; width: 31px; animation: cssload-rotate 1600ms linear infinite; -o-animation: cssload-rotate 1600ms linear infinite; -ms-animation: cssload-rotate 1600ms linear infinite; -webkit-animation: cssload-rotate 1600ms linear infinite; -moz-animation: cssload-rotate 1600ms linear infinite; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } /* End */ /* /local/templates/pgmnt/css/swiper-bundle.min.css?174127174715181 */ /* /local/templates/pgmnt/assets/sass/style.css?1761225267415671 */ /* /local/templates/pgmnt/css/intlTelInput.css?174127174720414 */ /* /local/templates/pgmnt/css/topLoprodModal.css?17412717474149 */ /* /local/templates/pgmnt/css/baguetteBox.min.css?17412717473609 */ /* /local/templates/pgmnt/css/custom.css?175990821163695 */ /* /local/templates/pgmnt/template_styles.css?174127174714575 */