/* Start:/local/templates/coinsbrand/css/swiper-bundle.min.css?177172332118451*/ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/coinsbrand/css/fancybox.css?177172332112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/coinsbrand/css/grid.css?177172332114572*/ .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-left: 5px; padding-right: 5px; } .row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .order-first { order: -1; } .order-last { order: 13; } .d-none { display: none; } .d-initial { display: initial; } .d-flex { display: flex; } .offset-auto { margin-left: auto; } .offset-0 { margin-left: 0%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 414px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .d-sm-none { display: none; } .d-sm-initial { display: initial; } .d-sm-flex { display: flex; } .offset-sm-auto { margin-left: auto; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 744px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .order-md-first { order: -1; } .order-md-last { order: 13; } .d-md-none { display: none; } .d-md-initial { display: initial; } .d-md-flex { display: flex; } .offset-md-auto { margin-left: auto; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .d-lg-none { display: none; } .d-lg-initial { display: initial; } .d-lg-flex { display: flex; } .offset-lg-auto { margin-left: auto; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .d-xl-none { display: none; } .d-xl-initial { display: initial; } .d-xl-flex { display: flex; } .offset-xl-auto { margin-left: auto; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1440px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .d-xxl-none { display: none; } .d-xxl-initial { display: initial; } .d-xxl-flex { display: flex; } .offset-xxl-auto { margin-left: auto; } .offset-xxl-0 { margin-left: 0%; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } } /* End */ /* Start:/local/templates/coinsbrand/css/templates.css?1779118029168067*/ @charset "UTF-8"; @font-face { font-family: "FontSiteFamily"; font-style: normal; font-weight: 400; font-display: swap; src: url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Regular.woff2") format("woff2"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Regular.woff") format("woff"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Regular.ttf") format("truetype"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Regular.eot?") format("eot"); } @font-face { font-family: "FontSiteFamily"; font-style: normal; font-weight: 450; font-display: swap; src: url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Normal.woff2") format("woff2"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Normal.woff") format("woff"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Normal.ttf") format("truetype"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Normal.eot?") format("eot"); } @font-face { font-family: "FontSiteFamily"; font-style: normal; font-weight: 500; font-display: swap; src: url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Medium.woff2") format("woff2"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Medium.woff") format("woff"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Medium.ttf") format("truetype"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Medium.eot?") format("eot"); } @font-face { font-family: "FontSiteFamily"; font-style: normal; font-weight: 600; font-display: swap; src: url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_DemiBold.woff2") format("woff2"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_DemiBold.woff") format("woff"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_DemiBold.ttf") format("truetype"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_DemiBold.eot?") format("eot"); } @font-face { font-family: "FontSiteFamily"; font-style: normal; font-weight: 700; font-display: swap; src: url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Bold.woff2") format("woff2"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Bold.woff") format("woff"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Bold.ttf") format("truetype"), url("/local/templates/coinsbrand/css/../fonts/TT_Commons_Pro_Bold.eot?") format("eot"); } :root { --text-dark: #2C2C2C; --text-silver: #A6A6A6; --line-silver: #E6E6E6; } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } ::selection { background-color: #000; color: #fff; } img::selection { background-color: transparent; } html, body { height: 100%; margin: 0; padding: 0; } .page-wrapper { display: flex; flex-direction: column; min-height: 100vh; } .main { flex-grow: 1; } /*--------------Общие стили start-------------*/ * { box-sizing: border-box; } div[id^=wait_comp_] { display: none; } #panel.authorized+header.transparent { top: 40px; } .swiper-notification { display: none; } @media (min-width: 1200px) { * { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .scroll-style *::-webkit-scrollbar { width: 8px; background-color: #ACACAC; } .scroll-style *::-webkit-scrollbar-thumb { background-color: #D0CFCF; } .scroll-style *::-webkit-scrollbar-thumb:hover { background-color: #1D1D1B; } } body { display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh) * 100); min-width: 320px; background-color: #ffffff; margin: 0; overflow-x: hidden; font-family: FontSiteFamily, arial; line-height: 1; color: var(--text-dark); } body.scroll-overflow { overflow: hidden !important; } body.scroll-hidden { position: fixed; width: 100%; overflow: hidden !important; top: 0; left: 0; } @media (min-width: 1200px) { body.scroll-hidden header.transparent, body.scroll-hidden header.transition { width: calc(100% - 8px); } body.scroll-hidden.scroll-style { padding-right: 8px; } } .title-search-result { display: none !important; } /*.alert-danger { display: none; }*/ #bx-soa-main-notifications .alert-danger { display: block; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } .container { padding: 0 30px; margin-right: auto; margin-left: auto; width: 100%; max-width: 100%; } @media (max-width: 743px) { .container { padding: 0 20px; } } h1 { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } h1.large { color: #202020; line-height: 1; font-weight: 400; font-size: 4rem; text-transform: uppercase; } @media (max-width: 1199px) { h1.large { font-size: 3rem; } } @media (max-width: 743px) { h1.large { font-size: 2rem; } } h2 { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.875rem; text-transform: uppercase; } h2.large { color: #202020; line-height: 1.3; font-weight: 400; font-size: 1.75rem; text-transform: uppercase; } @media (max-width: 743px) { h2.large { font-size: 0.9375rem; line-height: 1; } } input, button, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; background-color: #ffffff; padding: 0; font-family: FontSiteFamily, arial; } .img-wrap img { display: block; width: 100%; height: auto; } .video-wrap { position: relative; overflow: hidden; } .video-wrap video { display: block; width: 100%; height: calc(100% - 1px); object-fit: cover; } .video-wrap picture { display: block; position: absolute; opacity: 1; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity 0.5s ease-in-out; } .video-wrap img { display: block; position: absolute; opacity: 1; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity 0.5s ease-in-out; } .video-wrap.play img, .video-wrap.play picture { opacity: 0; } ol, ul { list-style: none; padding: 0; margin: 0; } .row { --bs-gutter-x: 0; --bs-gutter-y: 0; } a, a:hover { text-decoration: none; outline: none; } a:focus { text-decoration: none; outline: none; } .link-border { position: relative; white-space: nowrap; } .link-border:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background-color: #757575; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; } .link-border:hover:after { transform: scaleX(1); transform-origin: left; } .link-border-reverse { position: relative; white-space: nowrap; } .link-border-reverse:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; transform: scaleX(1); transform-origin: left; background-color: #757575; transition: transform 0.5s ease-in-out; } .link-border-reverse:hover:after { transform: scaleX(0); transform-origin: right; } .base-btn { display: flex; justify-content: center; background-color: #202020; padding: 6px 11px; transition: background-color 0.5s ease-in-out; border: 1px solid #202020; cursor: pointer; } .base-btn span, .base-btn button { color: #fff; line-height: 1; font-weight: 450; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.07em; transition: color 0.5s ease-in-out; background-color: transparent; } .base-btn:hover { background-color: #ffffff; } .base-btn:hover span, .base-btn:hover button { color: #1D1D1B; } .base-btn.disable { pointer-events: none; background-color: #DCDCDC; border-color: #DCDCDC; } .base-btn.disable span, .base-btn.disable button { color: #ffffff; } @media (max-width: 743px) { .base-btn { padding: 4px 6px; } } .base-btn-reverse { display: flex; justify-content: center; background-color: #F2F2F2; padding: 7px 12px; transition: background-color 0.5s ease-in-out; cursor: pointer; } .base-btn-reverse span, .base-btn-reverse button, .base-btn-reverse a { color: #1D1D1B !important; line-height: 1; font-weight: 450; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.07em; transition: color 0.5s ease-in-out; background-color: transparent; } .base-btn-reverse:hover { background-color: #202020; } .base-btn-reverse:hover span, .base-btn-reverse:hover button, .base-btn-reverse:hover a { color: #fff !important; } .base-btn-reverse.disable { pointer-events: none; background-color: #DCDCDC; border-color: #DCDCDC; } .base-btn-reverse.disable span, .base-btn-reverse.disable button { color: #ffffff; } @media (max-width: 743px) { .base-btn-reverse { padding: 4px 6px; } } .hover-btn:hover { cursor: pointer; } .hover-btn:hover .base-btn-transparent { background-color: #202020; border-color: #202020; } .base-btn-transparent { display: flex; align-items: center; padding: 4px 40px; border: 1px solid #fff; background-color: transparent; transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out; cursor: pointer; } .base-btn-transparent span { text-align: center; color: #fff; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .base-btn-transparent:hover { background-color: #202020; border-color: #202020; } @media (max-width: 743px) { .base-btn.fixed-mobile, .base-btn-reverse.fixed-mobile { position: fixed; bottom: 50px; left: 20px; right: 20px; padding: 14px 6px 13px; z-index: 20; justify-content: center; transition: bottom 0.5s ease-in-out; } .basket-modal-open .base-btn.fixed-mobile { display: none; } } .breadcrumbs { display: flex; scroll-snap-type: x mandatory; overflow-x: auto; overflow-y: hidden; margin-right: -30px; padding-right: 30px; max-width: 100%; } .breadcrumbs .bx-breadcrumb-item { display: flex; align-items: baseline; margin-right: 3px; height: auto; scroll-snap-align: start; color: #ACACAC; line-height: 1; font-weight: 500; font-size: 0.9375rem; } .breadcrumbs .bx-breadcrumb-item a { color: inherit; line-height: 1; transition: color 0.5s ease-in-out; } .breadcrumbs .bx-breadcrumb-item a:hover { color: #1D1D1B; } .breadcrumbs .bx-breadcrumb-item:not(:last-child):after { content: "/"; display: block; margin-left: 3px; } .breadcrumbs .bx-breadcrumb-item:last-child { color: #1D1D1B; pointer-events: none; } @media (max-width: 743px) { .breadcrumbs { margin-right: -20px; padding-right: 20px; } } .favor { position: relative; z-index: 9; background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; } .favor svg path { transition: fill 0.2s ease-in-out; } .favor.active svg path { fill: #000; } .bx-no-touch .favor.active:hover svg path { fill: #545960; } .bx-no-touch .favor:hover svg path { fill: #9499a0; } @media (max-width: 743px) { .favor svg { width: 14px; height: 12px; } } .accordion .ac-body { display: none; } .tag { padding: 8px 12px 7px; max-width: -moz-max-content; max-width: max-content; } .tag span { display: block; color: #fff; line-height: 1; font-weight: 450; font-size: 0.625rem; text-transform: uppercase; } .tag.N { background-color: #EB7676; } .tag.P { background-color: #87B0BC; } .tag.AU { background-color: #87B0BC; } .tag.OC { background-color: #EB7676; } .tag.D { background-color: #87B0BC; } .tag.BB { background-color: #88BC87; } /*--------------Tabs (start)-------------*/ .tabs .tabs-body { position: relative; } .tabs .tabs-body .tab-content { display: block; opacity: 0; position: absolute; transition: opacity 0.5s ease-in-out; height: 0; overflow: hidden; width: 100%; top: 0; } .tabs .tabs-body .tab-content.selected { opacity: 1; z-index: 3; position: relative; height: auto; overflow: clip; } /*--------------Tabs (end)-------------*/ .modal-open { cursor: pointer; } .modal-right { position: fixed; width: 50vw; max-width: 600px; top: 0; right: -50vw; z-index: 30; } .modal-right .overlaid { opacity: 0; z-index: 29; top: 0; left: 0; transition: opacity 0.5s ease-in-out; } .modal-right.open { right: 0; transition: right 0.5s ease-in-out; } .modal-right.open .overlaid { position: fixed; width: 100vw; height: calc(var(--vh, 1vh) * 100); background-color: #1D1D1B; opacity: 0.4; } .modal-right.close { transition: right 0.5s ease-in-out; } .modal-right.close .overlaid { position: fixed; width: 100vw; height: calc(var(--vh, 1vh) * 100); background-color: #1D1D1B; opacity: 0; } .modal-right .modal-content { position: relative; z-index: 30; height: calc(var(--vh, 1vh) * 100); background-color: #ffffff; padding: 35px 35px 70px; overflow-y: auto; } .modal-right .modal-content .close-btn:not(.base-btn) { cursor: pointer; display: block; background-image: url("/local/templates/coinsbrand/images/close-modal.svg"); width: 23px; height: 23px; min-height: 23px; margin-left: auto; margin-bottom: 100px; transition: transform 0.5s ease-in-out; z-index: 99; } @media(max-width: 800px) { .modal-right .modal-content .close-btn:not(.base-btn) { position: absolute; right: 20px; } } .modal-right .modal-content .close-btn:not(.base-btn):hover { transform: rotateZ(360deg); } @media (max-width: 1199px) { .modal-right { width: 66.6vw; top: 0; right: -66.6vw; } .modal-right.open { right: 0; } .modal-right .modal-content { padding: 30px 30px 70px; } } @media (max-width: 743px) { .modal-right { width: 100vw; right: -100vw; max-width: 100vw; } .modal-right.open { right: 0; } .modal-right .modal-content { padding: 30px 20px 70px; } .modal-right .close-btn:not(.base-btn) { margin-bottom: 60px; } } .modal-left { position: fixed; width: 50vw; max-width: 600px; top: 0; left: -50vw; z-index: 30; height: 100%; } .modal-left .overlaid { opacity: 0; z-index: 29; top: 0; left: 0; transition: opacity 0.5s ease-in-out; height: 100% !important; } .modal-left.open { left: 0; transition: left 0.5s ease-in-out; height: 100%; } .modal-left.open .overlaid { position: fixed; width: 100vw; height: calc(var(--vh, 1vh) * 100); background-color: #1D1D1B; opacity: 0.4; } .modal-left.close { transition: left 0.5s ease-in-out; } .modal-left.close .overlaid { position: fixed; width: 100vw; height: 100%; background-color: #1D1D1B; opacity: 0; } .modal-left .modal-content { position: relative; z-index: 30; height: 100%; background-color: #ffffff; padding: 30px 30px 25px; overflow-y: auto; } .modal-left .modal-content .close-btn:not(.base-btn) { cursor: pointer; display: block; background-image: url("/local/templates/coinsbrand/images/close-modal.svg"); width: 23px; height: 23px; min-height: 23px; margin-left: auto; margin-bottom: 100px; transition: transform 0.5s ease-in-out; } .modal-left .modal-content .close-btn:not(.base-btn):hover { transform: rotateZ(360deg); } @media (max-width: 1199px) { .modal-left { width: 66.6vw; top: 0; left: -66.6vw; } .modal-left.open { left: 0; } .modal-left .modal-content { padding: 30px 30px 70px; } } @media (max-width: 743px) { .modal-left { width: 100vw; left: -100vw; max-width: 100vw; } .modal-left.open { left: 0; } .modal-left .modal-content { padding: 30px 20px 70px; } .modal-left .close-btn:not(.base-btn) { margin-bottom: 60px; } } .modal-center { position: fixed; top: 0; left: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100); z-index: 30; align-items: center; justify-content: center; display: none; } .modal-center.open { display: flex; } .modal-center .overlaid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 29; background-color: #1D1D1B; opacity: 0.4; } .modal-center .modal-content { position: relative; z-index: 30; padding: 40px 0 56px; max-width: 485px; background-color: #ffffff; max-height: calc(var(--vh, 1vh) * 100); overflow-y: auto; } .modal-center .modal-content .close-btn:not(.base-btn-reverse, .base-btn) { position: absolute; top: 35px; right: 30px; cursor: pointer; display: block; background-image: url("/local/templates/coinsbrand/images/close-modal.svg"); width: 23px; height: 23px; min-height: 23px; transition: transform 0.5s ease-in-out; } .modal-center .modal-content .close-btn:not(.base-btn-reverse, .base-btn):hover { transform: rotateZ(360deg); } @media (max-width: 743px) { .modal-center .modal-content { max-width: 100%; width: 100%; height: 100%; padding: 35px 20px; } .modal-center .modal-content .close-btn:not(.base-btn-reverse, .base-btn) { position: static; margin-bottom: 60px; margin-left: auto; } } :root { --modalTransform: calc(-100% - var(--headerHeight)); } .modal-top { position: fixed; width: 100vw; height: auto; top: 0; right: 0; transform: translateY(-100%); z-index: 9; } .modal-top .overlaid { opacity: 0; z-index: 8; top: 0; left: 0; transition: opacity 0.5s ease-in-out; } .modal-top.open { transform: translateY(var(--headerHeight)); transition: transform 0.5s ease-in-out; } .modal-top.open .overlaid { position: fixed; width: 100vw; height: calc(var(--vh, 1vh) * 200); background-color: #1D1D1B; opacity: 0.4; } .modal-top.close { transition: transform 0.5s ease-in-out; } .modal-top.close .overlaid { position: fixed; width: 100vw; height: calc(var(--vh, 1vh) * 200); background-color: #1D1D1B; opacity: 0; } .modal-top .modal-content { position: relative; z-index: 9; background-color: #ffffff; padding: 20px 30px 36px; border-top: 1px solid #D0CFCF; overflow-y: auto; } .modal-top .modal-content .close-btn:not(.base-btn) { cursor: pointer; display: block; } @media (max-width: 1199px) { .modal-top { z-index: 10; } .modal-top.open { transform: translateY(0); } .modal-top .modal-content { z-index: 10; padding: 30px; min-height: calc(var(--vh, 1vh) * 100); } } .catalog-item { display: flex; height: 100%; flex-direction: column; } .catalog-item .top-bar { display: flex; align-items: center; min-height: 24px; z-index: 1; position: absolute; width: 100%; margin: 0; } .catalog-item .top-bar .tags { display: flex; flex-wrap: wrap; flex-shrink: 1; gap: 8px; padding: 16px; pointer-events: none; } @media (max-width: 743px) { .recommended-catalog .catalog-item .top-bar .tags { padding: 16px 0; } } .catalog-item .top-bar .tags .percent { pointer-events: none; } .catalog-item .top-bar .tags .percent .minus { position: relative; top: -1px; margin-right: 2px; } .catalog-item .top-bar .tags .base-btn-reverse { pointer-events: none; background-color: #fff; border: 1px solid #000; } .catalog-item .top-bar .base-btn { border-color: #000; white-space: nowrap; padding: 7px 12px; } @media (max-width: 743px) { .catalog-item .top-bar .base-btn { padding: 4px 6px; } } @media (max-width: 550px) { .catalog-item .top-bar .base-btn { /* white-space: wrap; width: min-content; */ } } .catalog-item .wrap-bg { margin-bottom: 11px; } .catalog-item .bottom-bar { align-items: center; margin: 0; display: flex; flex-direction: column; gap: 0.3em; height: 100%; margin-top: -2.8rem; z-index: 1; } .catalog-item .bottom-bar .colors-block { display: flex; align-items: center; margin-bottom: 6px; } .catalog-item .bottom-bar .colors-block .color-img { width: 9px; height: 9px; margin-right: 4px; } .catalog-item .bottom-bar .colors-block .count { color: #B0B0B6; line-height: 1; font-weight: 450; font-size: 0.9375rem; } .catalog-item .bottom-bar .color, .catalog-item .bottom-bar .name { color: #000; font-size: 1rem; font-weight: 600; text-transform: initial; } .catalog-item .bottom-bar .name { text-transform: uppercase; } .catalog-item .bottom-bar .price { display: flex; flex-direction: column; align-items: flex-end; } .catalog-item .bottom-bar .price .current { color: #000; line-height: 1; font-weight: 400; font-size: 1rem; } .catalog-item .bottom-bar .price .old { color: #B0B0B6; line-height: 1; font-weight: 400; font-size: 1rem; margin-bottom: 7px; position: relative; } .catalog-item .bottom-bar .price .old:before { content: ""; display: block; width: 100%; height: 1px; background-color: #B0B0B6; position: absolute; top: 50%; left: 0; } .bottom-bar .pre-order span { font-size: 1rem; color: #087B00; font-weight: 500; } .pre-order-note { color: #087B00; width: 100%; text-align: center; padding-top: 0 !important; } @media (max-width: 743px) { .catalog-item .bottom-bar .color, .catalog-item .bottom-bar .name, .catalog-item .bottom-bar .price .current, .catalog-item .bottom-bar .price .old, .bottom-bar .pre-order span, .pre-order-note { font-size: 0.9rem; } } @media (max-width: 1199px) { .catalog-item { position: relative; } .catalog-item .bottom-bar .colors-block { margin-bottom: 3px; } } @media (max-width: 743px) { .catalog-item .bottom-bar .colors-block { display: none; margin-bottom: 7px; } .catalog-item .bottom-bar .price { flex-direction: row-reverse; align-items: baseline; } .catalog-item .bottom-bar .price .old { margin-bottom: 0; margin-left: 6px; } .catalog-item .bottom-bar .price .current { line-height: 1.2; } } .main-screen-banner { display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 60px; } .main-screen-banner .banner-img { width: 100%; } .main-screen-banner .banner-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-screen-banner .banner-content { position: relative; padding-top: calc(var(--headerHeight) + 50px); } .main-screen-banner .btn-wrap { display: flex; border-radius: 4px 4px 0 0; overflow: hidden; } .main-screen-banner .btn-wrap .link-banner { width: 100%; padding: 8px 9px; text-align: center; margin: 0; background-color: #EDECEC; color: #202020; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; cursor: pointer; transition: background-color 0.5s ease-in-out; } .main-screen-banner .btn-wrap .link-banner:hover { background-color: #ffffff; } .main-screen-banner .btn-wrap .link-banner.active { background-color: #ffffff; } @media (max-width: 743px) { .main-screen-banner .banner-content { position: relative; padding-top: calc(var(--headerHeight) + 80px); } } .bmhouse-comments-rating .bmhouse-comments-rating-background, .bmhouse-comments-rating .bmhouse-comments-rating-foreground { height: 12px; width: 74px; } .bmhouse-comments-rating .bmhouse-comments-rating-background { background-repeat: repeat-x; background-size: 15px 12px; } .bmhouse-comments-rating .bmhouse-comments-rating-foreground { background-repeat: repeat-x; background-size: 15px 12px; } .video-wrap[preview] { cursor: pointer; } .full-video { display: none; width: 100vw; height: calc(var(--vh, 1vh) * 100); position: fixed; top: 0; left: 0; z-index: 30; padding: 0; } .full-video .close-btn:not(.base-btn) { position: absolute; right: 35px; top: 35px; cursor: pointer; display: block; background-image: url("/local/templates/coinsbrand/images/close-modal.svg"); background-size: cover; width: 30px; height: 30px; min-height: 23px; z-index: 31; mix-blend-mode: difference; transition: transform 0.5s ease-in-out; } .full-video .close-btn:not(.base-btn):hover { transform: rotateZ(360deg); } .full-video video { height: 100%; background-color: #202020; } .full-video.open { display: block; } .video-wrap.is-sound .sound-button { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; background: transparent; margin: 20px; padding: 5px; z-index: 10; cursor: pointer; opacity: 0.6; transition: opacity 0.3s; } .video-wrap.is-sound .sound-button:hover { opacity: 1; } .video-wrap.is-sound .sound-icon { width: 20px; height: 20px; fill: white; } @media (max-width: 743px) { .video-wrap.is-sound .sound-button { margin: 10px; } } .constructor { overflow-x: hidden; } .constructor .constructor-element { position: relative; } .constructor .constructor-element [class*=col-] { padding: 0; } .constructor .constructor-element .row { margin: 0; } .constructor .constructor-element.double-element .row .col-6 img { height: 100%; -o-object-fit: cover; object-fit: cover; } .constructor .constructor-element.double-element .row .col-6 .video-wrap { height: 100%; } .constructor .constructor-element.double-element .row .col-6 .video-wrap video { height: 100%; -o-object-fit: cover; object-fit: cover; } .constructor .constructor-element.double-element .row .center { height: -moz-max-content; height: max-content; margin-top: auto; margin-bottom: auto; margin-right: auto; } .constructor .constructor-element.text-element .row { align-items: center; } .constructor .constructor-element.text-element .row .text-wrap { height: -moz-max-content; height: max-content; } .constructor .constructor-element.text-element .row .text-wrap .text { margin-right: 30px; } .constructor .constructor-element.text-element .row .text-wrap .text h2 { margin-bottom: 10px; } .constructor .constructor-element.text-element .row .text-wrap .text p { color: #202020; line-height: 1.2; font-weight: 400; font-size: 0.875rem; } .constructor .constructor-element.text-element .row .text-wrap .text p:not(:last-child) { margin-bottom: 10px; } .constructor .constructor-element.text-element .row .text-wrap .text ul { padding-left: 15px; } .constructor .constructor-element.text-element .row .text-wrap .text ul:not(:last-child) { margin-bottom: 10px; } .constructor .constructor-element.text-element .row .text-wrap .text ul li { position: relative; color: #202020; line-height: 1.2; font-weight: 400; font-size: 0.875rem; } .constructor .constructor-element.text-element .row .text-wrap .text ul li:before { display: block; content: ""; position: absolute; top: 9px; left: -14px; width: 9px; height: 1px; background-color: #202020; } .constructor .constructor-element.text-element .row .text-wrap.reverse .text { margin-left: auto; padding-left: 30px; margin-right: 0; } .constructor .constructor-element.text-element .row .text-wrap.center .text { margin-right: auto; margin-left: auto; } @media (max-width: 743px) { .constructor .constructor-element.text-element .img-wrap, .constructor .constructor-element.text-element .video-wrap { margin-bottom: 38px; } .constructor .constructor-element.text-element .row .text-wrap .text { margin-right: 0; } } .constructor .constructor-element.slider-element .slider { cursor: none; overflow: hidden; } .constructor .constructor-element.slider-element .slider.clicked .swiper-pagination .line::after { transition: transform 0.7s linear; } .constructor .constructor-element.slider-element .swiper-slide { height: auto; } .constructor .constructor-element.slider-element .img-wrap { height: 100%; } .constructor .constructor-element.slider-element .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .constructor .constructor-element.slider-element .video-wrap { height: 100%; } .constructor .constructor-element.slider-element .video-wrap video { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1200px) { .constructor .constructor-element.hidden-desktop { display: none; } } @media (max-width: 1199px) and (min-width: 744px) { .constructor .constructor-element.hidden-table { display: none; } } @media (max-width: 743px) { .constructor .constructor-element.hidden-mobile { display: none; } } .swiper-pagination { position: absolute; bottom: 20px; width: 100%; display: flex; justify-content: center; gap: 6px; } .swiper-pagination .line { position: relative; width: 12px; height: 2px; background-color: rgba(197, 197, 197, 0.5); } .swiper-pagination .line:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; transform: scaleX(0); transform-origin: right; transition: transform 2.3s linear; } .swiper-pagination .line.active:after { transform: scaleX(1); transform-origin: left; } @keyframes opacityShow { 0% { opacity: 0; z-index: -1; } 10% { z-index: 2; } 100% { opacity: 1; z-index: 2; } } @keyframes opacityHidden { 0% { opacity: 1; z-index: 2; } 80% { opacity: 0; } 100% { opacity: 0; z-index: -1; } } .select { position: relative; cursor: pointer; } .select .option { z-index: -1; position: absolute; opacity: 0; padding: 15px 17px; background: #ffffff; box-shadow: 1px 4px 8px rgba(92, 92, 111, 0.1); max-height: 140px; overflow-y: auto; } .select.active .option { animation: opacityShow 0.5s ease-in-out forwards; } .select.close .option { animation: opacityHidden 0.5s ease-in-out forwards; } .custom-cursor { position: fixed; z-index: 1000; pointer-events: none; width: 38px; } .custom-cursor.hidden { display: none; } .catalog-line { position: relative; } .catalog-line .swiper-wrapper { transition-timing-function: linear; } .catalog-line .area-next-swipe { position: absolute; top: 40px; right: 0; height: calc(100% - 80px); width: calc(11.7647058824% + 30px); z-index: 3; cursor: none; } .catalog-line .area-prev-swipe { position: absolute; top: 0; left: 0; height: 100%; width: 30px; z-index: 3; cursor: none; } .catalog-section .swiper-slide { flex: 0 0 auto; height: auto; } .catalog-section .product-item-container { height: 100%; } @media (max-width: 1199px) { .catalog-line .area-next-swipe { display: none; } .catalog-line .area-prev-swipe { display: none; } } @media (max-width: 743px) { .catalog-line .area-next-swipe { width: 9.0909090909%; } } @media (max-width: 374px) { .catalog-line .area-next-swipe { width: 23.0769230769%; } } .show-more-btn { opacity: 0; } .disable-section { opacity: 0.5; pointer-events: none; } .marquee { display: flex; width: 100vw; padding: 13px 0; overflow: hidden; background-color: #202020; color: #fff; white-space: nowrap; flex-shrink: 0; } .marquee p { display: inline-block; padding-left: calc(33% - 343px); color: #fff; line-height: 1.2; font-weight: 500; font-size: 0.75rem; animation: marquee 8s linear infinite; letter-spacing: 0.03em; } @media (max-width: 1439px) { .marquee p { padding-left: calc(50% - 343px); } } @media (max-width: 743px) { .marquee p { padding-left: calc(50% - 257px); animation: marquee 6s linear infinite; font-size: 9px; } } @media (max-width: 600px) { .marquee p { padding-left: calc(75% - 257px); } } @media (max-width: 413px) { .marquee p { padding-left: calc(100% - 242px); } } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* Шапка (START) */ header { background-color: #ffffff; z-index: 10; } @media (max-width: 743px) { header { margin-bottom: 15px; } } header.mb-none { margin-bottom: 0; } header.transition { position: absolute; transition: background-color 0.5s ease-in-out; } header.transition .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link { transition: color 0.5s 0.1s ease-in-out; } header.transition .header .header-logo img { transition: opacity 0.5s 0.1s ease-in-out; } header.transition .header .personal .search { transition: color 0.5s 0.1s ease-in-out; } header.transition .header .personal .search svg circle { transition: stroke 0.5s 0.1s ease-in-out; } header.transition .header .personal .search svg line { transition: stroke 0.5s 0.1s ease-in-out; } header.transition .header .personal .bx-basket .account svg circle { transition: stroke 0.5s 0.1s ease-in-out; } header.transition .header .personal .bx-basket .account svg path { transition: stroke 0.5s 0.1s ease-in-out; } header.transition .header .personal .bx-basket .favor-link .icon svg path { transition: stroke 0.5s 0.1s ease-in-out; } header.transition .header .personal .bx-basket .basket-cart { transition: color 0.5s 0.1s ease-in-out; } header.constructor-page { margin-bottom: 0; } @media (max-width: 1199px) { header { /* margin-bottom: 64px; */ } } @media (max-width: 743px) { header { /* margin-bottom: 30px; */ } } .header { align-items: center; padding: 25px 0; } .header .bx-top-nav-container { padding: 0; } .header .menu .bx-nav-list-1-lvl { margin: 0 -10px; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl { padding: 0 10px; transition: opacity 0.5s ease-in-out; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl.bx-hover { opacity: 0.6; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl.bx-active { opacity: 0.6; pointer-events: none; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link { color: #000; line-height: 1; font-weight: 500; font-size: 0.875rem; padding: 0; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link.modal-open.active { position: relative; z-index: 31; color: #B1B1B1; transition: color 0.5s ease-in-out; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link.modal-open.deactivated { position: relative; z-index: 31; transition: color 0.5s 0.1s ease-in-out; } .header .menu .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link span { padding: 0; } .header .header-logo { height: 30px; display: flex; justify-content: center; } .header .header-logo img { height: 100%; width: auto; } .header .header-logo img.logo-white { opacity: 0; position: absolute; z-index: -1; } .header .personal { display: flex; align-items: center; justify-content: flex-end; } .header .personal .search { cursor: pointer; align-items: center; color: #000; line-height: 1; font-weight: 500; font-size: 0.875rem; } .header .personal .search svg { margin-right: 10px; } .header .personal .search:not(:last-child) { margin-right: 60px; } .header .personal .bx-basket .basket-line { display: flex; align-items: center; } .header .personal .bx-basket .account { display: flex; margin-right: 20px; transition: opacity 0.5s ease-in-out; } .header .personal .bx-basket .account:hover { opacity: 0.6; } .header .personal .bx-basket .favor-link { align-items: center; justify-content: center; position: relative; transition: opacity 0.5s ease-in-out; } .header .personal .bx-basket .favor-link:hover { opacity: 0.6; } .header .personal .bx-basket .favor-link:not(:last-child) { margin-right: 20px; } .header .personal .bx-basket .favor-link .col { color: #ffffff; line-height: 1.1; font-weight: 450; font-size: 0.625rem; padding: 2px 5px 1px; background-color: #202020; border-radius: 2px; position: absolute; top: -3px; right: -9px; width: -moz-max-content; width: max-content; } .header .personal .bx-basket .favor-link .col.hidden { display: none; } .header .personal .bx-basket .favor-link .icon { display: flex; } .header .personal .bx-basket .basket-cart { color: #000; line-height: 1; font-weight: 500; font-size: 0.875rem; transition: opacity 0.5s ease-in-out; } .header .personal .bx-basket .basket-cart:hover { opacity: 0.6; } @media (max-width: 1199px) { .header { align-items: center; } .header .mobile-menu { align-items: center; } .header .mobile-menu .btn-menu { width: 19px; height: 15px; display: flex; flex-direction: column; justify-content: center; position: relative; cursor: pointer; margin-right: 20px; } .header .mobile-menu .btn-menu span { width: 100%; height: 1px; position: relative; left: 0; background-color: #1D1D1B; transition: width 0.5s 0.1s ease-in-out, left 0.5s 0.1s ease-in-out, background-color 0.2s 0.1s ease-in-out; } .header .mobile-menu .btn-menu:after, .header .mobile-menu .btn-menu:before { display: block; content: ""; width: 100%; height: 1px; background-color: #1D1D1B; position: absolute; transition: background-color 0.2s 0.1s ease-in-out, transform 0.5s 0.1s ease-in-out, bottom 0.5s 0.1s ease-in-out, top 0.5s 0.1s ease-in-out; } .header .mobile-menu .btn-menu:after { bottom: 0; } .header .mobile-menu .btn-menu:before { top: 0; } .header .mobile-menu .btn-menu.active { z-index: 31; } .header .mobile-menu .btn-menu.active span { position: relative; left: 26px; width: 0; background-color: #1D1D1B; transition: width 0.5s ease-in-out, left 0.5s ease-in-out, background-color 0.2s ease-in-out; } .header .mobile-menu .btn-menu.active:after, .header .mobile-menu .btn-menu.active:before { background-color: #1D1D1B; transition: background-color 0.2s ease-in-out, transform 0.5s ease-in-out, bottom 0.5s ease-in-out, top 0.5s ease-in-out; } .header .mobile-menu .btn-menu.active:after { transform: rotateZ(-45deg); bottom: 7px; } .header .mobile-menu .btn-menu.active:before { transform: rotateZ(45deg); top: 7px; } .header .mobile-menu .btn-menu.deactivated { z-index: 31; } .header .mobile-menu .search { cursor: pointer; } .header .personal .bx-basket .basket-line { align-items: flex-end; } .header .personal .bx-basket .basket-cart-mobile { display: flex; position: relative; } .header .personal .bx-basket .basket-cart-mobile .count-store { color: #ffffff; line-height: 1.1; font-weight: 450; font-size: 0.625rem; padding: 2px 5px 1px; background-color: #202020; border-radius: 2px; position: absolute; top: -2px; right: -8px; } } @media (max-width: 743px) { .header .header-logo { height: 20px; } } .modal-two-lvl-menu .modal-content { display: flex; flex-direction: column; padding-top: 24px; } .modal-two-lvl-menu .modal-content .close-btn { margin-bottom: 54px; } .modal-two-lvl-menu .modal-content .list-section .section-link { display: block; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .modal-two-lvl-menu .modal-content .list-section .section-link:not(:last-child) { margin-bottom: 15px; } .section-link.new { display: flex !important; justify-content: space-between; align-items: center; } .section-link.new span { order: 1; } .section-link.new::before { content: ""; display: block; order: 2; flex-grow: 1; height: 1px; background: #000; margin: 0 16px; } .section-link.new::after { content: "NEW"; display: block; order: 3; } .list-section.separated { border-top: 1px solid #d5d5d5; padding-top: 14px; margin-top: -14px; } .modal-two-lvl-menu .modal-content .img-wrap { display: block; max-width: 270px; margin-top: auto; } .modal-menu .modal-content { padding-top: 110px; } .modal-menu .modal-content .bx-nav-list-1-lvl { flex-direction: column; margin-bottom: -16px; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl .ac-content { padding-left: 22px; padding-top: 15px; padding-bottom: 15px; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl .list-section a { display: block; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl .list-section a:not(:last-child) { margin-bottom: 15px; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl { margin-bottom: 15px; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl.bx-active { opacity: 0.6; pointer-events: none; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl-link { display: flex; align-items: center; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl-link svg { margin-left: 10px; transition: transform 0.5s ease-in-out; } .modal-menu .modal-content .bx-nav-list-1-lvl .bx-nav-1-lvl-link.selected svg { transform: rotateZ(180deg); } /* Шапка (END) */ /*Поиск (START)*/ .modal-search .modal-content .product-col { padding-right: 30px; } .modal-search .modal-content .product-col .title-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; } .modal-search .modal-content .product-col .title-block p { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .modal-search .modal-content .product-col .title-block .close-btn svg { margin-right: 5px; } .modal-search .modal-content .product-col .title-block .close-btn svg path { transition: fill 0.5s ease-in-out; } .modal-search .modal-content .product-col .title-block .close-btn span { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; transition: color 0.5s ease-in-out; } .modal-search .modal-content .product-col .title-block .close-btn:hover svg path { stroke: #202020; } .modal-search .modal-content .product-col .title-block .close-btn:hover span { color: #202020; } .modal-search .modal-content .search-col { padding-left: 30px; } .modal-search .modal-content .search-col .close-btn { display: none; } .modal-search .modal-content .search-col .search-title { margin-bottom: 20px; } .modal-search .modal-content .search-col .search-title .input-group { padding: 5px 10px 8px; display: flex; align-items: center; border: 1px solid #1D1D1B; } .modal-search .modal-content .search-col .search-title .input-group .search-button { margin-right: 12px; height: 15px; cursor: pointer; } .modal-search .modal-content .search-col .search-title .input-group input { width: 100%; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .modal-search .modal-content .search-col .often-seek { padding: 3px 0 20px; border-top: 1px solid #D0CFCF; border-bottom: 1px solid #D0CFCF; } .modal-search .modal-content .search-col .often-seek .caption { opacity: 0.5; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 46px; } .modal-search .modal-content .search-col .often-seek .section-link { display: flex; justify-content: space-between; align-items: center; } .modal-search .modal-content .search-col .often-seek .section-link:not(:last-child) { margin-bottom: 25px; } .modal-search .modal-content .search-col .often-seek .section-link .name { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; text-transform: uppercase; } .modal-search .show-more-btn { display: none; } .modal-search .catalog-section-slider { overflow: hidden; } @media (max-width: 1199px) { .modal-search .modal-content { flex-direction: column; } .modal-search .modal-content .search-col { padding-left: 5px; margin-bottom: 55px; } .modal-search .modal-content .search-col form { width: 100%; padding-right: 70px; } .modal-search .modal-content .search-col .close-btn { display: block; margin-left: auto; margin-right: -5px; } .modal-search .modal-content .search-col .search-title { display: flex; align-items: center; margin-bottom: 30px; } .modal-search .modal-content .product-col { padding-right: 5px; } .modal-search .modal-content .product-col .title-block { margin-bottom: 10px; } .modal-search .modal-content .product-col .close-btn { display: none; } .modal-search .modal-content .product-col .catalog-section { margin-right: -30px; margin-left: -30px; } .modal-search .modal-content .product-col .catalog-section-slider { padding-right: 30px; padding-left: 30px; } } @media (max-width: 743px) { .modal-search .modal-content { padding: 30px 15px; } .modal-search .modal-content .search-col { margin-bottom: 40px; } .modal-search .modal-content .search-col form { padding-right: 0; } .modal-search .modal-content .search-col .search-title { flex-direction: column-reverse; } .modal-search .modal-content .search-col .search-title .close-btn { margin-bottom: 20px; } .modal-search .modal-content .search-col .search-title .close-btn svg { transition: transform 0.5s ease-in-out; } .modal-search .modal-content .search-col .search-title .close-btn svg:hover { transform: rotateZ(360deg); } .modal-search .modal-content .product-col .catalog-section { margin-right: -15px; margin-left: -15px; } .modal-search .modal-content .product-col .catalog-section-slider { padding-right: 15px; padding-left: 15px; } } /*Поиск (END)*/ /*Подвал (START)*/ .index-page .footer.footer--bg { margin-top: 0 !important; } .low-padding-footer .footer { padding-top: 18px; } @media (max-width: 991px) { .logo-sagirov { width: 100%; justify-content: center; padding: 26px 30px 28px; background-color: #ffffff; } .logo-sagirov span { display: block; margin-top: 4px; margin-right: 3px; align-self: flex-end; color: #59585D; line-height: 1.2; font-weight: 500; font-size: 0.625rem; text-transform: uppercase; } } .footer { --footer-color: #fff; position: relative; margin-top: 150px; padding-top: 78px; padding-bottom: 62px; background-color: #1D1D1B; } .footer>* { position: relative; z-index: 2; } .footer .link-border-reverse:after { background-color: #fff; } .footer .col-title { margin-bottom: 40px; color: var(--footer-color); line-height: 1; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; } .footer .link-warp { justify-content: space-between; row-gap: 52px; } .footer .link-warp .col-footer li:not(:last-child) { margin-bottom: 20px; } .footer .link-warp .col-footer li a { color: var(--footer-color); line-height: 1; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; display: flex; align-items: center; transition: opacity 0.5s ease-in-out; } .footer .link-warp .col-footer li a:hover { opacity: 0.7; } .footer .link-warp .col-footer li a.active { opacity: 0.7; } .footer .link-warp .col-footer li a svg { margin-right: 8px; } .footer .copyright { margin-top: 32px; } .footer .copyright .link { display: block; max-width: -moz-max-content; max-width: max-content; color: #fff; line-height: 1.2; font-weight: 500; font-size: 0.625rem; text-transform: uppercase; } .footer .copyright .logo-sagirov { display: block; margin-top: 40px; } .footer .copyright .logo-sagirov svg { width: 72px; } .footer .copyright span { display: block; color: #59585D; line-height: 1.2; font-weight: 500; font-size: 0.625rem; text-transform: uppercase; } .footer .subscribe .col-title { margin-bottom: 20px; font-weight: 600; } .footer .subscribe form.error .base-btn { pointer-events: none; background-color: #ACACAC; border-color: #ACACAC; } .footer .subscribe .bx-input-group { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; } .footer .subscribe .bx-input-group label { width: 50%; } .footer .subscribe .bx-input-group input { width: 100%; padding: 7px 10px; border-radius: 6px; border: 1px solid #fff; background-color: transparent; color: #59585D; line-height: 1; font-weight: 450; font-size: 0.75rem; } .footer .subscribe .bx-input-group .bx_subscribe_submit_container { width: 50%; cursor: pointer; } .footer .subscribe .bx-input-group .bx_subscribe_submit_container .base-btn { width: 100%; padding: 7.5px 15px; border-radius: 6px; background-color: #fff; cursor: pointer; } .footer .subscribe .bx-input-group .bx_subscribe_submit_container .base-btn span { font-size: 0.75rem; font-weight: 600; line-height: 1.2; color: #1D1D1B; } .footer .subscribe .bx-sender-subscribe-agreement label { display: flex; align-items: flex-start; cursor: pointer; } .footer .subscribe .bx-sender-subscribe-agreement label input { display: none; } .footer .subscribe .bx-sender-subscribe-agreement label input:checked+.checkbox { background-color: var(--footer-color); } .footer .subscribe .bx-sender-subscribe-agreement label .checkbox { min-width: 14px; height: 14px; margin-right: 17px; margin-top: 2px; border-radius: 1.5px; border: 1px solid var(--footer-color); background-color: transparent; transition: background 0.5s ease-in-out; } .footer .subscribe .bx-sender-subscribe-agreement label .text-agreement { color: #59585D; line-height: 1.2; font-weight: 500; font-size: 0.75rem; } .footer .subscribe .bx-sender-subscribe-agreement label .text-agreement a { color: #59585D; white-space: nowrap; position: relative; } .footer .subscribe .bx-sender-subscribe-agreement label .text-agreement a:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #59585D; transform: scaleX(1); transform-origin: left; transition: transform 0.5s cubic-bezier(0, 0, 0.35, 1); } .footer .subscribe .bx-sender-subscribe-agreement label .text-agreement a:hover::after { transform: scaleX(0); transform-origin: right; } .footer .subscribe .bx-input-group { position: relative; } .footer .subscribe .form-table-success { position: absolute; left: 0; top: 100%; z-index: 5; color: #299071; line-height: 1; font-weight: 400; font-size: 0.75rem; padding: 2px 0; } @media (max-width: 1199px) { .footer .link-warp .col-footer li:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 991px) { .footer { padding-top: 62px; padding-bottom: 42px; } .footer .copyright { margin-top: 0; max-width: max-content; } .footer .copyright .link { margin-left: auto; margin-bottom: 3px; } .footer .copyright .logo-sagirov { display: none; } .footer .copyright span { font-size: 0.625rem; margin-bottom: 3px; } .footer .link-warp { row-gap: 60px; } .footer .logo-footer { display: flex; justify-content: center; margin: 20px 0; } .footer .logo-footer img { max-width: 320px; width: 100%; } .footer .subscribe .col-title { margin-bottom: 30px; } .footer .subscribe .bx-input-group { gap: 11px; margin-bottom: 10px; } .footer .subscribe .bx-input-group input { padding: 9.5px 10px; font-size: 0.625rem; } .footer .subscribe .bx-input-group .bx_subscribe_submit_container .base-btn { padding: 10px 15px; } .footer .subscribe .bx-input-group .bx_subscribe_submit_container .base-btn span { font-size: 0.625rem; } .footer .subscribe .bx-sender-subscribe-agreement label .text-agreement { max-width: 285px; } .footer .col-title { margin-bottom: 30px; font-size: 0.625rem; } .footer .link-warp .col-footer li a { font-size: 0.625rem; } } @media (max-width: 743px) { .footer { margin-top: 40px; } .footer .col-title { margin-bottom: 30px; } .footer .link-warp { margin-bottom: 0; } .footer .link-warp .col-footer { margin-bottom: 50px; } .footer .link-warp .subscribe { margin-top: 0; } .footer .copyright-bar { margin-top: 50px; } .footer .copyright-bar .copyright { flex-direction: column-reverse; padding-right: 15px; } .footer .copyright-bar .copyright .copyright-links { display: flex; flex-direction: column; margin-bottom: 10px; } .footer .copyright-bar .copyright i { display: none; } .footer .copyright-bar .copyright span { margin-right: 0; } .footer .copyright-bar .logo-sagirov svg { width: 77px; height: 13px; } } /*Подвал (END)*/ /* Каталог страница (START) */ .catalog-page .title-wrap { align-items: baseline; margin-bottom: 25px; } .catalog-page .breadcrumbs { display: block; } .catalog-page .breadcrumbs .item { color: #1D1D1B; line-height: 1.2; font-weight: 500; font-size: 0.9375rem; } .catalog-page .breadcrumbs .item:not(:last-child) { color: #B9B9B9; } .smart-filter-clear { display: flex; align-items: center; gap: 6px; color: #1D1D1B; line-height: 1; font-weight: 500; font-size: 0.9375rem; margin-left: 24px; } .smart-filter-clear svg { margin-left: 0; margin-bottom: -3px; } .catalog-page .filter-btn { cursor: pointer; display: flex; align-items: center; } .catalog-page .filter-btn span { color: #1D1D1B; line-height: 1; font-weight: 500; font-size: 0.9375rem; margin-right: 5px; } .catalog-page .filter-btn svg { transition: transform 0.5s ease-in-out; } .catalog-page .filter-btn.active svg { transform: rotateX(-180deg); } .catalog-page .filter-wrap { height: 0; overflow: hidden; transition: height 0.5s ease-in-out; } .catalog-page .filter-wrap .smart-filter { padding-top: 15px; padding-bottom: 24px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box { display: flex; align-items: flex-start; justify-content: flex-end; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box:not(:last-child) { margin-bottom: 12px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-parameters-box-title { color: #B0B0B6; line-height: 1; font-weight: 450; font-size: 0.9375rem; margin-right: 18px; margin-top: 1px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list { display: flex; flex-wrap: wrap; margin: 0 -7px; row-gap: 10px; justify-content: flex-end; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check { padding: 0 7px; min-height: 1px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .form-check-input { display: none; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .form-check-input[checked=checked]+.smart-filter-checkbox-text:after { transform: scaleX(1); transform-origin: left; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .smart-filter-checkbox-text { cursor: pointer; position: relative; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .smart-filter-checkbox-text:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #757575; transform: scaleX(0); transform-origin: right; transition: transform 0.5s cubic-bezier(0, 0, 0.35, 1); } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .smart-filter-checkbox-text:hover:after { transform: scaleX(1); transform-origin: left; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-list .form-check .smart-filter-checkbox-text.disabled { pointer-events: none; opacity: 0.3; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures { display: flex; flex-wrap: wrap; padding-top: 3px; margin: 0 -4px; row-gap: 10px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label { cursor: pointer; padding: 0 4px; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label .smart-filter-checkbox-btn { display: block; padding: 1px; border: 1px solid transparent; transition: border 0.5s ease-in-out; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn { border-color: #757575; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label:hover .smart-filter-checkbox-btn { border-color: #757575; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label.disabled { opacity: 0.3; pointer-events: none; } .catalog-page .filter-wrap .smart-filter .smart-filter-parameters-box .smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-label .smart-filter-checkbox-btn-image { display: block; min-width: 9px; height: 9px; background-size: cover; } .catalog-page .sections { margin-top: 6px; margin-right: -30px; margin-left: -30px; } .catalog-page .sections .catalog-line { opacity: 0; transition: opacity 0.8s ease-in-out; padding-right: 30px; padding-left: 30px; } .sections h2 { font-size: 1.25rem; font-weight: 600; text-align: center; margin-top: 20px; } .catalog-page .sections .catalog-line:not(:last-child) { border-bottom: 1px solid #000; } .catalog-page .empty-catalog { margin-top: 20px; font-size: 1.25rem; } @media (max-width: 743px) { .catalog-page .breadcrumbs { font-size: 0.75rem; } .catalog-page .filter-wrap .smart-filter { padding-top: 22px; padding-bottom: 12px; } .catalog-page .sections { margin-top: 18px; margin-right: -20px; } } .catalog-page .preload-icon { text-align: center; margin-top: 30px; margin-bottom: 30px; } .catalog-page .preload-icon img { width: 40px; height: 40px; } .catalog-title-wrapper { margin: 40px 0 40px; } .catalog-title-wrapper h1 { margin: 40px 0 20px; } .catalog-title-wrapper p { line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; margin-bottom: 40px; } .on-sale .link-catalog { display: flex; align-items: center; flex-direction: column-reverse; padding-bottom: 33px; padding-top: 33px; background-color: #202020; margin-top: 100px; } .on-sale .link-catalog .base-btn-transparent { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #202020; border-radius: 6px; } .on-sale .link-catalog .base-btn-transparent:hover { background-color: #202020; border-color: #202020; } /* Каталог страница (END) */ .bx-header-personal { display: flex !important; } /* Поиск (START) */ .search-page h1 { margin-bottom: 6px; } .search-page .catalog-line { margin: 0 -3px; row-gap: 6px; } .search-page .catalog-line>div { padding: 0 3px; } @media (max-width: 743px) { .search-page h1 { margin-bottom: 20px; } } /* Поиск (END) */ /* страница Отзывы (START) */ .comments-page .main-screen-banner .banner-img { min-height: 500px; } .comments-page .main-screen-banner .banner-img img { min-height: 500px; } .comments-page .main-screen-banner .banner-wrap { position: absolute; top: 0; display: flex; flex-direction: column; height: 100%; } .comments-page .main-screen-banner .banner-content { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .comments-page .main-screen-banner .banner-content .text-rating { color: #ffffff; line-height: 1.2; font-weight: 400; font-size: 1rem; margin-bottom: 20px; } .comments-page .main-screen-banner .banner-content .rating { color: #ffffff; line-height: 1; font-weight: 450; font-size: 1.25rem; margin-bottom: 50px; } .comments-page .main-screen-banner .banner-content h1 { color: #ffffff; margin-bottom: 20px; } .comments-page .main-screen-banner .banner-content .subtitle { color: #ffffff; line-height: 1.2; font-weight: 400; font-size: 1rem; max-width: 450px; margin: 0 auto; } .comments-page .main-screen-banner .banner-content .base-btn-reverse { margin-top: 50px; padding-right: 54px; padding-left: 54px; } .comments-page .main-screen-banner .bmhouse-comments-stats { display: flex; justify-content: center; margin-top: auto; } .comments-page .main-screen-banner .bmhouse-comments-stats .btn-wrap { min-width: 685px; padding: 0; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat { cursor: pointer; display: flex; align-items: center; justify-content: center; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat span { background-color: #1D1D1B; padding: 1px 5px; color: #fff; line-height: 1.3; font-weight: 450; font-size: 0.75rem; border-radius: 100px; margin-left: 5px; transition: background-color 0.5s ease-in-out; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat:hover span { background-color: #202020; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat.active span { background-color: #202020; } .comments-page .bmhouse-comments-block { min-width: 685px; padding: 0; margin: 0 auto; } @media (max-width: 1199px) { .comments-page .main-screen-banner .bmhouse-comments-stats .btn-wrap { min-width: 1px; } .comments-page .bmhouse-comments-block { min-width: 1px; } } @media (max-width: 743px) { .comments-page .main-screen-banner .banner-content .rating { margin-bottom: 40px; } .comments-page .main-screen-banner .banner-content .base-btn-reverse { margin-top: 0; background-color: #202020; } .comments-page .main-screen-banner .banner-content .base-btn-reverse span { color: #ffffff !important; } .comments-page .main-screen-banner .bmhouse-comments-stats { padding: 0; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat { flex-direction: column; padding: 9px 10px 11px; } .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat span { margin-left: 0; margin-top: 3px; } } @media (max-width: 413px) { .comments-page .main-screen-banner .bmhouse-comments-stats .bmhouse-comments-stat { font-size: 0.6875rem; } } .bmhouse-comment { margin-bottom: 50px; } .bmhouse-comment .bmhouse-comment-user { display: flex; align-items: flex-start; flex-wrap: wrap; margin-bottom: 20px; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comment-userpic { min-width: 30px; width: 30px; height: 30px; margin-right: 8px; border-radius: 50%; overflow: hidden; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comment-userpic img { height: 100%; -o-object-fit: cover; object-fit: cover; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comment-header { display: flex; flex-wrap: wrap; align-items: center; flex: 1; margin-top: 7px; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comment-header .bmhouse-comment-name { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1rem; margin-right: 8px; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comment-header .bmhouse-comment-date { color: #D0CFCF; line-height: 1; font-weight: 400; font-size: 0.875rem; margin-left: auto; } .bmhouse-comment .bmhouse-comment-user .comment-city { width: 100%; margin-left: 38px; color: #B0B0B6; line-height: 1; font-weight: 400; font-size: 1rem; } .bmhouse-comment .bmhouse-comment-user .bmhouse-comments-rating .bmhouse-comments-rating-background, .bmhouse-comment .bmhouse-comment-user .bmhouse-comments-rating .bmhouse-comments-rating-foreground { height: 12px; width: 79px; background-size: 16px 12px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-description { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-image { display: flex; flex-wrap: wrap; gap: 5px; row-gap: 5px; margin-top: 20px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-image .img-wrap { width: 65px; height: 65px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-image .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer { margin-top: 20px; margin-left: 38px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer .answer-head { display: flex; align-items: center; margin-bottom: 10px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer .answer-head .img-wrap { width: 23px; height: 23px; margin-right: 5px; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer .answer-head span { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer p { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer-add { display: flex; align-items: flex-end; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer-add textarea { width: 50%; height: 100px; border-bottom: 1px solid #757575; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .bmhouse-comment .bmhouse-comment-text .bmhouse-comment-answer-add a { margin-top: 20px; margin-left: auto; } /* страница Отзывы (END) */ /* Детальная страница Отзывы (START) */ .bmhouse-comments-form { position: fixed; display: none; top: 0; left: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100); background: rgba(0, 0, 0, 0.7); z-index: 30; align-items: center; justify-content: center; } .bmhouse-comments-form.open { display: flex; } #rev-form { background-color: #ffffff; padding: 40px 60px; position: relative; } #rev-form .bmhouse-comments-form-title { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; margin-bottom: 46px; text-align: center; } #rev-form .user-info { display: flex; align-items: center; margin-bottom: 20px; } #rev-form .user-info .img-wrap { min-width: 23px; width: 23px; height: 23px; margin-right: 8px; border-radius: 50%; overflow: hidden; } #rev-form .user-info .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } #rev-form .user-info .name { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1rem; } #rev-form .bmhouse-comments-form-item { display: flex; flex-direction: column; } #rev-form .bmhouse-comments-form-item label { margin-bottom: 10px; margin-top: 0; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; opacity: 0.5; } #rev-form .bmhouse-comments-form-item textarea { border: 1px solid #1D1D1B; padding: 10px; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; width: 365px; height: 174px; } #rev-form #bmhouse-comment-images { display: flex; flex-wrap: wrap; margin: 0 -2.5px; } #rev-form #bmhouse-comment-images form { padding: 2.5px; } #rev-form #bmhouse-comment-images form:not(.first-img) { width: 72px; height: 72px; } #rev-form #bmhouse-comment-images form:not(.first-img) img { height: 100%; -o-object-fit: cover; object-fit: cover; } #rev-form #bmhouse-comment-images form:not(.first-img) .bmhouse-comments-form-item { margin: 0; height: 100%; } #rev-form #bmhouse-comment-images form:not(.first-img) .bmhouse-comments-form-item .bmhouse-image-container { height: 100%; } #rev-form #bmhouse-comment-images form:not(.first-img) .bmhouse-comments-form-item .bmhouse-image-container:after { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 12px; background: url("/local/templates/coinsbrand/components/bmhouse/comments/cns-all-review/img/image_remove.svg") 50% 50%/contain no-repeat; cursor: pointer; } #rev-form #bmhouse-comment-images p { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 7px; padding: 0 2.5px; width: 100%; opacity: 0.5; } #rev-form #bmhouse-comment-images .image-input { display: flex; align-items: center; opacity: 1; margin: 0; cursor: pointer; } #rev-form #bmhouse-comment-images .image-input span { margin-right: 5px; font-size: 1rem; } #rev-form #bmhouse-comment-images .image-input input { display: none; } #rev-form #bmhouse-comment-images .image-input.square { height: 100%; } #rev-form #bmhouse-comment-images .image-input.square span { width: 100%; height: 100%; border: 1px solid #CECECE; display: flex; align-items: center; justify-content: center; color: #CECECE; line-height: 1; font-weight: 450; font-size: 1rem; } #rev-form .bmhouse-comments-button { margin-top: 48px; } #rev-form .close { position: absolute; right: 34px; top: 34px; cursor: pointer; } @media (max-width: 743px) { #rev-form { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 40px 20px; } #rev-form .close { right: 30px; top: 15px; } #rev-form .bmhouse-comments-form-title { margin-top: 85px; } #rev-form .bmhouse-comments-form-item textarea { width: 100%; } #rev-form .bmhouse-comments-button { margin-top: auto; } #rev-form .bmhouse-comments-button .base-btn { padding: 13px 20px 14px; } } .review-modal #bmhouse-comments { display: flex; flex-wrap: wrap; align-items: baseline; padding: 0 55px; } .review-modal #bmhouse-comments .bmhouse-comments-title { width: 50%; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .review-modal #bmhouse-comments .bmhouse-comments-sort { margin-left: auto; display: flex; align-items: center; cursor: pointer; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .review-modal #bmhouse-comments .bmhouse-comments-sort span { margin-right: 8px; } .review-modal #bmhouse-comments .bmhouse-comments-sort svg { transition: transform 0.5s ease-in-out; } .review-modal #bmhouse-comments .bmhouse-comments-sort.asc svg { transform: rotateX(180deg); } .review-modal #bmhouse-comments>.bmhouse-comments-rating { width: 100%; display: flex; align-items: center; margin-top: 12px; margin-bottom: 12px; } .review-modal #bmhouse-comments>.bmhouse-comments-rating .bmhouse-comments-rating-background { margin-right: 10px; } .review-modal #bmhouse-comments>.bmhouse-comments-rating .bmhouse-comments-count { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } .review-modal #bmhouse-comments .bmhouse-comments-result { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; margin-bottom: 52px; max-width: 210px; } .review-modal #bmhouse-comments .new-review-block { color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.75rem; margin-bottom: 20px; } .review-modal #bmhouse-comments .new-review-block p:first-child { margin-bottom: 16px; } .review-modal #bmhouse-comments #new-review-button { width: 100%; } .review-modal #bmhouse-comments .bmhouse-comments-block { width: 100%; } .review-modal #bmhouse-comments .bmhouse-comments-block { margin-top: 60px; } .review-modal #bmhouse-comments .bmhouse-comments-block p { color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.875rem; } .review-modal #bmhouse-comments .must-login { color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.75rem; margin-bottom: 10px; } .review-modal #bmhouse-comments .go-to-login { width: 100%; } @media (max-width: 1199px) { .review-modal #bmhouse-comments { padding: 0 45px; } } @media (max-width: 743px) { .review-modal #bmhouse-comments { padding: 0; } } /*страница Отзывы (END) */ /* ----------influencers (START)----------- */ .influencers-page .main-screen-banner .btn-bar { position: absolute; bottom: 0; margin-top: auto; } .influencers-page .main-screen-banner .btn-bar .btn-wrap { padding: 0; } .influencers-page h1 { margin-bottom: 20px; } .influencers-page .influencers { margin: 0; } .influencers-page .influencers .item { padding: 0; position: relative; } .influencers-page .influencers .item .img-wrap { height: 20vw; } .influencers-page .influencers .item .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .influencers-page .influencers .item .name { color: #ffffff; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; position: absolute; left: 10px; bottom: 10px; } @media (max-width: 1199px) { .influencers-page .influencers .item .img-wrap { height: 39vw; } } @media (max-width: 743px) { .influencers-page .main-screen-banner .btn-bar { padding: 0; } .influencers-page h1 { margin-bottom: 16px; } .influencers-page .influencers .item .img-wrap { height: 58vw; } } /* ----------influencers (END)----------- */ /* ----------CNS в СМИ (START)----------- */ .media-page .main-screen-banner .btn-bar { position: absolute; bottom: 0; margin-top: auto; } .media-page .main-screen-banner .btn-bar .btn-wrap { padding: 0; } .media-page h1 { margin-bottom: 20px; } .media-page .cns-media { row-gap: 60px; } .media-page .cns-media .item { position: relative; } .media-page .cns-media .item .img-wrap { height: 28.5vw; margin-bottom: 10px; } .media-page .cns-media .item .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .media-page .cns-media .item .logo-media { width: auto; max-width: 60%; position: absolute; top: 10px; left: 10px; } .media-page .cns-media .item .link { color: #929292; line-height: 1.2; font-weight: 400; font-size: 0.875rem; text-decoration: underline; } .media-page .cns-media .item .date { color: #929292; line-height: 1.2; font-weight: 400; font-size: 0.875rem; } .media-page .cns-media .item .name { margin-top: 10px; margin-bottom: 10px; color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 0.875rem; text-transform: uppercase; } .media-page .cns-media .item .description { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.875rem; } @media (max-width: 1199px) { .media-page .cns-media .item .img-wrap { height: 54vw; margin-bottom: 16px; } } @media (max-width: 743px) { .media-page .main-screen-banner .btn-bar { padding: 0; } .media-page h1 { margin-bottom: 16px; } .media-page .cns-media { row-gap: 50px; } .media-page .cns-media .item .img-wrap { height: 107vw; margin-bottom: 10px; } } /* ----------CNS в СМИ (END)----------- */ /* ----------О нас (START)----------- */ .about-page .main-screen-banner .btn-bar { margin-top: auto; position: absolute; bottom: 0; } .about-page .main-screen-banner .btn-bar .btn-wrap { padding: 0; } .about-page h1 { margin-bottom: 20px; } .about-page .main-screen-banner .btn-bar { padding: 0; } .about-page h1 { margin-bottom: 16px; } /* ----------О нас (END)----------- */ /* ----------lookbook (START)----------- */ .lookbook-page .main-screen-banner .btn-bar { position: absolute; bottom: 0; margin-top: auto; display: flex; justify-content: center; } .lookbook-page .main-screen-banner .btn-bar .btn-wrap { padding: 0; } .lookbook-page h1 { margin-bottom: 20px; } .lookbook-page .lookbook { row-gap: 10px; } .lookbook-page .lookbook .item .img-wrap { height: 32.8vw; } .lookbook-page .lookbook .item .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199px) { .lookbook-page .main-screen-banner { margin-bottom: 30px; } .lookbook-page .lookbook .item .img-wrap { height: 63vw; } } @media (max-width: 743px) { .lookbook-page .main-screen-banner .btn-bar { padding: 0; } .lookbook-page h1 { margin-bottom: 16px; } .lookbook-page .lookbook .item .img-wrap { height: 125vw; } } /* ----------lookbook (END)----------- */ /* ----------campaign (START)----------- */ .campaign-page .main-screen-banner .btn-bar { position: absolute; bottom: 0; margin-top: auto; display: flex; justify-content: center; } .campaign-page .main-screen-banner .btn-bar .btn-wrap { padding: 0; } .campaign-page h1 { margin-bottom: 20px; } .campaign-page .campaigns { row-gap: 40px; } .campaign-page .campaigns .item .img-wrap { height: 32.8vw; } .campaign-page .campaigns .item .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199px) { .campaign-page .main-screen-banner { margin-bottom: 30px; } .campaign-page .campaigns .item .img-wrap { height: 63vw; } } @media (max-width: 743px) { .campaign-page .main-screen-banner .btn-bar { padding: 0; } .campaign-page h1 { margin-bottom: 16px; } .campaign-page .campaigns .item .img-wrap { height: 125vw; } } awz-autform-form-sale-title /* ----------campaign (END)----------- */ /* ----------Авторизация (START)----------- */ .account-modal .modal-content, .auth-sale-modal .modal-content { display: flex; flex-direction: column; padding-bottom: 30px; z-index: 31; } .account-modal .modal-content .close-btn, .auth-sale-modal .modal-content .close-btn { margin-bottom: 165px; } .account-modal .modal-content .awz-autform-link-block, .auth-sale-modal .modal-content .awz-autform-link-block { max-width: 345px; width: 100%; margin: 0 auto; height: 80%; } .account-modal .modal-content .awz-autform-link-block .form-aut { margin-top: 40px; } .account-modal .modal-content .awz-autform-link-block.login .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text, .account-modal .modal-content .awz-autform-link-block.forgot .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text, .auth-sale-modal .modal-content .awz-autform-link-block.login .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text, .auth-sale-modal .modal-content .awz-autform-link-block.forgot .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 10px; } .account-modal .modal-content .awz-autform-link-block .form-aut, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut { height: 100%; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper img { max-width: 100%; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper { height: 100%; display: flex; flex-direction: column; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: auto; text-align: center; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text span, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text span { color: #B0B0B6; line-height: 1; font-weight: 400; font-size: 0.8125rem; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text a, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text a { display: inline-block; width: -moz-max-content; width: max-content; color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.8125rem; text-decoration: underline; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-link-loginsms, .auth-sale-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-link-loginsms { margin-top: auto; text-align: center; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.875rem; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-title, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-title { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; margin-bottom: 40px; text-align: center; } .account-modal .modal-content .awz-autform-link-block .awz-autform-messages, .account-modal .modal-content .awz-autform-link-block .awz-autform-errors, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-messages, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-errors { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 15px; text-align: center; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group { margin-bottom: 20px; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group label, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group label { display: block; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 10px; opacity: 0.5; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group label a, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group label a { color: #1D1D1B; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap { border-bottom: 1px solid #1D1D1B; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap input, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap input { width: 100%; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1rem; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-group .text-new-code, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-group .text-new-code { margin-top: 10px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-buttons, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-buttons { margin-top: 30px; margin-bottom: 10px; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-links, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-links { border: none; margin-bottom: 0; } .account-modal .modal-content .awz-autform-link-block .awz-autform-form-links a, .auth-sale-modal .modal-content .awz-autform-link-block .awz-autform-form-links a { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } @media (max-width: 1199px) { .account-modal .modal-content .close-btn { margin-bottom: 0; } .account-modal .modal-content .awz-autform-link-block { /* max-width: 280px; */ } .account-modal.issale .modal-content .awz-autform-link-block { max-width: 500px; } .account-modal .modal-content .awz-autform-link-block.login form, .account-modal .modal-content .awz-autform-link-block.forgot form { margin-top: auto; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper { justify-content: center; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 60px; margin-bottom: 24px; } } @media (max-width: 743px) { .account-modal { display: flex; flex-direction: column; height: calc(var(--vh, 1vh) * 100); } .account-modal .modal-content { /*height: 490px;*/ margin-top: auto; padding: 15px; } .account-modal .modal-content .close-btn { margin-bottom: 30px; } .account-modal .modal-content .awz-autform-link-block.login form, .account-modal .modal-content .awz-autform-link-block.forgot form { margin-top: 0; } .account-modal .modal-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: auto; margin-bottom: 0; } .account-modal .base-btn { padding: 14px 6px; } } .account-form .account-form-content { display: flex; flex-direction: column; padding-bottom: 30px; } .account-form .account-form-content .awz-autform-link-block { max-width: 345px; width: 100%; margin: 0 auto; height: 100%; } .account-form .account-form-content .awz-autform-link-block.login .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text, .account-form .account-form-content .awz-autform-link-block.forgot .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 10px; } .account-form .account-form-content .awz-autform-link-block .form-aut { height: 100%; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper { height: 100%; display: flex; flex-direction: column; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 40px; text-align: center; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text span { color: #B0B0B6; line-height: 1; font-weight: 400; font-size: 0.8125rem; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text a { display: inline-block; width: -moz-max-content; width: max-content; color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.8125rem; text-decoration: underline; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-link-loginsms { margin-top: auto; text-align: center; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.875rem; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-title { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; margin-bottom: 40px; text-align: center; } .account-form .account-form-content .awz-autform-link-block .awz-autform-messages, .account-form .account-form-content .awz-autform-link-block .awz-autform-errors { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 15px; text-align: center; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group { margin-bottom: 20px; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group label { display: block; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 10px; opacity: 0.5; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group label a { color: #1D1D1B; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap { border-bottom: 1px solid #1D1D1B; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group .awz-autform-inp-wrap input { width: 100%; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1rem; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-group .text-new-code { margin-top: 10px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-buttons { margin-top: 30px; margin-bottom: 10px; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-links { border: none; margin-bottom: 0; } .account-form .account-form-content .awz-autform-link-block .awz-autform-form-links a { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } @media (max-width: 1199px) { .account-form .account-form-content .awz-autform-link-block { max-width: 280px; } .account-form .account-form-content .awz-autform-link-block.login form, .account-form .account-form-content .awz-autform-link-block.forgot form { margin-top: auto; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper { justify-content: center; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 60px; margin-bottom: 24px; } } @media (max-width: 743px) { .account-form { display: flex; flex-direction: column; } .account-form .account-form-content { padding: 15px; } .account-form .account-form-content .awz-autform-link-block.login form, .account-form .account-form-content .awz-autform-link-block.forgot form { margin-top: 0; } .account-form .account-form-content .awz-autform-link-block .form-aut .awz-autform-form-prepare-wrapper .awz-autform-form-agreement-text { margin-top: 20px; margin-bottom: 0; } .account-form .base-btn { padding: 14px 6px; } } /* Disabled state of the "Restore password" btn */ #awz-autform-form-buttons-forgot.disabled { pointer-events: none; opacity: .6; } /* ----------Авторизация (END)----------- */ /* ----------Личный кабинет. Заказы (START)----------- */ .personal-orders { grid-column: span 9; } .active-orders { max-width: 600px; } .personal-orders .wrap-orders { padding: 0; } .personal-orders .filters-wrap { display: flex; padding-left: 30px; border-bottom: 1px solid #DCDCDC; margin-bottom: 40px; } .personal-orders .filters-wrap a { display: flex; align-items: center; padding: 8px 25px 9px; background-color: #ffffff; border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; } .personal-orders .filters-wrap a p { color: #5E5D5D; line-height: 1.3; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; margin-right: 8px; } .personal-orders .filters-wrap a span { color: #fff; line-height: 1.3; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; padding: 0 8px; border-radius: 100px; background-color: #5E5D5D; transition: background-color 0.5s ease-in-out; } .personal-orders .filters-wrap a.selected { border-color: #DCDCDC; color: #202020; border-radius: 4px 4px 0 0; margin-bottom: -1px; } .personal-orders .filters-wrap a.selected span { background-color: #202020; } .personal-orders .filters-wrap a:hover p { color: #1D1D1B; } .personal-orders .filters-wrap a:hover span { background-color: #202020; } .personal-orders .list .item { margin-bottom: 25px; padding-bottom: 46px; border-bottom: 1px solid #DCDCDC; } .personal-orders .list .item .head-order { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 34px; } .personal-orders .list .item .head-order h2 { font-size: 2rem; margin-right: 22px; } .personal-orders .list .item .head-order .price { margin-left: auto; margin-top: auto; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; } .personal-orders .list .item .head-order .date { color: #B0B0B6; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; margin-top: 8px; width: 100%; } .personal-orders .list .item .basket-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; } .personal-orders .list .item .basket-list .basket { display: block; max-width: 81px; height: 81px; padding: 14px 7px 10px; } .personal-orders .list .item .links { display: flex; align-items: center; } .personal-orders .list .item .links .link-detail { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; text-decoration: underline; } .personal-orders .list .item .links .cloudpay_button { margin-left: auto; padding: 4px 20px; } .personal-orders .list .item .links .cloudpay_button span { font-size: 0.75rem; line-height: 1.2; } @media (max-width: 1199px) { .personal-orders .filters-wrap { display: flex; padding-left: 60px; margin-left: -30px; margin-right: -30px; } .personal-orders .list .item { padding-bottom: 50px; } } @media (max-width: 743px) { .personal-orders { margin-top: 50px; } .personal-orders .filters-wrap { padding-left: 34px; margin-left: -20px; margin-right: -20px; } .personal-orders .list .item .head-order { margin-bottom: 30px; } .personal-orders .list .item .head-order h2 { font-size: 1.25rem; width: 50%; margin-right: 0; } .personal-orders .list .item .head-order .price { width: 50%; text-align: right; margin-top: 0; } .personal-orders .list .item .head-order .tag { margin-top: 10px; } .personal-orders .list .item .head-order .date { margin-top: 10px; } .personal-orders .list .item .basket-list { margin-bottom: 18px; } .personal-orders .list .item .links { flex-direction: column; align-items: flex-start; } .personal-orders .list .item .links .cloudpay_button { margin-top: 30px; width: 100%; padding: 13px 20px; } } @media (max-width: 374px) { .personal-orders .filters-wrap { padding-left: 20px; } .personal-orders .filters-wrap a { padding: 8px 15px 9px; } } /* ----------Личный кабинет. Заказы (END)----------- */ /* ----------Личный кабинет. Заказы детальная (START)----------- */ .sale-order-detail { margin-top: 62px; } .sale-order-detail .link-back { display: flex; align-items: center; margin-bottom: 30px; } .sale-order-detail .link-back svg { margin-right: 12px; margin-top: 3px; } .sale-order-detail .link-back span { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.875rem; } .sale-order-detail .head-order { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; } .sale-order-detail .head-order h2 { font-size: 2rem; margin-right: 22px; } .sale-order-detail .head-order .price { margin-left: auto; margin-top: auto; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; } .sale-order-detail .head-order .date { color: #B0B0B6; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; margin-top: 8px; width: 100%; } .sale-order-detail .basket-list { margin-bottom: 60px; } .sale-order-detail .basket-list .item { display: flex; align-items: center; } .sale-order-detail .basket-list .item:not(:last-child) { margin-bottom: 20px; } .sale-order-detail .basket-list .item .img-wrap { min-width: 69px; width: 69px; margin-right: 20px; padding: 10px 2px 5px; } .sale-order-detail .basket-list .item .info { flex: 1; } .sale-order-detail .basket-list .item .info .name { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .sale-order-detail .basket-list .item .info .color { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; } .sale-order-detail .basket-list .item .info .color img { width: 10px; height: 10px; -o-object-fit: cover; object-fit: cover; margin-right: 10px; } .sale-order-detail .basket-list .item .info .quantity { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; } .sale-order-detail .basket-list .item .info .price { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 0.9375rem; text-align: right; white-space: nowrap; } .sale-order-detail .user-data { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #1D1D1B; } .sale-order-detail .user-data .title { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; width: 100%; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #1D1D1B; } .sale-order-detail .user-data .list:not(:last-child) { margin-bottom: 30px; } .sale-order-detail .user-data .list .item { display: flex; align-items: baseline; } .sale-order-detail .user-data .list .item:not(:last-child) { margin-bottom: 10px; } .sale-order-detail .user-data .list .item.tracking .number { display: flex; } .sale-order-detail .user-data .list .item.tracking span { font-weight: 450; } .sale-order-detail .user-data .list .item.tracking svg { cursor: pointer; margin-left: 5px; } .sale-order-detail .user-data .list .item p { min-width: 90px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.8125rem; margin-right: 8px; white-space: nowrap; } .sale-order-detail .user-data .list .item span { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .sale-order-detail .price-list { margin-bottom: 30px; } .sale-order-detail .price-list .item { display: flex; align-items: baseline; } .sale-order-detail .price-list .item:not(:last-child) { margin-bottom: 20px; } .sale-order-detail .price-list .item p { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .sale-order-detail .price-list .item span { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.75rem; margin-left: auto; } .sale-order-detail .total-price { margin-bottom: 40px; padding-top: 10px; border-top: 1px solid #1D1D1B; display: flex; align-items: baseline; } .sale-order-detail .total-price p { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .sale-order-detail .total-price span { color: #1D1D1B; line-height: 1.3; font-weight: 450; font-size: 1.25rem; margin-left: auto; } .sale-order-detail .btn-wrap { display: flex; gap: 5px; } .sale-order-detail .btn-wrap form { width: 50%; } .sale-order-detail .btn-wrap .base-btn-reverse { background-color: #ffffff; border: 1px solid #1D1D1B; padding: 4px 11px 5px; } .sale-order-detail .btn-wrap .base-btn-reverse:hover { background-color: #202020; } .sale-order-detail .btn-wrap .base-btn-reverse span { font-size: 0.75rem; } .sale-order-detail .btn-wrap .base-btn { padding: 4px 11px 5px; width: 50%; } .sale-order-detail .btn-wrap .base-btn span { font-size: 0.75rem; } @media (max-width: 1199px) { .sale-order-detail .btn-wrap .base-btn-reverse { padding: 6px 11px; } .sale-order-detail .btn-wrap .base-btn { padding: 6px 11px; width: 50%; } } @media (max-width: 743px) { .sale-order-detail { margin-top: 40px; } .sale-order-detail .head-order { margin-bottom: 40px; } .sale-order-detail .head-order .col-tag { margin-bottom: 10px; width: 100%; } .sale-order-detail .head-order h2 { font-size: 1.25rem; } .sale-order-detail .basket-list .item { align-items: inherit; } .sale-order-detail .basket-list .item:not(:last-child) { margin-bottom: 30px; } .sale-order-detail .basket-list .item .img-wrap { min-width: 95px; width: 95px; margin-right: 10px; padding: 14px 8px; } .sale-order-detail .basket-list .item .info { height: 100%; } .sale-order-detail .basket-list .item .info .name { margin-bottom: 5px; } .sale-order-detail .basket-list .item .info .color { margin-bottom: 35px; } .sale-order-detail .basket-list .item .info .quantity, .sale-order-detail .basket-list .item .info .price { margin-top: auto; } .sale-order-detail .user-data .list:not(:last-child) { margin-bottom: 40px; } .sale-order-detail .price-list { margin-bottom: 20px; } .sale-order-detail .price-list .item p { font-size: 0.875rem; } .sale-order-detail .price-list .item span { font-size: 0.875rem; } .sale-order-detail .total-price { margin-bottom: 30px; } .sale-order-detail .btn-wrap { flex-direction: column-reverse; } .sale-order-detail .btn-wrap form { width: 100%; } .sale-order-detail .btn-wrap .base-btn { width: 100%; padding: 14px 11px 13px; } .sale-order-detail .btn-wrap .base-btn span { font-size: 0.9375rem; } .sale-order-detail .btn-wrap .base-btn-reverse { padding: 14px 11px 13px; } .sale-order-detail .btn-wrap .base-btn-reverse span { font-size: 0.9375rem; } } /* ----------Личный кабинет. Заказы детальная (END)----------- */ /* ----------Главная странца (START)----------- */ .main-page { display: flex; flex-direction: column; } .main-page .base-btn-transparent:hover { background-color: #5c432b; border-color: #5c432b; } @media (min-width: 1200px) { .main-page .section-main.hidden-desktop { display: none !important; } } @media (max-width: 1199px) and (min-width: 744px) { .main-page .section-main.hidden-tablet { display: none !important; } } @media (max-width: 743px) { .main-page .section-main.hidden-mobile { display: none !important; } } .main-page .container:not(.round-style) { padding: 0 60px; } .main-page .slider { cursor: none; width: 100%; } .main-page .slider .swiper-slide { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .main-page .slider .swiper-slide .banner-text { z-index: 5; position: absolute; display: flex; flex-direction: column; align-items: center; padding: 0 30px; top: 45%; } .main-page .slider .swiper-slide .top-slider-title { color: #ffffff; line-height: 1.1; font-weight: 500; font-size: 4.375rem; text-transform: uppercase; margin-bottom: 15px; text-align: center; margin-bottom: 0; } @media (max-width: 991px) { .main-page .slider .swiper-slide .top-slider-title { font-size: 2.1875rem; } } @media (max-width: 743px) { .main-page .slider .swiper-slide .top-slider-title { font-size: 1.75rem; } } .main-page .slider .swiper-slide .top-slider-subtitle { color: #ffffff; line-height: 1.1; font-weight: 500; font-size: 1.125rem; text-transform: uppercase; margin-bottom: 2px; text-align: center; max-width: 550px; scrollbar-width: none; } @media (max-width: 744px) { .main-page .slider .swiper-slide .top-slider-subtitle { font-size: 0.875rem; } } .main-page .slider .swiper-slide .title { color: #ffffff; line-height: 1.3; font-weight: 400; font-size: 2.1875rem; margin-bottom: 15px; text-align: center; max-width: 550px; } .main-page .slider .swiper-slide .base-btn-transparent { margin-top: 15px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .main-page .slider .swiper-slide div.base-btn-transparent { pointer-events: none; } .main-page .slider .swiper-slide .img-wrap { width: 100%; } .main-page .slider .swiper-slide .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .slider .swiper-slide .video-wrap { width: 100%; max-height: calc(var(--vh, 1vh) * 100); } .main-page .slider .swiper-slide .video-wrap video { width: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .slider .swiper-slide .img-wrap img { height: calc(0.4931972789 * 100vw + 133.0612244898px); } .main-page .slider .swiper-pagination { bottom: 30px; } .main-page .slider:not(.swiper-initialized) { cursor: auto; } .main-page .slider:not(.swiper-initialized) .swiper-pagination { display: none; } .main-page .slider.clicked .swiper-pagination .line::after { transition: transform 0.7s linear; } .main-page .slider-section { overflow-x: hidden; position: relative; } .main-page .slider-section .swiper-wrapper { transition-timing-function: linear; } .main-page .slider-section .area-next-swipe { position: absolute; top: 44px; right: 0; height: calc(100% - 44px); width: calc(23.0769230769% + 5px); z-index: 3; cursor: none; display: none; } .main-page .slider-section .area-prev-swipe { position: absolute; top: 44px; left: 0; height: calc(100% - 44px); width: 60px; z-index: 3; cursor: none; display: none; } .main-page .slider-section:not(.round-style) .swiper-slide { display: flex; align-items: center; justify-content: center; position: relative; height: 45.5vw; } .main-page .slider-section:not(.round-style) .swiper-slide .base-btn-transparent { cursor: pointer; position: relative; z-index: 4; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .main-page .slider-section:not(.round-style) .swiper-slide .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .main-page .slider-section:not(.round-style) .swiper-slide .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .slider-section:not(.round-style) .swiper-slide .video-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .main-page .slider-section:not(.round-style) .swiper-slide .video-wrap video { height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .slider-section.round-style { margin-bottom: 68px; } .main-page .slider-section.round-style .swiper-wrapper.centered { justify-content: center; } .main-page .slider-section.round-style .swiper-slide:last-child { margin-right: 0 !important; } .main-page .slider-section.round-style .swiper-slide .img-wrap { border-radius: 50%; overflow: hidden; margin-bottom: 6px; } .main-page .slider-section.round-style .swiper-slide .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 800px) { .main-page .slider-section.round-style .swiper-slide .img-wrap { width: 165px; height: auto; margin-bottom: 12px; } } @media (max-width: 743px) { .main-page .slider-section.round-style .swiper-slide .img-wrap { margin-bottom: 12px; } } .main-page .slider-section.round-style .swiper-slide .title-block { text-align: center; color: #000; line-height: 1; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; } @media (max-width: 743px) { .main-page .slider-section.round-style .swiper-slide .title-block { font-size: 0.625rem; } } @media (min-width: 744px) { .main-page .slider-section.round-style .swiper-slide { width: 165px; text-align: center; display: flex; flex-direction: column; align-items: center; } } @media (max-width: 743px) { .main-page .slider-section.round-style .swiper-slide { width: 147px; text-align: center; display: flex; flex-direction: column; align-items: center; } } @media (max-width: 743px) { .main-page .slider-section.round-style { margin-bottom: 30px; } } .main-page .slider-section .video-wrap.is-sound .sound-button { top: 0; bottom: auto; } /* 07.02.25 */ .main-page .slider-section .swiper-slide { width: auto; margin-right: 20px; } @media (min-width: 464px) { .main-page .slider-section .swiper-wrapper { justify-content: center; } } @media (max-width: 743px) { .main-page .slider-section .swiper-slide { width: 20vw !important; } } @media (max-width: 463px) { .main-page .slider-section .swiper-slide { width: 19.5vw !important; margin-right: 3.9vw !important; } } /* / 07.02.25 */ .main-page .banner-collection { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .main-page .banner-collection .img-wrap { width: 100%; height: 100%; z-index: 2; } .main-page .banner-collection .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .banner-collection .video-wrap { position: relative; width: 100%; z-index: 2; } .main-page .banner-collection .video-wrap video { -o-object-fit: cover; object-fit: cover; } .main-page .banner-collection .banner-text { position: absolute; text-align: center; z-index: 4; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; } .main-page .banner-collection .title { color: #ffffff; line-height: 1.1; font-weight: 600; font-size: 1.875rem; } .main-page .banner-collection .subtitle { color: #ffffff; line-height: 1.1; font-weight: 500; font-size: 1.125rem; text-transform: uppercase; margin-bottom: 2px; } .main-page .banner-collection .base-btn-transparent { cursor: pointer; position: relative; z-index: 4; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-top: 20px; } .main-page .filter-color { margin-bottom: 70px; padding-top: 108px; padding-bottom: 115px; background-color: #EB6528; display: flex; flex-wrap: wrap; -moz-column-gap: calc((100% - 64.5vw) / 4.01); column-gap: calc((100% - 64.5vw) / 4.01); row-gap: 4.9vw; } .main-page .filter-color .square-color { width: 12.9vw; height: 12.9vw; } .main-page .filter-color .square-color span { display: block; width: 100%; height: 100%; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out; } .main-page .filter-color .square-color:hover span { width: calc(100% - 20px); height: calc(100% - 20px); transform: translateY(10px) translateX(10px); } .main-page .product-section .catalog-section .catalog-section-slider { padding: 0 60px; } .main-page .product-section .catalog-section:not(:last-child) { margin-bottom: 5px; } .main-page .link-catalog { display: flex; align-items: center; flex-direction: column-reverse; padding-bottom: 33px; padding-top: 33px; background-color: #5c432b; } .main-page .link-catalog .base-btn-transparent { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #5c432b; } .main-page .link-catalog .base-btn-transparent:hover { background-color: #452f1a; border-color: #452f1a; } .main-page .section-category { padding: 0; } .main-page .section-category .section-category-item { flex-shrink: 1; } .main-page .section-category .section-category-item .title-block { position: absolute; z-index: 5; text-align: center; margin-bottom: 40px; } .main-page .section-category .section-category-item .title { color: #ffffff; line-height: 1.1; font-weight: 600; font-size: 1.625rem; } @media (max-width: 1199px) { .main-page .section-category .section-category-item .title { font-size: 1.375rem; } } .main-page .section-category .section-category-item .subtitle { color: #ffffff; line-height: 1.1; font-weight: 500; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 2px; } @media (max-width: 1199px) { .main-page .section-category .section-category-item .subtitle { font-size: 0.75rem; } } .main-page .section-category .section-category-wrapper-1 { display: flex; justify-content: space-between; gap: 3vw; padding: 0 3.5vw 0; } .main-page .section-category .section-category-wrapper-1 .section-category-item:first-child { flex-grow: 0.56; height: 48.4027777778vw; } .main-page .section-category .section-category-wrapper-1 .section-category-item:nth-child(2) { flex-grow: 1; height: 48.4027777778vw; } .main-page .section-category .section-category-wrapper-2 { display: flex; justify-content: space-between; } .main-page .section-category .section-category-wrapper-2 .section-category-item:first-child { flex-grow: 1; height: 54.375vw; } .main-page .section-category .section-category-wrapper-2 .section-category-item:nth-child(2) { flex-grow: 0.56; height: 54.375vw; } .main-page .section-category .section-category-wrapper-3 { display: flex; gap: 3vw; padding: 0 3.5vw 0; } .main-page .section-category .section-category-wrapper-3 .section-category-item { flex-grow: 1; height: 43.5416666667vw; } .main-page .section-category .section-category-item { display: flex; align-items: flex-end; justify-content: center; position: relative; height: 100%; } .main-page .section-category .section-category-item .base-btn-transparent { cursor: pointer; position: absolute; z-index: 4; margin-bottom: 42px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .main-page .section-category .section-category-item .img-wrap { position: relative; width: 100%; height: 100%; z-index: 2; } .main-page .section-category .section-category-item .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .section-category .section-category-item .video-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .main-page .section-category .section-category-item .video-wrap video { height: 100%; -o-object-fit: cover; object-fit: cover; } .main-page .cns-full-block { padding: 55px 55px 50px; margin-bottom: 75px; } .main-page .cns-full-block .cns-full-block-top { display: flex; justify-content: space-between; font-size: 2.1875rem; font-weight: 500; margin-bottom: 280px; } @media (max-width: 743px) { .main-page .cns-full-block .cns-full-block-top { margin-bottom: 180px; font-size: 1rem; height: 16px; } } .main-page .cns-full-block .cns-full-block-title { font-size: 2.3125rem; text-transform: uppercase; line-height: 1.1; text-align: center; } @media (max-width: 1199px) { .main-page .cns-full-block .cns-full-block-title { font-size: 1.25rem; } } @media (max-width: 743px) { .main-page .cns-full-block .cns-full-block-title { font-size: 0.9375rem; height: 33px; } } @media (max-width: 991px) { .main-page .cns-full-block { padding: 30px; margin-bottom: 30px; } } @media (max-width: 743px) { .main-page .cns-full-block { padding: 20px; height: 270px; } } .main-page .cat-scan-block { display: flex; justify-content: space-between; margin-bottom: 50px; } .main-page .cat-scan-block>div { position: relative; width: calc((100% - 26px) / 3); } @media (max-width: 991px) { .main-page .cat-scan-block>div { width: calc(50% - 4px); } } @media (max-width: 743px) { .main-page .cat-scan-block>div { width: calc(50% - 3px); } } .main-page .cat-scan-block .cat-scan-left { color: #000; } .main-page .cat-scan-block .cat-scan-left .img-wrap { height: 100%; } .main-page .cat-scan-block .cat-scan-left .img-wrap img { height: 100%; } .main-page .cat-scan-block .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .main-page .cat-scan-block .info .title { text-transform: uppercase; font-size: 3.8125rem; line-height: 1; letter-spacing: -0.02; font-weight: 500; } @media (max-width: 1199px) { .main-page .cat-scan-block .info .title { font-size: 2.875rem; } } @media (max-width: 743px) { .main-page .cat-scan-block .info .title { font-size: 1.625rem; } } .main-page .cat-scan-block .info .subtitle { font-size: 1.5rem; font-weight: 500; } @media (max-width: 1199px) { .main-page .cat-scan-block .info .subtitle { font-size: 1.125rem; } } @media (max-width: 743px) { .main-page .cat-scan-block .info .subtitle { font-size: 0.625rem; } } .main-page .cat-scan-block .info .scan-title { color: #000; text-transform: uppercase; font-size: 1.5rem; font-weight: 500; } .main-page .cat-scan-block .info .scan-title .section-title { margin-right: 8px; } .main-page .cat-scan-block .info .scan-title .sections-count { color: #B0B0B6; text-transform: none; } @media (max-width: 1199px) { .main-page .cat-scan-block .info .scan-title { font-size: 1.125rem; } } @media (max-width: 743px) { .main-page .cat-scan-block .info .scan-title { font-size: 0.625rem; } } .main-page .cat-scan-block .cat-scan-right .img-wrap { height: 100%; } .main-page .cat-scan-block .cat-scan-right .img-wrap img { height: 100%; } .main-page .cat-scan-block .cat-scan-right .info { justify-content: flex-end; } @media (max-width: 991px) { .main-page .cat-scan-block .cat-scan-right-desc { display: none; } } @media (max-width: 743px) { .main-page .cat-scan-block { margin-bottom: 30px; } } @media (min-width: 744px) { .main-page .slider .swiper-slide .video-wrap video { height: calc(0.4931972789 * 100vw + 133.0612244898px) !important; } } @media (min-width: 1200px) { .main-page { padding: 0 30px; } } @media (max-width: 1199px) { .main-page .container:not(.round-style) { padding: 0 30px; } .main-page .slider .swiper-pagination { bottom: 20px; } .main-page .slider-section:not(.round-style) { padding-left: 76px; } .main-page .slider-section .area-next-swipe { display: none; } .main-page .slider-section .area-prev-swipe { display: none; } .main-page .slider-section:not(.round-style) .swiper-slide { align-items: flex-end; height: 50vw; padding: 20px; } .main-page .slider-section:not(.round-style) .swiper-slide .base-btn-transparent { width: 100%; justify-content: center; } .main-page .slider-section:not(.round-style) .swiper-slide .title-block { position: absolute; z-index: 5; text-align: center; margin-bottom: 10px; } .main-page .slider-section:not(.round-style) .swiper-slide .title { color: #ffffff; line-height: 1.1; font-weight: 600; font-size: 1.375rem; } .main-page .slider-section:not(.round-style) .swiper-slide .subtitle { color: #ffffff; line-height: 1.1; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; margin-bottom: 2px; } .main-page .filter-color { padding-top: 70px; padding-bottom: 76px; margin-bottom: 60px; row-gap: 5.1vw; } .main-page .product-section .catalog-section .catalog-section-slider { padding: 0 30px; } .main-page .link-catalog { padding-bottom: 30px; padding-top: 30px; } } @media (max-width: 743px) { .main-page .container { padding: 0 20px; } .main-page .slider .swiper-slide { justify-content: flex-end; height: auto; } .main-page .slider .swiper-slide .banner-text { margin-bottom: 0px !important; width: 100%; justify-content: center; } .main-page .slider .swiper-slide .title { font-size: 1.25rem; line-height: 1.1; max-width: 184px; } .main-page .slider .swiper-slide .base-btn-transparent { padding: 12px 40px; } .main-page .slider .swiper-slide .img-wrap { max-height: none; } .main-page .slider .swiper-slide .img-wrap img { height: auto; } .main-page .slider .swiper-slide .video-wrap { position: static; max-height: none; } .main-page .slider .swiper-slide .video-wrap video { height: auto; } .main-page .slider .swiper-slide .img-wrap img { height: auto; } .main-page .slider .swiper-pagination { bottom: 10px; } .main-page .slider-section { padding-left: 20px; } .main-page .slider-section:not(.round-style) .swiper-slide { height: 77vw; } .main-page .slider-section:not(.round-style) .swiper-slide .base-btn-transparent { padding: 4px 10px; } .main-page .banner-collection .banner-text { margin-bottom: 30px; } .main-page .banner-collection .title { color: #ffffff; line-height: 1.3; font-weight: 600; font-size: 1.25rem; } .main-page .banner-collection .subtitle { color: #ffffff; line-height: 1.3; font-weight: 500; font-size: 0.875rem; text-transform: uppercase; } .main-page .banner-collection .base-btn-transparent { padding: 12px 40px; } .main-page .filter-color { padding-top: 40px; padding-bottom: 50px; row-gap: 11.3vw; -moz-column-gap: calc((100% - 65.7vw) / 2.01); column-gap: calc((100% - 65.7vw) / 2.01); } .main-page .filter-color .square-color { width: 21.9vw; height: 21.9vw; } .main-page .product-section .catalog-section .catalog-section-slider { padding: 0 20px; } .main-page .link-catalog { padding-bottom: 24px; padding-top: 24px; } .main-page .section-category .section-category-wrapper { flex-direction: column; } .main-page .section-category .section-category-item { flex-grow: 1; min-height: 400px; } } @media (max-width: 413px) { .main-page .slider-section:not(.round-style) .swiper-slide { padding: 10px; } .main-page .slider-section:not(.round-style) .swiper-slide .base-btn-transparent { padding: 4px 5px; } } /* ----------Главная странца (END)----------- */ /* ----------Корзина (START)----------- */ .basket-page { position: relative; } .basket-page .basket-items-list-item-container-expend { display: none !important; } .basket-page #bx-soa-total-mobile { display: none; } .basket-page #bx-soa-orderSave { display: none !important; } .basket-page h1 { margin-bottom: 35px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total { display: flex; flex-direction: column; padding: 30px; border: 1px solid #1D1D1B; } .basket-page .bx-soa-sidebar .bx-soa-cart-total.bx-soa-cart-total-fixed { right: 30px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line { display: flex; align-items: center; justify-content: space-between; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) { margin-bottom: 20px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-t { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-d { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total { padding-top: 10px; border-top: 1px solid #1D1D1B; margin-bottom: 30px; margin-top: 20px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-t { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-d { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line-coupon .bx-soa-cart-t { display: flex; flex-wrap: wrap; gap: 6px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line-coupon .bx-soa-cart-d { flex-shrink: 0; display: none; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line-coupon .bx-soa-cart-t span { color: #B9B9B9; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-button-container { padding-top: 17px; padding-bottom: 16px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-button-container .btn-order-save { font-size: 0.75rem; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-button-container.btn-disabled { pointer-events: none; background-color: #ACACAC; border-color: #ACACAC; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .text-privacy { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; margin-top: 25px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .text-privacy a { text-decoration: underline; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; } .basket-page .bx-soa-coupon { margin-bottom: 40px; } .basket-page .bx-soa-coupon .bx-soa-coupon-label { color: #1D1D1B; font-size: 13px; font-style: normal; font-weight: 450; line-height: normal; margin-bottom: 5px; } .basket-page .bx-soa-coupon .bx-soa-coupon-label label { cursor: pointer; } .basket-page .bx-soa-coupon .bx-soa-coupon-input { display: flex; align-items: center; position: relative; outline: none; box-shadow: none; border: none; width: 100%; padding: 5px 0 0 0; border-bottom: 1px solid #5C5C6F; } .basket-page .bx-soa-coupon .bx-soa-coupon-input::after { content: ""; position: absolute; right: 0; z-index: 1; width: 14px; height: 14px; background: url("/local/templates/coinsbrand/images/arrow-right.svg") no-repeat; background-size: contain; cursor: pointer; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: none; } .basket-page .bx-soa-coupon .bx-soa-coupon-input.focus::after { opacity: 1; pointer-events: auto; } .basket-page .bx-soa-coupon .bx-soa-coupon-input.show { display: flex; } .basket-page .bx-soa-coupon .form-control { width: 100%; color: #1D1D1B; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; padding-right: 20px; } .basket-page .bx-soa-coupon .form-control::-moz-placeholder { color: #BEBEBE; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } .basket-page .bx-soa-coupon .form-control::placeholder { color: #BEBEBE; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } .basket-page .bx-soa-coupon .bx-soa-coupon-item { display: flex; flex-wrap: wrap; gap: 5px 15px; margin-top: 10px; /*display: none;*/ } .basket-page .bx-soa-coupon .bx-soa-coupon-item strong { position: relative; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 10px; } .basket-page .bx-soa-coupon .bx-soa-coupon-item-used:hover .bx-soa-tooltip, .basket-page .bx-soa-coupon .bx-soa-coupon-item-danger:hover .bx-soa-tooltip, .basket-page .bx-soa-coupon .bx-soa-coupon-item-success:hover .bx-soa-tooltip { position: absolute; top: 100%; width: -moz-max-content; width: max-content; } .basket-page .bx-soa-coupon .tooltip-inner { font-size: 13px; line-height: 120%; background: none; } .basket-page [data-property-id-row="13"], .basket-page .zip-location { display: none; } .basket-page .bx-basket { margin-bottom: 40px; } .basket-page .bx-basket td { padding: 0; } .basket-page .bx-basket .basket-items-list-wrapper { border: none; } .basket-page .bx-basket label .square { display: flex; align-items: center; justify-content: center; position: relative; width: 13px; min-width: 13px; height: 13px; border: 1px solid #1D1D1B; cursor: pointer; } .basket-page .bx-basket input[type=checkbox] { display: none; } .basket-page .bx-basket input[type=checkbox]:checked+label .square:before { display: block; content: ""; width: 5px; height: 5px; position: absolute; background-color: #1D1D1B; } .basket-page .bx-basket .delay-all { display: flex; align-items: center; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #1D1D1B; } .basket-page .bx-basket .delay-all label { display: flex; align-items: center; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .basket-page .bx-basket .delay-all label .square { margin-right: 7px; } .basket-page .bx-basket .delay-all .caption { margin-left: auto; cursor: pointer; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container { display: flex; align-items: center; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container:not(:last-child) { margin-bottom: 14px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-checker { margin-right: 17px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-descriptions-inner { display: flex; align-items: center; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-image { margin-right: 20px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-image-link { width: 59px; min-width: 59px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-image-link img { width: 100%; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-info-name-link { display: block; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; padding-right: 10px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-name { display: none; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-properties { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-amount { display: flex; align-items: center; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-amount .basket-item-amount-filed { text-align: center; width: 15px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-price-current-text { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; white-space: nowrap; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-actions-remove { cursor: pointer; } .basket-page .bx-basket .basket-items-list .basket-item-label-ring.basket-item-label-small, .basket-page .bx-basket .basket-items-list .basket-item-property-custom-value[data-column-property-code=DISCOUNT], .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-properties .basket-item-property-custom-name-DISCOUNT, .basket-page .bx-basket .basket-items-list .basket-item-price-old, .basket-page .bx-basket .basket-items-list .basket-item-price-difference { display: none; } .basket-page .title-order { margin-bottom: 30px; font-size: 1.25rem; } .basket-page .bx-soa-section { border: 1px solid #1D1D1B; padding: 30px 30px 60px; } .basket-page .bx-soa-section:not(:last-child) { margin-bottom: 30px; } .basket-page .bx-soa-section .bx-soa-section-title { display: flex; align-items: baseline; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; margin-bottom: 30px; } .basket-page .bx-soa-section .bx-soa-section-title .bx-soa-section-title-count { display: block; margin-right: 10px; } .basket-page #bx-soa-properties .bx-soa-customer-field:not(:last-child) { margin-bottom: 20px; } .basket-page #bx-soa-properties .bx-soa-customer-field .bx-soa-custom-label { display: block; opacity: 0.5; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 10px; } .basket-page .bx-soa-customer-field .bx-soa-custom-label .bx-authform-starrequired { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; } .basket-page .bx-soa-customer-field input { width: 100%; border-bottom: 1px solid #1D1D1B; padding-bottom: 2px; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } #bx-soa-order .bx-soa-customer-field.has-error .bx-soa-custom-label { color: #FF4A4A; opacity: 1; } #bx-soa-order .bx-soa-customer-field.has-error .bx-soa-custom-label .bx-authform-starrequired { color: #FF4A4A; } #bx-soa-order .bx-soa-customer-field.has-error input, #bx-soa-order .bx-soa-customer-field.has-error textarea { border-bottom: 1px solid #FF4A4A; } .basket-page #bx-soa-delivery { margin-bottom: 0; } .basket-page #bx-soa-delivery .bx-soa-pp-company:not(:last-child) { margin-bottom: 20px; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container { display: flex; flex-wrap: wrap; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .circle { display: flex; align-items: center; justify-content: center; position: relative; width: 15px; min-width: 15px; height: 15px; border: 1px solid #1D1D1B; border-radius: 50%; cursor: pointer; margin-right: 10px; margin-top: 1px; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container input[type=checkbox] { display: none; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container input[type=checkbox]:checked+.circle:before { display: block; content: ""; width: 9px; height: 9px; position: absolute; background-color: #1D1D1B; border-radius: 50%; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .name-delivery { flex: 1; padding-right: 10px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .name-delivery .bx-soa-pp-delivery-time { white-space: nowrap; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost { margin-left: auto; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-desc { width: 100%; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-desc .bxblink { display: block; margin-top: 10px; margin-left: 24px; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1rem; text-decoration: underline; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-desc br { display: none; } .basket-page #bx-soa-delivery .bx-soa-pp-desc-container { display: none; } .basket-page .bx-soa-reference { display: none; } .basket-page .bx-soa-location-input-container { margin-bottom: 20px; } .basket-page .bx-soa-location-input-container .bx-soa-custom-label { display: block; opacity: 0.5; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.8125rem; margin-bottom: 10px; } .basket-page .bx-soa-location-input-container.has-error .bx-soa-custom-label { color: #FF4A4A; } .basket-page .bx-soa-location-input-container .bx-sls .bx-ui-sls-container { min-height: 1px; } .basket-page .bx-soa-location-input-container .bx-sls .bx-ui-sls-route { position: relative !important; border-bottom: 1px solid #1D1D1B !important; padding-bottom: 2px !important; } .basket-page .bx-soa-location-input-container .bx-sls .dropdown-icon { display: none; } .basket-page .bx-soa-location-input-container .bx-sls .bx-ui-sls-route, .basket-page .bx-soa-location-input-container .bx-sls .bx-ui-sls-fake { height: auto; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; color: #1D1D1B !important; font-family: FontSiteFamily, arial; } .basket-page .bx-soa-location-input-container.has-error .bx-ui-sls-route { border-bottom-color: #FF4A4A !important; } .basket-page .bx-soa-location-input-container .bx-sls .dropdown-block { border: none; padding: 0; box-shadow: none; background-color: #ffffff; } .basket-page .bx-soa-location-input-container .bx-sls .dropdown-block .bx-ui-sls-clear { display: none !important; } .basket-page .bx-soa-location-input-container .bx-sls .dropdown-block .dropdown-fade2white { display: none; } .basket-page .bx-soa-delivery { margin-bottom: 20px; } .basket-page .bx-soa-delivery .bx-soa-custom-label { display: block; margin-bottom: 10px; opacity: 0.5; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.8125rem; } .basket-page .bx-soa-delivery .soa-property-container br { display: none; } .basket-page .bx-soa-delivery .soa-property-container textarea { width: 100%; height: 21px; border-bottom: 1px solid #1D1D1B; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; margin-bottom: 10px; resize: none; } .basket-page .bx-soa-delivery .nobasemessage { color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.8125rem; text-decoration: underline; border-bottom: none; } .basket-page #bx-soa-region .bx-soa-customer-field { display: flex; flex-direction: column; } .basket-page #bx-soa-region .bx-soa-customer-field .bx-soa-customer-label { display: block; margin-bottom: 10px; opacity: 0.5; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 0.8125rem; } .basket-page #bx-soa-region .bx-soa-customer-field .bx-soa-customer-textarea { width: 100%; height: 100px; border: 1px solid #1D1D1B; padding: .5em .7em; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .basket-page .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { color: #FF4A4A; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; } .basket-page .ipolkladrform form input[type=text] { border: none !important; border-bottom: 1px solid #1D1D1B !important; padding: 0 0 2px !important; background: transparent !important; margin: 0 0 20px !important; box-shadow: none; line-height: 1.2 !important; height: auto !important; color: #1D1D1B !important; border-radius: 0; } .basket-page .ipolkladrform form input[type=text]:focus { background-color: transparent !important; outline: 0 !important; box-shadow: 0 0 0 0 !important; border-color: #1D1D1B !important; } .basket-page .sale_order_full { padding: 0; margin-bottom: 10px; } .basket-page .sale_order_full h1 { color: #1D1D1B; line-height: 0.78; font-weight: 450; font-size: 3.6875rem; margin-bottom: 20px; text-align: center; } .basket-page .sale_order_full p { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; text-align: center; margin-bottom: 60px; } .basket-page .sale_order_full p a { text-decoration: underline; color: #1D1D1B; } .basket-page .sale_order_full h2 { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .basket-page .sale-order-detail { padding: 0; margin-top: 0; } .basket-page .sale-order-detail>.row { margin: 0; } .basket-page .sale-order-detail .wrap-order { padding: 25px 0 0; border-top: 1px solid #1D1D1B; } .basket-page .sale-order-detail .link-back { display: none; } .basket-page .sale-order-detail .col-tag { display: none; } .basket-page .sale-order-detail .btn-wrap .base-btn { width: 100%; } .basket-page .empty-wrap { min-height: calc(var(--vh, 1vh) * 100); } .basket-page .empty-wrap .img-banner { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .basket-page .empty-wrap .img-banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .basket-page .empty-wrap .info-wrap { z-index: 2; position: relative; padding-top: 155px; padding-bottom: 40px; } .basket-page .empty-wrap .info-wrap h1 { color: #ffffff; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; margin-bottom: 40px; } .basket-page .empty-wrap .info-wrap p { color: #ffffff; line-height: 1; font-weight: 450; font-size: 0.75rem; text-transform: uppercase; margin-bottom: 30px; } .basket-page .empty-wrap .info-wrap .base-btn-reverse { width: -moz-max-content; width: max-content; padding: 18px 84px; background-color: #ffffff; } .basket-page .empty-wrap .info-wrap .base-btn-reverse:hover { background-color: #202020; } .basket-page .basket-notify-block { display: flex; align-items: center; gap: 20px; background: #f5f5f5; padding: 12px 16px; margin-bottom: 40px; } .basket-page .basket-notify-block span { border: 1px solid #454545; border-radius: 50%; width: 20px; height: 20px; min-width: 20px; position: relative; } .basket-page .basket-notify-block span::before { content: "i"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #454545; font-size: 0.875rem; } @media (max-width: 1199px) { .basket-page .bx-basket { margin-bottom: 30px; } .basket-page #bx-soa-total-mobile { display: block; padding-top: 20px; border-top: 1px solid #1D1D1B; margin-bottom: 80px; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line .bx-soa-cart-t { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line .bx-soa-cart-d { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line.bx-soa-cart-total-line-total { margin-bottom: 0; padding-top: 10px; border-top: 1px solid #1D1D1B; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 1.25rem; line-height: 1.2; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 1.25rem; line-height: 1.2; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line-coupon .bx-soa-cart-t { display: flex; flex-wrap: wrap; gap: 6px; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line-coupon .bx-soa-cart-d { flex-shrink: 0; display: none; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-line-coupon .bx-soa-cart-t span { color: #B9B9B9; } .basket-page #bx-soa-total-mobile .bx-soa-cart-total-button-container { display: none; } .basket-page #bx-soa-total-mobile .text-privacy { display: none; } .basket-page #bx-soa-region { margin-bottom: 100px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total { padding: 0; border: none; margin-top: 64px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-t { font-size: 0.9375rem; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-total) .bx-soa-cart-d { font-size: 0.9375rem; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total { margin-top: 0; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-button-container { padding-top: 15px; padding-bottom: 15px; } .basket-page .bx-soa-sidebar .bx-soa-cart-total .text-privacy { margin-top: 10px; } .basket-page .sale_order_full h1 { font-size: 3rem; } } @media (max-width: 743px) { .basket-page .bx-basket .basket-items-list .basket-items-list-item-container { display: grid; align-items: normal; grid-template-areas: "checker image name remove" "checker image color color" "checker image . ." "checker image amount price"; grid-template-columns: 23px 32% auto auto; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container:not(:last-child) { margin-bottom: 30px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-checker { margin-right: 10px; grid-area: checker; margin-top: auto; margin-bottom: auto; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-image { margin-right: 0; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-descriptions { margin-right: 10px; grid-area: image; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-image-link { padding: 14px 7px; width: 100%; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-info { display: none; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-name { display: block; grid-area: name; margin-bottom: 5px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-remove { grid-area: remove; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-remove svg { width: 10px; height: 10px; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-item-block-properties { grid-area: color; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-amount { grid-area: amount; margin-top: auto; } .basket-page .bx-basket .basket-items-list .basket-items-list-item-container .basket-items-list-item-price { grid-area: price; margin-top: auto; } .basket-page .bx-soa-section { padding: 30px 20px 60px; } .basket-page .bx-soa-section .bx-soa-section-title { font-size: 0.9375rem; } .basket-page #bx-soa-properties .bx-soa-customer-field input { font-size: 1.125rem; } .basket-page #bx-soa-delivery .bx-soa-pp-company-graf-container { align-items: center; } .basket-page #bx-soa-region { margin-bottom: 120px; } .basket-page .bx-soa-delivery .soa-property-container textarea { height: 42px; } .basket-page .sale_order_full h1 { font-size: 2rem; line-height: 1; } } #kladr_autocomplete ul { border: none !important; background: #ffffff !important; box-shadow: 1px 4px 8px rgba(92, 92, 111, 0.1) !important; } #kladr_autocomplete li { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.9375rem; } .boxberry_container .boxberry_content #boxberry_map .left_panel .js-calc-block { display: none !important; } #orderDescription { resize: vertical; } /* ----------Корзина (END)------------- */ /* ----------Простая текстовая страница (START)------------- */ .simple-text-page { max-width: 750px; margin: 0 auto; } .simple-text-page h1 { text-transform: none; margin-bottom: 25px; text-align: center; color: #1D1D1B; } .simple-text-page .subtitle { color: #1D1D1B; line-height: 1.5; font-weight: 450; font-size: 0.9375rem; text-transform: uppercase; text-align: center; } .simple-text-page .content { margin-top: 72px; } .simple-text-page .content .block-text:not(:last-child) { margin-bottom: 42px; } .simple-text-page .content .block-text .title-block { display: flex; align-items: baseline; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #1D1D1B; } .simple-text-page .content .block-text .title-block svg { position: relative; top: 5px; margin-right: 32px; } .simple-text-page .content .block-text .title-block .count { color: #1D1D1B; line-height: 1; font-weight: 400; font-size: 0.875rem; text-transform: uppercase; margin-right: 32px; } .simple-text-page .content .block-text .title-block h2 { font-size: 1.25rem; } .simple-text-page .content .block-text .text { padding-left: 80px; } .simple-text-page .content .block-text .text ul:not(:last-child) { margin-bottom: 25px; } .simple-text-page .content .block-text .text ul li { position: relative; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .simple-text-page .content .block-text .text ul li:not(:last-child) { margin-bottom: 20px; } .simple-text-page .content .block-text .text ul li:before { display: block; content: ""; position: absolute; top: 9px; left: -19px; width: 13px; height: 1px; background-color: #1D1D1B; } .simple-text-page .content .block-text .text p { color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 1rem; } .simple-text-page .content .block-text .text p:not(:last-child) { margin-bottom: 15px; } @media (max-width: 1199px) { .simple-text-page .content .block-text .text { padding-left: 96px; } } @media (max-width: 734px) { .simple-text-page .content .block-text:not(:last-child) { margin-bottom: 48px; } .simple-text-page .content .block-text .title-block svg { margin-right: 20px; } .simple-text-page .content .block-text .title-block .count { margin-right: 20px; } .simple-text-page .content .block-text .title-block h2 { font-size: 0.9375rem; } .simple-text-page .content .block-text .text { padding-left: 40px; } } /* ----------Простая текстовая страница (END)--------------- */ /*----------Страница ухода (START)---------------*/ .care-page .container { width: 100%; max-width: 600px; } .care-page .container h1 { text-transform: none; margin-bottom: 60px; } @media(max-width: 600px) { .care-page .container h1 { margin-bottom: 30px; } } .care-page .container h3 { font-size: 22px; font-weight: bold; margin-bottom: 20px; margin-top: 30px; text-transform: uppercase; } @media(max-width: 600px) { .care-page .container h3 { font-size: 18px; } } .care-page .container p { font-size: 16px; margin-bottom: 12px; line-height: 1.05em; } /*----------Страница ухода (END)---------------*/ /* ----------404 (START)--------------- */ .error-page { position: relative; height: calc(var(--vh, 1vh) * 100); min-height: 600px; } .error-page .img-wrap { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; } .error-page .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .error-page .container { padding-top: 160px; display: flex; flex-direction: column; height: 100%; padding-bottom: 30px; } .error-page .container .text { color: #fff; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; max-width: 430px; margin-bottom: 165px; } .error-page .container .title { margin: 0 auto; text-align: center; } .error-page .container .title h1 { color: #fff; line-height: 1; font-weight: 450; font-size: 2rem; text-transform: uppercase; margin-bottom: 5px; } .error-page .container .title p { color: #fff; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } .error-page .container a { display: block; margin-top: auto; text-decoration: underline; color: #fff; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; } /* ----------404 (END)--------------- */ /* ----------Авторизация (START)--------------- */ .bx-authform { margin: 0 auto; padding: 0 20px; max-width: 540px; } .bx-authform hr { display: none; } .bx-authform .bx-authform-social { display: none; } .bx-authform .bx-title { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 20px; } .bx-authform .bx-authform-label-container { color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 0.8125rem; margin-bottom: 10px; opacity: 0.5; } .bx-authform .bx-authform-input-container input { border: none; border-radius: 0; padding: 0; border-bottom: 1px solid #1D1D1B; width: 100%; height: auto; color: #1D1D1B; line-height: 1.2; font-weight: 450; font-size: 1rem; } .bx-authform .bx-authform-psw-protected { display: none; } .bx-authform .checkbox { display: none; } .bx-authform .bx-authform-link-container { display: none; } .bx-authform .btn-primary { display: flex; justify-content: center; width: 100%; background-color: #202020; padding: 6px 11px; border: 1px solid #202020; cursor: pointer; color: #fff; line-height: 1; font-weight: 450; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.07em; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; } .bx-authform .btn-primary:hover { background-color: #ffffff; color: #1D1D1B; } /* ----------Авторизация (END)--------------- */ /* ----------Акции (START)--------------- */ .stock-page .slider { margin-bottom: 50px; cursor: none; } .stock-page .slider .swiper-slide { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .stock-page .slider .swiper-slide .banner-text { z-index: 5; position: absolute; display: flex; flex-direction: column; align-items: center; padding: 0 20px; } .stock-page .slider .swiper-slide .title { color: #ffffff; line-height: 1.3; font-weight: 400; font-size: 2.1875rem; margin-bottom: 15px; text-align: center; max-width: 550px; } .stock-page .slider .swiper-slide .img-wrap { width: 100%; max-height: calc(var(--vh, 1vh) * 100); } .stock-page .slider .swiper-slide .img-wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } .stock-page .slider .swiper-pagination { bottom: 30px; } .stock-page .slider:not(.swiper-initialized) { cursor: auto; } .stock-page .slider:not(.swiper-initialized) .swiper-pagination { display: none; } .stock-page .slider.clicked .swiper-pagination .line::after { transition: transform 0.7s linear; } .stock-page .product-section { margin: 70px 0; } .stock-page .product-section .catalog-section .catalog-section-slider { padding: 0 30px; } .stock-page .product-section .catalog-section:not(:last-child) { margin-bottom: 5px; } .stock-page .link-catalog { display: flex; align-items: center; flex-direction: column-reverse; padding-bottom: 33px; padding-top: 33px; background-color: #000; } .stock-page .catalog-page h1 { font-size: 2rem; } .stock-page .catalog-page .filter-btn { display: none; } @media (max-width: 1199px) { .stock-page .slider { margin-bottom: 30px; } .stock-page .slider .swiper-pagination { bottom: 20px; } .stock-page .product-section { margin: 60px 0; } } @media (max-width: 743px) { .stock-page .slider { margin-bottom: 55px; } .stock-page .slider .swiper-slide { justify-content: flex-end; } .stock-page .slider .swiper-slide .banner-text { padding: 0 20px 54px; } .stock-page .slider .swiper-slide .title { font-size: 1.25rem; line-height: 1.1; margin-bottom: 10px; max-width: 184px; } .stock-page .slider .swiper-slide .base-btn-transparent { padding: 12px 40px; } .stock-page .slider .swiper-pagination { bottom: 10px; } .stock-page .product-section .catalog-section .catalog-section-slider { padding: 0 20px; } .stock-page .link-catalog { padding-bottom: 24px; padding-top: 24px; } } /* ----------Акции (END)--------------- */ #fwBlackFridayCheck { position: absolute; left: -9999px; } #fwBlackFridayClose { position: absolute; top: 20px; right: 32px; width: 22px; height: 22px; background: url(/local/templates/coinsbrand/css/../images/closeicon.png); background-size: 100% 100%; z-index: 2; cursor: pointer; } @media (max-width: 600px) { #fwBlackFridayClose { top: 14px; right: 14px; } } #fwBlackFridayCheck+#fwBlackFridayMask { display: none; } #fwBlackFridayCheck:checked+#fwBlackFridayMask { display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.37); z-index: 199; cursor: pointer; } #fwBlackFridayCheck+#fwBlackFridayMask+#fwBlackFriday { display: none; padding: 17px 20px 56px; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; max-width: 600px; width: 600px; } @media (max-width: 600px) { #fwBlackFridayCheck+#fwBlackFridayMask+#fwBlackFriday { max-width: none; width: 100%; padding: 12px 12px 40px; } #fwBlackFriday br { display: none; } } #fwBlackFriday img { max-width: 100%; } #fwBlackFriday h3 { text-align: center; font-size: 38.5px; font-weight: 500; line-height: 1em; padding-top: 28px; padding-bottom: 10px; text-transform: uppercase; } @media (max-width: 600px) { #fwBlackFriday h3 { font-size: 18px; line-height: 1.2em; padding-bottom: 0; } } #fwBlackFriday p { font-size: 20px; font-weight: 400; line-height: 1.1em; text-align: center; margin-bottom: 20px; letter-spacing: 0.01em; } @media (max-width: 600px) { #fwBlackFriday p { line-height: 1em; font-size: 14px; letter-spacing: 0.03em; } } #fwBlackFriday .inputs { padding: 0 25px; } @media (max-width: 600px) { #fwBlackFriday .inputs { padding: 0 10px; } } #fwBlackFriday .inputs input { padding: 0.55em 0.4em; width: 480px; margin: 26px 0 0 16px; font-size: 20px; } @media (max-width: 600px) { #fwBlackFriday .inputs input { margin: 26px 0 0 0; width: 100%; } } #fwBlackFriday .inputs input::placeholder { color: black; opacity: 1; /* Firefox */ } #fwBlackFriday .inputs input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: black; } #fwBlackFriday .inputs input::-moz-placeholder { /* Firefox 19+ */ color: black; opacity: 1; } #fwBlackFriday .inputs input:-ms-input-placeholder { /* IE 10+ */ color: black; } #fwBlackFriday .inputs input:-moz-placeholder { /* Firefox 18- */ color: black; opacity: 1; } #fwBlackFriday .inputs input[type=submit] { border-radius: 13.34px; background: #000; border: 1px solid #000; color: #fff; height: 49px; padding: 0; text-transform: uppercase; cursor: pointer; transition: border .2s, background .2s, color .2s; font-size: 16px; letter-spacing: 0em; width: 352px; margin-left: 2px; } #fwBlackFriday .buttonPlace { display: flex; justify-content: center; margin: 10px 0 0; } #fwBlackFriday .inputs input[type=submit]:hover { border: 1px solid #000; background: transparent; color: black; } #fwBlackFridayCheck:checked+#fwBlackFridayMask+#fwBlackFriday { display: flex; flex-direction: column; background: #f2f2f2; } @media (max-width: 1199px) { .bx-top-nav .pinned { order: -1; } .bx-top-nav .new a { display: flex; justify-content: space-between; } .bx-top-nav .new a span { order: 1; } .bx-top-nav .new a::before { content: ""; display: block; order: 2; flex-grow: 1; height: 1px; background: #000; margin: 0 16px; } .bx-top-nav .new a::after { content: "NEW"; display: block; order: 3; } } .dn { display: none; } /* Ссылка «Написать менеджеру» в корзине под кнопкой «Оформить» для десктопа */ .to-manager-link { text-decoration: underline; color: #1D1D1B; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; color: black; margin-top: 12px; } @media (max-width: 1199px) { .to-manager-link { display: none; } } /* Блок «Написать менеджеру» в корзине под кнопкой «Оформить» для моба */ .to-manager-mob { margin-top: 40px; display: none; } @media (max-width: 1199px) { .to-manager-mob { display: block; } } .to-manager-mob p { font-size: 0.8125rem; margin-bottom: 1em; text-align: center; } .ghost-btn { text-align: center; display: block; color: black; text-transform: uppercase; font-size: 0.8125rem; letter-spacing: 0.06em; border: 1px solid black; padding: 0.8rem; cursor: pointer; transition: 0.4s; } .ghost-btn:hover { border-color: #b5b5b5; } .to-manager-mob .ghost-btn { margin-top: 16px; } #bx-soa-total-mobile .to-manager-mob { display: none; } /* BX radio/checkbox fix */ .bx-core-window input[type=radio], .bx-core-window input[type=checkbox] { appearance: auto; display: inline; } /* / BX radio/checkbox fix */ .f_link { color: white; } .fit-content { width: fit-content; } /* Форма SUBSCRIBE в футере */ .subscribe { color: white; } .subscribe [type=submit] { font-weight: bold !important; text-transform: uppercase; letter-spacing: 0.07em; transition: color 0.5s ease-in-out; } .subscribe [type=checkbox]+label { min-width: 14px; height: 14px; margin-right: 17px; margin-top: 2px; border-radius: 1.5px; border: 1px solid var(--footer-color); background-color: transparent; transition: background 0.5s ease-in-out; } .subscribe [type=checkbox]:checked+label { background-color: var(--footer-color); } .bx-input-group>label.error { display: block !important; } label[for].error { color: red; margin-top: 0.5em; display: block; width: 100% !important; } .bx-input-group { align-items: flex-start !important; } .subscribe [type=checkbox] { display: inherit !important; visibility: hidden !important; width: 0; height: 0; font-size: 0; margin: 0; } .sending { opacity: .5; pointer-events: none; } /* Цвет и толщина иконк в шапке */ header .personal svg, header .search svg { height: 18px; } header .personal path, header .search path, header .personal line, header .personal circle { stroke: #000; stroke-width: 1.5px; } /* Опция «Убрать рамку» */ .uncut.product-item-container .wrap-bg, .img-wrap .img_wrap_uncut { overflow: hidden; position: relative; } .uncut.product-item-container .wrap-bg img, .img-wrap .img_wrap_uncut img { opacity: 0; } .uncut.product-item-container .wrap-bg .uncut_img, .img-wrap .img_wrap_uncut .uncut_img { opacity: 1; position: absolute; top: 0; height: 100% !important; width: auto !important; left: 50%; transform: translateX(-50%); padding: 0 !important; } /* Правки иконки «Избранное» */ .basket-line .favor-link { display: flex; } .catalog-item .top-bar { flex-wrap: nowrap; width: 100%; align-items: flex-start; position: absolute; } .bottom-bar .favor { width: 44px; height: 44px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-top: auto; top: -0.4rem; } .bottom-bar .favor svg { width: 16px; } /* Custom checkbox */ .checkbox-label { position: relative; padding-left: 25px; cursor: pointer; display: flex; } .checkbox-label input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; } .custom-checkbox { position: absolute; left: 0; top: 0; height: 18px; width: 18px; border: 1px solid #000; background-color: transparent; } .checkbox-label input[type="checkbox"]:checked~.custom-checkbox { background-color: #000; } /* Cookie banner */ #cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; color: #000; padding: 2rem 3rem; z-index: 9999; font-size: 1rem; display: flex; justify-content: center; border-top: 1px solid #000; } @media (max-width: 743px) { #cookie-banner { padding: 1.4rem 3rem; font-size: 12px; } } #cookie-banner>div { display: flex; align-items: center; gap: 10vw; } @media (max-width: 1400px) { #cookie-banner>div { gap: 3rem } } @media (max-width: 743px) { #cookie-banner>div { flex-direction: column; gap: 1.3rem; } } #cookie-banner button { width: 26.4rem; } @media (max-width: 1400px) { #cookie-banner button { width: 18.7rem; } } @media (max-width: 743px) { #cookie-banner button { width: 100%; } } #cookie-banner a { color: #000; } @media (max-width: 1200px) { #cookie-banner br { display: none; } } @media (max-width: 350px) { .catalog-detail-page .product-info .primary .title-block .tags { max-width: 200px; } } @media (max-width: 743px) { .cookie-banner--visible .product-item-detail-buy-button.fixed-mobile { bottom: 160px; } } @media screen and (max-width: 521px) { .cookie-banner--visible .product-item-detail-buy-button.fixed-mobile { bottom: 168px; } } @media (max-width: 350px) { .catalog-detail-page .product-info .primary .title-block .tags { max-width: 200px; } } .auth-sale-modal .modal-content { display: flex; flex-direction: column; align-items: center; } #awz-autform-form-sale-img, #awz-autform-form-sale-title { display: none; } .account-modal.issale #awz-autform-form-sale-img { max-width: 100%; margin-bottom: 40px; display: block; } .account-modal.issale #awz-autform-form-sale-title { text-align: center; color: #1D1D1B; line-height: 1; font-weight: 450; font-size: 1.25rem; text-transform: uppercase; margin-bottom: 40px; display: block; } .account-modal.issale #awz-autform-form-title-register { display: none; } .centred-btn-place { display: flex; justify-content: center; margin-top: 80px; } .f-req { max-width: 250px; } @media (max-width: 500px) { .footer .f-req-place { flex: 0 0 100%; max-width: none; order: 10; } .f-req { max-width: none; } .footer .copyright .link { margin: 0; } .f-law-links { display: flex; gap: 16px; flex-wrap: wrap; max-width: none; flex: 0 0 100%; } } .ui-notification-balloon-content { border-radius: 0; } .separated-menu-items { margin-top: 2em; } .manager-chat__title { font-size: 0.75rem; color: #606060; text-transform: uppercase; font-weight: 500; margin-bottom: 1em; } .manager-chat__list { display: flex; gap: 16px; } .manager-chat__list a { width: 24px; height: 24px; flex: 0 1 auto; } .header a[href="/catalog/dyavol_nosit_cns/"] { color: #e60b1c !important; } /* End */ /* Start:/local/templates/coinsbrand/css/flatpickr.min.css?177172332116166*/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* End */ /* Start:/local/templates/coinsbrand/components/bitrix/menu/bootstrap_v5/style.css?177172332111117*/ .bx-top-nav-container { position: relative; } /*region 1 lvl*/ .bx-nav-list-1-lvl { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-nav-1-lvl { position: relative; } .bx-nav-1-lvl-link { display: block; border-bottom: none; text-decoration: none; } .bx-nav-1-lvl-link:hover { text-decoration: none; } .bx-nav-1-lvl.bx-hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link, .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link { border-bottom: none; background: var(--theme-color-second); } .bx-nav-1-lvl-link-text { display: flex; text-decoration: none; } .bx-nav-angle-bottom { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-bottom:after, .bx-nav-angle-bottom:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-bottom:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(45deg); } .bx-nav-angle-bottom:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after, .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before { background-color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background-color: transparent; color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { z-index: 250; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13) } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: #fff; } /**/ .bx-nav-angle-top { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-top:after, .bx-nav-angle-top:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-top:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-angle-top:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(45deg); } /**/ .bx-nav-parent-arrow { display: none; } /*endregion*/ /*region 2 lvl*/ .bx-nav-2-lvl-container, .bx-nav-2-lvl-container-advanced { z-index: 999; display: none; padding: 0; min-width: 100%; border-top: none; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13); color: #000; opacity: 0; } .bx-nav-2-lvl-container > ul, .bx-nav-2-lvl-container > div, .bx-nav-2-lvl-container-advanced > ul, .bx-nav-2-lvl-container-advanced > div { flex: 1 } .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: absolute; top: calc(100% - 5px); z-index: 999; display: flex; background: #fff; opacity: 1; align-items: stretch; } .bx-nav-list-2-lvl { margin: 0; padding: 5px 0 12px; } .bx-nav-2-lvl { display: block; padding: 0; min-width: 180px; } .bx-nav-2-lvl-link { display: block; padding: 5px 15px 5px; border-bottom: none !important; text-decoration: none !important; } .bx-nav-2-lvl-link-text { color: var(--theme-color-primary); text-decoration: none; font-weight: var(--ui-font-weight-bold); font-size: 13px; line-height: 16px; } /*.bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a { margin-top: 0; border-top: none; }*/ .bx-nav-2-lvl > .bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text, .bx-nav-2-lvl > .bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text { background: var(--theme-color-light); color: var(--theme-color-primary); } /*endregion*/ /*region 3 lvl*/ .bx-nav-3-lvl-container-advanced:before, .bx-nav-3-lvl-container:before { position: absolute; top: -5px; right: 0; left: 0; display: block; height: 5px; background: #fff; content: " "; } .bx-nav-list-3-lvl { margin: 0; padding: 0 0 14px 0; } .bx-nav-3-lvl { display: block; box-sizing: border-box; margin: 0; padding: 0; min-width: 180px; } .bx-nav-3-lvl-link { display: block; padding: 3px 15px 3px 20px; border-bottom: none; color: #555; text-decoration: none; font-size: 13px; line-height: 14px; } .bx-nav-3-lvl-link.bx-active, .bx-nav-3-lvl-link:hover { background: #f0f0f0; color: var(--theme-color-primary); text-decoration: none; } /*endregion*/ /*region col 4 */ .bx-nav-list-4-col { position: static; } .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { top: 100%; right: 0; left: 0; } .bx-nav-list-4-col .bx-nav-2-lvl-container, .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { right: 0; left: 0; } /*endregion*/ /*region catinfo*/ .bx-nav-catinfo { position: relative; z-index: 120; padding: 15px 15px 5px; min-width: 200px; border-left: 1px solid #ecefef; background: #f7fafb; } .bx-nav-catinfo img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; max-height: 100%; width: auto; height: auto; border: 1px solid #e7e9ea; } .bx-nav-catinfo p { padding: 20px 5px 0; font-size: 13px; } /*endregion*/ /*region ASIDE */ .bx-menu-button-mobile { position: absolute; top: 8px; left: 5px; z-index: 10; width: 40px; height: 40px; } .bx-aside-nav-control { position: absolute; top: 0; left: 0; z-index: 1750; width: 40px; height: 40px; color: #fff; text-align: center; font-size: 28px; line-height: 40px; cursor: pointer; transition: left .15s linear; } .bx-nav-bars { position: absolute; top: 50%; left: 50%; z-index: 2100; display: block; box-sizing: border-box; width: 30px; height: 25px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; vertical-align: middle; transform: translate(-50%, -50%); } .bx-nav-bars:after { position: absolute; top: 50%; display: block; background: #fff; width: 100%; height: 5px; content: ''; transform: translateY(-50%); } .bx-wrapper, .bx-aside-nav { transition: transform .15s linear; } /**/ .bx-opened .bx-footer, .bx-opened .workarea { overflow: hidden; } /**/ .bx-aside-nav { position: fixed; top: 50px; bottom: 0; left: 0; z-index: 1600; display: none; width: 100%; background: #4c5c65; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .bx-aside-nav.bx-opened { overflow-y: scroll; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .bx-aside-nav ul { margin: 0; padding: 0; list-style: none; } .bx-aside-nav a { display: block; overflow: hidden; padding-left: 15px; max-width: 100%; height: 48px; border-bottom: 1px solid #3d4b53 !important; color: #fff; vertical-align: middle; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 48px; } .bx-aside-nav .bx-nav-list-1-lvl { z-index: 1700; flex-direction: column; } .bx-aside-nav .bx-nav-1-lvl-link { padding: 0; display: flex; align-items: center; } .bx-aside-nav .bx-nav-1-lvl-link-text { padding: 0 0 0 15px; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { box-shadow: none !important; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: transparent; color: #fff; } .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: relative; box-shadow: none; top: auto; } .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container { display: block; opacity: 1; } .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover > a, .bx-aside-nav .bx-nav-1-lvl.bx-hover > a { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link-text, .bx-aside-nav .bx-nav-3-lvl-link-text, .bx-aside-nav .bx-nav-4-lvl-link-text { color: #fff; font-weight: 500; font-size: 14px; } .bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link { padding: 0 0 0 30px; } .bx-aside-nav .bx-nav-2-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-3-lvl-link { padding: 0 0 0 45px; } .bx-aside-nav .bx-nav-3-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-4-lvl-link { padding: 0 0 0 60px; } .bx-aside-nav .bx-nav-4-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-parent { position: relative; } .bx-aside-nav .bx-nav-parent-arrow { position: absolute; top: 0; right: 0; z-index: 200; margin-top: 6px; width: 46px; height: 34px; border-left: 1px solid #5a6971; text-align: center; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { transition: all .15s linear; } .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent > ul { overflow: hidden; height: 0; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent.bx-opened > ul { height: auto; } .bx-aside-nav .bx-nav-catinfo { display: none; } .bx-aside-nav .bx-nav-angle-top, .bx-aside-nav .bx-nav-angle-bottom { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; margin: 0; } @media (min-width: 768px) { .bx-aside-nav-control, .bx-aside-nav { display: none; } .bx-top-nav-container { display: block; } } @media (max-width: 767px) { .bx-aside-nav-control { display: flex; align-items: center; justify-content: center; } .bx-aside-nav { display: block; } .bx-top-nav-container { display: none; } .bx-aside-nav .bx-nav-parent-arrow { display: block; } .bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{ display: none; } } .bx-white { --theme-color-primary: #f5f5f5; --theme-color-second: #dfdfdf; } .bx-white .bx-nav-1-lvl-link-text, .bx-white .bx-nav-2-lvl-link-text, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-white .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { color: #333; } /* End */ /* Start:/local/templates/coinsbrand/components/bitrix/menu/mobile_menu/style.css?177172332111117*/ .bx-top-nav-container { position: relative; } /*region 1 lvl*/ .bx-nav-list-1-lvl { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-nav-1-lvl { position: relative; } .bx-nav-1-lvl-link { display: block; border-bottom: none; text-decoration: none; } .bx-nav-1-lvl-link:hover { text-decoration: none; } .bx-nav-1-lvl.bx-hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link, .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link { border-bottom: none; background: var(--theme-color-second); } .bx-nav-1-lvl-link-text { display: flex; text-decoration: none; } .bx-nav-angle-bottom { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-bottom:after, .bx-nav-angle-bottom:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-bottom:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(45deg); } .bx-nav-angle-bottom:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after, .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before { background-color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background-color: transparent; color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { z-index: 250; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13) } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: #fff; } /**/ .bx-nav-angle-top { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-top:after, .bx-nav-angle-top:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-top:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-angle-top:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(45deg); } /**/ .bx-nav-parent-arrow { display: none; } /*endregion*/ /*region 2 lvl*/ .bx-nav-2-lvl-container, .bx-nav-2-lvl-container-advanced { z-index: 999; display: none; padding: 0; min-width: 100%; border-top: none; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13); color: #000; opacity: 0; } .bx-nav-2-lvl-container > ul, .bx-nav-2-lvl-container > div, .bx-nav-2-lvl-container-advanced > ul, .bx-nav-2-lvl-container-advanced > div { flex: 1 } .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: absolute; top: calc(100% - 5px); z-index: 999; display: flex; background: #fff; opacity: 1; align-items: stretch; } .bx-nav-list-2-lvl { margin: 0; padding: 5px 0 12px; } .bx-nav-2-lvl { display: block; padding: 0; min-width: 180px; } .bx-nav-2-lvl-link { display: block; padding: 5px 15px 5px; border-bottom: none !important; text-decoration: none !important; } .bx-nav-2-lvl-link-text { color: var(--theme-color-primary); text-decoration: none; font-weight: var(--ui-font-weight-bold); font-size: 13px; line-height: 16px; } /*.bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a { margin-top: 0; border-top: none; }*/ .bx-nav-2-lvl > .bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text, .bx-nav-2-lvl > .bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text { background: var(--theme-color-light); color: var(--theme-color-primary); } /*endregion*/ /*region 3 lvl*/ .bx-nav-3-lvl-container-advanced:before, .bx-nav-3-lvl-container:before { position: absolute; top: -5px; right: 0; left: 0; display: block; height: 5px; background: #fff; content: " "; } .bx-nav-list-3-lvl { margin: 0; padding: 0 0 14px 0; } .bx-nav-3-lvl { display: block; box-sizing: border-box; margin: 0; padding: 0; min-width: 180px; } .bx-nav-3-lvl-link { display: block; padding: 3px 15px 3px 20px; border-bottom: none; color: #555; text-decoration: none; font-size: 13px; line-height: 14px; } .bx-nav-3-lvl-link.bx-active, .bx-nav-3-lvl-link:hover { background: #f0f0f0; color: var(--theme-color-primary); text-decoration: none; } /*endregion*/ /*region col 4 */ .bx-nav-list-4-col { position: static; } .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { top: 100%; right: 0; left: 0; } .bx-nav-list-4-col .bx-nav-2-lvl-container, .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { right: 0; left: 0; } /*endregion*/ /*region catinfo*/ .bx-nav-catinfo { position: relative; z-index: 120; padding: 15px 15px 5px; min-width: 200px; border-left: 1px solid #ecefef; background: #f7fafb; } .bx-nav-catinfo img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; max-height: 100%; width: auto; height: auto; border: 1px solid #e7e9ea; } .bx-nav-catinfo p { padding: 20px 5px 0; font-size: 13px; } /*endregion*/ /*region ASIDE */ .bx-menu-button-mobile { position: absolute; top: 8px; left: 5px; z-index: 10; width: 40px; height: 40px; } .bx-aside-nav-control { position: absolute; top: 0; left: 0; z-index: 1750; width: 40px; height: 40px; color: #fff; text-align: center; font-size: 28px; line-height: 40px; cursor: pointer; transition: left .15s linear; } .bx-nav-bars { position: absolute; top: 50%; left: 50%; z-index: 2100; display: block; box-sizing: border-box; width: 30px; height: 25px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; vertical-align: middle; transform: translate(-50%, -50%); } .bx-nav-bars:after { position: absolute; top: 50%; display: block; background: #fff; width: 100%; height: 5px; content: ''; transform: translateY(-50%); } .bx-wrapper, .bx-aside-nav { transition: transform .15s linear; } /**/ .bx-opened .bx-footer, .bx-opened .workarea { overflow: hidden; } /**/ .bx-aside-nav { position: fixed; top: 50px; bottom: 0; left: 0; z-index: 1600; display: none; width: 100%; background: #4c5c65; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .bx-aside-nav.bx-opened { overflow-y: scroll; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .bx-aside-nav ul { margin: 0; padding: 0; list-style: none; } .bx-aside-nav a { display: block; overflow: hidden; padding-left: 15px; max-width: 100%; height: 48px; border-bottom: 1px solid #3d4b53 !important; color: #fff; vertical-align: middle; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 48px; } .bx-aside-nav .bx-nav-list-1-lvl { z-index: 1700; flex-direction: column; } .bx-aside-nav .bx-nav-1-lvl-link { padding: 0; display: flex; align-items: center; } .bx-aside-nav .bx-nav-1-lvl-link-text { padding: 0 0 0 15px; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { box-shadow: none !important; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: transparent; color: #fff; } .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: relative; box-shadow: none; top: auto; } .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container { display: block; opacity: 1; } .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover > a, .bx-aside-nav .bx-nav-1-lvl.bx-hover > a { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link-text, .bx-aside-nav .bx-nav-3-lvl-link-text, .bx-aside-nav .bx-nav-4-lvl-link-text { color: #fff; font-weight: 500; font-size: 14px; } .bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link { padding: 0 0 0 30px; } .bx-aside-nav .bx-nav-2-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-3-lvl-link { padding: 0 0 0 45px; } .bx-aside-nav .bx-nav-3-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-4-lvl-link { padding: 0 0 0 60px; } .bx-aside-nav .bx-nav-4-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-parent { position: relative; } .bx-aside-nav .bx-nav-parent-arrow { position: absolute; top: 0; right: 0; z-index: 200; margin-top: 6px; width: 46px; height: 34px; border-left: 1px solid #5a6971; text-align: center; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { transition: all .15s linear; } .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent > ul { overflow: hidden; height: 0; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent.bx-opened > ul { height: auto; } .bx-aside-nav .bx-nav-catinfo { display: none; } .bx-aside-nav .bx-nav-angle-top, .bx-aside-nav .bx-nav-angle-bottom { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; margin: 0; } @media (min-width: 768px) { .bx-aside-nav-control, .bx-aside-nav { display: none; } .bx-top-nav-container { display: block; } } @media (max-width: 767px) { .bx-aside-nav-control { display: flex; align-items: center; justify-content: center; } .bx-aside-nav { display: block; } .bx-top-nav-container { display: none; } .bx-aside-nav .bx-nav-parent-arrow { display: block; } .bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{ display: none; } } .bx-white { --theme-color-primary: #f5f5f5; --theme-color-second: #dfdfdf; } .bx-white .bx-nav-1-lvl-link-text, .bx-white .bx-nav-2-lvl-link-text, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-white .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { color: #333; } /* End */ /* Start:/local/templates/coinsbrand/components/awz/autform/cns/style.css?17791179306192*/ /* .awz-autform-modal-content-bg {position:fixed;top:0;left:0;width:100%;height:100%; display:block;z-index: 10000;} */ .awz-autform-modal-content-bg, .awz-autform-modal-content-bg:hover, .awz-autform-close, .awz-autform-close:hover { cursor: pointer; } .awz-autform-close { display: block; width: 70px; height: 68px; position: fixed; top: 10px; right: 10px; z-index: 10002; text-decoration: none; text-align: center; } .awz-autform-close div { cursor: pointer; position: relative; height: 68px; width: 70px; } .awz-autform-close .awz-autform-close-leftright { height: 4px; width: 50px; position: absolute; margin-top: 24px; border-radius: 2px; transform: rotate(45deg); transition: all .3s ease-in; left: 10px; } .awz-autform-close .awz-autform-close-rightleft { height: 4px; width: 50px; position: absolute; margin-top: 24px; border-radius: 2px; transform: rotate(-45deg); transition: all .3s ease-in; left: 10px; } .awz-autform-close .awz-autform-close-close-btn { margin: 54px auto 0 auto; position: absolute; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; transition: all .3s ease-in; opacity: 0; width: 100%; display: block; text-align: center; } .awz-autform-close div:hover .awz-autform-close-leftright { transform: rotate(-45deg); } .awz-autform-close div:hover .awz-autform-close-rightleft { transform: rotate(45deg); } .awz-autform-close div:hover .awz-autform-close-close-btn { opacity: 1; } /* .awz-autform-modal-content {display:block;position:fixed;z-index:10001;width:100%;height:100%;top:0;left:0;} */ .awz-autform-modal-content-wrap { display: block; margin: auto; position: relative; max-width: 460px; } .awz-autform-modal-header { display: block; padding: 15px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; } .awz-autform-modal-body { width: 100%; display: block; height: 100%; position: relative; overflow-y: auto; } .awz-autform-modal-error { padding: 20px 15px; display: block; font-size: 16px; line-height: 24px; } .awz-autform-preload { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .awz-autform-load { display: block; width: 50%; top: 50%; margin: -20px auto auto; font-size: 18px; position: relative; text-align: center; } .awz-autform-contentWrap { padding: 15px; } .awz-autform-close-mobile { right: 0; top: 0; overflow: hidden; height: 57px; } .awz-autform-close-mobile>div { margin-top: 3px; } .awz-autform-form-agreement { text-align: center; } .awz-autform-form-agreement input { margin-right: 10px; } .awz-autform-form-buttons { text-align: center; padding: 1em; } .awz-autform-form-buttons span { font-size: 1rem !important; } .awz-autform-message-agreement-content { font-size: 0.9em; line-height: 120%; } .awz-autform-form-group a { margin: 0 5px; text-transform: lowercase; } .awz-autform-link-block .awz-autform-hide { display: none; } .awz-autform-modal-mobile .awz-autform-modal-header { font-size: 22px; line-height: 27px; } .awz-autform-form-links a.active { display: none; } /* Custom email auth */ .auth-via-email-wrapper { display: none; --c-error: rgb(142, 142, 142); } .awz-autform-link-block.login .auth-via-email-wrapper { display: block; } .auth-via-email-wrapper .awz-autform-form-group input { padding-bottom: 0.7em; border-bottom: 1px solid #1D1D1B; width: 100%; } .auth-via-email-wrapper button { width: 100%; margin-top: 30px; margin-bottom: 10px; position: relative; padding: 1em; height: 3.5em; } @media (max-width: 743px) { .auth-via-email-wrapper button { height: 40px; } } .auth-via-email-wrapper button[disabled] { opacity: .6; pointer-events: none; } .auth-via-email-wrapper label.error { color: var(--c-error) !important; opacity: 1 !important; } .auth-via-email-wrapper #auth-error { color: var(--c-error); text-align: center; margin-bottom: 1em; } .auth-via-email-wrapper .form-nav-link { color: #1D1D1B; font-weight: 450; font-size: 0.875rem; margin-top: 1em; display: block; width: fit-content; } .auth-via-email-wrapper [type="submit"] .preloader { display: none; position: absolute; width: 100%; height: 100%; align-items: center; justify-content: center; top: 0; } .auth-via-email-wrapper [type="submit"] span { display: block; font-size: 1rem; } .auth-via-email-wrapper [type="submit"][disabled] .preloader { display: flex; } .auth-via-email-wrapper [type="submit"][disabled] span { display: none; } .auth-via-email-wrapper [type="submit"] .spinner { width: 1.4em; height: 1.4em; animation: rotate 1s linear infinite; } .auth-via-email-wrapper [type="submit"][disabled] .spinner .path { stroke-dasharray: 100; stroke-dashoffset: 0; stroke: #fff; } @keyframes rotate { 100% { transform: rotate(360deg); } } .auth-via-email-wrapper input:-webkit-autofill, .auth-via-email-wrapper input:-webkit-autofill:hover, .auth-via-email-wrapper input:-webkit-autofill:focus, .auth-via-email-wrapper input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #1D1D1B; -webkit-background-clip: text; color: transparent !important; } .captcha-place { display: block; overflow: hidden; transition: 0.5s ease-in-out; min-height: 102px; margin-bottom: 8px !important; } .captcha-place.hide { min-height: 0 !important; height: 0 !important; margin-bottom: -20px !important; } .auth-captcha-container { min-height: 102px; } label#captcha-error-label { display: block; } .awz-autform-form-group label.error { padding-top: 8px; } .awz-autform-errors { gap: 1em; display: flex; flex-direction: column; } /* End */ /* Start:/local/templates/coinsbrand/components/awz/autform/cns/theme/blue.css?17717233211842*/ .awz-autform-theme-blue .awz-autform-modal-content-wrap { background:#ffffff; } .awz-autform-form-links {border-bottom:2px solid #2C5DA7;margin-bottom:10px;} .awz-autform-theme-blue .awz-autform-form-links a {background:#ededed;color:#000000;} .awz-autform-theme-blue .awz-autform-form-links a:hover, .awz-autform-theme-blue .awz-autform-form-links a.active {background: #2C5DA7; color:#ffffff;} .awz-autform-theme-blue .awz-autform-link-block { border:1px solid #2C5DA7; } .awz-autform-theme-blue .awz-autform-modal-content-bg { background:#000000;opacity:0.85; } .awz-autform-theme-blue .awz-autform-close .awz-autform-close-leftright { background-color: #ffffff; } .awz-autform-theme-blue .awz-autform-close .awz-autform-close-rightleft { background-color: #ffffff; } .awz-autform-theme-blue .awz-autform-close .awz-autform-close-close-btn { color: #ffffff; } .awz-autform-theme-blue .awz-autform-close div:hover .awz-autform-close-leftright { background-color: #ffffff; } .awz-autform-theme-blue .awz-autform-close div:hover .awz-autform-close-rightleft { background-color: #ffffff; } .awz-autform-theme-blue .awz-autform-modal-header { background:#2C5DA7;color:#ffffff; } .awz-autform-theme-blue .awz-autform-modal-error { color:#2C5DA7; } .awz-autform-theme-blue .awz-autform-preload { background:#ffffff;opacity:0.85; } .awz-autform-theme-blue .awz-autform-load { color:#2C5DA7; } .awz-autform-theme-blue .awz-autform-close-mobile { background:#2C5DA7; } .awz-autform-theme-blue .awz-autform-error-row { color:red; } .awz-autform-theme-blue .awz-autform-message-row { color:green; } .awz-autform-theme-blue .awz-autform-form-buttons button {color:#ffffff;background:#0064c9;} .awz-autform-theme-blue .awz-autform-form-buttons button:hover {color:#ffffff;background: #2C5DA7;} /* End */ /* Start:/local/templates/coinsbrand/components/bitrix/form/subscribe/bitrix/form.result.new/.default/style.css?1771723321830*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/coinsbrand/components/bitrix/form/subscribe/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/coinsbrand/components/bitrix/form/subscribe/bitrix/form.result.new/.default/images/icon_warn.gif); } .general-question { display: none; } .base-btn { color: #59585D; font-weight: bold !important; text-transform: uppercase; letter-spacing: 0.07em; font-size: 0.75rem; border: 1px solid #fff; } /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17295468672530*/ .bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff} /* End */ /* Start:/local/templates/coinsbrand/components/bitrix/catalog.section/in_line/style.css?177172332139*/ .catalog-line { overflow: hidden; } /* End */ /* Start:/local/templates/coinsbrand/components/bitrix/search.title/title-search/style.min.css?1771723321708*/ .searche-title {} .search-title-button { background-image: url(/local/templates/coinsbrand/components/bitrix/search.title/title-search/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px;height:calc(1.5em + 0.75rem)}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through} /* End */ /* /local/templates/coinsbrand/css/swiper-bundle.min.css?177172332118451 */ /* /local/templates/coinsbrand/css/fancybox.css?177172332112795 */ /* /local/templates/coinsbrand/css/grid.css?177172332114572 */ /* /local/templates/coinsbrand/css/templates.css?1779118029168067 */ /* /local/templates/coinsbrand/css/flatpickr.min.css?177172332116166 */ /* /local/templates/coinsbrand/components/bitrix/menu/bootstrap_v5/style.css?177172332111117 */ /* /local/templates/coinsbrand/components/bitrix/menu/mobile_menu/style.css?177172332111117 */ /* /local/templates/coinsbrand/components/awz/autform/cns/style.css?17791179306192 */ /* /local/templates/coinsbrand/components/awz/autform/cns/theme/blue.css?17717233211842 */ /* /local/templates/coinsbrand/components/bitrix/form/subscribe/bitrix/form.result.new/.default/style.css?1771723321830 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17295468672530 */ /* /local/templates/coinsbrand/components/bitrix/catalog.section/in_line/style.css?177172332139 */ /* /local/templates/coinsbrand/components/bitrix/search.title/title-search/style.min.css?1771723321708 */