/* Start:/local/templates/skupka/css/nouislider.min.css?17484404434220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */
/* Start:/local/templates/skupka/css/swiper-bundle.min.css?174844044318436*/
/**
* Swiper 11.0.5
* 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: November 22, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{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/skupka/css/lightgallery-bundle.min.css?174844044330599*/
@font-face{font-family:lg;src:url(/local/templates/skupka/css/../fonts/lg.woff2?io9a6k) format("woff2"),url(/local/templates/skupka/css/../fonts/lg.ttf?io9a6k) format("truetype"),url(/local/templates/skupka/css/../fonts/lg.woff?io9a6k) format("woff"),url(/local/templates/skupka/css/../fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:'\e01d'}.lg-show-autoplay .lg-autoplay-button:after{content:'\e01a'}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition{transition:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition{transform:scale3d(1,1,1) translate3d(-50%,-50%,0)!important;max-width:none!important;max-height:none!important;top:50%!important;left:50%!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x{transform:scale3d(1,1,1) translate3d(-50%,0,0)!important;top:0!important;left:50%!important;max-width:none!important;max-height:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y{transform:scale3d(1,1,1) translate3d(0,-50%,0)!important;top:50%!important;left:0!important;max-width:none!important;max-height:none!important}.lg-icon.lg-zoom-in:after{content:'\e311'}.lg-actual-size .lg-icon.lg-zoom-in{opacity:.5;pointer-events:none}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:'';display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:'\e80d'}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(/local/templates/skupka/css/../images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-outer .lg-img-rotate:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(/local/templates/skupka/css/../images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}
/* End */
/* Start:/local/templates/skupka/css/style.min.css?1764259120157840*/
* {
padding: 0;
margin: 0;
border: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
scrollbar-color: #f6ae03 #f5f5f5;
scrollbar-width: thin;
}
*::-webkit-scrollbar-thumb {
background-color: #f6ae03;
}
*::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
*::-webkit-scrollbar-button {
display: none;
background-color: #f6ae03;
}
*::-webkit-scrollbar {
width: 8px;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
nav,
footer,
header,
aside {
display: block;
}
html,
body {
height: 100%;
width: 100%;
font-size: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
}
@media (max-width: 1200px) {
a:active,
button:active {
transform: scale(0.9);
}
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a,
button {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
background: transparent;
font-family: inherit;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
max-width: 100%;
}
@font-face {
font-family: CeraPro;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/CeraPro-Medium.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/CeraPro-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: CeraPro;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/CeraPro-Regular.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/CeraPro-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Forum;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/Forum-Regular.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/Forum-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: HelveticaNeueCyr;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Bold.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: HelveticaNeueCyr;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Roman.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Roman.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: HelveticaNeueCyr;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Medium.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: HelveticaNeueCyr;
font-display: swap;
src: url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Light.woff2") format("woff2"), url("/local/templates/skupka/css/../fonts/HelveticaNeueCyr-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}
html {
scroll-behavior: smooth;
}
body {
height: 100%;
font-family: HelveticaNeueCyr;
color: rgb(67, 67, 67);
font-size: 18px;
font-weight: 400;
line-height: 140%;
}
body.no-scroll {
overflow: hidden;
position: relative;
}
body.no-scroll::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 2;
}
body.blocked {
overflow: hidden;
}
body.blocked::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 2;
}
.wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
background: #fff;
overflow-x: hidden;
}
main {
flex: 1 1 auto;
}
.container {
width: min(100% - 36px, 1400px);
margin-inline: auto;
}
/*---------------------------------------
Header
--------------------------------------------------*/
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.header__body {
padding: 30px 40px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1600px) {
.header__body {
padding: 30px;
}
}
@media (max-width: 600px) {
.header__body {
padding: 30px 16px;
}
}
.header__logo {
max-width: 186px;
transition: all 0.3s ease 0s;
}
.header__logo img {
width: 100%;
height: auto;
object-fit: contain;
}
@media (hover: hover) {
.header__logo:hover {
opacity: 0.8;
}
}
@media (max-width: 1600px) {
.header__logo {
max-width: 140px;
}
}
.header__contacts {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1400px) {
.header__contacts {
gap: 10px;
}
}
@media (max-width: 1200px) {
.header__contacts {
margin-left: auto;
flex: 1;
width: 100%;
justify-content: end;
margin-left: 12px;
}
}
.header__tel {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
font-weight: 400;
line-height: 1;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
@media (hover: hover) {
.header__tel:hover {
color: #f6ae03;
}
}
.header__tel svg {
display: none;
}
.search-wrapper {
position: relative;
}
.search-toggle {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background: rgb(31, 35, 44);
color: #fff;
transition: all 0.3s ease 0s;
}
.search-form {
position: absolute;
top: 0;
left: 0;
transform: translateX(-110%);
transition: transform 0.3s ease;
background: #fff;
padding: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
height: 100%;
}
.search-form.active {
transform: translateX(-100%);
}
.search-form input {
padding: 5px;
width: calc(100vw - 291px);
}
.hidden {
display: none;
}
.search-form.active form button {
font-family: 'HelveticaNeueCyr';
background: rgb(246, 174, 3);
padding: 8px;
border-radius: 7px;
font-weight: 400;
}
.search-form.active form {
display: flex;
height: 100%;
}
@media (max-width: 1400px) {
.header__tel {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 5px;
background: rgb(31, 35, 44);
}
.header__tel span {
display: none;
}
.header__tel svg {
display: block;
color: #fff;
width: 24px;
height: 24px;
}
}
@media (max-width: 600px) {
.header__tel {
width: 34px;
height: 34px;
}
.header__tel svg {
width: 18px;
height: 18px;
}
}
.header__wa {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background: rgb(31, 35, 44);
color: #fff;
transition: all 0.3s ease 0s;
}
.header__wa svg {
width: 28px;
height: 28px;
}
@media (hover: hover) {
.header__wa:hover {
color: #f6ae03;
}
}
@media (max-width: 1400px) {
.header__wa {
width: 40px;
height: 40px;
}
.header__wa svg {
width: 24px;
height: 24px;
}
.search-toggle {
width: 40px;
height: 40px;
}
}
@media (max-width: 600px) {
.header__wa {
width: 34px;
height: 34px;
}
.header__wa svg {
width: 18px;
height: 18px;
}
}
@media (max-width: 600px) {
.search-toggle svg {
width: 21px;
height: 21px;
}
.search-toggle {
width: 34px;
height: 34px;
}
}
/*------------------------------
Menu
---------------------------*/
.menu {
flex: 1 1 auto;
padding-inline: 36px;
}
@media (max-width: 1200px) {
.menu {
order: 1;
padding-inline: 0;
margin-left: 10px;
flex: 0;
}
}
.menu__icon {
display: none;
}
@media (max-width: 1200px) {
.menu__icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 5px;
background: rgb(31, 35, 44);
transition: all 0.3s ease 0s;
}
.menu__icon img {
width: 32px;
height: 32px;
}
.menu__icon:active {
transform: scale(0.9);
}
}
@media (max-width: 600px) {
.menu__icon {
width: 34px;
height: 34px;
}
.menu__icon img {
width: 26px;
height: 26px;
}
}
.menu__body {
flex: 1;
display: flex;
align-items: center;
width: 100%;
}
@media (max-width: 1200px) {
.menu__body {
flex-direction: column;
justify-content: space-between;
gap: 30px;
position: fixed;
top: 0;
right: 0;
transform: translateX(100%);
transition: all 0.5s ease 0s;
background: rgb(245, 245, 245);
z-index: 99;
height: 100%;
width: 100%;
max-width: 400px;
padding: 80px 0px 30px;
align-items: start;
max-height: 100vh;
overflow-y: auto;
}
.menu__body.active {
transform: translateX(0);
}
}
@media (max-width: 600px) {
.menu__body {
max-width: 100%;
}
}
.menu__body-tel {
display: none;
}
@media (max-width: 1200px) {
.menu__body-tel {
width: 100%;
display: block;
padding-inline: 30px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 26px;
font-weight: 400;
line-height: 1;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
}
.menu__body-tel span {
color: #ccc;
font-size: 12px;
display: block;
margin-bottom: 10px;
}
}
.menu__body-icon {
display: none;
}
@media (max-width: 1200px) {
.menu__body-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 30px;
left: 16px;
z-index: 2;
width: 100px;
height: 40px;
}
.menu__body-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
.menu__list {
flex: 1;
width: 100%;
justify-content: space-between;
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 0;
}
.menu__list span {
color: rgb(166, 166, 166);
}
@media (max-width: 1300px) {
.menu__list {
gap: 15px;
}
}
@media (max-width: 1200px) {
.menu__list {
flex: 0;
flex-direction: column;
align-items: start;
padding-inline: 30px;
padding-top: 30px;
gap: 24px;
}
.menu__list li {
width: 100%;
}
.menu__list span {
position: relative;
display: block;
width: 100%;
}
.menu__list span span {
display: none;
}
.menu__list span::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: rgb(166, 166, 166);
}
}
.menu__link {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 1;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.menu__link:hover {
color: #f6ae03;
}
}
@media (max-width: 1200px) {
.menu__link {
font-size: 18px;
}
}
.menu__body-close {
display: none;
}
@media (max-width: 1200px) {
.menu__body-close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 30px;
right: 16px;
z-index: 2;
width: 40px;
height: 40px;
border-radius: 5px;
background: rgb(31, 35, 44);
}
.menu__body-close img {
width: 28px;
height: 28px;
}
}
/*------------------------------
Hero
---------------------------*/
.hero {
position: relative;
}
.hero__body {
padding-top: calc(130px + 74 * ((100vw - 320px) / 1600));
padding-bottom: calc(40px + 67 * ((100vw - 320px) / 1600));
}
.hero__text {
position: relative;
z-index: 2;
}
.hero__text-head {
position: relative;
max-width: 1083px;
}
.hero__text-head::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(255, 255, 255) 41.967%, rgba(255, 255, 255, 0) 100%);
z-index: -1;
}
@media (max-width: 1300px) {
.hero__text-head::after {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.hero__text-head {
margin-left: 60px;
}
}
.hero__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-size: calc(44px + 72 * ((100vw - 320px) / 1600));
font-weight: 400;
line-height: 110.344828%;
/* 128px/116 */
text-align: left;
text-transform: uppercase;
margin-bottom: 40px;
z-index: 2;
}
.hero__search-title {
font-size: calc(34px + 72 * ((100vw - 320px) / 1600));
}
.hero__button {
margin-bottom: calc(86px + 56 * ((100vw - 320px) / 1600));
}
@media (min-width: 1200px) and (max-width: 1600px) {
.hero__button {
margin-left: 60px;
}
}
@media (max-width: 600px) {
.hero__button .button {
width: 100%;
margin-bottom: 40px;
}
}
.hero__benefits {
display: flex;
gap: 20px;
width: 100%;
position: relative;
}
@media (max-width: 1300px) {
.hero__benefits {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.hero__benefits {
gap: 10px;
}
}
@media (max-width: 420px) {
.hero__benefits {
grid-template-columns: 1fr;
}
}
.hero__benefit {
flex: 0 1 25%;
width: 100%;
background-size: cover;
background-position: 0 center;
border-radius: 25px;
overflow: hidden;
padding: 33px;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 22px;
font-weight: 500;
line-height: 120%;
}
.hero__benefit span {
display: inline-flex;
align-items: center;
height: 100%;
max-width: 152px;
text-align: left;
margin-left: 43%;
}
.hero__benefit:nth-child(1) {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-1.png);
}
.hero__benefit:nth-child(2) {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-2.png);
}
.hero__benefit:nth-child(3) {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-3.png);
}
.hero__benefit:nth-child(4) {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-4.png);
}
@media (max-width: 600px) {
.hero__benefit {
padding: 16px;
height: 80px;
font-size: 14px;
border-radius: 16px;
}
.hero__benefit span {
margin-left: 40%;
}
}
.hero__benefits-coin {
position: absolute;
bottom: 80%;
left: 25%;
display: block;
width: 162px;
z-index: 2;
}
.hero__benefits-coin img {
width: 100%;
height: auto;
object-fit: contain;
}
@media (max-width: 1200px) {
.hero__benefits-coin {
display: none;
}
}
.hero__image {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: auto;
}
.hero__image img {
width: auto;
height: 100%;
object-fit: contain;
}
@media (max-width: 1300px) {
.hero__image {
width: 100%;
height: 100%;
}
.hero__image img,
.hero__image picture {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.hero__socials {
position: fixed;
top: 40%;
left: 0;
z-index: 99;
display: flex;
flex-direction: column;
border-radius: 0px 10px 10px 0px;
background: rgba(31, 35, 44, 0.5);
padding: 10px;
gap: 10px;
transform: translateY(-50%);
}
@media (max-width: 1300px) {
.hero__socials {
top: 30%;
}
}
@media (max-width: 1200px) {
.hero__socials {
display: none;
}
}
.hero__social {
width: 65px;
height: 65px;
border-radius: 5px;
background: rgb(31, 35, 44);
display: flex;
align-items: center;
justify-content: center;
}
.hero__social svg {
width: 30px;
height: 30px;
object-fit: contain;
color: #fff;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.hero__social:hover svg {
color: #f6ae03;
}
}
@media (max-width: 1600px) {
.hero__social {
width: 40px;
height: 40px;
}
.hero__social svg {
width: 26px;
height: 26px;
}
}
.hero__dialog {
position: absolute;
top: 450px;
right: 0;
width: 260px;
border-radius: 25px 0px 0px 25px;
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.12);
z-index: 9;
transform: translateY(-50%);
}
@media (max-width: 1400px) {
.hero__dialog {
top: 400px;
}
}
@media (max-width: 1300px) {
.hero__dialog {
top: 40%;
}
}
@media (max-width: 1200px) {
.hero__dialog {
display: none;
}
}
.hero__dialog-title {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 500;
line-height: 1;
text-align: center;
font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
margin-bottom: 18px;
padding: 32px 20px 0;
}
.hero__dialog-subtitle {
color: rgb(88, 88, 88);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 300;
line-height: 140%;
text-align: center;
padding-inline: 20px;
margin-bottom: 10px;
}
.hero__dialog-button {
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
border-radius: 4px;
display: block;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
background: rgb(246, 174, 3);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-weight: 550;
line-height: 1;
font-size: calc(15px + 3 * ((100vw - 320px) / 1600));
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.hero__dialog-button:hover {
color: rgb(31, 35, 44);
background: rgb(255, 188, 33);
}
}
.hero__dialog-img {
width: 100%;
}
.hero__dialog-img img {
width: 100%;
height: auto;
object-fit: contain;
}
.button {
width: 324px;
height: 84px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 4px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
background: #f6ae03;
color: rgb(31, 35, 44);
font-family: CeraPro;
font-weight: 500;
line-height: 125%;
font-size: 24px;
height: 84px;
transition: all 0.3s ease 0s;
}
@media (max-width: 1400px) {
.button {
font-size: calc(18px + 6 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 1400px) {
.button {
height: calc(50px + 34 * ((100vw - 320px) / 1080));
}
}
@media (hover: hover) {
.button:hover {
background: rgb(255, 188, 33);
color: #fff;
}
}
/*------------------------------
Home categorires
---------------------------*/
.home-categories {
padding: 60px 0 40px;
}
@media (max-width: 600px) {
.home-categories {
padding: 40px 0 40px;
}
}
.home-categories__title {
margin-left: 0 !important;
}
.home-categories__body {
position: relative;
}
.home-categories__slide {
display: inline-block;
width: calc(180px + 154 * ((100vw - 320px) / 1600));
height: auto;
padding: 26px 32px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 24px;
font-weight: 500;
line-height: 120%;
position: relative;
aspect-ratio: 3/2;
border-radius: 25px;
background: rgb(232, 233, 238);
overflow: hidden;
}
.home-categories__slide img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
object-fit: cover;
z-index: 1;
transition: all 0.4s ease 0s;
}
.home-categories__slide span {
position: relative;
z-index: 2;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.home-categories__slide:hover {
color: #f6ae03;
}
.home-categories__slide:hover img {
transform: scale(1.05);
}
}
@media (max-width: 1200px) {
.home-categories__slide {
padding: 20px 30px;
}
}
@media (max-width: 767px) {
.home-categories__slide {
padding: 16px 20px;
font-size: 22px;
}
}
.full-section {
width: calc(100vw - (100vw - 1400px) / 2);
margin-left: calc((100vw - 1400px) / 2);
}
@media (max-width: 1400px) {
.full-section {
width: calc(100% - 16px);
margin: 0;
margin-left: 16px;
}
}
.title {
width: calc(100vw - (100vw - 1400px) / 2);
margin-left: calc((100vw - 1400px) / 2);
color: rgb(31, 35, 44);
font-family: Forum;
font-size: calc(28px + 40 * ((100vw - 320px) / 1600));
line-height: 1;
text-transform: uppercase;
font-weight: 400;
position: relative;
padding-left: 30px;
display: flex;
align-items: center;
gap: calc(30px + 48 * ((100vw - 320px) / 1600));
margin-bottom: 32px;
}
@media (max-width: 1400px) {
.title {
width: calc(100% - 16px);
margin-left: 16px;
}
}
.title::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 70%;
background: #f6ae03;
transform: translateY(-55%);
}
.title span {
flex: 1;
width: 100%;
height: 47px;
display: block;
background: #f6ae03;
}
@media (max-width: 767px) {
.title {
padding-left: 20px;
}
.title span {
display: none;
}
.title::before {
height: 100%;
}
}
@media (max-width: 600px) {
.title {
margin-bottom: 20px;
}
}
.slide-prev,
.slide-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
border-radius: 50%;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
background: rgb(255, 255, 255);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
cursor: pointer;
transition: all 0.3s ease 0s;
user-select: none;
}
.slide-prev:active,
.slide-next:active {
transform: translateY(-50%) scale(0.9);
}
.slide-prev svg,
.slide-next svg {
width: 23px;
height: 23px;
object-fit: contain;
transition: all 0.3s ease 0s;
}
.slide-prev.swiper-button-disabled,
.slide-next.swiper-button-disabled {
opacity: 0;
pointer-events: none;
}
@media (hover: hover) {
.slide-prev:hover svg,
.slide-next:hover svg {
color: #f6ae03;
}
}
@media (max-width: 767px) {
.slide-prev,
.slide-next {
display: none;
}
}
.slide-prev {
left: 10px;
}
.slide-next {
right: 10px;
}
@media (min-width: 1500px) {
.home-categories-prev {
left: -40px;
}
}
@media (max-width: 1200px) {
.slide-prev,
.slide-next {
width: 40px;
height: 40px;
}
.slide-prev svg,
.slide-next svg {
width: 20px;
height: 20px;
}
.slide-prev {
left: 0;
}
.slide-next {
right: 0;
}
}
/*------------------------------
Home price
---------------------------*/
.home-price {
padding: 40px 0 90px;
}
@media (max-width: 767px) {
.home-price {
padding: 40px 0 60px;
}
}
.home-price__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 20px;
row-gap: 30px;
}
@media (max-width: 1000px) {
.home-price__items {
grid-template-columns: 1fr 1fr 1fr;
row-gap: 20px;
}
}
@media (max-width: 767px) {
.home-price__items {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 500px) {
.home-price__items {
column-gap: 10px;
row-gap: 16px;
}
}
@media (max-width: 361px) {
.home-price__items {
grid-template-columns: 1fr;
}
}
.product-preview {
border-radius: 25px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0) 14.871%), rgb(255, 255, 255);
width: 100%;
height: auto;
display: flex;
flex-direction: column;
height: 100%;
position: relative;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.product-preview:hover {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35);
}
.product-preview:hover .product-preview__name {
color: #f6ae03;
}
}
@media (min-width: 1200px) {
.product-preview {
max-width: 400px;
}
}
@media (max-width: 500px) {
.product-preview {
border-radius: 12px;
}
}
.product-preview__image {
padding: 22px;
display: flex;
align-items: center;
justify-content: center;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.team__preview .product-preview__image {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.product-preview__image img {
width: 100%;
height: auto;
object-fit: contain;
max-height: 138px;
width: 100%;
aspect-ratio: 1/1;
height: auto;
}
.photos__puls .product-preview__image img {
max-height: 286px;
}
.team__preview .product-preview__image img {
width: 100%;
height: auto;
object-fit: cover;
max-height: 300px;
width: 100%;
aspect-ratio: unset;
height: auto;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
object-position: top;
}
@media (max-width: 1200px) {
.product-preview__image {
padding: 16px;
}
}
@media (max-width: 500px) {
.product-preview__image {
margin-top: 10px;
padding: 10px 16px;
}
.product-preview__image img {
max-height: 80px;
}
}
.product-preview__info {
flex: 1 1 50%;
padding: 28px 34px;
display: flex;
flex-direction: column;
height: auto;
row-gap: 16px;
}
@media (max-width: 1200px) {
.product-preview__info {
padding: 20px;
}
}
@media (max-width: 500px) {
.product-preview__info {
padding: 10px;
}
}
.product-preview__name {
flex: 1;
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0%;
text-align: left;
margin-bottom: 12px;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.product-preview__name:hover {
color: #f6ae03;
}
}
@media (max-width: 600px) {
.product-preview__name {
font-size: 16px;
}
}
@media (max-width: 500px) {
.product-preview__name {
font-size: 14px;
line-height: 120%;
}
}
.product-preview__details {
margin-top: auto;
}
.product-preview__price,
.product-preview__compound {
color: rgb(136, 137, 138);
font-size: 13px;
font-weight: 400;
line-height: 140%;
text-align: left;
}
@media (max-width: 500px) {
.product-preview__price,
.product-preview__compound {
font-size: 12px;
}
}
.product-preview__price {
margin-bottom: 12px;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.product-preview__price.price {
justify-content: flex-start;
}
.product-preview__price span {
color: rgb(31, 35, 44);
font-size: 50px;
display: inline-block;
margin-left: 10px;
}
.product-preview__price span.small__price {
font-size: 18px;
}
@media (max-width: 1200px) {
.product-preview__price {
margin-bottom: 8px;
}
}
@media (max-width: 500px) {
.product-preview__price {
margin-bottom: 0;
}
.product-preview__price span,
.product-preview__price span.small__price {
font-size: 14px;
margin-left: 0;
}
}
.product-preview__compound span {
color: rgb(77, 77, 77);
display: inline-block;
margin-left: 10px;
}
@media (max-width: 500px) {
.product-preview__compound span {
margin-left: 0;
}
}
.product-preview__price span {
font-size: 32px;
}
@media (max-width: 500px) {
.product-preview__price span {
font-size: 14px;
}
}
/*------------------------------
Home why
---------------------------*/
.home-why {
background: url(/local/templates/skupka/css/../img/other/coins-left.png) left/auto auto no-repeat, url(/local/templates/skupka/css/../img/other/coins-right.png) right top/auto auto no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
position: relative;
}
@media (max-width: 1200px) {
.home-why {
background: url(/local/templates/skupka/css/../img/other/coins-right.png) right/auto auto no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
@media (max-width: 767px) {
.home-why {
background: radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
.home-why__body {
padding: 66px 0 77px;
}
@media (max-width: 600px) {
.home-why__body {
padding: 40px 0;
}
}
.home-why__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 62px;
padding: 60px 42px;
border: 1px solid #f6ae03;
}
@media (max-width: 1600px) {
.home-why__content {
padding: 30px 30px;
}
}
@media (max-width: 1300px) {
.home-why__content {
gap: 30px;
}
}
@media (max-width: 1200px) {
.home-why__content {
display: grid;
grid-template-columns: 1fr 1fr;
border: none;
padding: 0;
gap: 20px;
}
}
@media (max-width: 767px) {
.home-why__content {
grid-template-columns: 1fr;
}
}
.home-why__col-title {
flex: 0 1 32%;
}
.home-why__col-title h2 {
color: rgb(255, 255, 255);
font-family: Forum;
font-size: 68px;
font-weight: 400;
line-height: 75px;
text-align: center;
text-transform: uppercase;
transform: translateY(-50%);
}
@media (max-width: 1200px) {
.home-why__col-title {
grid-column: span 2;
margin-bottom: 20px;
}
.home-why__col-title h2 {
transform: translateY(0);
font-size: 60px;
line-height: 110%;
}
}
@media (max-width: 767px) {
.home-why__col-title {
grid-column: span 1;
}
}
@media (max-width: 600px) {
.home-why__col-title {
margin-bottom: 0;
}
.home-why__col-title h2 {
font-size: 40px;
margin-bottom: 10px;
}
}
.home-why__col {
flex: 0 1 34%;
}
@media (min-width: 1201px) {
.home-why__col:nth-child(2) {
order: -1;
}
}
@media (max-width: 1200px) {
.home-why__col {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
height: 100%;
}
}
@media (max-width: 767px) {
.home-why__col {
align-items: center;
}
}
.home-why__item {
display: flex;
align-items: start;
color: rgb(255, 255, 255);
font-size: 18px;
line-height: 140%;
max-width: 411px;
margin-bottom: 55px;
}
@media (max-width: 1700px) {
.home-why__item {
margin: 0;
}
.home-why__item:not(:last-child) {
margin-bottom: 55px;
}
}
@media (max-width: 1300px) {
.home-why__item:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.home-why__item {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 600px) {
.home-why__item {
font-size: 16px;
}
.home-why__item img {
width: 46px;
}
.home-why__item:not(:last-child) {
margin-bottom: 20px;
}
}
.home-why__image {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 48%;
height: auto;
}
.home-why__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1200px) {
.home-why__image {
display: none;
}
}
/*------------------------------
home purchases
---------------------------*/
.home-purchases {
padding-top: 90px;
}
@media (max-width: 767px) {
.home-purchases {
padding-top: 40px;
}
}
.home-purchases__title {
margin-bottom: 0;
}
.home-purchases__body {
position: relative;
}
.home-purchases__slider {
width: 100%;
padding-top: 32px;
padding-bottom: 90px;
padding-left: 10px;
padding-right: 10px;
}
.home-team__slider {
width: 100%;
padding-top: 32px;
padding-bottom: 90px;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 767px) {
.home-purchases__slider {
padding-inline: 5px;
}
}
@media (max-width: 500px) {
.home-purchases__slider {
width: calc(100vw - 18px);
padding-top: 20px;
}
}
.home-purchases__slide {
height: auto;
}
.home-purchases__slide .product-preview__name {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.swiper {
user-select: none;
}
.home-purchases-prev {
left: -30px;
}
.home-team-prev {
left: -30px;
}
.home-purchases-next {
right: -30px;
}
.home-team-next {
right: -30px;
}
@media (max-width: 1480px) {
.home-purchases-prev {
left: -10px;
}
.home-purchases-next {
right: -10px;
}
.home-team-prev {
left: -10px;
}
.home-team-next {
right: -10px;
}
}
/*------------------------------
Home dif
---------------------------*/
.home-difference {
position: relative;
background: radial-gradient(100.5% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(119.71% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
.home-difference__body {
padding: 66px 0 330px;
}
@media (max-width: 600px) {
.home-difference__body {
padding: 50px 0 280px;
}
}
.home-difference__title {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-align: center;
text-transform: uppercase;
font-size: calc(30px + 18 * ((100vw - 320px) / 1600));
margin-bottom: 20px;
}
@media (max-width: 600px) {
.home-difference__title {
margin-bottom: 12px;
}
}
.home-difference__subtitle {
color: rgb(255, 255, 255);
font-size: 16px;
line-height: 140%;
text-align: center;
margin-bottom: 50px;
max-width: 921px;
margin-inline: auto;
}
@media (max-width: 600px) {
.home-difference__subtitle {
margin-bottom: 30px;
}
}
.home-difference__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
position: relative;
z-index: 2;
}
@media (max-width: 1270px) {
.home-difference__items {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.home-difference__items {
grid-template-columns: 1fr;
}
}
.home-difference__item {
width: 100%;
border-radius: 20px;
background: rgb(4, 4, 4);
overflow: hidden;
}
.home-difference__item-img {
max-height: 195px;
width: 100%;
position: relative;
overflow: hidden;
}
.home-difference__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-difference__item-img::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
z-index: 2;
background: linear-gradient(0deg, rgb(0, 0, 0) 31.667%, rgba(0, 0, 0, 0) 78.641%);
}
@media (max-width: 1270px) {
.home-difference__item-img {
max-height: 295px;
}
}
@media (max-width: 600px) {
.home-difference__item-img {
max-height: 250px;
}
}
@media (max-width: 440px) {
.home-difference__item-img {
max-height: 200px;
}
}
.home-difference__text {
padding: 30px;
color: rgb(255, 255, 255);
font-size: 16px;
line-height: 140%;
}
@media (max-width: 600px) {
.home-difference__text {
padding: 0 20px 30px 20px;
font-size: 14px;
}
}
.home-difference__name {
color: rgb(255, 255, 255);
font-weight: 400;
font-family: Forum;
line-height: 111%;
text-transform: uppercase;
margin-bottom: 20px;
font-size: calc(26px + 10 * ((100vw - 320px) / 1600));
}
@media (max-width: 600px) {
.home-difference__name {
margin-bottom: 10px;
}
}
.home-difference-coin-1 {
position: absolute;
right: 80%;
top: -60px;
width: 162px;
height: 116px;
object-fit: contain;
}
.home-difference-coin-2 {
position: absolute;
right: 0;
bottom: -40px;
width: 140px;
height: 116px;
object-fit: contain;
object-position: right;
}
.home-difference-coin-3 {
position: absolute;
left: 0;
bottom: 20%;
width: auto;
height: 273px;
object-fit: contain;
object-position: right;
}
.home-difference-coin-4 {
position: absolute;
right: 10%;
top: 30%;
width: 178px;
height: auto;
object-fit: contain;
object-position: right;
}
@media (max-width: 767px) {
.home-difference-coin-1 {
width: 100px;
}
.home-difference-coin-2 {
width: 100px;
height: 100px;
}
.home-team__slider {
padding-bottom: 50px;
}
.team__preview .product-preview__info {
row-gap: 0;
}
.team__preview .product-preview__image img {
max-height: 200px;
}
.team__preview .product-preview__name {
margin-bottom: 0;
}
}
.home-att {
margin-top: -250px;
position: relative;
z-index: 2;
}
.home-att__body {
padding: 40px 0 30px;
background: url(/local/templates/skupka/css/../img/other/diff-bg.webp) center/cover no-repeat;
border-radius: 20px;
overflow: hidden;
}
@media (max-width: 600px) {
.home-att__body {
padding: 20px 0 30px;
}
}
.home-att__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 120%;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
font-size: calc(30px + 38 * ((100vw - 320px) / 1600));
}
.home-att__title span {
font-size: calc(54px + 56 * ((100vw - 320px) / 1600));
display: block;
}
@media (max-width: 500px) {
.home-att__title {
margin-inline: 16px;
}
}
.home-att__text {
max-width: 492px;
margin-inline: auto;
color: rgb(31, 35, 44);
font-size: 16px;
line-height: 140%;
text-align: center;
margin-bottom: 20px;
}
.home-att__text a {
color: rgb(31, 35, 44);
text-transform: uppercase;
text-decoration: underline;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.home-att__text a:hover {
color: #f6ae03;
}
}
@media (max-width: 500px) {
.home-att__text {
margin-inline: 16px;
}
.home-att__text a {
text-decoration: none;
}
}
.home-att__button {
text-align: center;
}
.home-att__button .button {
width: 300px;
height: 60px;
margin-inline: auto;
}
/*------------------------------
Reviews slider
---------------------------*/
.reviews__body {
padding-top: 60px;
}
.reviews__head {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.reviews__head {
flex-direction: column;
}
}
@media (max-width: 600px) {
.reviews__head {
margin-bottom: 20px;
}
}
.reviews__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-size: calc(30px + 18 * ((100vw - 320px) / 1600));
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
}
.reviews__source {
margin-left: auto;
border: 1px solid rgb(231, 231, 231);
border-radius: 10px;
padding: 10px 20px;
width: 645px;
}
@media (max-width: 767px) {
.reviews__source {
margin-left: unset;
width: 100%;
min-width: unset;
}
}
.reviews__source-name {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 550;
line-height: 140%;
margin-bottom: 12px;
}
@media (max-width: 600px) {
.reviews__source-name {
font-size: 18px;
margin-bottom: 0px;
}
}
.reviews__source-body {
display: flex;
gap: 20px;
}
@media (max-width: 767px) {
.reviews__source-body {
justify-content: space-between;
}
}
@media (max-width: 600px) {
.reviews__source-body {
flex-direction: column;
gap: 0;
}
}
.reviews__source-info {
display: flex;
align-items: center;
gap: 10px;
}
.reviews__source-rating {
display: flex;
align-items: center;
gap: 7px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 46px;
font-weight: 500;
line-height: 140%;
}
.reviews__source-rating svg {
width: 23px;
height: 34px;
color: rgb(252, 63, 29);
}
.reviews__source-rating img {
width: 100px;
object-fit: contain;
}
@media (max-width: 600px) {
.reviews__source-rating {
font-size: 36px;
}
.reviews__source-rating svg {
width: 20px;
height: 30px;
}
.reviews__source-rating img {
width: 50px;
}
}
.reviews__source-stars {
line-height: 1;
}
.reviews__source-stars svg {
width: 15px;
height: 15px;
object-fit: contain;
color: rgb(255, 204, 0);
}
.reviews__source-links {
color: rgb(152, 152, 152);
font-size: 15px;
line-height: 140%;
display: flex;
align-items: center;
gap: 6px;
}
.reviews__source-links span {
font-size: 30px;
}
.reviews__source-link {
color: rgb(152, 152, 152);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 140%;
}
@media (hover: hover) {
.reviews__source-link:hover {
text-decoration: underline;
}
}
@media (max-width: 500px) {
.reviews__source-link {
font-size: 14px;
white-space: nowrap;
}
}
.reviews__source-more {
color: rgb(71, 121, 233);
font-size: 15px;
font-weight: 400;
line-height: 140%;
}
.reviews__source-more a {
text-decoration: underline;
color: rgb(71, 121, 233);
font-family: HelveticaNeueCyr;
}
@media (hover: hover) {
.reviews__source-more a:hover {
color: #444;
}
}
.reviews__content {
position: relative;
}
@media (max-width: 767px) {
.reviews__slider {
width: calc(100vw - 18px);
}
}
.reviews__slide {
border: 1px solid rgb(231, 231, 231);
border-radius: 10px;
padding: 25px;
width: 450px;
height: auto;
}
@media (max-width: 600px) {
.reviews__slide {
padding: 20px;
}
}
.reviews__slide-author {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.reviews__slide-author {
margin-bottom: 8px;
}
}
.reviews__slide-photo {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 550;
line-height: 20px;
text-align: center;
background: rgb(179, 125, 179);
}
.reviews__slide-name {
color: rgb(31, 35, 44);
font-size: 18px;
font-weight: 500;
line-height: 130%;
}
.reviews__slide-name span {
color: rgb(152, 152, 152);
font-size: 15px;
}
.reviews__slide-rating {
margin-bottom: 10px;
}
.reviews__slide-rating svg {
width: 15px;
height: 15px;
object-fit: contain;
color: rgb(255, 204, 0);
}
@media (max-width: 600px) {
.reviews__slide-rating {
margin-bottom: 4px;
}
}
.reviews__slide-text {
font-size: 16px;
line-height: 120%;
position: relative;
}
.reviews__slide-text p {
max-height: 63px;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.reviews__slide-text p.open {
max-height: unset;
}
.reviews__slide-open {
color: rgb(153, 153, 153);
cursor: pointer;
font-size: 16px;
background: #fff;
display: inline-block;
line-height: 1.2;
z-index: 2;
display: none;
}
@media (hover: hover) {
.reviews__slide-open:hover {
text-decoration: underline;
}
}
.reviews__slider-ya-prev,
.reviews__slider-gis-prev {
left: -74px;
}
.reviews__slider-ya-next,
.reviews__slider-gis-next {
right: -74px;
}
@media (max-width: 1560px) {
.reviews__slider-ya-prev,
.reviews__slider-gis-prev {
left: -10px;
width: 36px;
height: 36px;
}
.reviews__slider-ya-prev svg,
.reviews__slider-gis-prev svg {
width: 20px;
height: 20px;
}
.reviews__slider-ya-next,
.reviews__slider-gis-next {
right: -10px;
width: 36px;
height: 36px;
}
.reviews__slider-ya-next svg,
.reviews__slider-gis-next svg {
width: 20px;
height: 20px;
}
}
.reviews__slider-gis {
margin-bottom: 30px;
}
.reviews__slider-gis .reviews__body {
padding-top: 40px;
}
/*------------------------------
Home News
---------------------------*/
.home-news__body {
padding: 60px 0 90px;
}
@media (max-width: 767px) {
.home-news__body {
padding: 40px 0 60px;
}
}
.home-news__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
margin-left: 0;
margin-bottom: 30px;
}
.home-news__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
}
@media (max-width: 1400px) {
.home-news__items {
gap: calc(16px + 34 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 1000px) {
.home-news__items {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
@media (max-width: 600px) {
.home-news__items {
grid-template-columns: 1fr;
gap: 20px;
}
}
.news-preview {
background: #fff;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
@media (hover: hover) {
.news-preview:hover .news-preview__image img {
transform: scale(1);
}
}
.news-preview__image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4/3;
overflow: hidden;
}
.news-preview__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease 0s;
transform: scale(1.05);
will-change: transform;
}
@media (max-width: 500px) {
.news-preview__image {
aspect-ratio: 4/2;
}
}
.news-preview__info {
padding: 18px 20px;
flex: 1;
}
@media (max-width: 500px) {
.news-preview__info {
padding: 16px;
}
}
.news-preview__name {
display: block;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 700;
line-height: 120%;
margin-bottom: 10px;
font-size: calc(18px + 4 * ((100vw - 320px) / 1600));
transition: all 0.3s ease 0s;
}
.news-preview__name::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (hover: hover) {
.news-preview__name:hover {
color: #f6ae03;
}
}
.news-preview__text {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 16px;
line-height: 120%;
margin-bottom: 25px;
}
@media (max-width: 500px) {
.news-preview__text {
margin-bottom: 15px;
}
}
.news-preview__date {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 13px;
line-height: 120%;
}
/*------------------------------
Footer
---------------------------*/
.footer {
background: rgb(31, 35, 44);
position: relative;
}
.footer__body {
padding: 60px 0 70px;
}
@media (max-width: 767px) {
.footer__body {
padding: 40px 0;
}
}
.footer__main {
display: grid;
grid-template-columns: 180px 400px 1fr 1fr;
align-items: flex-start;
gap: 50px;
}
@media (max-width: 1300px) {
.footer__main {
gap: 30px;
}
}
@media (max-width: 1200px) {
.footer__main {
grid-template-columns: 1fr 1fr;
row-gap: 30px;
}
}
@media (max-width: 500px) {
.footer__main {
grid-template-columns: 1fr;
}
}
.footer__logo {
max-width: 180px;
transform: translateY(-5px);
}
@media (max-width: 1300px) {
.footer__logo {
width: 140px;
}
}
@media (max-width: 1200px) {
.footer__logo {
grid-column: span 2;
}
}
@media (max-width: 500px) {
.footer__logo {
grid-column: span 1;
}
}
.footer__menu {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: flex-start;
gap: 50px;
}
.footer__menu>* {
width: 100%;
}
@media (max-width: 1300px) {
.footer__menu {
gap: 30px;
}
}
@media (max-width: 1200px) {
.footer__menu {
grid-column: span 2;
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 500px) {
.footer__menu {
grid-column: span 1;
}
}
.footer__menu-title {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 108.5%;
text-align: left;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
}
@media (max-width: 1400px) {
.footer__menu-title {
font-size: calc(18px + 6 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 767px) {
.footer__menu-title {
margin-bottom: 6px;
}
}
.footer__menu-link {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 120%;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.footer__menu-link:hover {
color: #f6ae03;
}
}
.footer__contacts a {
display: block;
}
.footer__contacts-title {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 108.5%;
text-align: left;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
}
@media (max-width: 1400px) {
.footer__contacts-title {
font-size: calc(18px + 6 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 767px) {
.footer__contacts-title {
margin-bottom: 10px;
}
}
.footer__contacts-tel {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 1;
white-space: nowrap;
margin-bottom: 16px;
transition: all 0.3s ease 0s;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
}
@media (hover: hover) {
.footer__contacts-tel:hover {
color: #f6ae03;
}
}
@media (max-width: 500px) {
.footer__contacts-tel {
margin-bottom: 10px;
}
}
.footer__contacts-address {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 16px;
line-height: 120%;
max-width: 138px;
margin-bottom: 16px;
}
.footer__contacts-address span {
display: block;
color: rgb(246, 174, 3);
font-family: Forum;
font-weight: 400;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 5px;
}
@media (max-width: 500px) {
.footer__contacts-address {
margin-bottom: 10px;
max-width: 100%;
}
}
.footer__contacts-map {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 120%;
text-decoration: underline;
margin-bottom: 30px;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.footer__contacts-map:hover {
text-decoration: underline;
color: #f6ae03;
}
}
@media (max-width: 500px) {
.footer__contacts-map {
margin-bottom: 10px;
}
}
.footer__contacts-mail {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 120%;
text-decoration: underline;
text-decoration-thickness: from-font;
margin-bottom: 26px;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.footer__contacts-mail:hover {
text-decoration: underline;
color: #f6ae03;
}
}
@media (max-width: 500px) {
.footer__contacts-mail {
margin-bottom: 10px;
}
}
.footer__contacts-worktime {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 14px;
line-height: 120%;
}
.footer__rating-title {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 108.5%;
text-align: left;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
}
@media (max-width: 1400px) {
.footer__rating-title {
font-size: calc(18px + 6 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 767px) {
.footer__rating-title {
margin-bottom: 10px;
}
}
.footer__rating-items {
display: flex;
gap: 10px;
margin-bottom: 30px;
}
.footer__rating-item {
display: block;
background: rgb(59, 65, 79);
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px 14px;
transition: all 0.3s ease 0s;
}
.footer__rating-item img {
transition: all 0.3s ease 0s;
}
.footer__rating-item p {
line-height: 0.8;
margin-top: 4px;
}
.footer__rating-item p img {
width: 12px;
height: 12px;
object-fit: contain;
}
@media (hover: hover) {
.footer__rating-item:hover {
background: rgb(52, 56, 69);
}
.footer__rating-item:hover img {
transform: scale(1.05);
}
}
@media (max-width: 500px) {
.footer__rating-item {
width: 100%;
flex: 0 1 50%;
}
}
.footer__rate-title {
color: rgb(255, 255, 255);
font-family: Forum;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}
.footer__rate-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 8px;
background: rgba(169, 185, 236, 0.1);
padding: 5px 10px;
max-width: 210px;
margin-bottom: 10px;
transition: all 0.3s ease 0s;
}
.footer__rate-item svg {
width: 20px;
height: 20px;
object-fit: contain;
color: #fff;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.footer__rate-item:hover {
background: rgb(52, 56, 69);
}
.footer__rate-item:hover svg {
color: #f6ae03;
}
}
@media (max-width: 500px) {
.footer__rate-item {
max-width: 100%;
}
}
.footer__rate-icon {
width: 25px;
height: 25px;
object-fit: contain;
}
.footer__rate-info {
flex: 1;
}
.footer__rate-name {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 14px;
line-height: 120%;
text-align: left;
}
.footer__rate-value {
color: rgb(139, 150, 174);
font-family: HelveticaNeueCyr;
font-size: 13px;
line-height: 120%;
text-align: left;
display: flex;
align-items: center;
white-space: nowrap;
gap: 5px;
}
.footer__rate-more {
color: rgb(246, 174, 3);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-align: left;
}
@media (hover: hover) {
.footer__rate-more:hover {
text-decoration: underline;
}
}
.footer__socials {
display: flex;
align-items: center;
gap: 2px;
margin-top: -70px;
}
@media (max-width: 1200px) {
.footer__socials {
margin-top: 0;
}
}
@media (max-width: 767px) {
.footer__socials {
margin-top: 20px;
justify-content: center;
}
}
.footer__social {
width: 56px;
height: 56px;
border-radius: 5px;
background: rgb(59, 65, 79);
display: flex;
align-items: center;
justify-content: center;
align-items: center;
color: #fff;
}
.footer__social svg {
width: 28px;
height: 28px;
object-fit: contain;
color: #fff;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.footer__social:hover svg {
color: #f6ae03;
}
}
@media (max-width: 440px) {
.footer__social {
flex: 1;
width: 100%;
height: auto;
aspect-ratio: 1/1;
padding: 10px;
}
.footer__social svg {
width: 100%;
height: 100%;
}
}
.footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding: 30px 0;
}
@media (max-width: 500px) {
.footer__bottom {
padding: 20px 0;
}
}
.footer__bottom-body {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.footer__bottom-body p {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 13px;
font-weight: 400;
line-height: 120%;
text-align: left;
}
.footer__bottom-body a {
color: rgb(151, 151, 151);
font-family: HelveticaNeueCyr;
font-size: 13px;
font-weight: 400;
line-height: 120%;
text-align: center;
}
@media (hover: hover) {
.footer__bottom-body a:hover {
text-decoration: underline;
}
}
@media (max-width: 1200px) {
.footer__bottom-body {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
}
@media (max-width: 500px) {
.footer__bottom-body {
flex-direction: column;
gap: 0;
}
}
.red {
color: rgb(255, 0, 4);
}
.green {
color: rgb(116, 200, 64);
}
/*------------------------------
Category
---------------------------*/
.hero__points {
margin-bottom: 60px;
}
.hero__point {
position: relative;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 400;
line-height: 140%;
font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
padding-left: 30px;
max-width: 550px;
}
.hero__point:not(:last-child) {
margin-bottom: 40px;
}
.hero__point::before {
content: "";
position: absolute;
display: block;
width: 10px;
height: 100%;
top: 0;
left: 0;
background: #f6ae03;
}
@media (max-width: 600px) {
.hero__point:not(:last-child) {
margin-bottom: 20px;
}
}
.hero__coins {
display: flex;
max-width: 555px;
}
.hero__coin {
flex: 0 0 25%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.hero__coin img {
width: 160px;
height: auto;
aspect-ratio: 1/1;
border-radius: 50%;
}
.hero__coin p {
margin-top: 20px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 500;
line-height: 140%;
text-align: center;
}
.hero__coin:not(:first-child) {
margin-left: -3%;
}
@media (max-width: 600px) {
.hero__coin {
max-width: 25%;
}
.hero__coin p {
font-size: 16px;
}
.hero__coin:not(:first-child) {
margin-left: 0;
}
}
@media (max-width: 440px) {
.hero__coin p {
font-size: 14px;
margin-top: 6px;
}
}
.category-hero {
max-height: 1080px;
overflow: hidden;
}
@media (max-width: 600px) {
.category-hero {
max-height: unset;
overflow: unset;
}
}
.category-hero .hero__dialog {
background: rgba(255, 255, 255, 0.65);
}
.category-hero .hero__body {
padding-top: calc(130px + 80 * ((100vw - 320px) / 1600));
padding-bottom: calc(40px + 48 * ((100vw - 320px) / 1600));
}
.category-hero .hero__button {
margin-bottom: 80px;
}
.category-hero .hero__image {
max-width: 56%;
}
.category-hero .hero__point {
max-width: 570px;
}
.category-hero .hero__image img {
object-fit: cover;
}
@media (max-width: 1300px) {
.category-hero .hero__image {
max-width: 100%;
}
}
/*------------------------------
Category advantages
---------------------------*/
.category-advantages__body {
padding: 90px 0 45px;
}
@media (max-width: 1000px) {
.category-advantages__body {
padding: 40px 0;
}
}
.category-advantages__items {
display: flex;
gap: 18px;
}
@media (max-width: 1000px) {
.category-advantages__items {
flex-direction: column;
gap: 10px;
}
}
.category-advantages__item {
flex: 0 1 33.333%;
width: 100%;
background-image: url(/local/templates/skupka/css/../img/category/adv-1.png);
background-size: cover;
background-position: center;
padding: 14px 30px 14px 48px;
border-radius: 25px;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-weight: 500;
line-height: 120%;
text-align: left;
font-size: calc(16px + 6 * ((100vw - 320px) / 1600));
}
.category-advantages__item span {
display: block;
font-family: HelveticaNeueCyr;
font-weight: 500;
line-height: 100%;
font-size: calc(40px + 24 * ((100vw - 320px) / 1600));
background: linear-gradient(90deg, #b28322 0%, #faf694 16%, #f9ef91 17%, #c58a3d 35%, #faf694 50%, #c58a3d 67%, #faf694 84%, #ab7c28 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 1000px) {
.category-advantages__item br {
display: none;
}
}
@media (max-width: 500px) {
.category-advantages__item {
border-radius: 16px;
padding: 14px 20px;
font-size: 14px;
}
.category-advantages__item span {
font-size: 24px;
margin-bottom: 6px;
}
}
/*------------------------------
Video
---------------------------*/
.category-video__body {
padding: 45px 0 100px;
}
@media (max-width: 1000px) {
.category-video__body {
padding: 0 0 40px;
}
}
.category-video__player {
width: 100%;
background: #f6ae03;
padding: 10px 0;
border-radius: 20px;
}
.category-video__player iframe {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16/9;
border-radius: 20px;
overflow: hidden;
}
/*------------------------------
Buying
---------------------------*/
.category-buying {
background: radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
position: relative;
}
.category-buying__line {
position: absolute;
top: 250px;
left: 0;
width: 100%;
height: 1px;
background: rgba(244, 181, 39, 0.2);
}
.category-buying__line span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #f6ae03;
transform: translateY(-50%);
position: relative;
}
.category-buying__line span::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
filter: blur(15px);
background: rgba(246, 174, 3, 0.2);
transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
.category-buying__line {
display: none;
}
}
.category-buying__line-body {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
.category-buying__body {
padding-top: 50px;
padding-bottom: 178px;
}
@media (max-width: 767px) {
.category-buying__body {
padding-top: 40px;
padding-bottom: 80px;
}
}
.category-buying__title {
text-align: center;
}
.category-buying__items {
display: flex;
align-items: flex-start;
gap: 40px;
}
@media (max-width: 1000px) {
.category-buying__items {
gap: 20px;
}
}
@media (max-width: 880px) {
.category-buying__items {
flex-direction: column;
}
}
@media (max-width: 767px) {
.category-buying__items {
gap: 30px;
}
}
.category-buying__item {
flex: 0 1 33.333%;
}
.category-buying__icon {
height: 70px;
width: auto;
}
.category-buying__icon img {
height: 100%;
width: auto;
object-fit: contain;
}
@media (max-width: 500px) {
.category-buying__icon {
text-align: center;
}
}
.category-buying__text {
padding: 30px 0;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 16px;
line-height: 140%;
text-align: left;
}
@media (max-width: 1000px) {
.category-buying__text {
padding: 20px 0;
}
}
@media (max-width: 767px) {
.category-buying__text {
padding: 0;
}
}
@media (max-width: 500px) {
.category-buying__text {
text-align: center;
font-size: 14px;
}
}
.category-buying__text-name {
color: rgb(246, 174, 3);
font-family: Forum;
font-size: 30px;
font-weight: 400;
line-height: 100%;
text-align: left;
margin-bottom: 10px;
margin-top: 30px;
}
@media (max-width: 1000px) {
.category-buying__text-name {
margin-top: 0;
}
}
@media (max-width: 500px) {
.category-buying__text-name {
text-align: center;
}
}
.category-buying__image {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.category-buying__coin-1 {
position: absolute;
top: 0px;
left: 10%;
width: 140px;
height: auto;
object-fit: contain;
}
@media (max-width: 1000px) {
.category-buying__coin-1 {
width: 10vw;
transform: translateY(-50%);
left: 5%;
}
}
@media (max-width: 500px) {
.category-buying__coin-1 {
width: 100px;
}
}
.category-buying__coin-2 {
display: block;
position: absolute;
top: 50%;
right: 0;
transform: scaleX(-1);
width: 120px;
}
@media (max-width: 767px) {
.category-buying__coin-2 {
display: none;
}
}
.category-buying__coin-3 {
position: absolute;
left: -20px;
bottom: 30%;
transform: scaleX(-1);
}
@media (max-width: 1600px) {
.category-buying__coin-3 {
display: none;
}
}
.section-title {
color: rgb(255, 255, 255);
font-family: Forum;
font-weight: 400;
line-height: 110.3%;
text-transform: uppercase;
font-size: calc(36px + 32 * ((100vw - 320px) / 1600));
margin-bottom: 30px;
}
.section-title span {
color: #f6ae03;
}
@media (max-width: 767px) {
.section-title {
margin-bottom: 20px;
}
}
/*------------------------------
prices
---------------------------*/
.category-price {
margin-top: 80px;
}
@media (max-width: 600px) {
.category-price {
margin-top: 60px;
}
}
.category-price__body {
padding: 40px 0 80px;
}
@media (max-width: 600px) {
.category-price__body {
padding: 0 0 40px;
}
}
.category-price__tabs-slider {
padding-bottom: 50px;
padding-inline: 3px;
}
.category-price__tabs-wrapper {
padding-left: calc((100vw - 1400px) / 2);
}
.category-price__tab {
width: 100%;
height: auto;
max-width: 334px;
padding: 20px 28px;
text-align: center;
border-radius: 25px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0) 14.871%), rgb(255, 255, 255);
overflow: hidden;
border-bottom: 4px solid #f6ae03;
position: relative;
overflow: unset !important;
cursor: pointer;
margin-top: 48px;
transition: all 0.3s ease 0s;
}
.swiper-button-lock {
opacity: 0;
}
.category-price__tab::after {
content: "";
display: none;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 16px solid #f6ae03;
border-right: 16px solid transparent;
border-left: 16px solid transparent;
}
.category-price__tab.active::after {
display: block;
}
@media (hover: hover) {
.category-price__tab:hover {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
}
.category-price__tab-image {
width: 90%;
height: auto;
margin-inline: auto;
aspect-ratio: 1/1;
margin-bottom: 20px;
margin-top: -48px;
}
.category-price__tab-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.category-price__tab-name,
.category-price__tab-name a {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 500;
line-height: 100%;
text-align: center;
font-size: calc(18px + 14 * ((100vw - 320px) / 1600));
margin-bottom: 20px;
}
@media (max-width: 600px) {
.category-price__tab-name {
margin-bottom: 10px;
}
}
.category-price__tab-date {
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 110%;
text-align: center;
}
@media (max-width: 600px) {
.category-price__tab-date {
font-size: 14px;
text-wrap: balance;
}
}
.category-price__products {
display: none;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.category-price__products.active {
display: flex;
}
@media (max-width: 600px) {
.category-price__products {
gap: 10px;
}
}
.category-price__product {
flex: 0 0 calc(16.6666666667% - 20px);
width: 100%;
text-align: center;
}
@media (hover: hover) {
.category-price__product:hover .category-price__product-name {
color: #f6ae03;
}
}
@media (max-width: 1000px) {
.category-price__product {
flex: 0 0 calc(20% - 20px);
}
}
@media (max-width: 767px) {
.category-price__product {
flex: 0 0 calc(25% - 20px);
}
}
@media (max-width: 600px) {
.category-price__product {
flex: 0 0 calc(33.3333333333% - 10px);
}
}
.category-price__product-img {
width: 100%;
}
.category-price__product-name {
padding: 10px 0 20px;
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 100%;
text-align: center;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
transition: all 0.3s ease 0s;
}
/*------------------------------
cost
---------------------------*/
.category-cost {
min-height: 668px;
background-image: url("/local/templates/skupka/css/../img/other/cost-bg.png");
background-size: cover;
background-position: center;
}
.category-cost__body {
padding: 80px 0;
}
.category-cost__title {
text-align: center;
}
.category-cost__items {
display: flex;
gap: 20px;
transform: translateY(calc(50% + 80px));
}
@media (max-width: 1200px) {
.category-cost__items {
display: grid;
grid-template-columns: 1fr 1fr;
transform: translateY(0);
}
}
@media (max-width: 550px) {
.category-cost__items {
grid-template-columns: 1fr;
}
}
.category-cost__item {
flex: 0 1 25%;
padding: 28px 20px 30px 20px;
border-radius: 25px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
background: rgb(255, 255, 255);
overflow: hidden;
}
@media (max-width: 767px) {
.category-cost__item {
padding: 16px;
}
}
.category-cost__img {
width: 100%;
height: 130px;
padding: 10px;
}
.category-cost__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.category-cost__name {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 500;
line-height: 140%;
text-align: left;
font-size: calc(20px + 10 * ((100vw - 320px) / 1600));
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.category-cost__name {
text-align: center;
}
}
@media (max-width: 767px) {
.category-cost__name {
margin-top: 6px;
margin-bottom: 6px;
}
}
.category-cost__text {
color: rgb(67, 67, 67);
font-size: 18px;
line-height: 140%;
}
@media (max-width: 767px) {
.category-cost__text {
font-size: 16px;
}
}
@media (max-width: 550px) {
.category-cost__text {
padding: 0 10px 10px;
text-align: center;
}
}
/*------------------------------
Safety
---------------------------*/
.safety {
background: url(/local/templates/skupka/css/../img/other/safety.png) left 230px/auto 673px no-repeat, url(/local/templates/skupka/css/../img/other/safety-2.png) right 230px/auto 673px no-repeat;
}
@media (max-width: 1780px) {
.safety {
background: url(/local/templates/skupka/css/../img/other/safety.png) left 80%/33% auto no-repeat;
}
}
@media (max-width: 1400px) {
.safety {
background: url(/local/templates/skupka/css/../img/other/safety.png) -5vw 80%/33% auto no-repeat;
}
}
@media (max-width: 1300px) {
.safety {
background: url(/local/templates/skupka/css/../img/other/safety.png) -12vw 80%/33% auto no-repeat;
}
}
@media (max-width: 1200px) {
.safety {
background: none;
}
}
.safety__body {
padding: 270px 0 90px;
}
@media (max-width: 1200px) {
.safety__body {
padding: 80px 0;
}
}
@media (max-width: 600px) {
.safety__body {
padding: 40px 0;
}
}
.safety__text {
max-width: 936px;
margin-left: auto;
padding-top: 56px;
}
@media (max-width: 1200px) {
.safety__text {
padding-top: 0;
margin-left: 0;
margin-inline: auto;
}
}
.safety__title {
color: rgb(31, 35, 44);
text-align: center;
}
.safety__list {
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 160%;
text-align: left;
}
.safety__list li:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 600px) {
.safety__list {
font-size: 14px;
}
}
/*------------------------------
infographic
---------------------------*/
.infographic__body {
display: flex;
flex-direction: column;
align-items: center;
padding: 94px 0 38px;
}
@media (max-width: 767px) {
.infographic__body {
padding: 40px 0;
}
}
.infographic__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-align: center;
text-transform: uppercase;
font-size: calc(36px + 4 * ((100vw - 320px) / 1600));
margin-bottom: 45px;
padding-inline: 18px;
max-width: 1400px;
margin-inline: auto;
}
.infographic__bg {
position: relative;
width: 100%;
display: flex;
justify-content: center;
padding-inline: 18px;
}
.infographic__bg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 230px;
background: linear-gradient(0deg, rgb(236, 235, 240), rgb(255, 255, 255) 100%);
}
@media (max-width: 600px) {
.infographic__bg::before {
height: 180px;
}
}
@media (max-width: 429px) {
.infographic__bg::before {
height: 150px;
}
}
.infographic__view {
position: relative;
width: 460px;
height: auto;
aspect-ratio: 1/1;
border-radius: 50%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 45px;
overscroll-behavior: none;
user-select: none;
}
@media (max-width: 600px) {
.infographic__view {
width: 360px;
}
}
@media (max-width: 429px) {
.infographic__view {
width: 300px;
}
}
.infographic__before,
.infographic__after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.infographic__after {
clip-path: inset(50% 0px 0px);
}
.infographic__handle {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-color: white;
border-radius: 50%;
cursor: n-resize;
z-index: 10;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.infographic__handle:active svg,
.infographic__handle:hover svg {
color: #f6ae03;
}
.infographic__handle-top,
.infographic__handle-bottom {
width: 13px;
height: 8px;
object-fit: contain;
transition: all 0.3s ease 0s;
}
.infographic__handle-bottom {
transform: rotate(180deg);
}
.infographic__coins {
padding-inline: 18px;
}
.infographic__coins img {
max-width: 100%;
}
/*------------------------------
table
---------------------------*/
.category-table__body {
padding: 40px 0;
}
.category-table__title {
color: #1f232c;
text-align: center;
margin-bottom: 40px;
}
.category-table__content {
max-width: 990px;
margin-inline: auto;
width: 100%;
overflow: hidden;
}
@media (max-width: 600px) {
.category-table__content {
overflow-x: auto;
}
}
.grading-table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 20px 0;
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 600px) {
.grading-table {
display: block;
width: 600px;
font-size: 14px;
}
}
.grading-table th,
.grading-table td {
padding: 12px 12px 12px 24px;
}
@media (max-width: 600px) {
.grading-table th,
.grading-table td {
padding: 10px 8px 10px 12px;
}
}
.grading-table thead tr {
background-color: #f6ae03;
white-space: nowrap;
}
@media (max-width: 900px) {
.grading-table thead tr {
white-space: unset;
}
}
.grading-table thead th {
color: #fff;
padding: 24px 0 24px 24px;
font-weight: 700;
text-align: left;
}
.grading-table thead th:nth-child(1) {
border-radius: 20px 0px 0px 0px;
width: 36%;
}
.grading-table thead th:nth-child(3) {
border-radius: 0 20px 0px 0px;
}
@media (max-width: 600px) {
.grading-table thead th {
padding: 12px 0 12px 12px;
font-size: 14px;
}
}
.grading-table tbody tr:nth-child(odd) {
background-color: rgb(243, 243, 243);
}
.grading-table tbody tr:hover {
background-color: #f6ae03;
color: #fff;
transition: background-color 0.3s;
}
/*------------------------------
advice
---------------------------*/
.advice__body {
padding-top: 50px;
}
@media (max-width: 767px) {
.advice__body {
padding-top: 40px;
}
}
.advice__items {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
height: 380px;
position: relative;
max-width: 1263px;
margin-inline: auto;
}
@media (max-width: 1300px) {
.advice__items {
height: 200px;
}
}
@media (max-width: 1000px) {
.advice__items {
grid-template-columns: 1fr;
height: auto;
}
}
@media (max-width: 767px) {
.advice__items {
gap: 20px;
padding-bottom: 40px;
}
}
.advice__item {
display: flex;
align-items: flex-start;
gap: 10px;
position: relative;
z-index: 2;
}
.advice__item:nth-child(odd) {
flex-direction: row-reverse;
justify-content: start;
text-align: right;
gap: 20px;
}
.advice__item:nth-child(even) {
justify-content: end;
}
.advice__item:nth-child(1) {
transform: translateX(65px);
}
.advice__item:nth-child(2) {
transform: translateX(-55px);
}
.advice__item:nth-child(4) {
transform: translateX(8px);
}
.advice__item p {
width: 334px;
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 500;
line-height: 160%;
}
@media (hover: hover) {
.advice__item:hover {
cursor: pointer;
}
.advice__item:hover img {
transform: scale(1.1);
}
}
@media (max-width: 1200px) {
.advice__item {
transform: none !important;
}
}
@media (max-width: 1000px) {
.advice__item {
flex-direction: row !important;
text-align: left !important;
justify-self: start !important;
gap: 0 !important;
}
.advice__item p {
width: auto;
}
}
.advice__item-icon img {
transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
.advice__item-icon {
flex: 0 0 60px;
width: 60px;
height: 60px;
}
.advice__item-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
.advice__bg {
position: absolute;
width: auto;
height: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.advice__bg img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
}
@media (max-width: 1000px) {
.advice__bg {
transform: none;
right: 0;
left: unset;
bottom: 0;
opacity: 0.5;
}
}
/*------------------------------
Errors
---------------------------*/
.errors {
background: url(/local/templates/skupka/css/../img/other/errors-coins.png) 0 18%/auto no-repeat, url(/local/templates/skupka/css/../img/other/diff-coin-1.png) 105% 70%/auto no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
@media (max-width: 1400px) {
.errors {
background: url(/local/templates/skupka/css/../img/other/errors-coins.png) 0 18%/auto no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
@media (max-width: 600px) {
.errors {
background: radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
.errors__body {
padding: 50px 0 80px;
}
@media (max-width: 600px) {
.errors__body {
padding: 40px 0;
}
}
.errors__title {
text-align: center;
margin-bottom: 75px;
}
@media (max-width: 600px) {
.errors__title {
margin-bottom: 30px;
}
}
.errors__text {
display: flex;
justify-content: space-between;
gap: 40px;
}
@media (max-width: 1000px) {
.errors__text {
flex-direction: column;
}
}
.errors__titles {
flex: 0 0 35%;
display: flex;
flex-direction: column;
gap: 55px;
max-width: 454px;
}
@media (max-width: 1000px) {
.errors__titles {
max-width: 100%;
gap: 20px;
}
}
.errors__descr {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 300;
line-height: 160%;
text-align: left;
}
.errors__subtitle {
font-family: HelveticaNeueCyr;
font-size: 24px;
font-weight: 300;
line-height: 140%;
text-align: left;
color: #fff;
}
.errors__subtitle span {
color: #f6ae03;
}
@media (max-width: 600px) {
.errors__subtitle {
font-size: 16px;
}
}
.errors__att {
flex: 0 0 60%;
padding: 50px;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 300;
line-height: 160%;
text-align: left;
border: 1px solid #f6ae03;
position: relative;
}
@media (max-width: 1300px) {
.errors__att {
padding: 30px 30px 30px 50px;
}
}
@media (max-width: 600px) {
.errors__att {
padding: 30px 20px 20px 20px;
font-size: 14px;
}
}
.errors__att-icon {
position: absolute;
top: 50px;
left: 10px;
transform: translateX(-50%);
width: 60px;
height: 60px;
}
.errors__att-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 600px) {
.errors__att-icon {
top: 10px;
left: 30px;
transform: translateY(-50%);
}
}
/*------------------------------
where
---------------------------*/
.where__body {
padding: 90px 0;
display: flex;
gap: calc(30px + 110 * ((100vw - 320px) / 1600));
}
@media (max-width: 1600px) {
.where__body {
gap: 80px;
}
}
@media (max-width: 1400px) {
.where__body {
gap: 40px;
}
}
@media (max-width: 1300px) {
.where__body {
align-items: center;
}
}
@media (max-width: 1000px) {
.where__body {
flex-direction: column;
padding: 40px 0;
padding-inline: 18px;
}
}
.where__img-1 {
height: auto;
}
.where__img-1 img {
height: 100%;
}
@media (max-width: 1000px) {
.where__img-1 {
width: 100%;
max-width: 800px;
aspect-ratio: 1/1;
height: auto;
border-radius: 20px;
overflow: hidden;
}
.where__img-1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.where__text {
flex: 0 1 685px;
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 160%;
text-align: left;
}
.where__text p {
margin-bottom: 30px;
}
@media (max-width: 1600px) {
.where__text {
font-size: 16px;
}
.where__text p {
margin-bottom: 20px;
}
}
@media (max-width: 1300px) {
.where__text {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.where__text {
flex: 1;
}
}
@media (max-width: 600px) {
.where__text {
font-size: 14px;
}
}
.where__title {
color: rgb(31, 35, 44);
}
.where__subtitle {
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 30px;
font-weight: 500;
line-height: 120%;
text-align: left;
margin-bottom: 30px;
}
@media (max-width: 1600px) {
.where__subtitle {
margin-bottom: 20px;
}
}
@media (max-width: 600px) {
.where__subtitle {
font-size: 20px;
}
}
.where__img-2 {
height: auto;
}
.where__img-2 img {
height: 100%;
}
@media (max-width: 1300px) {
.where__img-2 {
display: none;
}
}
/*------------------------------
info
---------------------------*/
.information__body {
padding: 40px 0 90px;
}
@media (max-width: 767px) {
.information__body {
padding: 40px 0;
}
}
.information__title {
color: rgb(31, 35, 44);
text-align: center;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
}
.information__items {
display: flex;
gap: 20px;
}
@media (max-width: 900px) {
.information__items {
flex-direction: column;
gap: 10px;
}
}
.information__item {
flex: 0 1 33.333%;
width: 100%;
backdrop-filter: blur(20px);
overflow: hidden;
padding: 20px;
height: auto;
display: flex;
flex-direction: column;
}
.information__item:nth-child(3) .button {
background: #fff;
box-shadow: none;
border: 1px solid #000;
}
@media (hover: hover) {
.information__item:nth-child(3) .button:hover {
color: #f6ae03;
}
}
.information__item-image {
width: 100%;
height: auto;
aspect-ratio: 2/1.4;
border-radius: 25px 25px 0px 0px;
overflow: hidden;
margin-bottom: 20px;
}
.information__item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.information__item-text {
color: rgb(31, 35, 44);
font-size: 20px;
font-weight: 300;
line-height: 140%;
text-align: center;
flex: 1;
display: flex;
flex-direction: column;
}
.information__item-text p {
flex: 1;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.information__item-text {
font-size: 18px;
}
}
.information__item-link {
max-width: 305px;
margin-inline: auto;
font-size: 20px;
height: 70px;
margin-top: auto;
line-height: 1.2;
}
@media (max-width: 1000px) {
.information__item-link {
width: 100%;
font-size: 16px;
height: 60px;
}
}
.information__text-block {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 300;
line-height: 140%;
text-align: center;
max-width: 1160px;
margin-inline: auto;
margin-top: 60px;
}
@media (max-width: 900px) {
.information__text-block {
margin-top: 40px;
font-size: 18px;
}
}
@media (max-width: 600px) {
.information__text-block {
margin-top: 20px;
font-size: 16px;
}
}
/*------------------------------
rules
---------------------------*/
.rules {
background: url(/local/templates/skupka/css/../img/other/rules-bg-right.png) 100% 100%/auto 100% no-repeat, url(/local/templates/skupka/css/../img/other/diff-coin-1.png) -80px 60%/auto no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
@media (max-width: 1000px) {
.rules {
background: url(/local/templates/skupka/css/../img/other/rules-bg-right.png) 100% 100%/auto 100% no-repeat, radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
@media (max-width: 600px) and (max-width: 1000px) {
.rules {
background: radial-gradient(131.49% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(122.72% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
.rules__body {
padding: 50px 0 300px;
}
@media (max-width: 767px) {
.rules__body {
padding: 40px 0;
}
}
.rules__title {
text-align: center;
margin-bottom: 80px;
}
@media (max-width: 600px) {
.rules__title {
margin-bottom: 40px;
}
}
.rules__items {
display: flex;
align-items: flex-start;
gap: 20px;
position: relative;
z-index: 1;
}
.rules__items::after {
content: "";
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: 1px;
background: rgba(244, 181, 39, 0.2);
z-index: -1;
}
@media (max-width: 600px) {
.rules__items {
flex-direction: column;
align-items: center;
gap: 40px;
}
.rules__items::after {
display: none;
}
}
.rules__item {
flex: 0 1 33.333%;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
text-align: center;
font-family: HelveticaNeueCyr;
font-weight: 300;
line-height: 140%;
text-align: center;
font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
}
.rules__item span {
color: #f6ae03;
}
.rules__item-icon {
width: 80px;
height: 80px;
border-radius: 20px;
margin-bottom: 40px;
background: linear-gradient(-57.11deg, rgb(178, 131, 34) -32.404%, rgb(250, 246, 148) -12.159%, rgb(249, 239, 145) -11.147%, rgb(197, 138, 61) 12.135%, rgb(250, 246, 148) 31.368%, rgb(197, 138, 61) 53.637%, rgb(250, 246, 148) 75.907%, rgb(171, 124, 40) 96.151%), rgb(217, 217, 217);
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: rgb(31, 35, 44);
font-family: Forum;
font-size: 32px;
font-weight: 400;
text-transform: uppercase;
}
.rules__item-icon img {
position: absolute;
display: block;
top: 0;
right: 0;
transform: translate(40%, -40%);
}
@media (max-width: 600px) {
.rules__item-icon {
margin-bottom: 16px;
}
}
/*------------------------------
latest
---------------------------*/
.category-latest {
margin-top: -230px;
}
@media (max-width: 767px) {
.category-latest {
margin-top: 0;
}
}
.category-latest__body {
padding: 40px 0;
}
.category-latest__title {
text-align: center;
margin-bottom: 50px;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
}
@media (max-width: 767px) {
.category-latest__title {
color: rgb(31, 35, 44);
margin-bottom: 30px;
}
}
.category-latest__items {
display: flex;
gap: 20px;
}
@media (max-width: 1000px) {
.category-latest__items {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.category-latest__item {
height: auto;
}
.category-latest__item .product-preview__name {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*------------------------------
faq
---------------------------*/
.faq__body {
padding: 50px 0 90px;
}
@media (max-width: 767px) {
.faq__body {
padding: 40px 0 80px;
}
}
.faq__title {
text-align: center;
color: rgb(31, 35, 44);
margin-bottom: 40px;
}
.faq__items {
display: flex;
gap: 20px;
}
@media (max-width: 1000px) {
.faq__items {
flex-direction: column;
gap: 10px;
}
}
.faq__items-col {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.faq__item.active .faq__answer {
max-height: unset;
padding: 30px 40px;
}
@media (max-width: 500px) {
.faq__item.active .faq__answer {
padding: 20px;
}
}
.faq__item.active .faq__question-icon {
background: url(/local/templates/skupka/css/../img/other/faq-icon.png) center/cover no-repeat;
}
.faq__item.active .faq__question-icon-plus {
display: none;
}
.faq__item.active .faq__question-icon-minus {
display: block;
color: #000;
}
.faq__question {
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 12px 12px 12px 40px;
cursor: pointer;
color: rgb(31, 35, 44);
font-size: 18px;
font-weight: 400;
line-height: 120%;
}
@media (hover: hover) {
.faq__question:hover {
border-color: #f6ae03;
}
}
@media (max-width: 500px) {
.faq__question {
border-radius: 20px;
font-size: 16px;
padding: 12px 12px 12px 20px;
}
}
.faq__question-icon {
flex: 0 0 34px;
width: 34px;
height: 34px;
border-radius: 50%;
background: rgb(31, 35, 44);
display: flex;
align-items: center;
justify-content: center;
}
.faq__question-icon svg {
width: 14px;
height: 14px;
object-fit: contain;
color: #fff;
}
.faq__question-icon-plus {
display: block;
}
.faq__question-icon-minus {
display: none;
}
.faq__answer {
color: rgb(119, 119, 119);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 160%;
max-height: 0;
transition: all 0.3s ease 0s;
overflow: hidden;
}
/*------------------------------
helpful
---------------------------*/
.helpful {
background: url(/local/templates/skupka/css/../img/other/fake-bg.png) center/cover no-repeat;
}
@media (max-width: 767px) {
.helpful {
background: url(/local/templates/skupka/css/../img/other/fake-bg.png) 0 0/cover no-repeat;
}
}
.helpful__body {
padding: 50px 0 66px;
}
@media (max-width: 600px) {
.helpful__body {
padding: 40px 0;
}
}
.helpful__title {
color: rgb(31, 35, 44);
text-align: center;
margin-bottom: 20px;
}
.helpful__subtitle {
max-width: 1160px;
margin-inline: auto;
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 160%;
text-align: center;
text-wrap: balance;
margin-bottom: 56px;
}
@media (max-width: 600px) {
.helpful__subtitle {
font-size: 16px;
margin-bottom: 30px;
}
}
.helpful__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media (max-width: 1200px) {
.helpful__items {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.helpful__items {
grid-template-columns: 1fr;
}
}
.helpful__item {
border-radius: 25px;
background: rgb(255, 255, 255);
overflow: hidden;
padding: 30px;
position: relative;
}
@media (max-width: 767px) {
.helpful__item {
padding: 20px;
}
}
.helpful__name {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 28px;
font-weight: 500;
line-height: 140%;
margin-bottom: 12px;
}
@media (max-width: 600px) {
.helpful__name {
font-size: 22px;
margin-bottom: 8px;
}
}
.helpful__text {
color: rgb(67, 67, 67);
font-size: 16px;
line-height: 140%;
text-align: left;
}
.helpful__number {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #f6ae03;
color: rgb(31, 35, 44);
font-size: 16px;
font-weight: 700;
line-height: 140%;
transform: translate(30%, -30%);
}
.helpful__number span {
transform: translate(-50%, 46%);
}
/*------------------------------
venue
---------------------------*/
.venue {
background: url(/local/templates/skupka/css/../img/other/venue-bg.png) center/cover no-repeat;
}
.venue__body {
padding: 50px 0 77px;
}
@media (max-width: 767px) {
.venue__body {
padding: 40px 0;
}
}
.venue__title {
margin-bottom: 70px;
text-align: center;
}
@media (max-width: 767px) {
.venue__title {
margin-bottom: 30px;
}
}
.venue__block {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
}
@media (max-width: 767px) {
.venue__block {
flex-direction: column;
gap: 30px;
}
}
.venue__image {
max-width: 455px;
width: 100%;
aspect-ratio: 3/2;
height: auto;
border-radius: 20px;
overflow: hidden;
}
.venue__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.venue__text {
max-width: 340px;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 300;
line-height: 160%;
text-align: left;
}
.venue__author {
margin-left: auto;
color: rgb(255, 255, 255);
font-size: 15px;
font-weight: 300;
line-height: 100%;
text-align: right;
}
.venue__author span {
display: block;
color: rgb(246, 174, 3);
font-family: Forum;
font-weight: 400;
line-height: 100%;
margin-bottom: 8px;
font-size: 32px;
}
/*------------------------------
app
---------------------------*/
.application__body {
padding: 155px 0 90px;
}
@media (max-width: 767px) {
.application__body {
padding: 40px 0;
}
}
.application__block {
max-width: 1160px;
margin-inline: auto;
padding: 50px;
border-radius: 35px;
background: #f6ae03;
position: relative;
}
@media (max-width: 767px) {
.application__block {
padding: 30px 30px 0 30px;
}
}
.application__text {
width: 60%;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.application__text {
width: 100%;
}
}
.application__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
font-size: calc(30px + 12 * ((100vw - 320px) / 1600));
margin-bottom: 33px;
text-wrap: balance;
}
@media (max-width: 767px) {
.application__title {
font-size: 22px;
margin-bottom: 20px;
text-align: left;
text-wrap: unset;
}
}
.application__descr {
color: rgb(31, 35, 44);
font-size: 24px;
font-weight: 400;
line-height: 160%;
text-align: left;
margin-bottom: 20px;
text-wrap: balance;
max-width: 364px;
}
.application__descr a {
text-decoration: underline;
color: rgb(31, 35, 44);
font-family: inherit;
text-decoration-thickness: from-font;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.application__descr a:hover {
color: #fff;
}
}
@media (max-width: 767px) {
.application__descr {
max-width: 100%;
font-size: 16px;
line-height: 130%;
text-wrap: unset;
}
}
.application__links {
display: flex;
align-items: center;
gap: 5px;
}
.application__link {
display: block;
max-width: 163px;
}
.application__link img {
width: 100%;
height: auto;
object-fit: contain;
}
.application__image {
position: absolute;
right: 100px;
top: -65px;
height: calc(100% + 65px);
width: auto;
}
.application__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1100px) {
.application__image {
right: 40px;
}
}
@media (max-width: 900px) {
.application__image {
max-width: 40%;
height: auto;
top: unset;
bottom: 0;
}
}
@media (max-width: 767px) {
.application__image {
position: static;
margin-top: 20px;
max-width: 250px;
margin-inline: auto;
}
}
@media (max-width: 500px) {
.application__image {
max-width: 150px;
}
}
.hero-news {
background: url(/local/templates/skupka/css/../img/news/cover.png) center/cover no-repeat;
margin-top: 116px;
display: flex;
align-items: end;
height: 400px;
}
@media (max-width: 1200px) {
.hero-news {
margin-top: 107px;
height: 300px;
}
}
@media (max-width: 767px) {
.hero-news {
height: 180px;
}
}
.hero-news .hero__body {
padding: 0;
align-items: end;
}
.hero-news .hero__title {
margin: 0;
line-height: 0.8;
padding: 37px 40px;
}
@media (max-width: 600px) {
.hero-news .hero__title {
padding: 20px 30px;
}
.catalog-hero .hero__title {
text-shadow: 3px 2px 1px #fff;
}
}
@media (max-width: 1300px) {
.hero-news .hero__text-head::after {
display: block;
}
}
.hero-news .hero__dialog {
background: rgba(255, 255, 255, 0.65);
top: 334px;
}
@media (max-width: 1400px) {
.hero-news .hero__dialog {
top: 285px;
}
}
@media (max-width: 1300px) {
.hero-news .hero__dialog {
top: 55%;
}
}
/*------------------------------
News
---------------------------*/
.news__body {
padding: 90px 0;
}
@media (max-width: 600px) {
.news__body {
padding: 60px 0 80px;
}
}
.news__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
}
@media (max-width: 1300px) {
.news__items {
column-gap: 20px;
row-gap: 30px;
}
}
@media (max-width: 1000px) {
.news__items {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 550px) {
.news__items {
grid-template-columns: 1fr;
}
}
.news__item {
width: 100%;
}
/*------------------------------
article
---------------------------*/
.article__body {
padding: 60px 0 90px;
max-width: 1160px;
margin-inline: auto;
}
@media (max-width: 767px) {
.article__body {
padding: 60px 0;
}
}
.article__title {
color: rgb(31, 35, 44);
font-size: calc(30px + 18 * ((100vw - 320px) / 1600));
max-width: 1042px;
}
.article__text {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 140%;
text-align: justify;
}
.article__text h3 {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 111.111111%;
text-align: left;
text-transform: uppercase;
font-size: calc(24px + 12 * ((100vw - 320px) / 1600));
}
.article__text>* {
margin-bottom: 30px;
}
.article__text img {
display: block;
margin-inline: auto;
max-width: 100%;
}
.article__text video,
.article__text iframe {
max-width: 100%;
}
@media (max-width: 600px) {
.article__text>* {
margin-bottom: 20px;
}
}
.article__row {
width: 100vw;
margin-left: calc(-1 * (100vw - 1160px) / 2);
display: flex;
gap: 70px;
}
.article__row.article__row-reverse {
flex-direction: row-reverse;
}
.article__row.article__row-reverse .article__row-image img {
border-radius: 100px 0 0 100px;
}
@media (max-width: 1200px) {
.article__row {
width: auto;
margin: 0;
}
}
.article__row-image {
flex: 0 1 46%;
height: auto;
}
.article__row-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 0 100px 100px 0;
}
@media (max-width: 1200px) {
.article__row-image {
display: none;
}
}
.article__row-text {
flex: 0 1 54%;
padding: 90px 0;
max-width: 650px;
}
.article__row-text h3 {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 111.111111%;
text-align: left;
text-transform: uppercase;
font-size: calc(24px + 12 * ((100vw - 320px) / 1600));
margin-bottom: 30px;
}
.article__row-text p:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1600px) {
.article__row-text {
padding-inline: 18px;
}
}
@media (max-width: 1200px) {
.article__row-text {
max-width: 100%;
flex: 1;
padding: 20px 0;
}
}
/*------------------------------
callbcak
---------------------------*/
.callback__body {
padding-bottom: 90px;
}
@media (max-width: 767px) {
.callback__body {
padding-bottom: 60px;
}
}
.callback__block {
border-radius: 20px;
max-width: 1394px;
margin-inline: auto;
padding: 70px 56px;
background: url(/local/templates/skupka/css/../img/other/callback-coins.png) right center/auto no-repeat, radial-gradient(143.03% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(123.08% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
@media (max-width: 840px) {
.callback__block {
background: radial-gradient(143.03% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(123.08% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
@media (max-width: 500px) {
.callback__block {
padding: 30px;
border-radius: 12px;
}
}
.callback__title {
color: #f6ae03;
font-family: Forum;
font-weight: 400;
line-height: 80%;
text-transform: uppercase;
font-size: calc(36px + 32 * ((100vw - 320px) / 1600));
margin-bottom: calc(20px + 22 * ((100vw - 320px) / 1600));
}
.callback__subtitle {
max-width: 492px;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 140%;
text-align: left;
margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.callback__form {
display: flex;
gap: 14px;
}
@media (max-width: 767px) {
.callback__form {
flex-direction: column;
}
}
.callback__form-input {
width: 300px;
}
.callback__form-input input {
width: 100%;
height: 60px;
box-sizing: border-box;
border: 1px solid rgb(255, 255, 255);
border-radius: 4px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
background: transparent;
padding: 8px 40px;
color: rgb(255, 255, 255);
font-family: CeraPro;
font-size: 16px;
font-weight: 400;
line-height: 125%;
transition: all 0.3s ease 0s;
}
.callback__form-input input:focus {
border-color: #f6ae03;
}
@media (max-width: 500px) {
.callback__form-input {
width: 100%;
}
}
.callback__form-submit {
width: 300px;
}
.callback__form-submit .button {
width: 100%;
height: 60px;
font-size: 18px;
}
@media (max-width: 500px) {
.callback__form-submit {
width: 100%;
}
}
/*------------------------------
Contacts
---------------------------*/
.hero-contacts {
background: url(/local/templates/skupka/css/../img/contacts/contacts-bg.png) center/cover no-repeat;
margin-top: 116px;
display: flex;
align-items: end;
height: calc(180px + 583 * ((100vw - 320px) / 1600));
}
.hero-contacts .hero__dialog {
background: rgba(255, 255, 255, 0.65);
}
@media (max-width: 500px) {
.hero-contacts {
height: 180px;
margin-top: 107px;
}
}
.hero-contacts .hero__body {
padding: 0;
}
.hero-contacts .hero__title {
margin: 0;
padding-left: 20px;
}
@media (max-width: 1300px) {
.hero-contacts .hero__text-head::after {
display: block;
}
}
.contacts__body {
padding: 60px 0;
}
.contacts__items {
display: flex;
gap: 20px;
}
@media (max-width: 1000px) {
.contacts__items {
flex-direction: column;
}
}
.contacts__item {
flex: 0 1 33.333%;
width: 100%;
height: auto;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 25px;
padding: 25px 26px 46px 26px;
}
@media (max-width: 1000px) {
.contacts__item {
padding: 24px;
}
}
.contacts__item-icon {
width: 80px;
height: 80px;
margin-bottom: 30px;
margin-inline: auto;
}
.contacts__item-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 500px) {
.contacts__item-icon {
width: 60px;
height: 60px;
margin-bottom: 12px;
}
}
.contacts__item-name {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 140%;
margin-bottom: 14px;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
opacity: 0.5;
text-transform: uppercase;
}
@media (max-width: 500px) {
.contacts__item-name {
margin-bottom: 10px;
}
}
.contacts__item-link {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 300;
line-height: 140%;
text-align: center;
}
.contacts__item-link a {
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.contacts__item-link a:hover {
color: #f6ae03;
}
}
.contacts-address {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 300;
line-height: 140%;
text-align: center;
}
.contacts-tel {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-weight: 300;
line-height: 140%;
text-align: center;
font-size: calc(20px + 16 * ((100vw - 320px) / 1600));
}
.contacts-mail {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 300;
line-height: 140%;
text-align: center;
}
#map {
width: 100%;
height: 600px;
}
@media (max-width: 767px) {
.ymaps-2-1-79-controls__control {
display: none !important;
}
}
#map canvas {
filter: url("data:image/svg+xml;utf8,#grayscale") !important;
-webkit-filter: grayscale(80%);
}
@media (max-width: 500px) {
#map canvas {
filter: url("data:image/svg+xml;utf8,#grayscale") !important;
-webkit-filter: grayscale(80%);
}
#map {
height: 400px;
}
}
/*------------------------------
catalog
---------------------------*/
.catalog-hero .hero__title {
margin-bottom: 22px;
}
@media (max-width: 600px) {
.catalog-hero .hero__title br {
display: none;
}
}
.catalog-hero .hero__button {
margin-bottom: 0;
}
/*------------------------------filter---------------------------*/
.filter {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 1000px) {
.filter {
position: fixed;
top: 0;
left: 0;
width: 330px;
height: 100%;
padding: 20px;
transform: translateX(-100%);
transition: all 0.5s ease 0s;
z-index: 99;
padding: 60px 20px 20px;
background: #fff;
max-height: 100vh;
overflow-y: auto;
}
.filter.opened {
transform: translateX(0);
}
}
.filter__range-inputs {
min-height: 16px;
display: flex;
align-items: center;
gap: 3px;
margin-bottom: 20px;
}
.filter__range-inputs input {
padding: 9px;
text-align: center;
border: 1px solid rgb(201, 206, 216);
flex: 0 1 50%;
width: 100%;
color: rgb(89, 91, 86);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 100%;
transition: all 0.3s ease 0s;
}
.filter__range-inputs input:focus,
.filter__range-inputs input:hover {
border-color: #f6ae03;
}
.filter__range-inputs span {
color: rgb(89, 91, 86);
font-family: CeraPro;
font-size: 14px;
font-weight: 400;
line-height: 100%;
text-align: center;
}
.filter__range {
height: 16px;
width: calc(100% - 16px);
margin-inline: auto;
}
.filter__area-name {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 20px;
font-weight: 500;
line-height: 150%;
text-align: left;
cursor: pointer;
}
.filter__area-name svg {
width: 10px;
height: 10px;
object-fit: contain;
color: rgb(31, 35, 44);
display: inline-block;
transform: rotate(-180deg);
transition: all 0.3s ease 0s;
}
.filter__area-name.active svg {
transform: rotate(0);
}
@media (hover: hover) {
.filter__area-name:hover svg {
color: #f6ae03;
}
}
.filter__items {
max-height: 0px;
display: flex;
flex-direction: column;
gap: 10px;
opacity: 0;
transition: max-height 0.5s ease 0s, margin-top 0.5s ease 0s, opacity 0.2s;
pointer-events: none;
}
.filter__items.active {
max-height: unset;
margin-top: 16px;
opacity: 1;
pointer-events: all;
}
.filter__items label {
display: flex;
align-items: center;
gap: 10px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 150%;
cursor: pointer;
}
@media (hover: hover) {
.filter__items label:hover span {
border-color: #f6ae03;
}
}
.filter__button .button {
width: 100%;
max-width: 100%;
height: 63px;
font-size: 16px;
}
@media (max-width: 500px) {
.filter__button .button {
height: 54px;
}
}
.custom-checkbox {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
cursor: pointer;
background-color: #fff;
border: 1px solid rgb(201, 206, 216);
background: rgb(255, 255, 255);
}
input[type=checkbox]:checked+.custom-checkbox {
background-color: #f6ae03;
border-color: #f6ae03;
}
.custom-checkbox {
transition: all 0.3s ease;
}
input[type=checkbox]:checked+.custom-checkbox::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: url(/local/templates/skupka/css/../img/icons/check-2.svg) center/contain no-repeat;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.catalog input[type=checkbox] {
display: none;
}
.noUi-horizontal {
height: 2px;
border: none;
}
.noUi-connect {
background: rgb(231, 213, 171);
}
.noUi-handle {
width: 16px !important;
height: 16px !important;
border-radius: 50%;
background: #f6ae03;
box-shadow: none !important;
border: none;
right: -8px !important;
top: -7px !important;
cursor: pointer;
}
.noUi-handle::after,
.noUi-handle::before {
display: none !important;
}
/*------------------------------
catalog
---------------------------*/
.catalog__body {
padding: 90px 0;
display: flex;
align-items: flex-start;
gap: 65px;
}
@media (max-width: 1200px) {
.catalog__body {
gap: 30px;
}
}
@media (max-width: 1000px) {
.catalog__body {
flex-direction: column;
gap: 20px;
padding: 40px 0 60px;
}
}
@media (max-width: 500px) {
.catalog__body {
padding: 20px 0 0;
}
}
.catalog__aside {
flex: 0 0 290px;
padding: 20px;
border-radius: 20px;
background: rgb(249, 249, 249);
border-top: 4px solid #f6ae03;
}
@media (max-width: 1000px) {
.catalog__aside {
flex: 1;
border: none;
padding: 12px 20px;
}
}
.catalog__aside-icon {
display: none;
align-items: center;
gap: 10px;
font-size: 14px;
cursor: pointer;
color: rgb(139, 150, 174);
}
.catalog__aside-icon svg {
width: 16px;
height: 16px;
color: rgb(139, 150, 174);
}
@media (max-width: 1000px) {
.catalog__aside-icon {
display: flex;
}
}
.catalog__aside-close {
display: none;
width: 20px;
height: 20px;
cursor: pointer;
}
.catalog__aside-close img {
width: 100%;
height: 100%;
filter: invert(1);
}
@media (max-width: 1000px) {
.catalog__aside-close {
display: block;
position: absolute;
top: 20px;
right: 14px;
width: 26px;
height: 26px;
}
}
.catalog__content {
flex: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
width: 100%;
}
@media (max-width: 1200px) {
.catalog__content {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1000px) {
.catalog__content {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.catalog__content {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 470px) {
.catalog__content {
grid-template-columns: 1fr;
}
}
.catalog__category {
display: block;
border-radius: 20px;
background: rgb(255, 255, 255);
overflow: hidden;
text-align: center;
transition: all 0.3s ease 0s;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
min-height: 182px;
}
@media (hover: hover) {
.catalog__category:hover {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.catalog__category:hover .catalog__category-name {
color: #f6ae03;
}
}
.catalog__category-image {
aspect-ratio: 2.2/1;
}
.catalog__category-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 600px) {
.catalog__category-image {
aspect-ratio: 2.8/1;
position: relative;
}
.catalog__category-image img {
position: absolute;
top: 0;
left: 0;
}
}
.catalog__category-name {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 500;
line-height: 120%;
text-align: center;
padding: 20px;
transition: all 0.3s ease 0s;
}
@media (max-width: 600px) {
.catalog__category-name {
padding: 16px 12px;
font-size: 16px;
}
}
/*------------------------------
seo text
---------------------------*/
.seo-text__body {
padding: 45px 0 45px;
}
@media (max-width: 600px) {
.seo-text__body {
padding: 20px 0 20px;
}
}
.seo-text__title {
color: rgb(31, 35, 44);
text-align: center;
margin-bottom: 50px;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
}
@media (max-width: 1000px) {
.seo-text__title {
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.seo-text__title {
margin-bottom: 20px;
}
}
.seo-text__row {
display: flex;
align-items: center;
gap: 66px;
}
@media (max-width: 1200px) {
.seo-text__row {
gap: 40px;
}
}
@media (max-width: 1000px) {
.seo-text__row {
flex-direction: column;
}
}
@media (max-width: 600px) {
.seo-text__row {
gap: 25px;
}
}
.seo-text__info {
flex: 0 1 50%;
background: url(/local/templates/skupka/css/../img/seo/seo-bg-1.png) center/cover no-repeat;
padding: 40px 40px 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 36px;
border-radius: 25px;
}
@media (max-width: 1000px) {
.seo-text__info {
padding: 30px;
}
}
@media (max-width: 600px) {
.seo-text__info {
padding: 20px;
border-radius: 16px;
gap: 20px;
}
}
@media (max-width: 1000px) {
.seo-text__image img {
max-height: 140px;
}
}
@media (max-width: 600px) {
.seo-text__image img {
max-height: 100px;
}
}
.seo-text__descr {
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 140%;
padding-left: 20px;
}
@media (max-width: 600px) {
.seo-text__descr {
font-size: 14px;
padding: 0;
text-align: center;
}
}
.seo-text__button {
transform: translateY(50%);
}
@media (max-width: 1000px) {
.seo-text__button {
transform: none;
}
}
.seo-text__content {
flex: 0 1 50%;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 160%;
}
.seo-text__content p:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 600px) {
.seo-text__content p:not(:last-child) {
margin-bottom: 12px;
}
}
@media (max-width: 600px) {
.seo-text__content {
font-size: 14px;
}
}
.seo-text-2 .seo-text__row {
flex-direction: row-reverse;
}
@media (max-width: 1000px) {
.seo-text-2 .seo-text__row {
flex-direction: column-reverse;
}
}
.seo-text-2 .seo-text__title {
text-align: left;
text-wrap: balance;
}
@media (max-width: 600px) {
.seo-text-2 .seo-text__title {
text-align: center;
}
}
.seo-text-2 .seo-text__info {
align-items: stretch;
padding: 137px 0 0;
background: url(/local/templates/skupka/css/../img/seo/seo-bg-2.png) center top/cover no-repeat;
gap: 0;
}
@media (max-width: 600px) {
.seo-text-2 .seo-text__info {
padding-top: 110px;
}
}
.seo-text-2 .seo-text__descr {
padding: 30px 40px;
border-top: 1px solid rgba(246, 174, 3, 0.3);
}
@media (max-width: 600px) {
.seo-text-2 .seo-text__descr {
padding: 20px;
}
}
.seo-text__list {
padding: 20px 30px;
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.seo-text__list p {
display: flex;
align-items: center;
gap: 10px;
}
.seo-text__list p img {
width: 40px;
height: 40px;
object-fit: contain;
}
.seo-text__list p:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 600px) {
.seo-text__list {
padding: 10px 20px;
}
.seo-text__list p:not(:last-child) {
margin-bottom: 0;
}
}
.seo-text__list-name {
font-family: Forum;
font-weight: 400;
line-height: 140%;
text-align: left;
font-size: calc(20px + 10 * ((100vw - 320px) / 1600));
margin-bottom: 20px;
color: #fff;
}
.seo-text__list-name span {
color: #f6ae03;
}
@media (max-width: 600px) {
.seo-text__list-name {
margin-bottom: 8px;
line-height: 120%;
}
}
/*------------------------------
define
---------------------------*/
.define__body {
padding: 45px 0;
}
.define__title {
color: rgb(31, 35, 44);
text-align: center;
margin-bottom: 10px;
}
@media (max-width: 600px) {
.define__body {
padding: 20px 0;
}
.define__title {
font-size: 30px;
}
}
.define__subtitle {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 160%;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.define__subtitle {
margin-bottom: 20px;
}
}
.define__content {
display: flex;
justify-content: space-between;
gap: 70px;
}
@media (max-width: 1300px) {
.define__content {
gap: 40px;
}
}
@media (max-width: 1000px) {
.define__content {
flex-direction: column;
}
}
.define__items {
flex: 0 1 60%;
}
.define__item {
border-radius: 20px;
background: linear-gradient(180deg, rgb(245, 245, 245), rgb(236, 236, 236) 100%);
padding: 10px 20px;
}
.define__item:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.define__item {
padding: 20px;
}
}
.define__item-name {
font-family: Forum;
font-weight: 400;
line-height: 120%;
letter-spacing: 0%;
text-align: left;
font-size: calc(20px + 4 * ((100vw - 320px) / 1600));
margin-bottom: 10px;
text-transform: uppercase;
}
.define__item-name span {
color: #f6ae03;
}
.define__item-text {
color: rgb(110, 116, 129);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 140%;
text-align: left;
}
@media (max-width: 600px) {
.define__item-text {
font-size: 14px;
}
}
.define__info {
flex: 0 1 40%;
}
.define__info-img {
width: 100%;
margin-bottom: 26px;
}
.define__info-img img {
width: 100%;
height: auto;
object-fit: contain;
}
@media (max-width: 1000px) {
.define__info-img {
max-width: 600px;
margin-inline: auto;
}
}
.define__info-descr {
color: rgb(31, 35, 44);
font-size: 16px;
line-height: 160%;
margin-bottom: 20px;
}
.define__info-list {
max-width: 505px;
}
.define__info-list p {
position: relative;
color: rgb(110, 116, 129);
font-size: 15px;
font-weight: 400;
line-height: 140%;
padding-left: 30px;
}
.define__info-list p:not(:last-child) {
margin-bottom: 20px;
}
.define__info-list p::before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
border-radius: 50%;
z-index: 1;
background: #fff;
border: 1px solid #f6ae03;
}
.define__info-list p::after {
content: "";
position: absolute;
top: 6px;
left: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #f6ae03;
z-index: 2;
}
@media (max-width: 1000px) {
.define__info-list {
max-width: 100%;
}
}
/*------------------------------
popular
---------------------------*/
.popular__body {
padding: 45px 0;
}
.popular__title {
color: rgb(31, 35, 44);
text-align: center;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
margin-bottom: 10px;
}
.popular__subtitle {
color: rgb(31, 35, 44);
font-size: 16px;
line-height: 160%;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.popular__subtitle {
margin-bottom: 20px;
}
}
.popular__items {
display: flex;
gap: 20px;
}
@media (max-width: 1000px) {
.popular__items {
flex-direction: column;
}
}
.popular__item {
flex: 0 1 33.333%;
padding: 20px;
border-radius: 20px;
background: linear-gradient(180deg, rgb(245, 245, 245), rgb(236, 236, 236) 100%);
}
.popular__item-image {
max-width: 150px;
height: auto;
margin-bottom: 10px;
}
.popular__item-image img {
width: 100%;
height: 100%;
object-fit: contain;
max-height: 120px;
object-fit: contain;
}
@media (max-width: 600px) {
.popular__item-image {
margin-inline: auto;
}
}
.popular__item-name {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
font-size: calc(20px + 4 * ((100vw - 320px) / 1600));
margin-bottom: 10px;
}
@media (max-width: 600px) {
.popular__item-name {
text-align: center;
}
}
.popular__item-text {
color: rgb(110, 116, 129);
font-size: 15px;
line-height: 140%;
}
@media (max-width: 600px) {
.popular__item-text {
text-align: center;
font-size: 14px;
}
}
.catalog-article__body {
max-width: 1160px;
margin-inline: auto;
padding: 45px 0;
}
@media (max-width: 600px) {
.catalog-article__body {
padding: 0;
}
}
.catalog-article .article__row {
gap: 138px;
}
@media (max-width: 1600px) {
.catalog-article .article__row {
gap: 100px;
}
}
@media (max-width: 1450px) {
.catalog-article .article__row {
gap: 60px;
}
}
@media (max-width: 1300px) {
.catalog-article .article__row {
gap: 30px;
}
}
@media (max-width: 600px) {
.catalog-article .article__row-text {
padding: 10px 0;
}
}
.catalog-article .article__row-text h3 {
margin-bottom: 12px;
}
.subcatalog__content {
width: 100%;
}
.subcatalog__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
margin-bottom: 30px;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
}
.subcatalog__products {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media (max-width: 1200px) {
.subcatalog__products {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1000px) {
.subcatalog__products {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 880px) {
.subcatalog__products {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
@media (max-width: 370px) {
.subcatalog__products {
grid-template-columns: 1fr;
}
}
.subcatalog__product {
width: 100%;
}
/*------------------------------
history
---------------------------*/
.history__title {
color: rgb(31, 35, 44);
text-align: center;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
margin-bottom: 26px;
text-wrap: balance;
}
@media (max-width: 600px) {
.history__title {
margin-bottom: 10px;
}
}
.history__subtitle {
font-size: 16px;
line-height: 160%;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.history__subtitle {
margin-bottom: 20px;
font-size: 14px;
}
}
.history__info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 66px;
}
@media (max-width: 1300px) {
.history__info {
gap: 40px;
}
}
@media (max-width: 1000px) {
.history__info {
flex-direction: column;
gap: 30px;
}
}
.history__image {
flex: 0 1 50%;
border-radius: 25px;
overflow: hidden;
}
.history__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.history__text {
flex: 0 1 50%;
font-size: 16px;
line-height: 160%;
}
.history__text p:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 600px) {
.history__text {
font-size: 14px;
}
.history__text p:not(:last-child) {
margin-bottom: 10px;
}
}
.preloader {
position: fixed;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
background: #f7f7f7;
width: 100%;
height: 100%;
}
.preloader.loaded {
display: none;
}
.preloader__block {
position: relative;
width: 200px;
height: 200px;
}
.preloader__logo {
transform: translateY(50%);
}
.preloader .orbit {
position: absolute;
top: 0;
left: 0;
animation: spin 3s infinite linear;
transform-origin: 50% 10px;
width: 200px;
height: 200px;
}
.preloader__glass {
position: absolute;
top: 10%;
left: 10%;
z-index: 2;
width: 100%;
height: 100%;
transform-origin: 50% 10px;
animation: spin-reverse 3s infinite linear;
object-fit: contain;
}
@keyframes spin {
to {
transform: rotate(1turn);
}
}
@keyframes spin-reverse {
from {
transform: rotate(1turn);
}
}
/*------------------------------
product
---------------------------*/
.product__body {
padding: 90px 0 40px;
}
@media (max-width: 767px) {
.product__body {
padding: 40px 0 20px;
}
}
.product__main {
display: flex;
gap: 60px;
}
@media (max-width: 1200px) {
.product__main {
flex-direction: column;
gap: 40px;
}
}
@media (max-width: 767px) {
.product__main {
gap: 20px;
}
}
.product__view {
flex: 0 1 58%;
display: flex;
flex-direction: column;
height: auto;
gap: 20px;
position: relative;
}
.stiker__wrap {
position: absolute;
top: 0;
}
.stiker__wrap-item {
background: #f6ae03;
text-align: center;
padding: 11px;
margin-top: 10px;
}
.product__view-image {
flex: 1;
width: 100%;
height: auto;
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
}
.lg-backdrop {
background: #fff !important;
}
.lg-sub-html,
.lg-counter,
.lg-toolbar .lg-icon {
color: #000 !important;
}
.product__view-image img {
width: 100%;
height: 100%;
max-height: 260px;
object-fit: contain;
}
@media (max-width: 600px) {
.product__view-image {
width: 80%;
margin-inline: auto;
}
}
.product__view-description {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 109.375%;
text-transform: uppercase;
font-size: calc(22px + 10 * ((100vw - 320px) / 1600));
}
.product__view-table {
border-collapse: collapse;
}
.product__view-table thead tr {
border-radius: 4px 4px 0px 0px;
background: rgb(248, 248, 248);
text-align: left;
padding: 10px 20px;
}
.product__view-table tbody tr {
border-radius: 0px 0px 4px 4px;
background: rgb(255, 224, 151);
padding: 10px 20px;
}
.product__view-table th,
.product__view-table td {
padding: 10px;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 140%;
min-width: 73px;
}
.product__view-table th:not(:first-child),
.product__view-table td:not(:first-child) {
text-align: center;
}
.product__view-table th:first-child,
.product__view-table td:first-child {
padding-left: 20px;
border-radius: 4px 0 0 4px;
}
@media (max-width: 600px) {
.product__view-table th,
.product__view-table td {
font-size: 14px;
}
.product__view-table th:first-child,
.product__view-table td:first-child {
padding-left: 10px;
}
.stiker__wrap {
position: absolute;
top: -41px;
left: 2px;
}
.stiker__wrap-item {
background: #f6ae03;
text-align: center;
padding: 1px 6px;
margin-top: 10px;
font-size: calc(13px + 10*((100vw - 320px) / 1600));
}
}
.product__view-table th:first-child {
border-radius: 4px 0 0 0;
}
.product__view-table th:last-child {
border-radius: 0 4px 0 0;
}
.product__view-table td {
font-weight: 700;
}
.product__view-table td:first-child {
border-radius: 0 0 0 4px;
}
.product__view-table td:last-child {
border-radius: 0 0 4px 0;
}
.product__view-att {
margin-top: -10px;
font-size: 13px;
font-weight: 400;
line-height: 140%;
text-align: left;
}
.product__view-att span {
color: rgb(255, 0, 4);
}
.product__details {
flex: 0 1 42%;
}
.product__name {
color: rgb(31, 35, 44);
font-family: Forum;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
margin-bottom: 20px;
font-size: calc(30px + 10 * ((100vw - 320px) / 1600));
text-wrap: balance;
}
.product__price {
border-radius: 8px;
padding: 10px 20px;
background: rgb(248, 248, 248);
margin-bottom: 30px;
}
.product__price-title {
color: rgb(67, 67, 67);
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 100%;
}
@media (max-width: 500px) {
.product__price-title {
font-size: 16px;
}
}
.product__price-value {
color: rgb(136, 137, 138);
font-family: HelveticaNeueCyr;
font-size: 13px;
font-weight: 400;
line-height: 140%;
}
.product__price-value span {
display: inline-block;
color: rgb(31, 35, 44);
font-size: 18px;
font-weight: 700;
line-height: 140%;
margin-left: 10px;
}
@media (max-width: 500px) {
.product__price-value span {
font-size: 16px;
margin-left: 4px;
}
}
.product__price-list {
margin-bottom: 20px;
}
.product__price-list li {
display: flex;
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 140%;
color: rgb(31, 35, 44);
}
.product__price-list li p {
flex: 1;
display: flex;
align-items: center;
gap: 4px;
}
.product__price-list li:not(:last-child) {
margin-bottom: 8px;
}
.product__price-list li:first-child {
font-size: 16px;
font-weight: 700;
}
@media (max-width: 500px) {
.product__price-list li {
font-size: 14px;
}
.product__price-list li:first-child {
font-size: 14px;
font-weight: 700;
}
}
.product__details-att {
color: rgb(123, 123, 123);
font-family: HelveticaNeueCyr;
font-size: 13px;
font-weight: 400;
line-height: 140%;
margin-bottom: 20px;
}
.product__details-button {
width: 100%;
margin-bottom: 30px;
}
.product__details-button .button {
width: 100%;
height: 60px;
font-size: 20px;
color: #fff;
}
.product__details-list {
color: rgb(94, 94, 94);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 700;
line-height: 140%;
}
.product__details-list li {
display: flex;
align-items: flex-start;
gap: 4px;
}
.product__details-list li p {
flex: 0 0 35%;
display: flex;
gap: 4px;
align-items: center;
}
@media (max-width: 1200px) {
.product__details-list li p {
flex: 1;
min-width: 40%;
}
}
.product__details-list li span {
color: rgb(123, 123, 123);
font-family: HelveticaNeueCyr;
font-size: 15px;
font-weight: 400;
line-height: 140%;
}
.product__details-list li:not(:last-child) {
margin-bottom: 14px;
}
@media (max-width: 500px) {
.product__details-list li {
flex-direction: column;
font-size: 18px;
}
.product__details-list li span {
font-size: 16px;
}
.product__details-list li .dots {
display: none;
}
.product__details-list li p {
line-height: 0.8;
}
}
.dots {
display: block;
flex: 1;
width: 100%;
height: 50%;
border-bottom: 2px dotted rgb(123, 123, 123);
}
.first-price {
font-weight: 400;
line-height: 100%;
font-size: 32px;
}
@media (max-width: 1400px) {
.first-price {
font-size: calc(16px + 16 * ((100vw - 320px) / 1080));
}
}
@media (max-width: 500px) {
.first-price {
font-weight: 700;
}
}
.second-price {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 140%;
min-width: 125px;
}
@media (max-width: 767px) {
.second-price {
min-width: unset;
}
}
.product__rate {
margin-top: 60px;
}
.product__rate-slider {
border-bottom: 1px solid rgb(222, 222, 222);
}
.product__rate-tab {
width: auto;
color: rgb(31, 35, 44);
font-family: Forum;
font-size: 24px;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
opacity: 0.5;
padding-bottom: 14px;
position: relative;
cursor: pointer;
}
@media (max-width: 1400px) {
.product__rate-tab {
font-size: calc(18px + 6 * ((100vw - 320px) / 1080));
}
}
.product__rate-tab::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #f6ae03;
z-index: 2;
display: none;
}
.product__rate-tab.active {
opacity: 1;
}
.product__rate-tab.active::after {
display: block;
}
@media (hover: hover) {
.product__rate-tab:not(.active):hover {
opacity: 0.8;
}
}
.product__rate-contents {
padding: 30px 0;
}
.product__rate-content {
transition-behavior: allow-discrete;
opacity: 0;
transition-duration: 0.5s;
display: none;
}
.product__rate-content.active {
display: block;
opacity: 1;
}
@starting-style {
.product__rate-content.active {
opacity: 0;
}
}
@media (max-width: 767px) {
.product__rate-wrapper {
overflow-x: auto;
}
}
@media (max-width: 767px) {
.product__rate-table {
min-width: 600px;
}
}
.product__rate-table-row {
display: grid;
grid-template-columns: 18% 37% 15% 15% 15%;
gap: 20px;
}
.product__rate-table-row:not(:first-child, :last-child) {
margin-bottom: 10px;
}
.product__rate-table-row:nth-child(odd) {
background: rgb(248, 248, 248);
}
@media (max-width: 767px) {
.product__rate-table-row {
gap: 12px;
grid-template-columns: 18% 1fr 15% 15% 15%;
min-width: 600px;
}
}
.product__rate-table-row.head-row {
border-radius: 8px 8px 0px 0px;
background: rgb(242, 242, 242);
padding: 10px 20px;
display: grid;
grid-template-columns: 18% 37% 15% 15% 15%;
gap: 20px;
margin-bottom: 28px;
}
.product__rate-table-row.head-row .product__rate-table-item {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 700;
line-height: 140%;
margin-bottom: 6px;
cursor: pointer;
}
.product__rate-table-row.head-row .product__rate-table-item:not(:first-child) {
padding: 0;
}
.product__rate-table-row.head-row .product__rate-table-item:first-child {
background: transparent;
}
@media (max-width: 767px) {
.product__rate-table-row.head-row {
gap: 12px;
margin-bottom: 12px;
grid-template-columns: 18% 1fr 15% 15% 15%;
min-width: 600px;
padding: 10px 0;
}
}
.product__rate-table-item {
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 100%;
}
.product__rate-table-item p:not(:last-child) {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.product__rate-table-item p:not(:last-child) {
margin-bottom: 6px;
}
}
.product__rate-table-item:last-child {
padding-right: 20px;
}
.product__rate-table-item span {
color: rgb(136, 137, 138);
font-size: 13px;
font-weight: 400;
}
.product__rate-table-item img {
width: 100%;
height: auto;
max-height: 110px;
object-fit: contain;
object-position: left;
}
@media (max-width: 767px) {
.product__rate-table-item img {
max-height: 80px;
width: 50%;
}
}
.product__rate-table-item:first-child {
background: #fff;
}
.product__rate-table-item:not(:first-child) {
padding: 20px 0;
}
@media (max-width: 767px) {
.product__rate-table-item {
text-align: center;
align-items: center;
font-size: 14px;
}
}
.product__rate-table-sort {
display: flex;
align-items: center;
gap: 6px;
}
.product__rate-table-sort svg {
width: 10px;
height: 20px;
object-fit: contain;
}
@media (max-width: 767px) {
.product__rate-table-sort {
justify-content: center;
}
}
.product__rate-table-sort-bottom {
color: rgb(31, 35, 44);
}
.product__rate-table-sort-top {
color: rgb(184, 184, 184);
}
.product__rate-showmore {
width: 100%;
margin-top: 40px;
}
.product__rate-showmore button {
display: block;
width: 100%;
height: 48px;
border: 1px solid rgba(31, 35, 44, 0.3);
border-radius: 4px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.product__rate-showmore button:hover {
color: #f6ae03;
}
}
@media (max-width: 767px) {
.product__rate-showmore {
margin-top: 22px;
}
}
.product__description {
padding: 30px 50px;
border-radius: 10px;
background: rgb(248, 248, 248);
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 180%;
text-align: left;
}
.product__description p:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.product__description {
padding: 20px;
font-size: 14px;
}
.product__description p:not(:last-child) {
margin-bottom: 16px;
}
}
.product__rate-content .category-table__content {
margin: 0;
}
.product__rate-content .grading-table {
margin: 0;
}
/*------------------------------
offer
---------------------------*/
.offer__body {
padding-bottom: 45px;
}
@media (max-width: 767px) {
.offer__body {
padding-bottom: 20px;
}
}
.offer__block {
border-radius: 35px;
background: url(/local/templates/skupka/css/../img/other/offerpng.png) 100% 50%/auto no-repeat, radial-gradient(261.63% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(157.81% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
padding: 48px 44px;
display: flex;
align-items: center;
justify-content: start;
gap: 20px;
}
@media (max-width: 900px) {
.offer__block {
background: radial-gradient(261.63% 77.28% at 73% 115%, rgba(246, 174, 3, 0.3), rgba(246, 174, 3, 0) 100%), radial-gradient(157.81% 119.04% at 12% 84%, rgb(53, 52, 52), rgba(53, 52, 52, 0) 100%), rgb(7, 3, 4);
}
}
@media (max-width: 767px) {
.offer__block {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 600px) {
.offer__block {
padding: 30px 20px;
border-radius: 16px;
}
}
.offer__text {
flex: 0 1 65%;
}
.offer__title {
font-size: calc(30px + 12 * ((100vw - 320px) / 1600));
margin-bottom: 30px;
}
@media (max-width: 767px) {
.offer__title {
margin-bottom: 10px;
text-align: center;
text-wrap: balance;
}
}
.offer__desc {
color: rgb(255, 255, 255);
font-size: 20px;
line-height: 160%;
font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
font-weight: 400;
max-width: 761px;
}
@media (max-width: 767px) {
.offer__desc {
text-align: center;
font-size: 16px;
margin-bottom: 20px;
}
}
.offer__contacts {
flex: 0 1 35%;
display: flex;
flex-direction: column;
align-items: center;
}
.offer__contacts-text {
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 1;
margin-bottom: 12px;
}
.offer__contacts-link {
color: rgb(255, 255, 255);
font-family: HelveticaNeueCyr;
font-weight: 300;
line-height: 1;
text-align: center;
font-size: 32px;
margin-bottom: 12px;
white-space: nowrap;
}
@media (max-width: 389px) {
.offer__contacts-link {
font-size: 30px;
}
}
@media (max-width: 359px) {
.offer__contacts-link {
font-size: 27px;
}
}
.offer__contacts-button {
margin-top: 20px;
height: 48px;
width: 100%;
max-width: 280px;
font-size: 16px;
}
@media (max-width: 767px) {
.offer__contacts-button {
margin-top: 10px;
}
}
/*------------------------------
show more
---------------------------*/
.show-more__body {
padding: 45px 0;
}
@media (max-width: 767px) {
.show-more__body {
padding: 20px 0;
}
}
.show-more__title {
margin-left: 0;
color: rgb(31, 35, 44);
margin-bottom: 30px;
}
.show-more__products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
}
@media (max-width: 1100px) {
.show-more__products {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 800px) {
.show-more__products {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
@media (max-width: 359px) {
.show-more__products {
grid-template-columns: 1fr;
}
}
.breadcrubms {
position: absolute;
top: 146px;
left: 40px;
z-index: 10;
}
.breadcrubms.white {
margin-top: 10px;
}
.breadcrubms.white span {
color: #fff;
}
.breadcrubms span {
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 140%;
text-align: left;
}
.breadcrubms a {
color: rgb(246, 174, 3);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 140%;
text-align: left;
}
.breadcrubms .slash {
display: inline-block;
margin-inline: 20px;
}
@media (max-width: 1600px) {
.breadcrubms {
top: 120px;
}
.breadcrubms .slash {
margin-inline: 8px;
}
}
@media (max-width: 1400px) {
.breadcrubms {
top: 110px;
left: 30px;
}
}
@media (max-width: 600px) {
.breadcrubms {
top: 100px;
left: 18px;
}
.breadcrubms .slash {
margin-inline: 5px;
}
}
.catalog-hero .hero__socials {
top: 50%;
}
.catalog-hero .hero__body {
padding-top: calc(160px + 76 * ((100vw - 320px) / 1600));
}
.catalog-hero .hero__dialog {
background: rgba(255, 255, 255, 0.65);
}
/*------------------------------
poppup
---------------------------*/
.grade-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
z-index: 999;
grid-template-columns: 1fr;
align-items: center;
justify-content: center;
padding: 60px 0;
max-height: 100vh;
overflow-y: auto;
transition-behavior: allow-discrete;
opacity: 0;
transition-duration: 0.5s;
display: none;
}
.grade-popup.opened {
display: grid;
opacity: 1;
}
@starting-style {
.grade-popup.opened {
opacity: 0;
}
}
@media (max-width: 1600px) {
.grade-popup {
padding: 40px 0;
}
}
.grade-popup__body {
width: min(100% - 36px, 568px);
margin-inline: auto;
border-radius: 10px;
background: url(/local/templates/skupka/css/../img/other/grade-right.png) 100% 100%/auto no-repeat, url(/local/templates/skupka/css/../img/other/grade-left.png) 38px 100%/auto no-repeat, rgb(255, 255, 255);
position: relative;
padding: 60px 80px;
}
@media (max-width: 1600px) {
.grade-popup__body {
padding: 40px 60px;
}
}
@media (max-width: 600px) {
.grade-popup__body {
padding: 30px 20px;
background: url(/local/templates/skupka/css/../img/other/grade-right.png) 100% 100%/30% auto no-repeat, rgb(255, 255, 255);
}
}
.grade-popup__title {
color: rgb(31, 35, 44);
font-family: Forum;
font-size: 40px;
font-weight: 400;
line-height: 110%;
text-align: center;
text-transform: uppercase;
margin-bottom: 10px;
}
@media (max-width: 600px) {
.grade-popup__title {
font-size: 30px;
margin-bottom: 4px;
}
}
.grade-popup__subtitle {
color: rgb(115, 122, 138);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 140%;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.grade-popup__subtitle {
font-size: 14px;
margin-bottom: 20px;
}
}
.grade-popup__form {
display: flex;
flex-direction: column;
gap: 10px;
}
.grade-popup__form-item {
width: 100%;
}
.grade-popup__form-item input:not([type=file]),
.grade-popup__form-item textarea {
width: 100%;
border: 1px solid rgb(184, 184, 184);
border-radius: 4px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
padding: 8px 30px;
font-family: HelveticaNeueCyr;
font-size: 18px;
font-weight: 400;
line-height: 1;
resize: none;
transition: all 0.3s ease 0s;
}
.grade-popup__form-item input:not([type=file]):hover,
.grade-popup__form-item input:not([type=file]):focus,
.grade-popup__form-item textarea:hover,
.grade-popup__form-item textarea:focus {
border-color: #f6ae03;
}
.grade-popup__form-item input:not([type=file]):user-invalid,
.grade-popup__form-item textarea:user-invalid {
border-color: rgb(255, 0, 4);
}
.grade-popup__form-item input:not([type=file])::placeholder,
.grade-popup__form-item textarea::placeholder {
color: rgb(121, 124, 130);
font-family: HelveticaNeueCyr;
font-weight: 400;
}
@media (max-width: 600px) {
.grade-popup__form-item input:not([type=file]),
.grade-popup__form-item textarea {
font-size: 16px;
padding: 8px 16px;
}
}
.grade-popup__form-item input:not([type=file]) {
height: 60px;
}
@media (max-width: 600px) {
.grade-popup__form-item input:not([type=file]) {
height: 48px;
}
}
.grade-popup__form-item textarea {
padding: 30px;
min-height: 150px;
}
@media (max-width: 1600px) {
.grade-popup__form-item textarea {
padding: 20px 30px;
}
}
@media (max-width: 600px) {
.grade-popup__form-item textarea {
min-height: 120px;
padding: 10px 16px;
}
}
.grade-popup__form-item .button {
height: 70px;
font-size: 20px;
color: #fff;
width: 100%;
margin-top: 20px;
}
@media (max-width: 600px) {
.grade-popup__form-item .button {
height: 50px;
margin-top: 10px;
}
}
.grade-popup__uploads {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 600px) {
.grade-popup__uploads {
flex-direction: column;
}
}
.grade-popup__images {
flex: 0 1 50%;
color: rgb(115, 122, 138);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 1;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.grade-popup__images img {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 10px;
border: 1px solid rgb(184, 184, 184);
padding: 6px;
}
@media (max-width: 600px) {
.grade-popup__images {
font-size: 14px;
}
.grade-popup__images img {
width: 50px;
height: 50px;
padding: 4px;
}
}
.grade-popup__upload {
display: none !important;
}
.grade-popup__upload-label {
flex: 0 1 50%;
border: 1px solid rgb(31, 35, 44);
border-radius: 4px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
padding: 8px 20px;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: rgb(31, 35, 44);
font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-align: center;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.grade-popup__upload-label:hover {
color: #f6ae03;
}
}
@media (max-width: 600px) {
.grade-popup__upload-label {
box-shadow: none;
}
}
.grade-popup__attention {
color: rgb(115, 122, 138);
font-family: HelveticaNeueCyr;
font-size: 13px;
font-weight: 400;
line-height: 140%;
text-align: center;
max-width: 262px;
margin-inline: auto;
}
@media (max-width: 600px) {
.grade-popup__attention {
font-size: 12px;
line-height: 120%;
}
}
.grade-popup__close {
position: absolute;
display: block;
right: -35px;
top: -30px;
width: 35px;
height: 35px;
cursor: pointer;
}
.grade-popup__close svg {
width: 100%;
height: 100%;
color: #fff;
transition: all 0.3s ease 0s;
}
@media (hover: hover) {
.grade-popup__close:hover svg {
color: #f6ae03;
}
}
@media (max-width: 600px) {
.grade-popup__close {
right: -14px;
top: -42px;
}
}
.element-animation {
transition: all 0.3s linear 0s;
opacity: 1;
transform: translateY(20px);
}
.element-animation.element-show {
transform: translateY(0);
opacity: 1;
}
/*header {
overflow-x: hidden;
}*/
header.element-animation {
transition: all 0.5s linear 0.2s;
opacity: 0;
transform: translateY(-20px);
}
header.element-animation.element-show {
transform: translateY(0);
opacity: 1;
}
.callback__form-wrapper .success {
color: #fff;
margin-top: 12px;
font-size: 16px;
}
.callback__form-wrapper .error {
color: #fff;
margin-top: 12px;
font-size: 16px;
}
.hd__after::after {
background: linear-gradient(90deg, rgb(255, 255, 255) 81.967%, rgba(255, 255, 255, 0) 100%);
}
.block_soc_fix {
width: 76px;
height: 76px;
border-radius: 10px;
position: fixed;
bottom: 10px;
left: 10px;
padding: 10px;
z-index: 999999999;
visibility: hidden;
}
.history ul,
.history ol {
padding-left: 16px;
}
.history ul li {
list-style-type: disc;
}
.history__text {
text-align: justify
}
.history__text h2:not(.history__title) {
font-family: Forum;
text-transform: uppercase;
font-size: calc(16px + 10*((100vw - 320px) / 1600));
}
.history__text a {
color: #f6ae03;
}
.subcatalog__product product-preview.hidden {
display: none;
}
.hero__benefit {
cursor: pointer;
}
.hero__benefit.item__1 {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-1.png);
}
.hero__benefit.item__2 {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-2.png);
}
.hero__benefit.item__3 {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-3.png);
}
.hero__benefit.item__4 {
background-image: url(/local/templates/skupka/css/../img/hero/benefit-4.png);
}
.hero__benefit-mobile {
background: #fff;
border-radius: 16px;
font-size: 14px;
line-height: 1.3;
padding: 10px;
}
.catalog-sort {
margin: 20px 0;
display: flex;
align-items: center;
gap: 15px;
font-size: 14px;
}
.catalog-sort label {
font-weight: 600;
display: block;
text-align: right;
margin-bottom: 5px;
}
.catalog-sort select {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
font-size: 14px;
cursor: pointer;
transition: border-color 0.2s, box-shadow 0.2s;
font-family: 'HelveticaNeueCyr';
color: rgb(67, 67, 67);
}
.catalog-sort select:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 3px rgba(0, 123, 255, 0.5);
}
.subcatalog__top {
display: flex;
justify-content: space-between;
}
.search__subtitle {
margin-top: 20px;
}
.navigation {
margin-top: 30px;
text-align: center;
}
.navigation a {
color: rgb(246, 174, 3);
}
.hidden {
display: none !important;
}
@media (max-width: 1200px) {
.block_soc_fix {
visibility: visible;
}
}
.product__view-table-container {
max-width: 777px;
width: 100%;
overflow-x: auto;
}
@media (max-width: 1324px) {
.subcatalog__top {
flex-direction: column;
}
.catalog-sort {
margin: 0;
}
.catalog-sort label {
display: inline-block;
}
}
@media (max-width: 1200px) {
.product__view-table-container {
max-width: 100%;
}
}
@media (max-width: 600px) {
.category-hero .hero__title {
text-shadow: 3px 2px 1px #fff;
}
.category-hero .hero__point {
background: #fff;
width: max-content;
padding-right: 16px;
}
}
@media (max-width: 420px) {
#catalog-sort-form {
display: flex;
flex-direction: column;
row-gap: 12px;
}
.catalog-sort label {
text-align: left;
margin: 0;
}
}
@media (max-width: 768px) {
body > main > *:not(.hero) {
display: none;
}
.search-form.active form button {
padding: 0;
border-radius: 0;
}
}
/*----Стили поиска------*/
.live-section {
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
.live-section:last-child {
border-bottom: none;
}
.cp-ls-header {
font-weight: bold;
margin-bottom: 8px;
color: #333;
font-size: 14px;
}
.live-categories ul {
list-style: none;
padding: 0;
margin: 0;
}
.live-categories li {
margin: 5px 0;
}
.live-categories a {
text-decoration: none;
color: #0077cc;
transition: color 0.2s;
}
.live-categories a:hover {
color: #005fa3;
}
.live-products {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
.live-item-li {
display: flex;
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}
.live-item-li:last-child {
border-bottom: none;
}
.live-image-container img {
width: 60px;
height: 60px;
object-fit: contain;
border-radius: 6px;
margin-right: 10px;
}
.live-info-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.live-product-name {
font-size: 14px;
font-weight: 500;
color: #333;
margin-bottom: 5px;
}
.live-product-price {
font-size: 14px;
color: #000;
font-weight: bold;
}
.live-match-higthlight {
background-color: #fffa90;
border-radius: 2px;
padding: 0 2px;
}
.live-bottom-buttons {
display: flex;
justify-content: space-between;
padding: 10px 15px;
border-top: 1px solid #eee;
}
.live-bottom-buttons a {
text-decoration: none;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
}
.cp-ls-view-all {
background: rgb(246, 174, 3);
color: #fff;
cursor: pointer;
}
.cp-ls-view-all:hover {
background: #e2e2e2;
}
.cp-ls-load-more {
background: #f6ae03;
color: #fff;
cursor: pointer;
}
.cp-ls-load-more:hover {
background: #f6ae03;
}
.live-item-container {
display: flex;
}
.cm-ls-load-more {
background: #f6ae03;
color: #fff;
}
@media (max-width: 1400px) {
.search-form.active form button {
font-family: 'HelveticaNeueCyr';
background: rgb(246, 174, 3);
padding: 3px 8px;
border-radius: 7px;
font-weight: 400;
}
}
@media (max-width: 1200px) {
.search-form input {
padding: 5px;
width: calc(100vw - 211px);
}
.search-results {
width: calc(100vw - 49px);
}
.live-products {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.search-form input {
padding: 5px;
width: calc(100vw - 198px);
}
.search-results {
width: calc(100vw - 49px);
}
.live-products {
grid-template-columns: 1fr;
}
.search-form {
padding: 5px 10px;
}
}
@media (max-width: 600px) {
.search-form input {
padding: 5px;
width: calc(100vw - 184px);
}
.search-results {
width: calc(100vw - 28px);
}
.live-products {
grid-template-columns: 1fr;
}
.search-form {
padding: 5px 10px;
}
}
/* End */
/* Start:/local/templates/skupka/components/bitrix/menu/headermenu/style.min.css?1748440443490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/skupka/components/bitrix/menu/headermenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/templates/skupka/components/bitrix/menu/footerleft/style.min.css?1748440443490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/skupka/components/bitrix/menu/footerleft/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/components/call/main.feedback/templates/.default/style.min.css?1748440443251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */
/* Start:/local/templates/skupka/styles.css?1755078953136*/
.product__rate-table-item:first-child {
display: flex;
}
.qr__style {
display: block;
margin: auto;
margin-bottom: 10px;
}
/* End */
/* /local/templates/skupka/css/nouislider.min.css?17484404434220 */
/* /local/templates/skupka/css/swiper-bundle.min.css?174844044318436 */
/* /local/templates/skupka/css/lightgallery-bundle.min.css?174844044330599 */
/* /local/templates/skupka/css/style.min.css?1764259120157840 */
/* /local/templates/skupka/components/bitrix/menu/headermenu/style.min.css?1748440443490 */
/* /local/templates/skupka/components/bitrix/menu/footerleft/style.min.css?1748440443490 */
/* /local/components/call/main.feedback/templates/.default/style.min.css?1748440443251 */
/* /local/templates/skupka/styles.css?1755078953136 */