/* Start:/bitrix/templates/bizon_new/css/swiper-bundle.min.css?175067328718452*/ /** * Swiper 11.2.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 23, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/bizon_new/assets/css/bootstrap-grid.css?1699875612102542*/ /*! * Bootstrap Grid v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-md-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: -ms-grid !important; display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } @media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: -ms-grid !important; display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-sm-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-sm-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-sm-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-sm-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-sm-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-sm-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-sm-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-sm-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-sm-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: -ms-grid !important; display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-md-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-md-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-md-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-md-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-md-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-md-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-md-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-md-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: -ms-grid !important; display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-lg-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-lg-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-lg-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-lg-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } } @media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: -ms-grid !important; display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xl-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-xl-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xl-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xl-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xl-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xl-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xl-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xl-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: -ms-grid !important; display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xxl-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xxl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .order-xxl-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xxl-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xxl-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xxl-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xxl-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xxl-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xxl-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xxl-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: -ms-grid !important; display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-print-none { display: none !important; } } /* End */ /* Start:/bitrix/templates/bizon_new/assets/css/bootstrap-reboot.css?16998756127973*/ /*! * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } h6, h5, h4, h3, h2, h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1 { font-size: 2.5rem; } } h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2 { font-size: 2rem; } } h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3 { font-size: 1.75rem; } } h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4 { font-size: 1.5rem; } } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--bs-link-color); text-decoration: underline; } a:hover { color: var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } /* End */ /* Start:/bitrix/templates/bizon_new/assets/css/fancybox.css?169987561241633*/ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; -webkit-animation: f-spinner-rotate 2s linear infinite; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); -webkit-animation: f-spinner-dash 2s ease-in-out infinite; animation: f-spinner-dash 2s ease-in-out infinite; } @-webkit-keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-zoomInUp { -webkit-animation: 0.2s ease-out 0.1s both f-zoomInUp; animation: 0.2s ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { -webkit-animation: 0.2s ease-out both f-zoomOutDown; animation: 0.2s ease-out both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } @keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-throwOutUp { -webkit-animation: 0.175s ease-out both f-throwOutUp; animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { -webkit-animation: 0.175s ease-out both f-throwOutDown; animation: 0.175s ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } .f-fadeIn { -webkit-animation: 0.2s ease both f-fadeIn; animation: 0.2s ease both f-fadeIn; z-index: 2; } .f-fadeOut { -webkit-animation: 0.2s ease both f-fadeOut; animation: 0.2s ease both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { -webkit-animation: 0.5s ease both f-fadeSlowIn; animation: 0.5s ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { -webkit-animation: 0.5s ease both f-fadeSlowOut; animation: 0.5s ease both f-fadeSlowOut; z-index: 1; } @-webkit-keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeSlowOut { 100% { opacity: 0; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { -webkit-animation: 0.2s ease-out both f-fadeFastIn; animation: 0.2s ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { -webkit-animation: 0.2s ease-out both f-fadeFastOut; animation: 0.2s ease-out both f-fadeFastOut; z-index: 2; } @-webkit-keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeFastOut { 100% { opacity: 0; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { -webkit-animation: 0.2s ease-out both f-crossfadeIn; animation: 0.2s ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { -webkit-animation: 0.1s linear 0.1s both f-crossfadeOut; animation: 0.1s linear 0.1s both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @-webkit-keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .f-classicIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @-webkit-keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @-webkit-keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { 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-sizing: content-box; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); -webkit-box-shadow: var(--f-button-shadow); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; -webkit-transition: var(--f-button-transition); -o-transition: var(--f-button-transition); transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; -webkit-transform: var(--f-button-transform); -ms-transform: var(--f-button-transform); transform: var(--f-button-transform); -webkit-filter: var(--f-button-svg-filter); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { -ms-touch-action: none; touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto; } .fancybox__content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; 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; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: -webkit-grab; cursor: grab; } .can-zoom_in .fancybox__content { cursor: -webkit-zoom-in; cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: -webkit-zoom-out; cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden; } .is-animating .fancybox__content, .is-dragging .fancybox__content { -webkit-filter: blur(0px); filter: blur(0px); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__caption { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.25s ease 0.1s backwards f-fadeIn; animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { -webkit-animation: 0.35s ease backwards f-fadeIn; animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.15s ease forwards f-fadeOut; animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { -webkit-animation: 0.35s ease forwards f-fadeOut; animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; -ms-flex-negative: 1; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0)); background-image: -o-linear-gradient(#ebeff2, #e2e8f0); background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; } .f-thumbs__track { display: -webkit-box; display: -ms-flexbox; display: flex; will-change: transform; } .f-thumbs__slide { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; 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; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) ); -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); -webkit-transition: none; -o-transition: none; transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within:not(.is-selected) { -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide > * { -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } .is-modern.in-touch .f-thumbs__slide { -webkit-filter: none; filter: none; } .is-modern.is-resting .f-thumbs__slide { -webkit-transition: all 0.33s ease; -o-transition: all 0.33s ease; transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide > * { -webkit-transition: all 0.33s ease; -o-transition: all 0.33s ease; transition: all 0.33s ease; } .f-thumbs__slide__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; -ms-touch-action: manipulation; touch-action: manipulation; opacity: var(--f-thumb-opacity); -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); -webkit-animation: f-fadeIn 0.2s ease-out; animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -o-object-fit: cover; object-fit: cover; } .f-thumbs.is-horizontal .f-thumbs__track { margin: 0 auto; padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto 0; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05))); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05))); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-hidden { max-height: 0px !important; } .is-closing .fancybox__thumbs { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: -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; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { 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; -ms-flex-line-pack: start; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: flex; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -ms-flexbox; display: flex; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } /* End */ /* Start:/bitrix/templates/bizon_new/assets/css/swiper.css?16998756128599*/ /** * Swiper 8.4.7 * 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: January 30, 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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } /* End */ /* Start:/bitrix/templates/bizon_new/css/style.css?1738583858200493*/ html { position: relative; min-height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 10px; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/bitrix/templates/bizon_new/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body.is-fixed { overflow: hidden; } .body { position: relative; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-width: 320px; min-height: 100vh; font-family: "Inter", sans-serif, arial; font-weight: 400; font-size: 1.6rem; line-height: 1.5; color: #1E1E1E; background-color: #FFF; } @media (max-width: 767px) { .body { font-size: 1.4rem; } } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; padding-top: 139.5px; } @media (max-width: 1199px) { .main { padding-top: 139.5px; } } @media (max-width: 991px) { .main { padding-top: 0; } } a { outline: none; text-decoration: none; color: currentColor; cursor: pointer; } svg { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; fill: currentColor; } img { vertical-align: top; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button { background-color: transparent; outline: none; border: none; } button:not([disabled]):hover, button:not([disabled]):focus, button:not([disabled]):active { -webkit-box-shadow: none; box-shadow: none; outline: none; } ul, ul li { list-style: none; margin: 0; padding: 0; } .section { padding: 7rem 0; width: 100%; } @media (max-width: 767px) { .section { padding: 6rem 0; } } .section--gray { background-color: #FAFAFB; } .section--padding--90 { padding: 9rem 0; } .section--padding--40 { padding: 4rem 0 10rem; } @media (max-width: 991px) { .section--padding--40 { padding-top: 9rem; } } .section__title { padding-bottom: 3rem; } @media (max-width: 767px) { .section__title { padding-bottom: 1rem; } } .section__title--centered { text-align: center; } .section__desc { font-size: 1.6rem; padding-bottom: 3rem; font-weight: 300; max-width: 35%; } @media (max-width: 991px) { .section__desc { max-width: 100%; } } @media (max-width: 767px) { .section__desc { max-width: 100%; font-size: 1.4rem; padding-bottom: 1rem; } } .section--hidden { overflow: hidden; } .title { font-size: 4.5rem; line-height: 1.1; font-weight: 500; } @media (max-width: 991px) { .title { font-size: 3.8rem; } } @media (max-width: 767px) { .title { font-size: 3rem; } } .title--big { font-size: 5.3rem; } @media (max-width: 991px) { .title--big { font-size: 4.2rem; } } @media (max-width: 767px) { .title--big { font-size: 3.6rem; } } .subtitle { display: inline-block; position: relative; color: #4CA611; font-size: 2.4rem; font-weight: 700; line-height: 1.2; padding-left: 55px; } @media (max-width: 991px) { .subtitle { font-size: 2rem; } } @media (max-width: 767px) { .subtitle { font-size: 1.6rem; } } .subtitle::before { content: ""; display: block; width: 35px; height: 3px; position: absolute; left: 0; top: calc(50% - 1.5px); background-color: #4CA611; border-radius: 3px; } .subtitle--two-lines { padding-right: 55px; } .subtitle--two-lines::after { content: ""; display: block; width: 35px; height: 3px; position: absolute; right: 0; top: calc(50% - 1.5px); background-color: #4CA611; border-radius: 3px; } .is-accent { color: #4CA611; } .fancybox__backdrop { background: rgba(0, 0, 0, 0.6); } .link { display: block; padding-bottom: 2rem; font-size: 2rem; } .link:not([disabled]):hover, .link:not([disabled]):focus, .link:not([disabled]):active { color: #4CA611; } .is-block { display: block; } .container-custom { position: relative; z-index: 2; margin: 0 auto; width: 100%; max-width: 1260px; min-width: 320px; } .container-custom--static { position: static; } @media (min-width: 1320px) { .container-custom { width: 1260px; } } @media (max-width: 1320px) { .container-custom { width: 1140px; } } @media (max-width: 1199px) { .container-custom { width: 960px; } } @media (max-width: 991px) { .container-custom { width: 720px; } } @media (max-width: 767px) { .container-custom { width: 540px; } } @media (max-width: 575px) { .container-custom { padding: 0 2rem; width: 100%; } } @media (max-width: 359px) { .container-custom { padding: 0 1rem; } } .logo { display: inline-block; width: auto; -ms-flex-negative: 0; flex-shrink: 0; } .logo--small { width: 12.3rem; } @media (max-width: 575px) { .logo--small { width: 9.4rem; } } .logo--column { width: 8.8rem; height: 11.5rem; } .logo__img { width: 13.5rem; height: auto; } @media (max-width: 991px) { .logo__img { width: 13rem; } } @media (max-width: 575px) { .logo__img { width: 18rem; } } .menu-top { padding-left: 4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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: 1.5rem; } @media (max-width: 1199px) { .menu-top { padding-left: 1.5rem; gap: 1rem; } } @media (max-width: 991px) { .menu-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; padding-left: 0; } } .menu-top__link { color: #4d4d4d; width: 100%; text-transform: uppercase; padding: 1rem; padding-bottom: 2.5rem; font-size: 1.5rem; line-height: 1.3; white-space: nowrap; letter-spacing: 1px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu-top__link:not([disabled]):hover, .menu-top__link:not([disabled]):focus, .menu-top__link:not([disabled]):active { color: #4CA611; border-color: #4CA611; } @media (max-width: 1199px) { .menu-top__link { font-size: 1.4rem; padding: 1rem 0.5rem 2.5rem 0; letter-spacing: 0; } } @media (max-width: 991px) { .menu-top__link { letter-spacing: 1px; padding: 0; border: none; } } @media (max-width: 767px) { .menu-top__link { font-size: 1.3rem; } } .menu { width: 100%; text-align: left; 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: 1rem; } @media (max-width: 1199px) { .menu { gap: 1.5rem; } } @media (max-width: 991px) { .menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.2rem; } } .menu__item { position: relative; padding-right: 1.5rem; } @media (max-width: 1320px) { .menu__item { padding-right: 1rem; } } @media (max-width: 1199px) { .menu__item { padding-right: 0; } } @media (max-width: 991px) { .menu__item { width: 100%; } } .menu__link { width: 100%; padding-bottom: 2.4rem; font-size: 1.4rem; font-weight: 500; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu__link:not([disabled]):hover, .menu__link:not([disabled]):focus, .menu__link:not([disabled]):active { color: #4CA611; border-color: #4CA611; } @media (max-width: 1199px) { .menu__link { font-size: 1.2rem; } } @media (max-width: 991px) { .menu__link { position: relative; display: inline-block; font-size: 1.6rem; width: auto; font-weight: 300; padding: 0; border: none; } } .menu__link.is-arrow { padding-right: 1.5rem; position: relative; } .menu__link.is-arrow::after { content: ""; display: block; width: 11px; height: 10px; position: absolute; right: 0; top: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M9 1.70776L5.7071 5.00066C5.3182 5.38956 4.68181 5.38956 4.29292 5.00066L1 1.70776' stroke='black' stroke-opacity='0.32' stroke-width='1.75' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; z-index: 1; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (max-width: 1199px) { .menu__link.is-arrow::after { top: 3px; } } @media (max-width: 991px) { .menu__link.is-arrow::after { top: 10px; } } .menu__link:hover .menu__link.is-arrow::after, .menu__link:focus .menu__link.is-arrow::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu__item.is-open .menu__link.is-arrow::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu__close { display: none; position: absolute; top: 20px; right: 20px; } @media (max-width: 991px) { .menu__close { display: block; } } .menu__footer { display: none; } @media (max-width: 991px) { .menu__footer { display: block; } } .submenu { width: auto; position: absolute; top: calc(100% + 2.2rem); left: 0; z-index: 99; background-color: transparent; font-size: 1.4rem; max-height: 0; overflow: hidden; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1199px) { .submenu { font-size: 1.2rem; } } @media (max-width: 991px) { .submenu { -webkit-animation: none; animation: none; position: static; -webkit-transition: max-height 0.3s, padding 0.3s; -o-transition: max-height 0.3s, padding 0.3s; transition: max-height 0.3s, padding 0.3s; } } .menu__item:not(.is-open):hover .submenu, .menu__item:not(.is-open):focus .submenu { -webkit-animation: openMenu 0.4s forwards; animation: openMenu 0.4s forwards; } @media (max-width: 991px) { .menu__item:not(.is-open):hover .submenu, .menu__item:not(.is-open):focus .submenu { -webkit-animation: none; animation: none; } } .submenu.is-open { max-height: 10000px; -webkit-transition: max-height 0.4s, padding 0.4s; -o-transition: max-height 0.4s, padding 0.4s; transition: max-height 0.4s, padding 0.4s; } .submenu__item { padding: 0.6rem; background-color: #fff; } .submenu__item:first-child { border-radius: 13px 13px 0 0; } .submenu__item:last-child { border-radius: 0 0 13px 13px; } .submenu__link { min-width: 250px; padding: 1rem; display: block; width: auto; border-radius: 7px; white-space: nowrap; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .submenu__item:last-child .submenu__link { /* border-bottom-width: 0.4px; */ } @media (max-width: 991px) { .submenu__link { min-width: 0; padding: 1rem 0 0.4rem; font-weight: 300; font-size: 1.4rem; white-space: normal; border: none; } } .submenu__link:not([disabled]):hover, .submenu__link:not([disabled]):focus, .submenu__link:not([disabled]):active { background-color: #F9FFF6; color: inherit; text-decoration: none; } @media (max-width: 991px) { .submenu__link:not([disabled]):hover, .submenu__link:not([disabled]):focus, .submenu__link:not([disabled]):active { background-color: transparent; color: #4CA611; } } .burger-button { padding: 1rem; background-color: #4CA611; color: #FFF; display: none; -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: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; gap: 6px; cursor: pointer; } @media (max-width: 991px) { .burger-button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .burger-button::after, .burger-button::before { display: block; content: ""; width: 100%; } .burger-button::after, .burger-button::before, .burger-button span { height: 3px; background-color: #FFF; border-radius: 3px; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .burger-button::after, .burger-button::before { width: 20px; } .burger-button::after { width: 19px; } .burger-button span { width: 10px; } .burger-button.is-open span { opacity: 0; } .burger-button.is-open::after { width: 20px; -webkit-transform: translateY(-7.5px) rotate(45deg); -ms-transform: translateY(-7.5px) rotate(45deg); transform: translateY(-7.5px) rotate(45deg); } .burger-button.is-open::before { width: 20px; -webkit-transform: translateY(10px) rotate(-45deg); -ms-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); } .button { display: inline-block; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 8px; font-size: 1.6rem; line-height: 1.5; cursor: pointer; } .button--green { background: #4CA611; color: #FFF; } .button--green:focus, .button--green:hover { background-color: #5DC11C; color: #FFF; text-decoration: none; } .button--green:active { background-color: #4CA611; text-decoration: none; } .button--green-outline { background-color: transparent; border: 1px solid #4CA611; color: #4CA611; } .button--green-outline:not([disabled]):hover, .button--green-outline:not([disabled]):focus, .button--green-outline:not([disabled]):active { text-decoration: none; color: #4CA611; background-color: #F2FFEA; } .button--white { background-color: #FFF; } .button--white:not([disabled]):hover, .button--white:not([disabled]):focus, .button--white:not([disabled]):active { background-color: #cc7000; } .button--white-outline { background: transparent; border: 1px solid #FFF; color: #FFF; } .button--white-outline:not([disabled]):hover, .button--white-outline:not([disabled]):focus { background: rgba(255, 255, 255, 0.14); text-decoration: none; color: #FFF; } .button--white-outline:not([disabled]):active { background: rgba(140, 239, 132, 0.49); text-decoration: none; color: #FFF; } .button--viber { background: #9055A8; color: #FFF; } .button--viber:not([disabled]):hover, .button--viber:not([disabled]):focus, .button--viber:not([disabled]):active { color: #FFF; background: #a676ba; } .button--size--s { font-size: 1.2rem; padding: 1.1rem 2.4rem; line-height: 1.5; } @media (max-width: 1199px) { .button--size--s { padding: 1.1rem 1.7rem; } } @media (max-width: 767px) { .button--size--s { width: 100%; } } .button--size--m { font-size: 1.6rem; padding: 1.6rem 2.4rem; } @media (max-width: 767px) { .button--size--m { text-align: center; width: 100%; padding: 1.4rem 0; } } .button--size--l { font-size: 1.6rem; padding: 1.2rem 5rem; } @media (max-width: 767px) { .button--size--l { font-size: 1.6rem; width: 100%; } } .button--size--xl { padding: 1.2rem 6rem; line-height: 1.3; } @media (max-width: 767px) { .button--size--xl { width: 100%; } } .button--icon { 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: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; } @media (max-width: 767px) { .button--icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .button--icon svg { width: 24px; height: 24px; } .download-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } .download-button svg { width: 22px; height: 22px; } .social-icon { 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: #4CA611; padding: 1.3rem; border-radius: 50%; color: #FFF; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .social-icon:not([disabled]):hover, .social-icon:not([disabled]):focus, .social-icon:not([disabled]):active { background-color: #5DC11C; color: #FFF; } .social-icon svg { width: 25px; height: 25px; } .phone-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; color: #000; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 991px) { .phone-link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .phone-link__icon svg { width: 11px; height: 11px; } .phone-link:not([disabled]):hover, .phone-link:not([disabled]):focus, .phone-link:not([disabled]):active { color: #4CA611; } .search-input { width: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .search-input--top { display: none; } @media (max-width: 991px) { .search-input--top { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .search-input { position: static; } } .search-input__wrapper { position: absolute; width: 0; min-width: 0; right: calc(100% - 10px); height: 100%; overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767px) { .search-input__wrapper { right: 0; } } .is-open > .search-input__wrapper { min-width: 320px; max-width: 100%; } @media (max-width: 767px) { .is-open > .search-input__wrapper { min-width: 100%; } } .search-input__input { width: 100%; min-height: 100%; padding: 0.8rem 0.5rem 1.1rem 3.5rem; border-width: 1px 0 1px 1px; border-color: #e8e8e8; border-style: solid; border-radius: 12px 0 0 12px; margin-right: -10px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: currentColor; background-color: #FFF; z-index: 2; overflow: hidden; } .search-input__input::-webkit-input-placeholder { color: #a8a8a8; } .search-input__input::-moz-placeholder { color: #a8a8a8; } .search-input__input:-ms-input-placeholder { color: #a8a8a8; } .search-input__input:active, .search-input__input:focus { border-color: #4CA611; opacity: 1; -webkit-box-shadow: none; box-shadow: none; outline: none; } @media (max-width: 767px) { .search-input__input { font-size: 1.4rem; border-radius: 12px 11px 11px 12px; } } .search-input__icon { background-color: #F3F5F9; border: 1px solid #F3F5F9; border-radius: 6px; padding: 1.2rem; color: #5E5E5E; 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; gap: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; } @media (max-width: 991px) { .search-input__icon { padding: 1.1rem; } } @media (max-width: 991px) { .search-input__icon { background-color: #E7E7E8; color: #A4A5A8; } } .search-input__icon:not([disabled]):hover, .search-input__icon:not([disabled]):focus, .search-input__icon:not([disabled]):active { background-color: #4CA611; border-color: #4CA611; color: #FFF; } .is-open > .search-input__icon { border-color: #4CA611; background-color: #4CA611; color: #FFF; } .search-input__icon svg { width: 16px; height: 16px; } @media (max-width: 991px) { .search-input__icon svg { width: 24px; height: 24px; } } .search-input__clear { position: absolute; left: 13px; top: 13px; z-index: 3; color: #a8a8a8; } @media (max-width: 991px) { .search-input__clear { top: 15px; } } .search-input__clear svg { width: 15px; height: 15px; } .search-result { position: absolute; top: calc(100% + 2rem); right: 0; width: auto; min-width: 350px; border-radius: 13px; max-height: 10000px; background-color: #FFF; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 767px) { .search-result { min-width: 100%; } } .search-result.is-hidden { max-height: 0; overflow: hidden; } .search-result__item { display: block; font-size: 1.4rem; padding: 1rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .search-result__item:not([disabled]):hover, .search-result__item:not([disabled]):focus, .search-result__item:not([disabled]):active { color: #4CA611; text-decoration: none; } .search-input-order { width: auto; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 1.2rem; } @media (max-width: 991px) { .search-input-order { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 3rem; } } @media (max-width: 575px) { .search-input-order { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .search-input-order__wrapper { height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 991px) { .search-input-order__wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .search-input-order__label { text-align: left; max-width: 100px; color: #1f1f1f; font-size: 1.8rem; font-weight: 500; } @media (max-width: 575px) { .search-input-order__label { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .search-input-order__input { width: 100%; min-height: 100%; min-width: 300px; padding: 1.6rem 1.3rem; border-width: 1px; border-color: #bababa; border-style: solid; border-radius: 8px; font-size: 1.6rem; line-height: 1.5; font-weight: 300; color: currentColor; background-color: #FFF; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; } .search-input-order__input::-webkit-input-placeholder { color: #bababa; } .search-input-order__input::-moz-placeholder { color: #bababa; } .search-input-order__input:-ms-input-placeholder { color: #bababa; } @media (max-width: 575px) { .search-input-order__input { min-width: 0; } } .search-input-order__input:active, .search-input-order__input:focus { border-color: #4CA611; opacity: 1; -webkit-box-shadow: none; box-shadow: none; outline: none; } @media (max-width: 767px) { .search-input-order__input { font-size: 1.4rem; } } .search-input-order__icon { -webkit-box-flex: 0; -ms-flex: 0 0 56px; flex: 0 0 56px; background-color: #4CA611; border: 1px solid #4CA611; border-radius: 6px; padding: 1.2rem; color: #FFF; 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; gap: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; } .search-input-order__icon:not([disabled]):hover, .search-input-order__icon:not([disabled]):focus, .search-input-order__icon:not([disabled]):active { background-color: #5DC11C; border-color: #5DC11C; color: #FFF; } .search-input-order__icon svg { width: 29px; height: 29px; } @media (max-width: 991px) { .search-input-order__icon svg { width: 24px; height: 24px; } } .search-result { position: absolute; top: calc(100% + 2rem); right: 0; width: auto; min-width: 350px; border-radius: 13px; max-height: 10000px; background-color: #FFF; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 767px) { .search-result { min-width: 100%; } } .search-result.is-hidden { max-height: 0; overflow: hidden; } .search-result__item { display: block; font-size: 1.4rem; padding: 1rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .search-result__item:not([disabled]):hover, .search-result__item:not([disabled]):focus, .search-result__item:not([disabled]):active { color: #4CA611; text-decoration: none; } .list { list-style: none; } .list__item { position: relative; padding-left: 20px; font-family: "Montserrat", sans-serif, arial; 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: 0.5rem; padding-bottom: 1.3rem; } @media (max-width: 767px) { .list__item { padding-bottom: 0.8rem; } } .list__item::before { content: ""; display: block; width: 15px; height: 15px; position: absolute; left: 0; top: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13.6747 2.9517C13.2415 2.48698 12.5381 2.48727 12.1044 2.9517L5.03702 10.5242L1.89587 7.15871C1.46213 6.69399 0.759044 6.69399 0.325305 7.15871C-0.108435 7.62343 -0.108435 8.37673 0.325305 8.84145L4.25157 13.0482C4.46831 13.2804 4.7525 13.3968 5.03672 13.3968C5.32094 13.3968 5.6054 13.2807 5.82213 13.0482L13.6747 4.63442C14.1084 4.17002 14.1084 3.41639 13.6747 2.9517Z' fill='%234CA611'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .slider-nav { width: 36px; height: 36px; 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; gap: 0; color: currentColor; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .slider-nav:not([disabled]):hover, .slider-nav:not([disabled]):focus, .slider-nav:not([disabled]):active { color: #4CA611; } .slider-nav.is-disabled { color: #6F6F6F; } .slider-nav.is-disabled:not([disabled]):hover, .slider-nav.is-disabled:not([disabled]):focus, .slider-nav.is-disabled:not([disabled]):active { color: #6F6F6F; } .slider-nav svg { width: 35px; height: 35px; } .slider-nav--prev { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .slider-nav--circles { width: auto; height: auto; padding: 13px; background-color: #4CA611; color: #FFF; border-radius: 50%; } .slider-nav--circles:not([disabled]):hover, .slider-nav--circles:not([disabled]):focus, .slider-nav--circles:not([disabled]):active { background-color: #5DC11C; color: #FFF; } .slider-nav--circles svg { width: 17px; height: 17px; -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } .card-review { position: relative; width: 100%; padding: 3rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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: 0; border-radius: 10px; background-color: #FFF; border: 1px solid #4CA611; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .card-review { padding: 4.4rem 1.8rem; } } .card-review::after { content: ""; display: block; width: 62px; height: 45px; position: absolute; top: -25px; right: 5%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='45' viewBox='0 0 62 45' fill='none'%3E%3Cpath d='M0.561933 42.1639C3.18429 39.3908 5.24471 36.8067 6.7432 34.4118C8.24169 32.0168 8.99093 30.063 8.99093 28.5504C8.99093 27.6681 8.67875 26.8487 8.05438 26.0924C7.55488 25.3361 6.7432 24.5168 5.61934 23.6344C3.8711 22.2479 2.49748 20.7983 1.49849 19.2857C0.499497 17.7731 0 15.7563 0 13.2353C0 9.32773 1.1863 6.17647 3.55891 3.78151C5.93151 1.2605 8.9285 0 12.5498 0C16.4209 0 19.5428 1.2605 21.9154 3.78151C24.4129 6.17647 25.6616 9.32773 25.6616 13.2353C25.6616 18.1513 23.6012 23.5714 19.4804 29.4958C15.4844 35.2941 10.1148 40.4622 3.3716 45L0.561933 42.1639ZM36.9003 42.1639C39.5227 39.3908 41.5831 36.8067 43.0816 34.4118C44.5801 32.0168 45.3293 30.063 45.3293 28.5504C45.3293 27.6681 45.0171 26.8487 44.3927 26.0924C43.8933 25.3361 43.0816 24.5168 41.9577 23.6344C40.2095 22.2479 38.8358 20.7983 37.8369 19.2857C36.8379 17.7731 36.3384 15.7563 36.3384 13.2353C36.3384 9.32773 37.5247 6.17647 39.8973 3.78151C42.2699 1.2605 45.2669 0 48.8882 0C52.7593 0 55.8812 1.2605 58.2538 3.78151C60.7513 6.17647 62 9.32773 62 13.2353C62 18.1513 59.9396 23.5714 55.8187 29.4958C51.8228 35.2941 46.4532 40.4622 39.71 45L36.9003 42.1639Z' fill='%234CA611'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; } @media (max-width: 767px) { .card-review::after { width: 46px; height: 35px; right: 18px; top: -14px; } } .card-review.no-comma { padding: 3rem 2rem; } .card-review.no-comma::after { display: none; } .card-review__head { padding-top: 1rem; display: -ms-grid; display: grid; -ms-grid-columns: 56px 1fr; grid-template-columns: 56px 1fr; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); gap: 1rem 1.6rem; } @media (max-width: 767px) { .card-review__head { padding-top: 0; padding-bottom: 2.8rem; } } .card-review.no-comma .card-review__head { gap: 1rem; } .card-review__avatar { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; width: 56px; height: auto; aspect-ratio: 1/1; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 100% auto; border-radius: 50%; -webkit-box-shadow: 0 9px 32px 0 rgba(89, 92, 219, 0.1); box-shadow: 0 9px 32px 0 rgba(89, 92, 219, 0.1); } .card-review__name { font-size: 1.6rem; font-weight: 700; } .card-review__body { font-size: 1.6rem; padding-top: 3rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100%; font-weight: 300; } @media (max-width: 767px) { .card-review__body { padding-top: 0; padding-bottom: 2.8rem; } } .card-review__caption { font-size: 1.4rem; padding-top: 3rem; font-weight: 700; color: #000; } @media (max-width: 767px) { .card-review__caption { padding-top: 0; } } .card-service { position: relative; 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; width: 100%; padding: 4rem 2rem; border: 1px solid #E3E3E3; border-radius: 30px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; line-height: 1.2; } @media (max-width: 767px) { .card-service { gap: 3rem; padding: 3.6rem; } } .card-service::before { content: ""; display: block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6 28.875L27.875 7M27.875 7L11.4687 7M27.875 7V23.4062' stroke='%234CA611' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .card-service--img { position: relative; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 991px) { .card-service--img { display: none; } } .card-service--img::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #4CA611; opacity: 0.7; border-radius: inherit; } .card-service--img::before { display: none; } .card-service--double { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .card-service:not([disabled]):hover, .card-service:not([disabled]):focus, .card-service:not([disabled]):active { text-decoration: none; color: inherit; background-color: #F2FFEA; } .card-service:not([disabled]):hover::before, .card-service:not([disabled]):focus::before, .card-service:not([disabled]):active::before { opacity: 1; } .card-service__num { font-size: 2rem; font-family: "Montserrat", sans-serif, arial; font-weight: 400; } @media (max-width: 767px) { .card-service__num { font-size: 2rem; } } .card-service__icon { display: inline-block; padding: 4rem 0; } @media (max-width: 1199px) { .card-service__icon { padding: 2rem 0; } } @media (max-width: 767px) { .card-service__icon { padding: 0; } } .card-service__icon svg { width: 77px; height: 77px; } .card-service__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 53px; min-height: 53px; font-size: 2.2rem; font-weight: 700; line-height: 1.2; } @media (max-width: 575px) { .card-service__title { min-height: 0; } } .card-service__text { font-size: 1.4rem; line-height: 1.2; color: #7a7a7a; } .rating-wrapper { 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: 1rem; } .rating-wrapper__num { font-weight: 700; padding-right: 0.5rem; } .rating-wrapper__text { font-weight: 300; } .star-list { 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: start; -ms-flex-pack: start; justify-content: flex-start; } .star-list__item { font-size: 1.6rem; color: #C1c1c1; } .star-list__item.is-active { color: #4CA611; } .star-list__item svg { width: 18px; height: 18px; } .card-news { position: relative; width: 100%; min-height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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: 0; background-color: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; } .card-news:not([disabled]):hover, .card-news:not([disabled]):focus, .card-news:not([disabled]):active { color: inherit; } .card-news__img { position: relative; width: 100%; height: auto; aspect-ratio: 8/5; background-color: #fff; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; border-radius: 10px; } .card-news__img::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #4CA611; opacity: 0; border-radius: inherit; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .card-news:hover .card-news__img::after, .card-news:focus .card-news__img::after, .card-news:active .card-news__img::after { opacity: 0.5; } .card-news__img::before { content: ""; display: block; width: 35px; height: 35px; position: absolute; right: 20px; top: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M0 31.875L21.875 10M21.875 10L5.46875 10M21.875 10V26.4062' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto; opacity: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 3; } .card-news:hover .card-news__img::before, .card-news:focus .card-news__img::before, .card-news:active .card-news__img::before { opacity: 1; } .card-news__body { display: block; padding-top: 3.4rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100%; } .card-news__title { display: block; width: 100%; padding-bottom: 1.6rem; max-height: 7.2rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: block; color: #171921; font-size: 2rem; font-weight: 500; line-height: 1.2; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-news__text { display: block; font-size: 1.6rem; font-weight: 300; } .card-news__date { display: block; color: #4CA611; padding-bottom: 1.6rem; font-size: 1.6rem; line-height: 1.3; font-weight: 300; } .card-news__tags { 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: 1.2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-news__label { display: block; font-size: 1.4rem; font-weight: 400; position: absolute; top: 20px; left: 20px; padding: 0.8rem 1.6rem; border-radius: 8px; z-index: 4; } .card-news__label--accent { background-color: #4CA611; color: #FFF; } .card-news__label--gray { background-color: #f3f5f9; } .news-tag { padding: 0.8rem 1.6rem; font-size: 1.4rem; line-height: 1.4; background-color: #F3F5F9; border-radius: 999px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .news-tag:not([disabled]):hover, .news-tag:not([disabled]):focus, .news-tag:not([disabled]):active { text-decoration: none; color: #4CA611; } .up-button { position: fixed; bottom: 5%; right: 5%; display: inline-block; padding: 2rem; background-color: #4CA611; color: #FFF; border-radius: 50%; z-index: 89; cursor: pointer; } .up-button svg { width: 33px; height: 33px; stroke: currentColor; stroke-width: 2px; fill: none; } .up-button.is-hidden { display: none; } .popup { min-width: 620px; position: relative; padding: 8.5rem 4.3rem; background-color: #FFF; border-radius: 4px; max-width: 580px; } @media (max-width: 1199px) { .popup { padding: 3rem; } } @media (max-width: 767px) { .popup { max-width: 90%; padding: 3rem 2rem; } } .popup__title { color: #333; font-weight: 500; font-size: 3rem; } @media (max-width: 1199px) { .popup__title { font-size: 2.8rem; } } @media (max-width: 767px) { .popup__title { font-size: 2.6rem; padding-top: 3rem; } } .popup.is-small .popup__title { padding: 0; font-size: 2rem; } .popup__label { font-size: 1.6rem; color: #4CA611; font-weight: 400; } @media (max-width: 767px) { .popup__label { font-size: 1.4rem; } } .popup__close { position: absolute; right: 20px; top: 20px; color: #686868; padding: 0; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .popup__close:not([disabled]):hover, .popup__close:not([disabled]):focus, .popup__close:not([disabled]):active { color: #4CA611; } @media (max-width: 575px) { .popup__close { right: 15px; top: 15px; } } .popup__icon { width: 15px; height: 15px; } .popup__header { padding-bottom: 2.5rem; text-align: center; } @media (max-width: 767px) { .popup__header { padding-bottom: 1.5rem; } } .popup.is-small .popup__header { padding-bottom: 0; } .popup__body { position: relative; padding-top: 2.5rem; } @media (max-width: 767px) { .popup__body { padding-top: 1.5rem; } } .input__wrapper { position: relative; width: 100%; color: currentColor; padding-bottom: 3rem; } @media (max-width: 991px) { .input__wrapper { max-width: none; } } .input__input { opacity: 0.6; color: currentColor; display: inline-block; background: #fff; width: 100%; padding: 1.5rem; font-size: 1.6rem; font-weight: 300; border: 1px solid #E3E3E3; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .input__input::-webkit-input-placeholder { color: #A9AEB9; } .input__input::-moz-placeholder { color: #A9AEB9; } .input__input:-ms-input-placeholder { color: #A9AEB9; } .input__input:focus, .input__input:active { opacity: 1; border-color: #4CA611; outline: none; color: currentColor; -webkit-box-shadow: inset 0 0 2px #4CA611; box-shadow: inset 0 0 2px #4CA611; } .input__input.is-error { color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .input__input.is-error:focus, .input__input.is-error:active { opacity: 1; color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .input__label { font-size: 1.4rem; } @media (max-width: 767px) { .input__label { font-size: 1.2rem; } } .input__error { width: 100%; display: block; position: absolute; bottom: 6px; left: 0; color: #CA1E12; font-size: 1.2rem; font-weight: 300; } .cookie { max-width: 400px; /*600px*/ padding: 1.2rem; /*4.2rem */ border-radius: 12px; position: fixed; left: 30px; bottom: 30px; background-color: #FFF; z-index: 90; -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); } .cookie.is-hidden { display: none; } @media (max-width: 991px) { .cookie { max-width: 60%; padding: 3rem; right: 20px; bottom: 20px; } } @media (max-width: 767px) { .cookie { max-width: calc(100% - 40px); } } @media (max-width: 575px) { .cookie { padding: 2rem; } } @media screen and (max-width: 350px) { .cookie { padding: 1.5rem; } } .cookie__close { position: absolute; right: 20px; top: 20px; color: #D3D3D3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .cookie__close:not([disabled]):hover, .cookie__close:not([disabled]):focus, .cookie__close:not([disabled]):active { color: #4CA611; } @media (max-width: 575px) { .cookie__close { right: 10px; top: 15px; } } .cookie__close svg { width: 15px; height: 15px; } .cookie__title { padding: 1rem 0; /*3rem*/ font-size: 2.3rem; /*3rem*/ font-weight: 500; color: #333; } @media (max-width: 991px) { .cookie__title { padding: 1rem 0; } } @media (max-width: 767px) { .cookie__title { font-size: 2.8rem; } } @media (max-width: 575px) { .cookie__title { font-size: 2.4rem; } } .cookie__text { font-size: 1.4rem; line-height: 1.5; padding-bottom: 2rem; /*5rem*/ } @media (max-width: 991px) { .cookie__text { padding-bottom: 2rem; } } @media (max-width: 575px) { .cookie__text { font-size: 1.2rem; } } .cookie__button { width: 100%; text-align: center; } /* new components */ .breadcrumbs { padding-bottom: 4rem; 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; } @media (max-width: 991px) { .breadcrumbs { padding-bottom: 2.5rem; } } .breadcrumbs__link { color: #808080; font-size: 1.4rem; font-weight: 400; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .breadcrumbs__link:not([disabled]):hover, .breadcrumbs__link:not([disabled]):focus, .breadcrumbs__link:not([disabled]):active { color: #4CA611; } .breadcrumbs__link:last-child { color: #333333; } .breadcrumbs__link:not(:last-child)::after { content: "/"; color: #838383; margin: 0 1rem; } .questions-form { width: 100%; } .questions-form__title { font-size: 2rem; font-weight: 600; padding-bottom: 1rem; } .questions-form__desc { font-size: 1.6rem; font-weight: 300; padding-bottom: 3rem; } .questions-form__input { width: 100%; padding: 1.5rem 1.5rem 1.5rem 3.6rem; outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e3e3e3; border-radius: 8px; font-size: 1.6rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .questions-form__input::-webkit-input-placeholder { color: #A9AEB9; } .questions-form__input::-moz-placeholder { color: #A9AEB9; } .questions-form__input:-ms-input-placeholder { color: #A9AEB9; } .questions-form__input:focus, .questions-form__input:active { padding-left: 1.5rem; -webkit-box-shadow: inset 0 0 2px #4CA611; box-shadow: inset 0 0 2px #4CA611; border-color: #4CA611; } .questions-form__input:focus + .questions-form__icon, .questions-form__input:active + .questions-form__icon { opacity: 0; } .questions-form__input.is-error { color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .questions-form__input.is-error:focus, .questions-form__input.is-error:active { opacity: 1; color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .questions-form__input-wrapper { position: relative; min-width: 300px; } @media (max-width: 1199px) { .questions-form__input-wrapper { min-width: 0; } } @media (max-width: 767px) { .questions-form__input-wrapper { min-width: 100%; } } .questions-form__icon { display: block; width: 15px; height: 15px; position: absolute; left: 1.5rem; top: calc(50% - 7.5px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M11.9173 9.1657V10.7907C11.9179 10.9416 11.887 11.0909 11.8265 11.2291C11.7661 11.3673 11.6775 11.4914 11.5663 11.5934C11.4551 11.6954 11.3239 11.773 11.181 11.8213C11.0381 11.8697 10.8867 11.8876 10.7364 11.874C9.06963 11.6929 7.46855 11.1234 6.06184 10.2111C4.75309 9.37948 3.64349 8.26988 2.81184 6.96112C1.89642 5.54802 1.32673 3.93916 1.14893 2.26487C1.13539 2.11508 1.15319 1.96412 1.2012 1.82158C1.2492 1.67905 1.32636 1.54808 1.42776 1.437C1.52916 1.32592 1.65257 1.23717 1.79015 1.1764C1.92772 1.11563 2.07645 1.08418 2.22684 1.08404H3.85185C4.11472 1.08145 4.36957 1.17454 4.56888 1.34595C4.7682 1.51736 4.89839 1.7554 4.93518 2.0157C5.00377 2.53574 5.13096 3.04635 5.31435 3.53779C5.38722 3.73166 5.403 3.94237 5.35979 4.14493C5.31659 4.3475 5.21623 4.53343 5.0706 4.6807L4.38268 5.36862C5.15377 6.72471 6.27659 7.84753 7.63268 8.61862L8.3206 7.9307C8.46787 7.78507 8.6538 7.68471 8.85637 7.6415C9.05893 7.5983 9.26964 7.61408 9.46351 7.68695C9.95495 7.87034 10.4656 7.99753 10.9856 8.06612C11.2487 8.10324 11.489 8.23577 11.6608 8.43851C11.8326 8.64125 11.9239 8.90006 11.9173 9.1657Z' fill='%23A9AEB9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .questions-form__row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 2rem; } @media (max-width: 767px) { .questions-form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } .accordion { width: 100%; position: relative; -webkit-box-shadow: 0 8px 16px 0 rgba(47, 60, 51, 0.05); box-shadow: 0 8px 16px 0 rgba(47, 60, 51, 0.05); padding: 1.8rem 2.8rem; border-radius: 64px; } .accordion--big { padding: 3rem; } @media (max-width: 767px) { .accordion--big { padding: 1rem; } } .accordion.is-open { padding-bottom: 4rem; } @media (max-width: 991px) { .accordion { border-radius: 36px; } } @media (max-width: 767px) { .accordion { padding: 2rem 1rem; } } .accordion__head { padding-right: 25px; width: 100%; position: relative; background-color: #FFF; color: #000; cursor: pointer; font-size: 2rem; font-weight: 600; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media (max-width: 767px) { .accordion__head { font-size: 1.6rem; } } .accordion__head--flex { 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: 1rem; } .accordion__head--grid { display: -ms-grid; display: grid; -ms-grid-columns: 80px 1fr; grid-template-columns: 80px 1fr; gap: 2.6rem; } @media (max-width: 767px) { .accordion__head--grid { gap: 1rem 1.5rem; -ms-grid-columns: 60px 1fr; grid-template-columns: 60px 1fr; } } .accordion__head.is-open { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .accordion__head::after { content: ""; display: block; width: 25px; height: 25px; position: absolute; right: 0; top: calc(50% - 12.5px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M11 3L11 24M11 24L19 16.125M11 24L3 16.125' stroke='%23B5B5B5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (max-width: 991px) { .accordion__head::after { right: 10px; } } .is-open .accordion__head::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M11 3L11 24M11 24L19 16.125M11 24L3 16.125' stroke='%234CA611' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .accordion__icon { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; aspect-ratio: 1/1; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 30px; } @media (max-width: 767px) { .accordion__icon { padding: 1.3rem; } } .accordion__icon svg { width: 4rem; height: 4rem; } @media (max-width: 991px) { .accordion__icon svg { width: 3.5rem; height: 3.5rem; } } .accordion__icon--color--green { background-color: #ECFCCB; color: #4CA611; } .accordion__icon--color--red { background-color: #FFE4E7; color: #CA1E12; } .accordion__icon--color--gray { background-color: #F2F2F2; color: #969696; } .accordion__icon--color--purple { background-color: #EDE9FE; color: #9389BD; } .accordion__content { width: 100%; background-color: #FFF; max-height: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); overflow: hidden; visibility: hidden; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 767px) { .accordion__content { padding: 1rem 0 0 0; } } .is-open .accordion__content { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-height: 1000px; -webkit-transform: translateY(1em); -ms-transform: translateY(1em); transform: translateY(1em); visibility: visible; } .download-link { 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: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1.2rem; color: #4CA611; font-size: 1.6rem; font-weight: 400; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .download-link:not([disabled]):hover, .download-link:not([disabled]):focus, .download-link:not([disabled]):active { color: #CA1E12; text-decoration: none; } .download-link__icon svg { width: 24px; height: 24px; } .card-services { position: relative; padding: 4rem 4.7rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 12px; background-color: #FFF; border: 1px solid #E3E3E3; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-services:hover, .card-services:focus { background-color: #F9FFF6; } @media (max-width: 991px) { .card-services { padding: 2rem; } } @media (max-width: 767px) { .card-services { border: none; padding: 0; } } .card-services::after { content: ""; display: none; width: 35px; height: 35px; position: absolute; right: 0; top: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6 28.875L27.875 7M27.875 7L11.4687 7M27.875 7V23.4062' stroke='%234CA611' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 767px) { .card-services::after { display: block; } } .card-services__text-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 991px) { .card-services__text-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .card-services__img { -webkit-box-flex: 0; -ms-flex: 0 1 29%; flex: 0 1 29%; aspect-ratio: 33/40; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% auto; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card-services__img--desktop { display: inline-block; } @media (max-width: 991px) { .card-services__img--desktop { display: none; } } .card-services__img--mobile { display: none; } @media (max-width: 991px) { .card-services__img--mobile { display: inline-block; width: 40%; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (max-width: 767px) { .card-services__img--mobile { width: 50%; } } @media (max-width: 575px) { .card-services__img--mobile { width: 75%; } } .card-services__body { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100%; padding: 2rem 1rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .card-services__body:not([disabled]):hover, .card-services__body:not([disabled]):focus, .card-services__body:not([disabled]):active { color: inherit; text-decoration: none; } @media (max-width: 767px) { .card-services__body { padding: 2rem 1rem; } } .card-services__title { width: 100%; display: block; color: #1E1E1E; font-size: 4rem; font-weight: 500; padding-bottom: 2rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-services__title:not([disabled]):hover, .card-services__title:not([disabled]):focus, .card-services__title:not([disabled]):active { color: #4CA611; text-decoration: none; } @media (max-width: 991px) { .card-services__title { font-size: 3.2rem; } } @media (max-width: 767px) { .card-services__title { font-size: 2rem; } } .card-services__text { font-size: 1.6rem; line-height: 1.5; padding-bottom: 4rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; color: rgba(30, 30, 30, 0.7); } .card-services__text:not([disabled]):hover, .card-services__text:not([disabled]):focus, .card-services__text:not([disabled]):active { color: #4CA611; text-decoration: none; } @media (max-width: 991px) { .card-services__text { padding: 3rem 0 2rem; } } .card-services__label { display: block; font-size: 1.6rem; color: #4CA611; font-weight: 500; padding-bottom: 3rem; } @media (max-width: 991px) { .card-services__label { width: 100%; } } @media (max-width: 991px) { .card-services__label { font-size: 1.4rem; padding-bottom: 1.5rem; } } .card-services__button-wrapper { padding-top: 4rem; border-top: 1px solid rgba(0, 0, 0, 0.2); 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: 1rem; width: 100%; } @media (max-width: 767px) { .card-services__button-wrapper { gap: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .statistic-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .statistic-card { display: block; } .statistic-card__num { color: #CA1E12; font-size: 3rem; font-weight: 500; padding-bottom: 1rem; } .statistic-card__text { display: block; font-size: 1.6rem; font-weight: 500; } .icons-list { width: 100%; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; } @media (max-width: 767px) { .icons-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .icon-card { display: inline-block; max-width: calc(50% - 1rem); min-width: 30%; } @media (max-width: 767px) { .icon-card { min-width: 100%; max-width: 100%; } } .icon-card__icon { display: block; padding-bottom: 2rem; } .icon-card__icon svg { width: 77px; height: 77px; } .icon-card__text { font-size: 1.6rem; font-weight: 600; } .news-pagination { width: 100%; padding: 1rem 0; 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; gap: 0.5rem; } .news-pagination__bullet { padding: 0.2rem; min-width: 30px; min-height: 30px; display: block; background: transparent; color: #1E1E1E; border: 1px solid #DADADA; 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; gap: 0; font-size: 1.6rem; line-height: 1; border-radius: 8px; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .news-pagination__bullet:not([disabled]):hover, .news-pagination__bullet:not([disabled]):focus, .news-pagination__bullet:not([disabled]):active { color: #4CA611; } .news-pagination__bullet.is-active { background-color: #4CA611; border-color: #4CA611; color: #FFF; } .news-pagination__bullet svg { width: 16px; height: 16px; } .news-pagination__bullet--next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .card-article { position: relative; width: 100%; min-height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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: 0; background-color: #FFF; border: 1px solid #E3E3E3; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .card-article:not([disabled]):hover, .card-article:not([disabled]):focus, .card-article:not([disabled]):active { color: inherit; } .card-article__img { position: relative; width: 100%; height: auto; aspect-ratio: 2/1; background-color: #fff; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; border-radius: 12px 12px 0 0; } .card-article__img::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #4CA611; opacity: 0; border-radius: inherit; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .card-article:hover .card-article__img::after, .card-article:focus .card-article__img::after, .card-article:active .card-article__img::after { opacity: 0.5; } .card-article__img::before { content: ""; display: block; width: 35px; height: 35px; position: absolute; right: 20px; top: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M0 31.875L21.875 10M21.875 10L5.46875 10M21.875 10V26.4062' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto; opacity: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 3; } .card-article:hover .card-article__img::before, .card-article:focus .card-article__img::before, .card-article:active .card-article__img::before { opacity: 1; } .card-article__body { padding: 2rem 4rem 3rem 4rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100%; } @media (max-width: 1199px) { .card-article__body { padding: 3rem 2rem; } } @media (max-width: 767px) { .card-article__body { padding: 1.6rem 2rem 3rem 2rem; } } .card-article__title { width: 100%; padding-bottom: 1.6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 2rem; font-weight: 600; line-height: 1.5; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-article__text { font-size: 1.6rem; font-weight: 300; } .card-article__label { display: block; font-size: 1.6rem; color: #4CA611; font-weight: 400; padding-bottom: 1.6rem; } .card-article__footer { position: relative; padding: 3rem 4rem; display: block; width: 100%; } @media (max-width: 1199px) { .card-article__footer { padding: 3rem; } } @media (max-width: 767px) { .card-article__footer { padding: 3rem 2rem; } } .card-article__footer::after { content: ""; display: block; width: calc(100% - 8rem); height: 1px; position: absolute; left: 3rem; top: 0; background: rgba(0, 0, 0, 0.2); } @media (max-width: 1199px) { .card-article__footer::after { width: calc(100% - 6rem); left: 3rem; } } @media (max-width: 767px) { .card-article__footer::after { width: calc(100% - 4rem); left: 2rem; } } .card-article__date { display: block; font-size: 1.6rem; line-height: 1.3; font-weight: 300; } .card-maintenance { position: relative; padding: 3rem 4.5rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 12px; background-color: #FFF; border: 1px solid #E3E3E3; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media (max-width: 991px) { .card-maintenance { padding: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .card-maintenance { border: none; padding: 0; } } .card-maintenance__body { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; } @media (max-width: 1199px) { .card-maintenance__body { -ms-flex-preferred-size: 70%; flex-basis: 70%; } } @media (max-width: 991px) { .card-maintenance__body { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; gap: 2rem; } } .card-maintenance__img { -webkit-box-flex: 0; -ms-flex: 0 1 18%; flex: 0 1 18%; aspect-ratio: 11/13; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } @media (max-width: 1199px) { .card-maintenance__img { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } @media (max-width: 991px) { .card-maintenance__img { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767px) { .card-maintenance__img { -ms-flex-preferred-size: 60%; flex-basis: 60%; } } .card-maintenance__title { width: 100%; display: block; font-size: 4rem; font-weight: 500; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media (max-width: 991px) { .card-maintenance__title { font-size: 3.4rem; } } @media (max-width: 767px) { .card-maintenance__title { font-size: 3rem; } } .card-maintenance__text { font-size: 1.6rem; line-height: 1.5; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; color: rgba(30, 30, 30, 0.7); } .card-maintenance__button-wrapper { display: inline-block; } @media (max-width: 767px) { .card-maintenance__button-wrapper { width: 30%; text-align: center; } } @media (max-width: 575px) { .card-maintenance__button-wrapper { width: 40%; } } .card-vacancie { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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: 0; position: relative; width: 100%; padding: 3rem 4rem; background-color: #FFF; border: 1px solid #E3E3E3; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1320px) { .card-vacancie { padding: 3rem; } } @media (max-width: 991px) { .card-vacancie { padding: 3rem 2rem; } } @media (max-width: 575px) { .card-vacancie { padding: 3rem 1.5rem; } } .card-vacancie:not([disabled]):hover, .card-vacancie:not([disabled]):focus, .card-vacancie:not([disabled]):active { background-color: #F9FFF6; color: inherit; text-decoration: none; } .card-vacancie:not([disabled]):hover::before, .card-vacancie:not([disabled]):focus::before, .card-vacancie:not([disabled]):active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6 28.875L27.875 7M27.875 7L11.4687 7M27.875 7V23.4062' stroke='%234CA611' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .card-vacancie::before { content: ""; display: block; width: 35px; height: 35px; position: absolute; right: 20px; top: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6 28.875L27.875 7M27.875 7L11.4687 7M27.875 7V23.4062' stroke='%23E3E3E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 3; } .card-vacancie__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; width: 100%; padding-bottom: 3rem; } .card-vacancie__label { display: block; color: #ca1e12; font-weight: 300; padding-bottom: 2.2rem; } .card-vacancie__title { width: 100%; padding-bottom: 2.2rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 2rem; font-weight: 600; line-height: 1.5; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-vacancie__text { font-size: 1.6rem; font-weight: 300; } .card-vacancie__footer { padding-top: 3rem; 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: 2rem; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 575px) { .card-vacancie__footer { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } } .card-vacancie__tag { padding: 0.8rem 1.6rem; font-size: 1.4rem; line-height: 1.4; background-color: rgba(76, 166, 17, 0.28); border-radius: 8px; } .card-vacancie__caption { color: rgba(44, 58, 75, 0.7); } .input-rating { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; } .input-rating__input { display: none; } .input-rating__label { cursor: pointer; width: 48px; height: 48px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .input-rating__input:checked ~ .input-rating__label, .input-rating__input:checked ~ .input-rating__label ~ .input-rating__label { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M28.3729 22.6735C27.9628 23.0709 27.7744 23.6457 27.8678 24.2093L29.2754 31.9993C29.3941 32.6596 29.1154 33.3277 28.5629 33.7093C28.0214 34.1052 27.3009 34.1527 26.7104 33.836L19.6978 30.1785C19.4539 30.0487 19.1832 29.979 18.9061 29.9711H18.477C18.3282 29.9932 18.1825 30.0407 18.0495 30.1136L11.0354 33.7885C10.6886 33.9627 10.2959 34.0244 9.91119 33.9627C8.97386 33.7853 8.34844 32.8923 8.50202 31.9502L9.91119 24.1602C10.0046 23.5918 9.81619 23.0139 9.40611 22.6102L3.68869 17.0685C3.21052 16.6046 3.04427 15.9079 3.26277 15.2793C3.47494 14.6523 4.01644 14.1947 4.67036 14.0918L12.5395 12.9502C13.138 12.8885 13.6637 12.5243 13.9329 11.986L17.4004 4.87683C17.4827 4.7185 17.5888 4.57283 17.717 4.44933L17.8595 4.3385C17.9339 4.25616 18.0194 4.18808 18.1144 4.13266L18.287 4.06933L18.5562 3.9585H19.2228C19.8181 4.02025 20.3422 4.3765 20.6161 4.9085L24.1295 11.986C24.3829 12.5037 24.8753 12.8632 25.4437 12.9502L33.3129 14.0918C33.9779 14.1868 34.5336 14.646 34.7537 15.2793C34.9611 15.9142 34.7822 16.6109 34.2945 17.0685L28.3729 22.6735Z' fill='%234CA611'/%3E%3C/svg%3E"); } .input-rating__input:not(:checked) ~ .input-rating__label:hover, .input-rating__input:not(:checked) ~ .input-rating__label:hover ~ .input-rating__label { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M28.3729 22.6735C27.9628 23.0709 27.7744 23.6457 27.8678 24.2093L29.2754 31.9993C29.3941 32.6596 29.1154 33.3277 28.5629 33.7093C28.0214 34.1052 27.3009 34.1527 26.7104 33.836L19.6978 30.1785C19.4539 30.0487 19.1832 29.979 18.9061 29.9711H18.477C18.3282 29.9932 18.1825 30.0407 18.0495 30.1136L11.0354 33.7885C10.6886 33.9627 10.2959 34.0244 9.91119 33.9627C8.97386 33.7853 8.34844 32.8923 8.50202 31.9502L9.91119 24.1602C10.0046 23.5918 9.81619 23.0139 9.40611 22.6102L3.68869 17.0685C3.21052 16.6046 3.04427 15.9079 3.26277 15.2793C3.47494 14.6523 4.01644 14.1947 4.67036 14.0918L12.5395 12.9502C13.138 12.8885 13.6637 12.5243 13.9329 11.986L17.4004 4.87683C17.4827 4.7185 17.5888 4.57283 17.717 4.44933L17.8595 4.3385C17.9339 4.25616 18.0194 4.18808 18.1144 4.13266L18.287 4.06933L18.5562 3.9585H19.2228C19.8181 4.02025 20.3422 4.3765 20.6161 4.9085L24.1295 11.986C24.3829 12.5037 24.8753 12.8632 25.4437 12.9502L33.3129 14.0918C33.9779 14.1868 34.5336 14.646 34.7537 15.2793C34.9611 15.9142 34.7822 16.6109 34.2945 17.0685L28.3729 22.6735Z' fill='%234CA611'/%3E%3C/svg%3E"); } .rating-count { padding-left: 2.5rem; color: #E3E3E3; font-size: 3rem; font-weight: 500; line-height: 1.1; } .textarea__wrapper { position: relative; width: 100%; color: currentColor; padding-bottom: 3rem; } @media (max-width: 991px) { .textarea__wrapper { max-width: none; } } .textarea__input { opacity: 0.6; color: currentColor; display: inline-block; background: #fff; width: 100%; padding: 1.5rem; font-size: 1.6rem; font-weight: 300; border: 1px solid #E3E3E3; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .textarea__input::-webkit-input-placeholder { color: #A9AEB9; } .textarea__input::-moz-placeholder { color: #A9AEB9; } .textarea__input:-ms-input-placeholder { color: #A9AEB9; } .textarea__input:focus, .textarea__input:active { opacity: 1; border-color: #4CA611; outline: none; color: currentColor; -webkit-box-shadow: inset 0 0 2px #4CA611; box-shadow: inset 0 0 2px #4CA611; } .textarea__input.is-error { color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .textarea__input.is-error:focus, .textarea__input.is-error:active { opacity: 1; color: #CA1E12; border: 1px solid #CA1E12; -webkit-box-shadow: 0 0 5px #CA1E12; box-shadow: 0 0 5px #CA1E12; } .textarea__label { font-size: 1.4rem; } @media (max-width: 767px) { .textarea__label { font-size: 1.2rem; } } .textarea__error { width: 100%; display: block; position: absolute; bottom: 6px; left: 0; color: #CA1E12; font-size: 1.2rem; font-weight: 300; } .input-file { padding-bottom: 2rem; } .input-file__input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .input-file__label { width: 100%; padding: 8px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.4rem; font-size: 1.6rem; line-height: 1.5; color: #4CA611; border: 1px solid #4CA611; border-radius: 8px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; cursor: pointer; } @media (max-width: 767px) { .input-file__label { font-size: 1.6rem; } } .input-file__label:hover, .input-file__label:focus { background-color: #F2FFEA; } .input-file__label::before { content: ""; display: inline-block; height: 25px; width: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.5152 6.7658L14.9691 0.219703C14.8284 0.0790312 14.6377 0 14.4387 0H4.66275C3.33881 0 2.26172 1.07709 2.26172 2.40103V21.599C2.26172 22.9229 3.33881 24 4.66275 24H19.3337C20.6577 24 21.7348 22.9229 21.7348 21.599V7.29609C21.7348 7.0972 21.6558 6.90642 21.5152 6.7658ZM15.1887 2.56069L19.1741 6.54614H15.1887V2.56069ZM19.3338 22.5H4.66275C4.16592 22.5 3.76172 22.0958 3.76172 21.599V2.40103C3.76172 1.9042 4.16592 1.5 4.66275 1.5H13.6887V7.29609C13.6887 7.71028 14.0245 8.04609 14.4387 8.04609H20.2348V21.599C20.2348 22.0958 19.8306 22.5 19.3338 22.5ZM17.3608 12.4606C17.3608 12.8748 17.025 13.2106 16.6108 13.2106H7.38577C6.97158 13.2106 6.63577 12.8748 6.63577 12.4606C6.63577 12.0464 6.97158 11.7106 7.38577 11.7106H16.6108C17.025 11.7106 17.3608 12.0464 17.3608 12.4606ZM17.3608 17.5793C17.3608 17.9935 17.025 18.3293 16.6108 18.3293H7.38577C6.97158 18.3293 6.63577 17.9935 6.63577 17.5793C6.63577 17.1651 6.97158 16.8293 7.38577 16.8293H16.6108C17.025 16.8293 17.3608 17.1651 17.3608 17.5793Z' fill='%234CA611'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; } /* end new components */ .header { width: 100%; position: absolute; top: 0; left: 0; z-index: 95; background-color: #FFF; -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.05); } @media (max-width: 991px) { .header { background: transparent; -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 767px) { .header { padding: 1rem 0; } } .header__top-menu { padding-top: 1.7rem; position: relative; width: 100%; } .header__top-menu::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 2px; background: rgba(191, 191, 191, 0.29); } @media (max-width: 991px) { .header__top-menu::after { display: none; } } .header__menu-buttom { width: 100%; padding: 1rem 0 1.4rem; } @media (max-width: 991px) { .header__menu-buttom { display: none; } } .header__wrapper { 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; } @media (max-width: 991px) { .header__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .header__wrapper { position: relative; } } .header__menu { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 991px) { .header__menu { display: none; } } .header__logo { padding-bottom: 2.3rem; } @media (max-width: 991px) { .header__logo { padding-bottom: 0rem; } } .header__contacts { padding-bottom: 1.3rem; } @media (max-width: 991px) { .header__contacts--desktop { display: none; } } .header__login-button { 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: 1rem; } .header__search { display: none; } @media (max-width: 991px) { .header__search { display: block; } } .contacts { width: 100%; text-align: right; } @media (max-width: 991px) { .contacts { text-align: left; } } .contacts--mobile { display: none; } @media (max-width: 991px) { .contacts--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .mode { font-size: 1.3rem; line-height: 1.1; } @media (max-width: 991px) { .mode { padding-top: 0.4rem; } } .menu-mobile { display: none; position: fixed; top: 0; left: -100%; height: 100%; min-height: 100vh; max-height: 100vh; width: 60%; background: #FFF; text-align: left; z-index: 99; overflow: auto; -webkit-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } @media (max-width: 991px) { .menu-mobile { display: block; } } @media (max-width: 575px) { .menu-mobile { width: 87%; } } .menu-mobile.is-open { left: 0; } .menu-mobile.is-open::before { -webkit-transition: opacity 0.5s ease-out 0.3s; -o-transition: opacity 0.5s ease-out 0.3s; transition: opacity 0.5s ease-out 0.3s; right: 0; opacity: 1; } .menu-mobile::before { content: ""; display: block; width: 40%; height: 100%; position: fixed; right: -100%; top: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 97; -webkit-transition: right 0.3s ease-out 0.3s; -o-transition: right 0.3s ease-out 0.3s; transition: right 0.3s ease-out 0.3s; } @media (max-width: 575px) { .menu-mobile::before { width: 13%; } } .menu-mobile__wrapper { width: 100%; padding: 2rem; } .menu-mobile__wrapper--gray { background-color: #F5F6FA; } .menu-mobile__contacts { padding-bottom: 2.5rem; } .menu-mobile__login-button { display: inline-block; width: auto; padding-bottom: 2.5rem; } .menu-mobile__social { padding: 2rem; } .menu-mobile__close-button { position: absolute; right: 27px; top: 20px; cursor: pointer; color: #d4d4d4; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu-mobile__close-button:not([disabled]):hover, .menu-mobile__close-button:not([disabled]):focus, .menu-mobile__close-button:not([disabled]):active { color: #4CA611; } .menu-mobile__close-button svg { width: 20px; height: 20px; } @-webkit-keyframes openMenu { 0% { padding: 0; max-height: 0; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 5% { padding: 1rem 0; max-height: 10000px; } 100% { padding: 1rem 0; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; max-height: 10000px; } } @keyframes openMenu { 0% { padding: 0; max-height: 0; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 5% { padding: 1rem 0; max-height: 10000px; } 100% { padding: 1rem 0; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; max-height: 10000px; } } .offer-slider { width: 100%; background-color: #F5F6FA; overflow: hidden; position: relative; padding-bottom: 5rem; } @media (max-width: 767px) { .offer-slider { padding-bottom: 3.5rem; } } .offer-slider__nav { color: #C4C7D2; position: absolute; top: 50%; z-index: 2; } @media (max-width: 991px) { .offer-slider__nav { display: none; } } .offer-slider__nav--prev { left: 10px; } .offer-slider__nav--next { right: 10px; } .offer-slider__search { text-align: right; position: absolute; bottom: 10rem; right: 15%; width: 100%; z-index: 2; } .offer-slider__search--desktop { display: inline-block; } @media (max-width: 991px) { .offer-slider__search--desktop { display: none; } } .offer-slider__search--mobile { display: none; } @media (max-width: 991px) { .offer-slider__search--mobile { display: block; } } @media (max-width: 1320px) { .offer-slider__search { right: 10%; } } @media (max-width: 1199px) { .offer-slider__search { right: 5%; } } @media (max-width: 991px) { .offer-slider__search { position: static; } } .pagination { 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; gap: 1rem; } .pagination__bullet { width: 8px; height: 8px; border-radius: 50%; background-color: #C4C7D2; } .pagination__bullet-active { border-radius: 48px; height: 8px; min-width: 23px; background-color: #4CA611; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .offer { position: relative; height: calc(100vh - 139.5px - 5rem); min-height: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; } @media (max-width: 1199px) { .offer { height: calc(100vh - 139.5px - 5rem); } } @media (max-width: 991px) { .offer { padding-top: 9rem; min-height: 520px; height: auto; } } .offer__container { position: relative; z-index: 3; height: 100%; } .offer__inner { width: 100%; max-width: 41%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4rem; } @media (max-width: 1199px) { .offer__inner { max-width: 45%; } } @media (max-width: 991px) { .offer__inner { padding: 4rem 0 0 0; margin: 0 auto; text-align: center; max-width: 80%; gap: 3rem; } } @media (max-width: 767px) { .offer__inner { padding: 2.5rem 0; max-width: 100%; gap: 2rem; } } .offer__title { font-size: 5.3rem; font-weight: 500; line-height: 1.1; } @media (max-width: 1199px) { .offer__title { font-size: 4.8rem; } } @media (max-width: 991px) { .offer__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767px) { .offer__title { font-size: 4rem; } } @media (max-width: 575px) { .offer__title { font-size: 3.6rem; } } @media (max-width: 991px) { .offer__list { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .offer__buttons-wrapper { 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: 2rem; } @media (max-width: 991px) { .offer__buttons-wrapper { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 575px) { .offer__buttons-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer__img { position: absolute; right: 0; top: 5%; width: 57%; height: auto; aspect-ratio: 34/25; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; } @media (max-width: 1199px) { .offer__img { top: 5%; } } @media (max-width: 991px) { .offer__img { position: static; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .main-services-list { padding-top: 3rem; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 3.5rem 2rem; } @media (max-width: 1199px) { .main-services-list { gap: 2rem 1rem; } } @media (max-width: 991px) { .main-services-list { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .main-services-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .main-services-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 2.4rem; } } .main-delivery__subtitle { margin-bottom: 2rem; } .main-delivery__list { padding-top: 3rem; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media (max-width: 991px) { .main-delivery__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (max-width: 767px) { .main-delivery__list { padding-top: 1rem; } } .card-delivery { position: relative; 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; width: 100%; padding: 5rem 4rem; background-color: #FAFAFB; border-radius: 15px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1199px) { .card-delivery { padding: 4rem 2rem; } } @media (max-width: 767px) { .card-delivery { gap: 1.6rem; padding: 4rem 4.6rem; } } .card-delivery__num { position: absolute; right: 0; top: 0; padding: 1.5rem 0.7rem 1.5rem 1.5rem; color: #FFF; background-color: #4CA611; font-size: 2rem; font-weight: 700; border-bottom-left-radius: 10px; } @media (max-width: 991px) { .card-delivery__num { border-top-right-radius: 15px; padding: 1.3rem 1.4rem; } } @media (max-width: 767px) { .card-delivery__num { font-size: 2rem; } } .card-delivery__icon { display: inline-block; } .card-delivery__icon svg { width: 82px; height: 82px; } .card-delivery__title { display: -webkit-box; font-size: 2rem; font-weight: 700; line-height: 1.2; } @media (max-width: 575px) { .card-delivery__title { min-height: 0; } } .card-delivery__text { font-size: 1.6rem; font-weight: 300; color: #7a7a7a; } .card-delivery__more-button { font-weight: 500; font-size: 1.4rem; color: #1a1a1a; 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; gap: 1rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card-delivery__more-button:not([disabled]):hover, .card-delivery__more-button:not([disabled]):focus, .card-delivery__more-button:not([disabled]):active { text-decoration: none; color: #4CA611; } .card-delivery__more-arrow { color: inherit; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .card-delivery__more-button:hover .card-delivery__more-arrow, .card-delivery__more-button:focus .card-delivery__more-arrow { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .card-delivery__more-arrow svg { width: 14px; height: 16px; } .main-for-shops { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 1rem 9.5rem; } @media (max-width: 1199px) { .main-for-shops { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } } @media (max-width: 991px) { .main-for-shops { -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 6rem; } } .main-for-shops__subtitle { margin-bottom: 2.5rem; } .main-for-shops__title { padding-bottom: 4rem; } .main-for-shops__text { font-size: 1.6rem; font-weight: 300; padding-bottom: 4rem; } .main-for-shops__list { padding-top: 2rem; 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: 4.4rem; } @media (max-width: 767px) { .main-for-shops__list { padding-top: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4rem; } } .main-for-shops__list-item { 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: 2rem; font-size: 2rem; font-weight: 500; } .main-for-shops__icon svg { width: 50px; height: 50px; } .oval-images { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 2rem; } @media (max-width: 991px) { .oval-images { aspect-ratio: 33/25; gap: 0.8rem; } } .oval-images__img { width: 50%; height: 100%; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 161px; } .oval-images__label { padding: 3rem 4rem; border-radius: 93px; max-width: 300px; position: absolute; bottom: 17%; left: calc(50% - 150px); background-color: #4CA611; color: #FFF; 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: 1.3rem; } @media (max-width: 767px) { .oval-images__label { padding: 1rem 3rem; max-width: 218px; left: calc(50% - 109px); } } .oval-images__label-text { font-weight: 500; font-size: 2rem; } @media (max-width: 767px) { .oval-images__label-text { font-size: 1.4rem; } } .oval-images__label-icon svg { width: 44px; height: 47px; } @media (max-width: 767px) { .oval-images__label-icon svg { width: 34px; height: 36px; } } .questions-banner { position: relative; width: 100%; padding: 8rem 10rem; background: url(/bitrix/templates/bizon_new/css/../img/quest-banner-bg.png) no-repeat 0 0/cover; color: #FFF; border-radius: 40px; } @media (max-width: 991px) { .questions-banner { padding-bottom: 0; } } @media (max-width: 767px) { .questions-banner { padding: 6.4rem 3.4rem 0 3.4rem; } } .questions-banner__inner { width: 46%; } @media (max-width: 991px) { .questions-banner__inner { width: 100%; } } .questions-banner__title { font-size: 4.5rem; font-weight: 500; line-height: 1.1; padding-bottom: 4rem; } @media (max-width: 767px) { .questions-banner__title { font-size: 3rem; padding-bottom: 2rem; } } .questions-banner__text { width: 100%; font-weight: 300; padding-bottom: 4rem; } .questions-banner__buttons-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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: 1.6rem; } @media (max-width: 1199px) { .questions-banner__buttons-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .questions-banner__buttons-wrapper { width: 100%; } } .questions-banner__img { position: absolute; bottom: 0; right: 7%; width: auto; height: calc(100% + 42px); aspect-ratio: 597/511; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 1320px) { .questions-banner__img { right: 0; } } @media (max-width: 1199px) { .questions-banner__img { width: 50%; height: auto; } } @media (max-width: 991px) { .questions-banner__img { margin-top: 4rem; position: static; width: 100%; height: auto; } } .main-reviews { width: 100%; } .main-reviews__title { padding-bottom: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-reviews__nav { 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: 0.8rem; } .reviews-slider { padding: 4.5rem 2px 1rem; width: 100%; overflow: hidden; } .reviews-slider__nav { padding: 13px; background-color: #4CA611; color: #FFF; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reviews-slider__nav:hover, .reviews-slider__nav:focus, .reviews-slider__nav:active { background-color: #5DC11C; } .reviews-slider__nav--next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .reviews-slider__nav svg { width: 17px; height: 17px; -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } .main-news__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-news__desc { font-size: 1.6rem; padding-bottom: 3rem; font-weight: 300; max-width: 65%; } @media (max-width: 991px) { .main-news__desc { display: none; } } .main-news__nav { 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: 0.8rem; padding-bottom: 3rem; } .main-news-list { padding-top: 3rem; width: 100%; overflow: hidden; } .footer { width: 100%; background-color: #F5F6FA; color: #5C5F66; font-size: 1.4rem; } .footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; gap: 9rem; padding: 5.4rem 0; } @media (max-width: 1199px) { .footer__wrapper { gap: 5rem; } } @media (max-width: 991px) { .footer__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .footer__wrapper { gap: 3rem; padding: 5rem 0; } } .footer__column { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -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: 1.3rem; } @media (max-width: 991px) { .footer__column { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-preferred-size: 25%; flex-basis: 25%; } } @media (max-width: 767px) { .footer__column { -ms-flex-preferred-size: calc(33.3333333333% - 2rem); flex-basis: calc(33.3333333333% - 2rem); } } @media (max-width: 575px) { .footer__column { -ms-flex-preferred-size: calc(50% - 1.5rem); flex-basis: calc(50% - 1.5rem); -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__column--contacts { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; gap: 2.8rem; } @media (max-width: 991px) { .footer__column--contacts { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .footer__column--contacts { -ms-flex-preferred-size: 45%; flex-basis: 45%; } } @media (max-width: 767px) { .footer__column--contacts { padding-bottom: 2.7rem; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-bottom: 1px solid #E6E6E6; } } @media (max-width: 991px) { .footer__column--logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (max-width: 767px) { .footer__column--logo { -ms-flex-preferred-size: 45%; flex-basis: 45%; } } @media (max-width: 767px) { .footer__column--logo { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .footer__column--logo .footer__title { display: none; } } .footer__title { font-family: "Inter", sans-serif, arial; color: #101113; font-size: 1.4rem; font-weight: 700; } .footer-item { 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: 1rem; } .footer-link { font-size: 1.4rem; font-weight: 300; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .footer-link--font--Poppins { font-size: 1.2rem; font-weight: 400; font-family: "Poppins", sans-serif, arial; } .footer-link--arrow { 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: 0.8rem; } .footer-link--arrow::after { content: ""; display: inline-block; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 13L13 3M13 3L5.5 3M13 3V10.5' stroke='%235C5F66' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; } .footer-link--bold { color: #000; font-weight: 600; } .footer-link:not([disabled]):hover, .footer-link:not([disabled]):focus, .footer-link:not([disabled]):active { color: #4CA611; } .footer-contact { 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: 1.5rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .footer-contact__icon { color: #4CA611; } .footer-contact__icon svg { width: 15px; height: 15px; } a.footer-contact:not([disabled]):hover, a.footer-contact:not([disabled]):focus, a.footer-contact:not([disabled]):active { color: #4CA611; } .footer-phone { font-weight: 700; } .download { padding: 0.4rem 1rem; display: inline-block; color: #4CA611; font-size: 1.2rem; line-height: 1.3; border-radius: 64px; background-color: rgba(76, 166, 17, 0.1); border: 1px solid #4CA611; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .download:not([disabled]):hover, .download:not([disabled]):focus, .download:not([disabled]):active { text-decoration: none; background-color: rgba(76, 166, 17, 0.3); color: #4CA611; } .last-line { width: 100%; color: #5C5F66; border-top: 1px solid #E6E6E6; font-size: 1.3rem; line-height: 1.3; padding: 2.2rem 0 7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .last-line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .last-line__link { display: block; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .last-line__link:not([disabled]):hover, .last-line__link:not([disabled]):focus, .last-line__link:not([disabled]):active { color: #4CA611; } @media (max-width: 767px) { .last-line__link { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-top: 1rem; } } .last-line__copyright { font-size: 1.6rem; display: flex; align-items: baseline; justify-content: flex-start; gap: 1rem; padding-bottom: 1rem; transition: all .4s; } @media (max-width: 991px) { .last-line__copyright { padding-top: 1rem; flex: 1 1 100%; } } .last-line__copyright svg { width: 120px; height: 27px; } .last-line__copyright:not([disabled]):hover, .last-line__copyright:not([disabled]):focus, .last-line__copyright:not([disabled]):active { color: #4CA611; } .call-form__submit { width: 100%; } /* clients page */ .clients-offer { background-color: #F5F6FA; position: relative; height: calc(100vh - 139.5px); min-height: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; } @media (max-width: 1199px) { .clients-offer { height: calc(100vh - 139.5px); } } @media (max-width: 991px) { .clients-offer { padding-top: 9rem; min-height: 520px; height: auto; } } .clients-offer__breadcrumbs { padding-top: 3rem; width: 100%; position: absolute; top: 0; } @media (max-width: 991px) { .clients-offer__breadcrumbs { position: static; padding-top: 0rem; } } .clients-offer__container { position: relative; z-index: 3; height: 100%; } .clients-offer__inner { width: 100%; max-width: 41%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4rem; } @media (max-width: 1199px) { .clients-offer__inner { max-width: 45%; } } @media (max-width: 991px) { .clients-offer__inner { padding: 2rem 0 4rem; margin: 0 auto; max-width: 100%; gap: 3rem; } } @media (max-width: 767px) { .clients-offer__inner { padding: 2rem 0 4rem; max-width: 100%; gap: 2rem; } } .clients-offer__title { font-size: 5.3rem; font-weight: 500; line-height: 1.1; } @media (max-width: 1199px) { .clients-offer__title { font-size: 4.8rem; } } @media (max-width: 767px) { .clients-offer__title { font-size: 4rem; } } @media (max-width: 575px) { .clients-offer__title { font-size: 3.6rem; } } .clients-offer__buttons-wrapper { display: inline-block; width: auto; } @media (max-width: 767px) { .clients-offer__buttons-wrapper { min-width: 30%; text-align: center; } } @media (max-width: 575px) { .clients-offer__buttons-wrapper { min-width: 100%; } } .clients-offer__img { position: absolute; right: 0; top: calc(50% - 200px); width: 61%; height: auto; aspect-ratio: 17/11; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; } .clients-offer__img--mobile { display: none; } @media (max-width: 991px) { .clients-offer__img--mobile { display: inline-block; } } .clients-offer__img--desktop { display: inline-block; } @media (max-width: 991px) { .clients-offer__img--desktop { display: none; } } @media (max-width: 991px) { .clients-offer__img { position: static; width: 100%; } } .clients-services__list { padding: 3rem 0 10rem; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 3.5rem 2rem; } @media (max-width: 1199px) { .clients-services__list { gap: 2rem 1rem; } } @media (max-width: 991px) { .clients-services__list { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .clients-services__list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .clients-services__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 2.4rem; } } /* end clients page */ /* clients help page */ .clients-help-layout { padding: 3rem 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } @media (max-width: 991px) { .clients-help-layout { padding-top: 6rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 2.7rem; } } .clients-help-img { width: 100%; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10rem; } @media (max-width: 991px) { .clients-help-img { gap: 4rem; } } .clients-help-img__img { width: 100%; height: auto; aspect-ratio: 65/38; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; } .clients-help-tabs { width: 100%; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; } @media (max-width: 991px) { .clients-help-tabs { gap: 4rem; } } /* end clients help page */ /* clients calculate */ .clients-calculate-layout { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 5rem; } @media (max-width: 991px) { .clients-calculate-layout { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 3rem; } } @media (max-width: 767px) { .clients-calculate-layout { gap: 0; } } .clients-calculate-layout__title { padding-bottom: 3rem; } .clients-calculate-layout__img { width: 100%; aspect-ratio: 55/36; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; } .clients-calculate-layout__item--img { padding-top: 3.6rem; } .clients-calculate-layout__form { padding-top: 3rem; } /* end clients calculate */ /* services list */ .services-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4rem; } /* end services list */ /* service page */ .service-layout { max-width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: auto 49%; grid-template-columns: auto 49%; gap: 8rem; } @media (max-width: 1320px) { .service-layout { gap: 5rem; } } @media (max-width: 1199px) { .service-layout { gap: 3rem; } } @media (max-width: 991px) { .service-layout { -ms-grid-columns: auto; grid-template-columns: auto; } } .service-layout__button-wrapper { 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: 1.5rem; white-space: nowrap; } @media (max-width: 1199px) { .service-layout__button-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 991px) { .service-layout__button-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1199px) { .service-layout__button-wrapper .button { min-width: 65%; } } @media (max-width: 991px) { .service-layout__button-wrapper .button { min-width: 45%; } } .service-layout__img { text-align: center; padding: 5rem 0; } .service-layout__img--desktop { display: block; } @media (max-width: 991px) { .service-layout__img--desktop { display: none; } } .service-layout__img--mobile { display: none; } @media (max-width: 991px) { .service-layout__img--mobile { display: block; } } @media (max-width: 991px) { .service-layout__form--desktop { display: none; } } .service-layout__form--mobile { display: none; } @media (max-width: 991px) { .service-layout__form--mobile { display: block; } } .service-text { padding-top: 4rem; font-size: 2rem; } @media (max-width: 991px) { .service-text { font-size: 1.6rem; } } .service-text__title, .service-text h2, .service-text h3, .service-text h4, .service-text h5, .service-text h6 { font-size: 2rem; font-weight: 600; padding-bottom: 1rem; } .service-text ul, .service-text li { list-style: disc inside; font-weight: 300; } .service-text p { font-weight: 300; } .service-img { display: inline-block; width: 70%; aspect-ratio: 407/480; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 991px) { .service-img { width: 40%; } } @media (max-width: 575px) { .service-img { width: 80%; } } .service-card { padding: 5rem 2rem; width: 100%; background-color: #F9FFF6; border: 1px solid #4CA611; border-radius: 6px; } @media (max-width: 991px) { .service-card { padding: 2rem; } } .service-card__title, .service-card h2, .service-card h3, .service-card h4, .service-card h5, .service-card h6 { padding-bottom: 1rem; } .service-card__text { font-weight: 300; font-size: 1.6rem; } .service-icons-list { padding-top: 4rem; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; } @media (max-width: 767px) { .service-icons-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .service-icon-card { display: inline-block; max-width: calc(50% - 1rem); } @media (max-width: 767px) { .service-icon-card { max-width: 100%; } } .service-icon-card__icon { display: block; padding-bottom: 2rem; } .service-icon-card__icon svg { width: 77px; height: 77px; } .service-icon-card__text { font-size: 1.6rem; font-weight: 600; } /* end service page */ /* documents page */ .documents-list { 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 4rem; } .documents-content { padding-top: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -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: 6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .documents-content { gap: 3rem; } } @media (max-width: 991px) { .documents-content { padding-top: 3rem; } } .documents-content h1, .documents-content h2, .documents-content h3, .documents-content h4, .documents-content h5, .documents-content h6 { font-size: 2rem; padding-bottom: 2rem; font-weight: 600; } .documents-content__item { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: calc(50% - 3rem); } @media (max-width: 991px) { .documents-content__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .documents-content a { color: #4CA611; text-decoration: underline; -webkit-text-decoration-color: #4CA611; text-decoration-color: #4CA611; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .documents-content a:not([disabled]):hover, .documents-content a:not([disabled]):focus, .documents-content a:not([disabled]):active { color: #61d416; } .documents-content ul, .documents-content ul li { list-style: disc inside; font-weight: 300; padding-bottom: 1rem; } /* end documents page */ /* instructions page */ .instructions-list { padding-top: 5rem; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 4rem; } @media (max-width: 1199px) { .instructions-list { padding-top: 3rem; } } @media (max-width: 991px) { .instructions-list { padding-top: 1rem; } } .instructions-content { display: -webkit-box; display: -ms-flexbox; display: flex; -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: 6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .instructions-content { gap: 3rem; } } @media (max-width: 991px) { .instructions-content { padding-top: 3rem; } } .instructions-content h1, .instructions-content h2, .instructions-content h3, .instructions-content h4, .instructions-content h5, .instructions-content h6 { font-size: 2rem; padding-bottom: 2rem; font-weight: 600; } .instructions-content__item { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: calc(50% - 3rem); } @media (max-width: 991px) { .instructions-content__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .instructions-content a { color: #4CA611; text-decoration: underline; -webkit-text-decoration-color: #4CA611; text-decoration-color: #4CA611; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .instructions-content a:not([disabled]):hover, .instructions-content a:not([disabled]):focus, .instructions-content a:not([disabled]):active { color: #61d416; } .instructions-content ul, .instructions-content ul li { list-style: disc inside; font-weight: 300; padding-bottom: 1rem; } /* end instructions page */ /* tracking page */ .tracking-layout { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 54%; grid-template-columns: 1fr 54%; gap: 5rem; } @media (max-width: 991px) { .tracking-layout { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 3rem; } } @media (max-width: 767px) { .tracking-layout { gap: 2rem; } } .tracking-layout__title { padding-bottom: 3rem; } .tracking-layout__title--desktop { display: block; } @media (max-width: 991px) { .tracking-layout__title--desktop { display: none; } } .tracking-layout__title--mobile { display: none; } @media (max-width: 991px) { .tracking-layout__title--mobile { display: block; } } .tracking-layout__img { width: 100%; aspect-ratio: 7/4; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 991px) { .tracking-layout__item--img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 991px) { .tracking-layout__item--text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } /* end tracking-layout page */ /* about page */ .about-layout { max-width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: auto 49%; grid-template-columns: auto 49%; gap: 8rem; } @media (max-width: 1320px) { .about-layout { gap: 5rem; } } @media (max-width: 1199px) { .about-layout { gap: 3rem; } } @media (max-width: 991px) { .about-layout { gap: 4rem; -ms-grid-columns: auto; grid-template-columns: auto; } } .about-layout__img { text-align: center; padding: 5rem 0; } .about-text { font-size: 1.6rem; } @media (max-width: 991px) { .about-text { font-size: 1.6rem; } } .about-text__title, .about-text h2, .about-text h3, .about-text h4, .about-text h5, .about-text h6 { font-size: 2rem; font-weight: 600; padding-bottom: 1rem; } .about-text ul, .about-text li { list-style: disc inside; font-weight: 300; } .about-text p { font-weight: 300; padding-bottom: 4rem; } .about-img { display: inline-block; width: 100%; aspect-ratio: 123/77; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 991px) { .about-img { width: 60%; } } @media (max-width: 767px) { .about-img { width: 80%; } } @media (max-width: 575px) { .about-img { width: 100%; } } .about-icons-list { width: 100%; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; } @media (max-width: 767px) { .about-icons-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-icon-card { display: inline-block; max-width: calc(50% - 1rem); min-width: 30%; } @media (max-width: 767px) { .about-icon-card { min-width: 100%; max-width: 100%; } } .about-icon-card__icon { display: block; padding-bottom: 2rem; } .about-icon-card__icon svg { width: 77px; height: 77px; } .about-icon-card__text { font-size: 1.6rem; font-weight: 600; } /* end about page */ /* for-shops page */ .for-shops-layout { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 10rem 12rem; } @media (max-width: 1199px) { .for-shops-layout { gap: 3rem 6rem; } } @media (max-width: 991px) { .for-shops-layout { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .for-shops__list { padding-top: 3rem; width: 80%; } .for-shops__form { padding: 4rem 0; } .for-shops__icons { padding: 4rem 0; } .for-shops__title { padding-top: 4rem; } @media (max-width: 991px) { .for-shops__title { padding-bottom: 4rem; padding-top: 0; } } .for-shops-banner { width: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } @media (max-width: 991px) { .for-shops-banner { margin: 0 auto; width: 60%; } } @media (max-width: 767px) { .for-shops-banner { width: 80%; } } @media (max-width: 575px) { .for-shops-banner { width: 100%; } } .for-shops-banner--top { aspect-ratio: 62/63; } @media (max-width: 991px) { .for-shops-banner--top { margin-bottom: 4rem; } } .for-shops-banner--bottom { aspect-ratio: 51/55; } .for-shops-banner--desktop { display: block; } @media (max-width: 991px) { .for-shops-banner--desktop { display: none; } } .for-shops-banner--mobile { display: none; } @media (max-width: 991px) { .for-shops-banner--mobile { display: block; } } /* end for-shops page */ /* news-list page */ .news-list { padding: 6rem 0; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 9rem 2rem; } @media (max-width: 991px) { .news-list { padding: 3rem 0; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 5rem 2rem; } } @media (max-width: 767px) { .news-list { padding: 0; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 4rem; } } .news-list__title-wrapper { 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: 6rem; padding-bottom: 3rem; } @media (max-width: 767px) { .news-list__title-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } } @media (max-width: 767px) { .news-list__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } } .news-list__tabs { 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: 2rem; } @media (max-width: 575px) { .news-list__tabs { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.4rem; } } .news-list__pagination { padding-top: 3rem; width: 100%; } @media (max-width: 767px) { .news-list__pagination { padding-top: 4rem; } } .news-tab { padding: 1.3rem 4.4rem; font-family: "Montserrat", sans-serif, arial; font-size: 1.4rem; line-height: 1.4; border: 1px solid #E3E3E3; border-radius: 8px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .news-tab:not([disabled]):hover, .news-tab:not([disabled]):focus, .news-tab:not([disabled]):active { background: rgba(76, 166, 17, 0.16); color: inherit; text-decoration: none; } .news-tab.is-active { background: rgba(76, 166, 17, 0.16); } @media (max-width: 575px) { .news-tab { text-align: center; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } /* end news-list page */ /* news-detailed page */ .news-detailed { font-weight: 300; } .news-detailed__title { padding-bottom: 4rem; } .news-detailed h1, .news-detailed h2, .news-detailed h3, .news-detailed h4, .news-detailed h5, .news-detailed h6 { font-size: 2rem; padding: 2rem 0; font-weight: 600; } .news-detailed ul, .news-detailed ul li { list-style: disc inside; font-weight: 300; padding-bottom: 1rem; } .news-detailed a { color: #4CA611; text-decoration: underline; -webkit-text-decoration-color: #4CA611; text-decoration-color: #4CA611; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .news-detailed a:not([disabled]):hover, .news-detailed a:not([disabled]):focus, .news-detailed a:not([disabled]):active { color: #61d416; } .news-detailed img { display: inline-block; min-width: calc(50% - 1rem); height: auto; padding-bottom: 4rem; } .news-detailed img:nth-of-type(2n) { padding-left: 2rem; } @media (max-width: 991px) { .news-detailed img:nth-of-type(2n) { padding-left: 0; } } /* end news-detailed page */ /* articles page */ .articles-list { padding: 6rem 0; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 3rem 2rem; } @media (max-width: 991px) { .articles-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); padding: 2rem 0; } } @media (max-width: 767px) { .articles-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 1rem 0; } } .articles-list__pagination { padding-top: 3rem; width: 100%; } @media (max-width: 767px) { .articles-list__pagination { padding-top: 4rem; } } /* end articles page */ /* maintenance-list page */ .maintenance-list { padding-top: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; } .maintenance-list__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3rem; } @media (max-width: 767px) { .maintenance-list__title-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; padding-bottom: 0; } } .payment-card { padding: 3rem 4.5rem; width: 100%; border-radius: 12px; background-color: #FFF; border: 1px solid #E3E3E3; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 6rem; } @media (max-width: 1199px) { .payment-card { gap: 4rem; } } @media (max-width: 991px) { .payment-card { gap: 2rem; } } @media (max-width: 767px) { .payment-card { padding: 1.5rem; } } @media (max-width: 575px) { .payment-card { border: none; padding: 0; } } .payment-card__title { width: 100%; display: block; font-size: 4rem; font-weight: 500; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media (max-width: 991px) { .payment-card__title { font-size: 3.4rem; } } @media (max-width: 767px) { .payment-card__title { font-size: 3rem; } } .payment-card__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 991px) { .payment-card__column { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .payment-card h1, .payment-card h2, .payment-card h3, .payment-card h4, .payment-card h5, .payment-card h6 { font-size: 2rem; padding-bottom: 2rem; font-weight: 600; } @media (max-width: 991px) { .payment-card h1, .payment-card h2, .payment-card h3, .payment-card h4, .payment-card h5, .payment-card h6 { padding-bottom: 1rem; } } .payment-card ul, .payment-card ul li { list-style: disc inside; font-weight: 300; padding-bottom: 1rem; } .payment-card p { font-weight: 300; } /* end maintenance-list page */ /* vacancies page */ .vacancies-offer { background-color: #F5F6FA; position: relative; height: calc(100vh - 139.5px); min-height: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; } @media (max-width: 1199px) { .vacancies-offer { height: calc(100vh - 139.5px); } } @media (max-width: 991px) { .vacancies-offer { padding-top: 9rem; min-height: 520px; height: auto; } } .vacancies-offer__container { position: relative; z-index: 3; height: 100%; } .vacancies-offer__breadcrumbs { position: absolute; top: 0; left: 0; padding-top: 3rem; width: 100%; } @media (max-width: 991px) { .vacancies-offer__breadcrumbs { padding-top: 1rem; position: static; } } .vacancies-offer__inner { max-width: 41%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4rem; } @media (max-width: 1199px) { .vacancies-offer__inner { max-width: 45%; } } @media (max-width: 991px) { .vacancies-offer__inner { padding: 2rem 0 4rem; margin: 0 auto; max-width: 100%; gap: 3rem; } } @media (max-width: 767px) { .vacancies-offer__inner { padding: 1rem 0 4rem; max-width: 100%; gap: 2rem; } } .vacancies-offer__title { font-size: 5.3rem; font-weight: 500; line-height: 1.1; } @media (max-width: 1199px) { .vacancies-offer__title { font-size: 4.8rem; } } @media (max-width: 767px) { .vacancies-offer__title { font-size: 4rem; } } @media (max-width: 575px) { .vacancies-offer__title { font-size: 3.6rem; } } .vacancies-offer__buttons-wrapper { display: inline-block; width: auto; } @media (max-width: 767px) { .vacancies-offer__buttons-wrapper { min-width: 30%; text-align: center; } } @media (max-width: 575px) { .vacancies-offer__buttons-wrapper { min-width: 100%; } } .vacancies-offer__img { position: absolute; right: 0; top: calc(50% - 250px); width: 65%; height: auto; aspect-ratio: 41/29; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; } @media (max-width: 1199px) { .vacancies-offer__img { width: 58%; top: calc(50% - 150px); } } @media (max-width: 991px) { .vacancies-offer__img { width: 80%; } } @media (max-width: 575px) { .vacancies-offer__img { width: 100%; } } .vacancies-offer__img--mobile { display: none; } @media (max-width: 991px) { .vacancies-offer__img--mobile { display: inline-block; } } .vacancies-offer__img--desktop { display: inline-block; } @media (max-width: 991px) { .vacancies-offer__img--desktop { display: none; } } @media (max-width: 991px) { .vacancies-offer__img { position: static; width: 100%; } } .vacancies-list { padding: 3rem 0; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 3rem 1.5rem; } @media (max-width: 1199px) { .vacancies-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .vacancies-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } /* end vacancies page */ /* reviews page */ .reviews-list { padding: 3rem 0 5rem; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 4.5rem 2rem; } @media (max-width: 1199px) { .reviews-list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 2rem; } } @media (max-width: 767px) { .reviews-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .reviews-list__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3rem; } @media (max-width: 767px) { .reviews-list__title-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; padding-bottom: 0; } } .reviews-form__rating { padding: 4rem 0; } @media (max-width: 767px) { .reviews-form__rating { padding: 2rem 0; } } .reviews-form__row { 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: 2rem; } @media (max-width: 767px) { .reviews-form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; } } /* end reviews page */ /* vacancies-detailed page */ .vacancie-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; } @media (max-width: 991px) { .vacancie-layout { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4rem; } } .vacancie { -webkit-box-flex: 0; -ms-flex: 0 0; flex: 0 0; -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } @media (max-width: 991px) { .vacancie { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 767px) { .vacancie { overflow: hidden; } } .vacancie__title { padding-bottom: 5rem; } @media (max-width: 991px) { .vacancie__title { padding-bottom: 2rem; } } .vacancie__subtitle { font-size: 2rem; font-weight: 600; padding: 2.5rem 0; } .vacancie__tags { 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: 1.2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .vacancie__tags { max-width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } } .vacancie-tag { padding: 0.8rem 1.6rem; font-size: 1.4rem; line-height: 1.4; background-color: #F3F5F9; border-radius: 999px; } @media (max-width: 767px) { .vacancie-tag { white-space: nowrap; } } .vacancie-form { -webkit-box-flex: 0; -ms-flex: 0 0; flex: 0 0; -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); padding: 7rem 4.2rem; background-color: #F3F5F9; border-radius: 12px; } @media (max-width: 1199px) { .vacancie-form { padding: 5rem 3rem; } } @media (max-width: 991px) { .vacancie-form { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 767px) { .vacancie-form { padding: 2rem 1.5rem; } } .vacancie-form__head { padding-bottom: 4rem; text-align: center; } @media (max-width: 767px) { .vacancie-form__head { padding-bottom: 3rem; } } .vacancie-form__subtitle { font-size: 2rem; font-weight: 600; padding-bottom: 1rem; } .vacancie-form__desc { font-size: 2rem; font-weight: 400; } .vacancie-form__row { 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: 2rem; } .vacancie-form__row * { min-width: calc(50% - 1rem); } @media (max-width: 767px) { .vacancie-form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; } } .vacancie-form__double { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .vacancie-form__submit { width: 100%; } .vacancie-form__name { width: 100%; font-size: 1.6rem; background-color: rgba(255, 255, 255, 0.5); border-radius: 8px; padding: 1.5rem; color: #5F6675; font-weight: 300; border: 1px solid #E3E3E3; } @media (max-width: 767px) { .vacancie-form__name { margin-bottom: 3rem; } } /* endvacancies-detailed page */ /* contacts page */ .map { width: 100%; aspect-ratio: 9/4; background-color: #4CA611; border-radius: 8px; } @media (max-width: 991px) { .map { aspect-ratio: auto; width: 100%; min-height: 550px; } } @media (max-width: 767px) { .map { border-radius: 0; } } @media (max-width: 767px) { .map-container { width: 100%; padding: 0; } } .map-icon { position: absolute; left: -34px; top: -42px; width: 68px; height: 84px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .map-icon::after { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg width='68' height='84' viewBox='0 0 68 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_129_11852)'%3E%3Cpath opacity='0.75' fill-rule='evenodd' clip-rule='evenodd' d='M68 35.2052C68 59.5637 34 83.9832 34 83.9832C34 83.9832 0.0139091 59.5637 0.0139091 35.2052C0.0139091 34.9807 0.0432727 34.7623 0.0479091 34.5393C0.0386364 34.2247 0 33.9177 0 33.6C0.0013888 25.3172 3.09852 17.3268 8.69684 11.1626C14.2952 4.99848 22.0001 1.09503 30.3326 0.201618C32.8341 -0.10477 35.3648 -0.0945051 37.8636 0.232164C46.1554 1.16939 53.8087 5.08773 59.366 11.2409C64.9233 17.3942 67.9964 25.3524 68 33.6C68 33.8627 67.966 34.1162 67.9598 34.3774C67.9536 34.6386 68 34.9272 68 35.2052Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.91 35.7275C64.91 56.2296 34.0009 80.9348 34.0009 80.9348C34.0009 80.9348 3.0918 56.2327 3.0918 35.7275C3.0918 35.4083 3.12889 35.0952 3.13816 34.776C3.13662 34.3835 3.0918 33.9971 3.0918 33.6C3.0918 25.4989 6.34828 17.7295 12.1449 12.0011C17.9414 6.27274 25.8033 3.05457 34.0009 3.05457C42.1985 3.05457 50.0603 6.27274 55.8569 12.0011C61.6535 17.7295 64.91 25.4989 64.91 33.6C64.91 33.9467 64.8698 34.2842 64.8574 34.6279C64.8698 34.996 64.91 35.3579 64.91 35.7275Z' fill='%234CA611'/%3E%3Cpath d='M34 59C47.8071 59 59 48.031 59 34.5C59 20.969 47.8071 10 34 10C20.1929 10 9 20.969 9 34.5C9 48.031 20.1929 59 34 59Z' fill='white'/%3E%3Cpath d='M34 16C43.9411 16 52 24.0589 52 34C52 43.9411 43.9411 52 34 52C24.0588 52 16 43.9411 16 34C16 24.0589 24.0588 16 34 16Z' fill='%234CA611'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.9797 29.723C41.5655 24.1054 37.4524 26.6151 34.7455 26.7127C33.3529 26.7628 33.2248 26.2175 32.8153 26.0497C32.7801 28.0019 35.3794 27.9109 37.1223 27.8842C38.0707 27.8695 39.1336 27.8222 39.9864 28.1249C42.277 28.9384 43.0406 32.8795 42.8042 34.4361C42.6742 35.2921 42.3468 36.0466 41.9366 36.6417C40.7097 38.4217 41.9494 38.7835 40.694 41.6214C39.7794 43.6888 38.6863 46.3582 35.9506 46.0689C34.6014 45.9261 33.3872 44.9487 31.5081 47.109C31.0048 47.6878 29.6901 48.7772 28.9409 49.1525C28.6648 49.2906 28.0354 49.4543 27.8607 49.5787C29.0427 49.9096 30.9518 49.2007 31.7041 48.7024C32.8 47.9765 33.0739 47.0289 35.1352 47.3782C36.7278 47.6481 37.8287 47.9474 39.0712 46.9857C40.533 45.8541 42.1112 42.9093 42.8025 41.0732C43.1669 40.1057 42.9955 39.8852 43.1601 38.9765C43.2146 38.6755 43.8971 37.6054 44.0728 37.5297C44.4656 37.3607 45.0502 37.4527 45.9053 36.9079C47.4788 35.9055 47.0994 32.4614 45.8332 31.7418C46.0257 33.0432 46.0956 34.5976 44.5365 34.4936C44.6472 32.5532 44.704 31.4086 43.9797 29.723Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.742 28.8735C16.907 28.7714 17.0716 28.6709 17.2348 28.5733C20.9851 26.332 24.4128 23.7635 29.0442 22.9106C31.712 22.4193 35.2009 22.4848 37.2602 24.4914L37.9767 25.2208C37.6702 23.7218 36.1052 22.3017 35.032 21.6884C33.5212 20.8252 31.8517 20.4357 29.851 20.6413C26.3269 21.0034 21.6026 23.64 17.7234 26.3069C17.3337 27.13 17.0049 27.9875 16.742 28.8735Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.8087 29.5939C29.562 29.9462 28.3072 32.8112 29.2462 35.0227C29.5026 35.6264 30.2022 36.4722 30.7808 36.6308C31.2239 36.7523 31.775 36.7784 32.2057 36.6244C33.0323 36.3286 33.3785 35.1126 33.1759 34.4475C32.9919 33.8442 32.8376 33.9755 32.3942 33.6914C31.0907 32.8556 31.2385 31.6872 32.1167 30.4564L32.8087 29.5939Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.8569 39.8764C36.8493 39.1576 35.9332 38.3745 34.2848 38.1032C34.8031 34.9586 37.225 37.8008 37.8569 39.8764Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_129_11852'%3E%3Crect width='68' height='84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .map-icon-cluster { width: 46px; height: 46px; border-radius: 50%; font-size: 17px; color: #FFF; background-color: #4CA611; 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; } .address__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media (max-width: 991px) { .address__list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .address__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .address__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .address__list-item .address-card { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .address__subtitle { font-size: 2rem; font-weight: 600; padding: 5rem 0; } @media (max-width: 767px) { .address__subtitle { padding: 2rem 0; } } .address-card { font-size: 1.6rem; padding: 6rem 2.4rem; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 4rem; border-radius: 10px; border: 1px solid #E7E7E7; background: #FFF; } @media (max-width: 575px) { .address-card { width: 100%; padding: 2rem; } } .address-card--map { padding: 1rem; border: none; gap: 2rem; } .address-card__head { font-weight: 500; min-height: 48px; } .address-card__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .address-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .address-card__link { display: block; font-weight: 500; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .address-card__link:not([disabled]):hover, .address-card__link:not([disabled]):focus, .address-card__link:not([disabled]):active { color: #4CA611; } .address-card__icon-card { font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; padding-bottom: 1rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .address-card__icon-card--mail:not([disabled]):hover, .address-card__icon-card--mail:not([disabled]):focus, .address-card__icon-card--mail:not([disabled]):active { color: #4CA611; } .address-card__icon { color: #CA1E12; } .address-card__icon svg { width: 20px; height: 20px; } .main-address { font-size: 1.6rem; margin-top: 4.5rem; width: 100%; padding: 4rem 5rem; 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: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 10px; border: 1px solid #E7E7E7; background: #FFF; } @media (max-width: 1199px) { .main-address { padding: 3rem 2rem; } } @media (max-width: 991px) { .main-address { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; } } @media (max-width: 767px) { .main-address { border: none; padding: 0; } } @media (max-width: 767px) { .main-address__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .main-address__subtitle { display: block; font-weight: 500; padding-bottom: 2rem; } .main-address__text, .main-address__link { font-weight: 300; } .main-address__link { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .main-address__link:not([disabled]):hover, .main-address__link:not([disabled]):focus, .main-address__link:not([disabled]):active { color: #4CA611; } /* 09112023 */ ol, ul { padding-left: 3rem; } .card-article__title { -webkit-line-clamp: 4; } .card-vacancie__caption-desc, .card-vacancie__tag-desc{ display: none; position: absolute; bottom: 26%; right: 0%; padding: 0px 25px; } .card-vacancie__caption:hover .card-vacancie__caption-desc { display: block; } .card-vacancie__tag:hover .card-vacancie__tag-desc { display: block; } /*end 09112023 */ /* end contacts page */ /* 404 page */ .section-error::after { content: ""; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0, 100% 0; background-size: 30% auto, auto 100%; display: block; width: 100%; height: 100%; } @media (max-width: 991px) { .section-error::after { background-size: 50% auto, auto 70%; } } @media (max-width: 575px) { .section-error::after { background-size: 30% auto, auto 55%; } } .error-page { width: 100%; text-align: center; 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: center; -ms-flex-align: center; align-items: center; gap: 4rem; } @media (max-width: 767px) { .error-page { gap: 3rem; } } .error-page__img { width: 74%; aspect-ratio: 2/1; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } @media (max-width: 767px) { .error-page__img { width: 100%; } } .error-page__text { text-align: center; } .error-page__text--big { font-size: 4rem; line-height: 1.1; } @media (max-width: 767px) { .error-page__text--big { font-size: 3.6rem; } } .error-page__text--small { padding-top: 1.5rem; display: block; font-size: 1.6rem; font-weight: 300; } @media (max-width: 767px) { .error-page__text--small { font-size: 1.4rem; } } .error-page__button-wrapper { text-align: center; } @media (max-width: 767px) { .error-page__button-wrapper { width: 100%; } } /* end 404 page */ @font-face{font-family:'fa-viber';src:url(/bitrix/templates/bizon_new/css/../fonts/fa-viber.eot?-3dwksg);src:url(/bitrix/templates/bizon_new/css/../fonts/fa-viber.eot?#iefix-3dwksg) format("embedded-opentype"),url(/bitrix/templates/bizon_new/css/../fonts/fa-viber.ttf?-3dwksg) format("truetype"),url(/bitrix/templates/bizon_new/css/../fonts/fa-viber.woff?-3dwksg) format("woff"),url(/bitrix/templates/bizon_new/css/../fonts/fa-viber.svg?-3dwksg#fa-viber) format("svg");font-weight:400;font-style:normal;font-display:swap;} .fa-viber:before{font-family:'fa-viber';content:"\e666"} .icon-messenger{margin: 0 auto 10px;width: 118px;} .icon-messenger .fa.fa-whatsapp{font-size: 34px;color:#07bd30;margin-right: 10px;} .icon-messenger .fa.fa-telegram{font-size: 30px;color:#149ac7;margin-right: 10px;} .icon-messenger .fa.fa-viber{font-size: 28px;color:#a017c3;} .header-contacts .icon-messenger{margin: 0;width: 146px;} .header-contacts .icon-messenger a{padding-right:5px !important;} .header-contacts .icon-messenger .fa.fa-whatsapp{font-size: 25px;margin-right: 0px;} .header-contacts .icon-messenger .fa.fa-telegram{font-size: 22px;margin-right: 0px;} .header-contacts .icon-messenger .fa.fa-viber{font-size: 20px;} .header-contacts {margin: 0 !important;} .accordion-container{ position: relative; height: auto; margin: 20px auto; } .accordion-container > h2{ font-size: 4.5rem; line-height: 1.1; font-weight: 500; text-align: center; color: #000; padding-bottom: 4rem; } .set{ position: relative; width: 100%; height: auto; background-color: #f5f5f5; } .set > span{ display: block; padding: 10px 15px; text-decoration: none; color: #171921; font-weight: 600; font-size: 2rem; border: 1px solid #4CA611; background-color: #FFF; border-radius: 10px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; margin-bottom: 5px; } .set > span i{ position:relative; float: right; margin-top:4px; color: #666; } .set > span.active{ background-color: #4CA611; color: #fff; } .set > span.active i{ color: #fff; } .content{ position:relative; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #ddd; display:none; } .content p{ padding: 10px 15px; margin: 0; font-size: 1.6rem; color: #171921; } .main_uslugi {margin-bottom: 50px;} .main_uslugi_title { font-size: 40px; color: #000000; text-align: center; margin-bottom: 43px;} .main_uslugi_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px;} a.main_usluga { width: calc(25% - 8px); font-size: 18px; line-height: 1.21; color: #000000; text-align: center; font-family: 'Inter', sans-serif; height: 123px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center; background-color: #e7e7e7; margin-bottom: 10px; flex-direction: column; justify-content: center; border: 2px solid #e7e7e7; border-radius: 10px;} a.main_usluga:hover {background-color: #4CA611;} a.main_usluga:hover span{color: #fff !important;} a.main_usluga span { color: #4CA611; display: block; line-height: 29px; font-size: 23px; display: inline-block;} a.main_usluga span:hover {color: #fff;} .b-operator-steps { padding: 36px 0 0 210px; height: 175px;} .b-operator-steps-title { float: left; font-size: 24px; color: #000000; line-height: 1.3; width: 125px; margin-right: 80px;} .b-operator-steps-item {float: left;} .b-operator-steps-item + .b-operator-steps-item {margin-left: 100px;} .b-operator-steps-item + .b-operator-steps-item + .b-operator-steps-item {margin-left: 73px;} .b-operator-steps-item > span { float: left; font-size: 48px; font-weight: 300; color: #4CA611;} .b-operator-steps-item p { float: left; color: #008444; padding-left: 17px; line-height: 1.25;} .b-operator-steps-item .btn1 { display: block; width: auto; padding: 5px 20px; line-height: 31px; margin-top: 13px; background: #4CA611; color: #fff; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .b-operator-steps-item .btn1:hover { color: #fff; background: #5DC11C;} .b-operator-steps-item .btn1 {margin-top: 12px;} .btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; display: inline-block; font-weight: 600; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-overflow-scrolling: touch;} .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .btn1 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #6abc33; color: #fff; text-align: center; overflow: hidden; position: relative;} .btn1:after { width: 100%; height: 0; bottom: 0; left: 0; background: #008444; z-index: 2;} .opened .btn1, .btn1:active {color: #fff;} .opened .btn1:after, .btn1:active:after {height: 100%;} .btn1 span { position: relative; z-index: 3;} .button--green { background: #4CA611; color: #FFF;} .btn-shop { display: inline-block; width: auto; padding: 5px 20px; line-height: 31px; margin-top: 13px; background: #4CA611; color: #fff; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn-shop:hover { color: #fff; background: #5DC11C;} .video .card-review {align-items: center;margin: 25px 0;} .video .card__name {font-size: 28px;} .video .card-review::after {background-image: none;} .address__list {grid-template-columns: repeat(4, 1fr);} .address__subtitle {font-size: 4.5rem;} .footer {margin-top: 80px;} .address-card{border: 1px solid #4CA611 !important;} .clients-offer__img {top: calc(50% - 270px) !important;} .clients-offer__title { font-size: 42px; line-height: 1;} .home-page.offer__list .list__item { font-size: 17px; padding: 7px 10px; line-height: 1.2;} /* End */ /* Start:/bitrix/templates/bizon_new/css/style_new.css?1779953127104031*/ @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 300; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-ExtraLight.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 400; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-Light.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 500; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-Regular.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 600; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-Medium.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 700; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-Bold.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 800; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-ExtraBold.ttf") format("truetype"); } @font-face { font-family: "Inter-new"; font-style: normal; font-weight: 900; src: local("Inter-new"), url("/bitrix/templates/bizon_new/fonts/Inter-Black.ttf") format("truetype"); } .hidden { display: none; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: sans-serif; color: #222; line-height: 1.6; } .main { padding-top: 40px; display: flex; flex-direction: column; } a { text-decoration: none; } a:hover { color: inherit; } .max-width { max-width: 1192px; margin: 0 auto; padding: 0 16px; width: 100%; } .btn_call { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); padding: 8px 18px; border-radius: 100px; font-weight: 800; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: white; min-width: max-content; margin-left: -8px; cursor: pointer; } .btn_call svg { display: none; } .header_container { position: sticky; top: 0; z-index: 10; } .header_container_bg { background: white; border-radius: 0 0 16px 16px; } .new_header { display: flex; align-items: center; padding: 16px 0; gap: 24px; background: white; border-radius: 16px; } .new_header.max-width { padding: 16px; } .new_header .logo { display: flex; align-items: center; } .new_header .logo img { height: 38px; margin-right: 10px; } .new_header nav { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; } .nav-item { position: relative; font-weight: 500; font-family: "Inter-new"; font-size: 13px; line-height: 14px; letter-spacing: 0%; } .btn-gradient { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: white; } @media (min-width:860px) { .subnav-item .dropdown-parent:hover { background: #FFFFFF; border-radius: 100px; } .dropdown-parent:hover::after { transform: rotate(-180deg); } .dropdown-parent:hover .dropdown_container { display: block; position: absolute; top: 100%; left: 0; z-index: 10; padding-top: 8px; } .btn-gradient:hover { background: linear-gradient(90deg, #83DE6D 1.36%, #68B555 100%); color: white; } } .nav-link { cursor: pointer; padding: 8px 4px; font-family: "Inter-new"; font-weight: 500; font-size: 13px; line-height: 14px; letter-spacing: 0%; } nav>.nav-item>.nav-link:hover { color: #4D963C; } .dropdown_container { display: none; } .dropdown { background-color: white; width: max-content; border-radius: 16px; padding: 8px; box-shadow: 0px 0px 10px 0px #0000001F; } nav .dropdown { padding: 8px 8px 12px; } .dropdown a:not(.dropdown_el_sub) { display: flex; align-items: center; padding: 8px; text-decoration: none; color: black; gap: 8px; font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0%; } nav .dropdown a:not(.dropdown_el_sub) { padding-bottom: 0; font-weight: 600; } @media (min-width:860px) { .dropdown a:hover { background: unset; } } .contact .dropdown a:hover { background: none; border-radius: 0; } .dropdown a img { width: 28px; height: 28px; } .contact .dropdown { padding: 16px; display: flex; flex-direction: column; gap: 16px; } .contact .dropdown a { padding: 0 4px; } .dropdown_el { display: flex; flex-direction: column; gap: 4px; } .dropdown_el_sub { font-family: 'Inter-new'; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0%; color: #777777; padding-left: 8px; } .dropdown-parent { display: flex; gap: 6px; align-items: center; position: relative; } .dropdown-parent::after { content: ''; width: 7px; height: 4px; background-image: url('data:image/svg+xml,'); transition: all 0.3s; } .nav-item.dropdown-parent::after { margin-left: -4px; } .new_header .contact { margin-left: auto; display: flex; flex-wrap: wrap; gap: 16px; justify-content: end; } .contact_num { text-decoration: none; color: black; font-weight: 800; font-family: "Inter-new"; font-size: 15px; line-height: 18px; letter-spacing: 0%; } .contact_mail { color: black; font-weight: 800; font-family: "Inter-new"; font-size: 15px; line-height: 18px; letter-spacing: 0%; } .new_header .contact .contact_num, .new_header .contact .contact_mail { min-width: max-content; } .subnav_container { width: 100%; } .subnav { background-color: #F3F3F3; padding: 12px; display: flex; align-items: center; gap: 8px; border-radius: 16px; flex-wrap: wrap; } .subnav-item { position: relative; display: flex; align-items: center; gap: 6px; cursor: pointer; font-family: "Inter-new"; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0%; } a.subnav-item { padding: 12px 16px; } .subnav-item .dropdown-parent { padding: 12px 16px; border-radius: 100px; } .subnav-item-bg { background: white; padding: 12px 16px; border-radius: 100px; } .subnav-item-bg:hover { background: linear-gradient(90deg, #68B555 0%, #81DC6B 100%); color: white; } .subnav-item-bg:hover svg path { fill: white; } .login-button { margin-left: auto; background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: white; border: none; border-radius: 100px; padding: 12px 28px; cursor: pointer; font-weight: 800; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; } .login-button:hover { color: white; } .bonus-section .icon { font-family: "Inter-new"; font-size: 14px; } /* Bonus Section */ .bonus-section { display: flex; gap: 16px; margin-bottom: 30px; } .bonus-section:not(:first-of-type) { margin-top: 30px; } .bonus-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /* Track Order */ .track-order { background: #f5f5f5; padding: 20px 0; border-radius: 16px; display: flex; flex-direction: column; gap: 8px; padding: 16px; } .track-order h3 { font-weight: 800; font-family: "Inter-new"; font-size: 20px; line-height: 24px; letter-spacing: 0%; margin: 0; } .track-order a { color: #4D963C; text-decoration: unset; width: max-content; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; position: relative; } .track-order a::after { content: ''; position: absolute; border-bottom: dotted 2px #4D963C; width: 100%; height: 2px; left: 0; bottom: -5px; } .track-order a:hover { color: black; } .track-order a:hover::after { border-bottom: dotted 2px black; } .track-order-input { position: relative; margin-top: auto; } .track-order-input input { width: 100%; padding: 10px; border-radius: 12px; padding: 16px; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; border: none; outline: none; } .track-order-input input:hover::placeholder { color: black; opacity: 1; } .track-order-input-btn { position: absolute; width: 40px; height: 40px; border-radius: 12px; right: 4px; top: 50%; transform: translate(0, -50%); background-image: url('data:image/svg+xml,'); } .track-order-input-btn:hover { background-image: url('data:image/svg+xml,'); } /* Calculator */ .calculator { background: #fff; margin-top: 30px; } .calculator .title_h2 { margin-bottom: 12px; } #calc_frame { width: calc(100% + 32px); margin-left: -16px; } [ng-controller="Calculator"] form { position: relative !important; background-color: #fff !important; border-radius: 16px !important; box-shadow: 0px 0px 13px 0px #00000026 !important; padding: 16px !important; max-width: 100% !important; display: grid !important; grid-template-columns: auto auto 1fr !important; gap: 8px !important; margin-top: 12px !important; } [ng-controller="Calculator"] form::after { content: '' !important; height: 100px !important; } [ng-controller="Calculator"]>div.row.g-0 { display: none; } /* [ng-controller="Calculator"] form::before { content: 'Рассчитать доставку' !important; font-family: 'Inter-new' !important; font-weight: 800 !important; font-size: 20px !important; line-height: 24px !important; letter-spacing: 0% !important; position: absolute !important; left: 16px !important; top: 14px !important; } */ [ng-controller="Calculator"] .calc-place-num { display: none !important; } [ng-controller="Calculator"] .calc-place-wrap { padding: 0 !important; display: flex !important; gap: 8px !important; background: none !important; } [ng-controller="Calculator"] form>.mt-4 { margin: 0 !important; } [ng-controller="Calculator"] form>.mt-4>.h4 { display: none !important; } [ng-controller="Calculator"] form>.form-group { margin: 0 !important; padding: 0 !important; height: max-content; } [ng-controller="Calculator"] .form-group>.control-label { font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 13px !important; line-height: 13px !important; letter-spacing: 0% !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; color: #777777 !important; margin: 0 !important; padding: 0 !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item { padding: 0 !important; margin: 0 !important; gap: 8px !important; justify-content: start !important; align-items: start !important; position: relative !important; display: grid !important; grid-template-columns: repeat(5, 1fr) !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item>label { font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 13px !important; line-height: 13px !important; letter-spacing: 0% !important; color: #777777 !important; position: relative !important; width: auto !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item>label .text-danger { color: #CA1E12 !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item>label input { margin-top: 8px !important; } [ng-controller="Calculator"] .calc-place-wrap:only-child { margin-bottom: -26px !important; } [ng-controller="Calculator"] .bg-modal-footer { display: flex !important; flex-direction: column !important; gap: 16px !important; padding-bottom: 16px !important; background: unset !important; } [ng-controller="Calculator"] .bg-modal-footer>.row { display: none !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-4 { position: absolute !important; bottom: 80px !important; left: 16px !important; margin: 0 !important; padding: 0 !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-4 .calculator-add-place { border: none !important; background: none !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0% !important; color: black !important; text-transform: none !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-4 .calculator-add-place img { display: none !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-4 .calculator-add-place::before { content: '' !important; width: 20px !important; height: 20px !important; background-image: url('data:image/svg+xml,') !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-4 .calculator-add-place:hover::before { background-image: url('data:image/svg+xml,') !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-5 { position: absolute !important; bottom: 16px !important; left: 16px !important; margin: 0 !important; padding: 0 !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-5 .calc-count { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%) !important; padding: 16px 28px !important; border-radius: 100px !important; font-family: 'Inter', sans-serif; font-weight: 800 !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0% !important; color: white !important; border: unset !important; outline: unset !important; text-transform: none !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-5 .calc-count img { display: none !important; } [ng-controller="Calculator"] form>.mt-4>.row.mb-5 .calc-count:hover { background: linear-gradient(90deg, #83DE6D 1.36%, #68B555 100%) !important; } [ng-controller="Calculator"] input[type="text"] { border: none !important; border-radius: 16px !important; padding: 16px !important; width: 100% !important; font-size: 14px !important; background-color: #F3F3F3 !important; box-shadow: none !important; outline: none !important; font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0% !important; color: black !important; margin: 0 !important; } [ng-controller="Calculator"] input[type="text"]:hover, [ng-controller="Calculator"] input[type="text"]:active, [ng-controller="Calculator"] input[type="text"]:focus { background: #EAEAEA !important; } [ng-controller="Calculator"] input[type="text"][name="calc[townto]"]::placeholder, [ng-controller="Calculator"] input[type="text"][name="calc[townfrom]"]::placeholder { opacity: 0; } [ng-controller="Calculator"] .input-span-last { position: absolute !important; right: 12px !important; top: calc(50% + 10px) !important; transform: translateY(-50%) !important; color: #000000 !important; font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0% !important; padding: 4px !important; border-radius: 4px !important; background: #F3F3F3 !important; z-index: 1 !important; pointer-events: none !important; } [ng-controller="Calculator"] .input-span-last:hover { background: #F3F3F3 !important; } [ng-controller="Calculator"] input[type="text"]:active~.input-span-last, [ng-controller="Calculator"] input[type="text"]:focus~.input-span-last, [ng-controller="Calculator"] input[type="text"]:hover~.input-span-last { background: #EAEAEA !important; } [ng-controller="Calculator"] .calc-place-wrap:first-child .calc-close-button { display: none !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-close-button::before { content: 'Удалить место' !important; color: #4D963C !important; border-bottom: 2px dotted #4D963C !important; padding-bottom: 2px !important; font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0% !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-close-button { position: absolute !important; left: -109px !important; margin: 0 !important; padding: 0 !important; top: calc(50% + 6px) !important; transform: translateY(-50%) !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-close-button img { display: none !important; } [ng-controller="Calculator"] .calc-place-wrap:not(:first-child):nth-last-child(2)::after { content: '' !important; width: calc(100% - 32px) !important; height: 1px !important; background: #D9D9D9 !important; bottom: 116px !important; left: 16px !important; position: absolute !important; } [ng-controller="Calculator"] #results { box-shadow: 0px 11px 13px 0px #00000026 !important; background: #FFFFFF !important; border-radius: 0 0 16px 16px !important; margin-top: -16px !important; position: relative !important; z-index: 1 !important; margin-bottom: 0 !important; padding: 16px !important; } [ng-controller="Calculator"] #results>.text-yellow-new, [ng-controller="Calculator"] #results>.row { background: #F3F3F3 !important; padding: 16px !important; width: 100% !important; display: flex !important; margin: 0 !important; border: none !important; } [ng-controller="Calculator"] #results>.row { border-radius: 16px 16px 0 0 !important; padding: 16px 16px 10px !important; flex-wrap: nowrap !important; align-items: start !important; } [ng-controller="Calculator"] #results>.text-yellow-new { border-radius: 0 0 16px 16px !important; padding: 10px 16px 16px !important; font-family: 'Inter', sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0% !important; color: black !important; } [ng-controller="Calculator"] #results>.row .col-3 { width: max-content; } [ng-controller="Calculator"] #results>.row .col-3 img { max-height: 56px !important; } [ng-controller="Calculator"] #results>.row .col-9 { width: 100% !important; flex: auto !important; } [ng-controller="Calculator"] #results>.row .col-9>.row { margin-bottom: 8px !important; justify-content: end !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:not(:first-child) { font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0% !important; text-align: right !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:first-child { font-family: 'Inter', sans-serif; font-weight: 800 !important; font-size: 20px !important; line-height: 24px !important; letter-spacing: 0% !important; color: #000000 !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:first-child .fw-medium { font-weight: 800 !important; font-size: 20px !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:not(:first-child) .fw-normal { font-weight: 500 !important; font-size: 16px !important; } [ng-controller="Calculator"] #results>.row .col-9>.row>.col-auto:first-child { display: none !important; } [ng-controller="Calculator"] #results>.row .col-9>.row .col-auto { margin: 0 !important; } [ng-controller="CtrlMain"] .container-fluid aside.left { display: none !important; } [ng-controller="CtrlMain"] .container-fluid aside.right .main-header-js { display: none !important; } [ng-controller="CtrlMain"] .container-fluid aside.right>.row.g-0 { margin: 0 !important; padding: 0 !important; } [ng-controller="CtrlMain"] .container-fluid aside.right { padding: 0 !important; width: calc(100% - 32px) !important; } [ng-controller="CtrlMain"] .container-fluid { justify-content: center; } [ng-controller="Calculator"] { display: flex !important; width: 100% !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; } @media (max-width:1120px) { [ng-controller="Calculator"] form { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 8px !important; } [ng-controller="Calculator"] form>.mt-4 { grid-column: 1 / -1 !important; } [ng-controller="Calculator"] .calc-place-wrap { border-top: 1px solid #D9D9D9 !important; padding: 12px 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; } [ng-controller="Calculator"] .bg-modal-footer { counter-reset: row-num !important; gap: 0 !important; } [ng-controller="Calculator"] form>.form-group { margin-bottom: 12px !important; } [ng-controller="Calculator"] .calc-place-wrap::before { counter-increment: row-num !important; content: "Место " counter(row-num) !important; font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0% !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-place-item>label { width: calc(50% - 8px) !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-close-button { left: auto !important; right: 0 !important; top: -34px !important; transform: none !important; } [ng-controller="Calculator"] .calc-place-wrap .calc-close-button::before { border-bottom: unset !important; } } @media (max-width:860px) { [ng-controller="Calculator"] .calc-place-wrap .calc-place-item>label, [ng-controller="Calculator"] .form-group>.control-label { font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 13px !important; line-height: 13px !important; letter-spacing: 0% !important; } [ng-controller="Calculator"] form { padding: 12px !important; } [ng-controller="Calculator"] #results { padding: 12px !important; margin-top: -12px !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:first-child { font-size: 16px !important; line-height: 20px !important; } [ng-controller="Calculator"] #results>.row .col-9>.row:not(:first-child) { font-size: 14px !important; line-height: 18px !important; } [ng-controller="Calculator"] #results>.row { padding: 12px 12px 8px !important; } [ng-controller="Calculator"] #results>.text-yellow-new { padding: 8px 12px 12px !important; font-size: 12px !important; line-height: 16px !important; } [ng-controller="Calculator"] input[type="text"] { padding: 12px 16px !important; font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 13px !important; line-height: 16px !important; letter-spacing: 0% !important; border-radius: 12px !important; } [ng-controller="Calculator"] .input-span-last { font-family: 'Inter', sans-serif; font-weight: 500 !important; font-size: 13px !important; line-height: 16px !important; letter-spacing: 0% !important; } [ng-controller="Calculator"] .bg-modal-footer { padding-bottom: 8px !important; } } /* Delivery Types */ .delivery-types { margin-bottom: 30px; } .title_h2 { margin-bottom: 24px; font-weight: 800; font-family: "Inter-new"; font-size: 40px; line-height: 44px; letter-spacing: 0%; } @media (min-width:890px) { .delivery-options { display: flex; } } @media (min-width:600px) { .delivery-options .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 16px; height: auto; } } .option { background: #F3F3F3; padding: 16px; border-radius: 20px; flex: 1 1 calc(25% - 16px); display: flex; flex-direction: column; gap: 8px; height: auto; } .option:hover { background: #E3F4DF; } .option h3 { font-weight: 800; font-family: "Inter-new"; font-size: 16px; line-height: 20px; letter-spacing: 0%; margin: 0; } .option p { font-weight: 500; font-family: "Inter-new"; font-size: 13px; line-height: 16px; letter-spacing: 0%; margin-bottom: 0; } .option-img { margin-top: auto; display: flex; justify-content: end; align-items: end; } .option-img img { height: auto; } .main_silder { height: 100%; } .main_silder .swiper-slide { height: auto; } .main_silder .swiper { width: 100%; max-width: 900px; margin: 40px auto; border-radius: 12px; overflow: hidden; background-color: #cce3c7; } .main_silder .slide-content { display: flex; align-items: end; height: 100%; gap: 12px; width: 100%; position: relative; } .slide-content .text-content { flex: 1; margin: 17px 16px; background-color: white; border-radius: 12px; padding: 16px; position: relative; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 20px; letter-spacing: 0%; height: calc(100% - 36px); display: flex; flex-direction: column; gap: 4px; max-width: 472px; } .slide-content .text-content b { font-weight: 700; } .bnt_fullfilment { margin-top: auto; display: flex; gap: 4px; font-weight: 900; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; flex-wrap: wrap; } .bnt_fullfilment>div, .bnt_fullfilment>a { flex: 1 1 calc(33% - 12px); display: flex; justify-content: center; } .bnt_fullfilment_ozon { color: white; background: #F91155; padding: 16px 40px; border-radius: 100px; } .bnt_fullfilment_ya { color: #000000; background: #FFDD00; padding: 16px 40px; border-radius: 100px; } .bnt_fullfilment_wb { color: white; background: linear-gradient(90deg, #7A06F8 0%, #EF41DB 100%); padding: 16px; border-radius: 100px; } .slide-content .text-content::after { content: ''; position: absolute; top: 24px; right: -16px; width: 18px; height: 28px; background: url('data:image/svg+xml,'); } .slide-content .text-content.hide_arrow::after { display: none; } .slide-content .text-content h2 { font-family: "Inter-new"; font-size: 20px; font-weight: 800; margin-bottom: 12px; } .swiper-button-container { position: absolute; bottom: 16px; right: 16px; z-index: 2; display: flex; gap: 4px; } .slide-content .text-content ul { list-style: none; padding: 0; } .slide-content .text-content li { margin-bottom: 10px; font-family: "Inter-new"; font-size: 16px; display: flex; align-items: center; } .slide-content .text-content .icon { min-width: 20px; min-height: 20px; width: 20px; height: 20px; margin-right: 8px; background: url('data:image/svg+xml,'); } .slide-content .text-content .icon.check { background: url('data:image/svg+xml,'); } .slide-content .text-content strong { font-weight: 700; } .slide-content .image-content { overflow: hidden; max-height: 240px; display: flex; align-items: end; } .slide-content .image-content video, .slide-content .image-content img { height: auto; border-radius: 10px; pointer-events: none; } .video_cust .image-content video { width: 240px !important; position: static !important; transform: none !important; } .jquery-background-video-pauseplay { display: none; } @media (max-width:860px) { .main_silder .slide-content { flex-direction: column-reverse; align-items: center; gap: 0; max-width: unset; } .slide-content .text-content::after { display: none; } .main_silder .image-content { overflow: hidden; display: flex; justify-content: center; align-items: start; } .main_silder .image-content video, .main_silder .image-content img { width: 100%; height: auto; max-height: 200px; object-fit: contain; } .main_silder { margin-right: 0; } .slide-content .text-content { margin: 0 4px 4px; width: calc(100% - 8px); } .slide-content .text-content li { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; } .slide-content .text-content h2 { font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; } } .main_silder_container .swiper-button-next, .main_silder_container .swiper-button-prev { color: #333; position: static; width: 40px; height: 40px; border-radius: 16px; background: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; } .main_silder_container .swiper-button-next:hover, .main_silder_container .swiper-button-prev:hover { background: #68B555; } .main_silder_container .swiper-button-next::after, .main_silder_container .swiper-button-prev::after { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; width: 6px; height: 10px; font-family: "Inter-new"; font-size: 0 !important; padding: 0 17px; background-position: center; } .main_silder_container .swiper-button-next:hover::after, .main_silder_container .swiper-button-prev:hover::after { background-image: url('data:image/svg+xml,'); } .main_silder_container .swiper-button-next::after { transform: rotate(180deg); } .slide-bg { display: flex; width: 100%; height: 100%; border-radius: 16px; background: #cce3c7; } .slide-bg.js--call-button { cursor: pointer; } .main_silder_container { max-width: 866px; display: flex; align-items: end; position: relative; border-radius: 16px; } .swiper-pagination { z-index: 5; } .main_silder_container .swiper-pagination { right: 16px; top: 16px; left: auto; bottom: auto; width: max-content; display: flex; gap: 4px; } .main_silder_container .swiper-pagination-bullet { width: 4px; height: 4px; background: white; opacity: 1; margin: 0 !important; padding: 0 !important; border-radius: 100px; } .main_silder_container .swiper-pagination-bullet-active { background-color: #4caf50; width: 8px; opacity: 1; } .main_silder_btn { padding: 16px 28px; color: white; width: max-content; border-radius: 100px; background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); font-weight: 800; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; } .main_silder_btn.min_padd { padding-top: 12px; padding-bottom: 12px; } .business-header { margin-top: 30px; } .business-header .title_h2 { margin-bottom: 16px; } .business-header>p { font-weight: 500; font-family: "Inter-new"; font-size: 20px; line-height: 24px; letter-spacing: 0%; margin-bottom: 0; } .business-header-highlight { color: green; font-weight: 700; font-family: "Inter-new"; font-size: 20px; line-height: 24px; letter-spacing: 0%; } .leader-badge { background: #e6f5e6; padding: 16px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; margin-top: 24px; } .leader-badge b { font-family: "Inter-new"; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: 0%; } .leader-badge span { max-width: 700px; display: flex; align-items: center; gap: 20px; font-weight: 500; font-family: "Inter-new"; font-size: 16px; line-height: 24px; letter-spacing: 0%; } .leader-badge a { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: white; border: none; padding: 16px 75px; border-radius: 100px; cursor: pointer; font-weight: 800; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; } .business-section { padding: 20px; position: relative; margin-bottom: 30px; } .business-section .swiper-slide { padding: 14px; display: flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 16px; height: 100px; } .business-section .swiper-slide img { width: 100%; height: auto; max-height: 80px; object-fit: contain; } .business-section .swiper-pagination { display: flex; gap: 4px; bottom: -16px; left: 0; justify-content: center; } .business-section .swiper-pagination-bullet { width: 20px; height: 4px; border-radius: 100px; background: #D9D9D9; } .business-section .swiper-pagination-bullet-active { background: #68B555; } .fulfillment-section { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 600px) { .cards .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 16px; } } .card { background: #f5f5f5; border-radius: 16px; padding: 16px; flex: 1 1 calc(33% - 16px); display: flex; flex-direction: column; gap: 16px; } .card h3 { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; margin: 0; } .card img { max-width: 70px; max-height: 70px; width: 100%; height: auto; border-radius: 12px; } @media (min-width: 600px) { .card h3 { width: max-content; } } .card ul { list-style: none; display: flex; flex-direction: column; gap: 12px; padding-left: 0; } .card p { font-weight: 800; font-family: "Inter-new"; font-size: 20px; line-height: 24px; letter-spacing: 0%; margin-top: auto; margin-bottom: 0; } .card ul li { display: flex; position: relative; padding-left: 28px; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 20px; letter-spacing: 0%; } .card ul li::before { content: ''; left: 0; position: absolute; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; background-color: green; border-radius: 100px; } .btn_market { padding: 16px; border: none; border-radius: 100px; cursor: pointer; background-color: green; font-weight: 900; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; text-align: center; } .card.ozon { background: #E9F1FF; } .card.ozon ul li::before { background-color: #1A6CFF; } .card.yandex { background: #FFFCE6; } .card.yandex ul li::before { background-color: #FF4112; } .card.wb { background: #F5E9FF; } .card.wb ul li::before { background-color: #7F08F7; } .btn_wb { background: linear-gradient(90deg, #7A06F8 0%, #EF41DB 100%); color: white; } .btn_wb:hover { background: linear-gradient(90deg, #EF41DB 0%, #7A06F8 100%); color: white; } .news-main { margin-top: 30px; margin-bottom: 30px; } @media (min-width:600px) { .news-main-items .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 16px; } } .news-main-item { background: #f5f5f5; border-radius: 20px; padding: 16px; flex: 1 1 calc(33% - 16px); display: flex; flex-direction: column; gap: 16px; height: auto; } .no_slider .news-main-item { max-width: calc(33% - 16px); } @media (max-width: 600px) { .news-main-items.no_slider .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 4px; } .no_slider .news-main-item { flex: 1 1 calc(50% - 2px); max-width: calc(50% - 2px); } } .news-main-item:hover { background: #EAEAEA; } .news-main-item img { width: 100%; height: auto; border-radius: 12px; } .news-main-item-time { font-weight: 500; font-family: "Inter-new"; font-size: 13px; line-height: 16px; letter-spacing: 0%; margin-top: auto; } .news-main-item h3 { font-weight: 800; font-family: "Inter-new"; font-size: 16px; line-height: 20px; letter-spacing: 0%; margin: 0; } /* Footer */ .new_footer { background: #F3F3F3; padding: 60px 0 0; margin-top: 60px; border-radius: 32px 32px 0 0; width: 100%; } .new_footer .contact a { color: black; font-weight: 800; font-family: "Inter-new"; font-size: 15px; line-height: 18px; letter-spacing: 0%; } .footer-content { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; } .footer-content>div { flex: 1; min-width: 200px; } .new_footer .logo { height: 38px; } .footer-buttons { display: flex; flex-direction: column; gap: 12px; max-width: 180px; flex-wrap: wrap; align-items: end; } .footer-buttons_soc img { max-height: 40px; } .footer-bottom { padding: 32px 0; border-top: 1px solid #D9D9D9; display: flex; justify-content: space-between; margin-top: 60px; font-family: "Inter-new"; font-size: 0.9rem; color: #666; flex-wrap: wrap; } .footer-bottom p { font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 14px; letter-spacing: 0%; color: black; margin-bottom: 0; } .footer-bottom p a { color: #000000; border-bottom: 1px solid black; } .footer-about { display: flex; flex-direction: column; gap: 40px; } .new_footer .contact { display: flex; flex-direction: column; gap: 12px; } .menu_name { font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 14px; letter-spacing: 0%; color: #999999; margin-bottom: 16px; } .new_footer ul { display: flex; flex-direction: column; gap: 16px; list-style: none; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; padding-left: 0; } .new_footer ul li { list-style: none; } .new_footer .fulfillment, .new_footer .services { display: flex; flex-direction: column; } .new_footer .fulfillment ul { gap: 4px; margin-left: -8px; } .new_footer .fulfillment li a { padding: 8px; } .new_footer .fulfillment li a, .new_footer .fulfillment li { display: flex; align-items: center; gap: 8px; } .new_footer .fulfillment li img { width: 28px; height: 28px; } .new_footer .fulfillment li a:hover { background: white; border-radius: 8px; } .footer-buttons .express { background: white; border-radius: 100px; padding: 12px 16px; color: black; font-weight: 500; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; display: flex; gap: 6px; justify-content: center; } @media (min-width:768px) { .footer-buttons .express { width: 100%; } } .footer-buttons .express:hover { background: linear-gradient(90deg, #68B555 0%, #81DC6B 100%); color: white; } .footer-buttons .express:hover svg path { fill: white; } .new_footer .login-button { width: 100%; text-align: center; } .max-width.track-order { display: none; } .new_header .login-button { display: none; } .modile_menu_btn { display: none; } .delivery-types .swiper-pagination { display: none; } .popup { border-radius: 16px; padding: 32px; } .popup__close { top: 16px; right: 16px; } .popup__icon { width: 12px; height: 12px; } .popup__close:not([disabled]) { color: black; } .popup__close:not([disabled]):hover, .popup__close:not([disabled]):focus, .popup__close:not([disabled]):active { color: #555555; } .popup__title { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; margin-bottom: 8px; color: black; text-align: left; } .popup__desc { font-family: 'Inter-new'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: black; text-align: left; } .popup__body { padding-top: 14px; } .popup__header { padding-bottom: 14px; } .fav_form { display: flex; flex-direction: column; gap: 20px; } .input__wrapper { padding-bottom: 0; } .popup-form__item { font-family: 'Inter-new'; font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0%; color: #777777; display: flex; flex-direction: column; gap: 8px; } .popup-form__item input { font-family: 'Inter-new'; font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: black; } .privacy-cont { display: flex; gap: 8px; } .privacy-el { font-family: 'Inter-new'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: black; width: 100%; } .privacy-el a { border-bottom: 1px solid black; } .checkbox-group { border: 2px dashed #a855f7; padding: 20px; border-radius: 12px; display: flex; flex-direction: column; gap: 20px; } .custom-checkbox { appearance: none; width: 26px; height: 20px; border-radius: 4px; background-color: white; cursor: pointer; border: 2px solid black; } .custom-checkbox:checked { background-color: #4caf50; border-color: #4caf50; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-size: 75%; } .call-form__submit { max-width: 170px; border-radius: 100px; font-family: 'Inter-new'; font-weight: 800; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: white; padding: 18px 28px; min-width: max-content; } .input-cus { border-radius: 16px; padding: 16px; background: #F3F3F3; border: none !important; box-shadow: none !important; } textarea.input-cus { min-height: 138px; resize: none; } .input-cus:focus, .input-cus:active { background: #EAEAEA; } @media (min-width:420px) { .min_header { display: none; } } @media (min-width:860px) { .dropdown .mob_popup_title { display: none; } #headerPopup { display: none; } } @media (min-width:768px) { .footer-about>.footer-buttons { display: none; } } @media (max-width: 1200px) { .track-order { display: none; } .max-width.track-order { display: flex; margin-top: 12px; margin-bottom: 12px; } .main_silder_container .swiper-button-next, .main_silder_container .swiper-button-prev { display: none; } .main_silder_container .swiper-pagination { top: unset; left: 50%; right: unset; bottom: -16px; transform: translate(-50%, 0); justify-content: center; } .main_silder_container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: #949494; } .main_silder_container { padding-top: 8px; max-width: unset; } .bonus-section { display: block; } .track-order-input { margin-top: 4px; } } @media (max-width:1100px) { .new_header .contact { flex-direction: column; padding-right: 10px; gap: 12px; } .new_header nav { gap: 16px; } .new_header { gap: 16px; } } @media (max-width:860px) { .main { padding-top: 16px; } .header_container { padding: 0; } .header_container_bg { padding: 0 16px; } .business-section .swiper-pagination { bottom: -8px; } .business-section .swiper-pagination-bullet { width: 4px; background: #949494; margin: 0 !important; } .business-section .swiper-pagination-bullet-active { width: 8px; background: #68B555; } .fulfillment-section, .news-main, .delivery-types, .calculator { margin-top: 12px; margin-bottom: 12px; } .business-header { margin-top: 12px; } .business-section, .bonus-section { margin-bottom: 12px; } .new_header nav { display: none; } .new_header .contact { gap: 2px; } .dropdown-parent::after, .dropdown-parent:hover .dropdown, .dropdown { display: none; } .contact_num { font-weight: 800; font-size: 12px; line-height: 12px; letter-spacing: 0%; } .contact_mail { font-weight: 500; font-size: 12px; line-height: 12px; letter-spacing: 0%; } .new_header .login-button { display: flex; justify-content: center; align-items: center; padding: 5px 6px; width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .new_header { border-radius: 0; } .subnav .login-button { display: none; } .modile_menu_btn { display: flex; justify-content: center; align-items: center; } .subnav { background: white; justify-content: space-between; gap: 4px; padding: 0; padding-bottom: 8px; border-radius: 0; } .subnav-item .dropdown-parent { background: #F3F3F3; padding: 8px; } .subnav-item-bg { padding: 8px; min-width: max-content; } .subnav-item { font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0%; } .subnav-item-bg { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); font-weight: 800; font-size: 14px; line-height: 14px; letter-spacing: 0%; color: white !important; } .subnav-item svg { display: none; } .business-header>p { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; } .leader-badge span, .leader-badge { flex-direction: column; gap: 12px; } .leader-badge a { width: 100%; text-align: center; } .card img { width: 60px; height: 60px; } .card h3 { font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; } .new_header .logo img { height: 22px; } .card p { font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; } .news-main-item h3 { font-weight: 800; font-size: 13px; line-height: 16px; letter-spacing: 0%; } .news-main-item-time { font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0%; } .title_h2 { font-weight: 800; font-size: 24px; line-height: 28px; letter-spacing: 0%; margin-bottom: 16px; } .track-order { margin: 0 16px; width: calc(100% - 32px); } .new_footer { margin-top: 20px; padding-top: 32px; } .footer-bottom { flex-direction: column; gap: 24px; } .footer-about { gap: 24px; } .btn_call { margin-left: 0; } .mob_popup_overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #0000007A; display: none; justify-content: start; align-items: start; z-index: 9999; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .mob_popup { background: white; width: 70%; height: 100%; padding: 16px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 0; } .mob_popup_ h2 { margin-top: 0; font-size: 24px; font-weight: bold; } .mob_popup_option { display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0%; padding: 0 !important; margin: 0 !important; gap: 12px !important; color: black; width: max-content; } .mob_popup_option img { width: 40px; height: 40px; } .mob_popup_option span { font-size: 18px; color: #000; } .open-mob_popup { cursor: pointer; } .mob_popup_overlay.active { display: flex; cursor: pointer; } .mob_popup_overlay.active .mob_popup { display: flex; flex-direction: column; gap: 16px; cursor: default; } .mob_popup_overlay.active .mob_popup_option { width: auto; } .dropdown a.mob_popup_title { margin-bottom: 8px; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; padding: 0; margin: 0; } #headerPopup .logo { margin-bottom: 8px; } #headerPopup .logo img { height: 31px; } #headerPopup .contact_num, #headerPopup .contact_mail { font-weight: 800; font-size: 16px; line-height: 18px; letter-spacing: 0%; } #headerPopup .contact_mail { margin-bottom: 8px !important; } .business-header-highlight { font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0%; } } @media (max-width: 768px) { .bonus-inner { flex-direction: column; } .bonus-text { max-width: 100%; } .header-inner { flex-direction: column; align-items: flex-start; } .delivery-options { flex-direction: column; } .footer-content { flex-direction: column; gap: 24px; } .footer-content>div { flex: unset; } .footer-bottom { margin-top: 24px; } .footer-content>.footer-buttons { display: none; } .footer-buttons { flex-direction: row; max-width: 340px; gap: 4px; } .footer-buttons .login-button, .footer-buttons .express { width: max-content; margin-left: 0; } .new_footer .contact_mail, .new_footer .contact_num { font-weight: 800; font-size: 16px; line-height: 18px; letter-spacing: 0%; } .new_footer .fulfillment ul { margin-left: 0; } } @media (max-width: 600px) { .option { flex: unset; flex-shrink: 0; width: 200px; height: auto; } .delivery-types { position: relative; } .delivery-options { overflow: hidden; } .news-main .swiper-pagination, .fulfillment-section .swiper-pagination, .delivery-types .swiper-pagination { display: flex; gap: 4px; bottom: -12px; left: 50%; transform: translate(-50%, 0); right: 0; width: max-content; } .news-main .swiper-pagination-bullet, .fulfillment-section .swiper-pagination-bullet, .delivery-types .swiper-pagination-bullet { border-radius: 100px; width: 4px; height: 4px; background: #949494; margin: 0 !important; } .news-main .swiper-pagination-bullet-active, .fulfillment-section .swiper-pagination-bullet-active, .delivery-types .swiper-pagination-bullet-active { width: 8px; background: #68B555; } .business-section .swiper-slide { width: 180px; height: 80px; } .business-section .swiper-slide img { max-height: 60px; } .fulfillment-section { position: relative; } .cards { overflow: hidden; } .card { flex: unset; flex-shrink: 0; width: 220px; height: auto; } .news-main .swiper-pagination, .fulfillment-section .swiper-pagination { bottom: -16px; } .news-main-item { flex: unset; flex-shrink: 0; width: 220px; height: auto; } .news-main { position: relative; } .news-main-items { overflow: hidden; } .new_header .login-button { margin-left: 0; } .new_header { gap: 12px; } .btn_call { font-size: 0; min-width: 32px; min-height: 32px; width: 32px; height: 32px; padding: 5px 6px; border-radius: 100px; position: relative; margin-left: auto; display: flex; justify-content: center; align-items: center; } .btn_call span { display: none; } .btn_call svg { display: flex; } } @media (max-width:420px) { .new_header .contact { display: none; } .min_header { padding-bottom: 12px; } .min_header .contact { display: flex; gap: 8px; justify-content: space-between; } } .fulfillment_page { display: flex; flex-direction: column; } .fulfillment_page .bonus-section { display: block; margin-top: 30px; } .bonus-section.big-slider .main_silder_container, .fulfillment_page .bonus-section .main_silder_container { max-width: unset; width: 100%; } .bonus-section.big-slider .main_silder, .fulfillment_page .bonus-section .main_silder { width: 100%; } .bonus-section .swiper-button-container:not(.active) { display: none; } .bonus-section .swiper-button-lock { display: none; } .tizer_items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .tizer_items.four_elems { grid-template-columns: repeat(4, 1fr); } .tizer_item { display: flex; gap: 16px; align-items: center; } .tizer_item_img { padding: 5px; background: #e6f5e6; border-radius: 12px; width: 60px; height: 60px; display: ruby; } .tizer_item_img img { width: 50px; height: 50px; } .tizer_item_text { font-family: 'Inter-new'; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0%; color: black; } .tizer_item_text span { color: green; } .fulfillment_page .delivery-types { margin-top: 30px; } .fulfillment_models-section { margin-top: 30px; margin-bottom: 30px; } .fulfillment_models-items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .fulfillment_models-item { display: flex; flex-direction: column; gap: 20px; font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: black; padding: 28px; border-radius: 20px; border: 4px solid #e6f5e6; } .fulfillment_models-item_text_container { display: flex; flex-direction: column; gap: 12px; } .fulfillment_models-item h3 { font-family: 'Inter-new'; font-weight: 800; font-size: 24px; line-height: 28px; letter-spacing: 0%; margin: 0; } .fulfillment_models-item ul { display: flex; flex-direction: column; gap: 12px; padding-left: 20px; } .title_container { display: flex; flex-direction: column; gap: 16px; margin-bottom: 28px; } .title_container .title_h2 { margin: 0; } .title_sub { font-family: 'Inter-new'; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0%; color: black; } .tizer-section { margin-top: 30px; margin-bottom: 30px; } @media (min-width:860px) { .bonus-section~.tizer-section { margin-top: -8px; } } .fulfillment_page .news-main-item h3 { font-size: 20px; line-height: 24px; } .news-main-item ul { font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; display: flex; flex-direction: column; gap: 10px; color: black; padding-left: 20px; } .fulfillment_page .news-main-item { gap: 10px; } .prices-items { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; } .prices-items-left { display: flex; flex-direction: column; gap: 16px; } .prices-items-elements { display: flex; flex-direction: column; gap: 2px; } .prices-items-title { display: flex; gap: 12px; justify-content: center; padding: 32px; color: white; font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); border-radius: 12px; align-items: center; } .prices-items-element { display: flex; gap: 20px; padding: 20px 16px; border-radius: 12px; background: #e6f5e6; color: black; justify-content: space-between; } .prices-items-element-text { font-family: 'Inter-new'; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0%; } .prices-items-element-price { font-family: 'Inter-new'; font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; text-wrap: nowrap; } .prices-items-right { display: flex; flex-direction: column; background: #68B555; overflow: hidden; border-radius: 16px; height: max-content; align-items: end; } .prices-items-right img { max-width: 300px; } .prices-banner { display: flex; flex-direction: column; gap: 12px; padding: 16px; margin: 16px; background: white; border-radius: 16px; width: calc(100% - 32px); } .new_btn { font-family: 'Inter-new'; font-weight: 900; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: black; padding: 16px; border-radius: 100px; width: max-content; background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: white; display: flex; align-items: center; justify-content: center; } .new_btn:hover { background: linear-gradient(90deg, #83DE6D 1.36%, #68B555 100%); color: white; } .prices-banner-title { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; color: black; } .prices-section { margin-top: 30px; margin-bottom: 30px; } .reviews-section { margin-top: 30px; margin-bottom: 50px; } .reviews-title { display: flex; gap: 8px; } .reviews-title-el { padding: 8px; border-radius: 12px; font-family: 'Inter-new'; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0%; display: flex; align-items: center; gap: 10px; } .reviews-title-el.gis { background-color: #E3F4DF; } .reviews-title-el.gis::before { content: ''; width: 20px; height: 20px; background-image: url('/images/new1/1703333444_logo 1.png'); } .reviews-title-el.yandex { background-color: #F6F3DB; } .reviews-title-el.yandex::before { content: ''; width: 17px; height: 20px; background-image: url('/images/new1/Yandex_Maps_icon.svg 1.png'); } .reviews-item { display: flex; flex-direction: column; gap: 20px; padding: 28px; border: 4px solid #e6f5e6; border-radius: 20px; height: auto; } .reviews-item-title { font-family: 'Inter-new'; font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; color: black; } .reviews-item-date { font-family: 'Inter-new'; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0%; color: #777777; margin-top: -12px; } .reviews-item-text { font-family: 'Inter-new'; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0%; color: black; } .reviews-item-href { font-family: 'Inter-new'; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0%; color: #777777; margin-top: auto; } .reviews-items { position: relative; } .reviews-items .swiper-pagination { display: flex; gap: 4px; bottom: -16px; left: 0; justify-content: center; } .reviews-items .swiper-pagination-bullet { width: 20px; height: 4px; border-radius: 100px; background: #D9D9D9; } .reviews-items .swiper-pagination-bullet-active { background: #68B555; } .reviews-items .swiper-button-container { position: static; } .reviews-items .swiper-button-prev, .reviews-items .swiper-button-next { position: absolute; top: 50%; transform: translate(0, -50%); margin: 0; width: 40px; height: 40px; background-repeat: no-repeat; background-color: white; background-position: center; border-radius: 16px; display: flex; justify-content: center; align-items: center; z-index: 1; opacity: 1; pointer-events: unset; } .reviews-items .swiper-button-prev:hover, .reviews-items .swiper-button-next:hover { background-color: #68B555; } .reviews-items .swiper-button-prev { left: -20px; transform: translate(0, -50%) rotate(-180deg); } .reviews-items .swiper-button-next { right: -20px; } .reviews-items .swiper-button-prev::after, .reviews-items .swiper-button-next::after { content: ''; width: 5px; height: 10px; background-image: url('data:image/svg+xml,'); } .reviews-items .swiper-button-prev:hover::after, .reviews-items .swiper-button-next:hover::after { background-image: url('data:image/svg+xml,'); } .faq-items { display: flex; flex-direction: column; gap: 2px; } .faq-item { background: #F3F3F3; border-radius: 12px; overflow: hidden; cursor: pointer; } .faq-item_title { font-family: 'Inter-new'; font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: black; position: relative; background: #F3F3F3; z-index: 1; padding-right: 55px; } .faq-item_title::after { content: ""; width: 40px; height: 40px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-color: white; background-position: center; border-radius: 16px; transition: transform 0.3s ease; box-sizing: border-box; transform: none; position: absolute; right: 10px; } .faq-item.active .faq-item_title::after { transform: rotate(180deg); } .faq-item:hover .faq-item_title::after { background-color: #68B555; background-image: url('data:image/svg+xml,'); } .faq-item_text { overflow: hidden; max-height: 0; transition: all 0.4s ease; padding: 16px 20px; font-family: 'Inter-new'; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0%; color: black; margin-top: -32px; } .faq-item.active .faq-item_text { margin-top: -16px; } .faq-item_text a { color: #4D963C; } .other_fulfillment-items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .other_fulfillment-item-container { background: #e6f5e6; border-radius: 16px; padding: 16px; } .other_fulfillment-item-container.ozon { background: linear-gradient(90deg, rgba(0, 91, 255, 0.9) 0%, rgba(158, 193, 255, 0.9) 100%); } .other_fulfillment-item-container.yandex { background: #FCE899; } .other_fulfillment-item-container.wb { background-image: linear-gradient(141.07deg, rgba(124, 7, 248, 0.9) 0.71%, rgba(239, 65, 219, 0.9) 100%); } .other_fulfillment-item { padding: 16px; border-radius: 16px; display: flex; flex-direction: column; gap: 20px; background: white; height: 100%; } .other_fulfillment-item-title { display: flex; align-items: center; gap: 16px; font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; color: black; } .other_fulfillment-item-container:not(.ozon, .yandex, .wb) .new_btn { background: #68B555; } .other_fulfillment-item .new_btn { margin-top: auto; } /* .new_btn.ozon { background: #F91155; } .new_btn.yandex { background: #FFDD00; color: black; } */ .fulfillment_page .business-section { padding: 0 16px; margin-top: 30px; margin-bottom: 50px; } .faq-section { margin-top: 30px; margin-bottom: 30px; } .other_fulfillment-section { margin-top: 30px; margin-bottom: 30px; } .new_contacts-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .new_contacts-item { display: flex; flex-direction: column; gap: 20px; padding: 16px; border-radius: 20px; border: 4px solid #68B555; } .new_contacts-item-title { font-family: 'Inter-new'; font-weight: 800; font-size: 16px; line-height: 20px; letter-spacing: 0%; color: black; } .new_contacts-item-text { font-family: 'Inter-new'; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0%; color: black; display: flex; align-items: center; gap: 8px; } .new_contacts-item.question { display: flex; flex-direction: column; height: 100%; gap: 8px; background: #e6f5e6; border-color: #e6f5e6; } .new_contacts-item_question_title { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; color: black; } .new_contacts-item_question_text { font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: black; } .new_contacts-item.question .new_btn { margin-top: auto; } .new_contacts-section { margin-top: 30px; margin-bottom: 30px; } .btn_wb { background: linear-gradient(90deg, #7A06F8 0%, #EF41DB 100%); color: white; } .btn_wb:hover { background: linear-gradient(90deg, #EF41DB 0%, #7A06F8 100%); color: white; } .btn_ozon { background: #F91155; color: white; } .btn_ozon:hover { background: #FF316D; color: white; } .btn_yandex { background: #FFDD00; color: black; } .btn_yandex:hover { background: #FFEA61; color: black; } .fulfillment_page .slide-content .text-content::after { display: none; } .fulfillment_page .slide-content .image-content { margin-left: auto; margin-right: auto; } .breadcrumbs-section { margin-top: -12px; margin-bottom: 30px; } .breadcrumbs-items { display: flex; flex-wrap: wrap; gap: 8px; } .breadcrumbs-item { display: flex; gap: 8px; font-family: 'Inter-new'; font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0%; color: #777777; } .breadcrumbs-item:not(:last-child)::after { content: '/'; } .bonus-section .slide-content .text-content .new_btn { margin-top: auto; } .fulfillment_page.wb .new_contacts-item.question, .fulfillment_page.wb .business-section .swiper-slide, .fulfillment_page.wb .faq-item, .fulfillment_page.wb .faq-item_title, .fulfillment_page.wb .prices-items-element, .fulfillment_page.wb .news-main-item, .fulfillment_page.wb .option, .fulfillment_page.wb .tizer_item_img { background-color: #F3ECF9; } .fulfillment_page.wb .new_contacts-item.question { border-color: #F3ECF9; } .fulfillment_page.wb .reviews-items .swiper-button-next:hover, .fulfillment_page.wb .reviews-items .swiper-button-prev:hover { background-image: linear-gradient(141.07deg, rgba(124, 7, 248, 0.9) 0.71%, rgba(239, 65, 219, 0.9) 100%); } .fulfillment_page.wb .bonus-section .slide-content .text-content .new_btn, .fulfillment_page.wb .new_contacts-item.question .new_btn, .fulfillment_page.wb .prices-banner .new_btn, .fulfillment_page.wb .prices-items-title { background: linear-gradient(141.07deg, rgba(124, 7, 248, 0.9) 0.71%, rgba(239, 65, 219, 0.9) 100%); } .fulfillment_page.wb .bonus-section .slide-content .text-content .new_btn:hover, .fulfillment_page.wb .new_contacts-item.question .new_btn:hover, .fulfillment_page.wb .prices-banner .new_btn:hover { background: linear-gradient(90deg, #EF41DB 0%, #7A06F8 100%); } .fulfillment_page.wb .faq-item:hover .faq-item_title::after { background: url('data:image/svg+xml,'); } .fulfillment_page.wb .new_contacts-item, .fulfillment_page.wb .reviews-item, .fulfillment_page.wb .fulfillment_models-item { border-color: #D195FF; } .fulfillment_page.wb .prices-items-right { background: #D195FF; } .fulfillment_page.wb .tizer_item_img svg path[fill="black"] { fill: #EF41DB; } .fulfillment_page.wb .tizer_item_img svg path[stroke="black"] { stroke: #EF41DB; } .fulfillment_page.wb .swiper-pagination-bullet-active { background: #9747FF; } .fulfillment_page.wb .new_contacts-item-text svg path[fill="#68B555"] { fill: #9747FF; } .fulfillment_page.wb .tizer_item_img svg path[fill="#4D963C"] { fill: #9747FF; } .fulfillment_page.wb .tizer_item_img svg circle[stroke="#4D963C"] { stroke: #9747FF; } .fulfillment_page.wb .faq-item_text a, .fulfillment_page.wb .tizer_item_text span { color: #9747FF; } .fulfillment_page.ozon .tizer_item_img { background-color: #D2E2FF; } .fulfillment_page.ozon .prices-items-right, .fulfillment_page.ozon .new_contacts-item.question, .fulfillment_page.ozon .business-section .swiper-slide, .fulfillment_page.ozon .faq-item, .fulfillment_page.ozon .faq-item_title, .fulfillment_page.ozon .prices-items-element, .fulfillment_page.ozon .news-main-item, .fulfillment_page.ozon .option { background-color: #EBF2FF; } .fulfillment_page.ozon .new_contacts-item.question { border-color: #EBF2FF; } .fulfillment_page.ozon .reviews-items .swiper-button-next:hover, .fulfillment_page.ozon .reviews-items .swiper-button-prev:hover { background: #F91155; } .fulfillment_page.ozon .faq-item:hover .faq-item_title::after { background-color: #F91155; } .fulfillment_page.ozon .bonus-section .slide-content .text-content .new_btn, .fulfillment_page.ozon .new_contacts-item.question .new_btn, .fulfillment_page.ozon .prices-banner .new_btn { background: #F91155; } .fulfillment_page.ozon .bonus-section .slide-content .text-content .new_btn:hover, .fulfillment_page.ozon .new_contacts-item.question .new_btn:hover, .fulfillment_page.ozon .prices-banner .new_btn:hover { background: #FF316D; } .fulfillment_page.ozon .prices-items-title { background: linear-gradient(138.11deg, rgba(26, 107, 255, 0.9) 12.05%, rgba(168, 199, 255, 0.9) 100%); } .fulfillment_page.ozon .new_contacts-item, .fulfillment_page.ozon .reviews-item, .fulfillment_page.ozon .fulfillment_models-item { border-color: #94BBFF; } .fulfillment_page.ozon .faq-item_text a { color: #FF316D; } .fulfillment_page.ozon .tizer_item_img svg path[fill="black"] { fill: #F91155; } .fulfillment_page.ozon .tizer_item_img svg path[stroke="black"] { stroke: #F91155; } .fulfillment_page.ozon .swiper-pagination-bullet-active { background: #1A6CFF; } .fulfillment_page.ozon .new_contacts-item-text svg path[fill="#68B555"] { fill: #1A6CFF; } .fulfillment_page.ozon .tizer_item_img svg path[fill="#4D963C"] { fill: #1A6CFF; } .fulfillment_page.ozon .tizer_item_img svg circle[stroke="#4D963C"] { stroke: #1A6CFF; } .fulfillment_page.ozon .tizer_item_text span { color: #1A6CFF; } .fulfillment_page.yandex .tizer_item_img { background-color: #FCE899; } .fulfillment_page.yandex .prices-items-right, .fulfillment_page.yandex .new_contacts-item.question, .fulfillment_page.yandex .business-section .swiper-slide, .fulfillment_page.yandex .faq-item, .fulfillment_page.yandex .faq-item_title, .fulfillment_page.yandex .prices-items-element, .fulfillment_page.yandex .news-main-item, .fulfillment_page.yandex .option { background-color: #F9F5DC; } .fulfillment_page.yandex .new_contacts-item.question { border-color: #F9F5DC; } .fulfillment_page.yandex .faq-item:hover .faq-item_title::after { background-color: #FFDD00; } .fulfillment_page.yandex .reviews-items .swiper-button-next:hover, .fulfillment_page.yandex .reviews-items .swiper-button-prev:hover, .fulfillment_page.yandex .bonus-section .slide-content .text-content .new_btn, .fulfillment_page.yandex .new_contacts-item.question .new_btn, .fulfillment_page.yandex .prices-banner .new_btn { background: #FFDD00; color: black; } .fulfillment_page.yandex .bonus-section .slide-content .text-content .new_btn:hover, .fulfillment_page.yandex .new_contacts-item.question .new_btn:hover, .fulfillment_page.yandex .prices-banner .new_btn:hover { background: #FFEA61; } .fulfillment_page.yandex .prices-items-title { background: linear-gradient(138.11deg, rgba(255, 65, 18, 0.9) 12.05%, rgba(255, 148, 121, 0.9) 100%); } .fulfillment_page.yandex .new_contacts-item, .fulfillment_page.yandex .reviews-item, .fulfillment_page.yandex .fulfillment_models-item { border-color: #FFDD00; } .fulfillment_page.yandex .tizer_item_img svg path[fill="black"] { fill: #FF4111; } .fulfillment_page.yandex .tizer_item_img svg path[stroke="black"] { stroke: #FF4111; } .fulfillment_page.yandex .swiper-pagination-bullet-active { background: #FF4111; } .fulfillment_page.yandex .new_contacts-item-text svg path[fill="#68B555"] { fill: black; } .fulfillment_page.yandex .tizer_item_img svg path[fill="#4D963C"] { fill: black; } .fulfillment_page.yandex .tizer_item_img svg circle[stroke="#4D963C"] { stroke: black; } .fulfillment_page.yandex .faq-item_text a, .fulfillment_page.yandex .tizer_item_text span { color: #FF4111; } .breadcrumbs-section~section:first-of-type { margin-top: 0 !important; } .breadcrumbs-section~section:first-of-type .title_container { margin-top: -18px; } .fulfillment_page .main_silder_container { padding-top: 0; } .big_banners-section { margin-top: 30px; margin-bottom: 30px; } .big_banners-items { display: flex; gap: 16px; flex-wrap: wrap; } .big_banners-item-bg { flex: 1 1 calc(33% - 16px); padding: 16px; background: #F3F3F3; border-radius: 20px; overflow: hidden; } .big_banners-item-bg.bg-green { background: linear-gradient(90deg, rgba(103, 182, 84, 0.9) 0%, rgba(131, 222, 109, 0.9) 100%); } .big_banners-item { display: flex; flex-direction: column; gap: 20px; background: #F3F3F3; border-radius: 12px; height: 100%; } .big_banners-item .new_btn { margin-top: 20px; } .big_banners-item.bg-white { background: white; } .big_banners-item_top { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: white; border-radius: 12px; } .big_banners-item_top_title { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; } .big_banners-item_top_subtitle { font-family: 'Inter-new'; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0%; } .big_banners-item_bottom { background: white; border-radius: 12px; overflow: hidden; margin-top: auto; } .big_banners-item_bottom img { border-radius: 12px; overflow: hidden; } .tabs-section { margin-top: 30px; margin-bottom: 30px; } .tabs-items { display: flex; flex-wrap: wrap; gap: 16px; } .tabs-item { flex: 1 1 calc(33% - 16px); display: flex; gap: 16px; background: #F3F3F3; border-radius: 16px; padding: 16px; align-items: center; justify-content: space-between; font-family: 'Inter-new'; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0%; color: black; position: relative; } .tabs-item::after { content: ''; width: 40px; height: 40px; } .tabs-item::before { position: absolute; right: 16px; top: 50%; transform: translate(0, -50%) rotate(-90deg); content: ""; width: 40px; height: 40px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-color: white; background-position: center; border-radius: 16px; } .tabs-item:hover::before { background-color: #68B555; background-image: url('data:image/svg+xml,'); } .text_tab { position: absolute; top: 16px; right: 16px; font-family: 'Inter-new'; font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: black; background: white; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 8px; max-width: 182px; } .highlight { color: #498F39; } b { font-weight: 700 !important; } .slide-content .image-content.center { margin-left: auto; margin-right: auto; } @media (max-width:1300px) { .reviews-items .swiper-button-prev { left: -10px; } .reviews-items .swiper-button-next { right: -10px; } } @media (max-width:993px) { .tizer_items.four_elems, .new_contacts-items { grid-template-columns: repeat(2, 1fr); } .prices-items, .fulfillment_models-items, .other_fulfillment-items { grid-template-columns: 1fr; } .big_banners-item-bg { flex: 1 1 calc(50% - 16px); } } @media (max-width:860px) { .subnav>a.subnav-item { font-weight: bold; } .title_container { margin-bottom: 16px; } .tizer_items { gap: 8px; } .title_sub { font-size: 14px; line-height: 20px; } .fulfillment_models-item { padding: 16px; } .breadcrumbs-section { margin-top: 0; margin-bottom: 20px; } .bonus-section:not(:first-of-type), .fulfillment_page .bonus-section { margin-top: 12px; } .fulfillment_page .business-section { padding-bottom: 8px; } .fulfillment_page .business-section, .reviews-section { margin-top: 12px; margin-bottom: 24px; } .tabs-section, .big_banners-section, .new_contacts-section, .other_fulfillment-section, .faq-section, .prices-section, .fulfillment_page .delivery-types, .fulfillment_models-section, .tizer-section { margin-bottom: 12px; margin-top: 12px; } .fulfillment_models-item h3 { font-size: 16px; line-height: 20px; } .fulfillment_page .news-main-item h3 { font-size: 16px; line-height: 20px; } .reviews-title-el { font-size: 13px; line-height: 13px; } .reviews-item { padding: 16px; } .reviews-item-title { font-size: 16px; line-height: 20px; } .reviews-item-date { font-size: 13px; line-height: 16px; } .reviews-item-text { font-size: 16px; line-height: 22px; } .reviews-item-href { font-size: 13px; line-height: 16px; } .reviews-section .swiper-pagination-bullet { width: 4px; background: #949494; margin: 0 !important; } .reviews-section .swiper-pagination-bullet-active { width: 8px; background: #68B555; } .reviews-items .swiper-button-prev, .reviews-items .swiper-button-next { display: none; } .prices-items-title { padding: 16px; font-size: 16px; line-height: 20px; } .title_container { gap: 8px; } .other_fulfillment-item-title { font-size: 16px; line-height: 20px; } .other_fulfillment-item-title img { width: 60px; height: 60px; } .other_fulfillment-item-container, .other_fulfillment-item { padding: 12px; } .other_fulfillment-item .new_btn { width: 100%; } .big_banners-item-bg { padding: 12px; } .big_banners-item { gap: 12px; } .big_banners-item_top_title { font-size: 20px; line-height: 24px; } .big_banners-item_top_subtitle { font-size: 13px; line-height: 16px; } .big_banners-item .new_btn { margin-top: 12px; } .faq-item_title { font-size: 14px; line-height: 20px; } .faq-item_text { font-size: 14px; line-height: 20px; } .text_tab { position: static; max-width: 472px; width: calc(100% - 8px); margin-bottom: 4px; flex-direction: row; align-items: center; gap: 16px; padding: 12px; } .bonus-section .slide-content .text-content .new_btn { margin-top: 12px; } } @media (max-width:768px) { .tizer_items.four_elems, .tizer_items { grid-template-columns: 1fr; } .prices-items-element { flex-direction: column; gap: 4px; padding: 16px; } .big_banners-item-bg { flex: 1 1 calc(100% - 16px); } } @media (max-width:993px) and (min-width: 600px) { .prices-items-right img { display: none; } } @media (max-width:600px) { .new_contacts-items { grid-template-columns: 1fr; gap: 12px; } .new_contacts-item.question .new_btn { margin-top: 8px; width: 100%; } } .vacancy-section { display: flex; flex-direction: column; gap: 2px; } .vacancy-card { display: block; position: relative; background: #F3F3F3; border-radius: 12px; padding: 16px; padding-right: 72px; display: flex; flex-direction: column; gap: 12px; } .vacancy-card__top { display: flex; align-items: center; justify-content: space-between; } .vacancy-card-tag { display: inline-flex; gap: 8px; align-items: center; padding: 8px 12px; border-radius: 100px; background: #FFFFFF; color: black; font-family: 'Inter-new'; font-weight: 500; font-size: 12px; line-height: 100%; letter-spacing: 0%; width: max-content; } .vacancy-card__title { margin-bottom: 4px; font-family: 'Inter-new'; font-weight: 800; font-size: 18px; line-height: 24px; letter-spacing: 0%; } .vacancy-card__meta { display: flex; gap: 16px; padding: 0; margin: 0; list-style: none; flex-wrap: wrap; } .meta-item { display: flex; align-items: center; gap: 4px; color: black; font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0%; } .vacancy-card__arrow { position: absolute; right: 16px; top: 16px; width: 40px; height: 40px; border: none; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; pointer-events: none; } .vacancy-card:hover .vacancy-card__arrow { background: #68B555; } .vacancy-card:hover .vacancy-card__arrow svg path { stroke: white; } @media (max-width:860px) { .vacancy-card { padding: 12px 64px 12px 12px; gap: 8px; } .vacancy-card__title { font-size: 16px; line-height: 20px; } .vacancy-card__meta { gap: 12px; } } .career_detail_title { display: flex; flex-direction: column; } .career_detail_title h1 { font-family: 'Inter-new'; font-weight: 800; font-size: 40px; line-height: 44px; letter-spacing: 0%; margin: 0; } .career_detail_title hr { background: #E4E4E4; margin: 40px 0; padding: 0; } .career_detail_items { display: grid; gap: 10%; grid-template-columns: 1fr 376px; } /* ===== Vacancy form (card) ===== */ .career_detail .vacancie-form { --vf-bg: #fff; --vf-border: #E2E2E2; --vf-text: #111; --vf-muted: #6A6A6A; --vf-placeholder: #BDBDBD; --vf-input-bg: #F3F3F3; --vf-green-1: #35C366; --vf-green-2: #8BE06B; width: 100%; max-width: 520px; /* ширина как на макете */ margin: 0 auto; background: var(--vf-bg); border: 4px solid #D4D4D4; border-radius: 22px; padding: 24px; box-sizing: border-box; line-height: 1.35; font-size: 16px; color: var(--vf-text); height: max-content; } /* Заголовок и подзаголовок */ .career_detail .vacancie-form__head { display: flex; flex-direction: column; gap: 8px; } .career_detail .vacancie-form__subtitle { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; } .career_detail .vacancie-form__desc { font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; margin-bottom: 4px; } /* Ряды/сетки */ .career_detail .vacancie-form__body {} .career_detail .vacancie-form__row:not(.errors) { display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px; } .career_detail .textarea__wrapper, .career_detail .vacancie-form__row:not(.errors) .input__wrapper { display: flex; flex-direction: column; gap: 8px; } /* Поля ввода */ .career_detail .textarea__wrapper, .career_detail .input__wrapper { width: 100%; font-family: 'Inter-new'; font-weight: 500; font-size: 13px; line-height: 13px; letter-spacing: 0%; color: #777777; } .career_detail .questions-form__input.input__input, .career_detail .textarea__input.input__input { width: 100%; background: #F3F3F3; border: none !important; outline: none !important; border-radius: 16px; padding: 16px; font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0%; color: black; } .career_detail .textarea__input { resize: vertical; min-height: 112px; } .career_detail .questions-form__input::placeholder, .career_detail .textarea__input::placeholder { color: var(--vf-placeholder); } .career_detail .questions-form__input:focus, .career_detail .textarea__input:focus { background: #EFEFEF; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.014) !important; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.014) !important; } /* Название вакансии справа (в твоём html это .vacancie-form__name) */ .career_detail .vacancie-form__name { color: var(--vf-muted); text-overflow: ellipsis; font-family: 'Inter-new'; font-weight: 500; font-size: 15px; line-height: 16px; letter-spacing: 0%; } /* Файл — как текстовая ссылка с иконкой скрепки */ .career_detail .input-file { margin: 6px 0 6px; } .career_detail .input-file__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; /* visually hidden */ } .career_detail .input-file__label { margin-top: 24px; margin-bottom: 24px; display: flex; align-items: center; gap: 8px; cursor: pointer; } .career_detail .input-file__label span { font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0%; border-bottom: 2px dotted #111; color: black; } .career_detail .input-file__label::before { content: ""; width: 14px; height: 16px; background: url('data:image/svg+xml,'); } .career_detail .fav_form-pattern { color: var(--vf-muted); font-size: 13px; } /* Чекбокс согласия */ .career_detail .acpt { display: flex; align-items: flex-start; gap: 12px; margin-top: 24px; margin-bottom: 0 !important; } .career_detail .acpt span { font-family: 'Inter-new'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: black; } .career_detail .acpt span a { margin-left: 4px; border-bottom: 1px solid black; } .career_detail .acpt .privacy_container { width: 22px; height: 22px; } .career_detail .acpt input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 22px; height: 22px; border-radius: 4px; border: 2px solid var(--vf-border); display: inline-block; position: relative; cursor: pointer; transition: border-color .2s ease, background .2s ease; } .career_detail .acpt input[type="checkbox"]:checked { background: #68B555; border-color: transparent; } .career_detail .acpt input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 8px; transform: translate(-50%, -55%); background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6l4 4L15 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; } .career_detail .acpt span { color: var(--vf-muted); } .career_detail .acpt b, .acpt a { color: #111; text-decoration: none; } .career_detail .acpt a:hover { text-decoration: underline; } /* Кнопка — зелёная «пилюля» */ .career_detail .vacancie-form .button--green { display: block; width: 100%; margin-top: 8px; background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: #fff; border: 0; border-radius: 999px; padding: 16px; font-weight: 700; font-size: 18px; line-height: 1; cursor: pointer; font-family: 'Inter-new'; font-weight: 800; font-size: 14px; line-height: 16px; letter-spacing: 0%; } .career_detail .vacancie-form .button--green:hover { filter: saturate(1.05); box-shadow: 0 8px 22px rgba(53, 195, 102, .28); } .career_detail .vacancie-form .button--green:active { transform: translateY(1px); } .career_detail .vacancie { font-family: 'Inter-new'; font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: 0%; width: 100%; flex: 1; } .send_vacancy { background: linear-gradient(90deg, #68B555 0%, #83DE6D 100%); color: white; border: none; padding: 16px; border-radius: 100px; cursor: pointer; font-weight: 800; font-family: "Inter-new"; font-size: 14px; line-height: 16px; letter-spacing: 0%; text-align: center; margin-bottom: 24px; } @media (min-width: 993px) { .send_vacancy { display: none; } } @media (max-width: 993px) { .career_detail_items { gap: 24px; display: flex; flex-direction: column; } .career_detail_items.reverse { flex-direction: column-reverse; } .career_detail_title hr { margin: 24px 0; } } @media (max-width: 860px) { .career_detail_title h1 { font-size: 24px; line-height: 28px; } .career_detail .vacancie { font-size: 14px; line-height: 22px; } } .pagination-section .news-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 40px; } .pagination-section .news-pagination__bullet, .pagination-section .pagination__more { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 16px; background: #F3F3F3; font-family: 'Inter-new'; font-weight: 800; font-size: 14px; line-height: 14px; letter-spacing: 0%; color: #000; text-decoration: none; transition: background 0.2s, color 0.2s; } @media (max-width: 600px) { .pagination-section .news-pagination__bullet, .pagination-section .pagination__more { width: 32px; height: 32px; font-size: 12px; line-height: 12px; } } .pagination-section .news-pagination__bullet:hover:not(.is-active):not(.is-disabled) { background: #e0e0e0; } .pagination-section .news-pagination__bullet.is-active { background: #68B555; color: #fff; } .pagination-section .news-pagination__bullet.is-disabled { opacity: 0.4; pointer-events: none; } .pagination-section svg { fill: white; width: 6px; height: 10px; } .pagination-section .news-pagination__bullet--prev svg, .pagination-section .news-pagination__bullet--next svg { transform: rotate(180deg); } .pagination-section .pagination__more { cursor: default; } .about_page { display: flex; flex-direction: column; gap: 40px; } .about_page h1 { font-family: 'Inter-new'; font-weight: 800; font-size: 36px; line-height: 40px; letter-spacing: 0%; } .about_page>div { display: flex; flex-direction: column; gap: 16px; } .about_page>div h2 { font-family: 'Inter-new'; font-weight: 800; font-size: 24px; line-height: 28px; letter-spacing: 0%; } .about_page>div p { font-family: 'Inter-new'; font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: 0%; } .about_page>div p b { font-weight: 700; } .about_page>div ul { padding-left: 24px; } @media (max-width: 860px) { .about_page h1 { font-size: 20px; line-height: 24px; } .about_page>div h2 { font-size: 18px; line-height: 24px; } .about_page>div p { font-size: 16px; line-height: 28px; } } .career_detail_img { height: max-content; } .career_detail_img img { border-radius: 20px; } .career_detail_after_text hr { background: #E4E4E4; margin: 60px 0; padding: 0; } @media (max-width: 993px) { .career_detail_after_text hr { margin: 24px 0; } } .track-order.page h1 { font-family: 'Inter-new'; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0%; } .track-order.page { padding: 24px; background: #EAEAEA; display: flex; margin: 0; width: 100%; } .track-order.page a { margin-bottom: 12px; width: max-content; padding-bottom: 6px; } .track-order.page a:not(:hover) { color: #4D963C; } .track-order.page a::after { bottom: 0; } .track-order-hover-container { position: relative; display: flex; width: max-content; } .track-order-hover { display: none; padding: 20px; position: absolute; left: 110%; top: -20px; background: white; border-radius: 8px; box-shadow: 0px 4px 12.6px 0px #00000033; font-family: 'Inter-new'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; width: 175%; max-width: 325px; } .track-order-hover-container a:hover~.track-order-hover { display: flex; } @media (max-width:600px) { .track-order-hover { left: 0%; top: 110%; } .track-order.page { padding-bottom: 16px; } } /* End */ /* Start:/bitrix/templates/bizon_new/css/font.css?17328981232086*/ /*@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");*/ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: normal; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Bold.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Bold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: bold; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Regular.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: italic; font-weight: normal; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Italic.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Italic.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Medium.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-SemiBold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Bold.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Bold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; src: local("Montserrat"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Black.woff2") format("woff2"), url("/bitrix/templates/bizon_new/css/../fonts/Montserrat-Black.woff") format("woff"); } body, input, textarea, button, select { font-family: "Inter", sans-serif, arial; font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #1E1E1E; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Inter", sans-serif, arial; } /* End */ /* Start:/bitrix/templates/bizon_new/css/custom.css?173771750912096*/ .container-custom-cookie { z-index: 999; } .reviews-slider .swiper-slide { height: auto; } .address__list { overflow-x: auto; } .upakovka__title { color: #000; font-size: 47px; font-weight: 600; } .upakovka__title div { text-transform: uppercase; margin: 0 0 48px 0; padding: 0; font-size: 36px; font-weight: 700; line-height: 1.1; color: #4CA611; } .section-upakovka { display: flex; flex-direction: row; justify-content: space-around; margin-bottom: 50px; } .upakovka-elem-title { font-weight: 700; } .upakovka-elem-title, .upakovka-elem-preview, .upakovka-elem-detail { margin: 20px 0px; } .upakovka-elem { display: flex; justify-content: center; align-items: center; gap: 20px; } .upakovka-elem-text { width: 440px; } .upakovka-dop h2{ font-size: 3rem; } .upakovka-dop p b{ font-size: 2.5rem; } .menu-mobile__social { padding: 0rem 2rem; } .reviews-slider .card-review { min-height: 100%; } .b-operator-steps { padding: 0; height: 120px; width: 970px; display: block; margin: 80px auto 0; } .clients-offer__img { aspect-ratio: 15 / 11; background-size: 100% auto; } .fullwelcome ul li , .fulllistservices ul li, .fulldiscount-banner ul li, .fulladvantages__card ul li{ list-style: none; } .fulltarget-audience { justify-content: center; } .fullsteps__card.fullsteps__card__big { padding: 15%; text-align: center; } .fullsteps__card.fullsteps__card__big .fullsteps__card__img { margin: 0px auto 35px; } .accordion__content ul li { list-style: disc; } .is-open .accordion__content{ max-height: 2500px; } .is-bold { font-weight: 600; } .menu-top__link:last-of-type { font-weight: 600; } .error-text { display: block; text-align: center; } .star{ font-size:inherit; line-height:1; letter-spacing:-0.25em; vertical-align:baseline; } .fullquestions-banner { position: relative; width: 100%; padding: 80px 104px; background: url('/bitrix/templates/bizon_new/img/fullfilment/quest-banner-bg.jpg') no-repeat 0 0/cover; color: #fff; border-radius: 40px; } .fullorder-banner { position: relative; width: 100%; padding: 60px 104px; background: url('/bitrix/templates/bizon_new/img/fullfilment/quest-banner-bg.jpg') no-repeat 0 0/cover; color: #fff; border-radius: 40px; } .fulldiscount-banner { position: relative; width: 100%; padding: 48px 104px; background: url('/bitrix/templates/bizon_new/img/fullfilment/quest-banner-bg.jpg') no-repeat 0 0 / cover; color: #fff; border-radius: 40px; } .fulldiscount-banner__text ul li::after { content: ""; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; background: url("/bitrix/templates/bizon_new/img/fullfilment/ic-check-white.svg") 50% 50% no-repeat; background-size: contain; } .fulladvantages__card__list li::after { content: ""; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; background: url("/bitrix/templates/bizon_new/img/fullfilment/ic-check-green.svg") 50% 50% no-repeat; background-size: contain; } .fulllistservices__body ul li::after { content: ""; position: absolute; left: 0; top: 36px; width: 22px; height: 22px; border-radius: 50%; border: 2px dotted #4CA611; border-radius: 50%; background: #FAFAFB url("/bitrix/templates/bizon_new/img/fullfilment/ic-check-arrow.svg") 50% 50% no-repeat; background-size: 10px 8px; z-index: 2; } .offer__img { background-size: 100% 100%; } .fullwelcome__text ul li::after { content: ""; position: absolute; left: 5px; top: 1px; width: 21px; height: 21px; background: url("/bitrix/templates/bizon_new/img/fullfilment/ic-check-green.svg") 50% 50% no-repeat; background-size: contain; } .section-upak .breadcrumbs { margin-top: 50px; } .live-search__item-inner { -webkit-line-clamp: 5; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .search-input__input { padding: 0.8rem 1.5rem 1.1rem 3.5rem; } .upakovka-offer__title { font-weight: 600; font-size: 47px; line-height: 63.45px; } .upakovka-offer__title span { font-weight: 700; font-size: 55px; line-height: 74.25px; } .upakovka-offer__inner { max-width: 50%; } .upakovka-offer__text { font-weight: 400; font-size: 36px; line-height: 39.6px; } .card-upakovka-detail__text{ font-weight: 400; font-size: 16px; line-height: 17.6px; } .card-upakovka__title { font-weight: 600; font-size: 40px; line-height: 44px; } .card-upakovka-detail__text ul li::marker { color: #4CA611; width: 9px; } .maintenance-upakovka-text { background-color: #F9FFF6; border: 1px solid #4CA611; border-radius: 6px; } .maintenance-upakovka-text p { padding: 22px 43px; font-size: 20px; font-weight: 300; } .upakovka-dop.service-layout__item.service-text { font-weight: 300; font-size: 20px; display: flex; line-height: 30px; gap: 15px; flex-direction: column; } .services-list.section.upakovka { padding: 0rem 0; } .upakovka h1 span { color: #4CA611; } .upakovka h1 { font-weight: 700; font-size: 32px; line-height: 48px; } .upakovka .is-open .accordion__content { padding: 0rem 2rem; -webkit-transform: translateY(0em); } .section--padding--90.upakovka { padding: 3rem 0; } .upakovka-dop h2 { font-size: 3rem; font-weight: 700; } .upakovka .instructions-list { padding-top: 0rem; } .contacts { width: auto; } .upakovka .is-open .accordion__content,.upakovka .accordion__content { -webkit-transition: auto; } .cookie { max-width: 25%; } .last-line__link { display: contents; } .menu-top { padding-left: 1rem; } .contacts { width: 180px; } a.main_usluga span { font-size: 20px; line-height: 22px; font-weight: 500; } a.main_usluga:hover { background-color: #EFF7EA; } a.main_usluga:hover span { color:#4CA611 !important; } a.main_usluga { background-color: #FFF; border: 2px solid #4CA611; } .b-operator-steps { display: flex; align-items: center; width: 100%; margin: 0px; } .b-operator-main-item { display: flex; flex-direction: column; } .b-operator-steps-title { width: auto; } .b-operator-main-item img { width: 225px; } .b-operator-steps-item { display: flex; flex-direction: column; align-items: flex-start; width: 193px; margin-left: 20px; } .b-operator-steps-item p { padding: 0px; } .b-operator-steps-item p.numb { font-size: 48px; line-height: 52.8px; font-weight: 800; color: #fff; -webkit-text-stroke: 1px #4ca611; } .b-operator-steps-item p span { display: block; color:#000; font-size: 20px; width: 175px; } .b-operator-steps-items { display: flex; align-items: center; gap: 25px; } .card_video_name { font-size: 40px; line-height: 44px; font-weight: 500; text-align: center; width: 100%; max-width: 617px; margin: 0px auto 64px; } .card_video_info { background-color: #4CA611; border-radius: 40px; display: flex; align-items: center; padding: 13px 50px; } .card_video_text { font-size: 24px; line-height: 28.8px; font-weight: 500; color: #fff; } .card_video_text a.button_video { font-size: 16px; line-height: 24px; font-weight: 400; padding: 16px 24px; border: 1px solid #fff; border-radius: 8px; } .card_video_img img { height: 100%; min-height: 437px; width: 100%; min-width: 665px; } .card_video_text p { margin-bottom: 10rem; } .card_video_img-mob { display: none; } .map-icon::after { background-size: 40px; } @media screen and (max-width: 991px) { .fullquestions-banner, .fullorder-banner, .fulldiscount-banner { padding: 45px 45px; } .fullquestions-banner__buttons-wrapper, .fulldiscount-banner__buttons-wrapper, .fullorder-banner__buttons-wrapper{ margin-bottom: 275px; } .b-operator-steps { display: flex; flex-wrap: wrap; width: auto; height: auto; } .b-operator-steps-items { display: flex; flex-direction: row;} .b-operator-steps-title { margin: auto; width: auto;} .b-operator-steps-item{ margin: 15px; } .b-operator-steps-item + .b-operator-steps-item {margin: 15px;} .b-operator-steps-item + .b-operator-steps-item + .b-operator-steps-item {margin-left: 15px;} .popup { min-width: auto; } .upakovka-offer__inner { max-width: 90%; } .upakovka-offer__title, .upakovka-offer__title span { font-size: 32px; line-height: 43.2px; font-weight: 600; } .upakovka-offer__text { font-size: 16px; line-height: 17.6px; font-weight: 400; } .card-upakovka__title { font-size: 20px; line-height: 22px; font-weight: 600; } .upakovka .card-maintenance { padding: 20px; border: 1px solid #E3E3E3; } .upakovka .accordion__icon { padding: 0rem; min-width: 63px; max-width: 63px; } .upakovka h1 { padding-bottom: 35px; } .cookie { max-width: 100%; } a.main_usluga { width: 45%; margin: 5px; } .main_uslugi_wrap { flex-wrap: wrap; } .b-operator-main-item { display: flex; flex-direction: column; align-items: center; gap: 50px; } .b-operator-steps { display: flex; flex-direction: column; flex-wrap: nowrap; } .b-operator-steps-arrow { display:none; } .b-operator-steps-item { width: 150px; } .b-operator-steps-items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center } .b-operator-steps-item .btn1 { padding: 5px; } .card_video_img-mob { display:block; margin-bottom: 50px; } .card_video_img-mob img{ height: 100%; min-height: 200px; width: 100%; min-width: 300px; } .card_video_text p { text-align: center; font-size: 20px; margin-bottom: 5rem; } .card_video_name { font-size: 30px; line-height: 33px; font-weight: 500; } .card_video_text { text-align: center; margin: 50px 0px; } .card_video_img { display:none; } } @media screen and (max-width: 430px) { .b-operator-steps-items { display: flex; flex-direction: column; margin: auto; align-items: center; } .main_uslugi_wrap { flex-direction: column; align-content: center; } a.main_usluga { width: calc(75% - 8px); } .menu-mobile { min-height: auto; max-height: auto; -webkit-transition: auto; } .section-upakovka { display: flex; flex-direction: column; } .section-upakovka-img { text-align: center; } .section-upakovka-text h3 { text-align: justify; } .section-upak .breadcrumbs { margin-top: 100px; } .upakovka-elem { gap: 20px; } .upakovka-elem-text { width: 220px; } .upakovka__title, .upakovka__title div { font-size: 28px; margin: 0 0 24px 0; } } @media screen and (max-width: 350px) { .fullquestions-banner__buttons-wrapper, .fulldiscount-banner__buttons-wrapper, .fullorder-banner__buttons-wrapper{ margin-bottom: 240px; } } .footer__column--contacts {gap: 1rem !important;} .address-card {padding: 3rem 2.4rem;gap: 1rem;} a.menu-top__link { color: #ffffff; font-weight: 600; background: #4ca611; border-radius: 10px; padding: 1rem; padding-bottom: 1rem; margin-bottom: 15px; } a.menu-top__link:hover { color: #ffffff !important; background: #5DC11C; } a.menu-top__link:first-child { color: #4d4d4d; width: 100%; font-weight: 500; background: #fff; border-radius: 0; margin-bottom: 0; font-weight: 600; text-transform: uppercase; padding: 1rem; padding-bottom: 2.5rem; font-size: 1.5rem; line-height: 1.3; white-space: nowrap; letter-spacing: 1px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a.menu-top__link:first-child:hover { color: #4d4d4d !important; } .fancybox__slide { overflow: hidden; } .partner.card-review__head { margin: auto 0px; } /* End */ /* Start:/bitrix/templates/bizon_new/css/custom_rd.css?17539147278490*/ .logo__img { width: 10.5rem; height: auto; } a.menu-top__link { font-size: 1.4rem; font-weight: 500; border-radius: 5px; padding: 10px 10px 10px 10px; padding-bottom: 10px; margin-bottom: 23px; line-height: 1.2; } a.menu-top__link { font-weight: 500; } .menu-top { padding-left: 0; } a.menu-top__link:first-child { padding-bottom: 17px; font-weight: 600; margin-bottom: 10px; } .menu-top__link:last-of-type { font-weight: 500; } .header__contacts:last-of-type { padding-bottom: 0; } .menu__link { font-weight: 500; } .is-open > .search-input__wrapper { min-width: 300px; max-width: 100%; } .cookie { max-width: 540px; padding: 3rem 4.5rem; border-radius: 12px; position: fixed; left: auto; bottom: 30px; background-color: #FFF; z-index: 90; -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); } .cookie__title { padding: 1rem 0; font-size: 2.3rem; font-weight: 500; color: #333; text-align: center; } .cookie__text { font-size: 1.1rem; line-height: 1.5; padding-bottom: 2rem; } .list__item { font-weight: 500; } .offer__inner { width: 100%; max-width: 50%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3rem; padding-top: 90px; } .offer__title { font-size: 4rem; font-weight: 500; line-height: 1.1; } .offer__img { position: absolute; right: 0; top: 95px; width: 50%; height: auto; aspect-ratio: 34 / 25; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; } ul.list.offer__list { padding-left: 0; } .clients-offer__text-red { color: #ff0000; font-size: 1.5rem; font-weight: 600; } .b-operator-steps { display: flex; align-items: center; width: 100%; margin: 0px; justify-content: space-between; } .container-custom-cookie { z-index: 999; } .questions-banner__img { position: absolute; bottom: 0; right: 7%; width: auto; height: 100%; aspect-ratio: 597 / 511; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; } .news-list__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6rem; padding-bottom: 3rem; } /* -- contacts -- */ .full-contacts { position: relative; margin: -14px; display: flex; flex-wrap: wrap; justify-content: center; } .full-contacts__item { padding: 14px; display: flex; flex-direction: column; flex: 0 0 auto; max-width: 100%; width: 25%; } @media (max-width: 991px) { .full-contacts__item { width: 50%; } } @media (max-width: 767px) { .full-contacts__item { width: 100%; } } .full-contacts__card { border: 1px solid #52a72e; border-radius: 10px; padding: 14px 24px 36px 24px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .full-contacts__card__title { font-size: 20px; line-height: 1.5; font-weight: 600; margin-bottom: 21px; } .full-contacts__card__address { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 40px; } .full-contacts__card__info { list-style: none; margin: 0 0 40px 0; padding: 0; color: #1E1E1E; font-size: 14px; line-height: 1.5; font-weight: 300; } .full-contacts__card__info li { display: flex; flex-wrap: wrap; align-items: center; margin-top: 14px; } .full-contacts__card__info li:first-child { margin-top: 0; } .full-contacts__card__info li i { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 15px; color: #CA1E12; flex: 0 0 auto; max-width: 100%; } .full-contacts__card__info li i svg { max-width: 100%; max-height: 100%; } .full-contacts__card__info li div { flex: 1 0 0%; } .full-contacts__card__phones { list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 1.5; font-weight: 500; white-space: nowrap; } .full-contacts__card__phones li { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: -10px; } @media (max-width: 1320px) { .full-contacts__card__phones li { margin: -5px; } } .full-contacts__card__phones li div { padding: 10px; } @media (max-width: 1320px) { .full-contacts__card__phones li div { padding: 5px; } } .full-contacts__card__phones .ic { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex: 0 0 auto; max-width: 100%; } .full-contacts__card__phones .ic svg { display: block; max-width: 100%; max-height: 100%; } h1 > span { color: #4CA611; } .icon-f-cont { padding: 10px 6px 10px 6px !important; } /*---------------------------------------*/ @media (min-width: 1320px) { .container-custom { width: 1280px; } } @media (max-width: 1320px) { .container-custom { width: 1230px; } a.vk-link img { max-width: 30px; height: auto; } } @media (max-width: 767px) { a.menu-top__link { color: #ffffff !important; font-weight: 600 !important; background: #4ca611 !important; border-radius: 10px !important; padding: 1rem !important; padding-bottom: 1rem !important; margin-bottom: 15px !important; font-size: 1.4rem !important; } .menu-top { gap: 1rem; } .menu-mobile__social img { margin: 0 !important; width: 25px; height: 25px; } .cookie { margin: 0 auto; right: 0; left: 0; max-width: 470px; } } @media (max-width: 991px) { .menu__link.is-arrow::after { top: 8px; } } @media (max-width: 1199px) { .container-custom { width: 100%; padding: 0 2rem; } a.vk-link img { max-width: 25px; height: auto; } .header__contacts { width: auto !important; } } @media (min-width: 767px) and (max-width: 1320px) { .offer__inner { width: 100%; max-width: 55%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4rem; padding-top: 75px; } .offer__title { font-size: 4rem; font-weight: 500; line-height: 1.1; } .offer__img { position: absolute; right: 0; top: 75px; width: 45%; height: auto; aspect-ratio: 34 / 25; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; } } @media (max-width: 991px) { .questions-banner__img { margin-top: 4rem; position: static; width: 100%; height: auto; } } @media (max-width: 767px) { .offer__inner { padding: 2.5rem 0; max-width: 100%; gap: 2rem; } } @media (max-width: 991px) { .offer__inner { padding: 4rem 0 0 0; margin: 0 auto; text-align: center; max-width: 80%; gap: 3rem; } } @media (max-width: 991px) { .offer__img { position: static; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (max-width: 575px) { .offer__title { font-size: 3.6rem; } } @media (max-width: 991px) { .offer__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 0; } } @media screen and (max-width: 991px) { .b-operator-steps-item { width: 180px; } .b-operator-steps-items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } .full-contacts { margin: 0px 0px 30px; } .notire { padding-left: 0; } .notire::before { display: none; } /* End */ /* Start:/local/components/bizon/forms/templates/feedback-modal/style.css?16998755471694*/ .fav_form { position: relative } .fav_form-hidden { display: none !important; } .fav_form-send { cursor: pointer; } .fav_form-input-error { color: #ff0000 !important; } .fav_form-input-error::placeholder { color: #ff0000 !important; } .fav_form-input-error::-webkit-input-placeholder { color: #ff0000 !important; } .fav_form-input-error::-moz-placeholder { color: #ff0000 !important; } .fav_form-input-error:-moz-placeholder { color: #ff0000 !important; } .fav_form-input-error:-ms-input-placeholder { color: #ff0000 !important; } .fav_form-error > span { display: block; margin: 0 0 20px 0; background-color: #ffeeee; border: 0; border-left: 4px solid #ff0000; font-size: 16px; font-weight: 400; padding: 13px 20px 13px 24px; line-height: 1.4; letter-spacing: -.11px; color: #252525; } .fav_form-message > span { display: block; margin: 10px 0; background-color: #dbfbdc; border: 0; border-left: 4px solid #3caa53; font-size: 16px; font-weight: 400; padding: 13px 20px 13px 24px; line-height: 1.4; letter-spacing: -.11px; color: #252525; } .fav_form-pattern { width: 100%; height: 100%; z-index: 1; display: none; position: absolute; background: rgba(255, 255, 255, 0.3); left: 0; top: 0; } .fav_form-pattern::after { content: ''; top: 0; left: 0; bottom: 0; right: 0; width: 100px; height: 15px; margin: auto; position: absolute; display: inline-block; background: url('/local/components/bizon/forms/templates/feedback-modal/./loading.svg'); background-size: cover; background-position: center; } .fav_form-pattern-active { width: 100%; height: 100%; z-index: 1; display: block; position: absolute; background: rgba(255, 255, 255, 0.3); left: 0; top: 0; } /* End */ /* Start:/bitrix/components/abudagov/socnetlink/templates/.default/style.css?17574293213290*/ /* ch def style */ .ab-sidebar .ab-sidebar__link, .ab-sidebar .ab-sidebar__link:hover, .ab-sidebar .ab-sidebar__link:focus, .ab-sidebar .ab-sidebar__link:active, .ab-sidebar .ab-sidebar__link:visited{ display: block; border: none; outline: none; background: none; max-width: none; max-height: none; min-width: 0; min-height: 0; opacity: 1; padding: 0; margin: 0; text-decoration: none; } /* style */ .ab-sidebar{} .ab-sidebar .ab-sidebar__link{ display: block; background-repeat: no-repeat; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; } .ab-sidebar__ico{ display: block; width: 46px; height: 46px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ab-sidebar__ico-shadow{ -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 4px -3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 4px -3px rgba(0,0,0,.3); -ms-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 4px -3px rgba(0,0,0,.3); -o-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 4px -3px rgba(0,0,0,.3); box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 4px -3px rgba(0,0,0,.3); } .ab-sidebar.ab-position-left{left: 0;} .ab-sidebar.ab-position-right{right: 0;} .ab-sidebar.ab-position-indiv .ab-sidebar__link{top: 0;} .ab-sidebar.ab-animation-none .ab-sidebar__link:hover{ } .ab-sidebar.ab-animation-twitch .ab-sidebar__link:hover{ } .ab-sidebar.ab-animation-rotate .ab-sidebar__link:hover .ab-sidebar__ico{ -moz-transform: srotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .ab-sidebar.ab-position-left.ab-animation-shift .ab-sidebar__link:hover{left: 10px;} .ab-sidebar.ab-position-right.ab-animation-shift .ab-sidebar__link:hover{left: -10px;} .ab-sidebar.ab-position-indiv.ab-animation-shift .ab-sidebar__link:hover{top: -5px;} .ab-sidebar__ico, .ab-sidebar__ico-color{background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/color/icons.png?102018');} .ab-sidebar__ico-dark{background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/dark/icons.png?102018');} .ab-sidebar__ico-light{background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/light/icons.png?102018');} #snl, .snl{ display: inline-block; } .ab-position-indiv{ display: none; } #snl .ab-position-indiv, .snl .ab-position-indiv{ display: inline-block; position: relative !important; } #snl .ab-position-indiv .ab-sidebar__link, .snl .ab-position-indiv .ab-sidebar__link{ display: inline-block !important; margin-right: 5px !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution:192dpi) { .ab-sidebar__ico, .ab-sidebar__ico-color{ background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/color/icons@2x.png?102018'); background-size: 230px 506px; } .ab-sidebar__ico-dark{ background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/dark/icons@2x.png?102018'); background-size: 230px 506px; } .ab-sidebar__ico-light{ background-image: url('/bitrix/components/abudagov/socnetlink/templates/.default/./themes/light/icons@2x.png?102018'); background-size: 230px 506px; } } @media screen and (max-width:767px) { .ab-hidden-xs-Y {display: none;} } @media screen and (max-width:480px) { .ab-sidebar{ position: fixed; } } @media (min-width:993px) { .mobile_phone-mobile { display: none !important; } } @media (max-width:993px) { .mobile_phone-desktop { display: none !important; } } /* End */ /* Start:/bitrix/templates/bizon_new/styles.css?1766989851711*/ .calc_button { padding: 22px 70.5px; background: linear-gradient(90deg, #0055C9 0%, #18B9D4 100%); border-radius: 1000px; font-weight: 800; font-size: 14px; line-height: 16px; color: #fff; float: right; margin-bottom: 10px; } .calc_button:hover { color: #fff; } @media screen and (max-width: 767px){ .calc_button { width: 100%; text-align: center; font-weight: 800; font-size: 14px; line-height: 16px; margin-bottom: 0; margin-top: 12px; } #calc_frame { height: 330px; } } .calc_button:hover { background: linear-gradient(90deg, #18B9D4 0%, #0055C9 100%); } /* End */ /* /bitrix/templates/bizon_new/css/swiper-bundle.min.css?175067328718452 */ /* /bitrix/templates/bizon_new/assets/css/bootstrap-grid.css?1699875612102542 */ /* /bitrix/templates/bizon_new/assets/css/bootstrap-reboot.css?16998756127973 */ /* /bitrix/templates/bizon_new/assets/css/fancybox.css?169987561241633 */ /* /bitrix/templates/bizon_new/assets/css/swiper.css?16998756128599 */ /* /bitrix/templates/bizon_new/css/style.css?1738583858200493 */ /* /bitrix/templates/bizon_new/css/style_new.css?1779953127104031 */ /* /bitrix/templates/bizon_new/css/font.css?17328981232086 */ /* /bitrix/templates/bizon_new/css/custom.css?173771750912096 */ /* /bitrix/templates/bizon_new/css/custom_rd.css?17539147278490 */ /* /local/components/bizon/forms/templates/feedback-modal/style.css?16998755471694 */ /* /bitrix/components/abudagov/socnetlink/templates/.default/style.css?17574293213290 */ /* /bitrix/templates/bizon_new/styles.css?1766989851711 */