/* Start:/local/templates/fuzailov/css/swiper/swiper.min.css?174835624817053*/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/fuzailov/css/style.css?1777303184227228*/ .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition) } @media(hover:hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg) } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: 0 } .f-button:focus-visible { outline: 0; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity .15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-next, .f-carousel__nav .f-button.is-prev, .fancybox__nav .f-button.is-next, .fancybox__nav .f-button.is-prev { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { top: 50%; transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev { top: auto; left: 50%; transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg { transform: rotate(90deg) } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto } html.with-fancybox body { touch-action: none } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: transparent; overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: 0; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain } .fancybox__container *, .fancybox__container ::after, .fancybox__container ::before { box-sizing: inherit } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip } .fancybox__viewport { width: 100%; height: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing } .fancybox__track { display: flex; margin: 0 auto; height: 100% } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-html5video, .fancybox__slide.has-iframe, .fancybox__slide.has-video { overflow: hidden } .fancybox__slide.has-image { overflow: hidden } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide::after, .fancybox__slide::before { content: ""; flex: 0 0 0; margin: auto } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: grab } .can-zoom_in .fancybox__content { cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__content [contenteditable], .fancybox__content [data-selectable] { cursor: auto } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__slide.has-image>.fancybox__content>picture>img { width: 100%; height: auto; max-height: 100% } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden } .is-animating .fancybox__content, .is-dragging .fancybox__content { filter: blur(0); will-change: transform, width, height } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible } .is-closing .fancybox__caption, .is-loading .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40 } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: .75 } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { padding: 0; margin: 0; position: relative } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all .25s ease } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, .5) } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1 } .is-idle .fancybox__nav { animation: .15s ease-out both f-fadeOut } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5)); z-index: 30; cursor: pointer } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none } .fancybox-focus-guard { outline: 0; opacity: 0; position: fixed; pointer-events: none } /* .fancybox__container:not([aria-hidden]) { opacity: 0 } */ .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) { animation: .25s ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { animation: .35s ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) { animation: .15s ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { animation: .35s ease forwards f-fadeOut } .has-html5video .fancybox__content, .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100% } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90% } .has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .has-html5video .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { padding: 0; background: rgba(24, 24, 27, .9); color: #fff } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0) } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; user-select: none; perspective: 1000px; transform: translateZ(0) } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden } .f-thumbs__track { display: flex; will-change: transform } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: max-content } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0)*1px); width: calc(100% - var(--width, 0)*1px); cursor: pointer } .is-modern .f-thumbs__slide { --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0)); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none } .is-modern .f-thumbs__slide>* { clip-path: var(--clip-path) } .is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color)) } .is-modern.in-touch .f-thumbs__slide { filter: none } .is-modern.is-resting .f-thumbs__slide { transition: all .33s ease } .is-modern.is-resting .f-thumbs__slide>* { transition: all .33s ease } .f-thumbs__slide__button { appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: 0; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity .2s ease } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: 0 } .f-thumbs__slide__button:focus-visible { outline: 0; opacity: var(--f-thumb-selected-opacity) } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn .2s ease-out; z-index: 10 } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover } .f-thumbs.is-horizontal .f-thumbs__track { /* margin: 0 auto; */ padding: 8px 0 12px 0 } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; margin: auto 0; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height .35s cubic-bezier(.23, 1, .32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0 !important } .is-closing .fancybox__thumbs { transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5)); pointer-events: none; z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0 } .is-idle .fancybox__toolbar { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0 } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex } [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none } .range-slider { touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; cursor: pointer; display: block; position: relative; width: 100%; height: 8px; background: #ddd; border-radius: 4px } .range-slider[data-vertical] { height: 100%; width: 8px } .range-slider[data-disabled] { opacity: .5; cursor: not-allowed } .range-slider .range-slider__thumb { position: absolute; z-index: 3; top: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); border-radius: 50%; background: #2196f3 } .range-slider .range-slider__thumb:focus-visible { outline: 0; box-shadow: 0 0 0 6px rgba(33, 150, 243, .5) } .range-slider[data-vertical] .range-slider__thumb { left: 50% } .range-slider .range-slider__thumb[data-disabled] { z-index: 2 } .range-slider .range-slider__range { position: absolute; z-index: 1; transform: translate(0, -50%); top: 50%; width: 100%; height: 100%; background: #51adf6 } .range-slider[data-vertical] .range-slider__range { left: 50%; transform: translate(-50%, 0) } .range-slider input[type=range] { -webkit-appearance: none; pointer-events: none; position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 0; background-color: transparent } .range-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none } .range-slider input[type=range]::-moz-range-thumb { width: 0; height: 0; border: 0 } .range-slider input[type=range]:focus { outline: 0 } catalog-filter__header-sorting-wrap .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7 } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0 } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px } .choices__list { margin: 0; padding-left: 0; list-style: none } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100% } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px } .choices__list--single .choices__item { width: 100% } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; box-sizing: border-box } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1 } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191 } .choices__list--dropdown, .choices__list[aria-expanded] { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility } .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { visibility: visible } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: #b7b7b7 } .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0 } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { position: relative; padding: 10px; font-size: 14px } [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item { text-align: right } @media (min-width:640px) { .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable { padding-right: 20px } .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px } [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after { right: auto; left: 10px } } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: #f2f2f2 } .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after { opacity: .5 } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; user-select: none; opacity: .5 } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray } .choices__button { text-indent: -9999px; -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer } .choices__button:focus { outline: 0 } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px } .choices__input:focus { outline: 0 } .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration { display: none } .choices__input::-ms-clear, .choices__input::-ms-reveal { display: none; width: 0; height: 0 } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0 } .choices__placeholder { opacity: .5 } /*! * Tooltip v1.0.16 * https://sa-si-dev.github.io/tooltip * Licensed under MIT (https://github.com/sa-si-dev/tooltip/blob/master/LICENSE) */ .tooltip-comp { font-family: sans-serif; font-size: 14px; line-height: 20px; color: #fff; background-color: #212121; position: absolute; top: 0; left: 0; max-width: 300px; padding: 5px 10px; opacity: 0; pointer-events: none; word-break: break-word; text-align: left; border-radius: 2px } .tooltip-comp-arrow { position: absolute; z-index: 1; width: 16px; height: 16px; overflow: hidden } .tooltip-comp-arrow::before { content: ''; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; background-color: #212121; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .tooltip-comp-content { position: relative; z-index: 2 } .tooltip-comp.hide-arrow-icon .tooltip-comp-arrow { display: none } .tooltip-comp.position-bottom .tooltip-comp-arrow { margin-left: -8px; left: 0; top: -15px } .tooltip-comp.position-top .tooltip-comp-arrow { margin-left: -8px; left: 0; bottom: -15px } .tooltip-comp.position-right .tooltip-comp-arrow { margin-top: -8px; top: 0; left: -15px } .tooltip-comp.position-left .tooltip-comp-arrow { margin-top: -8px; top: 0; right: -15px } @font-face { font-family: Montserrat; src: url(/local/templates/fuzailov/css/../fonts/Montserrat-MediumItalic.eot); src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url(/local/templates/fuzailov/css/../fonts/Montserrat-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/fuzailov/css/../fonts/Montserrat-MediumItalic.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/Montserrat-MediumItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/fuzailov/css/../fonts/Montserrat-Italic.eot); src: local("Montserrat Italic"), local("Montserrat-Italic"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Italic.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Italic.ttf) format("truetype"); font-weight: 400; font-style: italic; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/fuzailov/css/../fonts/Montserrat-Regular.eot); src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Regular.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/fuzailov/css/../fonts/Montserrat-Medium.eot); src: local("Montserrat Medium"), local("Montserrat-Medium"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Medium.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/Montserrat-Medium.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Forum; src: url(/local/templates/fuzailov/css/../fonts/Forum.eot); src: local("Forum"), url(/local/templates/fuzailov/css/../fonts/Forum.eot?#iefix) format("embedded-opentype"), url(/local/templates/fuzailov/css/../fonts/Forum.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/Forum.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "New Computer Modern"; src: url(/local/templates/fuzailov/css/../fonts/NewCM10-Regular.otf); src: local("New Computer Modern"), url(/local/templates/fuzailov/css/../fonts/NewCM10-Regular.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/NewCM10-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "New Computer Modern"; src: url(/local/templates/fuzailov/css/../fonts/NewCM10-Italic.otf); src: local("New Computer Modern"), url(/local/templates/fuzailov/css/../fonts/NewCM10-Italic.woff) format("woff"), url(/local/templates/fuzailov/css/../fonts/NewCM10-Italic.ttf) format("truetype"); font-weight: 400; font-style: italic; font-display: swap } *, ::after, ::before { box-sizing: border-box } html.lenis { height: auto } .lenis.lenis-smooth { scroll-behavior: auto } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain } .lenis.lenis-stopped { overflow: hidden } .lenis.lenis-scrolling iframe { pointer-events: none } html { font-size: 16px } body { margin: 0; font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 130%; color: rgba(51, 51, 51, .8); text-align: left; background-color: #f5f5f5; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; overflow-x: hidden } body.no-scroll { overflow: hidden; } body * { outline: 0 } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } h1 { font-size: 35px; } h2 { font-size: 25px; } h3 { font-size: 20px; } h4 { font-size: 19px; } h5 { font-size: 16px; } h6 { font-size: 15px; } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: 700 } small { font-size: .875em } mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: Montserrat; font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0; outline: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .btn-reset { padding: 0; margin: 0; padding: 0; background: 0 0; border: 0; border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; font-weight: 400 } .icon-text { width: 160px; text-align: left; } .btn._transparent-gray-border.icon-max:hover svg path { fill: #011CA9; } .btn { height: 4.12rem; padding: 0 3.87rem; font-size: 14px; text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: .5s ease } .btn._transparent-gray-border { background: 0 0; border: 1px solid #011CA9; color: #011CA9 } .btn._transparent-white-border { background: #fdfbfa; border: 1px solid #fdfbfa; color: #011CA9 } .btn._white { background: #fdfbfa; color: #011CA9; border: 0 } .btn._hidden { display: none; } .btn._primary { background-color: #011CA9; color: #fdfbfa; border: 1px solid #011CA9; transition: .3s color, .3s background-color; } .btn._primary:hover { background-color: rgb(245 245 245); color: #011CA9; transition: .3s color, .3s background-color; } .btn._green { background: #011CA9; color: #fdfbfa; border: 1px solid #011CA9 } .btn-circle { height: 4.3rem; padding: 0 2rem; border-radius: 6.25rem; background: #fdfbfa; color: #333; border: 0; font-size: 14px; letter-spacing: .05rem; text-transform: uppercase; display: flex; align-items: center; transition: .5s ease } .btn-circle svg { width: 1.5rem; height: 1.5rem; margin-right: 1.8rem } .link._full::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .link._italic { color: #011CA9; text-decoration: none; font-size: 1rem } .animation-link { position: relative } .animation-link ._wrap { overflow: hidden; position: relative; display: block } .animation-link ._default, .animation-link ._hover { display: block; position: relative; transition-property: transform; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-duration: .5s } .animation-link ._hover { position: absolute; left: 0; top: 0; transform: translateY(125%) } .animation-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: currentColor; will-change: transform; transform-origin: 100% 100%; transform: scaleX(100%); pointer-events: none; transition-property: transform; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-duration: .5s } .picture { width: 100% } .picture img { width: 100%; height: auto } .scroll._hidden { scrollbar-width: none } .scroll._hidden::-webkit-scrollbar { width: 0; height: 0; display: none } .form-line { display: flex; position: relative; flex-direction: column; } .form-line__input { width: 100%; height: 3rem; border: 0; border-bottom: 1px solid #909090; color: #333; font-size: 1rem; background: 0 0; transition: .5s ease-in-out; -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: 0 } .form-line__input::-moz-placeholder { color: #adadad } .form-line__input::placeholder { color: #adadad } .form-line__input._error { border-color: rgba(255, 0, 0, .4) } .form-line__fieldset { position: relative; width: 100% } .form-line__error { font-size: .75rem; color: red; position: absolute; left: 0; bottom: -24px } .form-line__submit { position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; background: 0 0; border: 0; color: #333 } .fancybox__backdrop { background: rgba(0, 0, 0, .7) } .fancybox__slide { padding: 0 !important } .modal { width: calc(100% - 20rem); position: relative; background: #011CA9; padding: 3rem; display: none; margin-top: 5rem } .modal .is-close-btn { display: none } .modal__close { position: absolute; right: -3.6rem; top: -3.9rem; background: 0 0; border: 0; z-index: 2; color: #fdfbfa; outline: 0 } .modal__close svg { width: 3.5rem; height: auto } .modal__title { font-size: 3.4rem; font-family: Forum; color: #fdfbfa; text-transform: uppercase; margin-bottom: 2rem; line-height: 115% } .modal__subtitle { color: #fdfbfa; margin-bottom: 4rem; max-width: 37rem; width: 100% } .modal__btn { height: 4rem } .modal__rectangle-left { position: absolute; left: 0; height: 100%; top: 0 } .modal__rectangle { position: absolute; height: 100%; width: 30%; -o-object-fit: cover; object-fit: cover; top: 0 } .modal__rectangle._left { left: 0 } .modal__rectangle._right { right: 0 } .swiper { position: relative } .swiper__navigation { position: absolute; top: calc(50% - 2.19rem); color: #333; z-index: 5; background: 0 0; border: 0; cursor: pointer; -moz-appearance: none; appearance: none; -webkit-appearance: none; transition: .5s ease-in-out } .swiper__navigation svg { width: 4.38rem; height: auto } .swiper__navigation._prev { left: 1.88rem; transform: rotate(180deg) } .swiper__navigation._next { right: 1.88rem } .swiper__navigation:disabled { color: #adadad } .swiper__navigation._small { top: calc(50% - 1.25rem) } .swiper__navigation._small svg { width: 2.5rem; height: auto } .swiper__navigation._small:disabled { opacity: .2 } .form { display: flex; flex-direction: column } .form__fieldset { display: flex; flex-direction: column; margin-bottom: 2rem; position: relative } .form__fieldset._mb0 { margin-bottom: 0 } .form__label { font-size: 15px; font-weight: 400; margin-bottom: .5rem; color: #333 } .form__label span { display: block; margin-bottom: .5rem; } .form__label._white { color: #fdfbfa } .form__input, .form__textarea { width: 100%; border: 1px solid #333; background: 0 0; font-size: 1rem; color: #333; outline: 0; transition: .5s ease-in-out; border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none } .form__input._white, .form__textarea._white { border-color: #fdfbfa; color: #fdfbfa } .form__input._white::-moz-placeholder, .form__textarea._white::-moz-placeholder { opacity: .4 } .form__input._white::placeholder, .form__textarea._white::placeholder { opacity: .4 } .form__input._white::-moz-placeholder, .form__textarea._white::-moz-placeholder { opacity: .4 } .form__input._white::-webkit-input-placeholder, .form__textarea._white::-webkit-input-placeholder { opacity: .4 } .form__input._gray, .form__textarea._gray { border-color: #dcdbdb } .form__input._error, .form__textarea._error { border-color: red !important } .form__input { height: 3rem; padding: 0 1.25rem } .form__textarea { height: 8rem; resize: none } .order__grid .form__textarea { height: 62px; } .order-new .form__textarea { padding:23px 20px 13px 20px } .order-new .form__input { height: 62px; } .order-new .order-info { font-size: 24px; line-height: 1.2; } .form__required { color: red; margin-left: .2rem } .form__error { font-size: .7rem; color: red; position: absolute; left: 0; bottom: -25px } .form__submit { margin-top: 4rem; font-weight: 400 } .form__submit:disabled { opacity: .2; cursor: not-allowed } .form__submit._mt0 { margin-top: 0 } .form__policy { margin-top: 1rem } .order-new .form__policy { margin-top: 0; margin-bottom: 20px; } .order-new .order__footer button { width: 100%; } .form__checkbox-input { display: none !important; } .form__checkbox-input:checked+.form__checkbox-label .form__checkbox-check svg { opacity: 1 } .form__checkbox-label { display: flex; align-items: center; font-size: 14px; font-weight: 400; cursor: pointer } .form__checkbox-check { min-width: 20px; max-width: 20px; height: 20px; border: 1px solid #333; display: flex; align-items: center; justify-content: center; margin-right: 10px } .form__checkbox-check svg { color: #333; opacity: 0; transition: .5s ease-in-out } .form__checkbox-title a { color: currentColor } .form__checkbox._white .form__checkbox-title { color: #fdfbfa } .form__checkbox._white .form__checkbox-check { border-color: #fdfbfa } .form__checkbox._white .form__checkbox-check svg { color: #fdfbfa } .form__checkbox._gray .form__checkbox-title { color: rgba(51, 51, 51, .8) } .form__checkbox._gray .form__checkbox-check { border-color: #dcdbdb } .form__checkbox._gray .form__checkbox-check svg { color: #333 } .form__cols { display: grid; gap: 1.88rem } .form__cols._col3 { grid-template-columns: repeat(3, 1fr); } .order-new .form__cols._col3 { grid-template-columns: repeat(3, auto); } .order-new .form__cols._col4 { grid-template-columns: repeat(5, 1fr); gap: 20px; } @media all and (max-width: 768px) { .order-new .form__cols._col4 { grid-template-columns: repeat(1, 1fr); } .order-new .form__cols._col3 { grid-template-columns: repeat(1, auto); } } .communication-method .form__fieldset{ padding: 20px 0px 20px 20px; border: 1px solid #dcdbdb; margin-bottom: 0; } .order-new .form__checkbox-input:checked+.form__checkbox-label .form__checkbox-check svg { color: #ffffff; } .order-new .form__checkbox-input:checked+.form__checkbox-label .form__checkbox-check { background-color: #011CA9; border-color: #011CA9; transition: .5s ease-in-out; } .delivery-method .form__fieldset{ padding: 20px 0px 20px 20px; border: 1px solid #dcdbdb; margin-bottom: 20px; } .delivery-method .form__checkbox-check { border-radius: 50%; } .order-new .delivery-method .form__checkbox-input:checked+.form__checkbox-label .form__checkbox-check { position: relative; } .order-new .delivery-method .form__checkbox-input:checked+.form__checkbox-label .form__checkbox-check:after { position: absolute; top: 4px; left: 4px; content: ''; width: 10px; height: 10px; background-color: #ffffff; z-index: 2; border-radius: 50%; } .order-new .form__fieldset { height: 62px; } @media all and (max-width: 768px) { .order-new .form__fieldset { height: 57px; } .order-new .form__input { height: 57px; } .order-new .order-info { font-size: 18px; } } .breadcrumbs { padding: 1.5rem 0 4rem } .breadcrumbs._intro { padding-top: 3rem } .breadcrumbs._pb1 { padding-bottom: 1rem } .breadcrumbs__list { width: 100%; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap } .breadcrumbs__list-item { margin-right: 5px } .breadcrumbs__list-item:not(:last-child)::after { content: "/"; margin-left: 5px } .breadcrumbs__list-link { color: #adadad; text-decoration: none; transition: .5s ease-in-out } .pagination { display: flex; flex-direction: column; align-items: center } .pagination__more { margin-bottom: 1.9rem } .pagination__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; color: #333; font-size: 1.37rem; font-family: Forum } .pagination__list-item:not(:last-child) { margin-right: .6rem } .pagination__list-link { color: inherit; text-decoration: none } .pagination__list-link._active { color: #adadad } .pagination__list-arrow { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #333; display: flex; align-items: center; justify-content: center; position: relative } .pagination__list-arrow::after { content: ""; width: .8rem; height: .8rem; border-left: 2px solid #fdfbfa; border-bottom: 2px solid #fdfbfa; position: absolute } .pagination__list-arrow._next { transform: rotate(-135deg); margin-left: .8rem } .pagination__list-arrow._next::after { transform: translateX(.1rem) translateY(-.1rem) } .pagination__list-arrow._prev { transform: rotate(45deg); margin-right: .8rem } .pagination__list-arrow._prev::after { transform: translateX(.1rem) translateY(-.1rem) } .pagination__list-arrow._disabled { background: #dcdbdb; cursor: not-allowed } .pagination__list-arrow._disabled::after { border-color: #adadad } .text ol:last-child, .text p:last-child, .text ul:last-child { margin-bottom: 0 } .text ol span, .text p span, .text ul span { font-weight: 500; color: #333 } .text ol li:not(:last-child), .text p li:not(:last-child), .text ul li:not(:last-child) { margin-bottom: 1rem } .text a { color: inherit; text-decoration: underline } .text__wrap { width: 100%; max-width: 49rem } .text ._chapter { margin-top: 5rem } .text h2 { font-family: Forum; line-height: 120%; text-transform: uppercase; color: #333; font-size: 2rem; margin-bottom: 1rem } .h1 { font-family: Forum; text-transform: uppercase; color: #333; font-size: 35px; line-height: 120%; margin: 0 0 2rem; font-weight: 400; padding: 0 } .h1._center { text-align: center } .h1._mb0 { margin-bottom: 0 !important } .ac .ac-panel { overflow: hidden; transition-property: height, visibility; transition-timing-function: ease } .ac.js-enabled .ac-panel { visibility: hidden } .ac.is-active .ac-panel { visibility: visible } .container { width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto; padding: 0 5.62rem } /* -- Header -- */ .fixed-top { position: sticky; } #bx-panel.bx-panel-fixed:not(.bx-panel-folded)~.header { top: 148px; } #bx-panel.bx-panel-fixed.bx-panel-folded~.header { top: 40px; } body.hide-scrollbar .header { width: calc(100% - var(--fancybox-scrollbar-compensate, 0px)) } .header { position: fixed; top: 0; color: #333; width: 100%; background-color: transparent; transition: .3s background-color; z-index: 100; } .header.opened-filters { z-index: 0; } .header:not(.light-mode) { background-color: #ffffff; } .header.dark-mode.white-bg { background-color: #ffffff; } .header.dark-mode { background-color: transparent; } .header._scroll { background-color: #ffffff; } @media (max-width: 991px) { .header._scroll .top-line { margin-top: -52px; } } .header.light-mode { color: #fff; } .header.default-mode { background-color: #ffffff; } .header.dark-mode { transition: .3s background-color; } .top-line { color: inherit; transition: .3s ease } @media (min-width: 991px) { .header__top-line { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 1400px) { .header__top-line { padding-top: 40px; padding-bottom: 20px; } } .top-line__container { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 991px) { .top-line__container { flex-direction: row; align-items: center; } } .top-line__phone { color: inherit; font-size: 15px; display: flex; align-items: center; text-decoration: none; transition: .3s color; } @media (max-width: 991px) { .top-line__phone svg { display: none; } } @media (min-width: 991px) { .top-line__phone { font-size: 14px; } } .top-line__phone path { transition: .3s stroke; } .light-mode .top-line__phone path { stroke: #fff; transition: .3s stroke; } .top-line__phone-icon { margin-right: .94rem; width: 1.75rem; height: auto } .top-line__phone:hover { color: #adadad } .top-line__phone svg { margin-right: 10px; } .top-line__socials { display: flex; align-items: center } .top-line__socials-item { color: inherit; transition: .3s ease-in-out } .top-line__socials-item svg path { transition: .3s fill; } .light-mode .top-line__socials-item path { fill: #ffffff; transition: .3s fill; } .top-line__socials-item:hover svg path { fill: #011CA9; transition: .3s fill; } .top-line__socials-item:not(:last-child) { margin-right: 1rem } .top-line__socials-item svg { width: 27px; height: 27px; height: auto } @media (min-width: 991px) { .top-line__socials-item svg { width: 27px; height: 27px; height: auto } } .top-line__left { padding-top: 12px; padding-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } @media (min-width: 991px) { .top-line__left { padding-top: 0px; padding-bottom: 0px; display: flex; justify-content: flex-start; align-items: center; gap: 24px; } } .top-line__search { position: relative; display: flex; align-items: center } .top-line__search path { transition: .3s stroke; } @media (max-width: 991px) { .top-line__search { order: 1; } } .light-mode .top-line__search-btn path { stroke: #ffffff; transition: .3s stroke; } .top-line__search-btn { display: flex; align-items: center; justify-content: center } .top-line__search-box { position: fixed; top: 4rem; /*top: 0;*/ right: -100vw; background: #fdfbfa; border: 1px solid #dcdbdb; width: 100%; padding: 1.5rem; flex-direction: column; /*display: none;*/ /*visibility: hidden;*/ opacity: 0; z-index: 5 } .header__search-form { margin-top: 15px; } @media (min-width: 991px) { .top-line__search-box { padding: 3rem; position: absolute; /*top: 100%;*/ top: 0; /*right: 0;*/ right: -100vw; width: 45vw; min-width: 544px; } .header__search-form { margin-top: 0px; } } .top-line__search-box._active { visibility: visible; display: flex; opacity: 1; right: 0; } button.top-line__search-close { position: absolute; right: 0px; top: 0px; padding: 10px; } .top-line__search-header { display: flex; align-items: center; justify-content: space-between; /*margin-bottom: 5rem;*/ margin-bottom: 0; } .top-line__search-title { color: #333; font-size: 1.37rem; font-weight: 500; text-transform: uppercase; margin: 0 } .header__search-form { /*margin-bottom: 3rem;*/ margin-bottom: 0; } .top-line__search-submit { text-transform: uppercase } .top-line__search-input { padding-right: 5rem } .top-line__search-actual { display: flex; flex-direction: column } .top-line__search-actual-title { color: #333; font-size: 1.37rem; font-weight: 500; margin-bottom: 1.5rem } .top-line__search-actual-list { margin: 0; padding: 0; list-style: none } .top-line__search-actual-list li:not(:last-child) { margin-bottom: 1.25rem } .top-line__search-actual-list li a { color: rgba(51, 51, 51, .8); text-decoration: none; transition: .3s ease-in-out } .top-line__search-actual-list li a:hover { color: #adadad } .top-line__controls { position: relative; padding-top: 16px; padding-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; transition: .3s padding; } @media (min-width: 991px) { .top-line__controls { position: initial; padding-top: 0px; padding-bottom: 0px; gap: 36px; } } .top-line__burger { padding-left: 8px; padding-right: 8px; display: flex; flex-direction: column; justify-content: space-between; height: 24px; order: 5; } .top-line__burger span { width: 100%; width: 24px; height: 1px; background-color: #333333; transition: .3s all; } .light-mode .top-line__burger span { background-color: #ffffff; } .top-line__burger.active span:nth-child(2), .top-line__burger.active span:nth-child(3) { background-color: transparent; transition: .3s all; } .top-line__burger.active span:nth-child(1) { transform: translate(0%, 12px) rotate(-45deg); transition: .3s all; } .top-line__burger.active span:nth-child(4) { transform: translate(0%, -11px) rotate(45deg); transition: .3s all; } @media (min-width: 991px) { .top-line__burger { display: none; } } .top-line__favourites { position: relative; text-decoration: none; display: flex; width: 27px; height: 27px; } @media (max-width: 991px) { .top-line__favourites { margin-right: auto; order: 2; } } .top-line__favourites path { transition: .3s stroke; } .light-mode .top-line__favourites path { stroke: #ffffff; transition: .3s stroke; } .top-line__basket { position: relative; display: flex; width: 27px; height: 27px; text-decoration: none; } @media (max-width: 991px) { .top-line__basket { order: 4; } } .top-line__basket-count { position: absolute; width: 16px; height: 16px; right: -6px; bottom: -4px; font-size: 12px; color: #fff; background-color: #011CA9; display: flex; justify-content: center; align-items: center; line-height: 1; border-radius: 14px; } .top-line__basket path { transition: .3s stroke; } .light-mode .top-line__basket path { stroke: #ffffff; transition: .3s stroke; } .top-line__feedback { font-size: 1.12rem; border-bottom: 1px solid currentColor; transition: .3s ease-in-out } .top-line__feedback:hover { border-color: transparent } .top-line__logo.desktop { display: none; } .top-line__logo.mobile { position: absolute; top: 16px; left: 50%; transform: translate(-50%, 0%); display: flex; order: 3; transition: .3s top; } @media (min-width: 991px) { .top-line__logo.mobile { display: none; } .top-line__logo.desktop { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } } .top-line__logo path { transition: .3s fill; } .light-mode .top-line__logo path { fill: #ffffff; transition: .3s fill; } .top-line__logo-link { color: currentColor !important } .top-line__logo-link svg { width: auto; height: 24px; } @media (min-width: 991px) { .top-line__logo-link svg { width: auto; height: 26px; } } .top-line__control-icon._transparent { color: transparent } .top-line__control-count { position: absolute; width: 16px; height: 16px; right: -6px; bottom: -4px; font-size: 12px; color: #fff; background-color: #011CA9; display: flex; justify-content: center; align-items: center; line-height: 1; border-radius: 14px; } /* -- / Header -- */ /* -- Main -- */ .main { padding-top: 110px; } @media (min-width: 991px) { .main { padding-top: 160px; } } .main.light-mode, .main.dark-mode { /*padding-top: 0;*/ } .page--has-banner .main { padding-top: 0px; } /* -- / Main -- */ .nav { color: #333; border-top: 1px solid #dcdbdb } .nav .is-close-btn { display: none } .nav__container { display: flex; justify-content: center; height: 3.5rem; transition: .5s ease-in-out } .nav__list { display: flex; height: 100%; margin: 0; padding: 0; list-style: none; justify-content: center; position: relative } .nav__list-item { display: flex; align-items: center; flex-wrap: wrap; height: 100%; font-size: 1.12rem; transition: .5s ease color } .nav__list-item:not(:last-child) { margin-right: 3rem } .nav__list-item-arrow { position: relative; transition: .5s ease-in-out; } @media (max-width: 991px) { .nav__list-item-arrow { padding-top: 0.75rem; padding-left: 1.75rem; padding-right: 0rem; padding-bottom: .75rem; } } .nav__list-item._parent { position: relative } .nav__list-link { color: currentColor; flex-grow: 1; flex-basis: 0; text-decoration: none } .nav__list-link::after { transform: scaleX(0) } .nav__megamenu { position: absolute; top: 100%; border: 1px solid #dcdbdb; padding: 1.25rem; background: #fdfbfa; z-index: 5; width: 100%; grid-template-columns: 18rem 1fr; gap: 5rem; color: #333; max-height: calc(100vh - 7rem - 3.12rem); overflow-y: auto; opacity: 0; display: none } .nav__megamenu-col { display: flex; flex-direction: column; padding: .5rem 0 } .nav__megamenu-item:not(:last-child) { margin-bottom: 2.5rem } .nav__megamenu-title { font-size: 1.37rem; font-weight: 500; margin-bottom: 1.8rem } .nav__megamenu-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column } .nav__megamenu-list._popup { display: none; opacity: 0; top: 100%; position: absolute; padding: 1.25rem; background: #fdfbfa; z-index: 5; width: 20rem; border: 1px solid #dcdbdb } .nav__megamenu-list._popup li:last-child { padding-bottom: 0; border-bottom: 0 } .nav__megamenu-list li { border-bottom: 1px solid #dcdbdb; padding: 1rem 0; font-size: 1.12rem } .nav__megamenu-list li:first-child { padding-top: 0 } .nav__megamenu-list li a { color: inherit; text-decoration: none; transition: .5s ease-in-out } .nav__megamenu-list li a:hover { color: #adadad } .nav__megamenu-banner { padding: 1.12rem; background: #f5f5f5; display: grid; gap: 1.25rem; grid-template-columns: 1fr 1fr } .nav__megamenu-picture { display: flex } .nav__megamenu-picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .nav__megamenu-content { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 1.5rem 0 } .nav__megamenu-label { position: absolute; left: 0; top: 0; color: #adadad; margin: 0 } .nav__megamenu-name { font-family: Forum; font-size: 2rem; margin-bottom: 1.5rem; text-transform: uppercase; line-height: 110% } .nav__megamenu-text { margin-bottom: 4rem } .nav__megamenu-link { padding: 0 1rem } .nav__header { display: none; align-items: center; justify-content: space-between; margin-bottom: 2.5rem } .nav__logo { width: 9rem; height: auto; color: #333 } .nav__search { display: none; margin-bottom: 2.5rem } .nav__bottom { display: none; border-top: 1px solid rgba(51, 51, 51, .8); margin: 2rem -1.25rem 0; padding: 2.5rem 1.25rem; flex-direction: column; align-items: flex-start } .nav__shops { display: flex; align-items: center; color: #333 !important; text-decoration: none; font-size: 1.12rem } .nav__shops svg { margin-right: .6rem; width: 1.37rem; height: auto } .footer { background-color: #fff; padding: 5rem 0 3rem; color: #333 } .footer__content { display: grid; grid-template-columns: repeat(5, auto); align-items: start; justify-content: space-between; gap: 1.5rem } .footer__first { display: grid; gap: 5rem; max-width: 22rem } .footer__first-item { display: grid; gap: 1.5rem } .footer__first-title { font-size: 15px; font-weight: 500; margin: 0 } .footer__payments { display: flex; align-items: center } .footer__payments-item:not(:last-child) { margin-right: 1rem } .footer__nav { display: flex; flex-direction: column; align-items: flex-start } .footer__title { font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 2rem } .footer__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: start; max-width: 22rem } .footer__list li { font-size: 15px; } .footer__list li:not(:last-child) { margin-bottom: 1rem } .footer__list li a { color: currentColor; text-decoration: none; transition: .5s ease } .footer__list li a:hover { color: #adadad } .footer__contacts { margin: 0 } .footer__socials { display: flex; align-items: center } .footer__socials._contacts { display: none } .footer__socials-item { color: #333 } .footer__socials-item svg path { transition: .3s all; } .footer__socials-item:hover svg path { fill: #011CA9; transition: .3s all; } .footer__socials-item:not(:last-child) { margin-right: .9rem } .footer__socials-item svg { transition: .5s ease-in-out } .footer__copyright { padding-top: 5rem; display: flex; align-items: center; justify-content: center; color: #a3a3a3; flex-direction: column; font-size: 13px; } .footer__copyright .footer-policy { text-decoration: none; color: #a3a3a3; margin-top: 10px; } .footer__copyright-item { font-weight: 500 } .footer__copyright-item:not(:last-child) { margin-right: 1.6rem } .footer__copyright-link { color: currentColor; transition: .5s ease-in-out } .footer__copyright-link:hover { color: #333; text-decoration: none } .section { padding: 3.12rem 0 } .section._pt0 { padding-top: 0 } .section._pb0 { padding-bottom: 0 } .section__subtitle { letter-spacing: .05rem; margin: 0 0 1.5rem; text-transform: uppercase; text-align: center } .section__title { font-family: Forum; font-size: 2.8rem; text-transform: uppercase; font-weight: 400; padding: 0; text-align: center; margin: 0 0 4.08rem; color: #333; line-height: 120% } .section__title._small { font-size: 2rem } .intro { position: relative } .intro__picture { display: flex; width: 100% } .intro__picture img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } .intro__overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: grid; align-content: end; z-index: 3 } .intro__content { display: grid; justify-items: center; gap: 1.25rem; padding: 3rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%) } .intro__content._about-production { background: 0 0 } .intro__content._no-gradient { background: 0 0 } .intro__subtitle { font-size: 1.25rem; font-weight: 500; text-transform: uppercase; margin: 0; color: #fdfbfa } .intro__star { color: #fdfbfa; height: 1.25rem; width: auto } .intro__link._long { min-width: 25rem } .intro__text { font-size: 1rem; text-align: center; color: #fdfbfa; padding-bottom: 1.8rem; text-transform: uppercase; margin-bottom: 1.8rem; border-bottom: 1px solid #fdfbfa; width: 100% } .intro__logo { width: 45%; height: auto; color: #fdfbfa } .intro__video-wrap { position: relative; display: flex } .intro__video-wrap::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 2; position: absolute } .intro__video { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; position: relative } .home-logo { display: grid; justify-items: center; gap: 1.88rem } .home-logo__logo { max-width: 49rem; width: 100%; height: auto; color: #adadad } .home-logo { text-decoration: none; } .home-logo__subtitle { font-size: 14px; margin: 0; color: #333c; width: 100%; max-width: 29rem; text-align: center } .new-collection { align-items: flex-start; display: grid; grid-template-columns: calc(50% - .99rem) calc(50% - .99rem); gap: 1.88rem } .new-collection__fashion { display: flex; flex-direction: column; align-items: start; height: 100%; } .new-collection__fashion .link { margin-top: 1rem } .new-collection__swiper { width: 100%; height: 100% } .products { display: grid; gap: 3.9rem 1.88rem } .products._col2 { grid-template-columns: 1fr 1fr } .products._col4 { grid-template-columns: repeat(4, 1fr) } .products._col4-line { grid-template-columns: repeat(4, 1fr) } .products__wrap { display: flex; flex-direction: column; align-items: center; } .products__more { margin-top: 4.5rem; display: flex; } .categories__container { display: grid; gap: 4.5rem; justify-items: center; } .categories__section-subtitle { margin-bottom: 0; font-size: 14px; } .categories__list { width: 100%; max-width: 70rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-bottom: -1rem } .categories__item { color: #333; margin: 0 .6rem 1rem; display: flex; align-items: center; position: relative; z-index: 1 } .categories__item-content { position: relative; z-index: 2 } .categories__item-title { font-family: Forum; font-size: 2.8rem; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; transition: .5s ease-in-out } .categories__item-title a { text-decoration: none; color: inherit } .categories__item-link { border-bottom: 1px solid currentColor } .categories__item-picture { display: flex; align-items: center; justify-content: center; pointer-events: none } .categories__item-picture img { width: auto; height: auto; max-width: 100%; max-height: 100% } .categories__item-star { width: 1.87rem; height: 1.87rem; margin-left: 1.2rem } .home-about__container { display: grid; grid-template-columns: 1fr 40rem 1fr; align-items: start } .home-about__content { display: flex; flex-direction: column; align-items: center; text-align: center } .home-about__section-subtitle { margin-bottom: 1.6rem } .home-about__section-title { margin-bottom: 2rem; font-size: 3.4rem } .home-about__text { font-size: 1.12rem; width: 100%; max-width: 25rem; margin-bottom: 2.5rem } .home-about__left-pictures { padding-top: 54vw; position: relative } .home-about__left-picture-big { position: absolute; left: 0; bottom: 0; width: 34vw } .home-about__left-picture-big img { width: 100%; height: auto } .home-about__left-picture-small { position: absolute; bottom: 10vw; left: 3vw; width: 20vw } .home-about__left-picture-small img { width: 100%; height: auto } .home-about__right-pictures { position: relative; margin-right: -5.62rem } .home-about__right-picture-big { position: absolute; width: 25vw; right: 0 } .home-about__right-picture-big img { width: 100%; height: auto } .home-about__right-picture-small { position: absolute; right: 14vw; padding-top: 20vw; width: 13vw } .home-about__right-picture-small img { width: 100%; height: auto } .new-products__container { display: grid; gap: 4.5rem; justify-items: center } .new-products__section-title { margin-bottom: 0 !important } .home-services__section-subtitle { margin-bottom: 5rem } .home-services__items { display: flex; flex-direction: column; width: 100%; max-width: 63rem; margin: 0 auto } .home-services__item { display: flex; align-items: center; position: relative; justify-content: center; color: #333; margin-bottom: 4.5rem; } .home-services__item:last-child .home-services__item-star { display: none } .home-services__item-picture { pointer-events: none } .home-services__item-picture img { /* width: 100%; */ height: auto; margin: 0 auto; } .home-services__item-title { text-align: center; font-family: Forum; font-size: 2.0rem; font-weight: 400; margin: 0; padding: 0; text-transform: uppercase; transition: .5s ease-in-out } .home-services__item-title a { color: inherit; text-decoration: none } .home-services__item-star { position: absolute; width: 1.87rem; height: 1.87rem; bottom: -3rem } .service { background: #011CA9; padding: 6.25rem 0 } .service__container { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: center } .service__picture { aspect-ratio: 855/1000 } .service__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .service__video { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; aspect-ratio: 855/1000 } .service__content { display: flex; flex-direction: column; align-items: center; color: #fdfbfa; text-align: center } .service__section-title { color: currentColor; font-size: 3.4rem; max-width: 80%; margin-bottom: 2rem } .service__text { max-width: 70%; color: #fdfbfa; font-size: 1.12rem; line-height: 130% } .service__text._bottom { margin-top: .9rem; margin-bottom: 0 } .service__link { margin-top: 4rem } .community__container { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: center } .community__content { display: flex; flex-direction: column; align-items: center; text-align: center } .community__section-title { font-size: 2.5rem; margin-bottom: 2rem; max-width: 90% } .community__text { font-size: 1.12rem; margin-bottom: 5rem; max-width: 80% } .community__pictures { position: relative; padding-top: 10vw } .community__picture-big { display: flex; width: 70% } .community__picture-big img { width: 100%; height: auto } .community__picture-small { position: absolute; right: 0; top: 0; width: 46% } .community__picture-small img { width: 100%; height: auto } .community__modal { width: 100%; max-width: 52rem; display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 auto } .contacts { padding: 3.13rem 0; position: relative; display: flex } .contacts__map { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0 } .contacts__box { background-color: #f5f5f5; padding: 1.25rem; width: 44rem; z-index: 2; position: relative } .contacts__content { border: 1px solid #dcdbdb; padding: 2.5rem 1.25rem 1.25rem; display: flex; flex-direction: column } .contacts__section-subtitle { margin-bottom: 1.5rem } .contacts__section-title { font-size: 2.5rem; margin-bottom: 2.5rem } .contacts__rows { display: grid; gap: 2.5rem } .contacts__row { display: grid; grid-template-columns: auto auto; gap: 2rem; align-items: end; /* justify-content: space-between */ } .contacts__row__title { font-size: 25px; font-weight: 500; margin-bottom: 20px; color: #333333; } .contacts__row__socials { display: flex; justify-content: space-between; } .contacts__row__socials .btn { padding: 20px 0; width: calc(33% - 10px); } .contacts__row__socials .btn:hover svg path{ fill: #ffffff; } .contacts__row__socials .btn svg { margin-right: 15px; } .contacts__item { display: grid; gap: .4rem; justify-content: start; margin: 0 } .contacts__item-title { font-size: 15px; color: #adadad; margin: 0 } .contacts__item-value { font-size: 14px; font-weight: 500; color: #333; margin: 0; line-height: 130% } .contacts__item-link { text-decoration: none; color: #333; transition: .5s ease-in-out } .contacts__item-link:hover { color: rgba(51, 51, 51, .8) } .contacts__socials { display: flex; align-items: center } .contacts__socials-item:not(:last-child) { margin-right: .94rem } .contacts__socials-item svg { width: 27px; height: 27px; color: #333; transition: .5s ease-in-out } .contacts__socials-item svg use { width: 100%; height: 100%; } .contacts__socials-item svg path { transition: .3s all; } .contacts__socials-item svg:hover path { fill: #011CA9; transition: .3s all; } .contacts__video { position: relative; display: flex; align-items: center; justify-content: center } .contacts__video:hover .contacts__video-play { transform: scale(1.1) } .contacts__video::after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, .2), transparent, rgba(0, 0, 0, .2)) } .contacts__video-picture { width: 100% } .contacts__video-picture img { width: 100%; height: auto } .contacts__video-title { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; color: #fdfbfa } .contacts__video-play { width: 6.25rem; height: 6.25rem; margin-bottom: 1rem; transition: .5s ease-in-out } .fitting { display: grid; grid-template-columns: calc(50% - .75rem) calc(50% - .75rem); gap: 1.5rem } .fitting__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center } .fitting__subtitle, .fitting__title { width: 100%; max-width: 30rem } .fitting__btn-wrap { width: 100%; max-width: 26rem; text-align: center } .fitting__btn-wrap .btn { width: 100% } .fitting__note { margin-top: 1rem; color: #fdfbfa } .fitting__right { display: flex; flex-direction: column; margin: -3rem -3rem -3rem 0 } .fitting__swiper { width: 100%; flex-grow: 1 } .fitting__picture { display: flex; width: 100%; height: 100% } .fitting__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .fitting__address { padding: 1.5rem 1.8rem; background: #f5f5f5; display: flex; flex-direction: column; align-items: flex-start; color: #333; border-top: 1px solid #011CA9 } .fitting__address-title { font-size: 16px; font-weight: 500; margin-bottom: 1.8rem } .fitting__address-item { font-size: 14px; max-width: 23rem; width: 100% } .fitting__address-item:last-child { margin-bottom: 0 } .fitting__address-item._underline { text-decoration: underline } .fitting__form { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 38rem; margin: 0 auto } .fitting__form .modal__subtitle, .fitting__form .modal__title { text-align: center } .fitting__form .modal__subtitle { width: 100%; max-width: 29rem } .fitting__form .section__subtitle { color: #fdfbfa } .fitting__f { width: 100%; max-width: 28rem } .fitting._page .fitting__right { margin: 0 } .fitting._page :where(.fitting__title, .fitting__subtitle) { color: #333 } .fitting._page .fitting__subtitle { margin-bottom: 1rem } .fashion-modal { margin-left: auto; width: 50%; display: none; padding: 0; background: 0 0 } .fashion-modal .is-close-btn { display: none } .fashion-modal__content { display: grid; width: 100%; min-height: calc(100vh + 1px); grid-template-rows: auto 1fr auto; gap: 1.5rem; padding: 3rem; background: #fdfbfa } .fashion-modal__header { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid #dcdbdb } .fashion-modal__title { color: #333; font-size: 1.37rem; font-weight: 500; text-transform: uppercase; margin: 0 } .fashion-modal__close { padding: 0; margin: 0; border: 0; background: 0 0; color: #333; outline: 0 } .filter { margin-bottom: 1.8rem } .filter__form-wrap .is-close-btn { display: none } .filter__form { border: 1px solid #dcdbdb; display: flex; flex-wrap: wrap; justify-content: center } .filter__form._active .filter__item:nth-child(n+4) { display: flex } .filter__form._active .filter__spoiler span:first-child { display: none } .filter__form._active .filter__spoiler span:last-child { display: block } .filter__item { display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #dcdbdb; border: 1px solid #DCDBDB; margin: -1px -1px 0 0; } .filter__item._small { width: 33.33%; padding: 1.5rem } .filter__item._full { width: 100%; padding: 2.5rem 1rem } .filter__title { font-family: Forum; font-size: 1.2rem; line-height: 110%; color: #333; margin-bottom: 1.5rem; text-transform: uppercase; text-align: center } .filter__title-icon { display: none; align-items: center; justify-content: center; min-width: 3.12rem; max-width: 3.12rem; height: 3.12rem; border-radius: 50%; background: #011CA9; color: #fdfbfa; transition: .5s ease-in-out; margin-left: 1rem } .filter__title._active .filter__title-icon { transform: rotate(180deg) } .filter__cuts { max-width: 30rem; width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem } .filter__cut { display: flex; justify-content: center; align-items: center } .filter__cut-input { display: none } .filter__cut-input:checked+.filter__cut-label { color: #011CA9 } .filter__cut-label { width: 2.4rem; height: 2.4rem; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #adadad; transition: .5s ease-in-out } .filter__cut-icon { width: auto; height: auto; max-width: 100%; max-height: 100% } .filter__cut-icon svg { width: 34px; height: 35px; } .filter__checkboxes { width: 100%; margin: 0 auto; display: grid } .filter__checkboxes._color { grid-template-columns: repeat(5, 1fr); max-width: 20rem } .filter__checkboxes._clean { max-width: 22.4rem; grid-template-columns: repeat(4, 1fr) } .filter__custom-colors { grid-column: span 5; display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-top: 30px } .filter__custom-colors._single { margin-top: 0 } .filter__checkbox._hidden { display: none; opacity: 0 } .filter__checkbox-input { display: none } .filter__checkbox-input:checked+.filter__checkbox-label { background: #011CA9; color: #fdfbfa; border-color: #011CA9 } .filter__checkbox-label { border: 1px solid #dcdbdb; display: flex; align-items: center; justify-content: center; font-family: Forum; font-size: 1rem; padding: .5rem 5px; cursor: pointer; margin: -1px 0 0 -1px; transition: .5s ease-in-out; line-height: 110% } .filter__more { margin-top: 1.25rem } .filter__more span span { padding-left: 4px } .filter__more._hidden { display: none } .filter__btns { display: flex; justify-content: center; width: 100% } .filter__submit { margin-right: 1.8rem; font-size: 1rem } .filter__reset { font-size: 1rem } .filter__range { display: flex; flex-direction: column; align-items: center; color: #333; font-size: 1rem; width: 100%; padding-bottom: 1.25rem } .filter__range-inputs { margin-bottom: 2.5rem; display: grid; grid-template-columns: 20px 1fr 20px 1fr; gap: 1rem; align-items: center; max-width: 410px; width: 100% } .filter__range-inputs._custom { grid-template-columns: 80px 20px 1fr 20px 1fr; max-width: 100% } .filter__range-inputs._custom:last-child { margin-bottom: 0 } .filter__range-fake-input { height: 3.12rem; border: 1px solid #dcdbdb; display: flex; align-items: center; justify-content: center; width: 100%; text-align: center } .filter__range-input { margin-right: .3rem } .filter__range-init { border: 1px solid #011CA9; background: 0 0; height: .63rem; border-radius: 0; width: 100% } .filter__range-init .range-slider__range { background: #011CA9 } .filter__range-init .range-slider__thumb { width: 1.25rem; height: 3.12rem; border: 1px solid rgba(51, 51, 51, .8); background: #fdfbfa; border-radius: 0; transform: translate(-55%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center } .filter__range-init .range-slider__thumb[data-upper] { transform: translate(-45%, -50%) } .filter__range-init .range-slider__thumb::after, .filter__range-init .range-slider__thumb::before { content: ""; width: .6rem; height: .6rem; border-top: 1px solid rgba(51, 51, 51, .8); border-bottom: 1px solid rgba(51, 51, 51, .8) } .filter__range-init .range-slider__thumb::before { margin-bottom: .5rem } .filter__mobile-btn { display: none; width: 100%; text-transform: uppercase; font-size: 1.12rem } .filter__mobile-btn svg { width: 2.5rem; height: auto; margin-right: 1rem } .filter__selected-list { display: none; margin: 1.25rem 0 -1rem; margin-top: 1.25rem; display: flex; flex-wrap: wrap; align-items: flex-end } .filter__selected-list._desktop { display: flex !important } .filter__selected-list._desktop .filter__selected { display: flex !important } .filter__selected { padding: .38rem 1.38rem .38rem .38rem; background: #f5f5f5; border-radius: 6.25rem; margin: 0 1rem 1rem 0; display: none; align-items: center; white-space: nowrap; color: #333 } .filter__selected-icon { width: 2.75rem; height: 2.75rem; border-radius: 50%; background: #fdfbfa; display: flex; align-items: center; justify-content: center; margin-right: 1rem; position: relative } .filter__selected-icon::after, .filter__selected-icon::before { content: ""; width: 1.6rem; height: 1px; background: rgba(51, 51, 51, .8); position: absolute } .filter__selected-icon::before { transform: rotate(45deg) } .filter__selected-icon::after { transform: rotate(-45deg) } .filter__form-bottom { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 1.5rem } .filter__header { display: none; align-items: center; justify-content: space-between; margin-bottom: 1rem; padding: 1.2rem 1.25rem; background: #f5f5f5 } .filter__header-title { font-size: 1.12rem; text-transform: uppercase } .filter__header-close { display: flex; align-items: center; color: rgba(51, 51, 51, .8) } .filter__header-close span { display: flex; align-items: center; justify-content: center; position: relative; margin-left: 1rem } .filter__header-close span::after, .filter__header-close span::before { content: ""; position: absolute; width: 1.25rem; height: 1px; background: rgba(51, 51, 51, .8); position: absolute } .filter__header-close span::after { transform: rotate(45deg) } .filter__header-close span::before { transform: rotate(-45deg) } .filter__line { width: 100%; height: 1px; background: #dcdbdb } .filter__stones { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; width: 100% } .filter__stone { display: flex } .filter__stone input { display: none } .filter__stone input:checked+label { color: #011CA9 } .filter__stone label { width: 100%; display: flex; flex-direction: column; text-align: center; gap: 5px; cursor: pointer } .filter__stone picture { display: flex } .filter__stone picture img { width: 100%; -o-object-fit: contain; object-fit: contain } .diamonds { display: flex; flex-direction: column; overflow-x: auto; padding: 1px 0 0 1px; font-size: 1rem; color: #333 } .diamonds__cols { display: flex } .diamonds__cols:nth-child(2n) .diamonds__col { background: #f5f5f5 } .diamonds__col { width: 16.66%; min-width: 11rem; border: 1px solid #dcdbdb; padding: 1.37rem 1.88rem; margin: -1px 0 0 -1px; display: flex; text-align: left; align-items: center; justify-content: flex-start; transition: .5s ease-in-out } .diamonds__col:nth-child(1) { width: 10% } .diamonds__col:nth-child(2) { width: 41% } .diamonds__col:nth-child(3) { width: 21% } .diamonds__col:nth-child(4) { width: 28% } .diamonds__col:nth-child(5) { width: 18% } .diamonds__col:nth-child(6) { width: 28% } .diamonds__col._center { justify-content: center } .diamonds__btn { color: #333 } .diamonds__btn::after { /* content: ""; width: .6rem; height: .6rem; border-left: 2px solid #333; border-bottom: 2px solid #333; margin-left: 1rem; position: relative; transition: .5s ease-in-out*/ } .diamonds__btn._asc::after { /* top: .2rem; transform: rotate(135deg);*/ } .diamonds__btn._desc::after { transform: rotate(-45deg); top: -.1rem } .diamonds__item { color: inherit; text-decoration: none } .diamonds__item:hover .diamonds__col { background: #011CA9; color: #fdfbfa } .diamonds__item:hover .diamonds__col svg path { transition: .3s fill; } .diamonds__item:hover .diamonds__col svg path { fill: #fff; transition: .3s fill; } .diamonds__item-icon { height: 2rem; width: auto } .diamonds-info__container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.87rem; padding-top: 3rem; border-top: 1px solid #dcdbdb } .diamonds-info__item { background: #f5f5f5; padding: 1.25rem 1.25rem 2.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; color: #333 } .diamonds-info__icon { color: #a2a2a2; width: 6.75rem; height: auto; max-width: 50%; margin-bottom: .9rem } .diamonds-info__content { display: flex; flex-direction: column; align-items: center } .diamonds-info__title { font-family: Forum; line-height: 110%; font-size: 2rem; text-transform: uppercase; padding: 0 0 1.5rem; margin: 0 0 1.5rem; font-weight: 400; width: 100%; border-bottom: 1px solid #dcdbdb } .diamonds-info__title._mobile { display: none } .diamonds-info__text { margin-bottom: 2.5rem } .diamonds-info__text span { display: block; font-size: 1.12rem; margin-top: 1rem } .about-production__container { display: grid; gap: 3rem } .about-production__item { display: grid; grid-template-columns: .36fr .49fr; align-items: start; justify-content: space-between } .about-production__item:nth-child(2n) .about-production__title-icons { order: -1 } .about-production__item:nth-child(2n) .about-production__text { margin-left: auto } .about-production__picture { display: flex; width: 100% } .about-production__picture img { width: 100%; height: auto } .about-production__content { display: flex; flex-direction: column } .about-production__title { display: flex; align-items: start; justify-content: space-between; padding-top: 1.5rem; border-top: 1px solid #dcdbdb; font-size: 1.37rem; font-weight: 500; margin-bottom: 1rem; color: #333 } .about-production__title-name { width: 18rem } .about-production__title-icons { display: flex; align-items: center } .about-production__title-icons svg:not(:last-child) { margin-right: 5px } .about-production__title-i { font-family: Forum; text-transform: uppercase; color: #333; font-size: 2rem } .about-production__text { width: 18rem; color: rgba(51, 51, 51, .8); margin-bottom: 7rem } .about-production__text p:not(:last-child) { margin-bottom: .5rem } .about-production__second-picture { width: 100%; display: flex; justify-content: flex-end } .about-production__second-picture picture { display: flex; width: 47% } .about-production__second-picture picture img { width: 100%; height: auto } .about-new-collection__header { width: 100%; max-width: 60rem; margin: 0 auto 5rem } .about-new-collection .section__title { font-size: 2.0rem } .about-new-collection__grid { display: grid; grid-template-columns: .27fr .46fr .27fr; gap: 4rem; align-items: start } .about-new-collection__text { margin-top: 7rem; display: grid; gap: 13rem } .about-new-collection__text p { font-size: 1.12rem; margin: 0 } .about-new-collection__picture { margin-top: 7rem; display: flex; z-index: 2 } .about-new-collection__picture img { width: 100%; height: auto } .about-new-collection__small-picture-left { width: 100% } .about-new-collection__small-picture-left img { width: 100%; height: auto } .about-new-collection__small-picture-right { display: flex; margin-left: -10rem } .about-new-collection__small-picture-right img { width: calc(100% - 10rem); height: auto } .new-collection-products { display: grid } .new-collection-products__item { display: flex; flex-direction: column } .new-collection-products__item .section__title { font-size: 2.0rem; margin-bottom: 3.5rem } .new-collection-products__item:nth-child(2n) .new-collection-products__grid { grid-template-columns: .23fr .62fr; justify-content: end } .new-collection-products__grid { display: grid; grid-template-columns: .62fr .23fr; gap: 1.8rem } .new-collection-products__picture { display: flex } .new-collection-products__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .new-collection-products__content { display: grid; grid-template-rows: 1fr auto auto; gap: 1.88rem } .new-collection-products__product { display: flex } .new-collection-products__product img { width: 100%; height: auto } .new-collection-products__text { font-size: 1.12rem } .new-collection-products__text p:last-child { margin-bottom: 0 } .collection-product__intro { display: grid; grid-template-columns: 1fr 1fr; position: relative } .collection-product__intro .intro__breadcrumbs { width: 50% } .collection-product__intro-picture { display: flex } .collection-product__intro-picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .collection-product__intro-content { background: #f5f5f5; display: flex; flex-direction: column; justify-content: center; padding: 2rem 0 } .collection-product__intro-container { display: flex; flex-direction: column; align-items: center; text-align: center } .collection-product__intro-product { width: 50% } .collection-product__intro-product img { width: 100%; height: auto } .collection-product__intro-title { font-weight: 400; text-transform: uppercase; font-family: Forum; line-height: 110%; font-size: 4.8rem; color: #333; padding: 0; margin: 0 0 2rem } .collection-product__intro-text { font-size: 1.12rem; margin-bottom: 4rem } .collection-product__intro-btn { min-width: 25rem } .collection-product__products { display: flex; flex-direction: column } .collection-product__product-container { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 1.8rem } .collection-product__product-content { display: flex; flex-direction: column } .collection-product__product-text, .collection-product__product-title { width: 60% } .collection-product__product-title { font-size: 1.37rem; font-weight: 500; padding: 0; margin: 0 0 1rem; color: #333 } .collection-product__product-text { font-size: 1.12rem } .collection-product__product-text p:last-child { margin-bottom: 0 } .collection-product__product-pictures { display: flex; position: relative; align-items: center } .collection-product__product-picture-big { width: 100% } .collection-product__product-picture-big img { width: 100%; height: auto } .collection-product__product-picture-small { width: 20vw; left: -10vw; position: absolute } .collection-product__product-picture-small img { width: 100%; height: auto } .collection-product__product-picture-small._mobile { display: none } .collection-product__banner { position: relative; display: flex; align-items: center; justify-content: center } .collection-product__banner-picture { width: 100% } .collection-product__banner-picture img { width: 100%; height: auto } .collection-product__banner-overlay { position: absolute; width: 100%; max-width: 59rem; display: flex; flex-direction: column; align-items: center; justify-content: center } .collection-product__banner-text { color: #fdfbfa; font-family: Forum; text-transform: uppercase; line-height: 110%; font-size: 2rem; margin-bottom: 4rem; text-align: center } .collection-product__banner-btn { min-width: 25rem } .product-page { display: grid; grid-template-columns: calc(50% - .99rem) calc(50% + .99rem); position: relative } .product-page.product-page-test { display: grid; grid-template-columns: calc(65% - .99rem) calc(35% + .99rem); position: relative } .product-page__gallery { position: relative; height: fit-content; } /* .product-page__gallery-controls { position: absolute; width: 100%; bottom: 1.25rem; display: none; grid-template-columns: repeat(3, auto); gap: 1.25rem; align-items: center; justify-content: center; z-index: 5 } */ /* .product-page-test .product-page__gallery-controls { display: flex; justify-content: space-between; width: 100%; left: 50%; transform: translateX(-50%); bottom: 50%; padding: 0 15px; } */ .product-page__gallery ._prev, .product-page__gallery ._next { position: absolute; display: flex; justify-content: space-between; bottom: 50%; padding: 0 15px; z-index: 10; } .product-page__gallery ._prev { left: 20px; } .product-page__gallery ._next { right: 20px; } .product-page-test ._next svg { transform: rotate(90deg) !important; } .product-page-test ._prev svg { transform: rotate(-90deg) !important; } .product-page__gallery-navigation { color: #333 } .product-page__gallery-navigation._prev svg { transform: rotate(180deg) } .product-page__picture { width: 100% } .product-page__picture>img { width: 100%; object-fit: cover; height: auto } .product-page__content-wrap { will-change: min-height } .product-page__content { width: 100%; /* max-width: 38rem; */ display: flex; flex-direction: column; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform } @media (min-width: 991px) { .product-page__content { position: sticky; top: 240px; } } .product-page__article { color: #adadad; font-size: .87rem; margin-bottom: 1.5rem } .product-page__header { display: grid; grid-template-columns: auto auto; align-items: start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #333; margin-bottom: 1rem } .product-page__title { padding: 0; margin: 0 } .product-page__price, .product-page__title { line-height: 115%; font-size: 1.5rem; font-weight: 500; color: #333 } .product-page__price--old { color: #919191; font-size: 1.25rem; text-decoration: line-through; } @media (max-width: 1200px) { .product-page__title { font-size: 1.35rem; } } .product-page__params { font-size: 1.12rem; width: 100%; display: grid; gap: 15px; margin: 0; } .product-page__param { display: grid; grid-template-columns: auto auto; gap: 6px; align-items: flex-start; justify-content: space-between; border-bottom: 1px dashed rgba(51, 51, 51, .2); padding-bottom: 5px } @media (max-width: 1200px) { .product-page__param { font-size: 12px; } } .product-page__param dt { font-weight: 600 } .product-page__param dt::after { content: ":" } .product-page__param dd { margin: 0; text-align: right } .product-page__spoilers { margin: 6rem 0; display: grid; gap: 1.25rem } .product-page__spoiler { display: flex; flex-direction: column; border: 1px solid #011CA9 } .product-page__spoiler-btn { display: grid; grid-template-columns: auto 1fr auto; padding: 1.25rem; gap: 1.25rem; align-items: center; text-align: left; color: #333; font-size: 1.37rem } .product-page__spoiler-btn._active .product-page__spoiler-arrow { transform: rotate(180deg) } .product-page__spoiler-arrow { width: 2rem; height: auto; transition: .5s ease-in-out } .product-page__spoiler-content { padding: 2.5rem 3rem; display: none; opacity: 0; flex-direction: column; text-align: center; border-top: 1px solid #011CA9 } .product-page__controls { display: grid; grid-template-columns: 1fr 4.12rem; gap: 1.25rem; padding-bottom: 6.25rem } .product-page__favourites { padding: 0 !important; color: transparent !important } .product-page__favourites._active { color: #011CA9 !important } .product-page__favourites:hover { background: unset !important } .product-page__control._fitting { grid-column: span 2 } .product-page__size-box-text { font-size: 1.37rem; font-weight: 500; margin-bottom: 4rem; line-height: 120% } .product-page__size-box-link { margin-bottom: 2.5rem } .product-page__size-box-note { font-size: 1rem; margin-bottom: .5rem } .product-page__size-box-note-link { text-decoration: underline; color: rgba(51, 51, 51, .8) !important } .product-page__size-box-note-link:hover { text-decoration: none } .product-page__engraving-title { font-size: 1.57rem; font-weight: 500; line-height: 120%; margin-bottom: 1.5rem } .product-page__engraving-text { font-size: 1.14rem; margin-bottom: 2.5rem } .product-page__engraving-note { font-size: 1.14rem; margin-bottom: .5rem } .product-page__engraving-note:last-child { margin-bottom: 0 } .product-page__engraving-form { margin-bottom: 2.5rem; display: flex; flex-direction: column; align-items: center } .product-page__engraving-form-title { font-size: 1.28rem; margin-bottom: 1.4rem } .product-page__engraving-form-radios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.7rem; width: 100%; margin-bottom: 1rem } .product-page__engraving-form-radio input { display: none } .product-page__engraving-form-radio input:checked+label { background: #011CA9; border-color: #011CA9; color: #fdfbfa } .product-page__engraving-form-radio label { cursor: pointer; height: 3.5rem; border: 1px solid rgba(51, 51, 51, .8); padding: 0 1rem; display: flex; align-items: center; justify-content: center; transition: .5s ease-in-out; font-size: 1.14rem } .product-page__engraving-form-input { margin-bottom: 2rem } .product-page__engraving-form-price { font-size: 1.28rem; margin-bottom: 1.4rem } .product-page__engraving-form-btn { height: 3.5rem; font-size: 1.14rem; width: 100%; font-weight: 400 } html._product-page .breadcrumbs::before { content: ""; position: absolute; width: calc(50% - .99rem); height: 100%; background: #f5f5f5; z-index: -1; pointer-events: none; top: 0 } html._product-page .breadcrumbs, html._product-page .main { position: relative } html._product-page .main::before { content: ""; position: absolute; width: calc(50% - .99rem); height: 10rem; top: 0; background: #f5f5f5; z-index: -1; pointer-events: none } .sale-diamonds__h1 { display: flex; flex-direction: column; align-items: center; font-family: Forum; text-transform: uppercase; color: #333; font-size: 2.8rem; font-weight: 400; margin: 0 0 2rem; padding: 0 } .sale-diamonds__h1 span:nth-child(1), .sale-diamonds__h1 span:nth-child(3) { margin-left: -20% } .sale-diamonds__h1 span:nth-child(2) { margin-right: -15% } .sale-diamonds__introtext { width: 50%; margin-left: auto; font-size: 14px; font-weight: 500; line-height: 130%; margin-bottom: 4rem } .sale-diamonds__introtext p { width: 100%; max-width: 35rem } .sale-diamonds__introtext p:last-child { margin-bottom: 0 } .sale-diamonds__slide-picture { display: flex } .sale-diamonds__slide-picture img { width: 100%; height: auto } .sale-diamonds__btn-wrap { display: flex; justify-content: center; margin-top: 4rem } .sale-diamonds__btn { min-width: 35rem } .sale-diamonds__swiper { position: relative } .sale-diamonds__swipe { position: absolute; z-index: 20; opacity: 0; transition: .5s ease-in-out opacity; pointer-events: none } .sale-diamonds__swipe._active { opacity: 1 } .sale-diamonds__pluses { background: #f5f5f5 } .sale-diamonds__pluses-items { position: relative; display: flex; flex-direction: column; overflow: hidden; padding-top: 1px } .sale-diamonds__pluses-item { margin-top: -1px } .sale-diamonds__pluses-item._earrings .sale-diamonds__pluses-content { grid-template-columns: .63fr .37fr } .sale-diamonds__pluses-name { color: #adadad; padding: 1.5rem 0; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; width: 36%; text-align: left; display: flex; align-items: center; transition: .5s ease-in-out; font-size: 15px; line-height: 120% } .sale-diamonds__pluses-name span { display: none; min-width: 2.5rem; max-width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #011CA9; margin-left: 1rem; color: #fdfbfa; align-items: center; justify-content: center; overflow: hidden } .sale-diamonds__pluses-name span svg { width: 80%; height: auto; transition: .5s ease } .sale-diamonds__pluses-name._active span svg { transform: rotate(180deg) } .sale-diamonds__pluses-content { grid-template-columns: 1fr 1fr; display: grid; align-items: start } .sale-diamonds__pluses-picture { display: flex; transition: 1s ease; position: relative } .sale-diamonds__pluses-picture img { width: 100%; height: auto } .sale-diamonds__pluses-picture-product { display: flex; transition: 2s ease; position: relative } .sale-diamonds__pluses-picture-product img { width: 100%; height: auto } .sale-diamonds__pluses-text p:last-child { margin-bottom: 0 } .sale-diamonds__pluses-btn { position: absolute; bottom: 0; left: 0; width: 36% } .collection-diamonds__container { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 1.88rem } .collection-diamonds__content-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center } .collection-diamonds__content { width: 60%; display: flex; flex-direction: column; align-items: flex-start; text-align: left } .collection-diamonds__title { text-align: left; margin-bottom: 2rem } .collection-diamonds__text { font-size: 14px; margin-bottom: 4rem; line-height: 120% } .collection-diamonds__link._mobile { display: none } .collection-diamonds__carousel { display: flex; flex-direction: column; background: #f5f5f5 } .collection-diamonds__swiper { width: 100% } .collection-diamonds__picture { display: flex; width: 100% } .collection-diamonds__picture img { width: 100%; height: auto } .collection-diamonds__controls { padding: 1.88rem; display: grid; grid-template-columns: 50% 50%; align-items: start } .collection-diamonds__title-carousel { margin: 0; text-align: left; padding-right: 1.88rem } .collection-diamonds__texts { padding: .5rem 0 0 1.88rem; border-left: 1px solid #dcdbdb } .collection-diamonds__slide { display: flex; flex-direction: column } .collection-diamonds__slide-title { font-size: 1.37rem; font-weight: 500; color: #333; margin-bottom: .8rem } .collection-diamonds__slide-text { margin: 0 } .collection-diamonds__navigation { margin-top: 3rem; display: flex; align-items: center } .collection-diamonds__navigation .swiper__navigation { position: relative; left: unset !important; top: unset !important; right: unset !important; bottom: unset !important } .collection-diamonds__navigation .swiper__navigation svg { width: 3rem; height: auto } .feedback-section { background: #011CA9; position: relative } .about-intro__container { display: flex; flex-direction: column; align-items: center } .about-intro__logo { width: 74%; color: #333; z-index: 2 } .about-intro__logo svg { width: 100%; height: auto } .about-intro__grid { margin-top: -6vw; width: 100%; display: grid; grid-template-columns: .25fr .5fr .25fr; gap: 3rem; align-items: end; z-index: 1 } .about-intro__text { margin: 0 } .about-intro__pictures { position: relative; display: flex; align-items: center; justify-content: space-between } .about-intro__picture-center { display: flex; width: 100% } .about-intro__picture-center img { width: 100%; height: auto } .about-intro__picture-left, .about-intro__picture-right { position: absolute } .about-intro__picture-left { width: 39%; position: absolute; left: -15%; top: 40% } .about-intro__picture-left img { width: 100%; height: auto } .about-intro__picture-right { width: 20%; position: absolute; right: -8%; top: 60% } .about-intro__picture-right img { width: 100%; height: auto } .about-intro__wrap-btn { display: flex; justify-content: end } .about-intro__btn { width: 6.25rem; height: 6.25rem; border-radius: 50%; border: 1px solid #adadad; display: flex; align-items: center; justify-content: center; background: 0 0; color: #333 } .about-intro__btn svg { width: 1.31rem; height: auto } .about-pluses { background: #f5f5f5 } .about-pluses__items { display: flex; flex-direction: column } .about-pluses__item { transition: .5s ease-in-out; position: relative; display: flex; z-index: 1; border-bottom: 1px solid #fdfbfa } .about-pluses__item::after { content: ""; width: 0; height: 100%; pointer-events: none; position: absolute; z-index: 1; transition: 1s ease-in-out } .about-pluses__item.is-active { z-index: 2 } .about-pluses__item.is-active::after { width: 100% } .about-pluses__item.is-active .about-pluses__btn { border-color: transparent !important; color: #000000; } .about-pluses__item.is-active .about-pluses__btn-arrow { background: #fdfbfa; color: #011CA9 } .about-pluses__item.is-active .about-pluses__btn-arrow svg { transform: rotate(180deg) } .about-pluses__item:first-child .about-pluses__btn { border-top: 1px solid #dcdbdb } .about-pluses__container { display: flex; flex-direction: column; z-index: 2 } .about-pluses__btn { border-bottom: 1px solid #dcdbdb; padding: 1.88rem 0; display: grid; grid-template-columns: .51fr .49fr 3rem; text-align: left; align-items: center; color: #333; gap: 1.88rem; transition: color 1s ease-in-out } .about-pluses__btn-i { font-family: Forum; font-size: 2rem } .about-pluses__btn-title { font-size: 1.37rem; line-height: 120%; font-weight: 500 } .about-pluses__btn-arrow { width: 3rem; height: 3rem; border-radius: 50%; background: #011CA9; display: flex; align-items: center; justify-content: center; color: #fdfbfa; transition: 1s ease } .about-pluses__btn-arrow svg { width: 45%; height: auto; transition: 1s ease } .about-pluses__content { display: grid; grid-template-columns: .51fr .49fr 3rem; align-items: start; gap: 1.88rem; color: #000000; padding-bottom: 2.5rem } .about-pluses__picture { display: flex; justify-content: center } .about-pluses__picture img { width: auto; height: auto; max-width: 100% } .team__title { max-width: 33rem; margin-left: auto; margin-right: auto } .team__item { display: flex; flex-direction: column } .team__item:hover .team__overlay { opacity: 1 } .team__item:hover .team__picture img { filter: grayscale(100%) } .team__picture-wrap { position: relative; display: flex; margin-bottom: 1.2rem } .team__picture { display: flex; width: 100% } .team__picture img { width: 100%; height: auto; transition: .5s ease-in-out } .team__overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(0, #000 0, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: .5s ease-in-out; padding: 1.5rem; color: #fdfbfa; display: flex; align-items: flex-end } .team__fullname { font-size: 1.37rem; color: #333; font-weight: 500; margin-bottom: .5rem } .team__position { margin: 0 } .blog__title-section { max-width: 45rem; margin-left: auto; margin-right: auto } .blog__item { position: relative; display: grid; gap: 1rem } .blog__picture { width: 100% } .blog__picture img { width: 100%; height: auto } .blog__controls { display: flex; align-items: center; justify-content: space-between } .blog__category { text-transform: uppercase } .blog__date { margin: 0 } .blog__title { font-size: 1.37rem; font-weight: 500; color: #333; margin: 0 } .blog__link { color: inherit !important; text-decoration: none } .cart__h1 { margin-bottom: 4rem } .cart__table { color: #333; font-size: 1.12rem; display: flex; flex-direction: column } .cart__cols { display: grid; grid-template-columns: 30% 25% 15% 15% 15%; align-items: center } .cart__col:not(:last-child) { padding-right: 1rem } .cart__header { padding-bottom: 1rem; font-size: 1.37rem; font-weight: 500 } .cart__item { border-top: 1px solid #dcdbdb; padding: 1.5rem 0 } .cart__item:last-child { border-bottom: 1px solid #dcdbdb } .cart__product { display: grid; grid-template-columns: .3fr 1fr; gap: 1.5rem; align-items: center; justify-content: start; position: relative } .cart__picture img { width: 100%; height: auto } .cart__title { color: inherit !important; text-decoration: none } .cart__title span { display: none } .cart__count { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: .6rem; align-items: center } .cart__count-input { width: 3.25rem; background: 0 0; border: 1px solid #dcdbdb; height: 2.8rem; border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; text-align: center; color: #333 } .cart__count-btn { color: #333 } .cart__count-btn svg { width: 1.5rem; height: auto } .cart__itogo { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: space-between; gap: 1rem } .cart__remove { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #333; color: #fdfbfa; display: flex; align-items: center; justify-content: center; transition: .5s ease-in-out } .cart__remove:hover { background: #011CA9 } .cart__remove svg { width: 60%; height: auto } .cart__footer { margin-top: 8vw; display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: end; gap: 1.88rem } .cart__result-box { padding: 3rem 4rem 3rem 0; background: #f5f5f5 } .cart__result { display: grid; grid-template-columns: auto auto; gap: 1.88rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #333; padding-bottom: .8rem; color: #333; font-weight: 500; font-size: 1.37rem } .cart__submit-wrap { display: flex; justify-content: flex-end } .cart__submit { max-width: 100%; font-weight: 400 } .order__subtitle { text-align: center; max-width: 40rem; width: 100%; font-size: 1.37rem; font-weight: 500; line-height: 120%; margin: 0 auto 5rem } .order__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: flex-start; position: relative } .order-new .order__grid { grid-template-columns: 1.8fr 1fr; grid-template-rows: repeat(2, 0.6fr); column-gap: 60px; } .order__form { max-width: 39rem; } .order-new .order__form { max-width: 69rem; grid-row: 1/3; } .order-new .order-fieldset__group { display: flex; gap: 20px; } .order-new .order-fieldset__group .form__fieldset { width: 100%; } .order-new .order-fieldset__group .form__cols._col3 { width: 100%; } .order__section { display: flex; flex-direction: column; margin-bottom: 4.5rem } .order-new .order__section { margin-bottom: 4rem } .order__section-title { color: #333; font-size: 1.37rem; font-weight: 500; margin-bottom: 2rem } .order__submit { margin-top: 0 !important } .order__itogo { border: 1.88rem solid #f5f5f5; padding: 1.25rem; background: #fdfbfa } .order-new .order__itogo { border: none; background-color: #FFFFFF; } .order__table { color: #333 } .order__table-cols { display: grid; align-items: center; justify-content: space-between; grid-template-columns: 55% 20% 25%; gap: 1rem } .order-new .order__table-cols { grid-template-columns: 100%; border: none; padding: 0; } .order-new .wrapper-table-title { display: flex; justify-content: space-between; margin-bottom: 14px; } .order-new .wrapper-table-title .order__table-col { color: #333333; } .order__table-header { text-transform: uppercase; padding-bottom: 1rem } .order__table-item { padding: 1.25rem 0; border-top: 1px solid #dcdbdb } .order-new .order__table-item:not(:first-child) { border-top: 1px solid #dcdbdb } .order__table-product { display: grid; grid-template-columns: .3fr .7fr; align-items: center; gap: 1.25rem; position: relative } .order__table-picture img { width: 100%; height: auto } .order__table-title { display: grid; gap: .3rem; color: #adadad !important; text-decoration: none } .order__table-title span { color: #333 } .order__itogo-price { margin-top: 4rem; display: grid; grid-template-columns: auto auto; gap: 1rem; align-items: center; justify-content: space-between; padding-top: 1.25rem; border-top: 1px solid #333; font-size: 1.37rem; font-weight: 500; text-transform: uppercase } .order-new .order__itogo-price { margin-top: 0; } .catalog-filter { position: relative; z-index: 2; } .catalog-filter__box { border: 1px solid #dcdbdb; padding: 1.5rem; display: flex; flex-direction: column } .catalog-filter__box .filter__form-bottom { display: none } .catalog-filter__modal .is-close-btn { display: none } .catalog-filter__header { display: flex; color: #333 } .catalog-filter__header-params { flex-grow: 1; display: flex; align-items: center; padding-right: 5%; justify-content: space-between } .catalog-filter__header-sorting { width: 3.12rem; height: 3.12rem; background: #011CA9; display: flex; align-items: center; justify-content: center; color: #fdfbfa } .catalog-filter__header-sorting svg { position: absolute; transition: .5s ease-in-out } .catalog-filter__header-sorting._asc svg._asc { opacity: 1 } .catalog-filter__header-sorting._asc svg._desc { opacity: 0 } .catalog-filter__header-sorting._desc svg._asc { opacity: 0 } .catalog-filter__header-sorting._desc svg._desc { opacity: 1 } .catalog-filter__header-title { display: grid; grid-template-columns: auto auto; align-items: center; gap: 1rem; font-size: 1.37rem; font-weight: 500 } .catalog-filter__header-title svg { width: 3.12rem; height: auto } .catalog-filter__header-param { color: rgba(51, 51, 51, .8); display: flex; align-items: center; font-size: 1.12rem } .catalog-filter__header-param svg { transition: .5s ease-in-out } .catalog-filter__header-param._active svg { transform: rotate(180deg) } .catalog-filter__reset { margin-right: 0; margin-left: 1.88rem } .catalog-filter__content { border-top: 1px solid #dcdbdb; padding-top: 1.5rem; margin-top: 1.5rem; display: none; flex-direction: column } .catalog-filter__content._active { display: flex } .catalog-filter__content .filter__title { display: none } .catalog-filter__submit { padding-left: 3%; border-left: 1px solid #dcdbdb } .catalog-filter__collections, .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { display: grid; align-items: center; grid-template-columns: repeat(5, 1fr); gap: 2rem; width: 100% } .catalog-filter__color .form__checkbox-title { display: flex; align-items: center } .catalog-filter__color .form__checkbox-title svg { margin-right: 10px } .catalog-filter__categories-title { margin-bottom: 1.5rem } .catalog-filter__categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 3rem; overflow-x: auto; gap: clamp(8px, .8vw, 16px) } .catalog-filter__category-input { display: none } .catalog-filter__category-input:checked+label { background: #011CA9; border-color: #011CA9; color: #fdfbfa } .catalog-filter__category-input:checked+label svg { opacity: 1 } .catalog-filter__category-label { display: flex; align-items: center; justify-content: center; height: 4rem; border-radius: 6.25rem; border: 1px solid #333; font-size: clamp(12px, .93vw, 18px); font-weight: 500; padding: 0 clamp(8px, .8vw, 16px) 0 clamp(15px, 2.3vw, 45px); cursor: pointer; color: #333; transition: .5s ease; white-space: nowrap } .catalog-filter__category-label svg { min-width: 1.7rem; max-width: 1.7rem; height: auto; margin-left: .1rem; opacity: 0 } .catalog-filter__category-link { text-decoration: none; padding: 0 clamp(15px, 2.3vw, 45px) } .catalog-filter__category-link:hover { color: #333 } .catalog-filter__category-link._active { background: #011CA9; border-color: #011CA9; color: #fdfbfa } .catalog-filter__hidden-input { display: none } .uniq__section-title { width: 100%; max-width: 42rem; margin-left: auto; margin-right: auto } .uniq__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: start } .uniq__products { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: start } .uniq__product { display: flex; flex-direction: column; align-items: start } .uniq__product-picture { margin-bottom: 1.3rem } .uniq__product-picture img { width: 100%; height: auto } .uniq__product-title { color: #333; font-weight: 500; font-size: 1.37rem; margin-bottom: 1rem } .uniq__product-text { margin-bottom: 1rem } .uniq__product-link { color: #5b5b5b !important; font-size: 1.12rem !important } .uniq__picture { display: flex; justify-content: end } .uniq__picture img { width: 73%; height: auto } .delivery { display: grid; gap: 2.5rem } .delivery__item { display: flex; flex-direction: column } .delivery__title { font-size: 16px; font-weight: 500; color: #333; margin-bottom: .8rem } .article__picture { display: flex; width: 100%; margin-bottom: 3.5rem } .article__picture img { width: 100%; height: 40rem; object-fit: cover; } .article__title { max-width: 83rem; width: 100%; margin-left: auto; margin-right: auto } .article__grid { display: grid; align-items: start; padding-top: 2rem; grid-template-columns: .17fr .83fr; gap: 6rem; position: relative; border-top: 1px solid #dcdbdb } .article__grid._virtual { border-top: 0; padding-top: 0 } .article__aside { display: grid; gap: 4rem; text-transform: uppercase } .article__aside-header { display: grid; grid-template-columns: auto auto; align-items: center; gap: 1rem; justify-content: space-between } .article__share { display: grid; justify-content: start; gap: .8rem } .article__share-items { display: flex; align-items: center } .article__share-item svg { color: #333 } .article__share-item:not(:last-child) { margin-right: 1.25rem } .article__content { width: 100%; max-width: 54rem; display: grid; gap: 3rem } .article__medium { font-size: 1.37rem; font-weight: 500; color: #333; text-transform: uppercase; line-height: 140% } .article__figures { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 1.88rem } .article__figure { display: grid; gap: .5rem } .article__figure picture img { width: 100%; height: auto } .article__figure figcaption { color: #adadad; font-size: .75rem; line-height: 140% } .article__swiper { width: calc(100% + 5.62rem); margin-top: 3rem; margin-bottom: 3rem; margin-right: -5.62rem } .article__together-title { padding-top: 1.5rem; border-top: 1px solid #dcdbdb; max-width: 100% } .page-404__container { display: flex; flex-direction: column; align-items: center } .page-404__h1 { display: flex; align-items: center; justify-content: center; font-family: Forum; font-size: 34rem; color: #333; line-height: 100%; margin-bottom: 4rem } .page-404__picture { width: 19rem; display: flex; align-items: center } .page-404__picture img { width: 100%; height: auto } .page-404__text { max-width: 31rem; width: 100%; margin-bottom: 3rem; text-align: center } .ring-selection__title { text-align: center; margin-bottom: 5rem } .ring-selection__controls { display: flex; flex-direction: column; align-items: center; margin-bottom: 6rem } .ring-selection__circle-wrap { display: flex; align-items: center; justify-content: center; min-height: 110px; margin-bottom: 5rem } .ring-selection__circle { width: 92.4085px; height: 92.4085px; border: 5px solid #011CA9; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #333; transition: .5s ease-in-out } .ring-selection__range-wrap { display: flex; align-items: center; justify-content: center } .ring-selection__range-btn { min-width: 4.3rem; max-width: 4.3rem; height: 4.3rem; border: 1px solid #333; display: flex; align-items: center; justify-content: center } .ring-selection__range-btn svg { width: 58%; height: auto } .ring-selection__range { width: 22rem; margin: 0 1.25rem } .ring-selection__range .range-slider__thumb[data-lower] { display: none !important } .ring-selection__range .range-slider__range { left: 0 !important } .ring-selection__range .range-slider__thumb[data-upper] { transform: translate(-50%, -50%) } .ring-selection__use { border: 1px solid #dcdbdb; padding: 3rem; display: flex; flex-direction: column } .ring-selection__use-title { font-family: Forum; text-transform: uppercase; color: #333; font-weight: 400; margin-bottom: 3rem; text-align: center; font-size: 2rem } .ring-selection__use-items { display: flex; flex-direction: column } .ring-selection__use-item { border-top: 1px solid #dcdbdb; display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: start; padding-top: 1.25rem } .ring-selection__use-item:not(:last-child) { margin-bottom: 1.25rem } .ring-selection__use-picture { display: flex; align-items: center; justify-content: center; padding: .5rem; min-height: 10rem; border: 1px solid #dcdbdb } .ring-selection__use-picture img { width: auto; height: auto; max-width: 100%; max-height: 100% } .ring-selection__use-content { font-size: 1.37rem; font-weight: 500; line-height: 120% } .ring-selection__others { display: grid; gap: 6rem } .ring-selection__other { display: grid; grid-template-columns: 1fr 1fr; gap: 1.88rem; align-items: start } .ring-selection__other:not(:first-child) { border-top: 1px solid #dcdbdb; padding-top: 1.5rem } .ring-selection__other-content { max-width: 39rem; display: flex; flex-direction: column; align-items: start } .ring-selection__other-content._tablet { display: none } .ring-selection__other-hidden { display: flex; flex-direction: column; align-items: start } .ring-selection__other p:last-child { margin-bottom: 0 } .ring-selection__other p a { text-decoration: underline; color: inherit !important } .ring-selection__other p a:hover { text-decoration: none } .ring-selection__other-medium { font-size: 1.37rem; font-weight: 500; margin-bottom: 2rem; line-height: 120% } .ring-selection__other-boxes { display: grid; align-items: start; gap: 1.88rem; grid-template-columns: 1fr 1fr } .ring-selection__other-box { border: 1px solid #dcdbdb; height: 24vw; padding: 2rem; font-family: Forum; text-transform: uppercase; font-size: 2rem; text-align: center; display: flex; align-items: center; justify-content: center; color: #333; line-height: 120% } .ring-selection__other-box:last-child { margin-top: 3.5rem } .ring-selection__other-title { font-family: Forum; text-transform: uppercase; color: #333; font-weight: 400; font-size: 2rem; margin-bottom: 2.5rem } .ring-selection__other-picture { border: 1px solid #dcdbdb } .ring-selection__other-picture img { width: 100%; height: auto } .ring-selection__other-btn { margin-top: 2.5rem; display: flex; justify-content: space-between; padding: 0 1.25rem; width: 100% } .ring-selection__other-table { display: grid; grid-template-columns: .4fr .6fr; gap: 1.88rem; align-items: start } .ring-selection__table-responsive { overflow-x: auto } .ring-selection__table { width: 100% } .ring-selection__table td, .ring-selection__table th { border: 1px solid #dcdbdb; text-align: center; vertical-align: middle; font-size: 1.37rem; padding: 1.25rem; color: #333; font-weight: 400; line-height: 120%; width: 20% } .ring-selection__table th { background: #f5f5f5 } .custom-made__description-subtitle { text-transform: none; max-width: 34rem } .custom-made__description-title { max-width: 75rem; margin-bottom: 1rem !important } .custom-made__description-text { margin-bottom: 0; font-size: 1.37rem; max-width: 52rem; text-align: center; line-height: 120% } .custom-made__description-subtitle, .custom-made__description-text, .custom-made__description-title { margin-left: auto; margin-right: auto } .custom-made__video { position: relative; display: flex; height: 50rem } .custom-made__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .custom-made__play { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center } .custom-made__play-icon { width: 6.25rem; height: auto; color: #fdfbfa } .custom-made__process-items { display: grid; gap: 12rem } .custom-made__process-item { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 1.88rem } .custom-made__process-picture { display: flex } .custom-made__process-picture img { width: 100%; height: auto } .custom-made__process-content-wrap { display: flex; justify-content: center } .custom-made__process-content { width: 100%; max-width: 31rem } .custom-made__process-title { color: #333; font-size: 1.37rem; font-weight: 500; margin-bottom: 1rem } .custom-made__process__text { font-size: 1.12rem } .subcategories { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 3rem; } .subcategories__col { width: 25% } .subcategories__list { flex-grow: 1; display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0; padding: 0; list-style: none } .subcategories__listitem { display: flex } .subcategories__link { text-align: center; height: 60px; padding: 8px 20px; background: #f5f5f5; color: #333 !important; text-decoration: none; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #333; position: relative; font-size: 1.12rem; width: 100% } .subcategories__link._active { border-color: #011CA9 } .subcategories__link._active::after { content: ""; width: 100%; height: 2px; background: #011CA9; bottom: 0; position: absolute } @media (min-width:768px) { div#modal-fashion { position: absolute; right: 0; } .categories__item:hover { z-index: 2 } .categories__item:hover .categories__item-picture { opacity: 1 } .categories__item:hover .categories__item-picture img { transform: rotate(8deg); opacity: 1 } .categories__item-title._opacity { opacity: .2 } .categories__item-link { display: none } .categories__item-picture { position: absolute; opacity: 0; width: 15rem; height: 15rem; z-index: -1; transition: .5s cubic-bezier(.75, -1.27, .3, 2.33) transform } .categories__item-picture img { transition: .5s ease-in-out; opacity: 0 } .home-about__content { padding-top: 6vw } .home-services__item:hover { z-index: 2 } .home-services__item:hover .home-services__item-picture { opacity: 1 } .home-services__item:hover .home-services__item-picture img { transform: rotate(8deg); opacity: 1 } .home-services__item-picture { position: absolute; opacity: 0; z-index: -1; transition: .5s cubic-bezier(.75, -1.27, .3, 2.33) transform; width: 24rem } .home-services__item-picture img { transition: .5s ease-in-out; opacity: 0 } .home-services__item-title._opacity { opacity: .2 } .home-services__item-link { display: none } .about-production__item:nth-child(2n) { grid-template-columns: .49fr .36fr } .about-production__item:nth-child(2n) .about-production__picture { grid-column: 2 } .about-production__item:nth-child(2n) .about-production__content { grid-row: 1; grid-column: 1 } .about-production__item:nth-child(2) .about-production__second-picture, .about-production__item:nth-child(2n+6) .about-production__second-picture, .about-production__item:nth-child(2n+7) .about-production__second-picture, .about-production__item:nth-child(3) .about-production__second-picture { justify-content: center } .about-production__item:nth-child(2n+8) .about-production__second-picture, .about-production__item:nth-child(4) .about-production__second-picture { justify-content: flex-start } .new-collection-products__item:nth-child(2n) .new-collection-products__content { grid-column: 1; grid-row: 1 } .new-collection-products__item:nth-child(2n) .new-collection-products__picture { grid-column: 2 } .collection-product__product:nth-child(2n) .collection-product__product-pictures { grid-column: 1; grid-row: 1 } .collection-product__product:nth-child(2n) .collection-product__product-content { grid-column: 2 } .collection-product__product:nth-child(2n) .collection-product__product-picture-small { left: unset; right: -10vw } .collection-product__product:nth-child(2n) .collection-product__product-text, .collection-product__product:nth-child(2n) .collection-product__product-title { margin-left: auto } } @media (min-width:801px) { .collection-product__intro-container { margin-top: -6vw } } @media (min-width:960px) { .new-collection__fashion:nth-child(5) { grid-column: 1; grid-row: 3 } } @media (min-width:991px) { .service__container._reverse .service__content { grid-column: 1 } .service__container._reverse .service__picture { grid-column: 2; grid-row: 1 } } @media (min-width:992px) { .animation-link:hover ._default { transform: translateY(-125%) } .animation-link:hover ._hover { transform: none } .animation-link:hover::after { transform: scaleX(0) } .nav__list-item:hover .nav__list-item-arrow-icon { transform: rotate(180deg); transition: .3s rotate; } .nav__list-link:hover { color: #adadad } .nav__list-link:hover::after { transform: scaleX(100%) } .intro__breadcrumbs { color: #fdfbfa; position: absolute; top: 1rem; left: 0; width: 100% } .intro__breadcrumbs .breadcrumbs__list-link { color: rgba(253, 251, 250, .7) } .filter__item:not(._show) .filter__cut:nth-child(n+13) { display: none } .filter__item:not(._show) .filter__content._color .filter__checkbox:nth-child(n+11) { display: none } .filter__item:not(._show) .filter__custom-colors:not(._single) { display: none } .filter__item:not(._show) .filter__custom-colors:is(._single) .form__checkbox:nth-child(n+5) { display: none } .filter__range-init { max-width: 367px } .product-page__gallery .swiper-wrapper { /* display: flex; */ /* gap: .6rem; */ /* justify-content: space-around; */ } .product-page__gallery .swiper-wrapper { justify-content: space-around; } .product-page__content-wrap { margin: 0 1.25rem; width: unset !important; padding: 0 !important } .sale-diamonds__pluses-items { padding-bottom: 5rem } .sale-diamonds__pluses-item._earrings .sale-diamonds__pluses-content { width: 60%; left: 40% } .sale-diamonds__pluses-name::before { content: ""; margin-right: .6rem; width: 1.25rem; height: 1px; background: #333; margin-left: -1.85rem; transition: .5s ease } .sale-diamonds__pluses-name._active { color: #333 } .sale-diamonds__pluses-name._active::before { margin-left: 0 } .sale-diamonds__pluses-name._active+.sale-diamonds__pluses-content { top: 0 } .sale-diamonds__pluses-name._active+.sale-diamonds__pluses-content .sale-diamonds__pluses-picture, .sale-diamonds__pluses-name._active+.sale-diamonds__pluses-content .sale-diamonds__pluses-picture-product { transform: translateY(0) } .sale-diamonds__pluses-content { position: absolute; width: 50%; left: 50%; top: -100vh; gap: 1.88rem } .sale-diamonds__pluses-picture { transform: translateY(-100%) } .sale-diamonds__pluses-picture-product { transform: translateY(-100%) } .team__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.88rem; width: 100% } .team__item-wrap { display: grid; gap: 1.88rem; width: unset !important } .team__item-wrap:nth-child(1), .team__item-wrap:nth-child(6n), .team__item-wrap:nth-child(7n) { grid-column: span 2; grid-template-columns: repeat(2, 1fr) } .team__item-wrap:nth-child(1) .team__item, .team__item-wrap:nth-child(6n) .team__item, .team__item-wrap:nth-child(7n) .team__item { grid-column: 2 } .blog__items { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -.94rem; height: unset; width: unset } .blog__items._reverse .blog__slide:nth-child(1), .blog__items._reverse .blog__slide:nth-child(2n+12), .blog__items._reverse .blog__slide:nth-child(2n+7), .blog__items._reverse .blog__slide:nth-child(6) { width: 37% !important } .blog__items._reverse .blog__slide:nth-child(2n+10), .blog__items._reverse .blog__slide:nth-child(2n+9), .blog__items._reverse .blog__slide:nth-child(3), .blog__items._reverse .blog__slide:nth-child(4) { width: 43% !important } .blog__slide { padding: .94rem } .blog__slide:nth-child(1), .blog__slide:nth-child(2n+12), .blog__slide:nth-child(2n+7), .blog__slide:nth-child(6) { width: 43% !important } .blog__slide:nth-child(2n+10), .blog__slide:nth-child(2n+9), .blog__slide:nth-child(3), .blog__slide:nth-child(4) { width: 37% !important } .blog__slide:nth-child(2), .blog__slide:nth-child(2n+11), .blog__slide:nth-child(2n+8), .blog__slide:nth-child(5) { width: 20% !important } .catalog-filter__content { flex-direction: row; justify-content: space-between; align-items: center } .catalog-filter._light {} .catalog-filter._light .catalog-filter__header-sorting-wrap { margin: -.8rem 0 } .catalog-filter._light .catalog-filter__content { margin-top: 1.4rem; padding-top: 1.6rem } .catalog-filter._light .catalog-filter__colors { margin-bottom: -1.1rem } .catalog-filter._light .catalog-filter__color { margin-bottom: 1.1rem } .article__aside { position: sticky; top: 8rem } .custom-made__process-item:nth-child(2n) .custom-made__process-picture { grid-column: 1; grid-row: 1 } .custom-made__process-item:nth-child(2n) .custom-made__process-content-wrap { grid-column: 2 } } @media (min-width:1024px) { .product-page__content-wrap { margin: 0 1.87rem } } @media (min-width:1200px) { h1 { font-size: 35px; } h2 { font-size: 25px; } h3 { font-size: 20px; } h4 { font-size: 19px; } legend { font-size: 1.5rem } .order__itogo { position: sticky; top: 7rem } .order-new .order__itogo { position: unset; } } @media (min-width:1280px) { .product-page__content-wrap { margin: 0 3rem } } @media (min-width:1281px) { .about-pluses__text { max-width: 22rem } } @media (min-width:1366px) { .filter__item:not(._show) .filter__stone:nth-child(n+6) { display: none } } @media (min-width:1441px) { .product__picture { grid-column: span 2 } .catalog-filter._light .catalog-filter__box { padding-top: 1.7rem; padding-bottom: 1.7rem } } @media (max-width:1680px) { .container { padding: 0 4.68rem } .home-about__right-pictures { margin-right: -4.68rem } .collection-product__intro-title { font-size: 3rem } .collection-diamonds__content { width: 70% } .catalog-filter__collections, .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { grid-template-columns: repeat(4, 1fr) } .article__swiper { width: calc(100% + 4.68rem); margin-right: -4.68rem } } @media (max-width:1600px) { .custom-made__video { height: 45rem } } @media (max-width:1440px) { .product { gap: 1rem } .modal { width: calc(100% - 12rem) } .modal__rectangle { width: 20% } .container { padding: 0 3.75rem } .footer { padding: 4rem 0 2.5rem } .footer__content { grid-template-columns: repeat(4, auto) } .footer__first { gap: 4rem; max-width: 18rem } .footer__first-title { font-size: 15px; } .footer__title { font-size: 14px; } .footer__list { max-width: 18rem } .footer__list li { font-size: 15px; } .footer__socials { display: none; margin-top: 3.5rem } .footer__socials._contacts { display: flex } .footer__copyright { padding-top: 3rem } .products { gap: 2rem 1.88rem } .home-about__container { grid-template-columns: 1fr 30rem 1fr } .home-about__section-title { font-size: 2.5rem } .home-about__right-pictures { margin-right: -3.75rem } .home-services__section-subtitle { margin-bottom: 1.88rem } .home-services__item { margin-bottom: 4rem } .home-services__item-title { font-size: 2.0rem } .home-services__item-star { bottom: -2.7rem } .service { padding: 3.75rem 0 } .contacts__box { width: 50% } .fashion-modal__content { padding: 1.87rem } .about-new-collection__grid { gap: 1.87rem } .about-new-collection__small-picture-right { margin-left: -5rem } .about-new-collection__small-picture-right img { width: calc(100% - 5rem) } .pluses__item { grid-template-columns: .6fr 1fr } .collection-diamonds__content { width: 80% } .collection-diamonds__title-carousel { font-size: 2rem !important } .order__table-header { font-size: .87rem } .catalog-filter__header-params { padding-right: 3% } .catalog-filter__header-sorting-wrap { padding-left: 3% } .catalog-filter__header-title { font-size: 1rem } .catalog-filter__header-param { font-size: 1rem } .article__swiper { width: calc(100% + 3.75rem); margin-right: -3.75rem } .page-404__h1 { font-size: 28rem } .page-404__picture { width: 15rem } .ring-selection__other-table { grid-template-columns: 1fr } .custom-made__video { height: 40rem } } @media (max-width:1366px) { .nav__list { justify-content: space-between; width: 100%; height: unset } .nav__list-item:not(:last-child) { margin-right: 1rem } .filter__custom-colors { grid-template-columns: 1fr } .filter__stones { grid-template-columns: repeat(4, 1fr) } .diamonds { font-size: 1.12rem } .diamonds__col { padding: 1rem 1.88rem } .catalog-filter__collections, .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { grid-template-columns: repeat(3, 1fr) } .subcategories__col:first-child { display: none } .subcategories__list { justify-content: flex-start } } @media (max-width:1280px) { .modal { width: calc(100% - 7.5rem) } .container { padding: 0 1.87rem } .home-about__right-pictures { margin-right: -1.87rem } .fashion-modal { width: 70% } .filter__cuts { grid-template-columns: repeat(4, 1fr); max-width: 100% } .filter__range { font-size: 1rem } .blog__title { font-size: 1.12rem } .cart__header { font-size: 1.12rem } .order__table-header { font-size: .6rem; padding-bottom: .5rem } .article__swiper { width: calc(100% + 1.87rem); margin-right: -1.87rem } } @media (max-width:1200px) { .categories__list { max-width: 45rem } .categories__item-title { font-size: 2.5rem } } @media (max-width:1199px) { .contacts__box { width: 65% } .nav__list-item { font-size: 1rem } .home-about__container { grid-template-columns: 1fr 24rem 1fr } .home-about__section-title { font-size: 2rem } .home-about__left-picture-big { width: 30vw } .service__section-title { font-size: 2.5rem; max-width: 100% } .service__text { max-width: 100% } .filter__range { font-size: .8rem } .collection-diamonds__content { width: 100% } .order__grid { grid-template-columns: 1fr; gap: 2.5rem } .order-new .order__grid { grid-template-columns: 1fr; grid-template-rows: auto; } .order__form { max-width: 100%; } .order-new .order__form { grid-row: 2 / 3; } .order__table-header { font-size: 1rem } .catalog-filter__header-title { gap: .5rem } .catalog-filter__header-title svg { width: 2rem } .catalog-filter__header-param { font-size: .87rem } .catalog-filter__categories { padding: 0 1.25rem 2px; margin-left: -1.25rem; margin-right: -1.25rem; margin-bottom: 2.4rem; overflow-x: auto; justify-content: start; flex-wrap: nowrap; gap: 1rem } .uniq__picture img { width: 85% } } @media (max-width:1024px) { .container { padding: 0 1.25rem } .home-about__right-pictures { margin-right: -1.25rem } .diamonds { margin: 0 -1.25rem; padding: 0 1.25rem } .new-collection-products__item:nth-child(2n) .new-collection-products__grid { grid-template-columns: .4fr .6fr } .new-collection-products__grid { grid-template-columns: .6fr .4fr } .catalog-filter__collections, .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { grid-template-columns: repeat(2, 1fr); align-items: stretch } .article__swiper { width: calc(100% + 1.25rem); margin-right: -1.25rem } } @media (max-width:991px) { .contacts__row__socials .btn span { display: none; } .contacts__row__socials .btn svg { margin-right: 0; } .modal__title { font-size: 2.5rem } .modal__rectangle { display: none } .swiper__navigation { top: calc(50% - 1.56rem) } .swiper__navigation svg { width: 3.12rem } .swiper__navigation._prev { left: 1.25rem } .swiper__navigation._next { right: 1.25rem } .swiper__navigation._small { display: none } .breadcrumbs { padding: .5rem 0 2.5rem } .breadcrumbs._intro { padding-top: 2.5rem } .text ._chapter { margin-top: 4rem } .nav { display: none; border-top: 0; width: 100%; min-height: 100%; background: 0 0; padding: 0 } .nav__container { flex-direction: column; justify-content: flex-start; min-height: 100%; height: unset; background: #fdfbfa; padding-top: 2rem !important; padding-bottom: 2rem !important; } .nav__list { flex-direction: column; } .nav__list-item { font-size: 1.12rem; padding: 0rem 0; justify-content: space-between; } .nav__list-item:not(:last-child) { margin-right: 0; } .nav__list-item-arrow-icon { transform: rotate(-90deg); transition: .3s rotate; } .nav__list-item._active .nav__list-item-arrow-icon { transform: rotate(0); } .nav__list-link { padding: 1rem 0rem; color: #333 !important; } .nav__megamenu { position: relative; top: unset; border-left: 0; border-right: 0; padding: 1.8rem 1.25rem 1rem; grid-template-columns: 1fr; gap: 0; max-height: unset; overflow-y: visible; background: #f5f5f5; margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 2.5rem); margin-top: 1rem } .nav__megamenu-col { padding: 0 } .nav__megamenu-item { padding-left: 1rem } .nav__megamenu-item:not(:last-child) { margin-bottom: 1.8rem } .nav__megamenu-title { margin-bottom: 1.8rem } .nav__megamenu-list._popup { top: 0; position: relative; margin: 1.5rem -1.25rem 0; padding: 1.8rem 2rem; width: calc(100% + 2.5rem); background: #f5f5f5; border-top: 1px solid #dcdbdb; border-bottom: 1px solid #dcdbdb; border-left: 0; border-right: 0 } .nav__megamenu-list li { border-bottom: 0; display: flex; } .nav__megamenu-list li a { flex-grow: 1; flex-basis: 0; } .nav__megamenu-banner { display: none } .nav__header { display: flex } .nav__search { display: flex } .nav__bottom { display: flex } .main { padding-top: 7.81rem } .footer__copyright { padding-top: 2rem; border-top: 1px solid #dcdbdb; margin-top: 2rem; flex-direction: column } .footer__copyright-item:not(:last-child) { margin-right: 0; margin-bottom: 1rem } .intro__text { padding-bottom: 1.25rem; margin-bottom: .5rem } .intro__logo { width: 20rem } .intro__title { font-size: 2.5rem; margin-bottom: 1.5rem } .products._col4 { grid-template-columns: repeat(3, 1fr) } .products._col4-line { grid-template-columns: repeat(2, 1fr) } .products__more { margin-top: 2.5rem } .categories__item-title { font-size: 2.5rem } .home-about__text { max-width: 15rem } .home-services__items { max-width: 100% } .home-services__item-title { font-size: 2.0rem } .contacts__box { width: 65% } .fitting__title { font-size: 2rem } .fashion-modal { width: 90% } .filter__form-wrap { display: none; min-height: 100%; width: 100%; padding: 0; background: #fdfbfa } .filter__form { border: 0; flex-direction: column; min-height: 100%; background: #fdfbfa; flex-wrap: nowrap; padding: 0 1.25rem 2.75rem } .filter__item { width: 100% !important; border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; padding: 1.2rem 0 !important; align-items: flex-start } .filter__title { font-family: Montserrat; font-weight: 500; text-transform: none; width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0 } .filter__title-icon { display: flex } .filter__cut-label { width: 100%; height: 4.7rem; border: 1px solid #dcdbdb } .filter__checkboxes { max-width: 100% !important; gap: 1.25rem } .filter__custom-colors { margin-top: 0; grid-template-columns: 1fr 1fr 1fr } .filter__checkbox._hidden { display: grid; opacity: 1 } .filter__checkbox-label { padding: 1.25rem 10px } .filter__more { display: none } .filter__btns { display: grid; justify-content: stretch; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-top: 2rem } .filter__btns button { padding: 0 10px !important } .filter__submit { margin-right: 0 } .filter__range { width: 100%; padding-bottom: 1.8rem; font-size: 1.12rem } .filter__mobile-btn { display: flex } .filter__selected-list { display: flex } .filter__selected { display: flex } .filter__content { display: none; opacity: 0; margin-top: 1.87rem } .filter__form-bottom { flex-grow: 1; align-items: stretch; padding: 0 } .filter__header { display: flex } .filter__stones { gap: 2rem } .diamonds-info__container { padding-top: 1.87rem; grid-template-columns: 1fr; gap: 1.43rem } .diamonds-info__item { padding: 1.25rem; flex-direction: row; align-items: stretch; text-align: left; flex-wrap: wrap } .diamonds-info__icon { min-width: 6.75rem; max-width: 6.75rem; margin-bottom: 0; margin-left: 2rem; margin-right: 2rem } .diamonds-info__content { width: calc(100% - 6.75rem - 4rem); align-items: flex-start; justify-content: center; padding-left: 1.25rem; border-left: 1px solid #dcdbdb } .diamonds-info__title { display: none; width: 100%; text-align: center; padding-bottom: 1.25rem; margin-bottom: 1.25rem } .diamonds-info__title._mobile { display: block } .diamonds-info__text { margin-bottom: 1.8rem } .about-new-collection__small-picture-right { margin-left: 0 } .about-new-collection__small-picture-right img { width: 100% } .new-collection-products__item .section__title { margin-bottom: 2.0rem } .collection-product__intro { grid-template-columns: 1fr; gap: 1.25rem } .collection-product__intro .intro__breadcrumbs { width: 100%; margin-bottom: -1.25rem } .collection-product__product-text, .collection-product__product-title { width: 75% } .collection-product__banner-picture img { height: 40rem; -o-object-fit: cover; object-fit: cover } .collection-product__banner-overlay { max-width: 100% } .collection-product__banner-text { font-size: 1.6rem; margin-bottom: 3rem } .product-page { grid-template-columns: 100%; gap: 3rem } .product-page.product-page-test { grid-template-columns: 100%; gap: 3rem } /* .product-page__gallery-controls { display: grid } */ /* .product-page-test .product-page__gallery-controls { left: 0; } */ .product-page__content { max-width: 100% } .product-page__controls { padding-bottom: 0 } html._product-page .breadcrumbs::before { width: 100% } html._product-page .main::before { width: 100% } .pluses__container { grid-template-columns: 1fr; gap: 1.25rem } .pluses__item { grid-template-columns: .4fr 1fr; padding: 1.25rem } .pluses__title { padding-bottom: 1.25rem; margin-bottom: 1.25rem; font-size: 25px; } .pluses__content { padding-left: 1.25rem } .sale-diamonds__h1 { font-size: 2.0rem; margin-bottom: 1.2rem } .sale-diamonds__introtext { width: 100%; margin-left: 0; text-align: center; margin-bottom: 3rem } .sale-diamonds__introtext p { max-width: 100% } .sale-diamonds__pluses-item { border-bottom: 1px solid #adadad } .sale-diamonds__pluses-item._earrings .sale-diamonds__pluses-content { grid-template-columns: 1fr 1fr } .sale-diamonds__pluses-name { width: 100%; color: #333; justify-content: space-between; border-bottom: 0 } .sale-diamonds__pluses-name span { display: flex } .sale-diamonds__pluses-name._active+.sale-diamonds__pluses-content { display: grid } .sale-diamonds__pluses-content { display: none; gap: 1.25rem; padding-bottom: 3rem } .sale-diamonds__pluses-btn { position: relative; width: 100%; margin-top: 2.5rem } .collection-diamonds__container { grid-template-columns: 100%; gap: 3rem } .collection-diamonds__content { grid-row: 1; align-items: center; text-align: center; width: 100% } .collection-diamonds__title { text-align: center; margin-bottom: 1.4rem !important } .collection-diamonds__text { margin-bottom: 0 } .collection-diamonds__link { display: none } .collection-diamonds__link._mobile { display: flex } .collection-diamonds__carousel { grid-row: 2 } .collection-diamonds__navigation { margin-top: 1.8rem } .about-intro__logo { width: 67% } .about-intro__grid { grid-template-columns: 1fr; justify-items: center; gap: 1.88rem } .about-intro__text { grid-row: 2; text-align: center; width: 45% } .about-intro__pictures { width: 70% } .about-intro__picture-center img { height: 30rem; -o-object-fit: cover; object-fit: cover } .about-intro__picture-left { top: 50% } .about-intro__wrap-btn { display: none } .team__swiper { margin: 0 -1.25rem; padding: 0 1.25rem } .blog__swiper { margin: 0 -1.25rem; padding: 0 1.25rem; width: calc(100% + 2.5rem) } .blog__picture img { height: 21rem; -o-object-fit: cover; object-fit: cover } .cart__h1 { margin-bottom: 2.5rem } .cart__cols { grid-template-columns: 55% 45%; /*grid-template-columns: 55% 20% 25%;*/ } .cart__col._model, .cart__col._price { display: none } .cart__header { padding-bottom: .8rem } .cart__item { padding: .9rem 0 } .cart__title { display: grid; gap: .5rem; justify-content: start } .cart__title span { display: block } .cart__footer { margin-top: 3rem; grid-template-columns: 1fr; align-items: stretch; gap: 2.5rem } .cart__result-box { padding: 3rem 2rem } .cart__submit-wrap { justify-content: stretch } .cart__submit { width: 100% } .order__subtitle { margin-bottom: 3rem } .order__section { margin-bottom: 2.5rem } .catalog-filter__box { padding: 1.25rem; border: 0; background: #fdfbfa; padding-bottom: 2.75rem } .catalog-filter__box .filter__form-bottom { display: flex } .catalog-filter__modal { display: none; min-height: 100%; height: unset; width: 100%; padding: 0; background: #fdfbfa } .catalog-filter__header-params { display: none } .catalog-filter__header-sorting-wrap { padding-left: 0; margin: 0; border-left: 0; width: 100% } .catalog-filter__header-sorting-wrap .choices { width: 100% } .catalog-filter__reset { display: none !important } .catalog-filter__content { display: flex !important; padding: 1rem 0; margin-top: 0; border-top: 0; border-bottom: 1px solid #dcdbdb } .catalog-filter__content .filter__title { display: flex } .catalog-filter__submit { display: none } .catalog-filter__colors .form__checkbox .form__checkbox-title svg { display: none } .catalog-filter__collections, .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { display: none; opacity: 0; margin-top: 1.5rem; max-width: 100%; width: 100%; margin-bottom: 1rem; margin-left: 0; margin-right: 0 } .catalog-filter__collections .form__checkbox, .catalog-filter__colors .form__checkbox, .catalog-filter__cuts .form__checkbox, .catalog-filter__diamonds .form__checkbox { margin: 0 } .catalog-filter__collections .form__checkbox input:checked+.form__checkbox-label, .catalog-filter__colors .form__checkbox input:checked+.form__checkbox-label, .catalog-filter__cuts .form__checkbox input:checked+.form__checkbox-label, .catalog-filter__diamonds .form__checkbox input:checked+.form__checkbox-label { background: #011CA9; color: #fdfbfa } .catalog-filter__collections .form__checkbox .form__checkbox-label, .catalog-filter__colors .form__checkbox .form__checkbox-label, .catalog-filter__cuts .form__checkbox .form__checkbox-label, .catalog-filter__diamonds .form__checkbox .form__checkbox-label { min-height: 4.7rem; padding: .8rem; border: 1px solid #011CA9; font-size: 15px; color: #011CA9; transition: .5s ease-in-out; height: 100% } .catalog-filter__collections .form__checkbox .form__checkbox-title, .catalog-filter__colors .form__checkbox .form__checkbox-title, .catalog-filter__cuts .form__checkbox .form__checkbox-title, .catalog-filter__diamonds .form__checkbox .form__checkbox-title { width: 100%; text-align: center; justify-content: center } .catalog-filter__collections .form__checkbox .form__checkbox-check, .catalog-filter__colors .form__checkbox .form__checkbox-check, .catalog-filter__cuts .form__checkbox .form__checkbox-check, .catalog-filter__diamonds .form__checkbox .form__checkbox-check { display: none } .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { grid-template-columns: repeat(4, 1fr); gap: 1.25rem } .catalog-filter__collections { grid-template-columns: repeat(3, 1fr); gap: 1.25rem } .uniq__grid { grid-template-columns: 1fr; gap: 1.25rem } .uniq__products { grid-template-columns: 1fr; gap: 2rem } .uniq__product { text-align: center; align-items: center } .uniq__product:not(:last-child) { padding-bottom: 2rem; border-bottom: 1px solid #dcdbdb } .uniq__product-picture { margin-bottom: 1rem; display: flex; justify-content: center; width: 100% } .uniq__product-picture img { width: unset; max-width: 100% } .uniq__product-title { margin-bottom: .7rem } .uniq__picture { grid-row: -1 } .uniq__picture img { width: 100%; height: 34rem; -o-object-fit: cover; object-fit: cover } .article__picture { margin-bottom: 2rem } .article__picture img { height: 35rem; -o-object-fit: cover; object-fit: cover } .article__title { font-size: 3.4rem; margin-bottom: 2rem } .article__grid { grid-template-columns: 1fr; padding-top: 1.5rem; gap: 1.5rem } .article__aside { border-bottom: 1px solid #dcdbdb; padding-bottom: 1.5rem; grid-template-columns: auto auto; justify-content: space-between; align-items: center } .article__aside-header { grid-template-columns: 1fr } .article__share { justify-items: end } .article__content { gap: 2rem } .article__medium { font-size: 1.12rem } .article__figures { gap: 1.25rem } .article__swiper { margin-top: 2rem; margin-bottom: 2rem } .page-404__h1 { font-size: 21rem; margin-bottom: 3rem } .page-404__picture { width: 10rem } .ring-selection__title._other { margin-bottom: 2rem } .ring-selection__use { padding: 2.5rem 1.25rem 1.25rem } .ring-selection__use-title { margin-bottom: 2.5rem } .ring-selection__use-item { display: flex; flex-direction: column; align-items: stretch; gap: 1.5rem } .ring-selection__use-picture { min-height: 9rem } .ring-selection__others { gap: 5rem } .ring-selection__other { grid-template-columns: 1fr; gap: 2.5rem } .ring-selection__other-content { text-align: center; margin: 0 auto; align-items: stretch } .ring-selection__other-content._tablet { display: flex } .ring-selection__other-hidden { display: none } .ring-selection__other-medium._mb { margin-bottom: 0 } .ring-selection__other-boxes { gap: 1.2rem } .ring-selection__other-box { font-size: 1.6rem; height: 40vw } .ring-selection__other-btn { margin-top: 0 } .ring-selection__table td, .ring-selection__table th { font-size: 1rem } .custom-made__video { height: 28rem } .custom-made__process-items { gap: 8rem } .custom-made__process-item { grid-template-columns: 1fr; gap: 1.25rem } .custom-made__process-item .custom-made__process-picture { grid-row: 1 } .custom-made__process-item .custom-made__process-content-wrap { grid-row: 2 } .custom-made__process-picture img { height: 25rem; -o-object-fit: cover; object-fit: cover } .custom-made__process-content { max-width: 100%; text-align: center } .subcategories { flex-direction: column; align-items: stretch; gap: 30px } .subcategories__col { width: 100% } .subcategories__col:last-child { order: -1 } .subcategories__list { display: grid; grid-template-columns: 1fr 1fr } .order-new .form__cols._col3.request-please { grid-template-columns: auto; } } @media (max-width:991px) and (max-width:575px) { .catalog-filter__collections .form__checkbox .form__checkbox-label, .catalog-filter__colors .form__checkbox .form__checkbox-label, .catalog-filter__cuts .form__checkbox .form__checkbox-label, .catalog-filter__diamonds .form__checkbox .form__checkbox-label { min-height: 2.5rem; padding: .5rem } .catalog-filter__collections .form__checkbox .form__checkbox-title, .catalog-filter__colors .form__checkbox .form__checkbox-title, .catalog-filter__cuts .form__checkbox .form__checkbox-title, .catalog-filter__diamonds .form__checkbox .form__checkbox-title { font-size: 13px; } } @media (max-width:960px) { .fashion__picture img, .fashion__video img { height: 58rem } .fashion__video { height: 58rem } .new-collection { grid-template-columns: 100%; gap: 2.5rem } .new-collection__swiper { margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 2.5rem) } } @media (max-width:800px) { .collection-product__intro-picture img { height: 21rem } .collection-product__intro-product { width: 11rem } .collection-product__intro-title { order: -1; font-size: 2.5rem; margin: 0 } .collection-product__intro-text { font-size: 1rem; margin-bottom: 3rem } .collection-product__intro-btn { min-width: unset; width: 100% } } .catalog-products .image-column { display: flex; justify-content: center; } .catalog-products .image-column img { max-width: 140px; width: 100%; } @media (max-width:767px) { .order-new .order-fieldset__group { flex-wrap: wrap; } .order-new .order__form .order__section { gap: 20px; } .order-new .order__form .form__fieldset { margin-bottom: 0; } .catalog-products .article-column, .catalog-products .color-column, .catalog-products .purity-column, .catalog-products .size-column, .catalog-products .image-column { display: none; } .link._italic._button-mobile { font-family: Montserrat; border: 1px solid #adadad; height: 4.12rem; display: flex; width: 100%; font-style: normal; padding: 0 1.5rem; align-items: center; justify-content: center; color: #333 } .link._italic._button-mobile::after { display: none } .product__favourites { top: 1.3rem; left: 1.3rem } .product__favourites svg { width: 1.5rem; height: 1.5rem } .product__label { font-size: 1.1rem; right: 1.3rem; top: 1.2rem } .modal { padding: 3rem .75rem } .modal__close { right: -2.5rem; top: -2.5rem } .modal__close svg { width: 2.1rem } .modal__title { margin-bottom: 1.7rem } .modal__btn { width: 100% } .form__submit { margin-top: 2.5rem } .pagination__more { margin-bottom: 0 } .main { padding-bottom: 4.35rem } .footer { padding: 2rem 0 2rem } .footer__content { grid-template-columns: auto auto; gap: 3rem 1.5rem } .footer__first { grid-column: span 2; max-width: 100% } .footer__list { max-width: 100% } .footer__contacts { grid-column: span 2 } .footer__socials { margin-top: 2rem } .section { padding: 2.17rem 0 } .section__subtitle { margin-bottom: 1.1rem } .section__title { font-size: 1.8rem; margin-bottom: 2.7rem } .intro__picture img { height: 43rem; /*-o-object-position: -500px; object-position: -500px*/ } .intro__content { padding: 3rem 1.25rem } .intro__subtitle { font-size: 1.12rem } .intro__link { width: 100% } .intro__link._long { min-width: unset } .intro__video { height: 43rem } .home-logo__logo { max-width: 24rem } .products { gap: 2.5rem 1.25rem } .products._col4 { grid-template-columns: repeat(2, 1fr) } .categories__container { gap: 1.7rem } .categories__list { max-width: 100%; margin-bottom: 0; justify-content: stretch } .categories__item { margin-left: 0; margin-right: 0; align-items: stretch; justify-content: space-between; width: 100%; padding-bottom: 1.25rem; border-bottom: 1px solid #dcdbdb } .categories__item:not(:last-child) { margin-bottom: 2.5rem } .categories__item-content { display: flex; flex-direction: column; justify-content: space-between; align-items: start } .categories__item-title { margin-bottom: 1rem } .categories__item-picture { min-width: 10rem; max-width: 10rem; height: 8rem; margin-left: 2rem; left: 0 !important } .categories__item-star { display: none } .home-about__container { grid-template-columns: 1fr; gap: 5rem } .home-about__section-title { font-size: 2.5rem } .home-about__text { max-width: 80% } .home-about__left-pictures { padding-top: 0; grid-row: 3; margin-left: -1.25rem; display: flex } .home-about__left-picture-big { width: 70%; position: relative } .home-about__left-picture-small { bottom: 0; left: 60vw; width: 25vw } .home-about__right-pictures { grid-row: -1; margin-left: -1.25rem; display: flex; justify-content: flex-end } .home-about__right-picture-big { width: 70%; position: relative } .home-about__right-picture-small { right: 65vw; width: 20vw; padding-top: 5vw } .new-products__container { gap: 1.7rem } .home-services__item { flex-direction: column; padding-bottom: 1.5rem; border-bottom: 1px solid #adadad } .home-services__item { margin-bottom: 2.5rem } .home-services__item-picture { left: 0 !important; display: flex; width: 100%; margin-bottom: 1rem } .home-services__item-title { margin-bottom: 1.5rem } .home-services__item-link { border-bottom: 1px solid currentColor } .home-services__item-star { display: none } .service { padding-top: 0 } .service__container { grid-template-columns: 1fr; gap: 2.5rem } .service__picture { margin-left: -1.25rem; margin-right: -1.25rem } /* .service__video { margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 2.5rem) } */ .service__link { width: 100% } .community__container { grid-template-columns: 1fr; gap: 0; background-color: #f5f5f5; padding-top: 1.25rem; padding-bottom: 1.25rem } .community__content { border: 1px solid #dcdbdb; padding: 2.5rem 1.8rem } .community__pictures { display: none } .community__link { width: 100% } .contacts { padding: 0; flex-direction: column } .contacts__map { position: relative; height: 23rem } .contacts__container { order: -1 } .contacts__box { width: unset; margin-left: -1.25rem; margin-right: -1.25rem } .contacts__rows { gap: 1.9rem } .fitting { grid-template-columns: 100%; gap: 3rem } .fitting__content { align-items: center; text-align: center } .fitting__subtitle, .fitting__title { max-width: 100% } .fitting__title { font-size: 2.5rem } .fitting__btn-wrap { max-width: 100% } .fitting__right { margin: 0 -.75rem -3rem } .fitting__form { max-width: 100% } .fitting__form .modal__subtitle { max-width: 100%; margin-bottom: 2rem } .fitting__f { max-width: 100% } .fashion-modal { width: 100% } .fashion-modal__content { padding: 1.5rem 1.25rem } .about-production__item { grid-template-columns: 1fr; gap: 2.5rem } .about-production__item:nth-child(2n) .about-production__second-picture { justify-content: flex-start !important } .about-production__picture { margin: 0 -1.25rem; width: unset } .about-production__picture img { height: 25rem; -o-object-fit: cover; object-fit: cover } .about-production__title { padding-top: 0; border-top: 0 } .about-production__text { margin-bottom: 2rem } .about-production__second-picture { transform: none !important } .about-new-collection__header { margin-bottom: 2.5rem } .about-new-collection__grid { grid-template-columns: 1fr; gap: 1.25rem } .about-new-collection__text { margin: 0 auto; text-align: center; width: 100%; max-width: 24rem } .about-new-collection__picture { margin: 0 -1.25rem; grid-row: -1 } .about-new-collection__picture img { height: 33rem; -o-object-fit: cover; object-fit: cover } .about-new-collection__small-picture-left { display: none } .about-new-collection__small-picture-right { display: none } .new-collection-products__item:nth-child(2n) .new-collection-products__grid { grid-template-columns: 1fr } .new-collection-products__grid { grid-template-columns: 1fr } .new-collection-products__picture { margin: 0 -1.25rem } .new-collection-products__picture img { height: 30rem } .new-collection-products__product { width: 50%; margin: 0 auto } .new-collection-products__text { font-size: 1rem; text-align: center } .collection-product__product-container { grid-template-columns: 1fr } .collection-product__product-text, .collection-product__product-title { width: 100%; text-align: center } .collection-product__product-pictures { grid-row: -1 } .collection-product__product-picture-big img { height: 25rem; -o-object-fit: cover; object-fit: cover } .collection-product__product-picture-small { display: none } .collection-product__product-picture-small._mobile { display: flex; position: relative; width: 50%; left: unset; margin: 1.88rem auto 0 } .collection-product__banner-btn { min-width: 100% } .sale-diamonds__btn { min-width: unset; width: 100% } .about-pluses__btn { grid-template-columns: 1fr 2.5rem } .about-pluses__btn-i { display: none } .about-pluses__btn-arrow { width: 2.5rem; height: 2.5rem } .about-pluses__content { grid-template-columns: 1fr 1fr; padding-bottom: 1.8rem } .cart__col._all { text-align: right } .cart__header { font-size: 1rem } .cart__product { grid-template-columns: 1fr } .cart__picture { display: none } .cart__title { gap: .5rem } .cart__count-input { width: 2rem; height: 1.8rem } .cart__count-btn svg { width: 1rem } .cart__itogo { grid-template-columns: 1fr; justify-items: end } .cart__remove { grid-row: -1; width: 1.8rem; height: 1.8rem } .order__submit { width: 100% } .order__table-header { font-size: .7rem } .catalog-filter__colors, .catalog-filter__cuts, .catalog-filter__diamonds { grid-template-columns: repeat(3, 1fr) } .catalog-filter__collections { grid-template-columns: repeat(2, 1fr) } } @media (max-width:576px) { .cart__h1 { font-size: 2.2rem } } @media (max-width:575px) { h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 19px; } h4 { font-size: 18px; } h5 { font-size: 15px; } h6 { font-size: 14px; } html { font-size: 14px } .btn { height: 3.57rem; font-size: 13px; padding: 0 2.5rem } .btn-circle { height: 3.5rem; padding: 0 2.3rem; border-radius: 7.14rem; font-size: 13px; } .btn-circle svg { width: 1.7rem; height: 1.7rem; margin-right: 2.14rem } .link._italic._button-mobile { height: 3.57rem; font-size: 1.28rem } .product { font-size: 1rem } .product__favourites { top: 1rem; left: 1rem } .product__favourites svg { width: 1.29rem; height: 1.29rem } .product__label { right: 1rem } .fashion__picture img, .fashion__video img { height: 45rem } .fashion__video { height: 45rem } .modal { width: calc(100% - 5.5rem); margin-top: 3rem } .modal__title { font-size: 2.2rem; line-height: 120% } .breadcrumbs { padding: .8rem 0 2.8rem } .text ._chapter { margin-top: 3rem } .text h2 { font-size: 1.85rem } .container { padding: 0 .71rem } .nav__megamenu { margin-left: -.71rem; margin-right: -.71rem; padding-left: .71rem; padding-right: .71rem; width: calc(100% + 1.42rem) } .nav__megamenu-list._popup { margin-left: -.71rem; margin-right: -.71rem; padding: 1.8rem 1.8rem } .nav__bottom { margin: 2rem -.71rem 0; padding: 2.5rem .71rem } .main { padding-bottom: 3.5rem } .section { padding: 1.75rem 0 } .section__subtitle { font-size: .85rem } .section__title { font-size: 1.8rem } .intro__picture img { height: 35rem; /*-o-object-position: -350px; object-position: -350px*/ } .intro__content { padding: 2.86rem .71rem; gap: 1.07rem } .intro__content._about-production { padding-bottom: 1.5rem } .intro__subtitle { font-size: 1.28rem } .intro__star { height: 1.42rem } .intro__logo { width: 12rem } .intro__video { height: 35rem } .home-logo { gap: 2.19rem } .home-logo__logo { max-width: 19rem } .home-logo__subtitle { font-size: 14px; } .new-collection__swiper { margin-left: -.71rem; margin-right: -.71rem; width: calc(100% + 1.42rem) } .products { gap: 2.14rem 1.4rem } .categories__item-title { font-size: 1.5rem } .categories__item-link { font-size: 1.28rem } .categories__item-picture { max-width: 8rem; min-width: 8rem; height: 6rem; margin-left: 1rem } .home-about__section-title { font-size: 2.2rem } .home-about__left-pictures { margin-left: -.71rem; margin-right: -.71rem } .home-about__left-picture-big { width: 100% } .home-about__left-picture-small { bottom: -10vw; left: 10vw; width: 40vw } .home-about__right-pictures { margin-left: -.71rem; margin-right: -.71rem } .home-about__right-picture-big { width: 100% } .home-about__right-picture-small { padding-top: 0; bottom: -30vw; width: 30vw; right: 10vw } .home-services__section-subtitle { margin-bottom: 2rem } .home-services__item-title { font-size: 1.7rem } .service__picture { margin-left: -.71rem; margin-right: -.71rem } /* .service__video { margin-left: -.71rem; margin-right: -.71rem; width: calc(100% + 1.42rem) } */ .service__section-title { font-size: 2.3rem; margin-bottom: 1.5rem } .service__text { font-size: 1rem } .service__link { margin-top: 2.2rem } .community__container { padding-top: .71rem; padding-bottom: .71rem } .community__content { padding: 3.5rem .71rem } .community__section-title { font-size: 2.28rem; margin-bottom: 1.8rem } .community__text { font-size: 1rem; max-width: 100%; margin-bottom: 2.8rem } .contacts__box { margin-left: -.71rem; margin-right: -.71rem; padding-left: .71rem; padding-right: .71rem } .contacts__content { padding: 2.5rem .71rem .71rem } .contacts__section-subtitle { font-size: .85rem; margin-bottom: 1rem } .contacts__section-title { font-size: 2.28rem; margin-bottom: 1.6rem } .contacts__row { grid-template-columns: 1fr } .contacts__item-title { font-size: 15px; } .contacts__item-value { font-size: 14px; } .contacts__socials-item svg { width: 2.14rem; height: 2.14rem } .contacts__video-picture img { height: 16rem; -o-object-fit: cover; object-fit: cover } .contacts__video-play { width: 3.5rem; height: 3.5rem } .fitting__title { font-size: 2.3rem } .fitting__subtitle { margin-bottom: 2.5rem } .fitting__address-title { font-size: 1.14rem } .fitting__address-item { font-size: 14px; } .fashion-modal__content { padding: 1.3rem .71rem } .fashion-modal__title { font-size: 1.14rem } .fashion-modal__close svg { width: 2.14rem; height: auto } .filter__cuts { grid-template-columns: repeat(3, 1fr) } .filter__checkboxes._color { grid-template-columns: repeat(4, 1fr) } .filter__checkboxes._clean { grid-template-columns: repeat(3, 1fr) } .filter__custom-colors { grid-column: span 4; grid-template-columns: 1fr 1fr } .filter__stones { grid-template-columns: repeat(3, 1fr) } .diamonds { margin: 0 -.71rem; padding: 0 .71rem } .diamonds-info__icon { max-width: 5.7rem; min-width: 5.7rem; margin-left: 1rem; margin-right: 1rem } .diamonds-info__content { width: calc(100% - 5.7rem - 2rem) } .about-production__picture { margin: 0 -.71rem } .about-production__picture img { height: 19rem } .about-production__title { text-align: center } .about-production__title-name { width: 100% } .about-production__title-icons { display: none } .about-production__text { text-align: center; width: 100% } .about-production__second-picture picture img { height: 12rem; -o-object-fit: cover; object-fit: cover } .about-new-collection .section__title { font-size: 1.42rem } .about-new-collection__picture { margin: 0 -.71rem } .new-collection-products__item .section__title { font-size: 1.8rem } .new-collection-products__picture { margin: 0 -.71rem } .new-collection-products__picture img { height: 19rem } .new-collection-products__product { width: 100% } .collection-product__banner-picture img { height: 30rem } .collection-product__banner-text { font-size: 1.4rem } .product-page__spoilers { margin: 3rem 0 } .product-page__spoiler-btn { font-size: 1.12rem } .product-page__spoiler-content { padding: 1.25rem } .product-page__controls { gap: .6rem } .product-page__size-box-text { font-size: 1.14rem } .product-page__engraving-form-radios { gap: .7rem } .product-page__engraving-form-radio label { font-size: .9rem } .pluses__title { font-size: 23px; } .pluses__icon { padding-left: 0 } .sale-diamonds__h1 { font-size: 1.8rem; } .sale-diamonds__introtext { font-size: 1.1rem; margin-bottom: 2.5rem } .sale-diamonds__pluses-item._earrings .sale-diamonds__pluses-picture, .sale-diamonds__pluses-item._earrings .sale-diamonds__pluses-picture-product { width: 100% } .sale-diamonds__pluses-content { grid-template-columns: 1fr; text-align: center; justify-items: center } .sale-diamonds__pluses-picture { width: 60% } .sale-diamonds__pluses-picture-product { width: 50% } .collection-diamonds__controls { grid-template-columns: 100%; padding: 1rem; gap: 0 } .collection-diamonds__title-carousel { text-align: center; font-size: 1.85rem !important; padding-right: 0; margin-bottom: 1rem } .collection-diamonds__texts { border-top: 1px solid #dcdbdb; border-left: 0; padding: 1.5rem 0 0 } .collection-diamonds__slide { text-align: center } .collection-diamonds__navigation { justify-content: space-between; margin-bottom: 0 } .about-intro__logo { width: 73% } .about-intro__text { width: 80% } .about-intro__picture-center img { height: 20rem } .about-intro__picture-left { top: 60% } .about-intro__picture-right { width: 30%; top: 80% } .about-pluses__content { grid-template-columns: 1fr; text-align: center } .team__swiper { margin: 0 -.71rem; padding: 0 .71rem } .team__fullname { font-size: 1.14rem } .blog__swiper { margin: 0 -.71rem; padding: 0 .71rem; width: calc(100% + 1.42rem) } .blog__picture img { height: 15rem } .cart__table { font-size: .9rem } .cart__footer { margin-top: 2.5rem; gap: 1.88rem } .cart__result-box { padding: 1.88rem 1.25rem } .cart__result { font-size: 1rem } .order__subtitle { font-size: 1.12rem } .order__itogo { border-width: .6rem; padding: .9rem } .order__table { font-size: .87rem } .order__table-cols { grid-template-columns: 48% 20% 32% } .order__table-picture { display: none } .order-new .order__table-picture { display: block; } .catalog-filter {} .catalog-filter__categories-title { margin-bottom: 1.2rem } .catalog-filter__categories { padding: 0 .71rem 2px; margin-left: -.71rem; margin-right: -.71rem; margin-bottom: 2rem; gap: .7rem } .catalog-filter__category-label { height: 3.5rem; font-size: 1rem } .delivery { gap: 2rem } .delivery__title { font-size: 15px; margin-bottom: 1rem } .article__picture img { height: 28rem } .article__title { font-size: 2.28rem; margin-bottom: 1.5rem } .article__aside { font-size: .85rem } .article__figures { gap: .71rem } .article__swiper { width: calc(100% + .71rem); margin-right: -.71rem } .page-404__h1 { font-size: 15rem } .page-404__picture { width: 7rem } .ring-selection__circle { font-size: 1.25rem } .ring-selection__range-wrap { width: 100% } .ring-selection__range-btn { min-width: 3rem; max-width: 3rem; height: 3rem } .ring-selection__range { width: 100% } .ring-selection__use { padding: 1.7rem .71rem .71rem } .ring-selection__use-title { font-size: 1.85rem; margin-bottom: 1.7rem } .ring-selection__use-item { gap: 1rem } .ring-selection__use-picture { height: 7rem } .ring-selection__use-content { font-size: 1.14rem } .ring-selection__other-boxes { grid-template-columns: 1fr } .ring-selection__other-box { min-height: 6rem; height: unset } .ring-selection__other-box:last-child { margin-top: 0 } .ring-selection__other-btn svg { display: none } .ring-selection__table-responsive { margin: 0 -.71rem; padding: 0 .71rem } .custom-made__video { height: 21rem } .custom-made__play-icon { width: 3.12rem; height: auto } .custom-made__process-picture img { height: 19rem } } @media (max-width:1199px) and (min-width:768px) { .community__section-title { font-size: 2rem } } @media (max-width:1366px) and (min-width:992px) { .filter__item:not(._show) .filter__stone:nth-child(n+9) { display: none } } @media (max-width:1600px) and (min-width:992px) { .filter__stone label { font-size: 12px } } @media (max-width:1199px) and (min-width:992px) { .collection-diamonds__title-carousel { font-size: 1.5rem !important } } @media (max-width:1440px) and (min-width:992px) { .catalog-filter._light .catalog-filter__box { padding-top: 1.4rem; padding-bottom: 1.4rem } } @media (width > 1024px) { .btn._transparent-gray-border:hover { border-color: #011CA9; background: #011CA9; color: #fdfbfa } .btn._transparent-white-border:hover { background: #011CA9; color: #fdfbfa } .btn._white:hover { background: #011CA9; color: #fdfbfa } .btn._green:hover { background: 0 0; color: #011CA9 } .btn-circle:hover { background: #f5f5f5 } .link._italic:hover { color: #333 } .fashion__btn:hover { background: #011CA9; color: #fdfbfa } .form__checkbox-title a:hover { text-decoration: none } .breadcrumbs__list-link:hover { color: rgba(51, 51, 51, .8) } .pagination__list-link:hover { color: #011CA9 } .text a:hover { text-decoration: none } } @media (width <=991px) { .filter__line { display: none } } @media (width > 991px) { .filter__item:nth-child(n+4) { display: none } /*.product-page__params { max-width: 370px }*/ } @media (width > 960px) { .new-collection__row { grid-column: span 2 } } @media (width <=800px) { .filter__sorting-wrap.catalog-filter__header-sorting-wrap { gap: 1.25rem } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__sorting { width: 100% } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__controls { width: 100%; justify-content: space-between; gap: 1.5rem } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__control { font-size: 1rem } } @media (width <=380px) { .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__controls { flex-direction: column; align-items: flex-start } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__control-items._icons { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; width: 100% } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__control-item._icon { min-width: unset; max-width: unset } .filter__sorting-wrap.catalog-filter__header-sorting-wrap .filter__control-item._icon svg { width: 1.5rem } } @media (width < 1199px) { .catalog-filter__category-label { padding: 0 1.4rem 0 2.8rem; font-size: 1rem } .catalog-filter__category-link { padding: 0 2.8rem } } .product-page__price { font-weight: 700; font-size: 1.8rem; white-space: nowrap; } @media (max-width: 1200px) { .product-page__price { font-size: 1.4rem; } } .tooltip-comp { z-index: 10 !important; } .up { position: fixed; bottom: 1.25rem; right: 1.25rem; display: none; z-index: 99; background-color: transparent; transition: .3s background-color; } @media (min-width: 991px) { .up { bottom: 3rem; right: 3rem; } } .up.active { display: flex; justify-content: space-between; align-items: center; } .up__line { position: relative; flex-basis: 0; flex-grow: 1; } .up__line::before { content: ""; display: flex; width: 100%; height: 1px; background-color: #DCDBDB; transition: .3s background-color; } .up:hover .up__line::before { background-color: transparent; transition: .3s background-color; } .up__button { padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; display: flex; border: 1px solid #011CA9; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background-color: #011CA9; color: #ffffff; cursor: pointer; transition: .3s color, .3s background-color; font-size: 14px; } @media (max-width: 1200px) { .up__button { border-radius: 32px; width: 56px; height: 56px; } } @media (max-width: 1200px) { .up__text { display: none; } } @media (min-width: 1200px) { .up__button { padding-top: 12px; padding-bottom: 12px; padding-left: 50px; padding-right: 50px; } } .up:hover .up__button { color: #011CA9; background-color: #ffffff; transition: .3s color, .3s background-color; } .up__button svg path { stroke: #ffffff; transition: .3s stroke; } .up:hover .up__button svg path { stroke: #011CA9; transition: .3s stroke; } .up__icon { display: flex; width: 12px; height: 6px; } @media (max-width: 1200px) { .up__icon { display: flex; width: 16px; height: 12px; align-items: center; } } /* -- */ .intro__title { font-family: Forum; color: #fdfbfa; font-weight: 400; line-height: 110%; padding: 0; margin: 0 0 4rem; font-size: 4.8rem; text-transform: uppercase; text-align: center } .intro__title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); font-family: Forum; font-size: 3rem; } @media (min-width: 1200px) { .intro__title { font-size: 5rem; } } .load_more_wrap { margin-top: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .load_more { font-size: 14px; cursor: pointer; padding: 1rem 2rem; background-color: #011CA9; color: #ffffff; border-width: 1px; border-style: solid; border-color: #011CA9; text-decoration: none; transition: .3s background-color, .3s color, .3s border-color; } .load_more:hover { color: #011CA9; background-color: #ffffff; transition: .3s background-color, .3s color, .3s border-color; } .seo-description-section { padding-top: 36px; } .seo-description__head { padding-left: 20px; padding-right: 20px; padding-top: 34px; padding-bottom: 48px; position: relative; border: 1px solid #dcdbdb; } @media (min-width: 992px) { .seo-description__head { padding-left: 40px; padding-right: 40px; padding-top: 64px; padding-bottom: 72px; } } .seo-description__branding { position: absolute; left: 50%; top: -32px; transform: translate(-50%, 0); } @media (min-width: 992px) { .seo-description__branding { top: -120px; } } .seo-description__branding-wrap { position: relative; background-color: rgba(51, 51, 51, .8); padding-left: 15px; padding-right: 15px; } .seo-description__branding-layout { font-family: Forum; font-size: 4rem; color: #E9E7E6; text-transform: uppercase; line-height: 3.25rem; } @media (min-width: 992px) { .seo-description__branding-layout { font-size: 10.625rem; line-height: 1; } } .seo-description__branding-title { position: absolute; left: 50%; top: 28%; transform: translate(-50%, 0); font-family: Forum; font-size: 2.5rem; line-height: 1; color: #333333; text-transform: uppercase; } @media (min-width: 992px) { .seo-description__branding-title { font-size: 4rem; top: 50%; } } .seo-description__picture { margin-bottom: 30px; width: 100%; height: 240px; } @media (min-width: 992px) { .seo-description__picture { margin-bottom: 50px; height: 312px; } } .seo-description__picture img { width: 100%; height: 100%; object-fit: cover; } .seo-description__picture--mobile { display: flex; } .seo-description__picture--desktop { display: none; } @media(min-width: 992px) { .seo-description__picture--desktop { display: flex; } .seo-description__picture--mobile { display: none; } } .seo-description__main-paragraph { text-align: center; font-size: 14px; color: #333333; line-height: 140%; } @media(min-width: 992px) { .seo-description__main-paragraph { padding-left: 60px; padding-right: 60px; font-size: 14px; } } .seo-description__main-paragraph p { margin-bottom: 1.5rem; } .seo-description__main-paragraph p:last-of-type { margin-bottom: 0; } .seo-description__head-subtitle { padding-left: 16px; padding-right: 16px; position: absolute; left: 50%; bottom: -18px; transform: translate(-50%, 0); background-color: #f5f5f5; color: #333333; white-space: nowrap; cursor: pointer; transition: .3s all; } .seo-description__head-subtitle__wrap { padding-top: 8px; padding-bottom: 8px; padding-left: 36px; padding-right: 36px; transition: .3s all; font-size: 14px; transition: .3s all; } .seo-description__head-subtitle__wrap:hover { transition: .3s all; } .seo-description__head-subtitle__wrap svg { margin-left: 12px; width: 22px; height: 22px; transition: .3s all; } .seo-description__head-subtitle__wrap svg path { stroke: #000000; } .seo-description__head-subtitle__wrap.active svg { transform: rotate(180deg); transition: .3s all; } @media(min-width: 992px) { .seo-description__head-subtitle { padding-left: 76px; padding-right: 76px; } .seo-description__head-subtitle__wrap { font-size: 14px; } } .seo-description__body { max-height: 0px; overflow: hidden; margin-top: 30px; } .seo-description__body.active { max-height: initial; overflow: initial; } .seo-description__list-title { margin-bottom: 24px; font-family: Forum; font-size: 2rem; line-height: 112%; color: #333333; text-align: center; } @media(min-width: 992px) { .seo-description__list-title { margin-bottom: 50px; font-size: 3rem; } } .seo-description__h1-title { margin-bottom: 2rem; font-family: Forum; font-size: 30px; text-align: center; color: #333333; } .seo-description__main-paragraph h4 { margin-bottom: 2rem; font-family: Forum; font-size: 30px; text-align: center; color: #333333; } .seo-description__add-text h2 { margin-top: 24px; margin-bottom: 24px; font-family: Forum; font-size: 2rem; line-height: 112%; color: #333333; text-align: center; } @media(min-width: 992px) { .seo-description__add-text h2 { margin-top: 30px; margin-bottom: 30px; font-size: 3rem; } } .seo-description__list-paragraph h2 { margin-top: 32px; margin-bottom: 24px; font-family: Forum; font-size: 2rem; line-height: 112%; color: #333333; text-align: center; } .seo-description__list-paragraph h2:first-child { margin-top: 0px; } @media(min-width: 992px) { .seo-description__list-paragraph h2 { margin-bottom: 50px; font-size: 2rem; } } .seo-description__list { padding-left: 0; margin-bottom: 0; list-style: none; display: flex; flex-direction: column; grid-gap: 1rem; } @media (min-width: 1200px) { .seo-description__list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px 76px; } } .seo-description__list-item { padding-left: 26px; position: relative; font-size: 16px; line-height: 140%; color: #333333; } @media (min-width: 1200px) { .seo-description__list-item { padding-left: 36px; font-size: 18px; } } .seo-description__list-item::before { content: ''; position: absolute; top: 6px; left: 0px; width: 16px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg clip-path='url(%23clip0_2012_7)'%3E%3Cpath d='M20 -5H-4V21H20V-5Z' fill='url(%23pattern0_2012_7)'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_2012_7' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2012_7' transform='matrix(0.0111386 0 0 0.0102818 -0.00680693 0)'/%3E%3C/pattern%3E%3CclipPath id='clip0_2012_7'%3E%3Crect width='16' height='15' fill='white'/%3E%3C/clipPath%3E%3Cimage id='image0_2012_7' width='91' height='101' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABlCAIAAACtJAgTAAAC50lEQVR4Ae2cbU7DMAyGuRNnypXaHqlVb7RpEhJGkeeU5mOO7R8vQigtIUufPK+zbhpfr+cD35zAFz9A+/V8gIiMCIiASK1uwhE4Akd6N1CkBqlBapAamQIQAZFaXYAjcASO9Kagtz+eocmURSFyHnvvYk7qDyJRHdnWZdKa9w4bxZGUUhAoUYh8/371rueM/iASso6cxw5H3lYmpUREUkozgtA1ZojUEI4gmvgTyZEBkb/g5MgECY6zI0KQCJo4EyEE5c+uWqjb2ZPIpSDumngSKdXgZ3RXvn00NyKioHIW1Pa6zfEhsq1LiaA8076wij0diNyUjwhQrIl04SBAiuvfMpQ1kWr5KDUxvtmxI3Ie+wCODKhleVX6GBEZCEtmkRsqF1wdxIJI486Sr/ymYbAlTyeiiINIzYYykYg6C+7OPC5TiHxYRPmV37dnvO+lSeQ89m1dPtlQ7q//8rfqb2soEHEBUdLZ1kUlSt1EzmMnBDQDYyNKEOUZsoamNxCrbiK0n3Mo5Zwcz3yIQ/OzE/YVhHMnEANGlE/YBh0pB8pnpm66nAK1t3VRAZHnr0+EhjbgolJHM4jcmEWEHmBS3U0p6XqRcWjWET4ob6vLMo8FTXuuIxlNmf+BM1PVyFM1IvJ6PgYQ8D8xe93Ijsjr+RhO0KQimr3gDVMiY6ZY4rCorBw/tXkWqm2zsOR5WjvSBcUeh48j7VBmb7TZC97wcaSlyrrg8HTkvsq65IVMcXPkPjtegjg78p8mjoL4E7mEwuucfds5NSURX0FCOCKg2EshHtHfEU7EXZBwjhjfwgg76DCEI1mTyykanwSRt88sREkNORKhiAQiYvOKYUsAo6RG/W2Xlou/7BOFiOONjOAShYiYluMhiETdaxylEA8NR+BI7f+VwBE4AkdE4aweIjVIDVJTjYnogNQgNUiNCEX1EKlBapCaakxEB6QGqUFqRCiqh0gNUoPUVGMiOiA1SA1SI0JRPfwBuOMUs85E4dsAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .seo-description__outer { padding-top: 0px; max-height: 0px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; position: relative; } .seo-description__outer.active { display: flex; max-height: initial; overflow: initial; padding-top: 30px; border-top: 1px solid #DCDBDB; } @media (min-width: 1200px) { .seo-description__outer { margin-top: 0px; } .seo-description__outer.active { margin-top: 96px; } } .seo-description__outer-subtitle { position: absolute; left: 50%; top: -10px; transform: translate(-50%, 0); background-color: #f5f5f5; padding-left: 15px; padding-right: 15px; font-size: 14px; color: #333333; white-space: nowrap; } @media (min-width: 1200px) { .seo-description__outer-subtitle { padding-left: 76px; padding-right: 76px; font-size: 18px; } } .seo-description__title { margin-bottom: 30px; font-family: Forum; font-size: 2rem; line-height: 112%; color: #333333; text-align: center; } @media (min-width: 1200px) { .seo-description__title { font-size: 3rem; } } .seo-description__add-text { padding-left: 0px; padding-right: 0px; font-size: 16px; color: #333333; line-height: 140%; text-align: center; } .seo-description__add-text p:last-of-type { margin-bottom: 0; } @media (min-width: 992px) { .seo-description__add-text { padding-left: 90px; padding-right: 90px; font-size: 18px; } } .seo-description__add-text ul { padding-left: 0; padding-top: 24px; padding-bottom: 48px; margin-bottom: 0; list-style: none; display: flex; flex-direction: column; grid-gap: 1rem; } @media (min-width: 1200px) { .seo-description__add-text ul { padding-top: 32px; padding-bottom: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 32px 76px; } } .seo-description__add-text ul li { padding-left: 26px; position: relative; font-size: 16px; line-height: 140%; text-align: left; color: #333333; } @media (min-width: 1200px) { .seo-description__add-text ul li { padding-left: 36px; font-size: 18px; text-align: left; } } .seo-description__add-text ul li::before { content: ''; position: absolute; top: 6px; left: 0px; width: 16px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg clip-path='url(%23clip0_2012_7)'%3E%3Cpath d='M20 -5H-4V21H20V-5Z' fill='url(%23pattern0_2012_7)'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_2012_7' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2012_7' transform='matrix(0.0111386 0 0 0.0102818 -0.00680693 0)'/%3E%3C/pattern%3E%3CclipPath id='clip0_2012_7'%3E%3Crect width='16' height='15' fill='white'/%3E%3C/clipPath%3E%3Cimage id='image0_2012_7' width='91' height='101' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABlCAIAAACtJAgTAAAC50lEQVR4Ae2cbU7DMAyGuRNnypXaHqlVb7RpEhJGkeeU5mOO7R8vQigtIUufPK+zbhpfr+cD35zAFz9A+/V8gIiMCIiASK1uwhE4Akd6N1CkBqlBapAamQIQAZFaXYAjcASO9Kagtz+eocmURSFyHnvvYk7qDyJRHdnWZdKa9w4bxZGUUhAoUYh8/371rueM/iASso6cxw5H3lYmpUREUkozgtA1ZojUEI4gmvgTyZEBkb/g5MgECY6zI0KQCJo4EyEE5c+uWqjb2ZPIpSDumngSKdXgZ3RXvn00NyKioHIW1Pa6zfEhsq1LiaA8076wij0diNyUjwhQrIl04SBAiuvfMpQ1kWr5KDUxvtmxI3Ie+wCODKhleVX6GBEZCEtmkRsqF1wdxIJI486Sr/ymYbAlTyeiiINIzYYykYg6C+7OPC5TiHxYRPmV37dnvO+lSeQ89m1dPtlQ7q//8rfqb2soEHEBUdLZ1kUlSt1EzmMnBDQDYyNKEOUZsoamNxCrbiK0n3Mo5Zwcz3yIQ/OzE/YVhHMnEANGlE/YBh0pB8pnpm66nAK1t3VRAZHnr0+EhjbgolJHM4jcmEWEHmBS3U0p6XqRcWjWET4ob6vLMo8FTXuuIxlNmf+BM1PVyFM1IvJ6PgYQ8D8xe93Ijsjr+RhO0KQimr3gDVMiY6ZY4rCorBw/tXkWqm2zsOR5WjvSBcUeh48j7VBmb7TZC97wcaSlyrrg8HTkvsq65IVMcXPkPjtegjg78p8mjoL4E7mEwuucfds5NSURX0FCOCKg2EshHtHfEU7EXZBwjhjfwgg76DCEI1mTyykanwSRt88sREkNORKhiAQiYvOKYUsAo6RG/W2Xlou/7BOFiOONjOAShYiYluMhiETdaxylEA8NR+BI7f+VwBE4AkdE4aweIjVIDVJTjYnogNQgNUiNCEX1EKlBapCaakxEB6QGqUFqRCiqh0gNUoPUVGMiOiA1SA1SI0JRPfwBuOMUs85E4dsAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .seo-description__products { display: none; } @media (min-width: 992px) { .seo-description__products { width: 100%; margin-top: 40px; margin-bottom: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; justify-content: center; } } .seo-description__link { display: flex; text-decoration: none; margin-top: 50px; padding: 20px 56px; background-color: #011CA9; font-size: 18px; color: #FDFBFA; border: 1px solid #011CA9; transition: .3s background-color, .3s color; } @media (min-width: 992px) { .seo-description__link { padding: 26px 56px; } } .seo-description__link:hover { background-color: transparent; color: #011CA9; transition: .3s background-color, .3s color; } .seo-description__list-paragraph { margin-bottom: 2rem; text-align: center; font-size: 16px; color: #333333; line-height: 140%; } @media (min-width: 1200px) { .seo-description__list-paragraph { font-size: 18px; } } .seo-description__list-paragraph p { margin-bottom: 1.5rem; } .seo-description__list-paragraph p:last-of-type { margin-bottom: 0; } .seo-description__list-after-paragraph { margin-top: 2rem; text-align: center; font-size: 16px; color: #333333; line-height: 140%; } .seo-description__list-after-paragraph h2 { font-family: 'Forum'; text-transform: uppercase; transform-style: inherit; font-style: normal; font-size: 24px; letter-spacing: 1px; font-weight: 600; } .seo-description__list-after-paragraph h2:first-of-type { margin-top: 2rem; } @media (min-width: 1200px) { .seo-description__list-after-paragraph { font-size: 18px; } } .seo-description__list-after-paragraph p { margin-bottom: 1.5rem; } .seo-description__list-after-paragraph p:last-of-type { margin-bottom: 0; } .seo-description__list-after-paragraph ul { padding-left: 0; padding-top: 24px; padding-bottom: 48px; margin-bottom: 0; list-style: none; display: flex; flex-direction: column; grid-gap: 1rem; } @media (min-width: 1200px) { .seo-description__list-after-paragraph ul { padding-top: 32px; padding-bottom: 64px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px 76px; } } .seo-description__list-after-paragraph ul li { padding-left: 26px; position: relative; font-size: 16px; line-height: 140%; text-align: left; color: #333333; } @media (min-width: 1200px) { .seo-description__list-after-paragraph ul li { padding-left: 36px; font-size: 18px; text-align: left; } } .seo-description__list-after-paragraph ul li::before { content: ''; position: absolute; top: 6px; left: 0px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg clip-path='url(%23clip0_2012_7)'%3E%3Cpath d='M20 -5H-4V21H20V-5Z' fill='url(%23pattern0_2012_7)'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_2012_7' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2012_7' transform='matrix(0.0111386 0 0 0.0102818 -0.00680693 0)'/%3E%3C/pattern%3E%3CclipPath id='clip0_2012_7'%3E%3Crect width='16' height='15' fill='white'/%3E%3C/clipPath%3E%3Cimage id='image0_2012_7' width='91' height='101' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABlCAIAAACtJAgTAAAC50lEQVR4Ae2cbU7DMAyGuRNnypXaHqlVb7RpEhJGkeeU5mOO7R8vQigtIUufPK+zbhpfr+cD35zAFz9A+/V8gIiMCIiASK1uwhE4Akd6N1CkBqlBapAamQIQAZFaXYAjcASO9Kagtz+eocmURSFyHnvvYk7qDyJRHdnWZdKa9w4bxZGUUhAoUYh8/371rueM/iASso6cxw5H3lYmpUREUkozgtA1ZojUEI4gmvgTyZEBkb/g5MgECY6zI0KQCJo4EyEE5c+uWqjb2ZPIpSDumngSKdXgZ3RXvn00NyKioHIW1Pa6zfEhsq1LiaA8076wij0diNyUjwhQrIl04SBAiuvfMpQ1kWr5KDUxvtmxI3Ie+wCODKhleVX6GBEZCEtmkRsqF1wdxIJI486Sr/ymYbAlTyeiiINIzYYykYg6C+7OPC5TiHxYRPmV37dnvO+lSeQ89m1dPtlQ7q//8rfqb2soEHEBUdLZ1kUlSt1EzmMnBDQDYyNKEOUZsoamNxCrbiK0n3Mo5Zwcz3yIQ/OzE/YVhHMnEANGlE/YBh0pB8pnpm66nAK1t3VRAZHnr0+EhjbgolJHM4jcmEWEHmBS3U0p6XqRcWjWET4ob6vLMo8FTXuuIxlNmf+BM1PVyFM1IvJ6PgYQ8D8xe93Ijsjr+RhO0KQimr3gDVMiY6ZY4rCorBw/tXkWqm2zsOR5WjvSBcUeh48j7VBmb7TZC97wcaSlyrrg8HTkvsq65IVMcXPkPjtegjg78p8mjoL4E7mEwuucfds5NSURX0FCOCKg2EshHtHfEU7EXZBwjhjfwgg76DCEI1mTyykanwSRt88sREkNORKhiAQiYvOKYUsAo6RG/W2Xlou/7BOFiOONjOAShYiYluMhiETdaxylEA8NR+BI7f+VwBE4AkdE4aweIjVIDVJTjYnogNQgNUiNCEX1EKlBapCaakxEB6QGqUFqRCiqh0gNUoPUVGMiOiA1SA1SI0JRPfwBuOMUs85E4dsAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .warning { display: none; padding-top: 1.5rem; padding-bottom: 1.5rem; /* background-color: #d61a19;*/ background-color: #CF2A8C; text-decoration: none; } .warning--active { position: relative; z-index: 10; display: flex; } .warning__wrap { position: relative; display: flex; justify-content: space-between; align-items: center; text-decoration: none; } @media (min-width: 991px) { .warning__wrap { justify-content: center; } } .warning__text { font-family: Forum; font-size: 1.25rem; line-height: 1; color: #ffffff; } @media (min-width: 991px) { .warning__text { font-family: Forum; font-size: 2rem; line-height: 1; color: #ffffff; } } .warning__close { padding: 1rem; position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); display: flex; background: transparent; border: none; transition: .3s opacity; opacity: 1; } .warning__close svg { width: 16px; height: 16px; } @media (min-width: 991px) { .warning__close svg { width: 20px; height: 20px; } } .warning__close path { stroke: #ffffff; } .warning__close:hover { opacity: .85; transition: .3s opacity; } body:not(.page--has-banner) .main.is-warning { padding-top: 60px; transition: .5s padding-top; } @media (min-width: 991px) { body:not(.page--has-banner) .main.is-warning { padding-top: 240px; transition: .5s padding-top; } } .section.head-regular { position: relative; padding-top: 0; padding-bottom: 0; } .head-regular__title { text-align: center; font-family: Forum; } .container__md { width: 100%; max-width: 1260px; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; } .container__xxl { max-width: 1920px; padding-left: 0; padding-right: 0; } @media (min-width: 991px) { .container__xxl { max-width: 1366px; } } @media (min-width: 1400px) { .container__xxl { max-width: 1920px; } } .diamonds__col svg { width: 32px; height: 32px; } .desktop-only { display: none; } @media (min-width: 991px) { .desktop-only { display: flex; } .mobile-only { display: none; } } .page-loader { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .8); backdrop-filter: blur(10px); } .page-loader.active { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; z-index: 9999; } .page-loader__logo { padding-bottom: 9px; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #c0c0c0; } .page-loader__logo svg { height: 18px; } .page-loader__text { text-align: center; font-size: 16px; color: #212121; } div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; line-height: normal; padding: 0 !important; position: absolute; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; } .product-page__controls.product-page-messenger__controls { padding-bottom: 2.25rem; margin-top: 1rem; } .spoiler { overflow: hidden; max-width: 600px; margin-bottom: 20px; } .spoiler__title { width: 100%; background-color: transparent; border: none; padding: 18px 0px; font-size: 24px; line-height: 28.8px; letter-spacing: 0; cursor: pointer; text-align: left; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease; font-weight: 500; color: #333333CC; } .spoiler__title:hover {} .spoiler__arrow svg { transition: transform 0.3s ease; display: inline-block; } .spoiler__arrow.rotated svg { transform: rotate(180deg); } .spoiler__content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .product-page__spoilers.product-page__spoilers-new { margin: 1.5rem 0; } /* Открыто по умолчанию для десктопа */ @media (min-width: 768px) { .spoiler__content { max-height: 500px; /* Увеличьте, если нужно больше высоты */ } .spoiler__arrow { transform: rotate(180deg); } } .modal-new-calling { max-width: 650px; background-color: #FFFFFF; } .modal-new-calling .calling__modal { display: flex; align-items: center; flex-direction: column; gap: 40px; } .modal-new-calling .modal__title { color: #333333; margin-bottom: 0; text-align: center; } .modal-new-calling .modal__subtitle { display: flex; flex-direction: column; gap: 20px; } .product-page-test .product-page__title { font-weight: 700; } .product-card .price-btn { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; } .product__title { min-height: 70px; } .product-card .price-btn .price-new__item { font-weight: 700; color: #000; } .product-card .price-btn .addToBasketBtn { max-height: 3rem; } .form-footer__consultation { background-color: #060606; padding: 80px 0; background-image: url('/local/templates/fuzailov/css/../img/form_consult.png'); background-repeat: no-repeat; background-position: right; background-size: contain; } .form-footer__consultation .fitting__consultation { max-width: 885px; gap: 20px; } .form-footer__consultation .fitting__consultation .fitting__consultation-title { color: #FFFFFF; font-size: 60px; line-height: 100%; margin-bottom: 0; font-family: Forum; } .form-footer__consultation .fitting__consultation .fitting__consultation-subtitle { color: #FFFFFF; font-size: 14px; line-height: 100%; margin-bottom: 15px; } .form-footer__consultation .fitting__consultation-group { display: flex; gap: 20px; } .form-footer__consultation .fitting__consultation-group .form__input { background-color: #FFFFFF; } .form-footer__consultation textarea { min-height: 120px; padding: 20px 13px; } .form-footer__consultation .fitting__consultation .form__policy { color: #ffffff; } .form-footer__consultation .fitting__consultation .form__checkbox-check { border: 1px solid #ffffff; } .form-footer__consultation .fitting__consultation .form__checkbox-check svg { color: #ffffff; } .form-footer__consultation .fitting__consultation .btn._transparent-gray-border { border: 1px solid #ffffff; color: #ffffff; } #modal-try-on .data-call .datepicker-custom { width: 100%; border: 1px solid #333; background: 0 0; font-size: 1rem; color: #333; outline: 0; transition: .5s ease-in-out; border-radius: 0; padding: 10px; } #modal-try-on .data-call .modal__title { margin-bottom: 20px; } #modal-try-on .data-call #next-new-calling { width: 100%; } #modal-try-on .data-call .date-error { color: rgb(252, 84, 84); } .reviews-wrapper { display: flex; justify-content: center; } .header .header-btn-calling { border: 1px solid #ffffff; color: #ffffff; padding: 4px 10px; background-color: transparent; } .header.dark-mode .header-btn-calling { border: 1px solid #011CA9; color: #011CA9; padding: 4px 10px; } .bold-style-price { font-weight: 700; color: #000; } @media (max-width: 1036px) { .form-footer__consultation { background-image: none; } } @media (max-width: 994px) { .header .header-btn-calling { display: none; } } @media (max-width: 640px) { .product__title { min-height: 85px; } } @media (max-width: 450px) { .order-new .form__cols._col3 { grid-template-columns: auto; } .order-new .order__table-product { grid-template-columns: auto; margin-bottom: 50px; } .order-new .order__table-title { gap: 0.8rem; } .order-new .wrapper-table-title { font-size: 16px; } .form-footer__consultation .fitting__consultation-group { flex-direction: column; } .form-footer__consultation { padding: 60px 0; } .form-footer__consultation .fitting__consultation .fitting__consultation-title { font-size: 40px; } .product__title { min-height: 100px; } } .footer__copyright .footer-law__links { display: flex; gap: 15px; } @media all and (max-width:900px) { .footer__copyright .footer-law__links { display: flex; flex-direction: column; align-items: center; } } #policy-cookie-note { position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(68, 68, 73, 0.9); color: #fff; z-index: 9999; padding: 15px 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); animation: fadeIn 0.5s ease-in-out; width: 100%; max-width: 1240px; margin: 0 auto; } .policy-cookie-content { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; } .policy-cookie-text { font-size: 16px; line-height: 1.5; flex: 1; } .policy-cookie-text a { color: #fff; text-decoration: underline; transition: color 0.2s; } .policy-cookie-text a:hover { color: #ccc; } .policy-cookie-action { margin-left: 20px; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .policy-cookie-content { flex-direction: column; text-align: center; } .policy-cookie-action { margin-left: 0; margin-top: 15px; } } .button-cookie { border: 1px solid #011CA9; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background-color: #011CA9; color: #ffffff; cursor: pointer; transition: .3s color, .3s background-color; padding: 12px 24px; } .gallery-section { margin: 40px auto; display: flex; gap: 30px; } .gallery-section .gallery-header { max-width: 415px; display: flex; flex-direction: column; justify-content: space-between; } .gallery-section .gallery-header.gallery-header_right { order: 1; } .gallery-header h2 { margin: 0 0 60px 0; font-size: 3.2rem; color: #333333; font-weight: 400; text-transform: uppercase; font-family: 'Forum'; } .gallery-header .section-description { color: #555; line-height: 25px; margin: 0 0 20px 0; } .gallery-section .gallery-navigation { display: flex; } /* Контейнер слайдера */ .gallery-slider-container { position: relative; display: flex; align-items: center; user-select: none; overflow: hidden; } /* Кнопки навигации */ .slider-nav { background: white; border: 1px solid #ddd; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; z-index: 2; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0; } .slider-nav:hover:not(:disabled) { background: #f5f5f5; transform: scale(1.1); } .slider-nav:disabled { opacity: 0.5; cursor: not-allowed; transform: scale(1); } .slider-nav.prev { margin-right: 10px; } .slider-nav.next { margin-left: 10px; } /* Основной слайдер (горизонтальный скролл) */ .gallery-slider { display: flex; gap: 30px; overflow-x: hidden; scroll-behavior: smooth; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE/Edge */ flex: 1; } .gallery-slider::-webkit-scrollbar { display: none; /* Chrome/Safari */ } /* Элементы изображений */ .gallery-item { min-width: 200px; width: 412px; flex-shrink: 0; max-height: 618px; height: 100%; } .gallery-item img { width: 100%; object-fit: cover; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Адаптивность */ @media (max-width: 768px) { .gallery-section .gallery-header { max-width: 380px; } .gallery-header h2 { font-size: 2rem; margin-bottom: 40px; } .gallery-slider-container { gap: 10px; } .slider-nav { width: 36px; height: 36px; font-size: 16px; } .slider-nav.prev { margin-right: 0; margin-bottom: 10px; } .slider-nav.next { margin-left: 0; } .gallery-item { min-width: 160px; max-height: 500px; } } @media (max-width: 554px) { .gallery-item { max-height: 400px; flex-shrink: 1; } .gallery-section { flex-direction: column; } .gallery-section .gallery-header { width: 100%; max-width: 100%; } .gallery-section .gallery-header.gallery-header_right { order: 0; } } @media (max-width:400px) { .catalog-products__grid .product-row__col { min-width: 31vw; padding: 10px; } } .basket-popup { position: fixed; right: 100px; bottom: 50px; z-index: 999; align-items: center; justify-content: center; transition: opacity 0.5s ease-in-out; opacity: 0; visibility: hidden; } .basket-popup.active { opacity: 1; visibility: visible; transition: opacity 0.5s ease-in-out; } .basket-popup-content { position: relative; background-color: #ffffff; width: 100%; max-width: 726px; display: flex; align-items: start; gap: 20px; padding: 49px 70px; } .basket-popup-content a { color: #011CA9; } .basket-popup-close { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; display: flex; align-items: start; gap: 20px; } .basket-popup-close:hover { cursor: pointer; } .basket-popup-close svg path { stroke: #CACACA; } .basket-popup-text { width: 100%; font-size: 17.9px; color: #333333; text-transform: uppercase; line-height: 21px; } @media (max-width:992px) { .basket-popup { right: 40px; bottom: 40px; } .basket-popup-content { padding: 40px; max-width: 450px; } .basket-popup-text { font-size: 16px; } } @media (max-width:600px) { .basket-popup-content { padding: 20px; } } @media (max-width:500px) { .basket-popup { right: 20px; bottom: 40px; max-width: unset; width: calc(100% - 40px); } } @media (max-width:450px) { .basket-popup-content { padding: 49px 30px; flex-direction: column; } } .swiper:not(.swiper-initialized) .product-page__picture { max-width: 600px; width: 100%; margin: 0 auto; } .product-row__col.product-col svg { width: 55px; height: 65px; } article .product-row__col { padding: 0 1.88rem; ; } .catalog-products article .image-column { padding: 0; } .service__content .fitting__form .form__submit { margin-top: 1rem; } .service__content .fitting__form .form__label { text-align: left; } .service__content .fitting__form .form__fieldset { margin-bottom: 1rem; } .collection-malt-krest { width: 100%; position: relative; height: 600px; display: flex; align-items: center; justify-content: center; } .collection-malt-krest .collection-malt-krest__img { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .collection-malt-krest .collection-product__intro-title { color: #FDFBFA; text-align: center; } @media all and (max-width:1100px) { .collection-malt-krest { height: 500px; } } @media all and (max-width:768px) { .collection-malt-krest { height: 320px; } } @media all and (max-width:565px) { .collection-malt-krest { height: 490px; } .collection-malt-krest .collection-product__intro-title { margin-bottom: 100px; } .collection-malt-krest { align-items: flex-end; } .relative-products__title { margin: 0 auto; line-height: 29px; width: 89%; } } .collection-malt-krest-text { text-align: center; color: #333333; font-size: 0.95rem; line-height: 1.1rem; opacity: 0.8; margin-top: 35px; margin-bottom: 50px; } .collection-malt-krest-text a { color: #333333; font-weight: 700; font-size: 1rem; } .prod_links_box { display: inline-block; } .link_telegram { display: flex; gap: 10px; text-decoration: none; font-size: 24px; line-height: 28.8px; align-items: center; } .link_telegram:hover { text-decoration: none; } .link_telegram span { color: #a6a6a6; text-decoration: underline; } .link_telegram:hover span { text-decoration: none; } /* End */ /* Start:/local/templates/fuzailov/js/datepicker/jquery-ui.min.css?174835112618879*/ /*! jQuery UI - v1.14.0 - 2024-09-08 * https://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright OpenJS Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/fuzailov/js/datepicker/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3}.ui-widget-shadow{box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/fuzailov/components/bitrix/menu/header_menu/style.css?17562933138700*/ .header-nav { display: none; } .header-nav.active { display: block; z-index: 200; } .header-nav.active::before { content: ""; z-index: 100; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 100; background: linear-gradient(rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0.65) 40%); } .header-nav.active .header-nav__container { position: relative; z-index: 200; } @media (min-width: 991px) { .header-nav { display: block; } } @media (max-width: 991px) { .header-nav { position: fixed; top: 51px; width: 100%; transition: .3s top; } .header._scroll .header-nav.active { top: 6px; transition: .3s top; } .header-nav__wrap { background-color: #ffffff; padding-left: 16px; padding-right: 16px; max-height: calc(100vh - 51px); overflow-y: scroll; } } .header-nav__head { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #dcdbdb; display: flex; justify-content: space-between; align-items: center; color: #333333; } @media (min-width: 991px) { .header-nav__head { display: none; } .header-nav__wrap { display: flex; justify-content: center; align-items: center; } } .header-nav__head-btn { display: flex; flex-direction: column; justify-content: space-between; height: 24px; order: 5; } .header-nav__head-btn span { width: 100%; width: 24px; height: 1px; background-color: #333333; transition: .3s all; } .header-nav__head-btn span:nth-child(1){ transform: translate(0%, 12px) rotate(-45deg); transition: .3s all; } .header-nav__head-btn span:nth-child(2){ transform: translate(0%, -11px) rotate(45deg); transition: .3s all; } .header-nav__head-title { font-size: 20px; } .header-nav__menu { position: relative; padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } @media (max-width: 991px) { .header-nav__menu { margin-top: 1rem; padding-bottom: 1rem; flex-direction: column; } } @media (min-width: 991px) { .header-nav__menu { display: flex; flex-direction: row; justify-content: center; align-items: center; grid-gap: 24px; } } @media (min-width: 1400px) { .header-nav__menu { grid-gap: 48px; } } .header-menu__link { padding-top: 24px; padding-bottom: 24px; display: inline-block; font-size: 15px; color: #333333; text-decoration: none; transition: .3s color; } @media (max-width: 991px) { .header-menu__link { padding-top: 0px; padding-bottom: 0px; display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 14px; } .header-menu__link.active { color: #011CA9; } .header-menu__link span { padding-top: 12px; padding-bottom: 12px; } .header-menu__link:not(.no-icon) span { width: 60%; } .header-menu__link-icon { width: 40%; display: flex; justify-content: flex-end; align-items: center; padding: 6px; } } @media (min-width: 1400px) { .header-menu__link { font-size: 15px; } } .header-menu__link svg { margin-left: 4px; transition: .3s all; } .header-menu__link svg path{ stroke: #333333; transition: .3s stroke; } @media (min-width: 991px) { .light-mode .header-menu__link{ color: #ffffff; transition: .3s color; } } @media (min-width: 991px) { .light-mode .header-menu__item:hover > .header-menu__link { color: #ffffff96; transition: .3s color; } .light-mode .header-menu__link svg path{ stroke: #ffffff; transition: .3s stroke; } } .header-menu__item:not(.header-menu__item--has-submenu) { position: relative; } .header-menu__item > .header-menu__submenu { padding-bottom: 0rem; padding-left: 0rem; padding-right: 0rem; display: none; margin: 0; list-style: none; } @media (min-width: 991px) { .header-menu__item > .header-menu__submenu { padding-bottom: 0rem; padding-left: .75rem; padding-right: .75rem; display: none; margin: 0; list-style: none; } } .header-menu__item > .header-menu__big-submenu { padding: 0; display: none; margin: 0; list-style: none; padding-bottom: 0; } @media (min-width: 991px) { .header-menu__submenu { width: 300px; background-color: #ffffff; transition: .3s opacity; } .header-menu__item > .header-menu__submenu { position: absolute; top: 60px; opacity: 0; z-index: -100; border: 1px solid #dcdbdb; } .header-menu__item--has-submenu > .header-menu__submenu { top: 60px; } .header-menu__big-submenu { padding-bottom: 0rem; padding-left: .75rem; padding-right: .75rem; border: 1px solid #dcdbdb; background-color: #ffffff; transition: .3s opacity; } .header-menu__item > .header-menu__big-submenu { position: absolute; left: 0; top: 60px; opacity: 0; z-index: -100; width: 100%; } } @media (min-width: 1400px) { .header-menu__submenu { padding-left: 1.25rem; padding-right: 1.25rem; } .header-menu__big-submenu { padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; display: grid; max-height: calc(100vh - 15rem); overflow-y: auto; grid-template-columns: 20rem 1fr; scrollbar-width: none; } } .header-submenu__link span { font-size: 13px; } @media (max-width: 991px) { .header-submenu__link { padding-left: 12px; padding-right: 12px; padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 1400px) { .header-submenu__link span { font-size: 14px; } } .header-menu__submenu::before { content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 12px; background-color: transparent; } .header-menu__big-submenu::before { content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 22px; background-color: transparent; } @media (min-width: 991px) { .header-menu__item:hover > .header-menu__submenu { display: flex; flex-direction: column; opacity: 1; z-index: 10; transition: .3s opacity; } .header-menu__item:hover > .header-menu__big-submenu { display: grid; opacity: 1; z-index: 10; transition: .3s opacity; } .header-menu__item:hover > .header-menu__link svg{ transform: rotate(180deg); transition: .3s all; } } .header-menu__link.active svg{ transform: rotate(180deg); transition: .3s all; } .header-submenu__link { padding-top: 1rem; padding-bottom: 1rem; display: flex; text-decoration: none; color: #333333; } .header-submenu__title { padding-top: 1.5rem; padding-bottom: 1.25rem; font-size: 16px; font-weight: 600; color: #333333; list-style: none; } @media (min-width: 991px) { .header-submenu__title { padding-top: 1.5rem; font-size: 18px; font-weight: 500; } } .header-submenu__item { list-style: none; } @media (min-width: 991px) { .header-submenu__item:not(:last-of-type) { border-bottom: 1px solid #dcdbdb; } } @media (min-width: 1400px) { .header-submenu__link { padding-top: 1rem; padding-bottom: 1rem; } } .light-mode .header-submenu__link { color: #333333; } .light-mode .header-submenu__link:hover { color: #011CA9; } .header-submenu__link:hover { color: #011CA9; } .light-mode .header-submenu__item:hover > .header-submenu__link { color: #011CA9; transition: .3s color; } .header-nav__tooltip { border-top: 1px solid #dcdbdb; padding-top: 1.5rem; padding-bottom: 2rem; display: flex; gap: .5rem; align-items: center; } @media (min-width: 991px) { .header-nav__tooltip { display: none; } } .header-nav__tooltip-link { font-size: 16px; color: #333333; text-decoration: none; } .header-submenu__collections { padding: 0; } @media (max-width: 991px) { .header-submenu__collections { display: none; } } .collection-detail-card__picture { display: flex; } .collection-detail-card__picture img { width: 100%; height: 460px; object-fit: cover; } @media (min-width: 991px) { .submenu-grid__col { margin-left: 0px; margin-right: 0px; background-color: #f5f5f5; } } .submenu-grid__col > .header-menu__submenu { padding-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; width: 100%; } @media (min-width: 991px) { .submenu-grid__col > .header-menu__submenu { padding-left: 24px; padding-right: 24px; } } .collection-detail-card { padding: 1.25rem; display: grid; grid-template-columns: 320px 1fr; gap: 1.25rem; } .collection-detail-card__label { color: #adadad; } .collection-detail-card__title { margin-top: 2.5rem; margin-bottom: 1.5rem; color: #333333; font-family: Forum; font-size: 2rem; text-transform: uppercase; line-height: 110%; } .collection-detail-card__preview-descr { font-size: 14px; color: #333333; margin-bottom: 2.5rem; } .collection-detail-card__body { display: flex; flex-direction: column; justify-content: center; align-items: stretch; } /* End */ /* Start:/local/templates/fuzailov/components/bitrix/menu/header_big_submenu/style.css?1748351145581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/fuzailov/components/bitrix/menu/header_big_submenu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/fuzailov/components/bitrix/menu/header_submenu/style.css?1748351147581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/fuzailov/components/bitrix/menu/header_submenu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/fuzailov/components/bitrix/breadcrumb/main/style.css?17562867851483*/ .breadcrumbs { padding-top: 16px; padding-bottom: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 991px) { .breadcrumbs { padding-top: 32px; padding-bottom: 32px; } } .breadcrumbs__list { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; list-style: none; } .breadcrumbs__list-item { align-items: center; justify-content: center; text-align: center; display: flex; font-size: 13px; color: #333333; } .light-mode .breadcrumbs__list-item { color: #ffffff; } .breadcrumbs__list-item::after { color: #868686; } .light-mode .breadcrumbs__list-item::after { color: #ffffff; } .breadcrumbs__list-item:not(:last-child):after { margin: 0 8px; content: "/"; font-size: 13px; } .breadcrumbs__list-link { text-decoration: none; font-size: 13px; color: #868686; transition: .3s color; } .light-mode .breadcrumbs__list-link { text-decoration: none; font-size: 15px; color: #ffffff; transition: .3s color; } .breadcrumbs__list-link:hover { color: #011CA9; transition: .3s color; } .light-mode .breadcrumbs__list-link:hover { color: #ffffff96; transition: .3s color; } .pagination { display: flex; flex-direction: column; align-items: center } /* End */ /* Start:/local/templates/fuzailov/components/bitrix/news.list/advantages_prod/style.css?17562861031872*/ /* -- */ .pluses { padding-top: 50px; padding-bottom: 88px; } @media (min-width: 991px) { .pluses { padding-top: 60px; padding-bottom: 60px; } } .pluses-grid { display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 991px) { .pluses-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem 2rem; } } @media (min-width: 1200px) { .pluses-grid { grid-template-columns: repeat(4, 1fr); } } .pluses__item { display: flex; flex-direction: column; justify-content: flex-start; } .pluses__icon { display: flex; justify-content: center; } .pluses__title { margin-top: 3px; font-family: Forum; font-size: 25px; line-height: 100%; text-align: center; } @media (min-width: 991px) { .pluses__title { font-size: 30px; margin-top: 20px; } } .pluses__descr { margin-left: auto; margin-right: auto; margin-top: 16px; font-size: 14px; text-align: center; line-height: 120%; } @media (min-width: 991px) { .pluses__descr { margin-top: 20px; font-size: 14px; max-width: 372px; min-height: 86px; } } @media (min-width: 1400px) { .pluses__descr { font-size: 14px; } } .pluses__tooltip { margin-left: auto; margin-right: auto; width: 80%; max-width: 218px; padding-top: 12px; display: flex; justify-content: center; border-top: 1px solid #DCDBDB; margin-top: 26px; } @media (min-width: 991px) { .pluses__tooltip { width: 100%; margin-top: 38px; } } .pluses__link path { transition: .3s stroke; } .pluses__link:hover path { stroke: #011CA9; transition: .3s stroke; } /* -- */ /* End */ /* Start:/local/templates/fuzailov/components/bitrix/news.detail/seo-description/style.css?1748351159155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* /local/templates/fuzailov/css/swiper/swiper.min.css?174835624817053 */ /* /local/templates/fuzailov/css/style.css?1777303184227228 */ /* /local/templates/fuzailov/js/datepicker/jquery-ui.min.css?174835112618879 */ /* /local/templates/fuzailov/components/bitrix/menu/header_menu/style.css?17562933138700 */ /* /local/templates/fuzailov/components/bitrix/menu/header_big_submenu/style.css?1748351145581 */ /* /local/templates/fuzailov/components/bitrix/menu/header_submenu/style.css?1748351147581 */ /* /local/templates/fuzailov/components/bitrix/breadcrumb/main/style.css?17562867851483 */ /* /local/templates/fuzailov/components/bitrix/news.list/advantages_prod/style.css?17562861031872 */ /* /local/templates/fuzailov/components/bitrix/news.detail/seo-description/style.css?1748351159155 */