/* Start:/local/templates/vollo4/static/css/swiper-bundle.min.css?171643954617917*/
/**
* Swiper 9.3.2
* 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: May 15, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/vollo4/static/css/aos.css?174255541026053*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* End */
/* Start:/local/templates/vollo4/static/css/nouislider.min.css?17520390564220*/
.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/vollo4/static/css/air-datepicker.min.css?172734199619907*/
/**
* Skipped minification because the original files appears to be already minified.
* Original file: /npm/air-datepicker@3.5.3/air-datepicker.css
*
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
*/
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}
/* End */
/* Start:/local/templates/vollo4/static/css/magnific-popup.css?17178337516852*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/*# sourceMappingURL=magnific-popup.css.map */
/* End */
/* Start:/local/templates/vollo4/static/css/styles.min.css?1765637956250725*/
:root {
--white: #FFFFFF;
--black: #000000;
--red: #E30101;
--red-hover: #FF5858;
--green: #1AB248;
--green-2: #1E9622;
--grey-1: #9A9DA3;
--grey-2: #383F4F;
--grey-3: #71728A;
--grey-4: #787E8C;
--bg: #F5F7FA;
--stroke: #D9D9D9;
--stroke-2: #D4D9E4;
--rounded: 6px;
--base-ff: "Inter";
--gutter-x: 20px;
--gutter-y: 0px;
--circle-btn-size: 40px;
--circle-btn-bg: #FFFFFF;
}
@media (max-width: 1180px) {
:root {
--circle-btn-size: 24px;
}
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-BoldItalic.eot");
src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url("/local/templates/vollo4/static/css/../fonts/Inter-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-BoldItalic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-BoldItalic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-MediumItalic.eot");
src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url("/local/templates/vollo4/static/css/../fonts/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-MediumItalic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-MediumItalic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ThinItalicBETA.eot");
src: local("Inter Thin Italic BETA"), local("Inter-ThinItalicBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinItalicBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinItalicBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinItalicBETA.ttf") format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-Regular.eot");
src: local("Inter Regular"), local("Inter-Regular"), url("/local/templates/vollo4/static/css/../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-Regular.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-Regular.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-Black.eot");
src: local("Inter Black"), local("Inter-Black"), url("/local/templates/vollo4/static/css/../fonts/Inter-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-Black.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-Black.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-BlackItalic.eot");
src: local("Inter Black Italic"), local("Inter-BlackItalic"), url("/local/templates/vollo4/static/css/../fonts/Inter-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-BlackItalic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-BlackItalic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-LightBETA.eot");
src: local("Inter Light BETA"), local("Inter-LightBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightBETA.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBold.eot");
src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBold.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBold.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBoldItalic.eot");
src: local("Inter Extra Bold Italic"), local("Inter-ExtraBoldItalic"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBoldItalic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBoldItalic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-Bold.eot");
src: local("Inter Bold"), local("Inter-Bold"), url("/local/templates/vollo4/static/css/../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-Bold.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-Bold.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightItalicBETA.eot");
src: local("Inter Extra Light Italic BETA"), local("Inter-ExtraLightItalicBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightItalicBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightItalicBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightItalicBETA.ttf") format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightBETA.eot");
src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraLightBETA.ttf") format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBold.eot");
src: local("Inter Extra Bold"), local("Inter-ExtraBold"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBold.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBold.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-ThinBETA.eot");
src: local("Inter Thin BETA"), local("Inter-ThinBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-ThinBETA.ttf") format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-LightItalicBETA.eot");
src: local("Inter Light Italic BETA"), local("Inter-LightItalicBETA"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightItalicBETA.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightItalicBETA.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-LightItalicBETA.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-Italic.eot");
src: local("Inter Italic"), local("Inter-Italic"), url("/local/templates/vollo4/static/css/../fonts/Inter-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-Italic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-Italic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBoldItalic.eot");
src: local("Inter Semi Bold Italic"), local("Inter-SemiBoldItalic"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBoldItalic.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("/local/templates/vollo4/static/css/../fonts/Inter-Medium.eot");
src: local("Inter Medium"), local("Inter-Medium"), url("/local/templates/vollo4/static/css/../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/vollo4/static/css/../fonts/Inter-Medium.woff2") format("woff2"), url("/local/templates/vollo4/static/css/../fonts/Inter-Medium.woff") format("woff"), url("/local/templates/vollo4/static/css/../fonts/Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
html {
height: 100%;
}
body {
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
a {
text-decoration: none;
color: inherit;
-webkit-text-fill-color: inherit;
}
a,
button {
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.btn:focus {
outline: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
ul[class],
ol[class] {
list-style: none;
padding: 0;
}
ul,
ol {
margin: 0;
}
img {
height: auto;
max-width: 100%;
}
button {
background: none;
border: none;
padding: 0;
}
label {
cursor: pointer;
margin-bottom: 0;
}
input,
textarea {
outline: none;
-ms-touch-action: none;
touch-action: none;
}
textarea {
resize: none;
}
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100svh;
}
.content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding-top: 20px;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-grid {
display: grid;
}
.d-grid > * {
min-width: 0;
}
.centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.icon svg,
.icon img {
width: 100%;
height: 100%;
}
.icon svg,
.icon path {
stroke: inherit;
}
.light {
font-weight: 300;
}
.medium {
font-weight: 500;
}
.s-bold {
font-weight: 600;
}
.bold {
font-weight: bold;
}
.border {
position: relative;
}
.border::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
border: 1px solid;
pointer-events: none;
}
.rounded {
border-radius: var(--rounded);
}
@media (max-width: 640px) {
.content {
padding-top: 10px;
}
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--base-ff);
font-size: 15px;
line-height: normal;
background: var(--bg);
}
.container {
width: 1456px;
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--gutter-y));
margin-right: calc(-0.5 * var(--gutter-x));
margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
max-width: 100%;
padding-right: calc(var(--gutter-x) * 0.5);
padding-left: calc(var(--gutter-x) * 0.5);
margin-top: var(--gutter-y);
}
@-webkit-keyframes basketBounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
70% {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes basketBounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
70% {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.cart-anim {
-webkit-animation: basketBounce 0.6s ease forwards;
animation: basketBounce 0.6s ease forwards;
}
.innerPage {
overflow-x: hidden;
}
.innerPage__title {
margin-bottom: 30px;
}
@media (max-width: 1366px) {
.container {
width: 1230px;
}
}
@media (max-width: 1180px) {
.innerPage__title {
margin-bottom: 20px;
}
}
@media (max-width: 640px) {
.container {
padding-left: 14px;
padding-right: 14px;
}
}
.content__title h1 {
font-size: 32px;
line-height: 40px;
}
h2, .h2 {
font-size: 32px;
line-height: normal;
font-weight: 600;
}
.line-through {
text-decoration: line-through;
}
a:hover {
color: var(--red);
text-decoration: none;
}
.txt {
font-size: 15px;
line-height: 150%;
}
.text-red {
color: var(--red);
}
.text-grey-1 {
color: var(--grey-1);
}
.text-grey-2 {
color: var(--grey-2);
}
.text-green {
color: var(--green);
}
.lh-150 {
line-height: 150%;
}
.underline {
text-decoration: underline;
}
@media (max-width: 1180px) {
.content__title h1 {
font-size: 20px;
line-height: 28px;
}
h2, .h2 {
font-size: 20px;
}
.txt {
font-size: 13px;
}
}
.slider {
overflow: hidden;
}
.slider-wrapper {
position: relative;
}
.slider-btn {
--btn-bg: #FFFFFF;
--position: 24px;
--position-hover: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--btn-bg);
fill: var(--grey-2);
}
.slider-btn:hover {
fill: var(--red);
}
.slider-btn svg {
width: 10px;
height: 18px;
}
.slider-btn-absolute {
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-btn-absolute[data-prev] {
left: var(--position);
}
.slider-btn-absolute[data-next] {
right: var(--position);
}
.slider-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 12px;
margin-top: 20px;
--swiper-pagination-bullet-horizontal-gap: 15px;
--swiper-pagination-bullet-inactive-color: #C7C7C7;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-color: var(--red);
}
.slider-pagination .swiper-pagination-bullet {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.slider-pagination .swiper-pagination-bullet:hover {
background: var(--red-hover);
}
.slider-pagination .swiper-pagination-bullet-active {
width: 12px;
height: 12px;
}
@media (min-width: 1181px) {
.slider-btn-absolute[data-prev]:hover {
left: var(--position-hover);
}
.slider-btn-absolute[data-next]:hover {
right: var(--position-hover);
}
}
@media (max-width: 1180px) {
.slider-btn {
width: 32px;
height: 32px;
}
.slider-btn svg {
width: 8px;
}
.slider-btn[aria-label="Next slide"] {
padding-left: 2px;
}
.slider-btn[aria-label="Previous slide"] {
padding-right: 2px;
}
.slider-btn-absolute[data-prev] {
left: 10px;
}
.slider-btn-absolute[data-next] {
right: 10px;
}
.slider-pagination {
margin-top: 16px;
min-height: 8px;
--swiper-pagination-bullet-size: 4px;
--swiper-pagination-bullet-horizontal-gap: 10px;
}
.slider-pagination .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
}
}
.section {
padding: 60px 0;
}
.section:last-child {
padding-bottom: 120px;
}
.section-head {
margin-bottom: 24px;
}
.section-head__actions {
margin-left: auto;
}
.section-actions {
gap: 20px;
}
@media (max-width: 1366px) {
.section {
padding: 50px 0;
}
.section:last-child {
padding-bottom: 100px;
}
}
@media (min-width: 1181px) {
.section-head .slider-btn[aria-label="Next slide"]:hover {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
}
.section-head .slider-btn[aria-label="Previous slide"]:hover {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
}
}
@media (max-width: 1180px) {
.section {
padding: 40px 0;
}
.section:last-child {
padding-bottom: 80px;
}
.section-head {
margin-bottom: 16px;
}
}
@media (max-width: 640px) {
.section {
padding: 30px 0;
}
.section:last-child {
padding-bottom: 60px;
}
.section-actions {
gap: 15px;
}
}
.btn {
--py: 10px;
--px: 20px;
--bg: var(--red);
--radius: 50px;
--fill: var(--white);
--icon-size: 20px;
--color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-radius: var(--radius);
font-weight: 500;
color: var(--color);
overflow: hidden;
padding: 0;
}
.btn__icon {
width: var(--icon-size);
height: var(--icon-size);
}
.btn__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--btn-height);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
padding: var(--py) var(--px);
position: relative;
z-index: 3;
background: var(--bg);
fill: var(--fill);
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.btn:hover {
color: var(--white);
}
.btn:hover .btn__inner {
background: var(--red-hover);
}
.btn-square {
border-radius: var(--rounded);
--py: 18px;
--px: 68px;
font-size: 20px;
}
.btn-white {
--bg: var(--white);
--color: var(--red) ;
}
.btn-outline {
position: relative;
background: transparent;
--bg: transparent;
--fill: var(--red);
--color: var(--red);
}
.btn-outline::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 0%;
-webkit-transition: height 0.2s ease-in-out;
transition: height 0.2s ease-in-out;
background: var(--red);
}
.btn-outline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
border: 1px solid var(--red);
}
.btn-outline:hover {
color: var(--white);
fill: var(--white);
}
.btn-outline:hover .btn__inner {
background: transparent;
}
.btn-outline:hover .btn__icon {
fill: var(--white);
}
.btn-outline:hover::after {
height: 100%;
}
.btn-outline:active::after {
background: var(--red-hover);
}
.btn-outline-grey {
--color: var(--grey-2);
--fill: var(--grey-2);
}
.btn-outline-grey::after {
background: var(--grey-2);
}
.btn-outline-grey::before {
border-color: var(--grey-2);
}
.circle-btn {
width: var(--circle-btn-size);
height: var(--circle-btn-size);
border-radius: 50%;
background: var(--circle-btn-bg);
}
.circle-btn img, .circle-btn svg {
width: 20px;
height: 20px;
}
@media (max-width: 1180px) {
.btn {
line-height: 16px;
}
}
.form {
--checkbox-fz: 12px;
}
.form-item.error .form-field::-webkit-input-placeholder {
color: var(--red);
}
.form-item.error .form-field::-moz-placeholder {
color: var(--red);
}
.form-item.error .form-field:-ms-input-placeholder {
color: var(--red);
}
.form-item.error .form-field::-ms-input-placeholder {
color: var(--red);
}
.form-item.error .form-field::placeholder {
color: var(--red);
}
.form-item.error .form-fileInput {
color: var(--red);
}
.form-item__label {
margin-bottom: 8px;
}
.form-item__field {
position: relative;
}
.form-item__field-mobile {
display: none;
}
.form-item__field-icon {
width: 9px;
height: 18px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-item__field-icon--rotate {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
top: 40%;
}
.form-item__field-icon svg {
width: 100%;
height: 100%;
}
.form-item__line {
height: 5px;
background: var(--grey-2);
position: relative;
border-radius: 0 0 6px 6px;
overflow: hidden;
}
.form-item__line span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: var(--red);
width: 20%;
}
.form-field {
display: block;
width: 100%;
border-radius: var(--rounded);
padding: 12px;
background: var(--white);
border: none;
font-size: 18px;
line-height: 150%;
}
.form-field[readonly] {
background: transparent;
border: 1px solid var(--white);
}
.form-field-red {
color: var(--red);
}
.form-input {
height: 60px;
padding: 0 16px;
}
.form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 60px;
padding: 0 48px 0 16px;
}
.form-textarea {
height: 128px;
}
.form-textarea--high {
height: 160px;
}
.form-files__list {
gap: 4px;
grid-template-columns: repeat(5, 1fr);
}
.form-file {
display: block;
--f-height: 74px;
position: relative;
}
.form-file input {
display: none;
}
.form-file__btn {
background: var(--white);
height: var(--f-height);
fill: var(--red);
border-radius: var(--rounded);
}
.form-file__btn svg {
width: 28px;
height: 24px;
}
.form-file__output {
height: var(--f-height);
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: var(--rounded);
background: var(--white);
}
.form-file__output img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.form-file.selected .form-file__output {
display: block;
}
.form-rating {
height: 74px;
background: var(--white);
}
.form-rating__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
}
.form-rating__item {
width: 29.38px;
height: 28px;
fill: var(--grey-1);
cursor: pointer;
}
.form-rating__item.active {
fill: var(--red);
}
.form-btn {
width: 100%;
--py: 14px;
line-height: 18px;
}
.form-checkbox {
grid-template-columns: 20px 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--checkbox-fz);
line-height: 150%;
color: var(--grey-2);
gap: 15px;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.form-checkbox:hover {
color: var(--red);
}
.form-checkbox input {
width: 20px;
height: 20px;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: var(--white);
border: 1px solid var(--stroke);
}
.form-checkbox input:checked {
background: var(--white) url(/local/templates/vollo4/static/css/../../static/images/general/form-check.svg) center no-repeat;
}
.form-checkbox input.input-red {
border: 1px solid var(--red);
}
.form-checkbox input.input-red:checked {
background: var(--red) url(/local/templates/vollo4/static/css/../../static/images/general/check-white.svg) center no-repeat;
}
.form-checkbox input:disabled + *, .form-checkbox input:disabled + * {
opacity: 0.5 !important;
cursor: not-allowed;
}
.form-checkbox--dark input {
background: var(--bg);
border: 1px solid var(--stroke);
}
.form-checkbox--dark input:checked {
background: var(--red) url(/local/templates/vollo4/static/css/../../static/images/general/check-white.svg) center no-repeat;
}
.form-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
line-height: 20px;
gap: 16px;
}
.form-radio input {
width: 20px;
height: 20px;
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--red);
background: var(--white);
}
.form-radio input:checked {
background: var(--red) url(/local/templates/vollo4/static/css/../../static/images/general/check-white.svg) center no-repeat;
}
.form-radio__content {
-ms-flex-item-align: center;
align-self: center;
}
.form-fileInput {
display: block;
}
.form-fileInput input {
display: none;
}
.form-fileInput__output {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-radioBtn {
display: block;
white-space: nowrap;
font-size: 16px;
line-height: 1.5;
color: var(--grey-2);
}
.form-radioBtn input {
display: none;
}
.form-radioBtn input:checked + span {
background: var(--grey-2);
color: var(--white);
}
.form-radioBtn span {
display: block;
padding: 8px 24px;
border-radius: 60px;
}
.form-radioBtn span::before {
border-color: var(--grey-2);
}
.air-datepicker {
border: none;
-webkit-box-shadow: 0px 8px 10px rgba(56, 63, 79, 0.3);
box-shadow: 0px 8px 10px rgba(56, 63, 79, 0.3);
border-radius: 10px;
width: 322px;
overflow: hidden;
}
.air-datepicker--navigation {
background: var(--grey-2);
}
.air-datepicker-nav {
padding: 8px;
}
.air-datepicker-nav--title {
font-size: 18px;
line-height: 130%;
color: var(--white);
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
}
.air-datepicker-nav--title i {
color: inherit;
}
.air-datepicker-nav--action svg {
width: 8px;
height: 16px;
}
.air-datepicker-nav--action path {
stroke: initial;
fill: var(--white);
}
.air-datepicker-nav--action.-disabled- {
visibility: visible;
}
.air-datepicker-nav--action.-disabled- path {
fill: #5F6470;
}
.air-datepicker-nav--action:hover,
.air-datepicker-nav--title:hover {
background: transparent;
}
.air-datepicker--content {
padding: 14px;
}
.air-datepicker-body--day-names {
margin-top: 0;
margin-bottom: 14px;
}
.air-datepicker-body--day-name {
font-weight: bold;
color: var(--black);
font-size: 16px;
line-height: 130%;
}
.air-datepicker-body--day-name.-weekend- {
color: var(--red);
}
.air-datepicker-cell {
border-radius: 0;
font-weight: 500;
font-size: 14px;
line-height: 130%;
}
.air-datepicker-cell.-disabled- {
color: var(--grey-1);
}
.air-datepicker-cell.-selected-, .air-datepicker-cell.-focus- {
background: transparent;
color: var(--red);
}
.air-datepicker-cell.-selected-.-focus- {
background: transparent;
}
.air-datepicker-cell.-current- {
color: var(--red);
}
.air-datepicker-cell.-selected-.-current- {
background: transparent;
color: var(--red);
}
@media (max-width: 1366px) {
.form-radio {
gap: 10px;
}
}
@media (max-width: 1180px) {
.form-item__label {
font-size: 13px;
margin-bottom: 5px;
}
.form-item__field-icon {
width: 6px;
height: 12px;
right: 16px;
}
.form-item__field-desktop {
display: none;
}
.form-item__field-mobile {
display: block;
}
.form-rating {
height: 60px;
}
.form-rating__list {
gap: 28px;
}
.form-file {
--f-height: 60px;
}
.form-file__btn svg {
width: 22px;
height: 19px;
}
.form-textarea {
height: 90px;
}
.form-input {
height: 46px;
}
.form-select {
height: 46px;
}
.form-radio {
font-size: 14px;
line-height: 18px;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-radio input {
width: 16px;
height: 16px;
}
.form-radio input:checked {
background-size: 9.6px 7.4px;
}
.form-radio__content img {
height: 14px;
width: auto;
}
.form-field {
font-size: 14px;
}
.form-radioBtn {
font-size: 12px;
}
.form-radioBtn span {
padding: 11px 20px;
}
}
.contact-form-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5490196078);
z-index: 10000;
overflow-y: auto;
padding: 2em 0;
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (max-width: 767px) {
.contact-form-popup {
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
}
.contact-form-popup:not(.active) {
visibility: hidden;
opacity: 0;
}
.contact-form-popup-body {
position: relative;
border-radius: 6px;
background: #F4F4F4;
padding: 2em;
width: 740px;
max-width: 95vw;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
.contacts-form-title {
font-weight: 700;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
text-transform: uppercase;
}
.contacts-form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2em;
}
.contacts-form-group {
width: calc((100% - 2em) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5em;
}
@media (max-width: 767px) {
.contacts-form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2em;
}
.contacts-form-group {
width: 100%;
}
}
label.contacts-form-label {
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: 0%;
}
.contacts-form-label:after {
display: none;
}
.contacts-form-label-validation {
color: red;
}
.contacts-form-input {
min-height: 60px;
border-radius: 6px;
margin: 0 !important;
border: none !important;
padding: 0 1em;
}
.contacts-form-submit {
max-width: 100%;
}
.contact-form-popup-close {
display: block;
border: none;
background: url(/local/templates/vollo4/static/css/../images/general/close-red.svg) center no-repeat;
background-color: white;
width: 36px;
height: 36px;
border-radius: 50%;
position: absolute;
top: 1em;
right: 1em;
}
.header {
padding-top: 16px;
padding-bottom: 20px;
background: var(--white);
position: sticky;
top: 0;
-webkit-transition: top 0.2s;
transition: top 0.2s;
z-index: 10;
}
.header__content {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.header__right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header__right-top {
margin-bottom: 16px;
}
.header__right-bottom {
-webkit-column-gap: var(--gutter-x);
-moz-column-gap: var(--gutter-x);
column-gap: var(--gutter-x);
}
.header__right-group {
-webkit-column-gap: var(--gutter-x);
-moz-column-gap: var(--gutter-x);
column-gap: var(--gutter-x);
}
.header__phone {
margin-left: 28px;
}
.header__menu {
margin-left: auto;
}
.header-city {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.header-city__icon {
width: 12px;
height: 14px;
fill: var(--grey-1);
}
.header-city__modal {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: var(--white);
border-radius: var(--rounded);
padding: 16px;
-webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 20px 10px rgba(0, 0, 0, 0.1019607843);
z-index: 99;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1em;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.header-city__modal.visible {
opacity: 1;
visibility: visible;
}
@media (max-width: 1180px) {
.header-city__modal {
position: fixed;
top: 2em;
left: 1em;
right: 1em;
width: auto;
max-width: 360px;
}
}
.header-city__modal-title {
font-size: 16px;
font-weight: 500;
line-height: 140%;
}
.header-city__modal-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1em;
}
.header-city__modal-btn {
width: 100%;
padding: 10px 16px;
border-radius: var(--rounded);
border: none;
background: #F5F7FA;
text-align: center;
}
.header-city__modal-btn:hover {
background: var(--red-hover);
color: var(--white);
}
.header-phone {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.header-phone__hint {
width: 14px;
height: 15px;
fill: var(--red);
}
.header__search {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-mobile-links {
margin-left: auto;
display: none;
}
.header-mobile-links__list {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.header-mobile-links__btn {
width: 16px;
height: 16px;
fill: var(--grey-1);
}
.header__dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 36px 0;
background: var(--white);
z-index: 99;
height: 555px;
-webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 20px 10px rgba(0, 0, 0, 0.1019607843);
display: none;
}
.header__dropdown.visible {
display: block;
}
.header__dropdown .container {
height: 100%;
}
.header__dropdown-wrap {
height: 100%;
margin: 0 auto;
overflow: auto;
scrollbar-width: thin;
max-height: calc(100vh - 130px);
}
.header__dropdown-inner {
padding-left: 178px;
}
.header__dropdown-left {
display: none;
padding: 24px 28px 24px 20px;
}
.header__dropdown-user {
border-top: 1px solid var(--stroke);
border-bottom: 1px solid var(--stroke);
padding: 15px 0;
}
.header__dropdown-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 20px;
}
.header__dropdown-userTop {
display: none;
}
.header-userTop__title {
margin-bottom: 20px;
}
.header-userTop__title a {
color: var(--red);
}
.header-userTop__list {
border-top: 1px solid #D0D1D7;
}
.header-userTop__list-item {
border-bottom: 1px solid #D0D1D7;
}
.header-userTop__link {
padding: 15px 0;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-userTop__link-icon {
width: 14px;
height: 14px;
fill: var(--grey-1);
}
.header-userTop__link-txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-user {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-user__logout {
font-size: 13px;
color: var(--red);
}
.header-user__info {
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--grey-2);
}
.header-user__info-icon {
width: 24px;
height: 24px;
fill: var(--red);
}
.header-catalog {
position: relative;
}
.header-catalog__list {
width: 300px;
}
.header-catalog__list-item {
border-top: 1px solid #D0D1D7;
}
.header-catalog__list-item:last-child {
border-bottom: 1px solid #D0D1D7;
}
.header-catalog__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
text-transform: uppercase;
gap: 20px;
padding: 20px 0;
font-weight: 600;
}
.header-catalog__link.active, .header-catalog__link:hover {
color: var(--red);
}
.header-catalog__link.active .header-catalog__link-arrow, .header-catalog__link:hover .header-catalog__link-arrow {
fill: var(--red);
}
.header-catalog__link-icon {
width: 32px;
height: 32px;
}
.header-catalog__link-arrow {
width: 7px;
height: 14px;
}
.header-catalog__link-txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-catalog__dropdown {
position: absolute;
top: 0;
left: 300px;
right: 0;
margin-left: 100px;
display: none;
}
.header-catalog__dropdown-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-catalog__submenu {
margin-bottom: 50px;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
width: 50%;
}
@media (max-width: 767px) {
.header-catalog__submenu {
width: 100%;
}
}
.header-catalog__submenu-21189, .header-catalog__submenu-21192, .header-catalog__submenu-21195 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header-catalog__submenu:last-child {
margin-bottom: 0;
}
.header-catalog__submenu-title {
font-size: 18px;
}
.header-catalog__submenu-list {
margin-top: 15px;
}
.header-catalog__submenu-list__item {
margin-bottom: 15px;
}
.header-catalog__submenu-list__item:last-child {
margin-bottom: 0;
}
.logo__mobile {
display: none;
}
.menu {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.menu__link.selected {
color: var(--red);
}
.open-catalog {
background: var(--red);
border-radius: 6px;
width: 164px;
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--white);
fill: var(--white);
font-size: 20px;
font-weight: 500;
gap: 12px;
}
.open-catalog:hover {
background: var(--red-hover);
}
.open-catalog.active .icon-grid {
display: none;
}
.open-catalog.active .icon-close {
display: block;
}
.open-catalog__icon {
width: 18px;
height: 18px;
}
.open-catalog__icon .icon-grid {
width: 18px;
height: 18px;
}
.open-catalog__icon .icon-close {
display: none;
}
.s-menu {
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.s-menu__item--m-visible {
display: none;
}
.s-menu__link {
width: 80px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
row-gap: 5px;
font-size: 12px;
font-weight: 500;
line-height: normal;
background: #F5F7FA;
border-radius: 6px;
padding: 6px;
overflow: hidden;
position: relative;
}
.s-menu__link::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0%;
background: var(--red-hover);
-webkit-transition: height 0.2s ease-in-out;
transition: height 0.2s ease-in-out;
}
.s-menu__link:hover {
fill: var(--red);
}
.s-menu__link .icon-back {
display: none;
}
.s-menu__link.selected {
fill: var(--red);
}
.s-menu__link.selected > * {
position: relative;
z-index: 3;
}
.s-menu__link.selected .s-menu__link-qty {
color: var(--white);
}
.s-menu__link.selected .icon-back {
display: block;
}
.s-menu__link.selected .icon-front {
display: none;
}
.s-menu__link.selected:hover {
color: var(--white);
fill: var(--white);
}
.s-menu__link.selected:hover path:not(:last-child) {
fill: var(--white);
}
.s-menu__link.selected:hover path:last-child {
fill: var(--red-hover);
}
.s-menu__link.selected:hover::before {
height: 100%;
}
.s-menu__link.selected:hover .s-menu__link-qty {
color: var(--red-hover);
}
.s-menu__link.filled {
color: var(--red);
fill: var(--red);
}
.s-menu__link.filled .icon-back {
display: block;
}
.s-menu__link.filled .icon-front {
display: none;
}
.s-menu__link.filled .s-menu__link-qty {
color: var(--white);
}
.s-menu__link--long {
width: 156px;
}
.s-menu__link-icon {
width: 24px;
height: 24px;
position: relative;
}
.s-menu__link-icon--type-2 {
width: 28px;
}
.s-menu__link-icon--type-3 {
width: 27px;
}
.s-menu__link-icon svg,
.s-menu__link-icon img {
width: 100%;
height: 100%;
}
.s-menu__link-txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.s-menu__link-qty {
font-size: 14px;
text-align: center;
position: absolute;
left: 1px;
right: 0;
top: 6px;
}
.searchForm {
background: var(--red);
border-radius: 6px;
padding: 2px;
height: 60px;
position: relative;
}
.searchForm__input {
width: calc(100% - 60px);
height: 100%;
display: block;
border-radius: 4px;
padding: 0 20px;
font-size: 20px;
border: none;
}
.searchForm__input::-webkit-input-placeholder {
color: var(--grey-1);
}
.searchForm__input::-moz-placeholder {
color: var(--grey-1);
}
.searchForm__input:-ms-input-placeholder {
color: var(--grey-1);
}
.searchForm__input::-ms-input-placeholder {
color: var(--grey-1);
}
.searchForm__input::placeholder {
color: var(--grey-1);
}
.searchForm__btn {
width: 60px;
height: 100%;
fill: var(--white);
}
.searchForm__btn svg {
width: 22px;
height: 22px;
}
.open-menu {
display: none;
width: 20px;
height: 20px;
fill: #383F4F;
}
.open-menu .icon-close {
display: none;
}
.open-menu.active {
fill: var(--red);
}
.open-menu.active .icon-burger {
display: none;
}
.open-menu.active .icon-close {
display: block;
}
body.affix > .wrapper {
padding-top: 55px;
}
body.affix .header {
padding: 8px 0;
-webkit-box-shadow: 0px 4px 16px 0px rgba(213, 222, 228, 0.5019607843);
box-shadow: 0px 4px 16px 0px rgba(213, 222, 228, 0.5019607843);
}
@media (min-width: 1181px) {
body.affix .header {
padding: 43px 0 8px;
top: -35px;
}
}
@media (max-width: 1180px) {
body.affix .header__content {
-webkit-column-gap: 18px;
-moz-column-gap: 18px;
column-gap: 18px;
}
}
body.affix .header__right-top {
display: none !important;
}
body.affix .header__right-bottom {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
body.affix .header__right-group {
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
body.affix .header-phone__hint {
fill: var(--grey-1);
}
body.affix .logo__desktop {
display: block;
width: 138px;
min-height: 60px;
background: url("/local/templates/vollo4/static/css/../../static/images/general/logo-affix.svg") center center no-repeat;
background-size: contain;
}
@media (max-width: 1180px) {
body.affix .logo__desktop {
min-height: 48px;
}
}
body.affix .logo__desktop img {
display: none;
}
@media (max-width: 1366px) {
.header__content {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.header__right-bottom {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.header__right-group {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.header__phone {
margin-left: 36px;
}
.header__dropdown {
padding: 28px 0;
}
.header__dropdown-inner {
padding-left: 168px;
}
.open-catalog {
width: 154px;
}
.menu {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.searchForm__input {
width: calc(100% - 50px);
}
.searchForm__btn {
width: 50px;
}
.s-menu__link--long {
width: 124px;
}
}
@media (min-width: 1181px) {
.header-catalog__dropdown.visible {
display: block;
}
}
@media (max-width: 1180px) {
.header {
padding: 8px 0;
}
.header__content {
-webkit-column-gap: 18px;
-moz-column-gap: 18px;
column-gap: 18px;
}
.header__right-top {
display: none !important;
}
.header__right-bottom {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.header__right-group {
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.header__catalog-btn {
display: none;
}
.header__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.header__dropdown {
padding-top: 20px;
padding-bottom: 0;
height: 480px;
max-height: calc(100vh - 64px);
-webkit-box-shadow: 0px 20px 16px rgba(100, 99, 114, 0.25);
box-shadow: 0px 20px 16px rgba(100, 99, 114, 0.25);
overflow: initial;
}
.header__dropdown .container {
padding-left: 0;
padding-right: 0;
height: 100%;
}
.header__dropdown-inner {
padding-left: 0;
display: grid;
grid-template-columns: 352px 1fr;
border-top: 1px solid #D0D1D7;
height: 100%;
}
.header__dropdown-inner > div {
min-height: 0;
}
.header__dropdown-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
background: #F5F7FA;
position: sticky;
top: 0;
overflow: auto;
}
.header__dropdown-right {
padding-left: 24px;
padding-right: 24px;
overflow: auto;
}
.header-catalog__list {
width: 100%;
}
.header-catalog__list-item:first-child {
border: none;
}
.header-catalog__link {
gap: 15px;
font-size: 14px;
padding: 18px 0;
}
.header-catalog__link.active {
color: var(--grey-2);
}
.header-catalog__link.active .header-catalog__link-arrow {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
fill: var(--grey-2);
}
.header-catalog__link.active .header-catalog__link-arrow svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-catalog__link-icon {
width: 20px;
height: 20px;
}
.header-catalog__link-arrow {
width: 6px;
height: 10px;
}
.header-catalog__dropdown {
position: initial;
margin-left: -24px;
margin-right: -24px;
border-top: 1px solid #D0D1D7;
padding: 24px 24px 24px 48px;
}
.header-catalog__dropdown-inner {
grid-template-columns: 1fr;
}
.header-catalog__dropdown-col:last-child .header-catalog__submenu:last-child {
border: none;
padding-bottom: 0;
}
.header-catalog__submenu {
padding-bottom: 20px;
border-bottom: 1px solid #D0D1D7;
margin-bottom: 20px;
}
.header-catalog__submenu-title {
font-size: 16px;
}
.header-catalog__submenu-list {
margin-top: 18px;
}
.header-catalog__submenu-list__item {
margin-bottom: 18px;
}
.header-phone__hint {
fill: var(--grey-1);
}
.open-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.logo__desktop img {
height: 44px;
width: auto;
}
.searchForm {
height: 48px;
}
.searchForm__input {
width: calc(100% - 38px);
font-size: 15px;
}
.searchForm__btn {
width: 38px;
}
.searchForm__btn svg {
width: 20px;
height: 20px;
}
.s-menu__link {
width: 44px;
height: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.s-menu__link-txt {
display: none;
}
}
@media (max-width: 640px) {
.header {
padding: 0;
position: sticky;
top: -44px;
z-index: 99;
}
.header__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header__left {
height: 44px;
position: relative;
}
.header__right {
padding: 5px 0;
}
.header__right-group {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: var(--white);
z-index: 199;
-webkit-box-shadow: 0px -4px 6px rgba(213, 222, 228, 0.25);
box-shadow: 0px -4px 6px rgba(213, 222, 228, 0.25);
padding: 8px 14px;
-webkit-transition: bottom 0.2s ease-in-out;
transition: bottom 0.2s ease-in-out;
}
.header__right-group.hide {
bottom: -56px;
}
.header__search {
padding-right: 0;
}
.header-mobile-links {
display: block;
}
.header__dropdown {
padding-top: 20px;
padding-bottom: 64px;
bottom: 0;
left: 0;
right: 0;
top: 100%;
overflow: auto;
height: 100vh;
}
.header__dropdown.dropdown-menu .header__dropdown-right, .header__dropdown.dropdown-user .header__dropdown-right {
display: none;
}
.header__dropdown.dropdown-catalog .header__dropdown-left {
display: none;
}
.header__dropdown.dropdown-catalog .header__dropdown-right {
display: block;
}
.header__dropdown.dropdown-user .header__dropdown-userTop {
display: block;
}
.header__dropdown-inner {
grid-template-columns: 1fr;
border: none;
}
.header__dropdown-right {
display: none;
padding-left: 14px;
padding-right: 14px;
border-top: 1px solid #D0D1D7;
}
.header__dropdown-left {
background: var(--white);
padding: 0 14px;
}
.header__user {
margin-left: auto;
display: none;
}
.header__s-menu {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-catalog__dropdown {
border: none;
margin-left: -14px;
margin-right: -14px;
padding: 16px 14px 32px 52px;
}
.header-catalog__link.active {
color: var(--red);
fill: var(--red);
}
.header-catalog__link.active .header-catalog__link-arrow {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
fill: var(--red);
}
.header-catalog__link.active .header-catalog__link-arrow svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header-catalog__submenu {
padding-bottom: 0;
border: none;
margin-bottom: 40px;
}
.logo {
position: absolute;
width: 128px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.logo__desktop {
display: none;
}
.logo__mobile {
display: block;
}
.s-menu {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-menu__item--m-hidden {
display: none;
}
.s-menu__item--m-visible {
display: block;
}
.s-menu__link {
width: 38px;
height: 40px;
}
.s-menu__link.active {
background: var(--red);
fill: var(--white);
}
.s-menu__link-icon {
width: 20px;
height: 20px;
}
.s-menu__link-icon--type-4 {
width: 18px;
height: 18px;
}
.s-menu__link-qty {
font-size: 10px;
}
.searchForm {
height: 44px;
}
.searchForm__input {
padding-left: 8px;
}
.searchForm__btn svg {
width: 16px;
height: 16px;
}
}
.o-hidden {
overflow: hidden;
}
.tooltip-inner {
background: var(--white);
color: var(--grey-2);
font-size: 13px;
max-width: 240px;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
border-bottom-color: var(--white);
}
.tooltip.show {
opacity: 1;
}
.accountTop {
background: var(--grey-2);
color: var(--white);
padding: 8px 0;
position: relative;
z-index: 100;
}
.accountTop__content {
grid-template-columns: auto 1fr auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accountTop__content-select {
padding: 0 64px;
}
.accountTop-balance__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.accountTop-balance__money {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
fill: var(--grey-4);
}
.accountTop-balance__money-icon {
width: 22px;
height: 22px;
}
.accountTop-balance__money-txt {
font-size: 24px;
}
.accountTop-balance__txt {
font-size: 16px;
}
.accountTop-logout {
gap: 12px;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
fill: var(--grey-4);
}
.accountTop-logout__icon {
width: 20px;
height: 20px;
}
.accountTop-select {
position: relative;
z-index: 9;
}
.accountTop-select.opened .accountTop-select__dropdown {
display: block;
}
.accountTop-select.opened .accountTop-select__btn {
border-radius: 4px 4px 0 0;
}
.accountTop-select.opened .accountTop-select__btn-icon svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accountTop-select__btn {
background: var(--grey-4);
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 16px;
fill: var(--white);
gap: 8px;
cursor: pointer;
}
.accountTop-select__btn-txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.accountTop-select__btn-icon {
width: 20px;
height: 20px;
}
.accountTop-select__btn-icon svg {
width: 100%;
height: 100%;
}
.accountTop-select__dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--grey-4);
display: none;
}
.accountTop-select__dropdown-inner {
padding: 0 30px 32px 16px;
}
.accountTop-select__search {
grid-template-columns: 1fr auto;
gap: 4px;
margin-bottom: 24px;
}
.accountTop-select__search-btn {
width: 56px;
height: 56px;
border-radius: 4px;
background: var(--grey-2);
fill: var(--white);
}
.accountTop-select__search-btn svg {
width: 22px;
height: 22px;
}
.accountTop-select__search-btn .icon-close {
display: none;
}
.accountTop-select__search-btn.active .icon-close {
display: block;
}
.accountTop-select__search-btn.active .icon-search {
display: none;
}
.accountTop-select__search-input {
display: block;
width: 100%;
height: 56px;
padding: 0 16px;
background: var(--white);
border-radius: 4px;
border: none;
color: var(--red);
}
.accountTop-select__search-input::-webkit-input-placeholder {
color: var(--grey-1);
}
.accountTop-select__search-input::-moz-placeholder {
color: var(--grey-1);
}
.accountTop-select__search-input:-ms-input-placeholder {
color: var(--grey-1);
}
.accountTop-select__search-input::-ms-input-placeholder {
color: var(--grey-1);
}
.accountTop-select__search-input::placeholder {
color: var(--grey-1);
}
.accountTop-select__list {
padding-right: 58px;
max-height: 528px;
overflow: auto;
}
.accountTop-select__list::-webkit-scrollbar {
width: 2px;
}
.accountTop-select__list::-webkit-scrollbar-track {
width: 2px;
background: var(--grey-2);
}
.accountTop-select__list::-webkit-scrollbar-thumb {
background: var(--white);
}
.accountTop-select__label {
font-size: 16px;
font-weight: 500;
display: block;
}
.accountTop-select__label input {
display: none;
}
.accountTop-select__label input:checked + span {
background: var(--grey-2);
}
.accountTop-select__label span {
display: block;
padding: 14px 16px;
border-radius: 4px;
}
.accountTop-select__label span:hover {
background: var(--grey-2);
}
@media (max-width: 1366px) {
.accountTop__content-select {
padding: 0 54px;
}
}
@media (max-width: 1180px) {
.accountTop__content-select {
padding: 0 32px;
}
.accountTop-balance__inner {
gap: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.accountTop-balance__money {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: 8px;
}
.accountTop-balance__money-txt {
font-size: 16px;
line-height: 14px;
}
.accountTop-balance__money-icon {
width: 14px;
height: 14px;
}
.accountTop-balance__txt {
font-size: 10px;
}
.accountTop-logout {
font-size: 12px;
}
.accountTop-logout__icon {
width: 14px;
height: 14px;
}
.accountTop-select__btn {
font-size: 14px;
}
.accountTop-select__dropdown-inner {
padding: 0 20px 20px 10px;
}
.accountTop-select__search {
background: var(--white);
border-radius: 4px;
margin-bottom: 24px;
}
.accountTop-select__search-btn {
width: 44px;
height: 44px;
background: transparent;
fill: var(--grey-2);
}
.accountTop-select__search-btn svg {
width: 20px;
height: 20px;
}
.accountTop-select__search-input {
height: 44px;
font-size: 15px;
padding: 0 10px;
}
.accountTop-select__list {
padding-right: 8px;
max-height: 259px;
}
.accountTop-select__label {
font-size: 14px;
}
.accountTop-select__label span {
padding: 10px;
}
}
@media (max-width: 640px) {
.accountTop {
z-index: 100;
}
.accountTop__content {
grid-template-columns: 1fr auto;
gap: 16px;
}
.accountTop__content-balance {
grid-area: 1/1/2/2;
}
.accountTop__content-logout {
grid-area: 1/2/2/3;
}
.accountTop__content-select {
grid-area: 2/1/3/3;
padding: 0;
}
.accountTop-balance__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.accountTop-balance__money {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.footer__top {
border-top: 1px solid var(--stroke);
border-bottom: 1px solid var(--stroke);
padding: 52px 0;
}
.footer__top-content {
grid-template-columns: 1fr 3fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.footer__top-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
min-width: 0;
}
.footer__top-right {
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.footer__bottom {
padding: 30px 0;
line-height: 140%;
}
.footer__bottom-content {
grid-template-columns: 2fr 1fr 1fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.footer-copyright {
color: var(--grey-1);
}
.footer-link {
color: var(--grey-2);
}
.footer__logo {
margin-bottom: 45px;
}
.footer-menu {
color: var(--grey-2);
}
.footer-menu__item {
margin-bottom: 20px;
padding-left: 26px;
position: relative;
}
.footer-menu__item::before {
content: "";
width: 6px;
height: 6px;
background: url(/local/templates/vollo4/static/css/../../static/images/general/li.svg);
position: absolute;
left: 2px;
top: 6px;
}
.footer-menu__item:last-child {
margin-bottom: 0;
}
.footer__up {
margin-top: auto;
}
.footer-up svg {
width: 10px;
height: 18px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.footer-category {
margin-bottom: 56px;
}
.footer-category:last-child {
margin-bottom: 0;
}
.footer-category__title {
margin-bottom: 20px;
}
.footer-category__list {
font-size: 16px;
text-transform: uppercase;
}
.footer-category__list-item {
margin-bottom: 30px;
}
.footer-category__list-item:last-child {
margin-bottom: 0;
}
.footer-list {
color: var(--grey-2);
}
.footer-list__item {
margin-bottom: 20px;
}
.footer-list__item:last-child {
margin-bottom: 0;
}
.footer-title {
font-size: 16px;
text-transform: uppercase;
}
.footer-title__icon {
width: 16px;
height: 16px;
display: none;
}
.footer__social-right {
margin-top: auto;
}
.footer__social-left {
display: none;
}
.footer-social {
margin-top: auto;
min-width: 290px;
}
.footer-social__inner {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.footer-social__item-icon {
width: 56px;
height: 56px;
background: var(--white);
border-radius: 50%;
margin-bottom: -28px;
margin-left: auto;
margin-right: auto;
}
.footer-social__item-group {
background: var(--white);
border-radius: var(--rounded);
padding: 28px 20px 20px;
text-align: center;
}
.footer-social__item-title {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 2px;
}
.footer-social__item-link {
margin-bottom: 16px;
color: var(--grey-1);
font-size: 12px;
}
.footer-link br {
display: none;
}
@media (max-width: 1366px) {
.footer-copyright span {
display: block;
}
.footer-link br {
display: block;
}
.footer-social__inner {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.footer-social__item-group {
padding: 24px 10px 15px;
}
.footer-social__item-img img {
width: 110px;
}
}
@media (max-width: 1180px) {
.footer__bottom {
font-size: 13px;
}
.footer__bottom-content {
grid-template-columns: 1fr 154px 198px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.footer-copyright span {
display: inline;
}
.footer__top {
border-top: none;
padding-top: 0;
padding-bottom: 36px;
}
.footer__top-content {
grid-template-columns: repeat(2, 1fr);
}
.footer__top-right {
grid-template-columns: 1fr;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
.footer__top-right .footer__top-col:last-child .footer-category {
padding-top: 24px;
}
.footer__top-col {
height: auto;
}
.footer__left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
row-gap: 20px;
height: auto;
}
.footer__menu {
width: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__logo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
.footer__up {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 0;
}
.footer-up svg {
height: 10.8px;
width: 5.4px;
}
.footer-logo img {
width: 156px;
}
.footer-category {
margin-bottom: 0;
border-top: 1px solid var(--stroke);
}
.footer-category__menu {
display: none;
}
.footer-category__title {
margin-bottom: 0;
}
.footer-category__menu {
padding-bottom: 30px;
}
.footer-category__list {
font-size: 14px;
}
.footer-list {
font-size: 12px;
}
.footer__social-right {
display: none;
}
.footer__social-left {
display: block;
margin-top: 10px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.footer-menu {
font-size: 13px;
}
.footer-menu__item {
margin-bottom: 15px;
}
.footer-social {
max-width: 302px;
}
.footer-social__item-group {
padding-top: 24px;
padding-bottom: 16px;
}
.footer-social__item-link {
font-size: 12px;
}
.footer-social__item-img {
text-align: center;
}
.footer-social__item-img img {
width: 110px;
margin-left: auto;
margin-right: auto;
}
.footer-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
font-size: 14px;
}
.footer-title.active {
color: var(--red);
}
.footer-title.active .footer-title__icon svg {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.footer-title.active .footer-title__icon path {
stroke: var(--red);
}
.footer-title__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-title__icon svg {
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
}
@media (max-width: 640px) {
.footer__top {
border-top: 1px solid var(--stroke);
border-bottom: none;
padding-top: 24px;
padding-bottom: 24px;
}
.footer__top-content {
grid-template-columns: 1fr;
}
.footer__top-left {
padding-bottom: 30px;
}
.footer__left {
row-gap: 32px;
}
.footer__bottom {
padding-top: 6px;
padding-bottom: 24px;
}
.footer__bottom-content {
grid-template-columns: 1fr;
gap: 20px;
}
.footer__bottom-item:nth-child(1) {
grid-row-start: 3;
}
.footer-link br {
display: none;
}
.footer-copyright {
margin-top: 10px;
}
.footer__up {
margin-left: auto;
}
.footer__social-left {
display: none;
}
.footer-menu {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.footer__social-right {
display: block;
margin-top: 30px;
}
.footer-social {
max-width: 100%;
}
.footer-social__inner {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (min-width: 640px) {
.scroll-to-top {
position: fixed;
z-index: 100;
bottom: 2em;
left: 2em;
width: 40px;
height: 40px;
background: var(--red);
border-radius: 50%;
border: none;
background: url('data:image/svg+xml,') center no-repeat;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
-webkit-box-shadow: 0px 4px 16px 0px rgba(213, 222, 228, 0.5019607843);
box-shadow: 0px 4px 16px 0px rgba(213, 222, 228, 0.5019607843);
cursor: pointer;
}
body.affix .scroll-to-top {
opacity: 1;
visibility: visible;
}
}
.modal-dialog-city {
max-width: 860px;
}
.modal-city {
padding: 28px 24px;
background: #F5F7FA;
position: relative;
}
.modal-city__title {
font-size: 24px;
line-height: 140%;
font-weight: bold;
margin-bottom: 20px;
}
.modal-city__close {
width: 36px;
height: 36px;
background: #FDFEFF;
border-radius: 50%;
position: absolute;
top: 26px;
right: 24px;
fill: var(--grey-2);
}
.modal-city__close svg {
width: 14px;
height: 14px;
}
.modal-city__form-input-wrapper {
position: relative;
}
.modal-city__form-input {
background: var(--white);
border-radius: var(--rounded);
display: block;
width: 100%;
height: 60px;
padding: 0 48px 0 24px;
font-size: 16px;
font-weight: bold;
color: var(--grey-2);
border: none;
}
.modal-city__form-input::-webkit-input-placeholder {
color: var(--grey-2);
}
.modal-city__form-input::-moz-placeholder {
color: var(--grey-2);
}
.modal-city__form-input:-ms-input-placeholder {
color: var(--grey-2);
}
.modal-city__form-input::-ms-input-placeholder {
color: var(--grey-2);
}
.modal-city__form-input::placeholder {
color: var(--grey-2);
}
.modal-city__form-btn {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: var(--red);
}
.modal-city__form-btn .icon-close {
display: none;
}
.modal-city__form-btn.active .icon-search {
display: none;
}
.modal-city__form-btn.active .icon-close {
display: block;
}
.modal-city__content {
margin-top: 30px;
}
.modal-city__content.hidden {
display: none;
}
.modal-city__content-inner {
grid-template-columns: 154px repeat(2, 1fr);
gap: 20px;
}
.modal-city__content-col {
min-width: 0;
}
.modal-city__content-col--d-hidden {
display: none;
}
.modal-city__popular {
padding-left: 24px;
}
.modal-city__block {
height: 354px;
padding: 20px 10px 20px 15px;
background: var(--white);
border-radius: var(--rounded);
position: relative;
}
.modal-city__block-inner {
height: 100%;
}
.modal-city__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.modal-city__list a.active {
color: var(--red);
}
.modal-city__list-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
fill: var(--red);
}
.modal-city__list-check.selected .modal-city__list-check__icon {
opacity: 1;
}
.modal-city__list-check__icon {
opacity: 0;
}
.modal-city__result {
margin-top: 24px;
display: none;
}
.modal-city__result.visible {
display: block;
}
.modal-city__chars {
overflow: auto;
margin-right: -10px;
padding-right: 10px;
gap: 5px;
}
.modal-city__chars-item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-city__chars-link {
width: 40px;
height: 40px;
border-radius: var(--rounded);
background: var(--white);
color: var(--red);
}
.modal-city__chars-link.selected {
background: var(--red);
color: var(--white);
}
@media (max-width: 880px) {
.modal-dialog {
max-width: 100%;
margin-left: 14px;
margin-right: 14px;
}
.modal-city {
padding: 20px 10px;
}
.modal-city__title {
font-size: 20px;
margin-bottom: 28px;
}
.modal-city__close {
top: 15px;
right: 10px;
}
.modal-city__content {
margin-top: 24px;
}
.modal-city__content-inner {
grid-template-columns: 1fr;
}
.modal-city__content-col--m-hidden {
display: none;
}
.modal-city__content-col--d-hidden {
display: block;
}
.modal-city__popular {
padding-left: 0;
}
.modal-city__list {
font-size: 13px;
}
.modal-city__list--m-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.modal-city__list-m-btn {
font-size: 15px;
display: block;
padding: 6px 10px;
background: var(--white);
border-radius: 6px;
}
.modal-city__list-check__icon {
width: 10px;
height: 8px;
}
.modal-city__block {
height: 256px;
padding: 15px 10px;
}
.modal-city__block-inner::after {
margin-bottom: -20px;
}
.modal-city__form-input {
height: 54px;
padding-left: 10px;
font-size: 15px;
}
.modal-city__form-btn {
width: 20px;
height: 20px;
right: 10px;
}
}
.modal__title {
font-size: 24px;
line-height: 140%;
}
.modal-close {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: #FDFEFF;
border-radius: 50%;
fill: var(--red);
}
.modal-close svg {
width: 14px;
height: 14px;
}
.modal-dialog-review {
max-width: 860px;
}
.modal-review {
background: #F5F7FA;
padding: 30px 24px;
}
.modal-review__title {
margin-bottom: 30px;
}
.modal-form__grid {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-form__grid-item--fw {
grid-column: span 2;
}
@media (max-width: 1180px) {
.modal__title {
font-size: 20px;
}
.modal-dialog-review {
max-width: 400px;
}
.modal-close {
top: 20px;
right: 20px;
}
.modal-review {
padding: 20px 10px 30px;
}
.modal-review__title {
max-width: 168px;
margin-bottom: 20px;
}
.modal-form__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.modal-form__grid-item--fw {
grid-column: initial;
}
}
.modal-dialog-shop {
max-width: 1024px;
}
.modal-shop {
padding: 20px;
}
.modal-shop__inner {
grid-template-columns: 320px 1fr;
gap: 20px;
}
.modal-shop__title {
margin-bottom: 15px;
}
.modal-shop__list {
height: 466px;
}
.modal-shop__map {
border-radius: var(--rounded);
overflow: hidden;
height: 100%;
}
.modal-shop__close {
width: 50px;
height: 50px;
background: var(--white);
position: absolute;
top: 0;
right: 0;
border-radius: var(--rounded);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 16px;
padding-left: 16px;
fill: var(--red);
z-index: 9;
}
.modal-shop__close svg {
width: 14px;
height: 14px;
}
.modal-shop__mobile-title {
display: none;
}
#shopModalMap,
#pvzModalMap {
height: 516px;
}
@media (min-width: 480px) {
.modal-dialog-shop {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1180px) {
.modal-dialog-shop {
max-width: 400px;
}
.modal-shop {
padding: 15px 10px 20px 10px;
}
.modal-shop__title {
display: none;
}
.modal-shop__mobile-title {
display: block;
margin-bottom: 10px;
}
.modal-shop__inner {
grid-template-columns: 1fr;
height: 524px;
padding-right: 10px;
}
.modal-shop__inner-item:nth-child(1) {
grid-row-start: 2;
}
.modal-shop__left {
grid-row-start: 2;
}
.modal-shop__list {
height: auto;
}
.modal-shop__close {
width: 14px;
height: 14px;
background: none;
border-radius: 0;
right: 10px;
top: 22px;
padding: 0;
}
#shopModalMap,
#pvzModalMap {
height: 200px;
}
}
@media (max-width: 480px) {
.modal-dialog-shop {
max-width: 100%;
}
}
.productCard {
position: relative;
background: var(--white);
padding: 10px 10px 20px;
border-radius: 6px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.productCard:hover .productCard-img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.productCard-img {
height: 340px;
border: 1px solid #F5F7FA;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
overflow: hidden;
}
.productCard-img img {
margin-top: -20px;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 1180px) {
.productCard-img img {
margin-top: 0;
}
}
.productCard-group {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.productCard-title {
line-height: 150%;
margin-bottom: 16px;
}
.productCard-info {
font-size: 12px;
font-weight: 300;
color: var(--grey-2);
}
.productCard-info__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.productCard-info__item--art {
position: absolute;
top: 324px;
left: 20px;
}
.productCard-bottom {
padding-left: 10px;
padding-right: 10px;
}
.productCard-bottom__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.productCard-price {
font-size: 24px;
font-weight: 600;
}
.productCard-bonus {
margin-top: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.2em;
}
.productCard-favorite {
position: absolute;
top: 24px;
right: 24px;
width: 22px;
height: 20px;
}
.productCard-favorite__icon {
width: 100%;
height: 100%;
}
.productCard-favorite .icon-card-heart-fill {
display: none;
}
.productCard-favorite:hover {
fill: var(--red);
}
.productCard-favorite.active {
fill: var(--red);
}
.productCard-favorite.active .icon-card-heart-fill {
display: block;
}
.productCard-favorite.active .icon-card-heart {
display: none;
}
.productCard-btnWrap {
width: 148px;
--btn-height: 46px;
--btn-size: 34px;
--btn-bg: var(--white);
--btn-bg-hover: var(--white);
--input-color: var(--white);
--icon-color-hover: var(--red);
}
.productCard-btnWrap.qty-show .productCard-btn {
display: none;
}
.productCard-btnWrap.qty-show .productCard-qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.productCard-btn {
width: 100%;
height: var(--btn-height);
white-space: nowrap;
padding: 0;
}
.productCard-qty {
width: 100%;
height: var(--btn-height);
border-radius: 50px;
background: var(--red);
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px;
}
.productCard-qty.input-hidden input {
opacity: 0;
}
.productCard-qty.btn-center .productCard-qty__minus {
-webkit-transform: translateX(var(--btn-size));
-ms-transform: translateX(var(--btn-size));
transform: translateX(var(--btn-size));
}
.productCard-qty.btn-center .productCard-qty__plus {
-webkit-transform: translateX(calc(-1 * var(--btn-size)));
-ms-transform: translateX(calc(-1 * var(--btn-size)));
transform: translateX(calc(-1 * var(--btn-size)));
}
.productCard-qty__btn {
width: var(--btn-size);
height: var(--btn-size);
background: var(--btn-bg);
border-radius: 50%;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.productCard-qty__btn:hover {
background: var(--btn-bg-hover);
}
.productCard-qty__btn:hover path {
stroke: var(--icon-color-hover);
}
.productCard-qty__input {
width: calc(100% - var(--btn-size) * 2);
background: transparent;
color: var(--input-color);
font-size: 20px;
border: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: var(--btn-size);
}
.productCard-badge {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
font-weight: 600;
padding: 3px 10px;
background: var(--red);
color: var(--white);
border-radius: 6px 0px;
text-transform: uppercase;
}
.productCard-discontinued__txt {
margin-bottom: 10px;
line-height: 150%;
}
.productCard-discontinued__btn {
height: 46px;
width: 100%;
}
@media (max-width: 1366px) {
.productCard-img {
height: 266px;
margin-bottom: 16px;
}
.productCard-img img {
height: 210px;
width: auto;
}
.productCard-title {
margin-bottom: 12px;
}
.productCard-info__item--art {
top: 250px;
}
.productCard-btnWrap {
width: 132px;
}
.productCard-group {
padding-left: 5px;
padding-right: 5px;
}
.productCard-bottom {
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 1180px) {
.productCard {
display: grid;
grid-template-columns: 110px 1fr;
grid-column-gap: 12px;
grid-row-gap: 16px;
padding: 10px 12px 16px 12px;
}
.productCard-img {
grid-area: 1/1/2/2;
height: 110px;
margin-bottom: 0;
margin-top: 5px;
}
.productCard-img img {
height: 98px;
}
.productCard-group {
grid-area: 1/2/2/3;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.productCard-bottom {
grid-area: 2/1/3/3;
padding-left: 0;
padding-right: 8px;
}
.productCard-bottom__inner {
display: grid;
grid-template-columns: 110px 1fr;
grid-column-gap: 12px;
}
.productCard-bottom__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.productCard-btnWrap {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 136px;
--btn-height: 46px;
}
.productCard-info {
font-size: 11px;
}
.productCard-info__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 4px;
}
.productCard-info__item {
position: initial;
}
.productCard-info__item:last-child {
width: 100%;
}
.productCard-badge {
top: 0;
left: 0;
font-size: 10px;
padding: 4px 12px;
}
.productCard-favorite {
position: initial;
}
.productCard-title {
font-size: 13px;
}
.productCard-price {
font-size: 20px;
}
.productCard-bonus {
font-size: 11px;
}
.productCard-discontinued__inner {
display: grid;
grid-template-columns: 110px 1fr;
grid-column-gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.productCard-discontinued__txt {
font-size: 12px;
margin-bottom: 0;
}
.productCard-discontinued__btn {
height: 46px;
}
}
.preloader {
position: fixed;
z-index: 25000;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0.041);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.preloader.hidden {
display: none;
}
body:not(.loading) .preloader {
display: none;
}
.preloader-item {
width: 390px;
height: 490px;
background: rgba(255, 255, 255, 0.6784313725);
-webkit-box-shadow: 0px 0px 24px rgba(202, 112, 112, 0.25);
box-shadow: 0px 0px 24px rgba(202, 112, 112, 0.25);
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 28px;
}
.preloader-item__top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: slideTop 5s ease infinite;
animation: slideTop 5s ease infinite;
}
.preloader-item__bottom {
-webkit-transform: translateY(250%);
-ms-transform: translateY(250%);
transform: translateY(250%);
-webkit-animation: slideBottom 5s ease infinite;
animation: slideBottom 5s ease infinite;
}
@-webkit-keyframes slideTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideBottom {
from {
-webkit-transform: translateY(250%);
transform: translateY(250%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideBottom {
from {
-webkit-transform: translateY(250%);
transform: translateY(250%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.breadcrumbs {
margin-bottom: 30px;
}
.breadcrumbs-item {
color: var(--grey-2);
fill: var(--grey-2);
}
.breadcrumbs-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs-link__icon {
width: 3px;
height: 3px;
margin: 0 10px;
}
@media (max-width: 1180px) {
.breadcrumbs {
display: none;
}
}
.gallery {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
height: 100vh;
width: 100%;
background: var(--bg);
padding: vw(64, 1920) vw(20, 1920);
display: none;
}
.gallery.visible {
display: block;
}
.gallery .product-slider-item, .gallery .product-slider {
height: 100%;
}
.gallery .product-slider-item {
position: relative;
}
.gallery__inner {
height: 100%;
grid-template-columns: vw(94, 1920) vw(1550, 1920);
gap: vw(124, 1920);
}
.gallery__inner > div {
min-height: 0;
}
.gallery__left {
height: 100%;
}
.gallery__left > div {
height: 100%;
}
.gallery__right {
height: 100%;
position: relative;
}
.gallery-slider-wrapper {
width: vw(1550, 1920);
padding-left: vw(82, 1920);
padding-right: vw(82, 1920);
height: 100%;
}
.gallery-btn {
width: vw(42, 1920);
height: vw(94, 1920);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--white);
border-radius: var(--rounded);
fill: var(--grey-2);
}
.gallery-btn:hover path {
fill: var(--red);
}
.gallery-btn svg {
width: vw(12, 1920);
height: vw(24, 1920);
}
.gallery-prev {
left: vw(-84, 1920);
}
.gallery-next {
right: vw(-84, 1920);
}
.gallery-close {
width: vw(42, 1920);
height: vw(42, 1920);
border-radius: var(--rounded);
background: var(--white);
fill: var(--red);
position: absolute;
top: 0;
right: 0;
}
.gallery-close svg {
width: vw(14, 1920);
height: vw(14, 1920);
}
.gallery-pagination {
display: none;
}
.swiper-zoom-container picture {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiper-slide-cursor {
cursor: url("/local/templates/vollo4/static/css/../../static/images/general/zoom.svg"), auto;
}
.swiper-slide-cursor.swiper-slide-zoomed {
cursor: url("/local/templates/vollo4/static/css/../../static/images/general/zoom-out.svg"), auto;
}
.video {
position: relative;
}
.video video {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-play {
width: vw(120, 1920);
height: vw(120, 1920);
background: var(--white);
fill: var(--red);
padding: vw(8, 1920);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 9;
}
.video-play svg {
width: 100%;
height: 100%;
}
@media (max-width: 1366px) {
.gallery {
padding: vw(30, 1366) vw(20, 1366);
}
.gallery__inner {
grid-template-columns: vw(70, 1366) vw(1164, 1366);
gap: vw(74, 1366);
}
.gallery-slider-wrapper {
width: vw(1164, 1366);
padding-left: vw(72, 1366);
padding-right: vw(72, 1366);
}
.gallery-btn {
width: vw(42, 1366);
height: vw(94, 1366);
}
.gallery-btn svg {
width: vw(12, 1366);
height: vw(24, 1366);
}
.gallery-prev {
left: vw(-74, 1366);
}
.gallery-next {
right: vw(-74, 1366);
}
.gallery-close {
width: vw(42, 1366);
height: vw(42, 1366);
}
.gallery-close svg {
width: vw(20, 1366);
height: vw(20, 1366);
}
}
@media (max-width: 1180px) {
.gallery {
padding: 58px 20px 30px;
}
.gallery .product-slider-item {
position: initial;
}
.gallery__inner {
grid-template-columns: 1fr;
}
.gallery__left {
display: none;
}
.gallery__right {
position: initial;
max-height: calc(100vh - 82px);
}
.gallery-slider-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.gallery-close {
left: 0;
right: initial;
width: 28px;
height: 28px;
top: 15px;
left: 20px;
}
.gallery-close svg {
width: 15px;
height: 15px;
}
.gallery-btn {
width: 28px;
height: 28px;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
top: 15px;
}
.gallery-btn svg {
width: 9px;
height: 18px;
}
.gallery-next {
right: 20px;
}
.gallery-prev {
right: 54px;
left: initial;
}
.gallery-pagination {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
top: 15px;
left: 90px;
right: 90px;
}
.gallery-pagination .slider-pagination {
margin: 0;
width: 100%;
--swiper-pagination-bullet-inactive-color: var(--grey-2);
}
.video-play {
width: 58px;
height: 58px;
padding: 4px;
}
}
@media (max-width: 640px) {
.gallery {
padding-top: 64px;
padding-bottom: 96px;
padding-left: 14px;
padding-right: 14px;
}
.gallery-pagination {
bottom: 52px;
top: initial;
left: 14px;
right: 14px;
}
.gallery-close {
left: 14px;
}
.gallery-next {
right: 14px;
}
.gallery-prev {
right: 48px;
}
}
.text-block {
color: var(--grey-2);
font-size: 15px;
line-height: 150%;
}
.text-block__more {
display: none;
}
.text-block__content > *:first-child {
margin-top: 0;
}
.text-block__content > *:last-child {
margin-bottom: 0;
}
.text-block h2 {
font-size: 24px;
line-height: 140%;
font-weight: 600;
margin-bottom: 20px;
margin-top: 50px;
text-transform: uppercase;
}
.text-block h3 {
font-size: 20px;
line-height: 130%;
font-weight: 600;
margin-bottom: 20px;
margin-top: 50px;
}
.text-block ul, .text-block ol {
padding-left: 16px;
margin-bottom: 30px;
}
.text-block ul {
list-style: none !important;
}
.text-block ul a:hover {
color: var(--red);
}
.text-block ul li {
margin-bottom: 6px;
position: relative;
padding-left: 16px;
}
.text-block ul li::before {
content: "";
width: 5px;
height: 5px;
background: url(/local/templates/vollo4/static/css/../../static/images/general/li-red.svg) 0 0 no-repeat;
background-size: contain;
position: absolute;
left: 2px;
top: 8px;
}
.text-block ul li:last-child {
margin-bottom: 0;
}
.text-block .col-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.text-block .col-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.text-block .col-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
@media (max-width: 1180px) {
.text-block {
font-size: 12px;
}
.text-block__more {
display: block;
margin-top: 16px;
}
.text-block__content {
position: relative;
overflow: hidden;
max-height: 200px;
}
.text-block__content.full {
max-height: initial;
}
.text-block__content.full::after {
opacity: 0;
}
.text-block__content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 64px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 247, 250, 0.5)), to(#F5F7FA));
background: linear-gradient(180deg, rgba(245, 247, 250, 0.5) 0%, #F5F7FA 100%);
pointer-events: none;
}
.text-block h2, .text-block h3 {
margin-bottom: 16px;
margin-top: 32px;
}
.text-block h2 {
font-size: 16px;
}
.text-block h3 {
font-size: 14px;
}
.text-block ul li::before {
top: 7px;
}
}
.topBanner {
padding: 30px 0;
}
.topBanner-img img {
border-radius: 6px;
}
@media (max-width: 1366px) {
.topBanner {
padding-bottom: 20px;
}
}
@media (max-width: 1180px) {
.topBanner {
padding: 15px 0;
}
.topBanner-btn {
--btn-bg: transparent;
width: 27px;
height: 22px;
fill: var(--white);
}
.topBanner-btn[data-prev] {
left: 0;
}
.topBanner-btn[data-next] {
right: 0;
}
.topBanner-btn svg {
width: 7px;
height: 14px;
}
}
.bottomBanner {
padding-bottom: 30px;
}
.bottomBanner-btn {
--btn-bg: var(--bg);
}
.bottomBanner-img img {
border-radius: 6px;
}
@media (max-width: 1366px) {
.bottomBanner {
padding-bottom: 10px;
}
}
@media (max-width: 1180px) {
.bottomBanner {
padding-bottom: 15px;
}
}
@media (max-width: 640px) {
.bottomBanner {
padding-bottom: 10px;
}
.bottomBanner-btn {
display: none;
}
}
.purchases-content {
padding-bottom: 40px;
border-bottom: 1px solid #D9D9D9;
}
.purchases-slider__slide {
height: initial;
}
@media (max-width: 1180px) {
.purchases {
padding-bottom: 30px;
}
.purchases-content {
padding-bottom: 30px;
}
}
.mainCatalog-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.mainCatalog-more {
font-size: 20px;
--py: 22px;
--px: 278px;
margin: 40px auto 0;
}
@media (max-width: 1366px) {
.mainCatalog-list {
gap: 10px;
}
.mainCatalog-more {
margin-top: 30px;
--px: 222px;
}
}
@media (max-width: 1180px) {
.mainCatalog {
padding-top: 30px;
padding-bottom: 40px;
}
.mainCatalog-list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.mainCatalog-list__item.th {
display: none;
}
.mainCatalog-more {
width: 100%;
--py: 15px;
--px: 15px;
font-size: 15px;
}
}
@media (max-width: 640px) {
.mainCatalog {
padding-bottom: 30px;
}
.mainCatalog-list {
grid-template-columns: 1fr;
gap: 5px;
}
.mainCatalog-list__item.mh {
display: none;
}
.mainCatalog-more {
margin-top: 15px;
}
}
.cdek-banner {
background: var(--green);
border-radius: 6px;
overflow: hidden;
height: 178px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 24px;
}
.cdek-banner::before {
content: "";
width: 420px;
height: 420px;
border-radius: 50%;
background: var(--white);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -74px;
}
.cdek-banner__img {
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.cdek-banner__decor {
position: absolute;
top: 0;
right: 172px;
}
.cdek-banner__left {
position: relative;
z-index: 3;
}
.cdek-banner__group {
position: relative;
z-index: 3;
margin-left: 124px;
}
.cdek-banner__txt {
font-style: italic;
font-size: 24px;
line-height: normal;
font-weight: 500;
margin-bottom: 16px;
text-transform: uppercase;
}
.cdek-banner__logo {
fill: var(--green);
width: 262px;
height: 73px;
}
.cdek-banner__btn {
margin-left: 72px;
font-size: 20px;
line-height: 24px;
padding: 22px 34px;
border-radius: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
background: var(--white);
position: relative;
z-index: 3;
}
.cdek-banner__btn-icon {
width: 16px;
height: 18px;
fill: var(--red);
}
.cdek-banner__list {
width: 320px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cdek-banner__item {
text-align: center;
font-size: 18px;
color: var(--white);
position: relative;
}
.cdek-banner__item::after {
content: url(/local/templates/vollo4/static/css/../../static/images/general/cdek/after.svg);
position: absolute;
top: 14px;
right: -47px;
}
.cdek-banner__item:last-child::after {
display: none;
}
.cdek-banner__item-img {
margin-bottom: 6px;
position: relative;
z-index: 3;
}
@media (max-width: 1366px) {
.cdek-banner {
height: 150px;
padding: 10px 20px;
}
.cdek-banner::before {
width: 256px;
height: 256px;
left: -36px;
}
.cdek-banner__txt {
font-size: 16px;
margin-bottom: 20px;
}
.cdek-banner__logo {
width: 154px;
height: 44px;
}
.cdek-banner__group {
margin-left: 82px;
}
.cdek-banner__btn {
margin-left: 60px;
}
.cdek-banner__img {
width: 190px;
}
.cdek-banner__decor {
height: 100%;
right: 132px;
}
.cdek-banner__decor img {
height: 100%;
width: auto;
}
}
@media (max-width: 1180px) {
.cdek-banner {
height: 86px;
padding-left: 16px;
padding-right: 20px;
}
.cdek-banner::before {
display: none;
}
.cdek-banner__txt {
font-size: 12px;
margin-bottom: 8px;
color: var(--white);
}
.cdek-banner__logo {
width: 100px;
height: 29px;
fill: var(--white);
}
.cdek-banner__img, .cdek-banner__decor {
display: none;
}
.cdek-banner__btn {
margin-left: auto;
font-size: 15px;
line-height: 18px;
padding: 15px 54px;
white-space: nowrap;
}
.cdek-banner__list {
width: 172px;
}
.cdek-banner__group {
margin-left: 36px;
}
.cdek-banner__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 12px;
width: 40px;
white-space: nowrap;
}
.cdek-banner__item::after {
content: url(/local/templates/vollo4/static/css/../../static/images/general/cdek/after-m.svg);
top: 4px;
right: -29px;
}
.cdek-banner__item-img {
margin-bottom: 2px;
}
.cdek-banner__item-img img {
width: 40px;
}
.cdek-banner__item-txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
}
@media (max-width: 723px) {
.cdek-banner {
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px;
}
.cdek-banner__btn {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px;
}
.cdek-banner__group {
margin-left: auto;
}
.cdek-banner__txt {
font-size: 10px;
}
}
.about {
overflow: hidden;
}
.about-grid {
grid-template-columns: 2fr repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 20px;
}
.about-grid__item:nth-child(1) {
grid-area: 1/1/3/2;
}
.about-item {
background: var(--white);
border-radius: var(--rounded);
padding: 40px 48px 40px 24px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-item--sm {
padding: 30px 20px;
}
.about-item__title {
margin-bottom: 20px;
}
.about-item__txt {
font-size: 20px;
line-height: 150%;
margin-bottom: 20px;
}
.about-item__txt-sm {
font-size: 15px;
line-height: 150%;
}
.about-item__icon {
margin-bottom: 36px;
}
.about-item__btn {
margin-top: auto;
--py: 14px;
--px: 32px;
}
@media (max-width: 1366px) {
.about-item {
padding: 24px 40px 30px 20px;
}
.about-item--sm {
padding: 30px 24px 24px 20px;
}
.about-item__icon {
margin-bottom: 20px;
}
}
@media (min-width: 641px) and (max-width: 1180px) {
.about-grid__item:nth-child(1) {
grid-area: 1/1/2/3;
}
.about-grid__item:nth-child(2) {
grid-area: 2/1/3/2;
}
.about-grid__item:nth-child(3) {
grid-area: 3/1/4/2;
}
.about-grid__item:nth-child(4) {
grid-area: 2/2/3/3;
}
.about-grid__item:nth-child(5) {
grid-area: 3/2/4/3;
}
}
@media (max-width: 1180px) {
.about-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
gap: 10px;
}
.about-item {
padding: 24px 24px 20px 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 44px;
-moz-column-gap: 44px;
column-gap: 44px;
}
.about-item--sm {
padding: 24px 28px 24px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.about-item__icon {
width: 32px;
height: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 0;
}
.about-item__txt {
font-size: 13px;
margin-bottom: 0;
}
.about-item__txt-sm {
font-size: 13px;
}
.about-item__title {
margin-bottom: 15px;
}
}
@media (max-width: 640px) {
.about-grid {
grid-template-columns: 1fr;
gap: 5px;
}
.about-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 24px 24px 30px 15px;
}
.about-item--sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 24px 28px 24px 15px;
}
.about-item__title {
margin-bottom: 10px;
}
.about-item__txt {
margin-bottom: 30px;
}
}
.category {
overflow: hidden;
}
.category-grid {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.category-item {
background: var(--white);
border-radius: var(--rounded);
position: relative;
overflow: hidden;
}
.category-item:hover .category-item__img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.category-item__info {
position: relative;
z-index: 3;
height: 200px;
padding: 30px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.category-item__img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 0;
}
.category-item__img img {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.category-item__title {
font-size: 20px;
line-height: 130%;
}
.category-item__btn {
margin-top: auto;
}
.category-item__link {
width: 40px;
height: 40px;
background: var(--red);
fill: var(--white);
border-radius: 50%;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.category-item__link:hover {
background: var(--red-hover);
}
.category-item__link svg {
width: 10px;
height: 18px;
}
@media (max-width: 1366px) {
.category-item__img--type-3 {
width: 234px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.category-item__img--type-3 img {
max-width: initial;
}
}
@media (max-width: 1180px) {
.category-grid {
gap: 12px;
}
.category-item__info {
height: 120px;
padding: 15px 10px;
}
.category-item__title {
font-size: 16px;
}
.category-item__link {
width: 24px;
height: 24px;
}
.category-item__link svg {
width: 5.4px;
height: 10.8px;
}
.category-item__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.category-item__img--type-1 {
width: 150px;
}
.category-item__img--type-2 {
width: 120px;
}
.category-item__img--type-3 {
width: 140px;
}
}
@media (max-width: 640px) {
.category-grid {
grid-template-columns: 1fr;
gap: 5px;
}
.category-item__info {
height: 168px;
padding: 24px 15px;
}
.category-item__img--type-1 {
bottom: 0;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 218px;
}
.category-item__img--type-2 {
width: 168px;
}
.category-item__img--type-3 {
width: 196px;
}
}
.brands {
overflow: hidden;
overflow-anchor: none;
}
.brands-slider__slide {
height: 154px;
}
.brands-item {
height: 154px;
border-radius: var(--rounded);
}
.brands-item img {
opacity: 1;
-webkit-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
.shops-group {
grid-template-columns: 440px 1fr;
gap: 20px;
}
.shops-group--top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shops-group__item {
min-width: 0;
}
@media (max-width: 767px) {
.shops-group-over-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 1em;
}
}
.shops-sorting {
gap: 20px;
}
.shops-checkbox {
font-weight: bold;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 0;
}
.shops-checkbox:hover input {
background: var(--red-hover);
}
.shops-checkbox input {
width: 20px;
height: 20px;
border-radius: 3px;
background: red;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.shops-checkbox input:checked {
background: var(--red) url(/local/templates/vollo4/static/css/../../static/images/general/check.svg) center no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.shops-left {
position: relative;
}
.shops-items {
background: var(--white);
border-radius: var(--rounded);
height: 510px;
padding: 30px 15px 30px 24px;
}
.shops-list {
height: 100%;
}
.shops-list__item {
border-bottom: 1px solid #C4C8CF;
margin-bottom: 20px;
margin-right: 20px;
}
.shops-list__item--first {
border-top: 1px solid #C4C8CF;
padding-top: 15px;
}
.shops-list__item:last-child {
border: none;
margin-bottom: 0;
}
.shops-item {
padding-bottom: 20px;
position: relative;
cursor: pointer;
}
.shops-item-selected .shops-item__title {
color: var(--red);
}
.shops-item-selected .shops-item__info-item__icon {
fill: var(--red);
}
.shops-item-selected-green .shops-item__info-item__icon {
fill: var(--green);
}
.shops-item:hover .shops-item__title {
color: var(--red);
}
.shops-item__title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.shops-item__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.shops-item__info-item {
gap: 10px;
}
.shops-item__info-item__icon {
width: 14px;
height: 14px;
fill: var(--grey-1);
margin-top: 2px;
}
.shops-item__right {
display: none;
}
.shops-item__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-top: 4px;
}
.shops-item__btn {
width: 28px;
height: 28px;
border-radius: var(--rounded);
background: var(--white);
-webkit-box-shadow: 0px 0px 8px #E5EBF3;
box-shadow: 0px 0px 8px #E5EBF3;
}
.shops-item__group {
gap: 15px;
}
.shops-detail {
height: 510px;
background: var(--white);
border-radius: var(--rounded);
padding: 30px 16px 28px 24px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
}
.shops-detail--visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shops-detail--over-map {
position: absolute !important;
top: 1em;
bottom: 1em;
height: auto;
left: 1em;
right: 1em;
max-width: 350px;
}
.shops-detail__title {
font-size: 18px;
color: var(--red);
margin-bottom: 24px;
}
.shops-detail__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
}
.shops-detail__scroll {
height: 100%;
}
.shops-detail__slider-btn {
width: 20px;
height: 28px;
background: rgba(0, 0, 0, 0.5);
fill: var(--white);
}
.shops-detail__slider-btn[data-prev] {
left: 0;
}
.shops-detail__slider-btn[data-next] {
right: 0;
}
.shops-detail__slider-btn svg {
width: 10px;
height: 18px;
}
.shops-detail__slider-prev {
left: 0;
}
.shops-detail__slider-next {
right: 0;
}
.shops-detail__slider-img img {
width: 100%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
.shops-detail__slider:not(.swiper-initialized) {
visibility: hidden;
}
.shops-detail__info-inner {
width: 380px;
max-width: 100%;
}
.shops-detail__slider-wrapper {
margin-bottom: 24px;
}
.shops-detail__address {
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
line-height: 140%;
margin-bottom: 16px;
}
.shops-detail__address-icon {
width: 12px;
height: 14px;
fill: var(--red);
}
.shops-detail__btns {
margin-bottom: 30px;
padding-left: 24px;
}
.shops-detail__btns-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.shops-detail__contacts {
margin-bottom: 52px;
}
.shops-detail__contacts-item {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shops-detail__contacts-item:last-child {
margin-bottom: 0;
}
.shops-detail__contacts-item__icon {
width: 13px;
height: 13px;
fill: var(--red);
margin-top: 4px;
}
.shops-detail__contacts-item__txt a {
text-decoration: underline;
}
.shops-detail__contacts-item__txt a:hover {
text-decoration: none;
}
.shops-detail__work-title {
margin-bottom: 20px;
}
.shops-detail__work-list__item {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 16px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.shops-detail__work-list__item--red {
color: var(--red);
}
.shops-detail__work-list__item:last-child {
margin-bottom: 0;
}
.shops-detail__work-list__time {
width: 120px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.shops-detail__work-list__line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 2px;
}
.shops-detail__work-list__day {
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: pre-line;
}
.shops-detail__close {
position: absolute;
top: 20px;
right: 20px;
width: 16px;
height: 16px;
fill: var(--red);
}
.shops-marker {
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.shops-marker-vollo {
min-width: 60px;
min-height: 60px;
position: relative;
}
.shops-marker-cdek {
min-width: 60px;
min-height: 60px;
position: relative;
}
.shops-cluster-vollo {
min-width: 60px;
min-height: 60px;
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 4px solid #DA1108;
border-radius: 50%;
}
.shops-cluster-cdek {
min-width: 60px;
min-height: 60px;
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 4px solid #1ab248;
border-radius: 50%;
}
.shops-cluster-text {
font-size: 1.5em;
color: black;
line-height: 0;
font-weight: bold;
font-size: 24px;
font-weight: 700;
line-height: 0;
text-align: center;
}
.list-overlay {
overflow: auto;
}
.list-overlay.full::after {
opacity: 0;
}
.list-overlay::-webkit-scrollbar {
width: 2px;
background: #F5F7FA;
}
.list-overlay::-webkit-scrollbar-thumb {
background: #383F4F;
}
.list-overlay::after {
content: "";
width: 100%;
height: 68px;
position: absolute;
bottom: 20px;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(83%, #FFFFFF));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 83%);
pointer-events: none;
}
#shopsMap {
height: 510px;
width: 100%;
border-radius: var(--rounded);
min-width: 0;
}
.shops-map-over-map {
height: 510px !important;
}
@media (max-width: 1180px) {
.shops-group--bottom {
grid-template-columns: 1fr;
}
.shops-group--bottom .shops-group__item:nth-child(2) {
grid-row-start: 1;
}
.shops-sorting {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.shops-items {
height: 460px;
padding: 20px 15px;
}
.shops-item__inner {
display: grid;
gap: 20px;
grid-template-columns: 1fr 28px;
}
.shops-item__right {
display: block;
}
.shops-item__title {
font-size: 16px;
margin-bottom: 12px;
}
.shops-item__info {
font-size: 13px;
}
.shops-item__info-item {
line-height: normal;
}
.shops-item__info-item__icon {
width: 10px;
height: 10px;
margin-top: 4px;
}
.shops-detail {
padding: 20px 15px;
font-size: 13px;
}
.shops-detail__title {
font-size: 16px;
margin-bottom: 30px;
}
.shops-detail__info-inner {
width: calc(100% - 5px);
}
.shops-detail__info-group {
display: grid;
grid-template-columns: 270px 1fr;
-webkit-column-gap: 54px;
-moz-column-gap: 54px;
column-gap: 54px;
}
.shops-checkbox {
font-size: 12px;
gap: 6px;
}
.shops-checkbox input {
width: 16px;
height: 16px;
}
.shops-checkbox input:checked {
background-size: 10px 8px;
}
#shopsMap {
height: 390px;
}
}
@media (max-width: 640px) {
.shops-group {
gap: 10px;
}
.shops-group--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shops-sorting {
gap: 16px;
}
.shops-items {
height: 500px;
padding-right: 10px;
}
.shops-items--hidden {
display: none;
}
.shops-item__inner {
grid-template-columns: 1fr;
gap: 15px;
}
.shops-item__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin-top: 0;
padding-left: 20px;
}
.shops-list__item {
margin-right: 15px;
}
.shops-detail {
position: initial;
height: auto;
}
.shops-detail__title {
margin-bottom: 15px;
}
.shops-detail__slider-wrapper {
margin-bottom: 20px;
}
.shops-detail__info-inner {
width: 100%;
}
.shops-detail__info-group {
grid-template-columns: 1fr;
}
.shops-detail__btns {
padding-left: 4px;
}
.shops-detail__contacts {
margin-bottom: 40px;
}
#shopsMap {
height: 300px;
}
}
.seoBlock-content {
height: 115px;
overflow: hidden;
position: relative;
}
.seoBlock-content.full {
height: auto;
}
.seoBlock-content.full::after {
opacity: 0;
}
.seoBlock-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 64px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 247, 250, 0.5)), to(#F5F7FA));
background: linear-gradient(180deg, rgba(245, 247, 250, 0.5) 0%, #F5F7FA 100%);
pointer-events: none;
}
.seoBlock-content__inner {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.seoBlock-open {
color: var(--red);
margin-top: 20px;
display: inline-block;
}
.seoBlock-open:hover {
color: var(--red-hover);
}
@media (max-width: 1180px) {
.seoBlock-content__inner {
grid-template-columns: 1fr;
}
.seoBlock-open {
font-size: 13px;
margin-top: 8px;
}
}
@media (max-width: 640px) {
.seoBlock-content {
height: 200px;
}
}
.product {
padding-top: 32px;
padding-bottom: 40px;
}
.product-grid {
grid-template-columns: 1fr 350px 350px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-areas: "gallery title price" "gallery links price" "gallery value price" "gallery desc price" "gallery parameters price";
}
.product-grid__gallery {
grid-area: gallery;
}
.product-grid__title {
grid-area: title;
margin-bottom: 20px;
}
.product-grid__links {
grid-area: links;
margin-bottom: 56px;
}
.product-grid__value {
grid-area: value;
margin-bottom: 68px;
}
.product-grid__desc {
grid-area: desc;
margin-bottom: 60px;
}
.product-grid__parameters {
grid-area: parameters;
}
.product-grid__price {
grid-area: price;
}
.product__title {
font-size: 24px;
line-height: 140%;
}
.product__subtitle {
font-size: 20px;
line-height: 130%;
margin-bottom: 20px;
}
.product-links__inner {
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-links__inner-items {
gap: 30px;
}
.product-article {
font-size: 12px;
}
.product-linkIcon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
fill: var(--grey-2);
}
.product-linkIcon:hover {
color: var(--red);
fill: var(--red);
}
.product-linkIcon__icon {
width: 16px;
height: 16px;
}
.product-value__list {
gap: 5px;
}
.product-value__btn {
display: block;
}
.product-value__btn input {
display: none;
}
.product-value__btn input:checked + *::before {
border-color: var(--red);
}
.product-value__btn-content {
width: 68px;
height: 48px;
border-radius: var(--rounded);
background: var(--white);
color: var(--grey-2);
}
.product-value__btn-content:hover {
color: var(--red);
}
.product-value__btn-content::before {
border-width: 1.5px;
border-color: var(--white);
}
.product-sticky {
position: sticky;
top: 90px;
}
.product-desc {
line-height: 150%;
}
.product-parameters__item {
margin-bottom: 20px;
}
.product-parameters__item:last-child {
margin-bottom: 0;
}
.product-parameters__item-txt {
line-height: 150%;
}
.product-parameters__item-txt:last-child {
text-align: end;
}
.product-parameters__item-line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 10px 6px;
border-bottom: 1px solid #D0D1D7;
}
.product-details {
background: var(--white);
padding: 24px 20px;
}
.product-details__price {
margin-bottom: 4px;
}
.product-details__group {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px;
}
.product-details__nds {
font-size: 12px;
}
.product-details__bonus {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-details__bonus-hint {
width: 14px;
height: 14px;
fill: var(--grey-1);
margin-left: 4px;
cursor: pointer;
}
.product-details__dynamics {
background: var(--bg);
padding: 15px;
height: 110px;
margin-bottom: 15px;
}
.product-details__dynamics-inner {
height: 100%;
}
.product-details__dynamics-title {
width: 82px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 24px;
}
.product-details__dynamics-chart {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: calc(100% - 106px);
}
.product-details__purchases {
background: var(--bg);
padding: 11px 16px;
margin-bottom: 40px;
color: #71728A;
}
.product-details__purchases-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-details__purchases-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.product-details__purchases-icon {
width: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-details__availability {
margin-bottom: 30px;
}
.product-details__availability-item {
font-size: 16px;
margin-bottom: 16px;
}
.product-details__availability-item:last-child {
margin-bottom: 0;
}
.product-details__add {
margin-bottom: 40px;
}
.product-details__add-inner {
grid-template-columns: 1fr 60px;
gap: 10px;
}
.product-details__delivery {
font-size: 14px;
}
.product-details__delivery__item-title a {
text-decoration: underline;
}
.product-details__delivery__item-title a:hover {
text-decoration: none;
}
.product-details__delivery-item {
margin-bottom: 20px;
}
.product-details__delivery-item:last-child {
margin-bottom: 0;
}
.product-details__delivery-item__icon {
width: 6px;
height: 6px;
fill: var(--red);
margin-top: 5px;
margin-right: 14px;
}
.product-details__delivery-item__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-details__delivery-shops {
margin-top: 10px;
}
.product-details__delivery-shops__item {
font-size: 14px;
line-height: 170%;
margin-bottom: 6px;
}
.product-details__delivery-shops__item:last-child {
margin-bottom: 0;
}
.product-details__delivery-shops__item:hover {
color: var(--red);
}
.product-details__delivery-shops__item-line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 10px 12px;
border-bottom: 1px solid #D0D1D7;
}
.product-details__discontinued {
text-align: center;
margin-top: 6px;
}
.product-details__analogue {
text-align: center;
border-top: 1px solid #D0D1D7;
margin-top: 30px;
padding-top: 30px;
font-size: 16px;
gap: 20px;
}
.product-details__analogue-btn {
width: 100%;
font-size: 20px;
--py: 18px;
}
.product-add {
width: 100%;
--btn-height: 60px;
--btn-size: 44px;
--btn-bg: var(--bg);
--btn-bg-hover: var(--red);
--input-color: var(--black);
--icon-color-hover: var(--white);
}
.product-add__btn {
font-size: 20px;
padding: 0;
}
.product-add__qty {
background: transparent;
}
.product-add__qty::before {
border-color: var(--red);
}
.product-favorite {
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--bg);
fill: var(--grey-2);
}
.product-favorite.active, .product-favorite:hover {
fill: var(--red);
}
.product-favorite svg {
width: 28px;
height: 24px;
}
@media (max-width: 1366px) {
.product {
padding-bottom: 70px;
}
.product-grid {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
grid-template-areas: "title title title" "gallery links price" "gallery value price" "gallery desc price" "parameters parameters price";
}
.product-grid__title {
margin-bottom: 30px;
}
.product-grid__links {
margin-bottom: 40px;
}
.product-grid__desc {
margin-bottom: 0;
-ms-flex-item-align: end;
align-self: end;
}
.product-grid__parameters {
margin-top: 74px;
}
.product-links__inner {
gap: 24px;
}
.product-links__inner-art {
width: 100%;
}
.product-links__inner-items {
gap: 20px;
}
.product-value__list {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 14px;
}
}
@media (max-width: 1180px) {
.product {
padding-bottom: 35px;
}
.product__title {
font-size: 20px;
}
.product-grid {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
grid-template-areas: "title title" "links links" "gallery price" "value price" "desc price" "parameters parameters";
}
.product-grid__title {
margin-bottom: 20px;
}
.product-grid__links {
margin-bottom: 20px;
}
.product-grid__gallery {
margin-bottom: 20px;
}
.product-grid__value {
margin-bottom: 20px;
}
.product-grid__parameters {
margin-top: 40px;
}
.product-links__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.product-article {
font-size: 11px;
}
.product-linkIcon {
font-size: 12px;
}
.product-linkIcon__icon {
width: 12px;
height: 12px;
}
.product-value__list {
gap: 4px;
}
.product-value__btn-content {
width: 80px;
height: 48px;
}
.product-desc {
font-size: 14px;
}
.product-parameters__item {
font-size: 14px;
margin-bottom: 15px;
}
.product-details {
padding: 24px 15px;
}
.product-details__price {
font-size: 24px;
margin-bottom: 10px;
}
.product-details__group {
margin-bottom: 20px;
}
.product-details__nds {
font-size: 11px;
}
.product-details__bonus {
font-size: 12px;
}
.product-details__bonus-hint {
margin-left: 8px;
}
.product-details__dynamics {
height: auto;
padding: 12px 10px;
margin-bottom: 6px;
}
.product-details__dynamics #priceChart {
height: 80px;
}
.product-details__dynamics-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-details__dynamics-title {
font-size: 14px;
width: 100%;
margin-bottom: 40px;
}
.product-details__dynamics-chart {
width: 100%;
}
.product-details__purchases {
font-size: 12px;
padding-left: 10px;
padding-right: 20px;
margin-bottom: 30px;
}
.product-details__availability {
margin-bottom: 20px;
}
.product-details__availability-item {
font-size: 14px;
margin-bottom: 15px;
}
.product-details__add {
margin-bottom: 30px;
}
.product-details__add-inner {
grid-template-columns: 1fr 48px;
gap: 24px;
}
.product-details__delivery-item__icon {
margin-right: 10px;
}
.product-details__delivery-shops__item {
font-size: 12px;
margin-bottom: 10px;
}
.product-details__delivery-shops__item-line {
margin-bottom: 6px;
}
.product-details__analogue {
gap: 30px;
}
.product-details__analogue-btn {
margin-top: -10px;
}
.product-favorite {
width: 48px;
height: 48px;
}
.product-favorite svg {
width: 22px;
height: 20px;
}
.product-add {
--btn-height: 48px;
--btn-size: 34px;
}
.product-add__btn {
font-size: 16px;
}
}
@media (max-width: 640px) {
.product {
padding-top: 20px;
padding-bottom: 60px;
}
.product-grid {
grid-template-columns: 1fr;
grid-template-areas: "title" "links" "gallery" "value" "price" "desc" "parameters";
}
.product-grid__title {
margin-bottom: 10px;
}
.product-grid__links {
margin-bottom: 16px;
}
.product-grid__price {
margin-bottom: 40px;
}
.product-links__inner {
grid-template-columns: 1fr;
}
.product-parameters__item-txt {
max-width: initial;
}
.product-parameters__item-line {
margin-left: 8px;
margin-right: 8px;
}
}
.product-distributor-wrapper {
position: absolute;
bottom: 20px;
left: 30px;
right: 30px;
z-index: 1;
}
.product-distributor {
padding: 12px 16px;
color: #71728A;
font-size: 13px;
border-radius: var(--rounded);
}
.product-distributor__inner {
gap: 4px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-distributor__icon {
width: 15px;
height: 15px;
fill: #1AB248;
}
.product-distributor__img {
max-width: 75px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-certificate {
padding-left: 67px;
margin-top: 24px;
}
.product-certificate__inner {
grid-template-columns: 113px 1fr;
grid-template-rows: repeat(2, 75px);
grid-column-gap: 1em;
grid-row-gap: 10px;
}
@media screen and (max-width: 640px) {
.product-certificate__left {
grid-area: 1/1/3/1;
}
}
.product-certificate__link-1 {
grid-area: 1/2/1/2;
}
@media screen and (max-width: 640px) {
.product-certificate__link-1 {
grid-area: 1/2/1/2;
}
}
.product-certificate__link-2 {
grid-area: 2/2/2/2;
}
@media screen and (max-width: 640px) {
.product-certificate__link-2 {
grid-area: 2/2/2/2;
}
}
.product-certificate__link {
background: #009EEB;
position: relative;
height: 100%;
color: var(--white);
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 75px;
padding-left: 14px;
}
.product-certificate__link:hover {
color: #ffffff;
}
.product-certificate__link-img {
position: absolute;
top: 0;
bottom: 0;
right: -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-certificate__link--orange {
background: #F15A24;
}
.product-certificate__img {
overflow: hidden;
}
.product-certificate__img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-s-btn {
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 6px;
margin-top: 4px;
background: var(--white);
width: 100%;
}
.product-s-btn-prev {
margin-top: 0;
margin-bottom: 4px;
}
.product-s-btn:hover path {
fill: var(--red);
}
.product-s-btn.swiper-button-disabled {
visibility: hidden;
}
.product-gallery {
--g-height: 446px;
height: var(--g-height);
}
.product-gallery__inner {
grid-template-columns: 54px 1fr;
gap: 12px;
height: 100%;
}
.product-gallery__left {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-slider-item.hidden {
display: none;
}
.product-slider-wrapper {
position: relative;
background: var(--white);
height: var(--g-height);
}
.product-thumbs {
height: 112px;
}
.product-thumbs-high {
height: 228px;
}
.product-thumbs-big {
height: vw(198, 1920);
}
.product-thumbs-big-2 {
height: vw(396, 1920);
}
.product-thumbs__slide::before {
opacity: 0;
border-width: 1.5px;
border-color: var(--red);
}
.product-thumbs__active::before {
opacity: 1;
}
.product-thumbs__active::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--red);
opacity: 0.2;
border-radius: inherit;
}
.product-thumbs__img {
background: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.product-thumbs__img > picture img {
width: 45px;
}
.product-thumbs__img-play {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 24px;
height: 24px;
}
.product-slider-wrapper {
padding-top: 20px;
}
.product-slider-item {
position: relative;
height: 330px;
}
.product-slider__img {
text-align: center;
}
.product-slider__img img {
aspect-ratio: 1.52;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 639px) {
.product-slider__img img {
aspect-ratio: 1;
}
}
.product-slider__video {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-slider__video iframe {
width: 100%;
height: 100%;
}
.product-slider__img-big {
background: var(--white);
padding: vw(30, 1920);
height: 100%;
}
.product-slider__img-big img {
max-height: 100%;
width: auto;
}
.product-slider-btn {
--btn-bg: var(--bg);
--position: 10px;
--position-hover: 6px;
}
.product-slider-mobile {
display: none;
}
.open-gallery {
cursor: pointer;
}
@media (max-width: 1180px) {
.product-gallery {
--g-height: 390px;
}
.product-gallery__inner {
grid-template-columns: 1fr;
}
.product-gallery__left {
display: none !important;
}
.product-slider__img {
padding-top: 32px;
}
.product-slider__img img {
max-width: 264px;
}
.product-distributor-wrapper {
left: 10px;
right: 10px;
bottom: 16px;
}
.product-distributor {
white-space: nowrap;
}
.product-certificate {
padding-left: 0;
margin-top: 20px;
}
.product-certificate__inner {
grid-template-columns: 72px 1fr;
grid-template-rows: repeat(2, 48px);
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 5px;
}
.product-certificate__link {
font-size: 11px;
height: 100%;
padding-right: 30%;
}
.product-certificate__link-img {
width: 68px;
height: 68px;
right: -10px;
top: -10px;
}
.product-certificate__link-txt {
max-width: 178px;
}
.product-slider-item {
display: none;
}
.product-slider-mobile {
display: block;
height: 100%;
}
}
.reviews__title {
margin-bottom: 30px;
}
.reviews-inner {
grid-template-columns: 360px 1fr;
-webkit-column-gap: 102px;
-moz-column-gap: 102px;
column-gap: 102px;
}
.reviews-left {
gap: 30px;
line-height: 150%;
}
.reviews-left__txt {
margin-bottom: 20px;
max-width: 264px;
}
.reviews-left__add {
--px: 40px;
--py: 18px;
--radius: var(--rounded);
font-size: 20px;
}
.reviews-stars__icon {
fill: var(--red);
width: var(--s-width);
height: var(--s-height);
}
.reviews-stars__icon--null {
fill: var(--grey-1);
}
.reviews-stats__total {
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reviews-stats__total-value {
font-size: 24px;
line-height: 32px;
}
.reviews-stats__total-quantity {
margin-left: auto;
color: var(--grey-2);
}
.reviews-stats__total-stars {
--s-width: 21px;
--s-height: 20px;
gap: 8px;
}
.reviews-stats__list {
margin-top: 24px;
gap: 10px;
}
.reviews-stats__item {
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reviews-stats__item-left {
width: 68px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.reviews-stats__item-right {
width: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.reviews-stats__item-center {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.reviews-stats__item-line {
border-radius: var(--rounded);
overflow: hidden;
position: relative;
background: var(--white);
height: 6px;
}
.reviews-stats__item-line span {
background: var(--red);
display: block;
height: 100%;
border-radius: inherit;
}
.reviews-list__item {
border-bottom: 1px solid #D0D1D7;
margin-bottom: 30px;
}
.reviews-list__item:last-child {
margin-bottom: 0;
}
.reviews-item {
padding-bottom: 30px;
line-height: 150%;
}
.reviews-item__inner {
grid-template-columns: 1fr;
gap: 1em;
}
.reviews-item__group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1em;
}
.reviews-item__stars {
--s-width: 13.64px;
--s-height: 13px;
gap: 4px;
}
.reviews-item__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
gap: 2em;
row-gap: 1em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.reviews-item__txt {
margin-bottom: 20px;
line-height: 150%;
}
.reviews-item__txt:last-child {
margin-bottom: 0;
}
.reviews-item__txt-name {
margin-bottom: 6px;
}
.reviews-item__images-list {
gap: 8px;
}
.reviews-item__images-item {
width: 100px;
height: 100%;
border-radius: var(--rounded);
overflow: hidden;
}
.reviews-item__images-item img {
width: 100%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-item__empty-btn {
display: block;
width: 100%;
aspect-ratio: 3.44;
background: url(/local/templates/vollo4/static/css/../../static/images/general/reviews/empty_xl.png) center no-repeat;
background-size: contain !important;
}
@media (max-width: 980px) {
.reviews-item__empty-btn {
aspect-ratio: 2.92;
background: url(/local/templates/vollo4/static/css/../../static/images/general/reviews/empty_md.png) center no-repeat;
}
}
@media (max-width: 560px) {
.reviews-item__empty-btn {
aspect-ratio: 0.813;
background: url(/local/templates/vollo4/static/css/../../static/images/general/reviews/empty_xs.png) center no-repeat;
}
}
.reviews-more {
--px: 96px;
--py: 14px;
margin-top: 40px;
}
@media (max-width: 1366px) {
.reviews-inner {
grid-template-columns: 342px 1fr;
-webkit-column-gap: 42px;
-moz-column-gap: 42px;
column-gap: 42px;
}
.reviews-stats__total-quantity {
margin-left: 10px;
}
.reviews-stats__list {
max-width: 340px;
}
.reviews-item__inner {
gap: 1em;
}
}
@media (max-width: 1180px) {
.reviews__title {
margin-bottom: 24px;
}
.reviews-inner {
grid-template-columns: 1fr;
row-gap: 40px;
}
.reviews-left__title {
grid-area: title;
}
.reviews-left__desc {
grid-area: desc;
}
.reviews-left__stats {
grid-area: stats;
}
.reviews-left {
grid-template-columns: 176px 1fr;
grid-template-rows: auto;
grid-template-areas: "title stats" "desc stats";
row-gap: 20px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.reviews-left__txt {
font-size: 12px;
line-height: 150%;
margin-bottom: 16px;
}
.reviews-left__add {
--px: 10px;
--py: 15px;
width: 100%;
font-size: 16px;
}
.reviews-left__add--wa {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
--px: 22px;
}
.reviews-stats {
max-width: 454px;
margin-left: auto;
}
.reviews-stats__total {
gap: 20px;
}
.reviews-stats__total-value {
font-size: 20px;
line-height: 130%;
}
.reviews-stats__total-quantity {
font-size: 14px;
margin-left: auto;
}
.reviews-stats__list {
max-width: 100%;
gap: 8px;
}
.reviews-stats__item {
font-size: 12px;
line-height: 18px;
gap: 10px;
grid-template-columns: 72px 1fr 32px;
}
.reviews-stats__item-line {
height: 4px;
}
.reviews-stats__item-right {
text-align: right;
}
.reviews-list__item {
margin-bottom: 20px;
}
.reviews-item {
padding-bottom: 20px;
}
.reviews-item__inner {
grid-template-columns: 164px 1fr;
gap: 64px;
}
.reviews-item__date {
font-size: 12px;
}
.reviews-item__user {
font-size: 12px;
}
.reviews-item__txt {
font-size: 14px;
margin-bottom: 16px;
}
.reviews-item__images-list {
gap: 5px;
}
.reviews-item__images-item {
width: 62px;
height: 62px;
}
.reviews-more {
margin-top: 30px;
margin-left: auto;
width: calc(100% - 228px);
font-size: 14px;
}
}
@media (max-width: 640px) {
.reviews-left {
grid-template-columns: 1fr;
gap: 0;
grid-template-areas: "title" "stats" "desc";
}
.reviews-left__title {
margin-bottom: 30px;
}
.reviews-left__stats {
margin-bottom: 24px;
}
.reviews-left__txt {
max-width: 100%;
}
.reviews-left__add {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
--px: 48px;
--py: 15px;
}
.reviews-item__inner {
grid-template-columns: 1fr;
gap: 15px;
}
.reviews-item__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.reviews-item__user {
margin-top: 0;
}
.reviews-item__group {
gap: 10px;
}
.reviews-more {
width: 100%;
}
}
.discussion-content {
padding: 20px 20px 20px 40px;
overflow: hidden;
position: relative;
}
.discussion-content::before, .discussion-content::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.discussion-content::before {
z-index: 2;
background: url(/local/templates/vollo4/static/css/../../static/images/general/discussion/discussion-bg.png) 0 0 no-repeat;
background-size: cover;
}
.discussion-content::after {
background: rgba(211, 231, 240, 0.8);
z-index: 3;
}
.discussion-content__inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 4;
}
.discussion-content__right {
width: 954px;
max-width: 100%;
}
.discussion-content__left {
padding-top: 10px;
}
.discussion-content__left h2,
.discussion-content__left .h2 {
line-height: 150%;
}
.discussion__title {
max-width: 218px;
}
.discussion-info {
position: relative;
background: var(--white);
padding: 16px 20px 20px;
overflow: hidden;
}
.discussion-info__img img {
margin-bottom: 24px;
}
.discussion-info__img img:last-child {
margin-bottom: 0;
}
.discussion-info__1366 {
display: none;
}
.discussion-info__724 {
display: none;
}
.discussion-info__360 {
display: none;
}
.discussion-info__btn {
margin-top: 8px;
--bg: #4BA3E2;
--radius: 6px;
--py: 12px;
width: 100%;
font-size: 20px;
}
.discussion-info__txt {
color: var(--grey-1);
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 410px;
font-size: 20px;
line-height: 150%;
margin-bottom: 36px;
margin-top: 14px;
}
.discussion-info:before {
content: "";
background: white;
width: 70px;
height: 70px;
position: absolute;
top: 0;
right: 0;
}
.discussion-info::after {
content: "";
background: white;
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 640px) {
.discussion-info::after {
height: 70px;
}
}
.discussion-info__link {
position: absolute;
background: #358bd0;
bottom: 1em;
z-index: 10;
left: 1em;
right: 1em;
text-align: center;
color: white;
padding: 1em;
border-radius: 4px;
}
.discussion-info__link:hover {
background: #2571b0;
color: white;
}
@media (max-width: 1366px) {
.discussion-content {
padding: 30px 24px 30px 24px;
}
.discussion-content__left {
padding-top: 0;
}
.discussion-content__right {
width: 866px;
}
.discussion-info__1920 {
display: none;
}
.discussion-info__1366 {
display: block;
}
.discussion-info__btn {
margin-top: 24px;
}
.discussion-info__txt {
margin-bottom: 46px;
}
}
@media (max-width: 1180px) {
.discussion__title {
max-width: 100%;
}
.discussion-content {
padding: 24px 20px 30px;
}
.discussion-content__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.discussion-content__left {
width: 100%;
margin-bottom: 12px;
}
.discussion-info {
padding: 6px 4px 20px;
}
.discussion-info__1366 {
display: none;
}
.discussion-info__724 {
display: block;
}
.discussion-info__img {
text-align: center;
}
.discussion-info__btn {
margin-top: 20px;
font-size: 14px;
line-height: 18px;
--py: 15px;
--icon-size: 14px;
}
.discussion-info__btn-wrap {
padding-left: 14px;
padding-right: 14px;
}
.discussion-info__txt {
max-width: 100%;
font-size: 16px;
margin-top: 34px;
margin-bottom: 40px;
}
}
@media (max-width: 640px) {
.discussion-content {
padding: 20px 10px;
}
.discussion-info {
padding: 8px 4px 0;
}
.discussion-info__724 {
display: none;
}
.discussion-info__360 {
display: block;
}
.discussion-info__btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 20px;
}
.discussion-info__btn-wrap {
padding: 0;
margin-left: -4px;
margin-right: -4px;
}
.discussion-info__txt {
max-width: 242px;
margin-top: 44px;
margin-bottom: 52px;
}
.discussion__title {
text-align: center;
}
}
.catalog {
padding-bottom: 80px;
}
.catalog__banner {
margin-bottom: 20px;
}
.catalog__head {
margin-bottom: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog__content {
grid-template-columns: 318px 1fr;
gap: 40px;
}
.catalog__item {
border-top: 1px solid var(--stroke);
padding-top: 20px;
}
.catalog__selected {
margin-bottom: 32px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.catalog__selected.animate {
opacity: 1;
}
.catalog__selected-list {
grid-template-columns: -webkit-min-content;
grid-template-columns: min-content;
gap: 10px;
}
.catalog-selectedItem {
padding: 6px 6px 6px 20px;
border-radius: 60px;
background: var(--grey-2);
color: var(--white);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.catalog-selectedItem.animate {
opacity: 1;
}
.catalog-selectedItem__inner {
grid-template-columns: -webkit-max-content 36px;
grid-template-columns: max-content 36px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.catalog-selectedItem--red {
background: var(--red);
opacity: 1;
}
.catalog-selectedItem__btn {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--white);
fill: var(--red);
}
.catalog-selectedItem__btn svg {
width: 14px;
height: 14px;
}
.catalog__list {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.catalog__more {
margin-top: 40px;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog__more-btn {
width: 700px;
max-width: 100%;
font-size: 20px;
--py: 22px;
}
.catalog__seo {
margin-top: 80px;
}
.catalog__m-sorting {
display: none;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.catalog__selected:not(.visible) {
display: none;
}
.sorting-select {
width: 340px;
height: 60px;
background: var(--white) url(/local/templates/vollo4/static/css/../../static/images/general/select.svg) right 16px center no-repeat;
border: none;
padding: 0 32px 0 16px;
border-radius: 6px;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
.pagination-list__item {
margin-right: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.pagination-list__item:last-child {
margin-left: 16px;
margin-right: 8px;
}
.pagination-btn {
width: 68px;
height: 68px;
border-radius: 50%;
background: var(--white);
font-size: 20px;
color: var(--red);
}
.pagination-btn.selected {
background: transparent;
}
.pagination-btn.selected::before {
border-color: var(--red);
}
.pagination-btn::before {
border-color: var(--white);
}
.pagination-btn:hover {
background: var(--red);
color: var(--white);
}
.pagination-btn:hover::before {
border-color: var(--red);
}
.sorting-select {
height: 46px;
font-size: 14px;
}
@media (max-width: 1366px) {
.catalog__head {
margin-bottom: 24px;
}
.catalog__content {
grid-template-columns: 268px 1fr;
gap: 32px;
}
.catalog__list {
gap: 10px;
}
.catalog__more-btn {
width: 548px;
}
.catalog__seo {
grid-template-columns: 1fr;
}
.catalog__seo .fake-block {
display: none;
}
}
@media (max-width: 1180px) {
.catalog h1 {
font-size: 20px;
line-height: 140%;
}
.catalog__banner {
margin-bottom: 32px;
}
.catalog__content {
grid-template-columns: 1fr;
gap: 20px;
}
.catalog__head {
margin-bottom: 20px;
}
.catalog__head-sorting {
display: none;
}
.catalog__item {
border: none;
padding: 0;
}
.catalog__selected {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid var(--stroke);
}
.catalog__m-sorting {
margin-bottom: 20px;
display: grid;
}
.catalog__list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.catalog__more {
margin-top: 32px;
}
.catalog__more-btn {
width: 330px;
font-size: 15px;
line-height: 16px;
--py: 16px;
}
.catalog__seo {
margin-top: 60px;
}
.catalog-selectedItem {
font-size: 14px;
}
.catalog-selectedItem__inner {
grid-template-columns: -webkit-max-content 28px;
grid-template-columns: max-content 28px;
}
.catalog-selectedItem__btn {
width: 28px;
height: 28px;
}
.catalog-selectedItem__btn svg {
width: 10px;
height: 10px;
}
.catalog-selectedItem__txt {
padding-bottom: 2px;
}
.sorting-select {
width: 100%;
}
.pagination-list__item {
margin-right: 6px;
}
.pagination-list__item:last-child {
margin-left: 14px;
}
.pagination-btn {
width: 48px;
height: 48px;
font-size: 16px;
}
}
@media (max-width: 640px) {
.catalog {
padding-bottom: 40px;
}
.catalog__banner {
margin-bottom: 16px;
}
.catalog__head {
margin-bottom: 16px;
}
.catalog__selected {
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
}
.catalog__selected-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
overflow: auto;
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
}
.catalog__selected-list::-webkit-scrollbar {
display: none;
}
.catalog__m-sorting {
grid-template-columns: 1fr;
gap: 10px;
}
.catalog__list {
grid-template-columns: 1fr;
gap: 10px;
}
.catalog__more {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
margin-top: 20px;
}
.catalog__more-item {
width: 100%;
}
.catalog__more-btn {
width: 100%;
}
.catalog__seo {
margin-top: 48px;
}
.pagination {
width: 100%;
}
.pagination-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.pagination-list__item {
margin: 0;
}
.pagination-list__item:last-child {
margin-left: 0;
}
.pagination-btn:not(.selected) {
width: 40px;
height: 40px;
}
}
.filter-open {
display: none;
grid-template-columns: 22px 1fr 24px;
gap: 16px;
padding: 12px 16px 12px 24px;
font-size: 20px;
width: 100%;
text-align: left;
}
.filter-open.active {
fill: var(--red);
}
.filter-open.active .filter-open__arrow {
background: var(--red);
}
.filter-open.active .filter-open__arrow svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-open.active .filter-open__arrow path {
fill: var(--white);
}
.filter-open__icon {
width: 22px;
height: 22px;
}
.filter-open__arrow {
width: 24px;
height: 24px;
background: #F5F7FA;
fill: var(--red);
border-radius: 50%;
}
.filter-open__arrow svg {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.filter__content-middle {
margin-top: 20px;
}
.filter__content-bottom {
margin-top: 40px;
}
.filter__group {
border-top: 1px solid var(--stroke);
padding: 16px 0;
}
.filter__clear {
width: 100%;
--py: 14px;
}
.filter__name {
font-size: 20px;
line-height: 130%;
}
.filter-price__title {
margin-bottom: 16px;
}
.filter-price__inputs {
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
.filter-price__input {
height: 60px;
width: 100%;
display: block;
border-radius: var(--rounded);
text-align: center;
background: var(--white);
border: none;
color: var(--red);
font-weight: 500;
}
.filter-price__input::-webkit-input-placeholder {
color: var(--grey-3);
}
.filter-price__input::-moz-placeholder {
color: var(--grey-3);
}
.filter-price__input:-ms-input-placeholder {
color: var(--grey-3);
}
.filter-price__input::-ms-input-placeholder {
color: var(--grey-3);
}
.filter-price__input::placeholder {
color: var(--grey-3);
}
.filter-price__slider {
margin-top: 16px;
}
.filter-price__selected {
margin-top: 16px;
display: none;
}
.filter-price__selected-list {
white-space: nowrap;
gap: 6px;
overflow: auto;
}
.filter-price__selected-list::-webkit-scrollbar {
display: none;
}
.filter-item {
--checkbox-fz: 18px;
font-size: 18px;
line-height: 150%;
border-top: 1px solid var(--stroke);
padding: 20px 0;
}
.filter-item:last-child {
border-bottom: 1px solid var(--stroke);
}
.filter-item .form-checkbox {
color: var(--black);
}
.filter-item .form-checkbox:hover {
color: var(--red);
}
.filter-item__head {
position: relative;
}
.filter-item__head-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: 1fr 24px;
gap: 8px;
}
.filter-item__open {
width: 24px;
height: 24px;
}
.filter-item__open svg {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.filter-item__open.active svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-item__open:hover path {
fill: var(--red);
}
.filter-item__open:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.filter-item__m-open {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
gap: 8px;
}
.filter-item__m-open svg {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.filter-item__m-open.active {
color: var(--red);
}
.filter-item__m-open.active svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-item__body {
position: relative;
}
.filter-item__list-wrap {
max-height: 216px;
}
.filter-item__list-wrap::after {
display: none;
}
.filter-item__list-wrap.full-list {
max-height: 441px;
}
.filter-item__list-wrap.full-list .filter-item__list-item:nth-child(n+6) {
display: block;
}
.filter-item__list-item {
margin-bottom: 16px;
}
.filter-item__list-item:nth-child(n+6) {
display: none;
}
.filter-item__list-item:last-child {
margin-bottom: 0;
}
.filter-item__body {
padding-left: 20px;
padding-top: 20px;
}
.filter-item__body--hide {
display: none;
}
.filter-item__more {
margin-top: 16px;
}
.noUi-target {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 60px;
background: var(--grey-3);
}
.noUi-connect {
background: var(--red);
}
.noUi-horizontal {
height: 4px;
}
.noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--white);
border: 2px solid var(--red);
top: -8px;
right: -10px;
cursor: pointer;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
display: none;
}
.switch__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
}
.switch-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.switch-btn input {
display: none;
}
.switch-btn input:checked + span {
background: var(--red);
}
.switch-btn input:checked + span span {
left: 27px;
}
.switch-btn__content {
width: 54px;
height: 30px;
position: relative;
background: var(--grey-3);
border-radius: 32px;
display: block;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.switch-btn__content span {
width: 24px;
height: 24px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 3px;
background: var(--white);
border-radius: 50%;
-webkit-transition: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
}
@media (max-width: 1180px) {
.filter__m-hidden {
display: none;
}
.filter-open {
display: grid;
}
.filter__inner {
background: var(--white);
border-radius: var(--rounded);
}
.filter__content {
padding: 8px 24px 24px;
}
.filter__content-top {
display: grid;
grid-template-columns: 20% 1fr;
row-gap: 14px;
-webkit-column-gap: 90px;
-moz-column-gap: 90px;
column-gap: 90px;
}
.filter__content-middle {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 20px;
padding-top: 20px;
border-top: 1px solid var(--stroke);
}
.filter__content-bottom {
margin-top: 24px;
}
.filter__name {
font-size: 14px;
}
.filter__group {
border: none;
padding: 0;
}
.filter__group:last-child {
grid-area: 1/2/3/3;
}
.filter-price__title {
margin-bottom: 6px;
}
.filter-price__input {
background: var(--bg);
height: 34px;
font-size: 14px;
}
.filter-price__content {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: 206px 1fr;
gap: 20px;
}
.filter-price__content > * {
min-width: 0;
}
.filter-price__slider {
margin-top: 0;
}
.filter-item {
border: none;
padding: 0;
--checkbox-fz: 12px;
}
.filter-item:last-child {
border: none;
}
.filter-item__head {
margin-bottom: 8px;
}
.filter-item__head-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-template-columns: initial;
}
.filter-item__open {
display: none;
}
.filter-item__body {
display: block;
background: var(--bg);
border-radius: var(--rounded);
height: 200px;
padding: 10px 4px 10px 10px;
position: relative;
}
.filter-item__more {
display: none;
}
.filter-item__list-wrap {
height: 100%;
max-height: initial;
}
.filter-item__list-wrap::after {
display: block;
bottom: -10px;
}
.filter-item__list-item {
margin-bottom: 10px;
}
.filter-item__list-item:nth-child(n+6) {
display: block;
}
.filter__clear {
font-size: 15px;
--py: 16px;
}
.switch-btn input:checked + span span {
left: 18px;
}
.switch-btn__content {
width: 36px;
height: 20px;
}
.switch-btn__content span {
width: 16px;
height: 16px;
left: 2px;
}
}
@media (max-width: 640px) {
.filter {
--checkbox-fz: 12px;
}
.filter .form-checkbox {
display: block;
}
.filter .form-checkbox input {
display: none;
}
.filter .form-checkbox input:checked + span {
background: var(--grey-2);
color: var(--white);
}
.filter .form-checkbox input:checked + span::before {
border-color: var(--grey-2);
}
.filter .form-checkbox span {
line-height: 20px;
padding: 10px 20px;
position: relative;
display: block;
border-radius: 32px;
}
.filter .form-checkbox span::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
border: 1px solid #D9D9D9;
}
.filter__content {
padding: 0 14px 24px;
overflow: hidden;
}
.filter__content-top {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
row-gap: 20px;
grid-template-columns: repeat(2, 1fr);
padding-top: 14px;
border-top: 1px solid var(--stroke);
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
}
.filter__content-middle {
grid-template-columns: 1fr;
gap: 0px;
border: none;
margin-top: 16px;
padding-top: 0;
}
.filter__group:last-child {
grid-area: 2/1/3/3;
}
.filter-price__content {
grid-template-columns: 1fr;
}
.filter-price__inputs {
gap: 8px;
}
.filter-price__slider {
display: none;
}
.filter-price__selected {
display: block;
margin-top: -4px;
}
.filter-item {
min-width: 0;
border-top: 1px solid var(--stroke);
margin-bottom: 0;
padding: 16px;
margin-left: -14px;
margin-right: -14px;
}
.filter-item:last-child {
border-top: 1px solid var(--stroke);
border-bottom: 1px solid var(--stroke);
}
.filter-item__m-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter-item__body {
height: auto;
padding: 0;
border-radius: 0;
background: none;
}
.filter-item__list-wrap {
height: auto;
overflow: initial;
}
.filter-item__list-wrap::after {
display: none;
}
.filter-item__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
overflow: auto;
gap: 6px;
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
}
.filter-item__list.full {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.filter-item__list::-webkit-scrollbar {
display: none;
}
.filter-item__list-item {
margin-bottom: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.switch__inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
}
.sections {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.sections__item {
min-width: calc((100% - 2em) / 3);
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1em;
border-radius: 6px;
background: var(--white);
padding: 1em 1em 1em 1em;
position: relative;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 980px) {
.sections__item {
min-width: calc((100% - 1em) / 2);
}
}
@media (max-width: 560px) {
.sections__item {
min-width: 100%;
}
}
.sections__item--parent {
padding: 1em 12em 1em 1em;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 767px) {
.sections__item--parent {
padding: 1em 7em 1em 1em;
}
}
@media (max-width: 767px) {
.sections__item--parent {
padding: 1em;
}
}
.sections__item-title {
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: 0%;
color: #000;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.5em;
}
.sections__item--single .sections__item-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sections__item--single .sections__item-title:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sections__item-title:after {
content: "";
width: 7px;
height: 1em;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
background: url('data:image/svg+xml,') center bottom no-repeat;
}
.sections__item--single .sections__item-title:after {
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #F5F7FA;
background-position: 54% 48%;
background-image: url('data:image/svg+xml,');
}
.sections__item--single:hover .sections__item-title:after {
background-color: #E30101;
background-image: url('data:image/svg+xml,');
}
.sections__item-picture {
display: block;
position: absolute;
top: 1em;
right: 1em;
bottom: 1em;
width: 10em;
}
@media (max-width: 767px) {
.sections__item-picture {
width: 5em;
}
}
@media (max-width: 560px) {
.sections__item-picture {
display: none;
}
}
.sections__item-picture img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
}
.sections__item--single .sections__item-picture {
display: none;
}
.sections__item-children {
list-style: none;
padding: 0;
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.2em;
display: none;
}
.sections__item--parent .sections__item-children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sections__item-children-item {
color: #000;
text-decoration: none;
font-family: Inter;
font-weight: 400;
font-size: 15px;
line-height: 150%;
letter-spacing: 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5em;
-webkit-box-align: first baseline;
-ms-flex-align: first baseline;
align-items: first baseline;
}
.sections__item-children-item:before {
content: "";
width: 3px;
height: 0.7em;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
background: url('data:image/svg+xml,') center no-repeat;
}
.catalog-menu-aside__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-menu-aside__item {
margin-bottom: 10px;
}
.catalog-menu-aside__link {
font-size: 16px;
}
@media (max-width: 767px) {
.catalog-menu-aside__link {
font-size: 16px;
}
}
.cart {
padding-bottom: 100px;
}
.cart__head {
margin-bottom: 40px;
}
.cart__content {
grid-template-columns: 1fr 348px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
row-gap: 100px;
}
.cart__content-left {
grid-area: 1/1/2/2;
}
.cart__content-right {
grid-area: 1/2/3/3;
}
.cart__content-form {
grid-area: 2/1/3/2;
}
.cart__form {
margin-top: 100px;
}
.cart-null {
text-align: center;
padding-top: 20px;
}
.cart-null__title {
margin-bottom: 30px;
}
.cart-null__img {
margin-bottom: 60px;
}
.cart-null__btn {
margin-left: auto;
margin-right: auto;
--px: 112px;
--py: 26px;
font-size: 24px;
text-transform: uppercase;
font-weight: 500;
}
@media (max-width: 1366px) {
.cart {
padding-bottom: 80px;
}
.cart__head {
margin-bottom: 30px;
}
.cart__content {
grid-template-columns: 1fr 320px;
row-gap: 80px;
}
.cart__form {
margin-top: 80px;
}
.cart-null {
padding-top: 10px;
}
.cart-null__title {
margin-bottom: 40px;
}
.cart-null__img {
margin-bottom: 40px;
}
.cart-null__img img {
height: 300px;
width: auto;
}
}
@media (max-width: 1180px) {
.cart__head {
margin-bottom: 20px;
}
.cart__content {
grid-template-columns: 1fr;
gap: 40px;
}
.cart__content-left {
grid-area: initial;
}
.cart__content-right {
grid-area: initial;
}
.cart__content-form {
grid-area: initial;
}
.cart-null__title {
margin-bottom: 24px;
}
.cart-null__img {
margin-bottom: 30px;
}
.cart-null__img img {
height: 150px;
}
.cart-null__btn {
font-size: 20px;
--py: 22px;
--px: 48px;
}
}
@media (max-width: 640px) {
.cart {
padding-bottom: 60px;
}
.cart__form {
margin-top: 60px;
}
.cart-null {
padding-top: 40px;
}
.cart-null__title {
margin-bottom: 10px;
}
.cart-null__btn {
width: 100%;
}
}
div#tmg_ps_payment_systems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div#tmg_ps_payment_systems .tmg_ps_payment_option {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
div#tmg_ps_payment_systems .tmg_ps_payment_option:nth-child(4) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cart-products {
--checkbox-fz: 18px;
margin-bottom: 50px;
}
.cart-products:last-child {
margin-bottom: 0;
}
.cart-products .form-checkbox {
line-height: 1;
}
.cart-products__head {
background: var(--white);
border-radius: var(--rounded);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 22px 20px;
}
.cart-products__subtitle {
margin-top: 32px;
padding-bottom: 16px;
border-bottom: 1px solid var(--stroke);
font-size: 18px;
color: var(--grey-2);
}
.cart-products__date {
margin-top: 32px;
width: 400px;
max-width: 100%;
}
.cart-products__actions {
gap: 32px;
}
.cart-products__actions-favorite {
--icon-width: 22px;
--icon-height: 20px;
}
.cart-products__actions-remove {
--icon-width: 20px;
--icon-height: 20px;
}
.cart-products__actions-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: normal;
gap: 10px;
color: var(--grey-2);
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.cart-products__actions-btn__icon {
width: var(--icon-width);
height: var(--icon-height);
}
.cart-products__actions-btn:hover {
color: var(--red);
}
.cart-products__actions-btn:hover path {
fill: var(--red);
}
.cart-products__actions-share {
--icon-width: 24px;
--icon-height: 20px;
}
.cart-products__actions-share:hover path {
fill: transparent;
stroke: var(--red);
}
.cart-products__list-item {
border-bottom: 1px solid var(--stroke);
}
.cart-product {
position: relative;
padding: 16px 20px;
color: var(--grey-2);
}
.cart-product__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.cart-product__inner-left {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
grid-template-columns: 20px 75px;
gap: 20px;
}
.cart-product__inner-right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
grid-template-columns: 1fr 388px;
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.cart-product__inner-name {
grid-area: 1/1/2/2;
}
.cart-product__inner-actions {
grid-area: 2/1/3/2;
}
.cart-product__inner-price {
grid-area: 1/2/3/3;
}
.cart-product__remove {
width: 20px;
height: 20px;
}
.cart-product__remove:hover {
fill: var(--red);
}
.cart-product__img {
width: 75px;
height: 75px;
background: var(--white);
border-radius: var(--rounded);
padding: 2px;
}
.cart-product__img picture {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-product__img img {
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cart-product__name {
min-height: 44px;
max-width: 460px;
}
.cart-product__actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.cart-product__actions-list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
position: relative;
z-index: 3;
}
.cart-product__favorite {
position: initial;
}
.cart-product__article {
font-size: 14px;
color: var(--grey-1);
}
.cart-product__group {
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: 90px 1fr 90px;
gap: 30px;
font-size: 16px;
line-height: 150%;
--btn-height: 46px;
--btn-size: 34px;
}
.cart-product__txt {
text-align: right;
}
.cart-product__txt-new {
margin-top: 2px;
color: var(--red);
}
.cart-product__txt-old {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
.cart-product__txt-old::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
background: var(--red);
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.cart-product__qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--white);
position: relative;
z-index: 3;
}
.cart-product__qty button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid var(--grey-2);
}
.cart-product__qty button:hover {
border-color: var(--red);
}
.cart-product__qty button:hover path {
stroke: var(--red);
}
.cart-product__qty path {
stroke: var(--grey-2);
}
.cart-product__qty input {
color: var(--red);
}
.cart-product__checkbox {
position: relative;
z-index: 3;
}
.cart-product__checkbox input:checked {
background: var(--red) url(/local/templates/vollo4/static/css/../../static/images/general/check-white.svg) center no-repeat;
}
.cart-product__txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1366px) {
.cart-product {
padding: 20px 0;
}
.cart-product__inner-right {
grid-template-columns: 1fr 346px;
}
.cart-product__group {
gap: 16px;
}
}
@media (max-width: 1180px) {
.cart-products {
--checkbox-fz: 14px;
margin-bottom: 30px;
}
.cart-products__head {
padding: 14px 20px 14px 16px;
}
.cart-products__actions-btn__txt {
display: none;
}
.cart-products__subtitle {
font-size: 16px;
margin-top: 24px;
}
.cart-products__date {
margin-top: 20px;
}
.cart-product__inner-left {
grid-template-columns: 20px 86px;
}
.cart-product__inner-right {
grid-template-columns: 1fr 120px;
}
.cart-product__img {
width: 86px;
height: 86px;
}
.cart-product__actions {
gap: 20px;
}
.cart-product__actions-list {
gap: 16px;
}
.cart-product__remove {
width: 16px;
height: 16px;
}
.cart-product__remove .icon {
width: 100%;
height: 100%;
}
.cart-product__favorite {
width: 17px;
height: 16px;
}
.cart-product__article {
font-size: 12px;
line-height: 16px;
}
.cart-product__group {
grid-template-columns: 1fr;
gap: 0px;
--btn-height: 34px;
--btn-size: 24px;
}
.cart-product__group-count {
margin: 12px 0;
}
.cart-product__txt {
text-align: center;
font-size: 14px;
line-height: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
}
.cart-product__txt-new {
margin-top: 0;
}
.cart-product__qty .productCard-qty__minus svg {
width: 12px;
height: auto;
}
.cart-product__qty .productCard-qty__plus svg {
width: 12px;
height: 12px;
}
}
@media (max-width: 640px) {
.cart-products__actions {
gap: 24px;
}
.cart-products__actions-share {
--icon-width: 20px;
--icon-height: 17px;
}
.cart-products__actions-favorite {
--icon-width: 18px;
--icon-height: 16px;
}
.cart-products__actions-remove {
--icon-width: 18px;
--icon-height: 18px;
}
.cart-product__inner {
gap: 12px;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.cart-product__inner-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0;
}
.cart-product__inner-right {
grid-template-columns: 1fr;
gap: 12px;
}
.cart-product__inner-name {
grid-area: 1/1/2/2;
}
.cart-product__inner-price {
grid-area: 2/1/3/2;
}
.cart-product__inner-actions {
grid-area: 3/1/4/2;
}
.cart-product__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: initial;
}
.cart-product__group-count {
margin: 0;
}
.cart-product__qty {
width: 130px;
}
.cart-product__img {
width: 64px;
height: 64px;
margin-top: auto;
}
.cart-product__checkbox {
margin-bottom: 12px;
}
.cart-product__txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.cart-product__txt-new {
line-height: 21px;
}
}
.cart-total {
background: var(--white);
border-radius: var(--rounded);
padding: 24px 20px;
position: sticky;
top: 90px;
}
.cart-total__head {
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
text-transform: uppercase;
padding-bottom: 16px;
width: 100%;
text-align: left;
}
.cart-total__head-icon {
width: 21px;
height: 22px;
}
.cart-total__head-arrow {
display: none;
}
.cart-total__body {
border-top: 1px solid var(--stroke);
padding-top: 24px;
}
.cart-total__info {
color: var(--grey-2);
}
.cart-total__info-item {
margin-bottom: 16px;
gap: 8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
line-height: 24px;
}
.cart-total__info-item:last-child {
margin-bottom: 0;
}
.cart-total__info-item__value {
white-space: nowrap;
}
.cart-total__info-item__name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.cart-total__info-item__name-icon {
width: 14px;
height: 20px;
fill: var(--red);
}
.cart-total__total {
margin: 24px 0;
padding: 16px 0;
border-top: 1px solid var(--red);
border-bottom: 1px solid var(--red);
}
.cart-total__total-top {
gap: 8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 32px;
line-height: 40px;
}
.cart-total__total-bottom {
margin-top: 8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px;
line-height: 14px;
color: var(--grey-2);
font-weight: 300;
}
.cart-total__selected {
padding: 16px 10px;
background: #FFFCDA;
border-radius: var(--rounded);
}
@media (max-width: 1366px) {
.cart-total__total {
margin: 20px 0;
}
.cart-total__info-item {
margin-bottom: 8px;
}
}
@media (max-width: 1180px) {
.cart-total {
padding: 0;
}
.cart-total__head {
line-height: 1;
padding: 12px 24px;
fill: var(--red);
font-size: 16px;
}
.cart-total__head .filter-open__arrow {
background: var(--red);
}
.cart-total__head .filter-open__arrow svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.cart-total__head .filter-open__arrow path {
fill: var(--white);
}
.cart-total__head.active {
fill: var(--black);
}
.cart-total__head.active .filter-open__arrow {
background: #F5F7FA;
}
.cart-total__head.active .filter-open__arrow svg {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.cart-total__head.active .filter-open__arrow path {
fill: var(--red);
}
.cart-total__head-arrow {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cart-total__head-txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-total__body {
border: none;
padding: 8px 24px 16px 24px;
}
.cart-total__body-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 74px;
}
.cart-total__total {
margin-top: 0;
margin-bottom: 18px;
}
.cart-total__total--mb-0 {
margin-bottom: 0;
}
.cart-total__total-top {
font-size: 24px;
line-height: 28px;
}
.cart-total__total-bottom {
margin-top: 10px;
}
.cart-total__info-item {
font-size: 14px;
line-height: 21px;
margin-bottom: 14px;
}
.cart-total__info-item--big {
font-size: 16px;
line-height: 24px;
}
.cart-total__selected {
margin-top: 24px;
}
}
@media (max-width: 640px) {
.cart-total__head {
padding-right: 16px;
}
.cart-total__body {
padding: 8px 14px 16px 14px;
}
.cart-total__body-inner {
grid-template-columns: 1fr;
gap: 0;
}
.cart-total__total {
margin-top: 30px;
}
}
.cart-form .switch {
font-size: 18px;
}
.cart-form__group {
margin-bottom: 100px;
}
.cart-form__group:last-child {
margin-bottom: 0;
}
.cart-form__head {
margin-bottom: 32px;
}
.cart-form__head-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 48px;
}
.cart-form__head-txt {
font-style: italic;
margin-top: 10px;
}
.cart-form__title {
font-size: 24px;
line-height: 140%;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.cart-form__fields {
margin-left: -14px;
margin-right: -14px;
row-gap: 28px;
}
.cart-form__fields-item {
width: 50%;
padding-left: 14px;
padding-right: 14px;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cart-form__fields-item--fw {
width: 100%;
}
.cart-form__delivery-methods {
gap: 50px;
margin-bottom: 32px;
}
.cart-form__delivery-textarea {
height: 168px;
font-style: italic;
padding: 20px 16px;
}
.cart-form__delivery-comment {
margin-top: 28px;
}
.cart-form__delivery-content:not(.active) {
display: none;
}
.cart-form__delivery-list {
gap: 24px;
}
.cart-form__delivery-shop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
line-height: 18px;
}
.cart-form__delivery-shop input {
width: 12px;
height: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--red);
background: transparent;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 12px;
margin-top: 2px;
border-radius: 50%;
}
.cart-form__delivery-shop input:checked {
border-width: 4px;
background: var(--red);
}
.cart-form__delivery-shop input:checked + span {
color: var(--red);
}
.cart-form__delivery-shopMap {
border-radius: var(--rounded);
border: 1px solid var(--stroke);
height: 344px;
overflow: hidden;
}
.cart-form__delivery-shopMap img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cart-form__delivery-btn {
width: 100%;
height: 60px;
font-size: 15px;
}
.cart-form__delivery-checkboxes {
min-height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 60px;
}
.cart-form__delivery-txt p {
margin-bottom: 10px;
}
.cart-form__delivery-txt p:last-child {
margin-bottom: 0;
}
.cart-form__payment-list {
margin-left: -7px;
margin-right: -7px;
row-gap: 28px;
}
.cart-form__payment-list__item {
padding-left: 7px;
padding-right: 7px;
width: 33.3333333333%;
}
.cart-form__payment-list__item--w-50 {
width: 50%;
}
.cart-form__payment-label {
display: block;
font-size: 18px;
height: 100%;
}
.cart-form__payment-label input {
display: none;
}
.cart-form__payment-label input:checked + span {
color: var(--red);
}
.cart-form__payment-label input:checked + span::before {
border-color: var(--red);
}
.cart-form__payment-label__content {
padding: 20px 20px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--white);
border-radius: var(--rounded);
height: 100%;
}
.cart-form__payment-label__content::before {
border-color: transparent;
}
.cart-form__payment-label__icon {
margin-bottom: 14px;
}
.cart-form__bottom {
margin-top: 60px;
}
.cart-form__bottom-item {
margin-bottom: 28px;
gap: 20px;
}
.cart-form__bottom-item:last-child {
margin-bottom: 0;
}
.cart-form__checkbox {
font-size: 15px;
}
.cart-form__btn {
font-size: 24px;
line-height: 32px;
--py: 24px;
--px: 126px;
letter-spacing: 0.08em;
}
.cart-form__hidden {
display: none;
}
.cart-form__hidden.visible {
display: block;
}
.cart-form__pvz {
font-size: 16px;
}
.cart-form__pvz-content::before {
border-color: #D0D1D7;
}
.cart-form__pvz-row {
border-bottom: 1px solid #D0D1D7;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: minmax(72px, auto);
}
.cart-form__pvz-col {
border-right: 1px solid #D0D1D7;
padding: 12px 20px;
}
.cart-form__pvz-btn {
width: 50%;
margin-top: 30px;
--py: 22px;
}
.cart-form__pvz-value {
max-width: 410px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-form__pvz-name {
color: var(--grey-1);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-form__bonuses-head {
margin-bottom: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-form__bonuses-content {
position: relative;
}
.cart-form__bonuses-available {
position: absolute;
right: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 12px 10px;
background: #FFFCDA;
border-radius: var(--rounded);
color: var(--grey-1);
font-weight: 500;
}
.cart-form__bonuses-input {
padding-right: 50%;
}
.cart-form__personal {
margin-bottom: 40px;
}
.cart-form__personal-item {
grid-template-columns: repeat(2, auto);
padding: 16px 0;
font-size: 16px;
border-bottom: 1px solid var(--stroke);
}
.cart-form__personal-item__value {
text-align: right;
}
.cart-form__checkboxes {
gap: 40px;
}
@media (max-width: 1366px) {
.cart-form__head-txt {
font-size: 13px;
}
.cart-form__group {
margin-bottom: 80px;
}
.cart-form__fields {
margin-left: -12px;
margin-right: -12px;
row-gap: 24px;
}
.cart-form__fields-item {
padding-left: 12px;
padding-right: 12px;
}
.cart-form__delivery-methods {
gap: 30px;
}
.cart-form__delivery-comment {
margin-top: 24px;
}
.cart-form__delivery-list {
gap: 20px;
}
.cart-form__delivery-shopMap {
height: 320px;
}
.cart-form__delivery-checkboxes {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 40px;
}
.cart-form__payment-label {
font-size: 14px;
line-height: 140%;
}
.cart-form__payment-label__content {
padding: 20px;
}
.cart-form__payment-label__icon {
height: 40px;
margin-bottom: 20px;
}
.cart-form__payment-label__icon img {
height: 100%;
width: auto;
}
}
@media (max-width: 1180px) {
.cart-form {
margin-top: 40px;
}
.cart-form .switch {
font-size: 14px;
}
.cart-form__head {
margin-bottom: 20px;
}
.cart-form__head-inner {
gap: 24px;
}
.cart-form__head-txt {
max-width: 420px;
font-size: 12px;
}
.cart-form__title {
font-size: 16px;
line-height: 140%;
}
.cart-form__fields {
margin-left: -10px;
margin-right: -10px;
row-gap: 20px;
}
.cart-form__fields-item {
padding-left: 10px;
padding-right: 10px;
}
.cart-form__delivery-methods {
gap: 24px;
}
.cart-form__delivery-comment {
margin-top: 20px;
}
.cart-form__delivery-textarea {
height: 140px;
}
.cart-form__delivery-shopMap {
height: 246px;
}
.cart-form__delivery-list {
gap: 16px;
}
.cart-form__delivery-shop {
font-size: 12px;
line-height: 140%;
}
.cart-form__delivery-shop input {
margin-right: 8px;
}
.cart-form__delivery-btn {
height: 46px;
}
.cart-form__delivery-checkboxes {
gap: 30px;
min-height: 46px;
}
.cart-form__payment-list {
margin-left: -10px;
margin-right: -10px;
}
.cart-form__payment-list__item {
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
.cart-form__payment-label {
font-size: 14px;
}
.cart-form__payment-label__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.cart-form__payment-label__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 0;
}
.cart-form__bottom {
margin-top: 40px;
}
.cart-form__bottom-item {
margin-bottom: 20px;
gap: 16px;
}
.cart-form__checkbox {
font-size: 12px;
}
.cart-form__btn {
font-size: 20px;
line-height: 24px;
--py: 22px;
--px: 60px;
}
.cart-form__pvz {
font-size: 14px;
}
.cart-form__pvz-col {
padding: 12px 16px;
}
.cart-form__pvz-btn {
margin-top: 20px;
--py: 14px;
}
.cart-form__bonuses-available {
font-size: 14px;
padding: 10px;
}
.cart-form__personal-item {
font-size: 14px;
grid-template-columns: auto 1fr;
}
.cart-form__personal-item:first-child {
border-top: 1px solid var(--stroke);
}
.cart-form__personal-item__name {
font-size: 10px;
color: var(--grey-1);
}
}
@media (max-width: 640px) {
.cart-form__group {
margin-bottom: 60px;
}
.cart-form__head-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.cart-form__fields-item {
width: 100%;
}
.cart-form__fields-item--m-hidden {
display: none;
}
.cart-form__delivery-methods {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-bottom: 24px;
}
.cart-form__delivery-map {
height: 348px;
}
.cart-form__delivery-map img {
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
.cart-form__delivery-textarea {
height: 128px;
}
.cart-form__delivery-list {
display: none;
}
.cart-form__delivery-shopMap {
height: 368px;
}
.cart-form__delivery-txt {
font-size: 12px;
}
.cart-form__delivery-checkboxes {
min-height: initial;
gap: 32px;
}
.cart-form__payment-list {
row-gap: 10px;
}
.cart-form__payment-list__item {
width: 100%;
}
.cart-form__bottom {
margin-top: 30px;
}
.cart-form__bottom .cart-form__checkbox {
max-width: 284px;
}
.cart-form__bottom-item {
gap: 12px;
}
.cart-form__btn {
width: 100%;
--px: 4px;
}
.cart-form__pvz-content::before {
border-left: none;
border-right: none;
}
.cart-form__pvz-row {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 6px;
padding: 16px 0;
}
.cart-form__pvz-col {
border: none;
padding: 0;
}
.cart-form__pvz-name {
font-size: 12px;
}
.cart-form__pvz-value {
font-weight: 500;
}
.cart-form__pvz-btn {
width: 100%;
margin-top: 30px;
}
.cart-form__personal {
margin-bottom: 30px;
}
.cart-form__personal-item {
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-template-columns: initial;
gap: 4px;
}
.cart-form__personal-item__value {
text-align: left;
}
}
.account {
padding-bottom: 120px;
}
.account__inner {
grid-template-columns: 290px 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 64px;
}
.account__inner-right {
gap: 50px;
}
.account__innerHead {
margin-bottom: 30px;
gap: 20px;
}
.account__innerContent {
gap: 60px;
}
.account__title {
margin-bottom: 20px;
}
.account__pagination {
margin-top: 50px;
}
.account__subtitle {
font-size: 24px;
line-height: 140%;
letter-spacing: 0.05em;
}
.account__subtitle-2 {
font-size: 20px;
margin-bottom: 16px;
}
.account__txt {
font-size: 20px;
line-height: 130%;
}
.account__back {
color: var(--grey-2);
fill: var(--grey-2);
width: 100%;
font-size: 15px;
--py: 14px;
--fill: var(--grey-2);
}
.account__back:hover {
--bg: var(--grey-2);
--color: var(--white);
}
.account__back svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.account__back::before {
border-color: var(--grey-2);
}
.account__navigation-group {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid var(--stroke);
}
.account__navigation-group:last-child {
padding: 0;
margin: 0;
border: none;
}
.account-mobileMenu {
white-space: nowrap;
margin-bottom: 16px;
display: none;
}
.account-mobileMenu__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-mobileMenu__list {
gap: 12px;
}
.account-mobileMenu .account-menu__link {
font-size: 12px;
}
.account-mobileMenu .account-menu__link-icon {
width: 14px;
height: 14px;
margin-right: 6px;
}
.account-mobileCategory {
margin-top: 24px;
margin-bottom: 30px;
border-top: 1px solid var(--stroke);
border-bottom: 1px solid var(--stroke);
padding: 12px 0;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
display: none;
}
.account-menu {
gap: 20px;
}
.account-menu__link {
font-size: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
fill: var(--red);
}
.account-menu__link.selected, .account-menu__link:hover {
color: var(--red);
}
.account-menu__link.selected .account-menu__link-qty, .account-menu__link:hover .account-menu__link-qty {
color: inherit;
}
.account-menu__link-qty {
font-size: 18px;
line-height: 1;
height: 26px;
min-width: 46px;
padding: 4px;
border-radius: 50px;
background: var(--white);
color: var(--grey-2);
margin-left: 10px;
}
.account-menu__link-icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.account__list {
gap: 4px;
}
.account__buttons {
width: 720px;
max-width: 100%;
gap: 36px;
margin-top: 40px;
grid-template-columns: repeat(2, 1fr);
}
.account-partners__item {
padding: 20px 0;
border-bottom: 1px solid var(--stroke);
grid-template-columns: 1fr 1fr auto auto;
gap: 60px;
font-size: 16px;
line-height: 1.3;
}
.account-partners__item:first-child {
border-top: 1px solid var(--stroke);
}
.account-remnant {
background: var(--white);
padding: 16px 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-remnant__inner {
grid-template-columns: auto 1fr auto;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-remnant__type {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
}
.account-bonus__item {
padding: 20px 0;
border-bottom: 1px solid var(--stroke);
grid-template-columns: 1fr 1fr 0.5fr 0.5fr;
gap: 60px;
font-size: 16px;
line-height: 1.3;
}
.account-bonus__item-value {
text-align: right;
}
.account-bonus__item:first-child {
border-top: 1px solid var(--stroke);
}
.account-saveOrder {
background: var(--white);
padding: 16px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
--circle-btn-bg: #F5F7FA;
}
.account-saveOrder__inner {
grid-template-columns: 24px 136px 1fr auto auto auto;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-saveOrder__qty {
font-size: 16px;
}
.account-saveOrder__open {
font-size: 16px;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-saveOrder__open-circle {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.account-saveOrder__open-circle svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.account-saveOrder__open:hover {
--circle-btn-bg: var(--red);
fill: var(--white);
}
.account-saveOrder__delete {
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
fill: var(--grey-2);
color: var(--grey-2);
font-weight: normal;
margin-right: 40px;
}
.account-saveOrder__delete-icon {
width: 20px;
height: 20px;
}
.account-saveOrder__delete:hover {
color: var(--red);
fill: var(--red);
}
.account-saveOrder__price {
text-align: right;
margin-right: 40px;
}
.account__saved-title {
margin-bottom: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
}
.account__saved-title::after {
content: "";
height: 1px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 24px;
background: #D8DBE0;
}
.account__productSearch {
grid-template-columns: 340px 1fr;
gap: 40px;
}
.account__catalog-head {
grid-template-columns: 1fr 340px;
gap: 40px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.account__catalog-links {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
width: 516px;
max-width: 100%;
}
.account__catalog-link {
font-size: 12px;
width: 100%;
--px: 10px;
}
.account__catalog-head {
margin-bottom: 30px;
}
.account__catalog-list-item {
border-top: 1px solid var(--stroke);
}
.account__catalog-list-item:last-child {
border-bottom: 1px solid var(--stroke);
}
.account-catalogItem {
padding: 10px 0;
}
.account-catalogItem__inner {
grid-template-columns: 76px 1fr 90px 162px 148px 120px;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-catalogItem__inner-info {
gap: 6px;
}
.account-catalogItem__number {
font-size: 16px;
}
.account-catalogItem__name {
max-width: 358px;
}
.account-catalogItem__price {
gap: 8px;
}
.account-catalogItem__price-value {
font-size: 18px;
}
.account-catalogItem__price-bonus {
font-size: 16px;
}
.account-catalogItem__txt {
gap: 8px;
color: var(--grey-2);
}
.account__order-head {
grid-template-columns: 240px 64px 1fr 1fr 1fr auto 32px;
gap: 32px;
margin-bottom: 12px;
font-size: 12px;
text-transform: uppercase;
padding: 0 16px;
}
.account__order-head-center {
text-align: center;
}
.account__order-head__item--center {
text-align: center;
}
.account__order-head2 {
grid-template-columns: 144px 118px 118px 1fr 1fr 124px 32px;
}
.account-orderItem {
--circle-btn-bg: #F5F7FA;
}
.account-orderItem__head {
padding: 16px;
background: var(--white);
grid-template-columns: 240px 64px 1fr 1fr 1fr auto 32px;
gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.account-orderItem__head[aria-expanded=true] {
background: var(--grey-2);
color: var(--white);
--circle-btn-bg: var(--white);
}
.account-orderItem__head[aria-expanded=true] .text-green, .account-orderItem__head[aria-expanded=true] .text-red {
color: inherit;
}
.account-orderItem__head[aria-expanded=true] .account-orderItem__number-icon {
fill: var(--white);
}
.account-orderItem__head[aria-expanded=true] .account-orderItem__number-info {
color: inherit;
}
.account-orderItem__head[aria-expanded=true] .account-orderItem__number span {
color: inherit;
}
.account-orderItem__head[aria-expanded=true] .specialOffer__btn {
background: var(--white);
}
.account-orderItem__head[aria-expanded=true] .specialOffer__btn svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.account-orderItem__head2 {
grid-template-columns: 144px 118px 118px 1fr 1fr 124px 32px;
}
.account-orderItem__center {
text-align: center;
}
.account-orderItem__right {
text-align: right;
}
.account-orderItem__number {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.account-orderItem__number-icon {
width: 20px;
height: 20px;
}
.account-orderItem__content-inner {
padding: 24px 20px 50px;
}
.account-orderItem__info-item {
grid-template-columns: 1fr 2fr;
padding: 12px 16px;
border-radius: 6px;
margin-bottom: 4px;
}
.account-orderItem__info-item:last-child {
margin-bottom: 0;
}
.account-orderItem__info-item:nth-child(odd) {
background: var(--white);
}
.account-orderItem__info-item__name {
text-transform: uppercase;
}
.account-orderItem__products {
margin-top: 40px;
}
.account-orderItem__product {
grid-template-columns: 76px 5fr 1fr 1fr 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
padding: 10px 0;
border-top: 1px solid var(--stroke);
}
.account-orderItem__product-txt {
text-align: center;
}
.account-orderItem__product-txt-right {
text-align: right;
}
.account-orderItem__product-name {
max-width: 380px;
}
.account-orderItem__product-mobile {
display: none;
}
.account-orderItem__total {
border-top: 1px solid var(--red);
padding-top: 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-orderItem__total-right {
max-width: 340px;
width: 100%;
}
.account-orderItem__total-actions {
gap: 50px;
}
.account-orderItem__total-btn {
color: var(--green-2);
fill: var(--green-2);
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-orderItem__total-btn:hover {
fill: var(--red);
}
.account-orderItem__total-btn.text-red {
color: var(--red);
fill: var(--red);
}
.account-orderItem__total-btn__icon {
width: 14px;
height: 14px;
}
.account-orderItem__total-info__list {
gap: 16px;
}
.account-orderItem__total-info__item {
grid-template-columns: 1fr minmax(120px, auto);
gap: 20px;
font-size: 16px;
}
.account-orderItem__total-info__item.text-red {
font-size: 24px;
}
.account-orderItem__total-info__item-name {
text-align: right;
}
.account-orderItem__total-info__item-value {
text-align: right;
}
.account-orderItem__total-price {
margin-top: 20px;
}
.account-orderItem__total-price__txt {
text-align: right;
}
.account-orderItem__total-txt {
text-align: right;
font-size: 12px;
}
@media (max-width: 1366px) {
.account__inner {
gap: 44px;
}
.account__buttons {
width: 574px;
gap: 16px;
}
.account-partners__item {
grid-template-columns: 2fr 1fr auto auto;
}
.account-saveOrder__price {
margin-right: 16px;
}
.account-saveOrder__delete {
margin-right: 16px;
}
.account__productSearch {
grid-template-columns: 282px 1fr;
gap: 24px;
}
.account__catalog-head {
gap: 24px;
}
.account__catalog-links {
width: 490px;
gap: 10px;
}
.account__catalog-link {
--px: 4px;
}
.account-catalogItem__inner {
gap: 16px;
}
.account__order-head {
grid-template-columns: 166px 64px 74px 112px 1fr auto 32px;
gap: 24px;
padding: 0 16px;
}
.account__order-head2 {
grid-template-columns: 124px 100px 100px 1fr 1fr 86px 32px;
}
.account-orderItem__head {
grid-template-columns: 166px 64px 74px 112px 1fr auto 32px;
padding: 12px 16px;
gap: 24px;
}
.account-orderItem__head2 {
grid-template-columns: 124px 100px 100px 1fr 1fr 86px 32px;
}
.account-orderItem__number span {
display: block;
}
.account-orderItem__content-inner {
padding: 20px 16px 50px;
}
}
@media (max-width: 1180px) {
.account {
font-size: 12px;
}
.account__inner {
grid-template-columns: 1fr;
gap: 16px;
}
.account__inner-right {
gap: 0px;
}
.account__navigation {
display: none;
}
.account__title {
margin-bottom: 0;
}
.account-mobileMenu {
display: block;
}
.account-mobileCategory {
display: block;
}
.account-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
gap: 16px;
overflow: auto;
}
.account-menu::-webkit-scrollbar {
display: none;
}
.account-menu__item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.account-menu__link {
font-size: 14px;
}
.account-menu__link-qty {
height: 20px;
min-width: 30px;
font-size: 14px;
margin-left: 4px;
}
.account__subtitle {
font-size: 16px;
}
.account__txt {
font-size: 12px;
}
.account__pagination {
margin-top: 30px;
}
.account__add {
--px: 14px;
width: 100%;
}
.account__buttons {
width: 100%;
}
.account-partners__item {
font-size: 15px;
padding: 15px 0;
grid-template-columns: 1fr auto auto;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.account-partners__item-mail {
grid-area: 1/1/2/2;
}
.account-partners__item-name {
grid-area: 2/1/3/2;
color: var(--grey-1);
}
.account-partners__item-link1 {
grid-area: 1/2/3/3;
}
.account-partners__item-link2 {
grid-area: 1/3/3/4;
}
.account-remnant {
padding: 8px 12px;
font-size: 14px;
}
.account-remnant__type {
font-size: 12px;
}
.account-remnant__type-img {
width: 16px;
}
.account-remnant__btn {
--px: 58px;
font-size: 12px;
}
.account-bonus__item {
font-size: 10px;
grid-template-columns: 2fr 1fr auto 1fr;
}
.account-bonus__item-value {
font-size: 14px;
}
.account-bonus__item-date, .account-bonus__item-category {
color: var(--grey-1);
}
.account-bonus__item-type {
font-size: 14px;
}
.account-saveOrder {
font-size: 14px;
padding: 12px;
}
.account-saveOrder__inner {
gap: 10px;
grid-template-columns: 20px 124px 1fr 1fr auto auto;
}
.account-saveOrder__price {
margin-right: 0;
text-align: left;
}
.account-saveOrder__qty {
font-size: 12px;
}
.account-saveOrder__delete {
font-size: 12px;
margin-right: 30px;
color: var(--red);
}
.account-saveOrder__delete-icon {
display: none;
}
.account-saveOrder__open {
--circle-btn-bg: #F5F7FA;
--circle-btn-size: 32px;
}
.account-saveOrder__open-txt {
display: none;
}
.account__saved-title {
font-size: 12px;
}
.account__saved-title::after {
margin-left: 10px;
}
.account__productSearch {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.account__catalog-head {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 20px;
}
.account__catalog-links {
gap: 8px;
}
.account__catalog-link {
text-align: center;
--py: 8px;
font-size: 12px;
}
.account-catalogItem__inner {
grid-template-columns: 76px 2fr 1.5fr 100px 94px;
}
.account-catalogItem__inner-img {
grid-area: 1/1/3/2;
}
.account-catalogItem__inner-info {
grid-area: 1/2/3/3;
height: 100%;
}
.account-catalogItem__inner-price {
grid-area: 1/3/2/4;
}
.account-catalogItem__inner-qty {
grid-area: 1/4/2/5;
}
.account-catalogItem__inner-txt {
grid-area: 2/3/3/5;
margin-top: auto;
}
.account-catalogItem__inner-total {
grid-area: 1/5/3/6;
align-self: start;
}
.account-catalogItem__price {
gap: 4px;
}
.account-catalogItem__price-value {
font-size: 16px;
}
.account-catalogItem__price-bonus {
font-size: 14px;
}
.account-catalogItem__txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px;
}
.account-catalogItem__qty {
width: 100px;
--btn-height: 34px;
--btn-size: 24px;
}
.account-catalogItem__number {
font-size: 14px;
}
.account-catalogItem__name {
font-size: 14px;
margin-top: auto;
}
.account__subtitle-2 {
font-size: 16px;
}
.account__order-head {
display: none;
}
.account-orderItem__head {
grid-template-columns: 1fr 32px;
padding: 12px;
}
.account-orderItem__head-pos, .account-orderItem__head-status, .account-orderItem__head-dolg, .account-orderItem__head-pay, .account-orderItem__head-sum {
display: none;
}
.account-orderItem__head2-pos, .account-orderItem__head2-status, .account-orderItem__head2-dolg, .account-orderItem__head2-pay, .account-orderItem__head2-sum, .account-orderItem__head2-sum1, .account-orderItem__head2-sum2, .account-orderItem__head2-payStatus, .account-orderItem__head2-bonus {
display: none;
}
.account-orderItem__number {
font-size: 14px;
}
.account-orderItem__number span {
display: inline;
}
.account-orderItem__content-inner {
padding: 30px 0 40px;
}
.account-orderItem__info {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.account-orderItem__info-item {
grid-template-columns: 1fr;
gap: 6px;
padding: 0;
border-radius: 0;
}
.account-orderItem__info-item:nth-child(odd) {
background: transparent;
}
.account-orderItem__info-item__name {
font-size: 12px;
color: var(--grey-1);
}
.account-orderItem__product {
padding: 10px 0;
grid-template-columns: 64px 2fr 1fr 1fr 1fr;
}
.account-orderItem__product .cart-product__img {
width: 64px;
height: 64px;
padding: 4px;
}
.account-orderItem__product-price, .account-orderItem__product-qty {
display: none;
}
.account-orderItem__product-mobile {
display: block;
}
.account-orderItem__total {
padding-top: 24px;
}
.account-orderItem__total-info__list {
gap: 10px;
}
.account-orderItem__total-info__item {
font-size: 12px;
}
.account-orderItem__total-info__item-value {
font-size: 14px;
}
.account-orderItem__total-info__item.text-red {
font-size: 20px;
}
.account-orderItem__total-info__item.text-red .account-orderItem__total-info__item-value {
font-size: 20px;
}
}
@media (max-width: 640px) {
.account-mobileCategory {
margin-top: 20px;
}
.account__innerHead {
margin-bottom: 20px;
}
.account__innerContent {
gap: 40px;
}
.account__buttons {
margin-top: 40px;
grid-template-columns: 1fr;
}
.account-partners__item {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.account-partners__item-mail {
grid-area: 1/1/2/3;
}
.account-partners__item-name {
grid-area: 2/1/3/3;
}
.account-partners__item-link1 {
grid-area: 3/1/4/2;
}
.account-partners__item-link2 {
grid-area: 3/2/4/3;
text-align: right;
}
.account-remnant {
padding: 20px 20px 20px 10px;
}
.account-remnant__inner {
grid-template-columns: auto 1fr;
gap: 8px;
}
.account-remnant__inner-city {
grid-area: 1/1/2/3;
}
.account-remnant__inner-btn {
grid-area: 2/1/3/2;
}
.account-remnant__inner-type {
grid-area: 2/2/3/3;
}
.account-remnant__type {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 4px;
}
.account-bonus__item {
padding: 14px 0;
grid-template-columns: 1fr auto;
gap: 8px;
}
.account-bonus__item-type {
grid-area: 1/1/2/2;
}
.account-bonus__item-category {
grid-area: 2/1/3/2;
}
.account-bonus__item-value {
grid-area: 1/2/2/3;
}
.account-bonus__item-date {
grid-area: 2/2/3/3;
text-align: right;
}
.account-saveOrder {
padding: 14px 10px;
}
.account-saveOrder__inner {
grid-template-columns: 20px 1fr 94px auto;
row-gap: 4px;
}
.account-saveOrder__inner-icon {
grid-area: 1/1/3/2;
}
.account-saveOrder__inner-date {
grid-area: 1/2/2/3;
}
.account-saveOrder__inner-qty {
grid-area: 2/2/3/3;
}
.account-saveOrder__inner-price {
grid-area: 1/3/2/4;
}
.account-saveOrder__inner-delete {
grid-area: 2/3/3/4;
}
.account-saveOrder__inner-open {
grid-area: 1/4/3/5;
}
.account-saveOrder__txt {
color: var(--grey-1);
}
.account__productSearch {
grid-template-columns: 1fr;
gap: 24px;
}
.account__catalog-head {
grid-template-columns: 1fr;
gap: 20px;
}
.account__catalog-link {
--px: 10px;
}
.account__catalog-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
overflow: auto;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
width: auto;
}
.account__catalog-links::-webkit-scrollbar {
display: none;
}
.account__catalog-links__item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.account-catalogItem {
padding: 20px 0;
}
.account-catalogItem__inner {
grid-template-columns: 76px 100px 1fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 10px;
}
.account-catalogItem__inner-img {
grid-area: 1/1/3/2;
height: 100%;
}
.account-catalogItem__inner-info {
grid-area: 1/2/2/4;
}
.account-catalogItem__inner-txt {
grid-area: 2/2/3/4;
}
.account-catalogItem__inner-price {
grid-area: 3/1/4/2;
}
.account-catalogItem__inner-qty {
grid-area: 3/2/4/3;
align-self: end;
}
.account-catalogItem__inner-total {
grid-area: 3/3/4/4;
}
.account-catalogItem__img {
margin-bottom: auto;
padding: 4px;
width: 76px;
height: 76px;
}
.account-orderItem__info {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 24px;
}
.account-orderItem__info-item {
border-bottom: 1px solid var(--stroke);
padding-bottom: 10px;
}
.account-orderItem__products {
margin-top: 24px;
}
.account-orderItem__product {
grid-template-columns: 64px 1fr 1fr 1fr;
gap: 12px;
}
.account-orderItem__product:first-child {
border: none;
}
.account-orderItem__product-img {
grid-area: 1/1/3/2;
}
.account-orderItem__product-info {
grid-area: 1/2/2/5;
}
.account-orderItem__product-art {
grid-area: 2/2/3/3;
color: var(--grey-1);
}
.account-orderItem__product-art .account-orderItem__product-txt {
text-align: left;
}
.account-orderItem__product-mobile {
grid-area: 2/3/3/4;
}
.account-orderItem__product-total {
grid-area: 2/4/3/5;
font-weight: bold;
}
.account-orderItem__product-name {
font-size: 14px;
}
.account-orderItem__total {
padding-top: 20px;
}
.account-orderItem__total-actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.account-orderItem__total-btn {
gap: 6px;
}
.account-orderItem__total-btn__icon {
width: 12px;
height: 12px;
}
.account-orderItem__total-right {
width: 210px;
}
.account-orderItem__total-info__item {
grid-template-columns: 1fr 80px;
gap: 8px;
}
.account-orderItem__total-info__price {
margin-top: 16px;
}
}
.account-widgets__list {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.account-widgets__item {
padding: 16px 20px;
background: var(--white);
border-radius: 6px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 168px;
}
.account-widgets__item--null {
color: var(--grey-1);
}
.account-widgets__item-head {
margin-bottom: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-widgets__item-body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.account-widgets__item-body--column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.account-widgets__item-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
gap: 10px;
fill: var(--grey-1);
}
.account-widgets__item-title__icon {
width: 18px;
height: 18px;
}
.account-widgets__item-list__item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid var(--stroke);
color: var(--grey-2);
}
.account-widgets__item-list__item:last-child {
padding: 0;
margin: 0;
border: none;
}
.account-widgets__item-money {
font-size: 48px;
line-height: 1;
margin-top: 12px;
}
.account-widgets__item-fire {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: var(--red);
fill: var(--red);
margin-top: auto;
}
.account-widgets__item-fire__icon {
width: 14px;
height: 20px;
}
.account-widgets__item-fire__value {
font-size: 24px;
white-space: nowrap;
}
.account-widgets__item-fire__txt {
-ms-flex-item-align: end;
align-self: flex-end;
padding-bottom: 2px;
}
@media (max-width: 1366px) {
.account-widgets__list {
gap: 6px;
}
.account-widgets__item {
padding: 16px;
}
.account-widgets__item-money {
font-size: 40px;
}
.account-widgets__item-fire__value {
font-size: 20px;
}
.account-widgets__item-fire__txt {
font-size: 13px;
}
}
@media (max-width: 1180px) {
.account-widgets__list {
gap: 8px;
}
.account-widgets__item {
padding: 16px 12px;
min-height: 134px;
}
.account-widgets__item-head {
margin-bottom: 12px;
}
.account-widgets__item-title {
font-size: 14px;
gap: 8px;
}
.account-widgets__item-title__icon {
width: 14px;
height: 14px;
}
.account-widgets__item-txt {
font-size: 12px;
}
.account-widgets__item-money {
font-size: 24px;
margin-top: 0;
}
.account-widgets__item-fire {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
.account-widgets__item-fire__icon {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.account-widgets__item-fire__icon svg {
width: 12px;
}
.account-widgets__item-fire__value {
font-size: 14px;
}
.account-widgets__item-fire__txt {
font-size: 12px;
padding-bottom: 0;
}
.account-widgets__item-list__item {
padding-bottom: 5px;
margin-bottom: 5px;
}
}
@media (max-width: 640px) {
.account-widgets__list {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.account-widgets__list-item:last-child {
grid-column: span 2;
}
.account-widgets__item {
padding: 12px 10px;
min-height: initial;
}
.account-widgets__item-head {
margin-bottom: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.account-widgets__item-body {
margin-top: 8px;
}
.account-widgets__item-list__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.account-widgets__item-list__item-name {
color: var(--grey-1);
font-size: 10px;
margin-bottom: -4px;
}
.account-widgets__item-list__item-value {
font-size: 12px;
}
.account-widgets__item-money {
margin-top: auto;
}
.account-widgets__item-fire {
margin-top: 16px;
}
}
.account-special__head {
margin-bottom: 32px;
gap: 8px;
}
.account-special__list {
gap: 2px;
}
.specialOffer {
--circle-btn-size: 32px;
--circle-btn-bg: #F5F7FA;
}
.specialOffer__body-inner {
padding: 8px 20px 80px;
}
.specialOffer-btn {
background: var(--white);
border-radius: 6px;
padding: 12px 20px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
grid-template-columns: 158px 226px 196px 1fr 32px;
cursor: pointer;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
font-size: 18px;
}
.specialOffer-btn[aria-expanded=true] {
background: var(--grey-2);
color: var(--white);
}
.specialOffer-btn[aria-expanded=true] .specialOffer__benefit {
background: var(--white);
color: var(--red);
}
.specialOffer-btn[aria-expanded=true] .specialOffer__gift {
fill: var(--white);
}
.specialOffer-btn[aria-expanded=true] .specialOffer__gift .text-red {
color: var(--white);
}
.specialOffer-btn[aria-expanded=true] .specialOffer__btn {
background: var(--white);
fill: var(--red);
}
.specialOffer-btn[aria-expanded=true] .specialOffer__btn svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.specialOffer__benefit {
border-radius: 6px;
padding: 10px;
background: var(--red);
color: var(--white);
font-weight: 600;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
font-size: 15px;
}
.specialOffer__price {
gap: 24px;
}
.specialOffer__gift {
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
fill: var(--red);
font-size: 16px;
}
.specialOffer__gift-icon {
width: 24px;
height: 24px;
}
.specialOffer__btn {
fill: var(--grey-2);
}
.specialOffer-table .tm-visible {
display: none;
}
.specialOffer-table__head {
padding-top: 16px;
padding-bottom: 16px;
}
.specialOffer-table__body .specialOffer-table__row {
padding: 12px 0;
border-bottom: 1px solid var(--stroke);
min-height: 60px;
}
.specialOffer-table__body .specialOffer-table__row:first-child {
border-top: 1px solid var(--stroke);
}
.specialOffer-table__row {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
grid-template-columns: 74px 1fr 290px;
}
.specialOffer-table__row-group {
grid-template-columns: repeat(3, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.specialOffer-table__center {
text-align: center;
}
.specialOffer-table__right {
text-align: right;
}
.specialOffer-table__foot {
grid-template-columns: 1fr minmax(144px, auto);
text-align: right;
padding-top: 16px;
font-size: 16px;
}
.specialOffer-table__foot-total {
gap: 16px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.specialOffer-table__groupCol {
gap: 6px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.specialOffer-table__old {
color: var(--grey-1);
line-height: 1;
}
.specialOffer-table__new {
text-align: right;
line-height: 1;
}
.specialOffer__giftTitle {
margin: 20px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
gap: 10px;
fill: var(--red);
}
.specialOffer__giftTitle-icon {
width: 24px;
height: 24px;
}
.specialOffer-total {
margin-top: 32px;
}
.specialOffer-total__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.specialOffer-total__group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.specialOffer-total__icon {
width: 60px;
height: 60px;
background: var(--white);
border-radius: 50%;
margin-right: 16px;
fill: var(--red);
}
.specialOffer-total__icon svg {
width: 32px;
height: 32px;
}
.specialOffer-total__price {
margin-right: 44px;
gap: 8px;
}
.specialOffer-total__price-old {
font-size: 18px;
color: #797D87;
}
.specialOffer-total__price-new {
font-size: 32px;
}
.specialOffer-total__btn {
--px: 72px;
--py: 18px;
border-radius: var(--rounded);
font-size: 20px;
}
@media (max-width: 1366px) {
.specialOffer-btn {
padding: 9px 15px;
grid-template-columns: 158px 124px 176px 1fr 32px;
}
.specialOffer__price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.specialOffer__gift-icon {
width: 30px;
height: 30px;
}
.specialOffer__gift-txt .db {
display: block;
}
.specialOffer__body-inner {
padding-left: 0;
padding-right: 0;
padding-top: 16px;
padding-bottom: 60px;
}
.specialOffer-table__row {
grid-template-columns: 80px 1fr 320px;
}
.specialOffer-table__body .specialOffer-table__row {
padding: 15px 0;
min-height: 68px;
}
.specialOffer-total {
margin-top: 6px;
}
.specialOffer-total__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.specialOffer-total__btn {
margin-top: 40px;
}
}
@media (max-width: 1180px) {
.account-special__head {
margin-bottom: 20px;
gap: 6px;
}
.specialOffer-btn {
padding: 10px 12px;
grid-template-columns: 130px 114px 170px 1fr 32px;
min-height: 70px;
}
.specialOffer__title {
font-size: 16px;
}
.specialOffer__price {
font-size: 18px;
}
.specialOffer__benefit {
font-size: 14px;
line-height: 20px;
padding: 10px 14px;
}
.specialOffer__gift {
gap: 8px;
font-size: 12px;
}
.specialOffer__gift-icon {
width: 18px;
height: 18px;
}
.specialOffer__gift-txt .db {
display: inline;
}
.specialOffer__btn {
--circle-btn-size: 32px;
}
.specialOffer__body-inner {
padding-top: 8px;
padding-bottom: 60px;
}
.specialOffer-table {
font-size: 15px;
}
.specialOffer-table .tm-visible {
display: inline;
}
.specialOffer-table__head {
display: none;
}
.specialOffer-table__body .specialOffer-table__row {
padding: 12px;
}
.specialOffer-table__body .specialOffer-table__row:first-child {
border-top: none;
}
.specialOffer-table__center {
text-align: right;
}
.specialOffer-table__name {
max-width: 364px;
}
.specialOffer-table__foot {
padding-top: 20px;
padding-right: 12px;
font-size: 16px;
grid-template-columns: 1fr minmax(156px, auto);
}
.specialOffer-table__groupCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 10px;
width: auto;
}
.specialOffer__giftTitle {
margin-top: 32px;
}
.specialOffer-total {
margin-top: 28px;
}
.specialOffer-total__icon {
width: 40px;
height: 40px;
}
.specialOffer-total__icon svg {
width: 24px;
height: 24px;
}
.specialOffer-total__price-old {
font-size: 15px;
}
.specialOffer-total__price-new {
font-size: 24px;
}
.specialOffer-total__btn {
margin-top: 24px;
line-height: 24px;
--px: 68px;
}
}
@media (min-width: 641px) and (max-width: 1180px) {
.specialOffer-table__row {
grid-template-columns: 2fr 1fr;
padding-left: 12px;
padding-right: 12px;
}
.specialOffer-table__row-number {
grid-area: 1/1/2/2;
color: var(--grey-1);
}
.specialOffer-table__row-name {
grid-area: 2/1/4/2;
}
.specialOffer-table__row-group {
grid-area: 1/2/4/3;
grid-template-columns: 1fr;
gap: 8px;
}
}
@media (max-width: 640px) {
.account-special__head {
margin-bottom: 10px;
}
.specialOffer-btn {
grid-template-columns: minmax(140px, auto) 1fr 32px;
grid-column-gap: 12px;
grid-row-gap: 16px;
padding: 16px 10px 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.specialOffer-btn__name {
grid-area: 1/1/2/2;
}
.specialOffer-btn__price {
grid-area: 1/2/2/3;
}
.specialOffer-btn__arrow {
grid-area: 1/3/2/4;
}
.specialOffer-btn__benefit {
grid-area: 2/1/3/2;
}
.specialOffer-btn__gift {
grid-area: 2/2/3/4;
align-self: center;
}
.specialOffer__gift-icon {
width: 18px;
height: 18px;
}
.specialOffer-table__body .specialOffer-table__row {
padding: 15px 0;
}
.specialOffer-table__row {
grid-template-columns: 1fr;
gap: 12px;
}
.specialOffer-table__row-group {
grid-template-columns: repeat(3, 1fr);
}
.specialOffer-table__row-number {
color: var(--grey-1);
}
.specialOffer-table__center {
text-align: center;
}
.specialOffer-table__m-left {
text-align: left;
}
.specialOffer-table__foot {
padding-top: 15px;
padding-right: 0;
font-size: 16px;
}
.specialOffer-table__foot-left {
text-align: left;
}
.specialOffer-table__groupCol {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.specialOffer__giftTitle {
margin-top: 32px;
margin-bottom: 16px;
}
.specialOffer-total__btn {
--px: 14px;
width: 100%;
}
}
.requisiteBlock {
--circle-btn-bg: #F5F7FA;
background: var(--white);
padding: 12px 16px;
font-size: 16px;
position: relative;
}
.requisiteBlock:hover {
color: var(--red);
fill: var(--red);
}
.requisiteBlock__inner {
grid-template-columns: 146px 320px 1fr auto;
gap: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.requisiteBlock__inner-actions {
grid-template-columns: repeat(3, auto);
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.requisiteBlock__number {
font-size: 18px;
}
.requisiteBlock__btn svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.requisiteBlock__link {
position: relative;
z-index: 3;
}
@media (max-width: 1366px) {
.requisiteBlock__inner {
grid-template-columns: 96px 200px 1fr auto;
}
.requisiteBlock__txt .db {
display: block;
}
}
@media (max-width: 1180px) {
.requisiteBlock {
font-size: 15px;
}
.requisiteBlock__inner {
grid-template-columns: 72px 1fr auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.requisiteBlock__inner-number {
grid-area: 1/1/3/2;
}
.requisiteBlock__inner-update {
grid-area: 2/2/3/3;
}
.requisiteBlock__inner-type {
grid-area: 1/2/2/3;
}
.requisiteBlock__inner-actions {
grid-area: 1/3/3/4;
gap: 20px;
}
.requisiteBlock__number {
font-size: 16px;
}
.requisiteBlock__txt .db {
display: inline;
}
.requisiteBlock__update {
color: var(--grey-1);
}
}
@media (max-width: 640px) {
.requisiteBlock {
padding: 10px;
--circle-btn-size: 32px;
}
.requisiteBlock__inner {
grid-template-columns: 80px auto;
gap: 8px;
}
.requisiteBlock__inner-number {
grid-area: 1/1/2/2;
}
.requisiteBlock__inner-actions {
grid-area: 1/2/2/3;
}
.requisiteBlock__inner-type {
grid-area: 2/1/3/3;
}
.requisiteBlock__inner-update {
grid-area: 3/1/4/3;
}
}
.account__form-head {
gap: 10px;
margin-bottom: 40px;
}
.account__form-group {
margin-bottom: 60px;
}
.account__form-group:last-child {
margin-bottom: 0;
}
.account__form-txt {
gap: 20px;
}
.account__form-fields {
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 32px;
}
.account__form-fields__item--2-col {
grid-column: span 2;
}
.account__form-fields__item--3-col {
grid-column: span 3;
}
.account__form-subtitle {
margin-bottom: 20px;
}
.account__form-buttons {
width: 700px;
max-width: 100%;
gap: 16px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px;
}
.account__form-buttons:last-child {
margin-bottom: 0;
}
.account__form-btn {
width: 100%;
--px: 10px;
}
.account__file-inner {
grid-template-columns: 1fr 376px;
gap: 40px;
}
.account__file-left {
grid-template-columns: 340px 1fr;
gap: 36px;
}
.account__file-right {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.account__file-btn {
--px: 10px;
width: 100%;
}
.account__file-link {
font-size: 12px;
}
@media (max-width: 1366px) {
.account__form-fields {
-webkit-column-gap: 6px;
-moz-column-gap: 6px;
column-gap: 6px;
row-gap: 30px;
}
.account__form-buttons {
width: 566px;
}
.account__file-inner {
grid-template-columns: 1fr 370px;
gap: 200px;
}
.account__file-left {
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 1180px) {
.account__form-fields {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.account__form-fields__item--3-col {
grid-column: span 2;
}
.account__form-buttons {
width: 100%;
}
.account__form-head {
margin-bottom: 32px;
}
.account__form-txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
.account__form-txt__number {
font-size: 14px;
}
.account__form-txt__txt {
font-size: 12px;
}
.account__form-group {
margin-bottom: 32px;
}
.account__file-inner {
grid-template-columns: 1fr;
gap: 30px;
}
.account__file-left {
grid-template-columns: 332px -webkit-max-content;
grid-template-columns: 332px max-content;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 640px) {
.account__form-fields {
grid-template-columns: 1fr;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.account__form-fields__item--3-col {
grid-column: span 1;
}
.account__form-buttons {
width: 100%;
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 32px;
}
.account__file-left {
grid-template-columns: 1fr;
}
}
.nullPage {
padding: 120px 0 140px;
text-align: center;
}
.nullPage__title {
font-size: 24px;
line-height: 140%;
margin-bottom: 40px;
}
.nullPage__img {
margin-bottom: 60px;
}
.nullPage__img img {
-webkit-animation: fadeIn 1.5s ease-in-out forwards;
animation: fadeIn 1.5s ease-in-out forwards;
}
.nullPage__btn {
--px: 96px;
--py: 26px;
font-size: 24px;
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 1366px) {
.nullPage {
padding: 70px 0 90px;
}
}
@media (max-width: 1180px) {
.nullPage {
padding: 40px 0 60px;
}
.nullPage__title {
font-size: 16px;
margin-bottom: 20px;
}
.nullPage__img {
margin-bottom: 40px;
}
.nullPage__img img {
height: 120px;
width: auto;
}
.nullPage__btn {
font-size: 20px;
--py: 22px;
--px: 36px;
}
}
@media (max-width: 640px) {
.nullPage {
padding: 10px 0 20px;
}
.nullPage__content {
min-height: calc(100vh - 138px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nullPage__btn {
width: 100%;
}
}
.contacts {
padding-bottom: 120px;
}
.contacts__content {
grid-template-columns: 460px 1fr;
gap: 40px;
}
.contacts__group {
margin-bottom: 100px;
}
.contacts__group:last-child {
margin-bottom: 0;
}
.contacts-info {
background: var(--white);
padding: 30px 20px;
}
.contacts-info__head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 36px;
}
.contacts-info__title {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.3;
}
.contacts-info__req {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.contacts-info__download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.contacts-info__download-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
color: var(--grey-2);
fill: var(--grey-2);
}
.contacts-info__download-icon {
width: 19px;
height: 24px;
}
.contacts-info__download-btn {
font-size: 12px;
--px: 22px;
--py: 10px;
}
.contacts-info__contacts {
margin-bottom: 30px;
}
.contacts-info__btn {
display: none;
}
.contacts-info__btns {
padding-left: 0;
display: none;
}
.contacts-map {
height: 100%;
border-radius: var(--rounded);
overflow: hidden;
}
.contacts-map iframe {
height: 100% !important;
}
.contacts-warning {
gap: 40px;
font-size: 20px;
line-height: 150%;
}
.contacts-warning__img {
width: 68px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contacts-warning__img img {
width: 100%;
}
.contacts__list {
gap: 100px;
}
.contacts-item__title {
font-size: 20px;
margin-bottom: 20px;
}
.contacts-item__group {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.contacts-item__img {
border-radius: var(--rounded);
overflow: hidden;
}
.contacts-item__img img {
width: 100%;
border-radius: var(--rounded);
}
@media (max-width: 1366px) {
.contacts__group {
margin-bottom: 80px;
}
.contacts__content {
grid-template-columns: 440px 1fr;
gap: 20px;
}
.contacts__list {
gap: 80px;
}
}
@media (max-width: 1180px) {
.contacts__group {
margin-bottom: 60px;
}
.contacts__list {
gap: 60px;
}
.contacts__content {
grid-template-columns: repeat(2, 1fr);
}
.contacts-info {
height: 390px;
padding: 20px 16px;
position: relative;
}
.contacts-info .shops-detail__contacts-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contacts-info .shops-detail__contacts-item__icon {
margin-top: 4px;
}
.contacts-info__inner {
height: 100%;
padding-right: 20px;
}
.contacts-info__head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px;
}
.contacts-info__title {
font-size: 14px;
margin-bottom: 10px;
}
.contacts-info__req {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 12px;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts-info__download {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 10px 20px;
border-radius: 64px;
position: relative;
}
.contacts-info__download::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border: 1px solid var(--red);
border-radius: inherit;
}
.contacts-info__download-btn {
--px: 0px;
--py: 0px;
}
.contacts-info__download-btn::before, .contacts-info__download-btn::after {
display: none;
}
.contacts-info__download-group {
gap: 4px;
font-size: 12px;
color: var(--red);
fill: var(--red);
}
.contacts-info__download-icon {
width: 12px;
height: 16px;
}
.contacts-info__btns {
margin-top: 10px;
margin-bottom: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts-warning {
gap: 30px;
font-size: 14px;
}
.contacts-warning__img {
width: 42px;
}
.contacts-item__title {
font-size: 16px;
margin-bottom: 12px;
}
.contacts-item__group {
gap: 10px;
}
}
@media (max-width: 640px) {
.contacts__content {
grid-template-columns: 1fr;
}
.contacts-info {
height: auto;
}
.contacts-info .shops-detail__contacts-item__txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.contacts-info .shops-item__buttons {
padding-left: 0;
}
.contacts-info__btns {
padding-left: 0;
margin-top: 0;
}
.contacts-map {
height: 380px;
}
.contacts-warning {
gap: 20px;
}
.contacts__list {
gap: 40px;
}
.contacts-item__group {
grid-template-columns: 1fr;
gap: 10px;
}
}
.shopsPage {
padding-bottom: 120px;
}
.shopsPage__sorting {
margin-bottom: 30px;
}
.shopsPage__sorting-list {
gap: 10px;
}
.shopsPage__banners {
margin-top: 60px;
gap: 30px;
}
.shopsPage-banner {
border-radius: 150px;
}
.shopsPage-banner--ozon {
background: url(/local/templates/vollo4/static/css/../../static/images/general/ozon-1920.jpg) center no-repeat;
background-size: cover;
--color: #F0117E;
}
.shopsPage-banner--cdek {
background: url(/local/templates/vollo4/static/css/../../static/images/general/cdek-1920.jpg) center no-repeat;
background-size: cover;
--color: #0F754E;
}
.shopsPage-banner__inner {
min-height: 140px;
padding: 8px 50px 8px 56px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shopsPage-banner__btn {
color: var(--color);
fill: var(--color);
font-weight: 500;
font-size: 24px;
line-height: 28px;
padding: 26px 40px;
width: 422px;
max-width: 100%;
border-radius: 60px;
background: var(--white);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shopsPage-banner__btn-icon {
width: 28px;
height: 28px;
}
.shopsPage-banner__btn:hover {
fill: var(--red);
}
@media (max-width: 1180px) {
.shopsPage {
padding-bottom: 80px;
}
.shopsPage__sorting {
margin-bottom: 20px;
}
.shopsPage__sorting-list {
overflow: auto;
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
gap: 4px;
}
.shopsPage__sorting-list::-webkit-scrollbar {
display: none;
}
.shopsPage-banner__inner {
min-height: 100px;
padding: 10px 30px;
}
.shopsPage-banner__btn {
width: 270px;
font-size: 16px;
line-height: 22px;
padding: 20px;
}
.shopsPage-banner__btn-icon {
width: 22px;
height: 22px;
}
.shopsPage-banner__img img {
height: 66px;
width: auto;
}
}
@media (max-width: 640px) {
.shopsPage {
padding-bottom: 60px;
}
.shopsPage__banners {
gap: 20px;
}
.shopsPage-banner__btn {
display: none;
}
.shopsPage-banner__inner {
min-height: 80px;
padding: 10px 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shopsPage-banner__img img {
height: 60px;
}
}
/* End */
/* /local/templates/vollo4/static/css/swiper-bundle.min.css?171643954617917 */
/* /local/templates/vollo4/static/css/aos.css?174255541026053 */
/* /local/templates/vollo4/static/css/nouislider.min.css?17520390564220 */
/* /local/templates/vollo4/static/css/air-datepicker.min.css?172734199619907 */
/* /local/templates/vollo4/static/css/magnific-popup.css?17178337516852 */
/* /local/templates/vollo4/static/css/styles.min.css?1765637956250725 */