/* Start:/verstka/css/swiper-bundle.min.css?164795462215817*/ /** * Swiper 8.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 4, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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: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:10px;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-progressbar{background: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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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-slide-visible .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{100%{transform:rotate(360deg)}}.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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/verstka/css/fonts.css?16471804251775*/ @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: "Roboto"; src: url("/verstka/css/../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'rublregular'; src: url('/verstka/css/../fonts/rouble-webfont.eot'); src: url('/verstka/css/../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'), url('/verstka/css/../fonts/rouble-webfont.woff2') format('woff2'), url('/verstka/css/../fonts/rouble-webfont.woff') format('woff'), url('/verstka/css/../fonts/rouble-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal } /* End */ /* Start:/verstka/css/bootstrap-reboot.css?16337906637578*/ /*! * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ :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-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", Arial, "Noto Sans", "Liberation Sans", 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; } *, *::before, *::after { 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; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } 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], abbr[data-bs-original-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.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } 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; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } 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: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } 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]::-webkit-calendar-picker-indicator { display: none; } 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; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-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; } /*# sourceMappingURL=bootstrap-reboot.css.map */ /* End */ /* Start:/verstka/css/bootstrap-grid-changed.css?163379066372279*/ /*! * Bootstrap Grid v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 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-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", Arial, "Noto Sans", "Liberation Sans", 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; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); 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: flex; 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 > * { box-sizing: border-box; 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 { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { 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 { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { 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 { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { 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 { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { 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 { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { 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 { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { 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: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { 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: 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: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { 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: 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: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { 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: 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: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { 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: 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: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { 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: 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: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { 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: 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: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ /* End */ /* Start:/verstka/css/main.css?172804915849557*/ @charset "UTF-8"; /*@import url(/verstka/css/fonts.css); @import url(/verstka/css/bootstrap-reboot.css);*/ .collapsing { } .grecaptcha-badge{ display: none !important } .rub{ font-family: 'rublregular'; text-transform: none; font-weight: normal; } :root { --bs-body-color: #000019; } * { outline: none !important; } html, body { font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; height: 100%; } html.over { overflow-y: inherit; } html .no-overflow { overflow: hidden; } @media (min-width: 1024px) { html .no-overflow{ margin-right: 17px; } } @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: 1300px; } } /* ////////////////////////////////////// */ .svg-icon { position: relative; display: inline-block; fill: #333; vertical-align: inherit; line-height: normal; width: inherit; height: inherit; } svg:not(:root) { overflow: hidden; } .svg-icon > [class *= "svg"] { fill-rule: evenodd; } .svg--white{ fill: #ffffff; } .svg-icon + span{ margin-left: 10px; } .main-footer .svg-icon + span{ margin-left: 14px; } .svg-phone{ width: 20px; height: 20px; } .svg-mail{ width: 24px; height: 15px; } .svg-point{ width: 11px; height: 16px; } .svg-to-top{ width: 50px; height: 50px; fill: #7e8690 } .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; z-index: 1000; } .back-to-top:hover .svg-to-top{ fill: #285AAB } .text-error{ display: none; right: 0; bottom: 20px; position: absolute; } .text-error span{ position: absolute; right: -10px; top: -60px; background: #FF0000; font-size: 12px; color: #fff; padding: 5px 14px; width: auto; white-space: nowrap; } .text-error:after{ content: ''; display: block; position: absolute; width: 22px; height: 22px; background: url(/verstka/css/../img/icons/error.svg) no-repeat; right: 16px; bottom: 0; } .text-error span:before{ content: ''; position: absolute; right: 33px; bottom: -10px; border: 5px solid transparent; border-top: 5px solid #FF0000; } .error .text-error{ display: block } .form-contact .g-recap, .popup .g-recap{ display: none; } .control-checkbox.error .control-indicator{ border-color: #FF0000; } .navbar-toggler { padding: 0; background-color: transparent; border: 0; border-radius: 0; transition: box-shadow .15s ease-in-out; } .navbar-toggler-icon { display: inline-block; width: 20px; height: 14px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('/verstka/css/../img/icons/burger.svg'); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: transform .3s ease-in-out, visibility .3s ease-in-out; } .header-dark .navbar-toggler-icon{ background-image: url('/verstka/css/../img/icons/burger-white.svg'); } .header-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon, .header-brand .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .sidebar{ position: absolute; top: 110px; left: 12px; width: 416px; width: 744px; background: rgba(0, 0, 25, 0.85); border: 1px solid rgba(255, 255, 255, 0.5); z-index: 100; padding: 30px 56px 30px 30px; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); display: none; border-radius: 8px; } .main-header.header-sticky .sidebar{ top: 46px; } .sidebar.show{ display: block; } .sidebar .nav-link:hover{ color: rgba(255, 255, 255, 0.5); } .sidebar__text{ margin-top: 60px; font-weight: 300; font-size: 16px; line-height: 19px; color: #FFFFFF; } .sidebar .nav-link{ font-size: 16px; line-height: 20px; font-weight: 500; color: #FFFFFF; padding: 0 0 15px 0; position: relative; } .sidebar .collapse-item{ display: block; font-size: 16px; line-height: 20px; font-weight: 400; color: #FFFFFF; padding-bottom: 15px; padding-left: 15px; } .sidebar .nav-collapse{ padding-left: 30px; margin-bottom: 0; list-style: none; } .sidebar .collapse-item:hover{ text-decoration: underline; } .sidebar .nav-collapse{ list-style: none; margin-bottom: 0; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu.show { display: block; } .navbar-nav .dropdown-menu { position: static; } .sidebar .navbar-nav{ flex-wrap: wrap; flex-direction: inherit; } .sidebar .nav-item{ width: 50%; margin-bottom: 25px; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: 0; margin-left: -1px; color: #555; background-color: transparent; border: 1px solid transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; font-size: 0.875rem; text-align: center; text-transform: uppercase; width: calc(1.5em + 1.875rem); height: calc(1.5em + 1.875rem); line-height: calc(1.5em + 1.875rem); } .page-item:first-child .page-link { margin-left: 0; } .page-item.active .page-link { z-index: 1; border-color: #3a86ff; color: #363636; background-color: transparent; } .page-item.active .page-link { z-index: 10; } .page-link:hover { z-index: 2; color: #555; text-decoration: none; background-color: transparent; border-color: #dddddd; } .catalog-pagination{ margin-top: 20px; display: flex; justify-content: center } h1 { font-size: 48px; line-height: 50px; font-weight: bold; margin-bottom: 42px; color: #285AAB; } a { color: #3A86FF; text-decoration: none; } a:hover { color: #285AAB; } p{ margin-bottom: 20px; } .list-unstyled { padding-left: 0; list-style: none; } .breadcrumb{ margin-bottom: 24px; margin-top: 24px; } .breadcrumb ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #000019; font-size: 14px; font-weight: 300; list-style: none; padding: 0; } .breadcrumb__item + .breadcrumb__item::before { display: inline-block; content: "/"; padding: 0 6px; } .breadcrumb__item a{ color: #000019; text-decoration: none; } .breadcrumb__item a:hover{ text-decoration: underline } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 22px; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .btn { display: inline-block; font-weight: 500; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 12px 48px; font-size: 16px; border-radius: 8px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-primary { color: #fff; background-color: #3A86FF; border-color: #3A86FF; } .btn-primary:hover{ color: #fff; background-color: #285AAB; border-color: #285AAB; } .btn-submit{ pointer-events: none; opacity: 0.6; } .btn-submit.correct{ pointer-events: auto; opacity: 1; } .btn-outline-primary { color: #3A86FF; border-color: #3A86FF; } .btn-outline-primary:hover { color: #fff; background-color: #3A86FF; border-color: #3A86FF; } .btn-sm{ padding: 8px 30px; } .fade { opacity: 0; transition: opacity .15s linear } .fade.in { opacity: 1; } .fade.show { opacity: 1 } .collapse { display: none } .collapse.show { display: block } .form-group { position: relative; margin-bottom: 14px; } .form-field{ display: block; width: 100%; padding: 16px; line-height: 1.71; color: rgba(0, 0, 0, 0.5); font-size: 16px; background: #fff none; border: 1px solid #285AAB; border-radius: 8px; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; height: 56px; outline: none; background-clip: padding-box; } .form-field__label{ font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.7); margin-bottom: 8px; } .control-checkbox, .control-radio { display: block; position: relative; padding-left: 42px; margin-bottom: 6px; line-height: 20px; padding-top: 3px; } .form-footer .control-checkbox{ margin-bottom: 28px; } .catalog-filter .control-checkbox{ padding-left: 36px; margin-bottom: 10px; } .control-checkbox .control-text, .control-checkbox .control-radio{ font-size: 14px; color: #363636; font-weight: 400; font-size: 16px; color: rgba(0, 0, 0, 0.5); } .catalog-filter .control-text{ color: #363636; } .control-checkbox input, .control-radio input { position: absolute; z-index: -1; opacity: 0; } .control-checkbox .control-indicator, .control-radio .control-indicator { position: absolute; top: 2px; left: 0; width: 25px; height: 25px; background: #fff; display: block; border-radius: 4px; border: 1px solid #285AAB; } .catalog-filter .control-checkbox .control-indicator, .catalog-filter .control-radio .control-indicator{ height: 20px; width: 20px; background: #fff; border: 1px solid #C4C4C4; border-radius: 0; } .control-radio .control-indicator { border-radius: 50%; } .control-checkbox .control-indicator:after, .control-radio .control-indicator:after { content: ''; position: absolute; display: none; } .control-checkbox .control-indicator:after{ left: 5px; top: 6px; width: 14px; height: 10px; background: transparent url(/verstka/css/../img/icons/check-white.svg) no-repeat; } .catalog-filter .control-checkbox .control-indicator:after { left: 3px; top: 3px; width: 12px; height: 12px; background: #3A86FF; } .control-radio .control-indicator:after { left: 6px; top: 6px; width: 8px; height: 8px; background: #fff; border-radius: 50%; } .control-checkbox input:checked ~ .control-indicator, .control-radio input:checked ~ .control-indicator { background: #285AAB; } .catalog-filter .control-checkbox input:checked ~ .control-indicator, .catalog-filter .control-radio input:checked ~ .control-indicator{ background: #fff; } .control-checkbox input:checked ~ .control-indicator:after, .control-radio input:checked ~ .control-indicator:after { display: block; } .control-radio input:checked ~ .control-indicator:after { background-color: #fff; } .text-center { text-align: center!important; } .text-blue{ color: #285AAB; } .mb-50{ margin-bottom: 50px; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .vh-100 { height: 100vh; min-height: 100vh; } .main-header .container{ position: relative } .main-header{ position: fixed; top: 0; right: 0; bottom: auto; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 994; background: #fff; padding: 18px 0; } .header-brand{ display: flex; } .header-sticky .header-navbar{ display: none; } .header-sticky .header-top{ margin-bottom: 4px; } .header-brand .navbar-toggler__desktop{ display: none; margin-left: 30px; } .header-sticky .header-brand .navbar-toggler__desktop{ display: block } .header-dark{ background: transparent } .header-sticky { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; background: #fff; box-shadow: 0px 11px 10px -9px rgba(0, 0, 0, 0.25); z-index: 1000; } .header-top .logo-white{ display: none; } .header-dark .logo-black{ display: none; } .header-dark .logo-white{ display: block; } /*.header-sticky{ -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; position: fixed; top: 0; right: 0; bottom: auto; left: 0; }*/ .header-top{ display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center; } .header-contacts{ display: flex; align-items: center; } .header-contacts a{ color: #000019; font-size: 14px; text-decoration: none; margin-left: 70px; font-weight: bold; } .header-dark .header-top a{ color: #fff } .header-top a:hover{ color: #3A86FF; } .main-header .svg-mail, .main-header .svg-phone { fill: #000019; } .header-dark .svg-mail, .header-dark .svg-phone, .header-dark .svg-point { fill: #ffffff; } .header-top a:hover .svg-mail, .header-top a:hover .svg-phone, .header-top a:hover .svg-point { fill: #3A86FF; } .header-top .svg-phone{ width: 13px; height: 13px; } .header-top .svg-mail{ width: 17px; height: 11px; } .header-search{ } .search-form { position: relative; width: 308px; } .header-search input::placeholder { color: #000019 } .header-dark .header-search input::placeholder { color: rgba(255, 255, 255, 0.75); } .search-form__input { display: block; width: 100%; padding: 5px 20px 5px 20px; height: 30px; line-height: 1; background-color: transparent; border: 1px solid #000019; border-radius: 93px; color: #000019; font-size: 14px; } .header-dark .search-form__input{ background-color: rgba(255, 255, 255, 0.1); border-color: #fff; color: #fff; } .search-form__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent url(/verstka/css/../img/icons/search-button.svg) no-repeat center; width: 40px; height: 30px; position: absolute; padding: 0; cursor: pointer; top: 0; right: 0; } .search-form__btn { background-image: url(/verstka/css/../img/icons/search-button-black.svg); } .header-dark .search-form__btn { background-image: url(/verstka/css/../img/icons/search-button-white.svg); } .header-navbar{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-nav .nav-link{ font-size: 16px; line-height: 24px; color: #000019; text-decoration: none; position: relative; } .header-dark .header-nav .nav-link{ color: #fff; } .header-nav .nav-link:after { background-color: #3A86FF; display: block; position: absolute; left: 22px; bottom: 11px; content: ''; height: 8px; width: 0%; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; transition: width .3s ease-in-out; z-index: -1; } .header-nav .nav-link.active:after, .header-nav .nav-link:hover:after, .header-nav .nav-link:focus:after { width: 51px; } .main-slider__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; } .main-slider__bg:after { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0, 0, 25, 0.8); } .main-slider__swiper .container { height: 100%; } .main-slider__wrap{ display: flex; align-items: center; color: #fff; text-align: center; padding-top: 6.25rem; padding-bottom: 6.25rem; } .main-slider__text{ color: #fff; z-index: 1; padding: 0 6rem; } .main-slider__text h2{ font-weight: bold; font-size: 72px; line-height: 81px; color: #fff; position: relative; margin-bottom: 80px; } .main-slider__text h2 a{ color: #fff; text-decoration: underline } .main-slider__text h2:after{ content: ''; position: absolute; left: 50%; background: #fff; display: block; height: 1px; width: 164px; bottom: -40px; margin-left: -82px; } .main-slider__text p{ font-weight: 300; font-size: 24px; line-height: 24px; letter-spacing: 1.3px; margin-bottom: 65px; } .main-slider__text .btn{ padding: 12px 31px; } .main-slider__pagination .swiper-pagination-bullet{ background: rgba(255, 255, 255, 0.5); width: 8px; height: 8px; margin: 0 5px; } .main-slider__pagination .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: #fff; } .main-slider .swiper-horizontal>.swiper-pagination-bullets, .main-slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 50px; } .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .main-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(1) } .main-catalog h2{ font-size: 36px; } .main-catalog__item { transition: all .2s; transition-delay: 0s; position: relative; } .main-catalog__item:hover{ transform: translateY(-8px); } .main-catalog__img{ display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; max-width: 100%; width: 100% } .main-catalog__bottom{ position: relative; padding: 16px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 4px 4px rgba(40, 54, 70, 0.15), 0px 12px 14px -5px rgba(40, 90, 171, 0.15); } .main-catalog__item:hover .main-catalog__bottom{ box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important; } .main-catalog__title{ font-family: Roboto; font-style: normal; font-weight: 500; font-size: 22px; line-height: 22px; color: #283646; } .main-catalog__title:after{ content: ''; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); display: block; margin-top: 14px; margin-bottom: 14px; } .main-catalog__price{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 16px; color: #285AAB; } .main-catalog__link { position: absolute; z-index: 3; bottom: 0; right: 0; left: 0; top: 0; } .main-catalog__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; } .main-text__title{ background: #283646; padding: 10px 100px 10px 0; position: relative; display: inline-block; margin-bottom: 50px; max-width: 80%; } .main-text__title:after{ content: ''; display: block; background: #283646; position: absolute; right: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .main-text h1{ font-family: Roboto; font-style: normal; font-weight: 500; font-size: 32px; line-height: 37px; color: #FFFFFF; margin: 0; z-index: 2; position: relative; } .main-text h2{ font-weight: 500; font-size: 24px; line-height: 28px; margin-bottom: 18px; } .main-text p{ font-weight: 400; font-size: 18px; line-height: 21px; } .main-why{ background: rgba(0, 0, 0, 0.02); padding: 40px 0; } .main-why__title{ text-align: center; color: #283646; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 36px; line-height: normal; margin-bottom: 58px; } .main-why__advantages { display: flex; margin-bottom: 30px; flex-wrap: wrap; } .main-why__item { text-align: center; width: 25%; margin-bottom: 25px; } .main-why__text { font-family: Roboto; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; text-align: center; color: #283646; margin-bottom: 40px; } .main-news h2{ font-weight: bold; font-size: 36px; line-height: normal; margin-bottom: 30px; } .main-news__img{ display: block; position: relative; border-radius: 8px; } .main-news__img img{ width: 100%; border-radius: 10px; } .main-news__img:after{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; opacity: 0; border-radius: 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.3); } .main-news__img:hover:after{ opacity: 1; } .main-news__bottom{ margin-top: 12px; } .main-news__title a{ font-weight: 700; font-size: 18px; line-height: 20px; color: #283646; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .main-news__title a:hover{ color: #285AAB; } .main-news__date{ font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.7); margin-bottom: 8px; } .slider-carusel .swiper-button-next.swiper-button-disabled, .slider-carusel .swiper-button-prev.swiper-button-disabled { opacity: 0; overflow: hidden; } /*.slider-carusel .swiper-button-next:after, .slider-carusel .swiper-button-prev:after{ width: 18px; height: 29px; content: ''; } .slider-carusel .swiper-button-next:after{ background: url(/verstka/css/../img/icons/arrow-right-carusel.svg) no-repeat; } .slider-carusel .swiper-button-prev:after{ background: url(/verstka/css/../img/icons/arrow-left-carusel.svg) no-repeat; }*/ .slider-carusel .swiper-button-next, .slider-carusel .swiper-button-prev{ top: 28%; color: #fff; } .slider-carusel .swiper-button-prev:after, .slider-carusel .swiper-button-next:after{ font-size: 26px; } .slider-carusel .swiper-pagination-bullet{ background: rgba(0, 0, 0, 0.5); } .slider-carusel .swiper-pagination-bullet-active{ background: #3A86FF; } .slider-carusel .swiper-wrapper{ padding-bottom: 50px; } .slider-default{ } .slider-default__img{ border-radius: 8px; } .content-detail .slider-default__img{ margin-bottom: 0; } .slider-default .swiper-wrapper{ padding-bottom: 40px; } .slider-carusel .swiper-horizontal>.swiper-pagination-bullets, .slider-carusel .swiper-pagination-bullets.swiper-pagination-horizontal, .slider-default .swiper-horizontal>.swiper-pagination-bullets, .slider-default .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0; } .slider-default .swiper-button-next, .slider-default .swiper-button-prev{ margin-top: -45px; } .slider-default .swiper-button-next:after, .slider-default .swiper-button-prev:after{ font-size: 30px; } .slider-cert .swiper-wrapper{ padding-bottom: 0; } .slider-cert__item { max-width: 305px; } .catalog-article{ margin-top: 16px; } .catalog-article h2{ color: #285AAB; font-size: 36px; margin-bottom: 30px; } .catalog-articles__img{ width: 310px; } .catalog-article__all{ text-align: center; } .catalog-list h1, .section-title h1{ color: #285AAB; } .catalog-list__item{ position: relative; overflow: hidden; margin-bottom: 24px; border-radius: 10px; } .catalog-list__img{ position: relative; } .catalog-list__img:after{ background: rgba(255, 255, 255, 0.75); position: absolute; content: ''; width: 100%; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .catalog-list__item:hover .catalog-list__img:after{ background: rgba(0, 0, 25, 0.8); } .catalog-list__img img{ max-width: 100%; } .catalog-list__hidden { position: absolute; padding-left: 36px; width: 100%; top: 80%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .catalog-list__desc{ color: #fff; font-size: 18px; line-height: 24px; padding-right: 30px; } .catalog-list__item:hover .catalog-list__hidden { top: 50%; opacity: 1; } .catalog-list__link{ font-weight: bold; font-size: 42px; color: #fff !important; } .catalog-list__sub{ margin-top: 45px; } .catalog-list__sub-link{ color: #fff !important; display: block; font-size: 18px; } .catalog-list__link:hover, .catalog-list__sub-link:hover{ text-decoration: underline } .catalog-list__title{ font-weight: bold; font-size: 42px; color: #000019; position: absolute; top: 40%; text-align: left; left: 0; padding-left: 36px; opacity: 1; } .catalog-list__item:hover .catalog-list__title{ opacity: 0; } .catalog-head{ display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 25px; } .catalog-head h1{ margin-bottom: 0; } .catalog-tab-nav .nav-link { background: 0 0; border: 1px solid #3A86FF; border-radius: 8px; color: #3A86FF; font-weight: 600; width: 180px; font-size: 15px; padding: 10px 22px; white-space: nowrap; } .catalog-tab-nav .nav-link.active{ color: #fff; background-color: #3A86FF; } .catalog-tab-nav .nav-item + .nav-item{ margin-left: 22px; } .catalog-tab-nav .nav{ overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .catalog-tab-nav .nav::-webkit-scrollbar, .catalog-tab-nav .nav::-webkit-scrollbar-thumb { background-color: transparent } .catalog-desc{ position: relative; margin-bottom: 20px; } .catalog-desc__text{ font-weight: 400; font-size: 16px; color: #000019; background: #F8F9FA; padding: 22px 0 28px 0; position: relative; z-index: 2; } .catalog-desc:after { content: ''; display: block; background: #F8F9FA; position: absolute; right: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .catalog-desc:before { content: ''; display: block; background: #F8F9FA; position: absolute; left: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } main{ overflow: hidden; } .headroom--light main{ padding-top: 130px; } .headroom--light .main-header{ background: #fff; } .content-detail img{ max-width: 100%; margin-bottom: 12px; } .content-detail { font-size: 16px; } .content-detail table{ caption-side: bottom; border-collapse: collapse; width: 100%; margin-bottom: 20px; color: #363636; vertical-align: top; border: 1px solid rgba(40, 54, 70, 0.5); text-align: center; font-weight: 300; background: #F8F9FA; } .content-detail table tr td{ border: 1px solid rgba(0, 0, 0, 0.25); padding: 2px 5px; } .content-detail table tr:nth-child(2n+1) td{ } .title-bg{ background: #283646; padding: 15px 30px 15px 0; position: relative; max-width: 70%; margin-bottom: 30px; margin-top: 30px; } .title-bg h2{ color: #FFFFFF; margin: 0; z-index: 2; position: relative; font-weight: 500; font-size: 26px; /*min-height: 115px;*/ display: flex; align-items: center; } .title-bg:before { content: ''; display: block; background: #283646; position: absolute; right: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .img-desc{ font-weight: 300; font-size: 14px; text-align: right; color: #283646; } .content-detail ul{ list-style: none; padding: 0; } .content-detail ul li{ position: relative; padding-left: 10px; } .content-detail ul li:before{ content: '\2022'; position: absolute; top: 50%; left: 0; top: 0; } .catalog-item{ position: relative; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-in-out; display: flex; flex-grow: 1; align-items: flex-end; flex-direction: column; } .catalog-item__wrap { width: 100%; background: #F8F9FA; padding: 22px 16px; padding-top: 20px; width: 100%; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .catalog-item:hover{ } .catalog-item__separate{ margin-bottom: 24px; } .catalog-item__img{ display: block; width: 100%; } .catalog-item__img img{ max-width: 100%; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; } .catalog-item__title{ font-weight: 500; font-size: 18px; line-height: 20px; color: #000; display: block; margin-bottom: auto; text-decoration: none; } .catalog-item__title:hover{ color: #285AAB; text-decoration: none; } .catalog-item__prop{ border-top: 1px solid #C4C4C4; margin-top: 14px; padding-top: 14px; color: #000; } .catalog-item__prop__item{ display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-weight: 400; font-size: 14px; line-height: 16px; color: #363636; margin-bottom: 10px; } .catalog-item__bottom{ display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 15px; align-items: center; } .catalog-item__price{ color: #285AAB; font-weight: 700; font-size: 24px; line-height: 24px; } .catalog-item__price-text{ font-size: 14px; display: block; line-height: normal; font-weight: 500; } .filter-bg{ background: #F8F9FA; padding: 25px 18px; } .catalog-filter__top{ margin-bottom: 24px; } .catalog-filter__top__title{ font-weight: 600; font-size: 24px; line-height: 28px; color: #000; } .catalog-filter__collapse, .bx-filter-parameters-box-title{ position: relative; background: transparent; border: 0; font-size: 16px; font-weight: 500; display: block; width: 100%; text-align: left; padding: 0; border-bottom: 1px solid #C4C4C4; padding-bottom: 6px; margin-bottom: 20px; padding-left: 0; padding-right: 30px; line-height: 19px; cursor: pointer; color: #000; } .bx-filter-parameters-box .bx-filter-block{ display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; margin-bottom: 30px; padding: 0 8px; margin-right: 15px; } .catalog-filter__content{ margin-bottom: 30px; margin-right: 15px; } .bx-filter-parameters-box.bx-active .bx-filter-block{ display: block; } .catalog-filter__collapse:after, .bx-filter-parameters-box-title:after{ position: absolute; right: 0; top: 8px; display: inline-block; width: 9px; height: 9px; background: url(/verstka/css/../img/icons/arrow-collapse.svg) no-repeat; margin-left: .255em; vertical-align: .255em; content: ""; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-filter__collapse.collapsed:after, .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title:after{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .catalog-filter__btn{ width: 80%; margin: 0 auto; text-align: center; margin-top: 40px; } .catalog-filter__btn .btn{ padding: 9px 60px; margin-bottom: 13px; } .catalog-filter__reset{ letter-spacing: 0.3px; color: #505050; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 24px; } .catalog-filter__reset:hover{ text-decoration: underline; color: #505050; } .catalog-filter__head{ margin-top: 30px; } .catalog-filter__head h2{ color: #285AAB; font-size: 36px; margin-bottom: 30px; font-weight: bold } .catalog-detail__back-link{ color: #000019; border-radius: 5px; padding: 6px 12px; border: 1px solid #3A86FF; font-size: 12px; margin-bottom: 10px; display: inline-block; } .catalog-detail__back-link:hover{ color: #3A86FF; } .catalog-detail__back-link span { vertical-align: middle; } .catalog-detail__back-link svg { width: 12px; height: 12px; line-height: normal; display: inline-block; vertical-align: middle; margin-right: 3px; } .catalog-detail__top{ margin-bottom: 30px; } .catalog-detail__img img{ max-width: 100%; border-radius: 8px; } .catalog-detail__img{ position: relative; } .catalog-detail h1{ font-weight: 500; font-size: 36px; line-height: 42px; color: #285AAB; margin-top: 30px; margin-bottom: 40px; margin-top: 0; margin-bottom: 30px; } .badge{ font-size: 14px; font-weight: 400; line-height: 1.2; padding: 5px 24px; border-radius: 2px; } .badge-inStock { color: #fff; background-color: #4F944F; } .badge-expect { color: #fff; background-color: #e35d46; } .catalog-detail__inStock{ margin-bottom: 20px; margin-top: 3px; position: absolute; top: -7px; right: 5px; } .catalog-detail__spec{ margin-bottom: 35px; margin-top: 10px; } .detail-spec__item { display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #363636; font-weight: 400; color: #6A6A6A; margin-bottom: 15px; font-size: 15px; line-height: 18px; margin-bottom: 10px; border-bottom: 1px dotted #dcdcdc; padding-bottom: 10px; } .detail-spec__text { padding-right: 10px; } .catalog-detail__price { display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .catalog-price { font-size: 48px; font-weight: 500; line-height: 50px; color: #3A86FF; position: relative; padding-right: 5px; } .catalog-price em { font-style: normal; font-size: 14px; display: block; color: #3A86FF; font-weight: 500; position: absolute; top: -17px; right: 0; } .catalog-price__desc{ color: rgba(0, 0, 0, 0.7); } .catalog-price__desc span{ color: #3A86FF; padding-right: 4px; } .catalog-detail__price .btn{ padding: 12px 60px; } .stages-work{ display: flex; justify-content: space-between; } .stages-work__item{ text-align: center; position: relative; z-index: 3; } .stages-work__points{ position: relative; width: 50px; } .stages-work__points:before{ display: block; content: ''; background: url(/media/css/../img/icons/stages-point.svg) no-repeat; position: absolute; width: 50px; height: 6px; top: 80px; left: 0; margin-left: 0 } .stages-work__title span{ font-weight: 600; display: block; margin-bottom: 8px; } .stages-work__title{ /*font-size: 24px; line-height: 32px; font-weight: 700;*/ font-size: 16px; font-weight: 400; color: #283646; margin-top: 24px; color: #fff; line-height: normal; } .catalog-stages{ margin-bottom: 50px; margin-top: 50px; background: #283646; padding: 50px 0; position: relative; } .catalog-stages:before { content: ''; display: block; background: #283646; position: absolute; left: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .catalog-stages:after { content: ''; display: block; background: #283646; position: absolute; right: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .catalog-stages h2{ text-align: center; margin-bottom: 50px; font-size: 48px; line-height: 64px; color: #283646; } .stages-work__img{ width: 96px; height: 96px; border-radius: 50px; background-color: #fff; -webkit-justify-content: flex-start; 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; margin: 0 auto; } .catalog-detail .catalog-tab-nav{ margin-bottom: 40px; } .catalog-detail .catalog-tab-nav .nav-item{ margin-left: 0; } .catalog-detail .catalog-tab-nav .nav-link{ border-radius: 0 } .catalog-item--fastener .catalog-item__wrap{ background: none; } .catalog-item--fastener .catalog-item__bottom{ margin-top: 25px; } .catalog-item__desc{ font-weight: 500; font-size: 12px; line-height: 14px; color: #000000; margin-top: 20px; } .catalog-delivery{ display: flex; justify-content: center; margin-top: 30px; width: 100% } .catalog-delivery__item{ width: 25%; } .catalog-delivery__wrap{ } .catalog-delivery__img{ height: 100px; position: relative; display: flex; flex-wrap: wrap; align-content: flex-end; width: 100%; justify-content: center; } .content-detail .catalog-delivery__img img{ width: 40%; max-width: 100%; } .catalog-delivery__title{ font-size: 16px; line-height: 20px; color: #6A6A6A; font-weight: 400; text-align: center; margin-top: 24px; padding: 0 16px; } .contact-list__item{ padding-bottom: 20px; border-bottom: 1px solid #283646; margin-bottom: 20px; } .contact-list__item:last-child{ margin-bottom: 50px; } .contact-list__title{ font-weight: 700; font-size: 16px; line-height: 19px; margin-bottom: 40px; } .news__item{ display: flex; margin-bottom: 8px; padding: 14px; } .news__item:hover{ background: rgba(58, 134, 255, 0.06); } .news__content{ margin-left: 25px; position: relative; width: 65%; } .news__title{ font-weight: 500; font-size: 24px; line-height: 26px; margin-bottom: 24px; } .news__title a{ color: #283646; } .news__head{ display: flex; margin-bottom: 40px; align-items: center; justify-content: space-between; } .news__tags{ margin-right: 0; margin-left: 0 } .news__head h1{ margin-bottom: 0; margin-right: 26px; } .news__hashtag a{ color: #000019; } .news__hashtag a:hover{ text-decoration: underline } .news__bottom{ position: absolute; bottom: 0; left: 0; width: 100%; display: flex; margin-top: 20px; justify-content: space-between; } .news__img img{ width: 100%; border-radius: 10px; } .news__tags ul { list-style: none; padding-left: 0; margin-bottom: 0; } .news__tags ul li { display: inline-block; padding: 0 20px; line-height: 30px; margin-right: 15px; border: 1px solid #3A86FF; border-radius: 8px; cursor: pointer; font-size: 14x; width: auto; } .news__tags .swiper-slide.active { background: #3A86FF; border-color: #3A86FF; } .news__tags-link { color: #333; text-transform: capitalize; } .news__tags ul li.active .news__tags-link { color: #fff; } .d-news__img{ float: left; max-width: 40%; padding: 0 12px 12px 0; } .d-news__img img{ max-width: 100%; border-radius: 10px; } .d-news__data{ font-weight: 400; font-size: 16px; line-height: 19px; margin-top: 25px; } .d-news__head{ display: flex; margin-bottom: 40px; align-items: start; justify-content: space-between; } .d-news__head h1{ margin-bottom: 0; max-width: 75%; } .d-news__head .btn{ width: 236px; } .hidden{ display: none; } .subtitle{ margin-bottom: 30px; } .main-footer{ } .footer-dark{ padding: 30px 0; background: #283646; margin-bottom: 40px; padding-bottom: 20px; } .footer-menu { } .footer-menu__item { position: relative; margin-bottom: 20px; } .footer-menu__title { position: relative; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 16px; color: rgba(255, 255, 255, 0.8); display: inline-block; text-decoration: none; margin-bottom: 25px; } .footer-menu .nav-link { position: relative; font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.4); text-decoration: none; padding: 0; line-height: normal; } .footer-menu .nav-link:hover, .footer-menu__title:hover{ color: #fff; text-decoration: underline; } .footer-top{ display: flex; justify-content: space-between; } .footer-menu__item .nav-item{ margin-bottom: 12px; } .footer-contacts{ display: flex; margin-bottom: 32px; } .footer-contacts__item + .footer-contacts__item{ margin-left: 50px; } .footer-contacts .svg-mail, .footer-contacts .svg-phone { fill: rgb(58, 134, 255); } .footer-contacts__item a{ color: rgba(255, 255, 255, 0.4); text-decoration: none; } .footer-contacts__item a:hover{ text-decoration: underline; } .footer-bottom{ padding-bottom: 48px; } .footer-bottom__menu{ margin-bottom: 13px; } .footer-bottom__menu .navbar-nav{ flex-direction: row; } .footer-bottom__menu .nav-link{ color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.3px; text-decoration: none; padding: 0; } .footer-bottom__menu .nav-link:hover{ text-decoration: underline; } .footer-bottom__menu .nav-item + .nav-item{ padding-left: 45px; } .footer-bottom__copy{ display: flex; align-items: flex-end; } .footer-copyright{ font-size: 12px; line-height: 14px; color: rgba(0, 0, 0, 0.7); /*margin-left: 45px;*/ } .footer-cert img + img{ margin-left: 25px; } .bar-contact{ margin-top: 30px; } .bar-contact h3{ font-weight: bold; font-size: 36px; line-height: normal; color: #283646; margin-bottom: 40px; padding-top: 35px; } .bar-contact__bg{ background: rgba(0, 0, 0, 0.02); border-radius: 8px; padding-bottom: 50px; } .form-contact{ width: 428px; margin: 0 auto; } .bar-contact__wrap{ display: flex; margin-top: 55px; } .bar-contact__item{ display: flex; width: 100%; } .bar-contact__icon{ width: 64px; height: 64px; background: #3A86FF; border-radius: 8px; margin-right: 16px; } .bar-contact__icon .svg-icon{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .bar-contact__icon .svg-mail, .bar-contact__icon .svg-phone{ fill: #ffffff; } .bar-contact__name{ font-size: 16px; line-height: 24px; font-weight: 400; color: rgba(0, 0, 0, 0.7); margin-bottom: 8px; } .bar-contact__link a{ font-weight: bold; font-size: 22px; line-height: 32px; color: #283646; text-decoration: none; } .bar-contact__link a:hover{ color: #3A86FF; text-decoration: underline; } .popup { position: fixed; left: 0; top: 0; z-index: 1060; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; } .popup.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .popup-wrap { max-width: 636px; width: 100%; padding: 42px 100px; background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; border-radius: 8px; } .popup-dark .popup-wrap{ background: #283646; -webkit-backdrop-filter: none; backdrop-filter: none; } .popup-title{ font-weight: 700; font-size: 36px; line-height: normal; color: #283646; margin-bottom: 30px; } .popup-dark .popup-title{ color: #fff; } .btn-close { width: 18px; height: 18px; background: transparent url(/verstka/css/../img/icons/close.svg) center no-repeat; border: 0; position: absolute; top: 20px; right: 20px; } .btn-close:hover{ opacity: 0.5 } .popup-dark .btn-close, .sidebar .btn-close{ background: transparent url(/verstka/css/../img/icons/close-dark.svg) center no-repeat; } .popup-dark .btn-close:hover{ background-image: url(/verstka/css/../img/icons/close-dark-hover.svg); } .popup-city .city-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .popup-city .city-label{ font-weight: 700; font-size: 16px; color: #fff; line-height: normal; cursor: pointer; } .popup-city .city-label:hover{ border-bottom: 1px solid #fff; } .popup-city__item{ margin-bottom: 8px; } .form-footer__btn-center{ display: flex; justify-content: center; } .footer__phone > a:before{ content: ''; display: inline-block; width: 20px; height: 20px; background: url('/media/img/icons/phone.svg') no-repeat; margin-right: 14px; vertical-align: middle; } .footer__mail > a:before{ content: ''; display: inline-block; width: 24px; height: 15px; background: url('/media/img/icons/mail.svg') no-repeat; margin-right: 14px; vertical-align: middle; } div[id^="wait_"]{ display: none !important; } .catalog-tab-nav{ margin-bottom: 25px; } .catalog-tab-nav .swiper-slide{ } .catalog-tab__item{ background: 0 0; border: 1px solid #3A86FF; border-radius: 8px; color: #3A86FF; font-weight: 600; width: 180px; font-size: 15px; padding: 10px 22px; } .swiper-slide-active .catalog-tab__item{ color: #fff; background-color: #3A86FF; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /*color schemes*/ .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{ background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{ background: #F9A91D; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{ background: #E22B2B; color: #fff; } .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } /* End */ /* Start:/verstka/css/responsive.css?172374881422882*/ .footer-menu__mobile, .main-catalog__btn--mobile, .news-slider__mobile, .catalog-filter__btn-mobile, .article-slider__mobile, .d-news__btn-mobile, .navbar-toggler__tablet, .navbar-toggler__mobile, .header-nav__mobile, .news__bottom--mobile, .visible-sm, .header-search--tablet, .sidebar-top__mobile, .popup-header__mobile, .header-right--mobile, .modal-thanks__logo{ display: none; } @media (max-width: 1379.98px){ .sidebar__text{ margin-top: 30px; } .sidebar .nav-item{ margin-bottom: 15px; } .catalog-item__price{ font-size: 20px; } } @media (max-width: 1199.98px){ h1{ font-size: 42px; margin-bottom: 30px; } .search-form { width: 240px; } .main-slider__text h2{ font-size: 64px } .main-slider__text p{ font-size: 18px; line-height: 22px; } .title-bg h2{ font-size: 22px; line-height: normal; } .main-text h1{ font-size: 26px; line-height: normal; } .main-text__title{ margin-bottom: 35px; } .catalog-list__title{ display: none; } .catalog-list__item .catalog-list__hidden{ opacity: 1 !important; top: 50%; } .catalog-list__link{ font-size: 32px; line-height: 38px; } .catalog-list__sub{ display: none; } .catalog-list__item:hover .catalog-list__hidden{ opacity: 0; } .catalog-list__img:after{ background: rgba(0, 0, 25, 0.6); } .catalog-list__link-wrap{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; } .catalog-list--desc .catalog-list__link:first-child { font-weight: bold; font-size: 32px; margin-bottom: 8px; } .catalog-list--desc .catalog-list__desc{ font-size: 14px; line-height: 18px; } .catalog-list--desc .catalog-list__item .catalog-list__hidden{ display: block; } .catalog-list--desc .catalog-list__item .catalog-list__hidden{ top: 50%; opacity: 1; } .catalog-list--desc .catalog-list__item:hover .catalog-list__title, .catalog-list--desc .catalog-list__item .catalog-list__title{ opacity: 0; } .catalog-head{ flex-direction: column; align-items: flex-start; margin-bottom: 20px; } .detail-spec__item{ font-size: 14px; line-height: 16px; } .catalog-detail__spec{ margin-top: 6px; } .catalog-detail__spec{ margin-top: 6px; margin-bottom: 25px; } .catalog-detail .catalog-tab-nav { margin-bottom: 30px; } .catalog-item__title{ font-size: 16px; line-height: 18px; } .catalog-stages{ margin-bottom: 40px; margin-top: 40px; } .stages-work__img{ width: 80px; height: 80px; } .catalog-price{ font-size: 42px; } .bar-contact__wrap{ flex-direction: column; } .bar-contact__item + .bar-contact__item{ margin-top: 50px; } .main-catalog__title{ font-size: 16px; } .main-slider__text{ padding: 0 3rem; } .catalog-item__bottom{ flex-direction: column; } .catalog-item__price{ margin-bottom: 8px; } .catalog-list__desc{ font-size: 16px; line-height: 20px; margin-top: 8px; } .main-why__text{ height: 44px; } .catalog-delivery__item { width: 33.33%; } .catalog-filter__btn{ width: 100%; margin-top: 30px; } .catalog-filter__btn .btn{ width: 100%; } .header-nav .nav-link{ padding: 0.5rem 18px; } .news__head{ align-items: start; flex-direction: column; } .news__head h1{ margin-bottom: 20px; } .catalog-item__price-text{ display: inline-block; } } @media (max-width: 991.98px){ .navbar-toggler__desktop{ display: none; } .navbar-toggler__tablet, .header-search--tablet{ display: block; } .navbar-toggler__tablet{ transition: box-shadow .15s ease-in-out; } .navbar-toggler__tablet .navbar-toggler-icon{ -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .active .navbar-toggler__tablet .navbar-toggler-icon{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mb-50 { margin-bottom: 40px; } .breadcrumb, .catalog-filter__wrap, .catalog-item__hidden-tablet{ display: none; } #header-dark{ background: #000019; } .header-top{ margin-bottom: 0 } .header-top.active .header-search--tablet{ display: block; } .header-top.active .header-contacts{ display: none; } .header-search--tablet .search-form{ width: 450px; } .main-header{ height: 60px; padding: 0; } .header-top{ height: 60px; } .catalog-list__link{ font-size: 26px; } .main-slider__text{ padding: 0; } .header-contacts a{ margin-left: 35px; } .title-bg{ max-width: 80%; } .catalog-list__hidden{ padding-left: 30px; } .catalog-list__desc{ font-size: 12px; line-height: 16px; margin-top: 8px; padding-right: 30px; } .footer-dark{ margin-bottom: 30px; } .footer-menu__title{ font-size: 15px; } .footer-menu .nav-link{ font-size: 14px; } .form-contact{ width: 320px; } .bar-contact h3{ margin-bottom: 25px; } .bar-contact__wrap{ margin-top: 35px; } .main-text h1{ font-size: 24px; } .main-text h2{ font-size: 20px; } .main-text p{ font-size: 14px; line-height: normal; } .main-why__title{ margin-bottom: 40px; } .main-why__text{ font-size: 16px; padding: 0 20px; margin-bottom: 20px; } .main-news h2{ margin-bottom: 20px; } .main-news__title, .main-news__title a{ font-size: 14px; } .main-catalog__title { font-size: 14px; } .main-catalog__bottom{ padding: 8px 0; } .main-text p { font-size: 16px; line-height: 20px; } .main-why__advantages{ margin-bottom: 15px; } .slider-carusel .swiper-button-next, .slider-carusel .swiper-button-prev { top: 26%; } .main-catalog__price{ font-size: 12px; } .main-catalog__title:after{ margin-top: 8px; margin-bottom: 8px; } .main-catalog__head .btn{ padding: 8px 40px; font-size: 15px; } .catalog-delivery__title{ padding: 0 14px; } .content-detail .catalog-delivery__img img{ width: 50%; } .catalog-filter__btn-mobile{ display: block; background: url(/verstka/css/../img/icons/filter.svg) no-repeat; border: 0; width: 28px; height: 22px; } .catalog-item__wrap{ padding: 14px 10px; padding-top: 14px; } .catalog-item__wrap .btn{ width: 100%; } .catalog-filter__head{ display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .catalog-filter__head h2{ margin-bottom: 0; } .catalog-filter__wrap.active{ display: block; position: absolute; background: #fff; right: 0; top: -25px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25); padding: 25px 15px 35px 15px; } .catalog-filter .row{ position: relative } .catalog-filter__top__title{ color: #285AAB; } .catalog-detail__spec{ margin-top: 0; margin-bottom: 15px; } .detail-spec__item{ margin-bottom: 6px; padding-bottom: 6px; } .catalog-price { font-size: 36px; } .catalog-price{ padding-right: 3px; font-size: 24px; } .catalog-price em{ top: -14px; } .header-nav, .header-search{ display: none; } .headroom--light main { padding-top: 80px; } .sidebar{ width: 100%; top: 18px; border: 0; border-radius: 0; } .sidebar__text{ display: none; } .header-nav__mobile{ display: flex; margin-top: 10px; } .sidebar .header-nav__mobile .nav-item{ width: auto; margin-right: 30px; margin-bottom: 0; } .news__item{ padding: 0; margin-bottom: 30px; } .news__item:hover{ background: transparent } .news__img{ width: 45%; } .news__content{ margin-left: 20px; width: 55%; } .news__title{ margin-bottom: 18px; } .news__desc, .news__bottom{ font-size: 14px; line-height: 16px; } .news__tags ul li{ font-size: 14px; margin-right: 10px; } .d-news__head h1{ font-size: 36px; line-height: 40px; max-width: 65%; } .main-slider__text h2 { font-size: 50px; } .sidebar{ position: fixed; top: 60px; left: 0; right: 0; } .main-header.header-sticky .sidebar{ top: 60px; } .sidebar__wrap{ max-width: 720px; margin-left: auto; margin-right: auto; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); } .sidebar{ padding-right: 0; padding-left: 0; } .contact-list__item{ font-size: 14px; } .header-sticky .header-brand .navbar-toggler__desktop{ display: none; } .back-to-top { bottom: 20px; right: 20px; } .footer-bottom__menu .nav-item + .nav-item { padding-left: 35px; } .footer-cert{ width: 35%; } .footer-bottom__copy{ flex-direction: column; align-items: start; } .footer-cert { width: 100%; } .footer-copyright { margin-left: 0; margin-top: 10px; } .sidebar .btn-close{ display: none } #header-dark .logo-white{ display: block; } #header-dark .logo-black{ display: none; } #header-dark .navbar-toggler-icon{ background-image: url('/verstka/css/../img/icons/burger-white.svg'); } #header-dark .header-top a { color: #fff; font-size: 12px; } #header-dark .svg-mail, #header-dark .svg-phone, #header-dark .svg-point{ fill: #ffffff; } #header-dark .search-form__input{ background-color: rgba(255, 255, 255, 0.1); border-color: #fff; color: #fff; } #header-dark .search-form__btn { background-image: url(/verstka/css/../img/icons/search-button-white.svg); } #header-dark .header-search input::placeholder { color: rgba(255, 255, 255, 0.75); } .catalog-tab-nav .nav-link{ width: 160px; padding: 8px 18px; } } @media (max-width: 767.98px){ .container, .container-fluid{ padding-left: 15px; padding-right: 15px; } .header-contacts, .header-nav, .footer-contacts, .news-slider, .article-slider, .navbar-toggler__tablet{ display: none; } .main-catalog__btn--mobile, .catalog-item__hidden-tablet, .navbar-toggler__mobile, .sidebar-top__mobile{ display: block; } .article-slider__mobile{ display: block; } .headroom--light main { padding-top: 70px; } h1 { font-size: 32px; line-height: 38px; margin-bottom: 20px; } p { margin-bottom: 12px; } .mb-50 { margin-bottom: 30px; } .btn{ font-size: 14px } .header-sticky{ background: #000019; } .header-mobile .svg-mail, .header-mobile .svg-phone, .header-mobile .svg-point{ fill: #ffffff; } /*.sidebar-active #header-light .navbar-toggler-close{ display: none; } .sidebar-active #header-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }*/ #header-light{ /*background: #fff*/ } .sidebar .navbar-nav{ flex-direction: column; max-width: 80%; } .sidebar .nav-item{ width: 100% } .sidebar .nav-link::after { position: absolute; right: 20px; top: 4px; display: inline-block; width: 6px; height: 12px; background: url(/verstka/css/../img/icons/arrow-right.svg) no-repeat; content: ""; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .sidebar .nav-link[aria-expanded="true"]:after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sidebar .header-nav__mobile .nav-item{ margin-right: 0; margin-bottom: 10px; } .sidebar .nav-item { margin-bottom: 13px; } .sidebar .header-nav__mobile .nav-link::after{ display: none } .header-nav__mobile{ flex-direction: column; } .content-detail { font-size: 14px; } .catalog-head h1{ margin-bottom: 0; } .title-bg { max-width: 100%; margin-bottom: 15px; margin-top: 15px; padding-right: 0; } .title-bg h2{ font-size: 18px; padding-right: 0; } .title-bg:after { content: ''; display: block; background: #283646; position: absolute; left: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .catalog-delivery{ flex-direction: column; } .catalog-delivery__item{ width: 100%; margin-bottom: 20px; } .catalog-delivery__img{ height: auto; } .catalog-delivery__title{ margin-top: 20px; } .content-detail .catalog-delivery__img img { width: 40%; } .catalog-tab-nav { margin-bottom: 10px } .catalog-tab-nav .nav-item + .nav-item{ margin-left: 12px; } .catalog-tab-nav .nav{ margin-right: -15px; } /*.catalog-tab-nav #tab-section .nav-item:first-child, .catalog-tab-nav #tab-section .nav-item:last-child{ width: 49%; } .catalog-tab-nav #tab-section .nav-item:nth-child(2){ order: 1; width: 100%; margin-top: 12px; }*/ .catalog-detail__spec{ margin-top: 15px; } .catalog-desc__text{ padding: 12px 0 12px 0; } .catalog-tab-nav .nav-link{ width: auto; } .catalog-tab-nav #tab-detail .nav-link{ width: 100%; padding: 10px 14px; font-size: 14px; font-weight: 500; } .catalog-tab-nav #tab-detail .nav-item{ width: 50% } .catalog-stages { margin-bottom: 30px; margin-top: 30px; } .catalog-list__hidden { padding-left: 15px; } .catalog-list__item{ margin-bottom: 15px; } .catalog-list__link{ line-height: 28px; font-size: 24px; } .catalog-list__desc{ display: none; } .catalog-list__img{ height: 130px; width: 100%; } .catalog-list__img img { max-width: 100%; object-fit: cover; height: 100%; width: 100%; } .main-catalog__head .btn{ display: none; } .main-catalog__btn--mobile{ width: 100%; margin-top: 15px; } .catalog-tab-nav{ width: 100% } .img-desc{ font-size: 12px; } .main-text__title:before{ content: ''; display: block; background: #283646; position: absolute; left: 50%; height: 100%; width: 50vw; top: 0; z-index: 1; } .main-text__title{ width: 100%; padding-right: 0; max-width: 100%; margin-bottom: 25px; } .main-text h2 { font-size: 18px; line-height: 22px; } .main-slider__text h2 { font-size: 32px; line-height: 38px; margin-bottom: 50px; } .main-slider__text h2:after{ width: 30px; bottom: -24px; margin-left: -15px; } .main-slider__text p { font-size: 14px; line-height: 18px; margin-bottom: 30px; } .main-slider__text .btn{ width: 100%; } .main-slider .swiper-horizontal>.swiper-pagination-bullets, .main-slider .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 20px; } .main-catalog h2 { font-size: 32px; line-height: 38px; margin-bottom: 0px; } .main-catalog__item{ margin-bottom: 15px; } .main-text h1 { font-size: 18px; } .main-why{ padding: 30px 0; padding-bottom: 15px; } .main-why .btn{ display: none; } .main-why__img{ order: -1; } .main-why__advantages { margin-bottom: 0; } .main-why__text{ margin-bottom: 0; margin-top: 10px; } .main-why__item{ width: 50%; display: flex; flex-direction: column; margin-bottom: 15px; } .main-why__title{ font-size: 32px; margin-bottom: 30px; } .form-contact { width: 100%; margin-bottom: 0; } .bar-contact h3{ font-size: 32px; padding-top: 20px; } .bar-contact__icon{ width: 45px; height: 45px; margin-right: 35px; } .bar-contact__item + .bar-contact__item { margin-top: 35px; } .bar-contact .row{ flex-direction: column-reverse; } .bar-contact__bg--xs{ background: rgba(0, 0, 0, 0.02); } .bar-contact__name{ margin-bottom: 0; line-height: 18px; } .bar-contact__bg{ background: transparent; padding-bottom: 20px; } .form-contact .control-text{ color: #000019; } .form-contact .btn{ width: 100%; } .footer-cert img{ max-width: 32px; } .footer-cert img + img{ margin-left: 18px; } .footer-copyright{ margin-left: 0; } .footer-top{ margin-bottom: 30px; } .footer-bottom__menu .nav-item + .nav-item { padding-left: 25px; } .footer-bottom__menu .nav-link{ font-size: 14px; } .footer-menu__item{ margin-bottom: 10px; } .footer-dark { margin-bottom: 15px; padding-bottom: 10px;; } .news-slider__mobile{ display: block; } .news-slider__mobile .btn, .article-slider__mobile .btn{ width: 100%; margin-top: 15px; } .main-news__item{ padding: 0 15px; margin-bottom: 24px; } .main-news h2{ font-size: 32px; } .main-news__title, .main-news__title a { font-size: 18px; line-height: 20px; } .catalog-filter__head{ margin-bottom: 22px; } .catalog-filter__head h2{ font-size: 32px; } .catalog-item__title{ font-size: 18px; line-height: 20px; } .catalog-item__bottom{ flex-direction: inherit; } .catalog-item__wrap .btn { width: auto; } .catalog-item__price { margin-bottom: 0; } .catalog-filter__top__title{ font-size: 32px; } .catalog-filter__wrap.active{ top: -80px; } .filter-close{ position: absolute; right: 15px; width: 18px; top: 30px; height: 18px; background: transparent url(/verstka/css/../img/icons/close.svg) center no-repeat; } .catalog-detail h1{ font-size: 32px; line-height: 34px; } .catalog-price{ line-height: 45px; font-size: 30px; } .catalog-detail__price .btn{ padding: 10px 48px; } .catalog-stages{ padding: 30px 0; padding-bottom: 10px } .stages-work__img { width: 70px; height: 70px; } .stages-work__img img{ width: 40px; } .stages-work{ justify-content: normal; align-items: flex-start; flex-wrap: wrap; } .stages-work__item{ width: 33.33%; margin-bottom: 20px; } .stages-work__title{ font-size: 14px; margin-top: 15px; } .news__item{ flex-direction: column; } .news__img, .news__content{ width: 100%; margin-left: 0 } .news__content{ order: 1; } .news__img{ order: 2; } .news__desc{ display: none } .news__title{ font-size: 18px; line-height: 22px; margin-bottom: 10px; } .news__bottom{ display: none; } .news__bottom--mobile{ display: flex; font-size: 12px; line-height: 16px; justify-content: space-between; margin-top: 15px; } .news__item{ margin-bottom: 24px; } .d-news__head h1{ max-width: 100%; font-size: 32px; line-height: 36px; } .d-news__head .btn{ display: none; } .d-news__img{ margin-bottom: 15px; } .d-news__btn-mobile{ display: block; } .d-news__btn-mobile .btn{ width: 100%; margin-top: 30px; margin-bottom: 20px; } .news__tags{ margin-left: auto; margin-right: auto; } .news__head{ display: block } .sidebar .nav-link{ font-size: 15px; font-weight: 600; border-bottom: 1px solid rgba(228, 228, 228, 0.2); padding: 0 0 13px 0; } .sidebar .header-nav__mobile .nav-link{ border-bottom: 0 } .sidebar__wrap{ max-width: 540px; } .visible-sm{ display: block; } .contact-list__title{ margin-bottom: 8px; } .contact-list__phone, .contact-list__mail, .contact-list__address{ margin-bottom: 15px; } .contact-list__item{ padding-bottom: 5px; } .contact-list__item:last-child{ margin-bottom: 30px; } .sidebar-top__mobile{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .sidebar-top__mobile .svg-mail { width: 20px; height: 13px; } .sidebar-top__mobile .svg-phone { width: 16px; height: 16px; } .sidebar{ padding-top: 10px; background: #000019; width: 100vw; max-width: 100vw; height: 100vh; overflow: auto; bottom: 0; height: 100vh; } .sidebar-top__mobile a{ color: #77808B; font-weight: 400; font-size: 16px; line-height: normal; } .popup-title{ font-size: 32px; } .popup-city .city-label{ font-weight: 400; } .btn-close, .popup-dark .btn-close{ background: transparent url(/verstka/css/../img/icons/close-mobile.svg) center no-repeat; width: 30px; height: 30px; top: 14px; right: 16px; } .navbar-toggler-close{ background: transparent url(/verstka/css/../img/icons/close-mobile.svg) center no-repeat; width: 30px; height: 30px; top: 14px; right: 16px; display: none } .sidebar-active .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{ display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sidebar-active #header-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{ display: none; } .sidebar-active #header-dark .navbar-toggler-close{ display: block; } .sidebar-active{ overflow: hidden; } .popup-title{ color: #FFFFFF; } .popup-wrap .form-field__label{ color: rgba(255, 255, 255, 0.7); } .popup-wrap .control-checkbox .control-text{ color: rgba(255, 255, 255, 0.5); } .popup-wrap .btn-primary{ width: 100% } .popup-header__mobile{ display: flex; padding-bottom: 45px; } .popup-wrap{ width: 100vw; height: 100vh; padding: 18px 15px; background: #000019; } .popup-dark .popup-wrap{ background: #000019; } .sidebar__wrap{ padding: 0 15px; margin-top: 10px; } .sidebar-top__mobile--right a:last-child{ margin-right: 5px; margin-left: 35px; } .popup-title{ margin-bottom: 20px; } .footer-bottom { padding-bottom: 26px; } .header-nav__mobile{ margin-bottom:80px; } .sidebar .nav-collapse{ margin-top: 20px; } .sidebar .collapse-item{ font-size: 15px; } .header-right--mobile{ display: flex } .header-mobile .header-right--mobile .svg-phone{ fill: #000019; width: 20px; height: 20px; } .header-mobile #header-dark .header-right--mobile .svg-phone{ fill: #fff; } .header-mobile .header-right--mobile a{ margin-right: 30px; } .back-to-top { bottom: 15px; right: 15px; } .svg-to-top { width: 40px; height: 40px; } .slider-default__img{ width: 100%; } .slider-default { margin-bottom: 20px; } .slider-default .swiper-wrapper { padding-bottom: 30px; } .slider-cert .swiper-wrapper { padding-bottom: 0; } .catalog-detail__back-link { display: none; } .catalog-article__all{ display: none; } } @media (max-width: 575.98px){ .hidden-xs{ display: none !important } .footer-dark { padding-bottom: 20px; } .footer-menu__mobile{ display: block; } .footer-bottom__menu{ display: none; } .footer-menu__title{ margin-bottom: 10px; font-size: 14px; display: block; } .d-news__img { float: none; max-width: 80%; padding: 0; } .bx-pagination .bx-pagination-container .bx-pagination__nav li{ margin: 0 1px 15px 1px; } .bx-pagination__nav .bx-pag-next, .bx-pagination__nav .bx-pag-prev{ position: relative } .bx-pagination__nav .bx-pag-prev span, .bx-pagination__nav .bx-pag-next span{ text-indent: -9999px; } .bx-pagination__nav .bx-pag-next a span:before, .bx-pagination__nav .bx-pag-next > span:before, .bx-pagination__nav .bx-pag-prev a span:before, .bx-pagination__nav .bx-pag-prev > span:before{ background: url(/verstka/css/../img/icons/arrow-navigation.svg) no-repeat; display: block; content: ''; position: absolute; left: 50%; width: 6px; height: 12px; top: 50%; margin-top: -6px; margin-left: -2px; } .bx-pagination__nav .bx-pag-prev span:before{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .bx-pagination__nav .bx-pag-next > span:before, .bx-pagination__nav .bx-pag-prev > span:before{ opacity: 0.5; } } /* End */ /* Start:/local/templates/metr/components/wapxaz/ajaxform/form-ajax/style.css?16527043543519*/ .form-box { -webkit-box-shadow: 0 0 46px rgba(1, 2, 2, .27); box-shadow: 0 0 46px rgba(1, 2, 2, .27); } .form-box .form { padding: 20px 20px 0; } .form-box .item { margin-top: 15px; } .form-box .item:first-child { margin-top: 0; } .form-box input[type=email], .form-box input[type=text] { height: 42px; padding: 0 18px; border-radius: 50px; } .form-box input[type=email], .form-box input[type=text], .form-box textarea { width: 85%; background: #dedede; border: 0; font-size: 18px; color: #000; font-family: 'Open Sans', sans-serif; } .form-box textarea { width: 85%; height: 126px; border-radius: 20px; padding: 10px 18px; resize: none; } .form-box .bt { margin-top: 24px; } .form-box button { width: 100% } .form-box .title { padding: 0 40px; font-family: 'Open Sans', sans-serif; line-height: 25px; } .form-box { margin: auto; background: #f5f4f4; width: 344px; padding: 30px 0; text-align: center; } * { outline: 0; max-height: 999999px; } .text_block { font-size: 16px; padding: 10px; background: #f5f4f4; border-radius: 5px; margin-top: 25px; } @media (max-width:992px) { .fon_scroll { background-image: none!important; } .form-box { width: 90%!important; margin: 45px auto!important; } } .modal_div { width: 500px; border-radius: 8px; background: #fff; position: fixed; display: none; opacity: 0; z-index: 110; padding: 70px 0; font-size: 36px; color: #283646; font-weight: bold; text-align: center; } .modal_div .modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; 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; } .modal_close_line{ width: 2px; height: 21px; background-color: gray; position: absolute; } .modal_close_line:first-child{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal_close_line:last-child{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #overlay { z-index:1090; position:fixed; background-color: rgba(0,0,0,.6); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-thanks__xs{ display: none; } @media (max-width: 767.98px){ #overlay{ width: 100vw; height: 100vh; } .modal-thanks__xs{ display: block; } .modal-thanks__md{ display: none; } .modal-thanks__xs span{ display: block; margin-bottom: 20px; } .modal-thanks__header{ display: flex; padding-bottom: 45px; } .modal-thanks__logo{ display: flex; } .modal_div{ width: 100vw; height: 100vh; border-radius: 0; padding: 22px 15px; background: #000019; color: #fff; text-align: left; font-size: 32px; } .modal_div .modal_close{ background: transparent url(/verstka/css/../img/icons/close-mobile.svg) center no-repeat; width: 30px; height: 30px; top: 14px; right: 16px; } .modal_close_line{ display: none !important; } } /* End */ /* /verstka/css/swiper-bundle.min.css?164795462215817 */ /* /verstka/css/fonts.css?16471804251775 */ /* /verstka/css/bootstrap-reboot.css?16337906637578 */ /* /verstka/css/bootstrap-grid-changed.css?163379066372279 */ /* /verstka/css/main.css?172804915849557 */ /* /verstka/css/responsive.css?172374881422882 */ /* /local/templates/metr/components/wapxaz/ajaxform/form-ajax/style.css?16527043543519 */