/* Start:/local/templates/kron_main/css/libs.css?178730610133506*/ /** * Swiper 9.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 16, 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} .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/kron_main/css/style.css?1788956106198850*/ @charset "UTF-8"; h1, .h1 { font-size: 42px; line-height: 120%; font-weight: 500; color: #172554; } @media screen and (max-width: 991px) { h1, .h1 { font-size: 30px; } } .moreleft h1, .moreleft .h1 { font-size: 48px; line-height: 120%; } @media screen and (max-width: 991px) { .moreleft h1, .moreleft .h1 { font-size: 24px; } } h2, .h2 { font-size: 36px; line-height: 120%; } @media screen and (max-width: 991px) { h2, .h2 { font-size: 22px; } } h3, .h3 { font-size: 24px; line-height: 100%; } @media screen and (max-width: 991px) { h3, .h3 { margin-top: 20px; font-size: 18px; letter-spacing: 0.5px; } } .title-page { margin-top: 30px; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/kron_main/css/../fonts/Inter-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @layer reset { header *:not(svg):not(svg *):not(strong):not(em):not(b):not(del), main *:not(svg):not(svg *):not(strong):not(em):not(b):not(del), footer *:not(svg):not(svg *):not(strong):not(em):not(b):not(del), .modal *:not(svg):not(svg *):not(strong):not(em):not(b):not(del) { /*all: unset;*/ display: revert; list-style: none; } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: unset; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } button { background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; } img { display: block; width: auto; max-width: 100%; overflow: clip; overflow-clip-margin: content-box; } .hidden { display: none !important; } body { min-height: 100vh; position: relative; font-style: normal; height: 100%; padding-top: 140px; } @media screen and (max-width: 1199px) { body { padding-top: 65px; } } html { height: auto; -webkit-text-size-adjust: none; } html.disable-scrolling { overflow: hidden; margin-right: calc(-1 * (100vw - 100%)); } html, body { scroll-padding-top: 80px; min-height: 100vh; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; position: relative; font-family: "Inter"; } main.main { overflow-x: hidden; } .main, .page { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main .container.renderbox, .page .container.renderbox { display: none; } @media screen and (max-width: 1279px) { .main .container.renderbox, .page .container.renderbox { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; } .main .container.renderbox .ctablock, .page .container.renderbox .ctablock { width: 100%; } } .main .container:has(.cartpanel), .page .container:has(.cartpanel) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notop { padding-top: 0px !important; } .nobottom { padding-bottom: 0px !important; } .page { padding-top: 50px; padding-bottom: 100px; } .page.mainpage { padding-top: 0; padding-bottom: 0; } .page:has(.mathead) { padding-bottom: 0; } .page:has(.split.product) { padding-top: 0; } .page:has(.infoline) { padding-top: 0; } .container { position: relative; margin: 0 auto; width: 100%; padding: 0 20px; max-width: 1340px; } @media screen and (max-width: 767px) { .container { padding-left: 15px; padding-right: 15px; } } .section { padding-top: 100px; padding-bottom: 100px; position: relative; } .section--no-overflow { overflow: hidden; } .section--70 { padding-top: 70px; padding-bottom: 70px; } .section--50 { padding-top: 50px; padding-bottom: 50px; } .section.gray { background: #EAEAEA; } .section.bluredbg { background-size: 2636px 1347px; overflow: hidden; } .section.bluredbg .container > * { z-index: 1; position: relative; } .section.bluredbg.wavesleft { background: url(/local/templates/kron_main/css/../img/image/blur-bg.png.webp) center top 3px no-repeat, -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(50%, rgb(243, 250, 255)), to(rgb(255, 255, 255))); background: url(/local/templates/kron_main/css/../img/image/blur-bg.png.webp) center top 3px no-repeat, -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(243, 250, 255) 50%, rgb(255, 255, 255) 100%); background: url(/local/templates/kron_main/css/../img/image/blur-bg.png.webp) center top 3px no-repeat, linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(243, 250, 255) 50%, rgb(255, 255, 255) 100%); } .section.bluredbg.wavesleft .container::after { position: absolute; top: -50px; left: -250px; width: 2840px; height: 1138px; background: url(/local/templates/kron_main/css/../img/image/waves-blue.png.webp) center no-repeat; background-size: contain; content: ""; z-index: 0; } @media screen and (max-width: 767px) { .section.bluredbg.wavesleft .container::after { left: -200px; } } .section.bluredbg.wavescenter { background: url(/local/templates/kron_main/css/../img/image/blur-bg2.png.webp) center top -77px no-repeat, #FFFFFF; background-size: 120%; } @media screen and (max-width: 767px) { .section.bluredbg.wavescenter { background: url(/local/templates/kron_main/css/../img/image/blur-bg2.png.webp) center no-repeat, #FFFFFF; background-size: cover; } } .section.bluredbg.wavescenter .container::after { position: absolute; top: -90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -85px; width: 2048px; height: 779px; background: url(/local/templates/kron_main/css/../img/image/waves-blue-thin.png.webp) center no-repeat; background-size: 100% 100%; content: ""; z-index: 0; } .section.blue { background: #1e3a8a url(/local/templates/kron_main/css/../img/image/waves-fullwhite.svg) center no-repeat; } .section.blue .container { color: #FFFFFF; } .section.connect { padding-top: 75px; padding-bottom: 76px; overflow: hidden; background: url(/local/templates/kron_main/css/../img/image/waves-white.svg) center top 12px no-repeat, -o-linear-gradient(358.59deg, #A5DAFB 1.2%, #60A5FA 77.84%); background: url(/local/templates/kron_main/css/../img/image/waves-white.svg) center top 12px no-repeat, linear-gradient(91.41deg, #A5DAFB 1.2%, #60A5FA 77.84%); } @media screen and (max-width: 1023px) { .section.connect { padding-top: 30px; padding-bottom: 86px; } } .section.connect .container::before { z-index: 0; position: absolute; left: 0; top: 0; content: ""; background: url(/local/templates/kron_main/css/../img/image/callback-bg.png.webp) center no-repeat; background-size: contain; width: 345px; height: 307px; } @media screen and (max-width: 1320px) { .section.connect .container::before { left: 20px; } } @media screen and (max-width: 1023px) { .section.connect .container::before { left: 50%; margin-left: 0px; margin-top: 0; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @media screen and (max-width: 767px) { .section.connect .container::before { left: 20px; width: 198px; height: 176px; top: auto; bottom: -190px; } } .section.connect .container .holder { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 54px; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; color: #FFFFFF; font-size: 32px; } @media screen and (min-width: 1024px) { .section.connect .container .holder { padding-left: 255px; } } @media screen and (min-width: 1200px) { .section.connect .container .holder { padding-left: 355px; } } .section.connect .container .holder p { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3px; font-weight: 300; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 42px; min-width: 505px; } .section.connect .container .holder p strong, .section.connect .container .holder p span { line-height: 100%; } .section.connect .container .holder p strong { font-weight: 500; } @media screen and (max-width: 1279px) { .section.connect .container .holder p { min-width: 0; font-size: 32px; } } @media screen and (max-width: 1023px) { .section.connect .container .holder p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 32px; } } @media screen and (max-width: 1023px) { .section.connect .container .holder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } } .section.connect .container .holder .button { width: 100%; background-color: #FFFFFF !important; } .section.connect .container .holder .button:hover { background: #171738 !important; color: #FFFFFF; } .section.connect .container .holder .button:hover svg { fill: #FFFFFF; } .section.connect .container .holder .button:focus { color: #171738; background: #EFF6FF !important; } .section.connect .container .holder .button:focus svg { fill: #1e3a8a; } @media screen and (min-width: 431px) { .section.connect .container .holder .button { max-width: 330px; } } @media screen and (min-width: 1200px) { .section.connect .container .holder .button { max-width: 420px; } } .section h2, .section .h2 { margin-bottom: 40px; } svg { --color: $ color-white; } svg * { fill: var(--color); } .matlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .matlist .btnwrap { width: 100%; 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; } .matlist .btnwrap .button:not(.ghost) { width: 100%; max-width: 330px; } .main:not(:has(.mainpage)) { position: relative; overflow: hidden; } .main:not(:has(.mainpage)):before { position: absolute; content: ""; width: 2841px; height: 1139px; right: 50%; top: 80px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background-image: url(/local/templates/kron_main/css/../img/image/wave-bg.png.webp); } @media screen and (max-width: 991px) { .main:not(:has(.mainpage)):before { left: -1000px; -webkit-transform: none; -ms-transform: none; transform: none; } } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item { position: relative; margin: 0 5px 0 0; color: #172554; text-decoration: none; font-weight: 300; font-size: 14px; line-height: 17px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item a { font-weight: 400; color: #60a5fa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item a:hover { color: #171738; } .breadcrumbs__item a i { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item a i svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); fill: #60a5fa; } .breadcrumbs__item::after { content: "/"; margin-left: 5px; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item:last-child::after { display: none; } @media screen and (max-width: 991px) { .breadcrumbs__item { display: none; } .breadcrumbs__item:nth-last-child(2) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .breadcrumbs__item:nth-last-child(2) a i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .breadcrumbs__item:nth-last-child(2)::after { display: none; } } .inputholder { width: 100%; position: relative; } .inputholder__input, .inputholder__textarea { font-family: inherit; font-weight: 300; } .inputholder__input::-webkit-input-placeholder, .inputholder__textarea::-webkit-input-placeholder { color: #C8C8C8; font-size: 16px; font-weight: 300; } .inputholder__input::-moz-placeholder, .inputholder__textarea::-moz-placeholder { color: #C8C8C8; font-size: 16px; font-weight: 300; } .inputholder__input:-ms-input-placeholder, .inputholder__textarea:-ms-input-placeholder { color: #C8C8C8; font-size: 16px; font-weight: 300; } .inputholder__input::-ms-input-placeholder, .inputholder__textarea::-ms-input-placeholder { color: #C8C8C8; font-size: 16px; font-weight: 300; } .inputholder__input::placeholder, .inputholder__textarea::placeholder { color: #C8C8C8; font-size: 16px; font-weight: 300; } .inputholder__input.error, .inputholder__textarea.error { border-color: #CB0B0A; } .inputholder__input.error::-webkit-input-placeholder, .inputholder__textarea.error::-webkit-input-placeholder { color: #CB0B0A; } .inputholder__input.error::-moz-placeholder, .inputholder__textarea.error::-moz-placeholder { color: #CB0B0A; } .inputholder__input.error:-ms-input-placeholder, .inputholder__textarea.error:-ms-input-placeholder { color: #CB0B0A; } .inputholder__input.error::-ms-input-placeholder, .inputholder__textarea.error::-ms-input-placeholder { color: #CB0B0A; } .inputholder__input.error::placeholder, .inputholder__textarea.error::placeholder { color: #CB0B0A; } .inputholder__input:focus, .inputholder__textarea:focus { color: #171738; } .inputholder__input.big::-webkit-input-placeholder, .inputholder__textarea.big::-webkit-input-placeholder { font-size: 20px; } .inputholder__input.big::-moz-placeholder, .inputholder__textarea.big::-moz-placeholder { font-size: 20px; } .inputholder__input.big:-ms-input-placeholder, .inputholder__textarea.big:-ms-input-placeholder { font-size: 20px; } .inputholder__input.big::-ms-input-placeholder, .inputholder__textarea.big::-ms-input-placeholder { font-size: 20px; } .inputholder__input.big::placeholder, .inputholder__textarea.big::placeholder { font-size: 20px; } .inputholder__input { width: 100%; padding: 10px 20px; border: 1px solid #D4D4D4; font-size: 16px; } .inputholder__input.big { padding: 9px 20px; font-size: 20px; line-height: 160%; } .inputholder__textarea { width: 100%; min-height: 100px; padding: 10px 20px; border: 1px solid #C8C8C8; font-size: 16px; display: block; } .inputholder__textarea.big { padding: 9px 20px; font-size: 20px; line-height: 160%; } .inputholder.searchfield { display: -webkit-box; display: -ms-flexbox; display: flex; -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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .inputholder.searchfield .inputholder__input { border-right: none; } .inputholder.searchfield .inputholder__input:focus-visible { outline: none; } .inputholder.searchfield .button { border: 1px solid #C8C8C8; padding: 13px 20px; border-left: none; } .inputholder.searchfield .button svg { fill: #C8C8C8; } .inputholder.searchfield .button:hover { opacity: 1; } .inputholder.searchfield .button:hover svg { fill: #1D4ED8; } .error-text { font-size: 12px; line-height: 1.1; margin-top: 4px; color: #CB0B0A; display: none; } .error-text--backend { display: block; } .error { border-color: #CB0B0A; } .error + .error-text { display: block; } .button { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-size: 15px; letter-spacing: 0.5%; color: #171738; border: none; padding: 13px 10px 13px; 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; gap: 5px; } .button * { pointer-events: none; } .button span { line-height: 125%; } .button svg { fill: #171738; width: 20px; height: 20px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .button.big { text-transform: uppercase; padding: 8px 18px; letter-spacing: -1px; gap: 10px; } .button.big span { line-height: 170.5%; font-size: 20px; } .button.big svg { width: 24px; height: 24px; } .button.bright { background-color: #2563EB; color: #FFFFFF; } .button.bright svg { fill: #FFFFFF; } .button.bright:hover { background: #171738 !important; } .button.bright:focus { background: #60a5fa !important; } .button.outline { background: transparent !important; border: 1px solid #2563EB; color: #2563EB; } .button.outline svg { fill: #2563EB; } .button.outline:hover { background: #2563EB !important; color: #FFFFFF; } .button.outline:hover svg { fill: #FFFFFF; } .button.outline:focus { color: #2563EB; background: #FFFFFF !important; } .button.outline:focus svg { fill: #2563EB; } .button.outline__inverse { background: transparent !important; border: 1px solid #FFFFFF; color: #FFFFFF; } .button.outline__inverse svg { fill: #FFFFFF; } .button.outline__inverse:hover { background: #FFFFFF !important; color: #2563EB; } .button.outline__inverse:hover svg { fill: #2563EB; } .button.outline__inverse:focus { color: #FFFFFF; background: rgba(255, 255, 255, 0.2) !important; } .button.outline__inverse:focus svg { fill: #FFFFFF; } .button.outline__dark { background: transparent !important; border: 1px solid #171738; color: #171738; } .button.outline__dark svg { fill: #171738; } .button.outline__dark:hover { background: #171738 !important; color: #FFFFFF; } .button.outline__dark:hover svg { fill: #FFFFFF; } .button.outline__dark:focus { color: #171738; background: #93C5FD !important; } .button.outline__dark:focus svg { fill: #171738; } .button.ghost { background: transparent !important; padding: 0 !important; color: #2563EB; } .button.ghost svg { fill: #2563EB; } .button.ghost:hover { color: #171738; } .button.ghost:hover svg { fill: #171738; } .button.ghost:focus { color: #171738; } .button.ghost:focus svg { fill: #171738; } .button.ghost__inverse { background: transparent !important; padding: 0 !important; color: #FFFFFF; } .button.ghost__inverse svg { fill: #FFFFFF; } .button.ghost__inverse:hover { color: #2563EB; } .button.ghost__inverse:hover svg { fill: #2563EB; } .button.ghost__inverse:focus { color: #EFF6FF; } .button.ghost__inverse:focus svg { fill: #EFF6FF; } .button.ghost__dark { background: transparent !important; padding: 0 !important; color: #171738; } .button.ghost__dark svg { fill: #171738; } .button[disabled] { background: #EAEAEA !important; color: #C8C8C8 !important; pointer-events: none; } .button[disabled] svg { fill: #C8C8C8; } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .logo .slogan { color: #2563EB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .logo .slogan strong, .logo .slogan span { font-size: 18px; } a.logo:hover { filter: brightness(0.5); } @media screen and (min-width: 1200px) { .header:not(.fixed) .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 22px; } .header:not(.fixed) .nav li a { color: #171738; } .header:not(.fixed) .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header:not(.fixed) .nav__item { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; position: relative; cursor: pointer; border-radius: 4px; } .header:not(.fixed) .nav__item:has(i) { border-radius: 4px 4px 0 0; padding-bottom: 20px; } .header:not(.fixed) .nav__item .nav__link { font-size: 16px; line-height: 100%; } .header:not(.fixed) .nav__item i { width: 16px; height: 16px; } .header:not(.fixed) .nav__item i svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); fill: #171738; } .header:not(.fixed) .nav__item i ~ i { display: none; } .header:not(.fixed) .nav__item .rootwrap { display: none; position: absolute; top: 0; left: -15px; background: #171738; padding: 20px 20px; top: 46px; } .header:not(.fixed) .nav__item .rootwrap .nav__list__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header:not(.fixed) .nav__item .rootwrap .nav__list__sub .nav__item__sub .nav__link__sub:hover { opacity: 0.6; } .header:not(.fixed) .nav__item .rootwrap .button { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header:not(.fixed) .nav__item:hover { background: #171738; } .header:not(.fixed) .nav__item:hover a { color: #FFFFFF; } .header:not(.fixed) .nav__item:hover i svg { fill: #FFFFFF; } .header:not(.fixed) .nav__item:hover .rootwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 330px; } .header:not(.fixed) .nav__item:last-of-type .rootwrap { left: auto; right: 0; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap { width: 100vw; position: absolute; left: 314px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 600px; max-height: calc(100vh - 129px); } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap::before, .header:not(.fixed) .nav__item:has(i.cat) .rootwrap::after { content: ""; position: absolute; background-color: inherit; height: 100%; top: 0; width: 1000px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap::before { right: 100%; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap::after { left: 100%; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; width: 100%; max-width: calc(100vw - 40px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; overflow-y: auto; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub::-webkit-scrollbar { width: 5px; border-radius: 10px; background-color: transparent; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub::-webkit-scrollbar-thumb { background-color: #FFFFFF; border-radius: 10px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub::-webkit-scrollbar-track { border-radius: 10px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__link__sub { font-size: 24px; font-weight: 500; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__link__sub + i { display: none; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 { margin-top: 30px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 { width: 330px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 { padding: 5px; margin-bottom: 15px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 14px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 svg { fill: #FFFFFF; width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 span { font-size: 14px; line-height: 120%; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2:hover { background-color: #FFFFFF; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2:hover svg { fill: #171738; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2:hover span { color: #171738; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type { max-width: 320px; width: 100%; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; max-height: 600px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type .nav__list__sub__lvl2 .nav__item__sub__lvl2 { width: 150px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:last-of-type { max-width: 760px; width: calc(100% - 440px); } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:last-of-type .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 760px; max-height: 380px; } } @media screen and (min-width: 1360px) { .header:not(.fixed) .nav__item .rootwrap { display: none; position: absolute; top: 0; left: -15px; background: #171738; padding: 40px 20px; top: 46px; } .header:not(.fixed) .nav__item .rootwrap .nav__list__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header:not(.fixed) .nav__item .rootwrap .nav__list__sub .nav__item__sub .nav__link__sub:hover { opacity: 0.6; } .header:not(.fixed) .nav__item .rootwrap .button { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header:not(.fixed) .nav__item:hover .rootwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 330px; } .header:not(.fixed) .nav__item:last-of-type .rootwrap { left: auto; right: 0; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap { width: 100vw; position: absolute; left: 343px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 600px; max-height: calc(100vh - 129px); } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; width: 100%; max-width: 1300px; height: 100%; overflow-y: auto; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type { max-width: 420px; width: 100%; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 420px; max-height: 650px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:first-of-type .nav__list__sub__lvl2 .nav__item__sub__lvl2 { width: 200px; } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:last-of-type { max-width: 860px; width: calc(100% - 440px); } .header:not(.fixed) .nav__item:has(i.cat) .rootwrap .nav__list__sub .nav__item__sub:last-of-type .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 860px; max-height: 380px; } } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; background: #EFF6FF url(/local/templates/kron_main/css/../img/image/waves-head.svg) top -168px center no-repeat; background-size: 120%; padding-bottom: 10px; } @media screen and (max-width: 991px) { .header { background: #EFF6FF; } } .header .container .header__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 102px; } .header .container .header__row .contact { 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; gap: 15px; padding-left: 14px; margin-bottom: 8px; margin-top: 8px; } .header .container .header__row .contact .button { margin-right: 20px; } .header .container .header__row .contact a[href^="tel:"], .header .container .header__row .contact a[href^="mailto:"] { color: #2563EB; font-size: 16px; } .header .container .header__row .contact a[href^="tel:"]:hover, .header .container .header__row .contact a[href^="mailto:"]:hover { color: #171738; } .header .container .header__row .contact.captured { display: none; } .header .container .header__row .menuarea { padding-top: 25px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header .container .header__row .menuarea .h__overlay { display: none; } .header .container .header__row .menuarea .button.ghost[data-close] { display: none; } .header .container .header__row .menuarea .lang { margin-right: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 6px; } .header .container .header__row .menuarea .lang a, .header .container .header__row .menuarea .lang span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 8px; font-size: 12px; } .header .container .header__row .menuarea .lang span { background-color: #2563EB; color: #FFFFFF; } .header .container .header__row .menuarea .lang a { background-color: transparent; color: #2563EB; } .header .container .header__row .menuarea .lang a:hover { color: #171738; } @media screen and (min-width: 1300px) { .header .container .header__row .menuarea .lang { margin-right: 43px; } } .header .container .header__row .btnblock { right: 30px; position: absolute; top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .container .header__row .btnblock svg { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; } .header .container .header__row .btnblock button.button#search { margin-right: 6px; border: 1px solid #2563EB; padding: 11px 19px; } .header .container .header__row .btnblock button.button#search span { color: #2563EB; font-size: 16px; } .header .container .header__row .btnblock button.button#search svg { fill: #2563EB; width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } @media screen and (min-width: 1280px) { .header .container .header__row .btnblock button.button#search:hover { background: #2563EB !important; color: #FFFFFF; } .header .container .header__row .btnblock button.button#search:hover span { color: #FFFFFF !important; } .header .container .header__row .btnblock button.button#search:hover svg { fill: #FFFFFF; } .header .container .header__row .btnblock button.button#search:focus { color: #2563EB; background: #FFFFFF !important; } .header .container .header__row .btnblock button.button#search:focus span { color: #2563EB !important; } .header .container .header__row .btnblock button.button#search:focus svg { fill: #2563EB; } } @media screen and (min-width: 992px) { .header .container .header__row .btnblock { gap: 20px; } .header .container .header__row .btnblock button.button#search { margin-right: 0px; } } .header .container .header__row .btnblock [data-product] { position: relative; overflow: visible; } .header .container .header__row .btnblock [data-product]::after { position: absolute; min-width: 18px; top: 0; right: 0; font-weight: 500; -webkit-transform: translate(10px, -8px); -ms-transform: translate(10px, -8px); transform: translate(10px, -8px); font-size: 10px; line-height: 100%; background-color: #CB0B0A; border-radius: 9px; color: #FFFFFF; text-align: center; padding: 4px 2px; content: attr(data-product); } .header .container .header__row .btnblock [data-product="0"]::after { display: none; } .header.fixed { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); padding-bottom: 0; } .header.fixed .container .header__row { height: 65px; gap: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 992px) { .header.fixed .container .header__row .logo img { width: 79px; } } .header.fixed .container .header__row .lang { display: none; } .header.fixed .container .header__row .burger { display: -webkit-box; display: -ms-flexbox; display: flex; } .header.fixed .container .header__row .burger svg { fill: #171738; } @media screen and (min-width: 992px) { .header.fixed .container .header__row .contact.captured { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } .header.fixed .container .header__row .menuarea { display: none; } .header.fixed .container .header__row .menuarea .button.ghost[data-close] { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; padding: 8px !important; } .header.fixed .container .header__row .menuarea .button.ghost[data-close] svg { fill: #171738; } .header.fixed .container .header__row .menuarea.vis { padding: 60px 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; width: 100%; background: #FFFFFF; height: 100%; -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; } @media screen and (min-width: 431px) { .header.fixed .container .header__row .menuarea.vis { max-width: 360px; } } .header.fixed .container .header__row .menuarea.vis .contact { padding: 0 20px; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -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; } .header.fixed .container .header__row .menuarea.vis .contact:has(+ nav ul li i.open) { display: none; } .header.fixed .container .header__row .menuarea.vis .contact .lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header.fixed .container .header__row .menuarea.vis .contact .lang span { background: #1D4ED8; color: #FFFFFF; } .header.fixed .container .header__row .menuarea.vis .contact .lang a { background: transparent; color: #1D4ED8; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost { color: #2563EB; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0px; border: 1px solid #2563EB; width: 100%; padding: 13px 20px 14px !important; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost svg { fill: #1D4ED8; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost:hover { background: #2563EB !important; color: #FFFFFF; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost:hover svg { fill: #FFFFFF; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost:focus { color: #171738; background: #FFFFFF !important; } .header.fixed .container .header__row .menuarea.vis .contact .button.ghost:focus svg { fill: #2563EB; } .header.fixed .container .header__row .menuarea.vis .contact a[href^="tel:"], .header.fixed .container .header__row .menuarea.vis .contact a[href^="mailto:"] { color: #171738; } .header.fixed .container .header__row .menuarea.vis .nav { overflow-y: auto; } .header.fixed .container .header__row .menuarea.vis .nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header.fixed .container .header__row .menuarea.vis .nav ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 9px 20px; border-bottom: 1px solid #C8C8C8; } .header.fixed .container .header__row .menuarea.vis .nav ul li:first-of-type { border-top: 1px solid #C8C8C8; } .header.fixed .container .header__row .menuarea.vis .nav ul li a { font-weight: 500; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header.fixed .container .header__row .menuarea.vis .nav ul li a:hover { color: #171738; } .header.fixed .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; color: #686868; font-size: 20px; font-weight: 500; padding: 10px 20px; margin-bottom: 20px; } .header.fixed .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 20px; gap: 5px; margin-bottom: 20px; } .header.fixed .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open::after { content: attr(data-back); font-weight: 500; } .header.fixed .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header.fixed .container .header__row .menuarea.vis .nav ul li i { width: 16px; height: 16px; cursor: pointer; } .header.fixed .container .header__row .menuarea.vis .nav ul li i:hover { background-color: #EAEAEA; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item > .rootwrap { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item:has(> i.open) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item:has(> i.open) > .rootwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub.cb .button { border: 1px solid #1D4ED8; color: #1D4ED8; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub.cb .button svg { fill: #1D4ED8; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub > .nav__list__sub__lvl2 { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 { border: none; padding: 0px; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; padding: 0px 20px; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 svg { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; fill: #1D4ED8; } .header.fixed .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #1D4ED8; } .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item { display: none; } .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open) { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; } .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open):has(.nav__item__sub > i.open) > .nav__link, .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open):has(.nav__item__sub > i.open) > i.open { display: none; } .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item__sub > i.open) .nav__item__sub { display: none; } .header.fixed .container .header__row .menuarea.vis .nav ul:has(.nav__item__sub > i.open) .nav__item__sub:has(> i.open) { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; } .header.fixed .container .header__row .menuarea.vis .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header.fixed .container .header__row .menuarea.vis .nav__list:has(.nav__item > i.open) .nav__item { display: none; } .header.fixed .container .header__row .menuarea.vis .nav__list:has(.nav__item > i.open) .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .header.fixed .container .header__row .menuarea.vis .nav__item i svg { fill: #171738; } .header.fixed .container .header__row .menuarea.vis .nav__item i.cat { display: none; } .header.fixed .container .header__row .menuarea.vis .nav__item .rootwrap { display: none; } .header.fixed .container .header__row .menuarea.vis .nav li a { color: #171738; } .header.fixed .container .header__row .menuarea.vis .h__overlay { display: none; } @media screen and (min-width: 431px) { .header.fixed .container .header__row .menuarea.vis .h__overlay { cursor: pointer; display: block; position: absolute; left: 360px; top: 0; height: 100%; width: calc(100vw - 360px); background: rgba(0, 0, 0, 0.6); } } .header.fixed .container .header__row .btnblock { position: relative; top: auto; right: 0; } @media screen and (max-width: 1279px) { .header .container { padding-left: 20px; padding-right: 20px; } .header .container .header__row { gap: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .container .header__row .btnblock { top: 35px; } .header .container .header__row .btnblock button.button#search { padding: 0; background: transparent; border: none; margin-right: 0; } .header .container .header__row .btnblock button.button#search span { display: none; } .header .container .header__row .btnblock button.button#search svg { fill: #171738; } } @media screen and (max-width: 1199px) { .header { padding-bottom: 0; } .header .container .header__row { height: 65px; gap: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .container .header__row .logo { gap: 8px; } .header .container .header__row .logo img { width: 55px; height: 39px; } .header .container .header__row .logo .slogan strong, .header .container .header__row .logo .slogan span { font-size: 14px; } .header .container .header__row .lang { display: none; } .header .container .header__row .burger { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .container .header__row .burger svg { fill: #2563EB; } .header .container .header__row .contact.captured { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .header .container .header__row .menuarea { display: none; } .header .container .header__row .menuarea .button.ghost[data-close] { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; padding: 8px !important; } .header .container .header__row .menuarea .button.ghost[data-close] svg { fill: #171738; } .header .container .header__row .menuarea.vis { padding: 60px 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; width: 100%; background: #FFFFFF; height: 100%; -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; } } @media screen and (max-width: 1199px) and (min-width: 431px) { .header .container .header__row .menuarea.vis { max-width: 360px; } } @media screen and (max-width: 1199px) { .header .container .header__row .menuarea.vis .contact { padding: 0 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -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; } .header .container .header__row .menuarea.vis .contact:has(+ nav ul li i.open) { display: none; } .header .container .header__row .menuarea.vis .contact .lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header .container .header__row .menuarea.vis .contact .lang span { background: #1D4ED8; color: #FFFFFF; } .header .container .header__row .menuarea.vis .contact .lang a { background: transparent; color: #1D4ED8; } .header .container .header__row .menuarea.vis .contact .button.outline__inverse { border: 1px solid #1D4ED8; color: #1D4ED8; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .container .header__row .menuarea.vis .contact .button.outline__inverse svg { fill: #1D4ED8; } .header .container .header__row .menuarea.vis .contact a[href^="tel:"], .header .container .header__row .menuarea.vis .contact a[href^="mailto:"] { color: #1D4ED8; } } @media screen and (max-width: 1199px) and (max-width: 1199px) { .header .container .header__row .menuarea.vis .contact { margin-top: 20px; } } @media screen and (max-width: 1199px) { .header .container .header__row .menuarea.vis .nav { overflow-y: auto; } .header .container .header__row .menuarea.vis .nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header .container .header__row .menuarea.vis .nav ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 20px; border-bottom: 1px solid #C8C8C8; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub.cb .button { border: 1px solid #1D4ED8; color: #1D4ED8; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub.cb .button svg { fill: #1D4ED8; } .header .container .header__row .menuarea.vis .nav ul li:first-of-type { border-top: 1px solid #C8C8C8; } .header .container .header__row .menuarea.vis .nav ul li a { font-weight: 500; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header .container .header__row .menuarea.vis .nav ul li a:hover { color: #171738; } .header .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; color: #686868; font-size: 20px; font-weight: 500; padding: 9px 20px; margin-bottom: 20px; } .header .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 20px; gap: 5px; margin-bottom: 20px; height: 40px; } .header .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open::after { content: attr(data-back); font-weight: 500; } .header .container .header__row .menuarea.vis .nav ul li a:has(~ i.open) ~ i.open svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header .container .header__row .menuarea.vis .nav ul li i { width: 16px; height: 16px; cursor: pointer; } .header .container .header__row .menuarea.vis .nav ul li i:hover { background-color: #EAEAEA; } .header .container .header__row .menuarea.vis .nav ul li.nav__item > .rootwrap { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header .container .header__row .menuarea.vis .nav ul li.nav__item:has(> i.open) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .container .header__row .menuarea.vis .nav ul li.nav__item:has(> i.open) > .rootwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub > .nav__list__sub__lvl2 { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 { border: none; padding: 0px; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; padding: 0px 20px; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 svg { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; fill: #1D4ED8; } .header .container .header__row .menuarea.vis .nav ul li.nav__item__sub:has(> i.open) > .nav__list__sub__lvl2 .nav__item__sub__lvl2 .nav__link__sub__lvl2 span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #1D4ED8; } .header .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item { display: none; } .header .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open) { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; } .header .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open):has(.nav__item__sub > i.open) > .nav__link, .header .container .header__row .menuarea.vis .nav ul:has(.nav__item > i.open) .nav__item:has(> i.open):has(.nav__item__sub > i.open) > i.open { display: none; } .header .container .header__row .menuarea.vis .nav ul:has(.nav__item__sub > i.open) .nav__item__sub { display: none; } .header .container .header__row .menuarea.vis .nav ul:has(.nav__item__sub > i.open) .nav__item__sub:has(> i.open) { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; } .header .container .header__row .menuarea.vis .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .container .header__row .menuarea.vis .nav__list:has(.nav__item > i.open) .nav__item { display: none; } .header .container .header__row .menuarea.vis .nav__list:has(.nav__item > i.open) .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .container .header__row .menuarea.vis .nav__item i svg { fill: #171738; } .header .container .header__row .menuarea.vis .nav__item i.cat { display: none; } .header .container .header__row .menuarea.vis .nav__item .rootwrap { display: none; } .header .container .header__row .menuarea.vis .nav li a { color: #171738; } } @media screen and (max-width: 1199px) { .header .container .header__row .menuarea.vis .h__overlay { display: none; } } @media screen and (max-width: 1199px) and (min-width: 431px) { .header .container .header__row .menuarea.vis .h__overlay { cursor: pointer; display: block; position: absolute; left: 360px; top: 0; height: 100%; width: calc(100vw - 360px); background: rgba(0, 0, 0, 0.6); } } @media screen and (max-width: 1199px) { .header .container .header__row .btnblock { gap: 15px; position: relative; top: auto; right: auto; } } @media screen and (max-width: 991px) { .header .container .header__row .contact.captured { display: none; } } .overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.6); } .searchbox { background: #FFFFFF; position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100vh; padding: 60px 15px 0; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; } @media screen and (min-width: 768px) { .searchbox { max-width: 600px; padding: 60px 40px 0; } } .searchbox .modal__title { padding: 0 0 40px; } .searchbox .modal__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; max-height: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .searchbox.modal--vis { display: -webkit-box; display: -ms-flexbox; display: flex; } .searchbox .content p { font-weight: 300; line-height: 150%; margin: 0; } .searchbox .form__buttonholder { gap: 40px; } @media screen and (max-width: 991px) { .searchbox .form__buttonholder { gap: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .searchbox .form__buttonholder .button { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } @media screen and (max-width: 991px) { .searchbox .form__buttonholder .button { width: auto; } } .searchbox .noresults { 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; } .searchbox .noresults.hidden { display: none; } .searchbox .results { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .searchbox .results.hidden { display: none; } .searchbox .results .tabs { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .searchbox .results .tabs__nav { margin-bottom: 20px; } .searchbox .results .tabs__nav-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .searchbox .results .tabs__folds { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .searchbox .results .tabs__folds .tabs__fold.open { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .searchbox .results .tabs__folds .tabs__fold .resultbox { height: 100%; max-height: calc(100vh - 236px); overflow-y: auto; } .searchbox .results .tabs__folds .tabs__fold .resultbox::-webkit-scrollbar { width: 5px; } .searchbox .results .tabs__folds .tabs__fold .resultbox::-webkit-scrollbar-track { background: #F3F3F3; } .searchbox .results .tabs__folds .tabs__fold .resultbox::-webkit-scrollbar-thumb { border-radius: 0; width: 5px; background: #C8C8C8; } .searchbox .results .tabs__folds .tabs__fold .resultbox .resultlist { padding-right: 5px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .searchbox .results .tabs__folds .tabs__fold .resultbox .resultlist[data-new] .imgbox:before { content: "Новинка"; border: 1px solid #FFFFFF; border-left: none; background: #40C900; color: #FFFFFF; font-weight: 700; padding: 2px 4px 2px 4px; border-radius: 0 4px 4px 0; font-size: 10px; } .searchbox .results .tabs__folds .tabs__fold .resultbox .resultlist[data-promo] .imgbox:after { content: ""; background-image: url(/local/templates/kron_main/css/../img/image/promo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; right: 2px; top: 2px; width: 40px; height: 40px; } .container .results { padding-top: 50px; } @media screen and (max-width: 430px) { .container .results .btnwrap .button:not(.ghost) { max-width: none; } } .container .form .form__inputholder.inputholder.searchfield { margin-bottom: 0; background-color: #FFFFFF; } .container .form__buttonholder { padding-top: 50px; gap: 40px; } @media screen and (max-width: 991px) { .container .form__buttonholder { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .container .tabs__fold .cattile { padding-top: 50px; } .container .tabs__fold .matlist.blog { padding-top: 50px; } .modal { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; width: calc(100% - 20px); max-height: 95vh; background-color: #FFFFFF; z-index: 11; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 991px) { .modal { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; max-height: 100vh; overflow-y: auto; } } .modal--vis { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal__close { position: absolute; top: 0px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; cursor: pointer; z-index: 1; } .modal__close svg { width: 24px; height: 24px; fill: #171738 !important; } .modal__container { padding: 0px 40px 60px; max-height: calc(80vh - 70px); overflow: auto; } @media screen and (max-width: 991px) { .modal__container { padding: 25px 15px 15px; } } .modal__title { font-size: 26px; line-height: 1.2; padding: 60px 40px 40px; } @media screen and (max-width: 991px) { .modal__title.center { text-align: center; } } .modal__title:last-child { padding-bottom: 60px; } .modal__title p { color: #686868; line-height: 120%; font-size: 20px; padding-top: 10px; } @media screen and (max-width: 991px) { .modal__title { padding: 15px; } .modal__title p { color: #686868; line-height: 120%; font-size: 16px; } } .modal .btnholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .modal .btnholder { -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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; } } .footer { padding-top: 40px; padding-bottom: 40px; background-color: #1e3a8a; } .footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 32px; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { .footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer .container a.social { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 51px; width: 34px; -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; height: 34px; background: url(/local/templates/kron_main/css/../img/image/rutube.svg) center no-repeat; background-size: cover; } .footer .container a.social:hover { color: #171738; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container a.social { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .footer .container a.social { margin-right: 0; margin-top: 10px; margin-bottom: 10px; } } .footer .container .fblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #FFFFFF; } .footer .container .fblock:first-of-type ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 205px; gap: 20px; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container .fblock:first-of-type ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { .footer .container .fblock:first-of-type ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; } } .footer .container .fblock:first-of-type ul li { width: 190px; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container .fblock:first-of-type ul li { width: auto; } } .footer .container .fblock:first-of-type ul li a { color: #FFFFFF; font-weight: 400; } .footer .container .fblock:first-of-type ul li a:hover { color: #171738; } @media screen and (max-width: 1239px) { .footer .container .fblock:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media screen and (min-width: 1240px) { .footer .container .fblock:first-of-type { width: 400px; } } .footer .container .fblock:nth-of-type(2) { gap: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 295px; flex: 0 0 295px; font-size: 12px; font-weight: 400; } .footer .container .fblock:nth-of-type(2) .address { margin-bottom: 5px; } .footer .container .fblock:nth-of-type(2) .address a { text-decoration: underline; } .footer .container .fblock:nth-of-type(2) a[href^="mailto:"] { margin-top: 5px; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container .fblock:nth-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } } @media screen and (max-width: 767px) { .footer .container .fblock:nth-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .footer .container .fblock:last-of-type { gap: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; font-size: 12px; font-weight: 400; line-height: 14px; } .footer .container .fblock:last-of-type .copyright { margin-top: 5px; } .footer .container .fblock:last-of-type .reg { color: #C8C8C8; font-weight: 300; margin-top: 15px; line-height: 14px; } @media screen and (max-width: 1239px) and (min-width: 768px) { .footer .container .fblock:last-of-type { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } } @media screen and (max-width: 767px) { .footer .container .fblock:last-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .cookie { display: none; position: fixed; bottom: 20px; left: 0; width: 100%; z-index: 9; } .cookie__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; width: calc(100% - 40px); max-width: 860px; padding: 18px 20px 18px 40px; margin: 0 auto; background-color: rgba(52, 73, 102, 0.6); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 72px; } @media screen and (max-width: 767px) { .cookie__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; border-radius: 24px; } } .cookie__text { font-size: 14px; } @media screen and (max-width: 767px) { .cookie__button { width: 100%; } } .burger { z-index: 1; display: none; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; width: 24px; height: 24px; position: relative; } @media screen and (max-width: 991px) { .burger { display: block; } } .policy p { font-size: 10px; color: #686868; } .policy a { text-decoration: underline; color: inherit; display: inline-block; } .infoline { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 15px; padding-bottom: 50px; } .infoline .date, .infoline .cat { font-size: 14px; line-height: 120%; color: #686868; position: relative; } .infoline .date::after { content: "|"; margin-left: 15px; } .mathead { width: 100%; max-width: 820px; margin-bottom: 40px; } .mathead img { width: 100%; height: auto; } .contentwrap { width: 100%; max-width: 820px; color: #171738; } .contentwrap.extended { max-width: 925px; } .contentwrap.contentwrap-catalog { max-width: unset; } .contentwrap.orders { max-width: 925px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .contentwrap.orders .btnwrap { padding-top: 30px; } .contentwrap.orders .btnwrap .button:not(.ghost) { width: 100%; max-width: none; } .contentwrap a[data-fancybox] { display: block; width: auto; max-width: 100%; } .contentwrap picture { display: block; width: auto; max-width: 100%; margin-top: 30px; margin-bottom: 30px; } .contentwrap picture small { margin-top: 10px; display: block; font-size: 14px; color: #686868; } .contentwrap p, .contentwrap li, .contentwrap span, .contentwrap b, .contentwrap strong, .contentwrap i, .contentwrap em { line-height: 150%; } .contentwrap p a, .contentwrap li a, .contentwrap span a, .contentwrap b a, .contentwrap strong a, .contentwrap i a, .contentwrap em a { color: #1D4ED8; text-decoration: underline; } .contentwrap p { font-weight: 300; line-height: 150%; margin-bottom: 20px; } .contentwrap p:has(+ .btnwrap) { margin-bottom: 0; } .contentwrap p:last-of-type:last-child { margin-bottom: 0; } .contentwrap p strong { font-weight: 500; } .contentwrap p.notion { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .contentwrap p.notion svg { fill: #171738; } .contentwrap h2, .contentwrap h3 { margin-top: 40px; margin-bottom: 20px; } .contentwrap h2:first-child, .contentwrap h3:first-child { margin-top: auto; } .contentwrap li { font-weight: 300; line-height: 150%; margin-bottom: 10px; } .contentwrap li:last-of-type { margin-bottom: 0; } .contentwrap ul { margin-bottom: 1em; } .contentwrap ul li { padding-left: 16px; position: relative; } .contentwrap ul li:before { content: ""; width: 6px; height: 6px; position: absolute; margin-top: 10px; left: 0; background: #1D4ED8; } .contentwrap li ul li { padding-left: 30px; } .contentwrap li ul li::before { content: ""; width: 20px; margin-top: 12px; background: #171738; height: 2px; } .contentwrap ol { margin-bottom: 1em; counter-reset: list; } .contentwrap ol > li { padding-left: 34px; counter-increment: list; position: relative; } .contentwrap ol > li::before { position: absolute; text-align: right; top: 0; left: 0; content: counter(list) "."; width: 24px; height: 24px; font-size: inherit; } .contentwrap .btnwrap { padding-top: 50px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } .contentwrap .btnwrap .button:not(.ghost) { width: 100%; max-width: 330px; letter-spacing: -0.5px; } @media screen and (max-width: 430px) { .contentwrap .btnwrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contentwrap .btnwrap .button:not(.ghost) { max-width: none; } } .contentwrap .introtext:last-child { margin-bottom: 0; } .contentwrap.split { max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contentwrap.split .half p:last-child { margin-bottom: 0; } @media screen and (max-width: 1279px) { .contentwrap.split .half:has(.mobilecopy) { display: none; } } @media screen and (min-width: 1280px) { .contentwrap.split { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; } .contentwrap.split .half { -webkit-box-flex: 0; -ms-flex: 0 0 610px; flex: 0 0 610px; } .contentwrap.split .half + .half { -webkit-box-flex: 0; -ms-flex: 0 0 590px; flex: 0 0 590px; } } .contentwrap.split.moreleft:has(h1) { gap: 20px; } @media screen and (min-width: 1280px) { .contentwrap.split.moreleft { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; } .contentwrap.split.moreleft:has(h1) { gap: 40px; } .contentwrap.split.moreleft .half { -webkit-box-flex: 0; -ms-flex: 0 0 715px; flex: 0 0 715px; } .contentwrap.split.moreleft .half + .half { -webkit-box-flex: 0; -ms-flex: 0 0 485px; flex: 0 0 485px; } .contentwrap.split.moreleft .half:has(h1) + .half p { margin-top: 15px; } } .contentwrap.split .btnwrap { padding-top: 0; } .contentwrap table { margin-top: 35px; margin-bottom: 35px; } .contentwrap .tablewrap { width: 100%; overflow-x: auto; } @media screen and (max-width: 767px) { .contentwrap .tablewrap { width: calc(100% + 30px); margin-left: -15px; padding-left: 15px; padding-right: 15px; } } .ctablock { 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: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ctablock.director { padding: 30px 20px; background-color: #F3F3F3; height: 100%; gap: 40px; background-image: url(/local/templates/kron_main/css/../img/image/letter-pic.png.webp); background-size: 310px 310px; background-position: top right; background-repeat: no-repeat; } .ctablock.director .title { font-size: 32px; line-height: 120%; color: #000C5C; font-weight: 600; } .ctablock.director .button { width: 100%; max-width: 330px; } @media screen and (max-width: 991px) { .ctablock.director { min-height: 330px; background-size: 190px 190px; background-position: top right 10px; } } @media screen and (max-width: 430px) { .ctablock.director { background-position: top right -40px; } } .ctablock.cat { position: relative; padding: 20px; background-color: #000C5C; gap: 20px; } .ctablock.cat * { z-index: 1; position: relative; } .ctablock.cat p { margin-bottom: 0; color: #FFFFFF; } .ctablock.cat > svg { position: absolute; z-index: 0; fill: #FFFFFF; opacity: 0.2; top: 0; right: 0; width: 100px; height: 100px; } .ctablock.rutube { padding: 30px 20px; background-color: #000C5C; height: 290px; gap: 20px; background-image: url(/local/templates/kron_main/css/../img/image/rutube-outline.svg); background-size: 120px 120px; background-position: top -10px right -10px; background-repeat: no-repeat; } .ctablock.rutube .title { font-size: 32px; line-height: 120%; color: #FFFFFF; font-weight: 600; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .ctablock.rutube .title span { font-weight: 400; } .ctablock.rutube .button { width: 100%; } .videobox { text-decoration: none; width: 100%; 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; background-position: center; background-repeat: no-repeat; background-size: cover; height: 332px; position: relative; } .videobox:hover { color: #171738; } .videobox .cover { cursor: pointer; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; 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; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; overflow: hidden; } .videobox .cover .btncenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 210px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; gap: 10px; } .videobox .cover .btncenter span { color: #FFFFFF; line-height: 100%; font-weight: 500; font-size: 20px; } .videobox .cover .btncenter svg { fill: none; stroke: #FFFFFF; } .videobox .cover .hidden { opacity: 0; height: 0; } .videobox iframe { z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .contents-table .contents-modal__modal { background: #F3F3F3; } .contents-table .contents-modal__modal ul { padding: 0 15px 15px; padding-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .contents-table .contents-modal__modal ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 7px; } .contents-table .contents-modal__modal ul li a { padding-left: 27px; position: relative; color: #686868; line-height: 150%; } .contents-table .contents-modal__modal ul li a::before { position: absolute; top: 7px; left: 7px; content: ""; width: 0; height: 0; border: 4.33px solid transparent; border-left: 7.5px solid #686868; } .contents-table .contents-modal__modal ul li a:hover { color: #171738; } .contents-table .contents-modal__modal ul li a:hover::before { border-left: 7.5px solid #171738; } @media screen and (max-width: 1199px) { .contents-table .contents-modal { width: 100%; } .contents-table .contents-modal__button { position: fixed; 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; cursor: pointer; right: 0px; width: 44px; height: 44px; background: #1D4ED8; } .contents-table .contents-modal__button svg { fill: #FFFFFF; } .contents-table .contents-modal__overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 6; } .contents-table .contents-modal__modal { display: none; position: fixed; top: 0; right: 0; width: 100vw; max-width: 490px; height: 100vh; z-index: 7; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contents-table .contents-modal__modal.contents-modal__modal--show { display: -webkit-box; display: -ms-flexbox; display: flex; } .contents-table .contents-modal__modal .contents-table__list { max-height: calc(100vh - 80px); overflow-y: auto; } .contents-table .contents-modal__modal .closeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .contents-table .contents-modal__modal .closeholder .close.button.ghost { padding: 8px !important; cursor: pointer; } .contents-table .contents-modal__modal .closeholder .close.button.ghost svg { width: 24px; height: 24px; fill: #171738; } } @media screen and (min-width: 1200px) { .contents-table .contents-modal { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 0; right: 0; width: 300px; } .contents-table .contents-modal__button { display: none; } .contents-table .contents-modal__overlay { display: none; } .contents-table .contents-modal .closeholder { display: none; } .contents-table .contents-modal .contents-table__title { display: none; } } @media screen and (min-width: 1280px) { .contents-table .contents-modal { width: 360px; } } @media screen and (min-width: 1200px) { .navholder { position: -webkit-sticky; position: sticky; right: 0; top: 0; width: 100%; } .navholder.fixed { top: 100px; left: 50%; position: fixed; width: 100%; max-width: 1340px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .hotline { padding: 20px; background: #F1F5F9; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .hotline p { margin-bottom: 0; line-height: 150%; font-weight: 400; } .hotline p strong { font-weight: 500; line-height: 120%; } .hotline .time { font-weight: 700; display: inline-block; } @media screen and (max-width: 430px) { .hotline .time { display: block; } } .hotline a { color: #1D4ED8; line-height: 120%; border-bottom: 1px dashed; } .hotline a:hover { border-bottom: 1px dashed transparent; } .hotline.transparent { background: transparent; padding: 0; gap: 10px; } .hotline.transparent + .contactitem { margin-top: 20px; } .hotline.contactitem { background: transparent; padding: 0; gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hotline.contactitem a:not(.ankor):not([href^="mailto:"]) { border-bottom: none; } .hotline.contactitem a[href^="mailto:"] { margin-right: 10px; } .hotline.contactitem .connectblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } @media screen and (max-width: 430px) { .hotline.contactitem .connectblock { -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; } } .hotline.contactitem .connectblock a { position: relative; } .hotline.contactitem .connectblock a:not(:first-of-type)::before { content: "|"; margin-left: 10px; margin-right: 10px; color: #171738; } @media screen and (max-width: 430px) { .hotline.contactitem .connectblock a:not(:first-of-type)::before { display: none; } } .hotline.contactitem + blockquote { margin-top: 40px; } blockquote { padding: 30px 20px; background: #000C5C; color: #FFFFFF; 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: 15px; } blockquote:not(:first-child) { margin-top: 35px; } blockquote:not(:last-child) { margin-bottom: 35px; } blockquote .topline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } blockquote .topline svg { fill: #FFFFFF; width: 24px; height: 24px; } blockquote .topline svg.big { width: 40px; height: 40px; } blockquote .topline svg.big + strong { padding-top: 10px; } blockquote .topline svg + strong { padding-top: 3px; } blockquote .topline strong { font-weight: 500; font-size: 20px; line-height: 100%; } blockquote .content { font-size: 14px; line-height: 150%; } blockquote .content.big { font-size: 20px; } @media screen and (max-width: 430px) { blockquote .btnline { width: 100%; } } blockquote.red { background: #CB0B0A; } blockquote.yellow { background: #FFB820; } blockquote.green { background: #40C900; } .introtext { margin-bottom: 50px; } .introtext.cut p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 1023px) { .introtext.cut p { -webkit-line-clamp: 3; } } @media screen and (min-width: 1024px) { .introtext.cut p { -webkit-line-clamp: 500; } } @media screen and (min-width: 1024px) { .introtext.cut [data-togglecut] { display: none; } } @media screen and (max-width: 1023px) { .introtext.cut.opened p { -webkit-line-clamp: 500; } } .introtext.cut.opened [data-togglecut] svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } table { width: 100%; } table tbody tr th, table tbody tr td { padding: 16px; line-height: 130%; font-size: 14px; } table tbody tr th { background-color: #000C5C; color: #FFFFFF; } table tbody tr td { background-color: #F3F3F3; color: #171738; } table tbody tr:nth-of-type(even) td { background-color: #EAEAEA; } .noresults .contentwrap { padding-top: 50px; } .social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .social::before { content: "Поделиться:"; color: #686868; font-weight: 300; margin-right: 10px; } .social__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; } .social__item:hover .social__icon { fill: #1D4ED8; } .social__icon { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; fill: #000C5C; } .aboutblock.swiper { overflow: hidden; } .aboutblock.swiper .swiper-slide .contentwrap.split { background-color: #F1F5F9; } @media screen and (min-width: 768px) { .aboutblock.swiper .swiper-slide .contentwrap.split { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (max-width: 767px) { .aboutblock.swiper .swiper-slide .contentwrap.split { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } .aboutblock.swiper .swiper-slide .contentwrap.split .half:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .aboutblock.swiper .swiper-slide .contentwrap.split .half:first-of-type { -webkit-box-flex: 1; -ms-flex: 1 1 620px; flex: 1 1 620px; } .aboutblock.swiper .swiper-slide .contentwrap.split .half:first-of-type * { max-width: 620px; } } @media screen and (max-width: 1279px) { .aboutblock.swiper .swiper-slide .contentwrap.split .half:first-of-type { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 30px; } } @media screen and (max-width: 767px) { .aboutblock.swiper .swiper-slide .contentwrap.split .half:first-of-type { padding: 20px; } } .aboutblock.swiper .swiper-slide .contentwrap.split .half img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 300px; } @media screen and (max-width: 1279px) and (min-width: 768px) { .aboutblock.swiper .swiper-slide .contentwrap.split .half { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } @media screen and (max-width: 767px) { .aboutblock.swiper .swiper-slide .contentwrap.split .half { width: 100%; } } .aboutblock.swiper ~ h3, .aboutblock.swiper ~ .h3 { margin-top: 40px; margin-bottom: 40px; } .swiper.aboutblock ~ .btnwrap, .swiper.mainproducts ~ .btnwrap { margin-top: 34px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper.aboutblock ~ .btnwrap .button, .swiper.mainproducts ~ .btnwrap .button { width: 100%; max-width: 330px; letter-spacing: -1px; } .swiper.aboutblock .swiper-slide .cardpreview, .swiper.mainproducts .swiper-slide .cardpreview { gap: 0; width: 100%; } .swiper.first { background-color: #FFFFFF; background-repeat: no-repeat; background-size: cover; } .swiper.first .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .swiper.first .swiper-slide { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; } .swiper.first .swiper-slide * { z-index: 2; } .swiper.first .swiper-slide::after { content: ""; height: 100%; width: 100%; background: url(/local/templates/kron_main/css/../img/image/slide-bg.png_new.webp) center no-repeat; background-size: 150%; z-index: 1; position: absolute; top: 0; right: 0; } @media screen and (max-width: 767px) { .swiper.first .swiper-slide::after { background: url(/local/templates/kron_main/css/../img/image/slide-bg.png_new.webp) top -123px left -160px no-repeat; background-size: 270%; } } .swiper.first .swiper-slide::before { content: ""; height: 100%; width: calc(50% - 82px); background-color: #3b82f6; z-index: 0; position: absolute; top: 0; right: 0; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide::before { width: 55%; } } @media screen and (max-width: 991px) { .swiper.first .swiper-slide::before { width: 60%; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide::before { width: 100%; height: calc(100% - 350px); bottom: 0; top: auto; } } @media screen and (max-width: 1366px) { .swiper.first .swiper-slide { padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .swiper.first .swiper-slide .container { max-width: 1340px; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media screen and (max-width: 1366px) { .swiper.first .swiper-slide .container { height: 500px; } } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container { height: 760px; height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 575px) { .swiper.first .swiper-slide .container { height: auto; } } .swiper.first .swiper-slide .container .imgbox { height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; position: relative; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .imgbox { height: 345px; -webkit-box-flex: 0; -ms-flex: 0 0 345px; flex: 0 0 345px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: calc(100% - 510px); max-width: 360px; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .imgbox { -webkit-box-flex: 0; -ms-flex: 0 1 345px; flex: 0 1 345px; width: 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; max-width: none; height: auto; } } .swiper.first .swiper-slide .container .imgbox img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .imgbox img { max-width: 360px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .swiper.first .swiper-slide .container .info { -webkit-box-flex: 0; -ms-flex: 0 0 530px; flex: 0 0 530px; 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-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 530px; padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; max-width: 400px; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .info .contentwrap { color: #ffffff; } .swiper.first .swiper-slide .container .info .contentwrap * { color: #ffffff; } } .swiper.first .swiper-slide .container .info .contentwrap .caption { font-size: 48px; line-height: 110%; font-weight: 600; text-transform: uppercase; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .info .contentwrap .caption { font-size: 30px; } } @media screen and (max-width: 991px) { .swiper.first .swiper-slide .container .info .contentwrap .caption { font-size: 20px; } } .swiper.first .swiper-slide .container .info .contentwrap .heading { margin-top: 24px; } .swiper.first .swiper-slide .container .info .tag { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 10px 12px; font-size: 14px; line-height: 16px; margin-bottom: 20px; } .swiper.first .swiper-slide .container .info .tag.blue { border: 1px solid #1D4ED8; color: #1D4ED8; } .swiper.first .swiper-slide .container .info .tag.red { border: 1px solid #CB0B0A; color: #CB0B0A; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .info .tag { display: none; } } .swiper.first .swiper-slide .container .info .button { width: 100%; max-width: 330px; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .info .button { margin-top: 20px; } } @media screen and (max-width: 430px) { .swiper.first .swiper-slide .container .info .button { max-width: none; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .info { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; width: 100%; } } .swiper.first .swiper-slide .container .detail { color: #FFFFFF; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 570px; overflow: hidden; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .detail { padding-left: 0; max-width: 400px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .detail { margin-bottom: 20px; } } @media screen and (min-width: 1200px) { .swiper.first .swiper-slide .container .detail { margin-top: 90px; margin-bottom: 60px; } } .swiper.first .swiper-slide .container .detail * { font-weight: 400; line-height: 150%; font-size: 16px; } @media screen and (max-width: 767px) { .swiper.first .swiper-slide .container .detail * { font-size: 14px; } } .swiper.first .swiper-slide .container .detail .button.ghost { width: auto; } .swiper.first .swiper-slide .container .detail a { text-decoration: underline; color: #DBEAFE; } .swiper.first .swiper-slide .container .detail ul li { margin-bottom: 6px; } .swiper.first .swiper-slide .container .detail ul li:before { margin-top: 8px; } .swiper.first .swiper-slide .container .detail strong { font-weight: 600; } .swiper.first .swiper-slide .container .detail p:has(+ .button) { margin-bottom: 0; } .swiper.first .swiper-slide .container .detail ul.features { width: 100%; padding: 0; } .swiper.first .swiper-slide .container .detail ul.features li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; } .swiper.first .swiper-slide .container .detail ul.features li .icon { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; height: 40px; } .swiper.first .swiper-slide .container .detail ul.features li .icon img { width: 40px; height: 40px; } .swiper.first .swiper-slide .container .detail ul.features li p { padding-top: 8px; line-height: 120%; margin: 0; } .swiper.first .swiper-slide .container .detail ul.features li p strong { font-size: 24px; } @media screen and (max-width: 1199px) { .swiper.first .swiper-slide .container .detail ul.features li p strong { font-size: 16px; } } .swiper.first .swiper-slide .container .detail .modal--vis { padding-top: 40px; } .swiper.first .swiper-slide .container .detail .modal--vis .modal__close { width: 40px; } .swiper.first .swiper-slide .container .detail .modal--vis .form { color: #171738; overflow-y: auto; } .swiper.first .swiper-slide .container .detail .modal--vis .form::-webkit-scrollbar { width: 5px; } .swiper.first .swiper-slide .container .detail .modal--vis .form::-webkit-scrollbar-track { background: #F3F3F3; } .swiper.first .swiper-slide .container .detail .modal--vis .form::-webkit-scrollbar-thumb { border-radius: 0; width: 5px; background: #C8C8C8; } .swiper.first .swiper-slide .container .detail .modal--vis .form .modal__container { padding-left: 12px; padding-right: 12px; overflow: unset; } .swiper.first .swiper-slide .container .detail .modal--vis .form .modal__container a { text-decoration: underline; color: #2563EB; } @media screen and (min-width: 992px) { .swiper.first .swiper-slide .container .detail .modal--vis { z-index: 10; top: 0; position: absolute; left: 0; height: 100%; width: 100%; max-width: none; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @media screen and (max-width: 991px) { .swiper.first .swiper-slide .container .detail .modal--vis { z-index: 10; top: 0; position: fixed; left: 0; height: 100%; width: 100%; max-width: none; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @media screen and (min-width: 1200px) { .swiper.first .swiper-slide[data-img=wide] .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1200px) { .swiper.first .swiper-slide[data-img=wide] .container .imgbox { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; width: calc(100% - 530px); } } @media screen and (min-width: 1200px) { .swiper.first .swiper-slide[data-img=wide] .container .imgbox img { max-width: 530px; } } @media screen and (min-width: 1200px) { .swiper.first .swiper-slide[data-img=wide] .container .detail { width: calc(100% - 530px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 30px; margin-bottom: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; padding-left: 220px; } } .swiper.first .swiper-slide[data-img=img]::after, .swiper.first .swiper-slide[data-img=img]:before { display: none; } .swiper.first .swiper-slide[data-img=img] .imgbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .swiper.first .swiper-slide[data-img=img] .imgbox img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .form .inputholder { margin-bottom: 20px; } .form__buttonholder { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; } @media screen and (max-width: 991px) { .form__buttonholder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } } .form__buttonholder .button { -webkit-box-flex: 0; } @media screen and (max-width: 991px) { .form__buttonholder .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .formholder .form { max-width: 505px; } .formholder .form .content { padding-bottom: 50px; } .formholder .form .content .h3 { margin-bottom: 20px; } .formholder .form .content p { font-size: 16px; font-weight: 300; line-height: 150%; } .formholder .form .content p a[href^="mailto:"] { color: #686868; } .formholder .form.wide { max-width: 660px; } .formholder .form.wide .form__inputholder, .formholder .form.wide .form__buttonholder { max-width: 505px; } .formholder .form.wide .h2 { margin: 0; } .formholder .form.wide .h3 { margin-top: 0; } .formholder .form.wide:has(.half) { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; } @media screen and (max-width: 767px) { .formholder .form.wide:has(.half) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .formholder .form.wide:has(.half) .half { -webkit-box-flex: 0; -ms-flex: 0 0 495px; flex: 0 0 495px; } .formholder .form.wide:has(.half) .half .form__inputholder { max-width: none; } .formholder .form.wide:has(.half) .half .content { padding-bottom: 30px; } .formholder .form.wide:has(.half) .half .content *:last-child { margin-bottom: 0; } .formholder .form.wide:has(.half) .half .content ~ .content { margin-top: 38px; } @media screen and (max-width: 1279px) { .formholder .form.wide:has(.half) .half { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } .formholder .form.wide:has(.half) .half *:last-child { margin-bottom: 0; } .formholder .form__buttonholder .button { -webkit-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; } @media screen and (max-width: 991px) { .formholder .form__buttonholder .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .formholder .form__buttonholder.secondary { padding-top: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 991px) { .formholder .form__buttonholder.secondary { gap: 20px; } } .formholder .form__buttonholder.secondary .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .doclist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; margin-top: 40px; margin-bottom: 50px; } .doclist:last-child { margin-bottom: 0px; } .doclist a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } .doclist a svg { fill: #1D4ED8; -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; height: 36px; } .doclist a span { color: #1D4ED8; line-height: 120%; padding-top: 8px; } .doclist a:hover { color: #171738; } .persons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .persons .person { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; } .persons .person img { width: 160px; height: 160px; -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; -o-object-fit: cover; object-fit: cover; } .persons .person .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: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .persons .person .info .pos { color: #686868; font-size: 14px; line-height: 120%; } .persons .person .info .name { color: #171738; font-size: 24px; line-height: 120%; } .persons .person .info a { color: #1D4ED8; font-size: 14px; line-height: 120%; border-bottom: 1px dashed; } .persons .person .info a:hover { border-bottom: 1px dashed transparent; } @media screen and (max-width: 1023px) { .persons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .persons .person { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; gap: 20px; } .persons .person img { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .persons .person .info .name { font-size: 16px; } } .swiper { position: relative; z-index: 0; } @media screen and (max-width: 767px) { .swiper { overflow: visible; } } .swiper .navbox { 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; gap: 30px; padding: 20px 0; } .swiper .navbox .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; bottom: auto; left: auto; right: auto; top: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; } .swiper .navbox .swiper-pagination-bullet { background-color: #2563EB; border-radius: 0; margin: 0; width: 6px; height: 6px; opacity: 1; } .swiper .navbox .swiper-pagination-bullet:hover { background-color: #1D4ED8; } .swiper .navbox .swiper-pagination-bullet-active { width: 10px; height: 10px; background-color: transparent; border: 1px solid #2563EB; } .swiper .navbox .swiper-button-prev, .swiper .navbox .swiper-button-next { z-index: 0; width: 32px; height: 32px; position: relative; bottom: auto; left: auto; right: auto; top: auto; margin: 0; } .swiper .navbox .swiper-button-prev::after, .swiper .navbox .swiper-button-next::after { display: none; } .swiper .navbox .swiper-button-prev svg, .swiper .navbox .swiper-button-next svg { fill: #2563EB; } .blue .navbox .swiper-button-prev svg, .blue .navbox .swiper-button-next svg { fill: #FFFFFF; } @media screen and (max-width: 767px) { .licenses .swiper-slide { width: 295px; } } .licenses .swiper-slide a.license { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 295px; background-color: #F1F5F9; background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 767px) { .licenses .swiper-slide a.license { height: 295px; } } .publications .swiper-slide, .smi .swiper-slide { padding-top: 15px; padding-bottom: 15px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .smi .swiper-slide .blogpreview { background-color: transparent; } .smi .navbox .swiper-pagination-bullet { background-color: #FFFFFF; } .smi .navbox .swiper-pagination-bullet:hover { background-color: #1D4ED8; } .smi .navbox .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #FFFFFF; } @media screen and (min-width: 768px) { .publications .swiper-slide .blogpreview { -ms-flex-preferred-size: calc((100% - 40px) / 3); flex-basis: calc((100% - 40px) / 3); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .publications .swiper-slide .blogpreview .imgbox { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 100%; } .publications .swiper-slide .blogpreview .info { padding: 12px; gap: 10px; background: #FFFFFF; } .publications .swiper-slide .btnwrap { padding-top: 30px; } } @media screen and (max-width: 767px) { .swiper.steps { overflow: hidden; } } .swiper.steps .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; position: relative; top: auto; left: auto; right: auto; bottom: auto; padding-bottom: 50px; } .swiper.steps .swiper-pagination-bullet { width: auto; height: auto; margin: auto; margin-left: 0; border-radius: 0; background: transparent; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; text-align: left; } .swiper.products .swiper-wrapper, .swiper.mainproducts .swiper-wrapper { height: auto; } .swiper.products .swiper-wrapper .swiper-slide, .swiper.mainproducts .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } @media screen and (max-width: 767px) { .swiper.products .swiper-wrapper .swiper-slide, .swiper.mainproducts .swiper-wrapper .swiper-slide { width: 310px; } } .swiper.prodmain { width: 100%; height: 460px; min-height: 460px; overflow: hidden; } @media screen and (max-width: 767px) { .swiper.prodmain { height: 330px; min-height: 330px; } } .swiper.prodmain .swiper-wrapper .swiper-slide img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 460px; background-color: #EFF6FF; } @media screen and (max-width: 767px) { .swiper.prodmain .swiper-wrapper .swiper-slide img { height: 330px; } } .swiper.prodtips { width: calc(100% - 153px); height: 100%; position: relative; overflow: hidden; } @media screen and (max-width: 767px) { .swiper.prodtips { width: calc(100% - 70px); } } .swiper.prodtips .swiper-wrapper .swiper-slide { width: 87px; height: 87px; padding: 3px; cursor: pointer; } .swiper.prodtips .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; background-color: #EFF6FF; } .swiper.prodtips .swiper-wrapper .swiper-slide-thumb-active { background: #1D4ED8; } .swiper.prodtips.wide { width: 100%; 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; } .swiper.prodtips.wide .swiper-wrapper { width: 100%; 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; } .swiper.prodtips.wide .swiper-wrapper .swiper-slide { -webkit-box-flex: 0; -ms-flex: 0 0 87px; flex: 0 0 87px; } .product { position: relative; } .product .swiper-button-next { opacity: 1; margin-top: auto; bottom: 31.5px; right: 22.5px; height: 24px; width: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .product .swiper-button-next { right: 1px; bottom: 28px; } } .product .swiper-button-next svg { width: 24px; height: 24px; fill: #171738; } .product .swiper-button-next::after { display: none; } .product .swiper-button-prev { opacity: 1; margin-top: auto; bottom: 31.5px; left: 22.5px; height: 24px; width: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .product .swiper-button-prev { left: 1px; bottom: 28px; } } .product .swiper-button-prev svg { width: 24px; height: 24px; fill: #171738; } .product .swiper-button-prev::after { display: none; } .blogpreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; background-color: #FFFFFF; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .blogpreview .imgbox { width: 145px; height: 145px; -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; position: relative; overflow: hidden; } .blogpreview .imgbox img { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -o-object-fit: cover; object-fit: cover; } .blogpreview .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: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .blogpreview .info .date { color: #686868; font-size: 14px; line-height: 150%; } .blogpreview .info .title { color: #1e3a8a; font-size: 16px; line-height: 150%; } .blogpreview .info .desc { display: none; } .blogpreview .info .cat { color: #686868; font-size: 12px; font-weight: 300; line-height: 120%; } @media screen and (max-width: 767px) { .blogpreview { gap: 15px; background-color: transparent; } .blogpreview .imgbox { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .blogpreview .info .title { font-size: 14px; } } .blogpreview:hover .imgbox img { -webkit-transform: translate(-50%, -50%) scale(1.3); -ms-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .blogpreview:hover .title { color: #2563EB; } .blue .blogpreview .date { color: #C8C8C8; } .blue .blogpreview .title { color: #FFFFFF; } .blue .blogpreview .cat { color: #C8C8C8; } .matlist.blog { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; } .matlist.blog .blogpreview { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); } @media screen and (max-width: 767px) { .matlist.blog .blogpreview { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .matlist.blog.big .blogpreview .info .cat { display: none; } .matlist.blog.big .btnwrap { padding-top: 10px; } @media screen and (min-width: 768px) { .matlist.blog.big { gap: 20px; } .matlist.blog.big .blogpreview { -ms-flex-preferred-size: calc((100% - 40px) / 3); flex-basis: calc((100% - 40px) / 3); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .matlist.blog.big .blogpreview .imgbox { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 100%; } .matlist.blog.big .blogpreview .info { padding: 12px; gap: 10px; background: #FFFFFF; } .matlist.blog.big .btnwrap { padding-top: 30px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .matlist.blog.big.root .blogpreview { -ms-flex-preferred-size: calc((100% - 40px) / 2); flex-basis: calc((100% - 40px) / 2); } } @media screen and (min-width: 1024px) { .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) { -ms-flex-preferred-size: calc((100% - 40px) / 3 * 2 + 20px); flex-basis: calc((100% - 40px) / 3 * 2 + 20px); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; background-color: #EFF6FF; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) .imgbox { -ms-flex-preferred-size: calc((100% - 20px) / 2); flex-basis: calc((100% - 20px) / 2); height: 100%; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) .info { background-color: transparent; padding: 20px; padding-right: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) .info .date { color: #172554; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) .info .title { color: #2563EB; font-size: 24px; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7) .info .desc { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 150%; font-weight: 300; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7):hover { background-color: #60a5fa; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7):hover .info .date { color: #FFFFFF; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7):hover .info .title { color: #FFFFFF; } .matlist.blog.big.root .blogpreview:nth-of-type(8n-7):hover .info .desc { color: #FFFFFF; } h2 + .matlist.blog.big, .h2 + .matlist.blog.big, .tabs + .matlist.blog.big { margin-top: 40px; padding-top: 0; } .webpreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; padding: 15px; background-color: #F3F3F3; } .webpreview img { width: 145px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; -o-object-fit: cover; object-fit: cover; } .webpreview .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .webpreview .info .title { color: #171738; font-size: 18px; line-height: 120%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .webpreview .info .date { color: #C8C8C8; font-size: 14px; line-height: 120%; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 10px; } .webpreview .info .state { color: #1D4ED8; font-size: 16px; font-weight: 400; line-height: 100%; } .webpreview:hover { color: #171738; } @media screen and (max-width: 767px) { .webpreview { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .webpreview img { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 145px; } .webpreview .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .webpreview .info .title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 5px; } .webpreview .info .date { padding-right: 0; } } .cattile { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cattile.line { gap: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 991px) { .cattile.line { gap: 20px; } } .cattile .cardpreview { -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); } @media screen and (max-width: 991px) { .cattile .cardpreview { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media screen and (max-width: 479px) { .cattile .cardpreview { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .cattile .catitem { background: #1D4ED8; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); padding: 15px; } .cattile .catitem svg { width: 60px; height: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; fill: #FFFFFF; } .cattile .catitem .title { color: #FFFFFF; font-size: 16px; line-height: 130%; font-weight: 500; width: 100%; } .cattile .catitem:hover { background: #000C5C; } @media screen and (max-width: 991px) { .cattile .catitem { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media screen and (max-width: 479px) { .cattile .catitem { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .cattile .catitem:has(img) { padding: 15px; background: transparent; border: 1px solid #EAEAEA; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cattile .catitem:has(img) .title { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; color: #1D4ED8; } .cattile .catitem:has(img) img { width: 170px; height: 170px; -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; -o-object-fit: contain; object-fit: contain; margin-right: -15px; margin-bottom: -15px; } .cattile .catitem:has(img):hover { background: transparent; border: 1px solid #1D4ED8; } .cattile.personal .catitem { background-color: #F3F3F3; } .cattile.personal .catitem svg { fill: #1D4ED8; } .cattile.personal .catitem .title span { font-weight: 400; color: #1D4ED8; } .cattile.personal .catitem .title svg { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .cattile.personal .btnwrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cattile.personal .btnwrap .button svg { fill: none; } @media screen and (min-width: 768px) { .cattile.firstbig .catitem svg { stroke: #FFFFFF; fill: none; stroke-width: 1.5px; } .cattile.firstbig .catitem:nth-child(1), .cattile.firstbig .catitem:nth-child(2), .cattile.firstbig .catitem:nth-child(3) { -ms-flex-preferred-size: calc((100% - 40px) / 3); flex-basis: calc((100% - 40px) / 3); } .cattile.firstbig .catitem:nth-child(1) svg, .cattile.firstbig .catitem:nth-child(2) svg, .cattile.firstbig .catitem:nth-child(3) svg { width: 120px; height: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } .cattile.firstbig .catitem:nth-child(4), .cattile.firstbig .catitem:nth-child(5) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } .cattile.firstbig .catitem:nth-child(4) .title, .cattile.firstbig .catitem:nth-child(5) .title { padding-top: 15px; } } @media screen and (max-width: 767px) { .cattile.firstbig { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cattile.firstbig .catitem { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cattile.firstbig .catitem .title { padding-top: 15px; } .cattile.firstbig .catitem svg { width: 60px; height: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .cattile.firstbig .catitem:nth-child(1) svg, .cattile.firstbig .catitem:nth-child(2) svg, .cattile.firstbig .catitem:nth-child(3) svg { stroke-width: 2px; } } .cattile .btnwrap { padding-top: 40px; width: 100%; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .cattile .btnwrap .button:not(.ghost) { width: 100%; max-width: 330px; } .cattile .btnwrap ~ .btnwrap { padding-top: 20px; } @media screen and (min-width: 480px) and (max-width: 991px) { .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(1), .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(2), .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(3) { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media screen and (min-width: 992px) { .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(1), .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(2), .cattile.root:not(:has([data-prior])) .cardpreview:nth-of-type(3) { -ms-flex-preferred-size: calc((100% - 40px) / 3); flex-basis: calc((100% - 40px) / 3); } } @media screen and (min-width: 992px) and (max-width: 1023px) { .cattile.root:not(.line) .cardpreview[data-prior] + .cardpreview { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media screen and (min-width: 992px) and (max-width: 1023px) { .cattile.root:not(.line) .cardpreview[data-prior] + .cardpreview + .cardpreview { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } } @media screen and (min-width: 480px) { .cattile.root:not(.line) .cardpreview[data-prior] { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; background-color: #EFF6FF; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cattile.root:not(.line) .cardpreview[data-prior] .imgbox { -ms-flex-preferred-size: calc((100% - 20px) / 2); flex-basis: calc((100% - 20px) / 2); height: 100%; } .cattile.root:not(.line) .cardpreview[data-prior] .info { background-color: transparent; padding: 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cattile.root:not(.line) .cardpreview[data-prior] .info .price { font-size: 24px; line-height: 150%; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; color: #172554; } .cattile.root:not(.line) .cardpreview[data-prior] .info .title { color: #172554; font-size: 14px; line-height: 150%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 10px; } .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam { display: none; } .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(2), .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(3), .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(4) { font-size: 12px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(2):before, .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(3):before, .cattile.root:not(.line) .cardpreview[data-prior] .info .cardparam:nth-child(4):before { content: attr(data-name); color: #3b82f6; margin-bottom: 5px; } } @media screen and (min-width: 1024px) { .cattile.root:not(.line) .cardpreview[data-prior] { -ms-flex-preferred-size: calc((100% - 60px) / 4 * 2 + 20px); flex-basis: calc((100% - 60px) / 4 * 2 + 20px); } .cattile.root:not(.line) .cardpreview[data-prior] .info { padding-left: 0px; } .cattile.root:not(.line) .cardpreview[data-prior] .info .price { font-size: 36px; } .cattile.root:not(.line) .cardpreview[data-prior] .info .title { font-size: 16px; } } .cattile.root:not(.line) .cardpreview[data-prior]:hover { background-color: #3b82f6; } .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .title, .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .price, .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .cardparam { color: #FFFFFF; } .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .title::before, .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .price::before, .cattile.root:not(.line) .cardpreview[data-prior]:hover .info .cardparam::before { color: #FFFFFF; } .viewtoggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; padding-bottom: 50px; } .viewtoggle .item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 8px; font-size: 12px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .viewtoggle .item svg { pointer-events: none; width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .viewtoggle .item.avail { background-color: transparent; color: #2563EB; cursor: pointer; } .viewtoggle .item.avail svg { fill: #2563EB; } .viewtoggle .item.avail:hover { background-color: #2563EB; color: #FFFFFF; } .viewtoggle .item.avail:hover svg { fill: #FFFFFF; } .viewtoggle .item:not(.avail) { background-color: #EFF6FF; color: #2563EB; } .viewtoggle .item:not(.avail) svg { fill: #2563EB; } .cardpreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; background: #FFFFFF; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview .imgbox { width: 120px; height: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; background-color: #EFF6FF; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview .imgbox:before, .cardpreview .imgbox:after { position: absolute; top: 10px; z-index: 1; pointer-events: none; } .cardpreview .imgbox img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) scale(0.87); -ms-transform: translate(-50%, -50%) scale(0.87); transform: translate(-50%, -50%) scale(0.87); -o-object-fit: contain; object-fit: contain; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview .imgbox img:hover { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .cardpreview[data-new] .imgbox:before { content: "Новинка"; border-radius: 0 8px 8px 0; border: 1px solid #FFFFFF; border-left: none; background: #40C900; color: #FFFFFF; font-size: 16px; font-weight: 700; padding: 2px 7px 2px 5px; left: 0; } .cardpreview[data-promo] .imgbox:after { right: 10px; content: ""; background-image: url(/local/templates/kron_main/css/../img/image/promo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 60px; height: 60px; } .cardpreview .cardparam { display: none; } .cardpreview .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: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; padding-bottom: 15px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview .info .title { color: #000C5C; font-size: 16px; font-weight: 300; line-height: 150%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview .info .price { color: #171738; font-size: 16px; font-weight: 600; line-height: 150%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cardpreview:hover .imgbox img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .cardpreview:hover .info .title, .cardpreview:hover .info .price { color: #040422; } @media screen and (max-width: 767px) { .cardpreview { gap: 15px; } .cardpreview .imgbox { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .cardpreview .info .title { font-size: 12px; } } .swiper-slide .cardpreview, .box .cardpreview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; gap: 12px; } .swiper-slide .cardpreview .imgbox, .box .cardpreview .imgbox { width: 100%; height: 295px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .swiper-slide .cardpreview .info, .box .cardpreview .info { gap: 10px; padding-left: 12px; padding-right: 12px; } .swiper-slide .cardpreview .info .price, .box .cardpreview .info .price { font-size: 28px; line-height: 150%; font-weight: 600; } .swiper-slide .cardpreview .info .title, .box .cardpreview .info .title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 767px) { .swiper-slide .cardpreview .info .title, .box .cardpreview .info .title { font-size: 16px; } } .line .cardpreview { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 1199px) { .line .cardpreview { padding: 15px; gap: 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background-color: #EFF6FF; } .line .cardpreview .imgbox { background-color: #FFFFFF; } .line .cardpreview .info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .line .cardpreview .info .title { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; font-size: 14px; color: #171738; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 300; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .line .cardpreview .info .title:before { content: "Наименование"; font-size: 14px; color: #686868; font-weight: 300; margin-bottom: 10px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .line .cardpreview .info .cardparam { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; color: #171738; line-height: 150%; font-weight: 300; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .line .cardpreview .info .cardparam:before { content: attr(data-name); font-size: 14px; color: #686868; font-weight: 300; margin-bottom: 10px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .line .cardpreview .info .price { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .line .cardpreview .info .price:before { content: "Цена"; font-size: 14px; color: #686868; font-weight: 300; margin-bottom: 10px; } .line .cardpreview:hover .info .title, .line .cardpreview:hover .info .price, .line .cardpreview:hover .info .cardparam { color: #2563EB; } .line .cardpreview:hover .info .title::before, .line .cardpreview:hover .info .price::before, .line .cardpreview:hover .info .cardparam::before { color: #2563EB; } } .line .cardpreview[data-new] .imgbox:before { padding: 2px 4px 2px 4px; border-radius: 0 4px 4px 0; font-size: 10px; } .line .cardpreview[data-promo] .imgbox:after { right: 2px; top: 2px; width: 40px; height: 40px; } .split.product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 991px) { .split.product { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } } .split.product .half { width: 100%; } .split.product .half.pic { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; max-width: 460px; gap: 20px; } @media screen and (max-width: 991px) { .split.product .half.pic { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; max-width: 460px; margin: auto; } } .split.product .half.desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 660px; flex: 1 1 660px; } @media screen and (max-width: 991px) { .split.product .half.desc { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; width: 100%; } } .split.product .half.desc .ctablock .price { padding-bottom: 30px; 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: 10px; } .split.product .half.desc .ctablock .price .art { font-size: 14px; line-height: 120%; color: #D4D4D4; } .split.product .half.desc .ctablock .price strong { line-height: 100%; font-size: 32px; font-weight: 500; } .split.product .half.desc .ctablock .price span { line-height: 100%; font-size: 14px; font-weight: 300; } @media screen and (min-width: 992px) { .split.product .half.desc .ctablock .price { -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; } .split.product .half.desc .ctablock .price strong { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 10px; } .split.product .half.desc .ctablock .price span { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .split.product .half.desc .ctablock .btnblock { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .split.product .half.desc .ctablock .btnblock .button { position: relative; width: auto; } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock .btnblock .button:not(.ghost) { width: 100%; } } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock .btnblock .button.outline { padding: 9px 18px; } } .split.product .half.desc .ctablock .btnblock .button[data-tip]:focus { opacity: 1; } .split.product .half.desc .ctablock .btnblock .button .tip { pointer-events: all; display: none; background: #171738; color: #FFFFFF; padding: 15px; margin-top: 21px; position: absolute; top: 100%; right: 0; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 560px; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); } .split.product .half.desc .ctablock .btnblock .button .tip:before { position: absolute; content: ""; width: 0; height: 0; border: 18px solid transparent; border-bottom: 15px solid #171738; top: -33px; right: 175px; } .split.product .half.desc .ctablock .btnblock .button .tip p { font-size: 14px; text-transform: none; line-height: 150%; font-weight: 500; } .split.product .half.desc .ctablock .btnblock .button .tip .close { display: none; } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock .btnblock .button .tip .close { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: all; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 8px !important; padding-bottom: 18px !important; } } .split.product .half.desc .ctablock .btnblock .button .tip.vis { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock .btnblock .button .tip { width: calc(100vw - 30px); } } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock .btnblock .button:nth-of-type(2)[data-tip] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .split.product .half.desc .ctablock .btnblock .button:nth-of-type(3)[data-tip] .tip { right: auto; left: 0; } .split.product .half.desc .ctablock .btnblock .button:nth-of-type(3)[data-tip] .tip:before { right: auto; left: 50px; } .split.product .half.desc .ctablock.fixed { position: fixed; z-index: 2; bottom: 0; width: 100%; left: 0; background: #F3F3F3; -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.1); padding: 10px 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .split.product .half.desc .ctablock.fixed .price { padding: 0 30px 0 0; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; gap: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .split.product .half.desc .ctablock.fixed .price .art { display: none; } .split.product .half.desc .ctablock.fixed .price strong { font-size: 30px; } .split.product .half.desc .ctablock.fixed .price span { font-size: 10px; } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock.fixed .price { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .split.product .half.desc .ctablock.fixed .price strong { font-size: 20px; } } .split.product .half.desc .ctablock.fixed .btnblock { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .split.product .half.desc .ctablock.fixed .btnblock .button { width: auto; } .split.product .half.desc .ctablock.fixed [data-tip] { display: none; } .split.product .half.desc .ctablock.fixed .bright { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock.fixed .bright span { display: none; } } @media screen and (max-width: 991px) { .split.product .half.desc .ctablock.fixed .outline span { display: none; } } .split.product .half.desc .features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; padding-top: 30px; width: 100%; max-width: 660px; } @media screen and (max-width: 991px) { .split.product .half.desc .features { max-width: none; } } .split.product .half.desc .features .feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1199px) { .split.product .half.desc .features .feature { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .split.product .half.desc .features .feature strong { -webkit-box-flex: 1; -ms-flex: 1 1 360px; flex: 1 1 360px; background: #F1F5F9; font-weight: 400; padding: 6px 10px; font-size: 14px; } @media screen and (max-width: 1199px) { .split.product .half.desc .features .feature strong { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .split.product .half.desc .features .feature span { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; background: #F1F5F9; font-weight: 400; padding: 6px 10px; font-size: 14px; color: #686868; } @media screen and (max-width: 1199px) { .split.product .half.desc .features .feature span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .split.product .swiper-slide { background-color: #EFF6FF; } .reginfo { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 991px) { .reginfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .reginfo .regitem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .reginfo .regitem img { width: 60px; height: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .reginfo .regitem .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; font-size: 16px; line-height: 120%; padding-top: 20px; } @media screen and (max-width: 991px) { .reginfo .regitem .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .reginfo .regitem .info strong { font-weight: 400; } .reginfo .regitem .info .pos { color: #1D4ED8; text-decoration: underline; } .productfolds .tabs__fold { padding-top: 50px; } .productfolds .tabs__fold table.params { margin-top: 0; } .productfolds .tabs__fold .doclist:first-of-type:first-child { margin-top: 0; } .orderbox { background: #F3F3F3; padding: 30px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .orderbox { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 15px; } } .orderbox .topline { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; font-size: 16px; line-height: 100%; } @media screen and (max-width: 767px) { .orderbox .topline { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .orderbox .topline .number { font-weight: 500; } .orderbox .topline .date { font-weight: 300; } .orderbox .status { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 400; font-size: 12px; line-height: 100%; padding: 6px 8px; } @media screen and (max-width: 767px) { .orderbox .status { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .orderbox .status.enroute { background: #DBEAFE; color: #1D4ED8; } .orderbox .status.readytosend { background: #1e3a8a; color: #FFFFFF; } .orderbox .status.payed { background: #157D00; color: #FFFFFF; } .orderbox .status.inwork { background: #172554; color: #FFFFFF; } .orderbox .status.done { background: #DBEAFE; color: #1e3a8a; } .orderbox .status.declined { background: #D4D4D4; color: #686868; } .orderbox details { margin-top: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; 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; } .orderbox details summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 6px; cursor: pointer; } .orderbox details summary:hover { color: #171738; } .orderbox details summary span { color: #1D4ED8; } .orderbox details summary i { display: block; height: 20px; width: 20px; } .orderbox details summary i svg { fill: #1D4ED8; } .orderbox details[open] summary i svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .orderbox details .ordercontent { 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; padding-bottom: 20px; } .orderbox details .ordercontent .orderitem { background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 10px 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; } @media screen and (max-width: 767px) { .orderbox details .ordercontent .orderitem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .orderbox details .ordercontent .orderitem .title { -webkit-box-flex: 0; -ms-flex: 0 1 460px; flex: 0 1 460px; font-weight: 300; font-size: 14px; line-height: 150%; } @media screen and (max-width: 767px) { .orderbox details .ordercontent .orderitem .title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .orderbox details .ordercontent .orderitem .quant { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; font-weight: 400; font-size: 14px; line-height: 150%; } @media screen and (max-width: 767px) { .orderbox details .ordercontent .orderitem .quant { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .orderbox details .ordercontent .orderitem .price { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; text-align: right; font-weight: 600; font-size: 16px; line-height: 150%; } @media screen and (max-width: 767px) { .orderbox details .ordercontent .orderitem .price { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .orderbox .totalprice { line-height: 100%; font-size: 20px; font-weight: 500; margin-top: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (max-width: 767px) { .orderbox .totalprice span { display: none; } } .accordion { margin-bottom: 20px; } .accordion:last-of-type { margin-bottom: 0; } .accordion summary { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); cursor: pointer; font-weight: 400; font-size: 20px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #2563EB; padding: 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 991px) { .accordion summary { font-size: 16px; padding: 15px 20px; } } .accordion summary:hover { background: #1D4ED8; } .accordion summary span { -webkit-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; color: #FFFFFF; line-height: 120%; } .accordion summary i { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; 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; } .accordion summary i svg { width: 24px; height: 24px; fill: #FFFFFF; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion[open] summary { background-color: #FFFFFF; } .accordion[open] summary span { color: #1e3a8a; } .accordion[open] summary i svg { fill: #1e3a8a; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion[open] .accordion__content { background-color: #FFFFFF; padding: 0 20px 20px; line-height: 150%; font-size: 16px; color: #686868; } @media screen and (max-width: 991px) { .accordion[open] .accordion__content { font-size: 14px; padding-top: 0; } } .accordion[open] .accordion__content p { font-weight: 400; } .accordion[open] .accordion__content p:last-child { margin-bottom: 0; } .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0px; } .tabs__nav-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; color: #2563EB; padding: 5px 10px; font-size: 16px; line-height: 150%; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 991px) { .tabs__nav-item { font-size: 12px; line-height: 120%; } } .tabs__nav-item:hover { color: #171738; } .tabs__nav-item.active { background-color: #EFF6FF; color: #2563EB; } .tabs__nav-item.active:hover { cursor: default; opacity: 1; } .tabs__nav.big { border-bottom: 1px solid #2563EB; } .tabs__nav.big .tabs__nav-item { font-size: 20px; line-height: 150%; padding: 12px 30px; } @media screen and (max-width: 991px) { .tabs__nav.big .tabs__nav-item { font-size: 14px; line-height: 120%; padding: 10px; letter-spacing: -0.5px; } } .tabs__nav.big .tabs__nav-item.active { background-color: #2563EB; color: #FFFFFF; } .tabs__nav.big .tabs__nav-item.active:hover { cursor: default; opacity: 1; } .tabs__fold { display: none; } .tabs__fold.open { display: block; } .tabs__fold .tabs { padding-top: 40px; padding-bottom: 30px; } .tabs.wide { width: 100%; } @media screen and (max-width: 767px) { .tabs.wide.scroll { overflow-x: auto; padding-left: 30px; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); width: 100vw; } .tabs.wide.scroll .tabs__nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (max-width: 767px) { .tabs.wide.scroll:not(:has(.big)) { overflow-x: auto; padding-left: 15px; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); width: 100vw; } } .tabs.wide.scroll:not(:has(.big)) .tabs__nav { gap: 8px; } @media screen and (max-width: 767px) { .tabs.wide.scroll:not(:has(.big)) .tabs__nav::after { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; height: 10px; position: relative; } } @media screen and (min-width: 768px) { .tabs.wide.scroll:not(:has(.big)) .tabs__nav { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .tabs.wide.scroll:not(:has(.big)) .tabs__nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .map { position: relative; height: 560px; width: 100%; } .map iframe { width: 100%; height: 100%; } @media screen and (max-width: 767px) { .map { height: 400px; } } .map + .container { padding-top: 30px; } .counter { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .counter .input { width: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; text-align: center; color: #172554; background-color: #FFFFFF; } .count { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; 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: relative; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .count--disable { background: #F1F5F9 !important; color: #C8C8C8 !important; pointer-events: none; } .count--disable svg { fill: #D4D4D4 !important; } .cartlist { 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; } .cartlist .cartitem { padding: 10px 15px; background: #EFF6FF; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .cartlist .cartitem .infobox { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-flex: 0; -ms-flex: 0 1 390px; flex: 0 1 390px; } @media screen and (max-width: 991px) { .cartlist .cartitem .infobox { -webkit-box-flex: 0; -ms-flex: 0 1 290px; flex: 0 1 290px; } } .cartlist .cartitem .infobox:hover { color: #171738; } .cartlist .cartitem .infobox img { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; height: 100px; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 991px) { .cartlist .cartitem .infobox img { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; } } .cartlist .cartitem .infobox span { font-size: 14px; line-height: 150%; font-weight: 300; color: #172554; } @media screen and (max-width: 991px) { .cartlist .cartitem .infobox span { font-size: 12px; } } .cartlist .cartitem .countbox { 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: end; -ms-flex-align: end; align-items: flex-end; gap: 10px; } .cartlist .cartitem .countbox .price { font-size: 14px; line-height: 150%; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: #172554; } .cartlist .cartitem .summarybox { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; 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-align: end; -ms-flex-align: end; align-items: flex-end; } .cartlist .cartitem .summarybox strong { font-weight: 600; color: #171738; } @media screen and (max-width: 767px) { .cartlist .cartitem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .cartlist .cartitem .infobox { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .cartlist .cartitem .countbox { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cartlist .cartitem .countbox .price { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cartlist .cartitem .summarybox { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 15px; } } @media screen and (min-width: 1200px) { .cartpanel { position: -webkit-sticky; position: sticky; } } @media screen and (max-width: 1199px) { .cartpanel { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cartpanel .cartblock { position: absolute; right: 0px; top: 0; 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: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; } @media screen and (max-width: 1199px) and (min-width: 768px) { .cartpanel .cartblock { right: auto; top: auto; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 40px; } } @media screen and (max-width: 767px) { .cartpanel .cartblock { position: relative; padding-top: 40px; right: auto; top: auto; } } .cartpanel .cartblock .priceblock { 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: end; -ms-flex-align: end; align-items: flex-end; gap: 0px; } @media screen and (max-width: 1199px) and (min-width: 768px) { .cartpanel .cartblock .priceblock { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .cartpanel .cartblock .priceblock .discount { color: #3b82f6; font-weight: 600; line-height: 150%; font-size: 16px; } .cartpanel .cartblock .priceblock .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cartpanel .cartblock .priceblock .price span { color: #D4D4D4; position: relative; font-size: 16px; font-weight: 400; margin-right: 10px; } .cartpanel .cartblock .priceblock .price span::before { background: #D4D4D4; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cartpanel .cartblock .priceblock .price strong { font-size: 24px; line-height: 150%; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cartpanel .cartblock .priceblock .price strong ~ strong { margin-left: 10px; } @media screen and (min-width: 1200px) { .cartpanel .cartblock .button { width: 300px; } } @media screen and (min-width: 1240px) { .cartpanel .cartblock .button { width: 330px; } } @media screen and (max-width: 414px) { .cartpanel .cartblock .button { width: 100%; } } @media screen and (min-width: 1200px) { .fixed ~ main .cartpanel { position: fixed; width: 1300px; left: 50%; top: 100px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .order .btnwrap .button:not(.ghost) { max-width: 330px; } .main:has(.order) .button.ghost { color: #2563EB; } .policy label { display: block; cursor: pointer; user-select: none; } .policy input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } .policy input[type="checkbox"] + span { display: inline-block; position: relative; padding-left: 32px; line-height: 20px; min-height: 20px; } .policy input[type="checkbox"] + span::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #2563EB; border-radius: 4px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 14px; transition: 0.2s ease; box-sizing: border-box; } .policy input[type="checkbox"]:checked + span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); } .form__buttonholder { display: flex; flex-direction: column; gap: 16px; } .form__buttonholder .form__button { width: 100%; } .policy { width: 100%; } .policy label { display: block; cursor: pointer; user-select: none; } .policy input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } .policy input[type="checkbox"] + span { display: inline-block; position: relative; padding-left: 32px; line-height: 20px; min-height: 20px; } .policy input[type="checkbox"] + span::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #2563EB; border-radius: 4px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 14px; transition: 0.2s ease; box-sizing: border-box; } .policy input[type="checkbox"]:checked + span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); } .policy input[type="checkbox"].error + span::before, .policy.error input[type="checkbox"] + span::before { border-color: #EF4444; background-color: #FEF2F2; } @media screen and (max-width: 900px){ .page.mainpage .nobottom { padding-bottom: 15px !important; } .page.mainpage .navbox { padding: 0; } .swiper.aboutblock ~ .btnwrap, .swiper.mainproducts ~ .btnwrap { margin-top: 0; } .aboutblock.swiper .swiper-slide .contentwrap.split .half img { height: auto; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/kron_main/components/bitrix/sale.basket.basket.line/basket_header/style.css?17873061014804*/ .bx-basket { } .bx-basket-block { margin: auto; position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 100; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (min-width: 768px) and (width <= 992px) { .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } .block-wrapper .bx-basket-fixed .bx-hdr-profile { display: flex; justify-content: space-between; } .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block { padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/kron_main/styles.css?1787643351256*/ .reginfo{ flex-direction: column; gap: 20px; align-items: flex-start; justify-content: flex-start; } .reginfo .regitem .info{ flex-direction: column; } .reginfo .regitem .info .pos{ color: #1D4ED8; text-decoration: underline; } /* End */ /* /local/templates/kron_main/css/libs.css?178730610133506 */ /* /local/templates/kron_main/css/style.css?1788956106198850 */ /* /local/templates/kron_main/components/bitrix/sale.basket.basket.line/basket_header/style.css?17873061014804 */ /* /local/templates/kron_main/styles.css?1787643351256 */