/* Start:/local/templates/.default/assets/jquery.formstyler.css?17630312762175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/.default/assets/simplebar.min.css?17630312762937*/ [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} /* End */ /* Start:/local/templates/.default/assets/swiper-bundle.min.css?176303127613934*/ /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-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-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}: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-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.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-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/.default/styles/fonts.css?17630312751183*/ @font-face { font-family: 'Inter'; src: url('/local/templates/.default/styles/../fonts/Inter-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 100; src: url('/local/templates/.default/styles/../fonts/Inter-Thin.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 200; src: url('/local/templates/.default/styles/../fonts/Inter-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 300; src: url('/local/templates/.default/styles/../fonts/Inter-Light.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 400; src: url('/local/templates/.default/styles/../fonts/Inter-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 500; src: url('/local/templates/.default/styles/../fonts/Inter-Medium.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 600; src: url('/local/templates/.default/styles/../fonts/Inter-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 700; src: url('/local/templates/.default/styles/../fonts/Inter-Bold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 800; src: url('/local/templates/.default/styles/../fonts/Inter-ExtraBold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-weight: 900; src: url('/local/templates/.default/styles/../fonts/Inter-Black.ttf') format('truetype'); } /* End */ /* Start:/local/templates/.default/styles/style.css?1764071256125296*/ @charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; } *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { scrollbar-gutter: stable; } body { max-width: 100%; margin: 0px; font-family: 'Inter'; font-weight: 400; color: #35383A; background: #fff; font-size: 20px; line-height: 120%; width: 100%; overflow: hidden auto; } .no-scroll { height: 100vh; overflow: hidden; } .no-scroll > .simplebar-track { display: none; } /* Флекс */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex--top-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex--top-center { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex--top-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex--top-space { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex--top-space-a { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; } .flex--center-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex--center-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex--center-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex--center-space { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex--center-space-a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .flex--bottom-left { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex--bottom-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex--bottom-center { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex--bottom-space { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex--bottom-space-a { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: distribute; justify-content: space-around; } .flex--row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .flex--column { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex--1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos--relative { position: relative; } .pos--absolute { position: absolute; } /* Цвета */ .color--zero { color: #000; } .color--white { color: #fff; } .color--txt { color: #35383A; } .color--blue { color: #005999; } .color--blue2 { color: #0779CC; } .color--border { color: #CCDEEB; } .color--error { color: #FF4500; } .color--gray { color: #E9EBF0; } .background--zero { background-color: #000; } .background--white { background-color: #fff; } .background--txt { background-color: #35383A; } .background--blue { background-color: #005999; } .background--blue2 { background-color: #0779CC; } .background--border { background-color: #CCDEEB; } .background--error { background-color: #FF4500; } .background--gray { background-color: #E9EBF0; } .svg-hover path, .svg-hover circle, .svg-hover rect { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .simplebar-scrollbar.simplebar-visible:before { opacity: 1; background: #005999; } .gap--0 { gap: 0px; } .gap--10 { gap: 10px; } .gap--16 { gap: 16px; } .gap--20 { gap: 20px; } .gap--24 { gap: 24px; } .gap--32 { gap: 32px; } .gap--40 { gap: 40px; } .gap--50 { gap: 50px; } .header { position: relative; z-index: 10; background: #fff; padding: 20px 0; border-bottom: 1px solid #CCDEEB; } .header__top .flex { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header__top .button { margin-left: auto; } .header__bottom { position: relative; margin-top: 20px; } .header__bottom .button { display: none; } .menu__wrap { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .menu { padding: 0; margin: 0; list-style: none; font-size: 18px; } .menu a { color: #35383A; } .menu__item { position: relative; } .menu__item:hover .sub-menu { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); visibility: visible; pointer-events: all; } .menu__item:hover .menu__link { color: #005999; } .menu__item:hover .menu__link::before { border-bottom: 1px solid #005999; } .menu__link { position: relative; } .menu__link::before { content: ''; display: block; width: 100%; height: calc(100% + 43px); position: absolute; top: -20px; left: 0px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-bottom: 1px solid transparent; } .menu__link:hover, .menu__link.selected { color: #005999; } .menu__link:hover::before, .menu__link.selected::before { border-bottom: 1px solid #005999; } .sub-menu { padding: 0; margin: 0; list-style: none; position: absolute; top: calc(100% + 21px); left: 0; width: 380px; padding: 20px; border-radius: 0 20px 20px; background: #fff; -webkit-box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.1); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); visibility: hidden; pointer-events: none; } .sub-menu::before { content: ''; display: block; width: 100%; height: 20px; position: absolute; top: -20px; left: 0px; } .sub-menu__link:hover, .sub-menu__link.selected { color: #005999; } .burger { display: none; } .burger.active span { -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; background: transparent; } .burger.active span::before, .burger.active span::after { -webkit-transition: top 0.4s, -webkit-transform 0.4s 0.4s; transition: top 0.4s, -webkit-transform 0.4s 0.4s; -o-transition: top 0.4s, transform 0.4s 0.4s; transition: top 0.4s, transform 0.4s 0.4s; transition: top 0.4s, transform 0.4s 0.4s, -webkit-transform 0.4s 0.4s; top: 0px; } .burger.active span::before { -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); } .burger.active span::after { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .burger.inactive { pointer-events: none; } .burger span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); height: 2px; width: 14px; background-color: #35383A; border-radius: 2px; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .burger span::before, .burger span::after { content: ''; position: absolute; left: 0; height: 2px; width: 14px; background-color: #35383A; border-radius: 2px; -webkit-transition: top 0.4s 0.4s, -webkit-transform 0.4s; transition: top 0.4s 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, top 0.4s 0.4s; transition: transform 0.4s, top 0.4s 0.4s; transition: transform 0.4s, top 0.4s 0.4s, -webkit-transform 0.4s; } .burger span::before { top: -5px; } .burger span::after { top: 5px; } .search { position: absolute; top: 0; right: 0; z-index: 2; width: 99px; background: #fff; cursor: pointer; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; } .search::before, .search::after { content: ''; position: absolute; top: -20px; left: 0px; z-index: 2; display: block; width: 100%; height: calc(100% + 41px); background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; } .search::before { background: none; border-bottom: 1px solid transparent; } .search::after { display: none; } .search path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search__btn { position: relative; z-index: 2; width: 22px; height: 22px; cursor: pointer; pointer-events: none; } .search__btn svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search__btn-lens { opacity: 1; } .search__btn-close { opacity: 0; } .search__title { position: relative; z-index: 2; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search__form { position: absolute; top: 0; right: 0; z-index: 3; width: calc(100% - 16px - 22px); opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; } .search__form input { width: calc(100% - 16px - 22px); height: 24px; padding: 0; border: none; font-size: 20px; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; } .search__form input:focus-visible { outline: none; } .search__form button { width: 22px; height: 22px; padding: 0; background: none; border: none; cursor: pointer; } .search.active { width: 254px; cursor: default; } .search.active::before { border-bottom: 1px solid #35383A; } .search.active .search__btn { pointer-events: all; } .search.active .search__btn-lens { opacity: 0; } .search.active .search__btn-close { opacity: 1; } .search.active .search__title { opacity: 0; } .search.active .search__form { opacity: 1; pointer-events: all; } .search.active ~ .menu__wrap { opacity: 0; } .menu-mobile { position: fixed; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; -webkit-transform: translateX(-120%); -ms-transform: translateX(-120%); transform: translateX(-120%); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; pointer-events: none; overflow: hidden; } .menu-mobile.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .menu-mobile__first { position: relative; z-index: 1; height: calc(100% - 121px); background: #fff; margin-top: 121px; pointer-events: all; } .menu-mobile__wrap { padding: 40px 30px; } .menu-mobile__list, .menu-mobile__sublist { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu-mobile__item { margin: 0; color: #35383A; text-decoration: none; } .menu-mobile__contacts { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu-mobile__second { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: #fff; -webkit-transform: translateX(-120%); -ms-transform: translateX(-120%); transform: translateX(-120%); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; pointer-events: none; } .menu-mobile__second.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: all; } .menu-mobile__second .h1 { margin-bottom: 20px; } .menu-mobile__header { padding: 30px; border-bottom: 1px solid #CCDEEB; } .menu-mobile__header > div { cursor: pointer; } .menu-mobile__header-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 42px; height: 42px; } p { margin: 0; } p:last-child { margin-bottom: 0; } b, strong { font-weight: 700; } header a, main a, footer a, .modal a { text-decoration: none; color: #005999; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } img { max-width: 100%; } .fit-image { position: relative; overflow: hidden; } .fit-image img { position: absolute; top: 0; left: 0; width: 100%; -o-object-fit: cover; object-fit: cover; } .fit-image--contain img { -o-object-fit: contain; object-fit: contain; } .txt--16 { font-size: 16px; line-height: 140%; } .color--zero { color: #000; } .color--txt { color: #000; } .color--white { color: #fff; } h1, .h1 { margin: 0; padding-bottom: 20px; font-size: 32px; font-weight: 500; line-height: 120%; } h2, .h2 { margin: 0 0 20px; padding-top: 20px; font-size: 28px; font-weight: 600; line-height: 120%; } h3, .h3 { margin: 0 0 20px; padding-top: 20px; font-size: 24px; font-weight: 700; line-height: 120%; } h4, .h4 { margin: 0 0 20px; padding-top: 20px; font-size: 22px; font-weight: 500; line-height: 120%; } h5, .h5 { margin: 0 0 20px; padding-top: 20px; font-size: 20px; font-weight: 700; line-height: 120%; } h1:first-child, .h1:first-child { margin-top: 0; padding-top: 0; } h1:last-child, .h1:last-child { margin-bottom: 0; padding-bottom: 0; } h2:first-child, .h2:first-child { margin-top: 0; padding-top: 0; } h2:last-child, .h2:last-child { margin-bottom: 0; padding-bottom: 0; } h3:first-child, .h3:first-child { margin-top: 0; padding-top: 0; } h3:last-child, .h3:last-child { margin-bottom: 0; padding-bottom: 0; } h4:first-child, .h4:first-child { margin-top: 0; padding-top: 0; } h4:last-child, .h4:last-child { margin-bottom: 0; padding-bottom: 0; } h5:first-child, .h5:first-child { margin-top: 0; padding-top: 0; } h5:last-child, .h5:last-child { margin-bottom: 0; padding-bottom: 0; } .m-0 { margin: 0px !important; } .mt-0 { margin-top: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .mtb-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-0 { padding: 0px !important; } .pt-0 { padding-top: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .mp-0 { margin: 0px !important; padding: 0px !important; } .mpt-0 { margin-top: 0px !important; padding-top: 0px !important; } .mpb-0 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .mptb-0 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .m-10 { margin: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .mtb-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-10 { padding: 10px !important; } .pt-10 { padding-top: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .mp-10 { margin: 10px !important; padding: 10px !important; } .mpt-10 { margin-top: 10px !important; padding-top: 10px !important; } .mpb-10 { margin-bottom: 10px !important; padding-bottom: 10px !important; } .mptb-10 { margin-top: 10px !important; margin-bottom: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .m-16 { margin: 16px !important; } .mt-16 { margin-top: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .mtb-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .p-16 { padding: 16px !important; } .pt-16 { padding-top: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .ptb-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .mp-16 { margin: 16px !important; padding: 16px !important; } .mpt-16 { margin-top: 16px !important; padding-top: 16px !important; } .mpb-16 { margin-bottom: 16px !important; padding-bottom: 16px !important; } .mptb-16 { margin-top: 16px !important; margin-bottom: 16px !important; padding-top: 16px !important; padding-bottom: 16px !important; } .m-20 { margin: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .mtb-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-20 { padding: 20px !important; } .pt-20 { padding-top: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .ptb-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .mp-20 { margin: 20px !important; padding: 20px !important; } .mpt-20 { margin-top: 20px !important; padding-top: 20px !important; } .mpb-20 { margin-bottom: 20px !important; padding-bottom: 20px !important; } .mptb-20 { margin-top: 20px !important; margin-bottom: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .m-24 { margin: 24px !important; } .mt-24 { margin-top: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .mtb-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .p-24 { padding: 24px !important; } .pt-24 { padding-top: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .ptb-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .mp-24 { margin: 24px !important; padding: 24px !important; } .mpt-24 { margin-top: 24px !important; padding-top: 24px !important; } .mpb-24 { margin-bottom: 24px !important; padding-bottom: 24px !important; } .mptb-24 { margin-top: 24px !important; margin-bottom: 24px !important; padding-top: 24px !important; padding-bottom: 24px !important; } .m-30 { margin: 30px !important; } .mt-30 { margin-top: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .mtb-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-30 { padding: 30px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .ptb-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .mp-30 { margin: 30px !important; padding: 30px !important; } .mpt-30 { margin-top: 30px !important; padding-top: 30px !important; } .mpb-30 { margin-bottom: 30px !important; padding-bottom: 30px !important; } .mptb-30 { margin-top: 30px !important; margin-bottom: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important; } .m-32 { margin: 32px !important; } .mt-32 { margin-top: 32px !important; } .mb-32 { margin-bottom: 32px !important; } .mtb-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .p-32 { padding: 32px !important; } .pt-32 { padding-top: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .ptb-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .mp-32 { margin: 32px !important; padding: 32px !important; } .mpt-32 { margin-top: 32px !important; padding-top: 32px !important; } .mpb-32 { margin-bottom: 32px !important; padding-bottom: 32px !important; } .mptb-32 { margin-top: 32px !important; margin-bottom: 32px !important; padding-top: 32px !important; padding-bottom: 32px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .mtb-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .ptb-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .mp-40 { margin: 40px !important; padding: 40px !important; } .mpt-40 { margin-top: 40px !important; padding-top: 40px !important; } .mpb-40 { margin-bottom: 40px !important; padding-bottom: 40px !important; } .mptb-40 { margin-top: 40px !important; margin-bottom: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important; } .m-50 { margin: 50px !important; } .mt-50 { margin-top: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .mtb-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-50 { padding: 50px !important; } .pt-50 { padding-top: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .ptb-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .mp-50 { margin: 50px !important; padding: 50px !important; } .mpt-50 { margin-top: 50px !important; padding-top: 50px !important; } .mpb-50 { margin-bottom: 50px !important; padding-bottom: 50px !important; } .mptb-50 { margin-top: 50px !important; margin-bottom: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important; } /* Файлы */ a.file-in-text { white-space: nowrap; border: none; padding-left: 32px; position: relative; color: #35383A; } a.file-in-text:visited .file-name { background-image: -webkit-gradient(linear, left top, left bottom, from(#669BC2), to(#669BC2)) !important; background-image: -o-linear-gradient(#669BC2, #669BC2) !important; background-image: linear-gradient(#669BC2, #669BC2) !important; color: #669BC2; } .file-in-text::before { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('/local/templates/.default/styles/../img/file-types/file.svg') center center/cover no-repeat; } .file-in-text.pdf::before { background-image: url('/local/templates/.default/styles/../img/file-types/pdf.svg'); } .file-in-text.doc::before { background-image: url('/local/templates/.default/styles/../img/file-types/doc.svg'); } .file-in-text.xls::before { background-image: url('/local/templates/.default/styles/../img/file-types/xls.svg'); } .file-in-text.jpg::before { background-image: url('/local/templates/.default/styles/../img/file-types/jpg.svg'); } .file-in-text.png::before { background-image: url('/local/templates/.default/styles/../img/file-types/png.svg'); } .file-in-text.z7::before { background-image: url('/local/templates/.default/styles/../img/file-types/7z.svg'); } .file-in-text.aac::before { background-image: url('/local/templates/.default/styles/../img/file-types/aac.svg'); } .file-in-text.avi::before { background-image: url('/local/templates/.default/styles/../img/file-types/avi.svg'); } .file-in-text.bmp::before { background-image: url('/local/templates/.default/styles/../img/file-types/bmp.svg'); } .file-in-text.csv::before { background-image: url('/local/templates/.default/styles/../img/file-types/csv.svg'); } .file-in-text.docx::before { background-image: url('/local/templates/.default/styles/../img/file-types/docx.svg'); } .file-in-text.gif::before { background-image: url('/local/templates/.default/styles/../img/file-types/gif.svg'); } .file-in-text.gzip::before { background-image: url('/local/templates/.default/styles/../img/file-types/gzip.svg'); } .file-in-text.htm::before { background-image: url('/local/templates/.default/styles/../img/file-types/htm.svg'); } .file-in-text.html::before { background-image: url('/local/templates/.default/styles/../img/file-types/html.svg'); } .file-in-text.jpeg::before { background-image: url('/local/templates/.default/styles/../img/file-types/jpeg.svg'); } .file-in-text.jpg::before { background-image: url('/local/templates/.default/styles/../img/file-types/jpg.svg'); } .file-in-text.json::before { background-image: url('/local/templates/.default/styles/../img/file-types/json.svg'); } .file-in-text.mkv::before { background-image: url('/local/templates/.default/styles/../img/file-types/mkv.svg'); } .file-in-text.mp3::before { background-image: url('/local/templates/.default/styles/../img/file-types/mp3.svg'); } .file-in-text.mp4::before { background-image: url('/local/templates/.default/styles/../img/file-types/mp4.svg'); } .file-in-text.mpeg::before { background-image: url('/local/templates/.default/styles/../img/file-types/mpeg.svg'); } .file-in-text.odp::before { background-image: url('/local/templates/.default/styles/../img/file-types/odp.svg'); } .file-in-text.ods::before { background-image: url('/local/templates/.default/styles/../img/file-types/ods.svg'); } .file-in-text.odt::before { background-image: url('/local/templates/.default/styles/../img/file-types/odt.svg'); } .file-in-text.ogg::before { background-image: url('/local/templates/.default/styles/../img/file-types/ogg.svg'); } .file-in-text.ppt::before { background-image: url('/local/templates/.default/styles/../img/file-types/ppt.svg'); } .file-in-text.pptx::before { background-image: url('/local/templates/.default/styles/../img/file-types/pptx.svg'); } .file-in-text.rar::before { background-image: url('/local/templates/.default/styles/../img/file-types/rar.svg'); } .file-in-text.rtf::before { background-image: url('/local/templates/.default/styles/../img/file-types/rtf.svg'); } .file-in-text.svg::before { background-image: url('/local/templates/.default/styles/../img/file-types/svg.svg'); } .file-in-text.tar::before { background-image: url('/local/templates/.default/styles/../img/file-types/tar.svg'); } .file-in-text.tgz::before { background-image: url('/local/templates/.default/styles/../img/file-types/tgz.svg'); } .file-in-text.tiff::before { background-image: url('/local/templates/.default/styles/../img/file-types/tiff.svg'); } .file-in-text.txt::before { background-image: url('/local/templates/.default/styles/../img/file-types/txt.svg'); } .file-in-text.vob::before { background-image: url('/local/templates/.default/styles/../img/file-types/vob.svg'); } .file-in-text.wav::before { background-image: url('/local/templates/.default/styles/../img/file-types/wav.svg'); } .file-in-text.webm::before { background-image: url('/local/templates/.default/styles/../img/file-types/webm.svg'); } .file-in-text.wma::before { background-image: url('/local/templates/.default/styles/../img/file-types/wma.svg'); } .file-in-text.wmv::before { background-image: url('/local/templates/.default/styles/../img/file-types/wmv.svg'); } .file-in-text.xlsx::before { background-image: url('/local/templates/.default/styles/../img/file-types/xlsx.svg'); } .file-in-text.xml::before { background-image: url('/local/templates/.default/styles/../img/file-types/xml.svg'); } .file-in-text.zip::before { background-image: url('/local/templates/.default/styles/../img/file-types/zip.svg'); } .file-name { color: #005999; background: no-repeat 0 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#005999), to(#005999)); background-image: -o-linear-gradient(#005999, #005999); background-image: linear-gradient(#005999, #005999); background-size: 100% 1px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); -webkit-transition: background-size 0.4s; -o-transition: background-size 0.4s; transition: background-size 0.4s; white-space: normal; } .underline { color: #35383A; background: no-repeat 0 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#35383A), to(#35383A)); background-image: -o-linear-gradient(#35383A, #35383A); background-image: linear-gradient(#35383A, #35383A); background-size: 100% 1px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); -webkit-transition: background-size 0.4s; -o-transition: background-size 0.4s; transition: background-size 0.4s; } .link { background: no-repeat 0 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#005999), to(#005999)); background-image: -o-linear-gradient(#005999, #005999); background-image: linear-gradient(#005999, #005999); background-size: 100% 1px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); color: #005999; text-decoration: none; -webkit-transition: background-size 0.4s; -o-transition: background-size 0.4s; transition: background-size 0.4s; } .link:visited { background-image: -webkit-gradient(linear, left top, left bottom, from(#669BC2), to(#669BC2)) !important; background-image: -o-linear-gradient(#669BC2, #669BC2) !important; background-image: linear-gradient(#669BC2, #669BC2) !important; color: #669BC2; } .outerlink:visited span { background-image: -webkit-gradient(linear, left top, left bottom, from(#669BC2), to(#669BC2)) !important; background-image: -o-linear-gradient(#669BC2, #669BC2) !important; background-image: linear-gradient(#669BC2, #669BC2) !important; color: #669BC2; } .outerlink span { background: no-repeat 0 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#005999), to(#005999)); background-image: -o-linear-gradient(#005999, #005999); background-image: linear-gradient(#005999, #005999); background-size: 100% 1px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); color: #005999; text-decoration: none; -webkit-transition: background-size 0.4s; -o-transition: background-size 0.4s; transition: background-size 0.4s; } .outerlink i { display: inline-block; width: 16px; height: 16px; margin: 0 0 4px 4px; background: url('/local/templates/.default/styles/../img/icons/link.svg') center center/contain no-repeat; border: 1px solid #CCDEEB; border-radius: 4px; } .blockquote, .blockquote2, blockquote { position: relative; margin: 0 0 20px; } blockquote, .blockquote { padding: 10px 0 10px 60px; } blockquote::before, .blockquote::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; padding: 9px; background: url('/local/templates/.default/styles/../img/icons/blockquote.svg') center center/20px 20px no-repeat; border: 1px solid #CCDEEB; border-radius: 10px; } blockquote cite, .blockquote cite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; margin-top: 20px; font-style: normal; } .blockquote2 { padding: 20px; border: 1px solid #CCDEEB; border-radius: 20px; } .blockquote2::before { display: none; } .content > table:last-child, .content > .scroll-table-border:last-child, .content > .spoiler__list:last-child, .content > .document__list:last-child, .content > ul:last-child, .content > ol:last-child { margin-bottom: 0; } .content p { margin: 0 0 20px 0; } .content p:last-child { margin-bottom: 0; } .content a:not([class]) { background: no-repeat 0 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#005999), to(#005999)); background-image: -o-linear-gradient(#005999, #005999); background-image: linear-gradient(#005999, #005999); background-size: 100% 1px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); color: #005999; text-decoration: none; -webkit-transition: background-size 0.4s; -o-transition: background-size 0.4s; transition: background-size 0.4s; } .content a:not([class]):visited { background-image: -webkit-gradient(linear, left top, left bottom, from(#669BC2), to(#669BC2)) !important; background-image: -o-linear-gradient(#669BC2, #669BC2) !important; background-image: linear-gradient(#669BC2, #669BC2) !important; color: #669BC2; } .content ul, .content ol { margin: 0; list-style: none; padding: 0; line-height: 125%; margin-bottom: 20px; } .content ul ul, .content ul ol, .content ol ul, .content ol ol { margin: 0; } .content ul li:last-child, .content ol li:last-child { margin-bottom: 0; } .content ul li { position: relative; padding-left: 34px; } .content ul li::before { content: ''; display: block; width: 12px; height: 1px; position: absolute; top: 11px; left: 6px; background: #35383A; } .content ul ul > li::before { width: 4px; height: 4px; top: 10px; left: 10px; -webkit-box-shadow: inset 0 0 0 1px #35383A; box-shadow: inset 0 0 0 1px #35383A; border-radius: 50%; } .content ul ul ul > li::before { width: 12px; height: 1px; top: 11px; left: 6px; } .content ul ul ul ul > li::before { width: 4px; height: 4px; top: 10px; left: 10px; } .content ul ul ul ul ul > li::before { width: 12px; height: 1px; top: 11px; left: 6px; } .content ol { counter-reset: index; } .content ol > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; } .content ol > li > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content ol > li::before { counter-increment: index; content: counters(index, '.', decimal) '.'; display: inline-block; position: relative; top: 0; left: 0; width: auto; min-width: 14px; margin-right: 20px; background: none; } .content img { max-width: 100%; } .content img[align=left] { margin: 0px 20px 20px 0px; } .content img[align=right] { margin: 0px 0 20px 20px; } .content img:not([class]):not([align]) { margin: 0px 0 20px 0; } .content img[data-border] { border: 1px solid #CCDEEB; border-radius: 20px; } .content table { width: 100%; margin-bottom: 1px; border: none; border-collapse: collapse; font-size: 16px; line-height: 125%; } .content table p { margin-bottom: 24px; } .content table p:last-child { margin-bottom: 0; } .content table .simplebar-vertical { display: none; } .content th, .content td { position: relative; } .content th::before, .content th::after, .content td::before, .content td::after { content: ''; position: absolute; left: -1px; width: calc(100% + 2px); height: 10px; background: #fff; z-index: 1; } .content th::before, .content td::before { top: 0; } .content th::after, .content td::after { bottom: 0; } .content td, .content th { padding: 20px 10px; border: 1px solid #CCDEEB; text-align: left; vertical-align: top; } .content td:first-child, .content th:first-child { border-left: none; } .content td:last-child, .content th:last-child { border-right: none; } .content th { position: relative; border-bottom: 2px solid #CCDEEB; font-size: 20px; font-weight: 400; line-height: 125%; } .table--clear th::before, .table--clear th::after, .table--clear td::before, .table--clear td::after { display: none; } .table--clear th, .table--clear td { border: none; } .table--clear th::before { display: none; } .table--clear:not(.table--odd) th, .table--clear:not(.table--odd) td { padding: 10px; } .table--clear:not(.table--odd) th:first-child, .table--clear:not(.table--odd) td:first-child { padding-left: 0; } .table--clear:not(.table--odd) th:last-child, .table--clear:not(.table--odd) td:last-child { padding-right: 0; } .table--clear:not(.table--odd) tr:first-child th, .table--clear:not(.table--odd) tr:first-child td { padding-top: 20px; border-top: 1px solid #CCDEEB; } .table--clear:not(.table--odd) tr:last-child td { padding-bottom: 20px; border-bottom: 1px solid #CCDEEB; } .table--odd tr:first-child { background: #E9EBF0; } .table--odd tr:nth-child(2n-1) { background: #F6F7F9; } .table--odd th, .table--odd td { padding: 20px; } .scroll-table { margin: 0 0 20px; } .scroll-table-border { margin: 0 0 20px; padding: 0 10px !important; border: 1px solid #CCDEEB; border-radius: 20px; overflow: hidden; } .scroll-table-border .scroll-table { margin: -2px 0; } .scroll-table-radius { margin: 0 0 20px; border-radius: 20px; overflow: hidden; } .scroll-table-radius .scroll-table { margin: -2px 0; } .scroll-table .simplebar-track { bottom: auto; background: transparent; } .scroll-table .simplebar-track.simplebar-horizontal { height: 6px !important; overflow: visible; } .scroll-table .simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0px; height: 6px; width: auto; } .scroll-table .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { left: 0; right: 0; height: 6px !important; background: #005999; border-radius: 3px; z-index: 1; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; padding: 10px 16px; border: none; background: #005999; color: #fff; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; text-align: center; font-size: 16px; line-height: 20px; font-weight: 500; border-radius: 20px; text-decoration: none; } .button path, .button circle, .button rect { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .button:disabled { background: #E9EBF0; color: #000; pointer-events: none; } .button--border { background: none; -webkit-box-shadow: inset 0 0 0 1px #CCDEEB; box-shadow: inset 0 0 0 1px #CCDEEB; color: #35383A; } .send-button__after { display: none; } .send-button--send { background: #0779CC; pointer-events: none; } .send-button--send .send-button__after { display: block; flex-shrink: 0; } .send-button--send .send-button__before { display: none; } .send-button__after img { margin: 0 !important; display: block; } .arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; background: #fff; border-radius: 50%; cursor: pointer; -webkit-transition: background 0.4s, opacity 0.4s, -webkit-transform 0.4s; transition: background 0.4s, opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, background 0.4s, opacity 0.4s; transition: transform 0.4s, background 0.4s, opacity 0.4s; transition: transform 0.4s, background 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .arrow.swiper-button-disabled { opacity: 0; pointer-events: none; } .arrow path, .arrow circle, .arrow rect { -webkit-transition: fill 0.4s, stroke 0.4s; -o-transition: fill 0.4s, stroke 0.4s; transition: fill 0.4s, stroke 0.4s; } .arrow--blue { background: #005999; } .arrow--white { background: #fff; } .arrow--gray { background: #E9EBF0; } .feedback-button { position: fixed; right: 25px; bottom: 25px; z-index: 10; width: 72px; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feedback-button::before { content: attr(data-text); position: absolute; left: -135px; bottom: -8px; z-index: 1; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); padding: 8px; background: #35383A; border-radius: 8px; color: #fff; font-size: 16px; white-space: nowrap; opacity: 0; -webkit-transition: left 0.4s, bottom 0.4s, opacity 0.4s, -webkit-transform 0.4s; transition: left 0.4s, bottom 0.4s, opacity 0.4s, -webkit-transform 0.4s; -o-transition: left 0.4s, bottom 0.4s, transform 0.4s, opacity 0.4s; transition: left 0.4s, bottom 0.4s, transform 0.4s, opacity 0.4s; transition: left 0.4s, bottom 0.4s, transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; pointer-events: none; } .feedback-button::after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 72px; height: 72px; background: #0779CC; border-radius: 50%; cursor: pointer; -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease-out; transition: background 0.4s ease, -webkit-transform 0.4s ease-out; -o-transition: transform 0.4s ease-out, background 0.4s ease; transition: transform 0.4s ease-out, background 0.4s ease; transition: transform 0.4s ease-out, background 0.4s ease, -webkit-transform 0.4s ease-out; -webkit-animation: circleAnimation 4s infinite; animation: circleAnimation 4s infinite; } .feedback-button__icon { position: relative; z-index: 2; width: 32px; height: 32px; pointer-events: none; } .feedback-button__icon img { position: absolute; top: 0; left: 0; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .feedback-button__icon img:first-child { opacity: 1; -webkit-animation: iconAnimation 8s infinite; animation: iconAnimation 8s infinite; } .feedback-button__icon img:last-child { -webkit-animation: iconAnimation 8s infinite 4s; animation: iconAnimation 8s infinite 4s; } @-webkit-keyframes circleAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 5% { -webkit-transform: translate(-50%, -50%) scale(1.14); transform: translate(-50%, -50%) scale(1.14); } 15% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 45% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes circleAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 5% { -webkit-transform: translate(-50%, -50%) scale(1.14); transform: translate(-50%, -50%) scale(1.14); } 15% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 45% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @-webkit-keyframes iconAnimation { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 1; } 10% { -webkit-transform: scale(1); transform: scale(1); } 45% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes iconAnimation { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 1; } 10% { -webkit-transform: scale(1); transform: scale(1); } 45% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } .admin-panel { position: relative; z-index: 11; } .container { width: 1380px; margin: 0 auto; max-width: calc(100vw - 60px); } .page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin-bottom: 40px; } .content { width: 100%; margin-top: 20px; } .aside { width: calc((100% - 20px) / 3); } .aside + .content { width: calc((100% - 20px) / 3 * 2 + 10px); } .logo { display: block; width: 171px; height: 100px; margin-right: 100px; } .logo img { width: 100%; } .card { padding: 30px 20px; background: #E9EBF0; border-radius: 20px; color: #35383A; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .card__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; } .card-icon { width: 64px; height: 64px; } .card-icon svg { width: 100%; height: 100%; } .card-icon path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .card span { width: calc(100% - 146px); } .card .arrow { pointer-events: none; } .document { display: block; padding: 10px; background: #fff; border-radius: 20px; } .document__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin: 0 0 20px 0; padding: 10px; background: #E9EBF0; border-radius: 20px; } .document__title { padding: 10px 10px 20px !important; } .document__grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; } .document__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; color: #35383A; } .document__top { height: 72px; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .document__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 10px; } .document__bottom .arrow { pointer-events: none; } .spoiler { border: 1px solid #CCDEEB; border-radius: 20px; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .spoiler.open .spoiler__cross { background: #0779CC; border-color: #0779CC; } .spoiler.open .spoiler__cross svg { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .spoiler.open .spoiler__cross svg path { fill: #fff; } .spoiler__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin: 0 0 20px; } .spoiler__title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; padding: 28px 20px; font-size: 22px; font-weight: 500; line-height: 120%; cursor: pointer; } .spoiler__cross { position: absolute; top: 20px; right: 20px; 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; -ms-flex-negative: 0; flex-shrink: 0; width: 42px; height: 42px; background: #fff; border: 1px solid #CCDEEB; border-radius: 10px; -webkit-transition: background 0.4s, border-color 0.4s; -o-transition: background 0.4s, border-color 0.4s; transition: background 0.4s, border-color 0.4s; } .spoiler__cross svg { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .spoiler__cross svg path { -webkit-transition: fill 0.4s; -o-transition: fill 0.4s; transition: fill 0.4s; } .spoiler__content { display: none; padding: 0 20px 20px; } .banner { position: relative; border-radius: 20px; overflow: hidden; } .half { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .half-50 { gap: 50px; } .third { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; } .third__item:first-child { width: calc((100% - 20px) / 3); } .third__item:last-child { width: calc((100% - 20px) / 3 * 2 + 10px); } .border-bottom { border-bottom: 1px solid #CCDEEB; } .station__info:empty { display: none; } .station__list { padding: 10px; border: 1px solid #CCDEEB; border-radius: 20px; } .station__title { padding: 10px 10px 20px !important; } .station__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; padding: 10px; border-top: 1px solid #CCDEEB; cursor: pointer; } .station__item.active .station__name { font-weight: bold; } .station__name { margin: 0; } .station__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .station__address img { margin: 0 !important; -ms-flex-negative: 0; flex-shrink: 0; width: 20px !important; height: 20px !important; } .block-table { display: table; } .block-table__row { display: table-row; } .block-table__cell { display: table-cell; } .block-table__col { display: table-column; } /* Overlay */ .popup-overlay, .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: rgba(204, 222, 235, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; pointer-events: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .popup-overlay.show, .modal-overlay.show { opacity: 1; pointer-events: auto; } /* Popup */ .popup { position: fixed; top: 0; right: 0; z-index: 21; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); width: 100%; height: 100%; max-width: 916px; padding: 0 0 0 40px; border-radius: 20px 0 0 20px; background: #fff; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .popup.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .popup__content { width: 100%; height: 100%; padding: 40px 40px 40px 0; overflow: hidden auto; } .popup__close, .modal__close { width: 32px; height: 32px; cursor: pointer; } .popup__close path, .modal__close path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } /* Modal */ .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -40%); width: 100%; height: 100%; padding: 80px 0; z-index: 21; overflow: hidden auto; opacity: 0; transition: opacity 0.4s, transform 0.4s; pointer-events: none; } .modal.show { transform: translate(-50%, -50%); opacity: 1; } .modal__inner { width: 100%; min-height: calc(100% - 160px); display: flex; justify-content: center; align-items: center; } .modal__content { width: 100%; max-width: 1200px; margin: 0 30px; padding: 40px; background: #fff; border-radius: 20px; } .modal.show .modal__content { pointer-events: auto; } /* Gallery */ .gallery-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: rgba(204, 222, 235, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; pointer-events: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .gallery-overlay.show { opacity: 1; pointer-events: auto; } .gallery { position: fixed; top: 50%; left: 50%; z-index: 21; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); transform: translate(-50%, -40%); width: calc(100% - 160px); height: calc(100% - 80px); padding: 20px; border-radius: 20px; background: #fff; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .gallery.show { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; pointer-events: auto; } .gallery__content { width: 100%; height: 100%; overflow: hidden; } .gallery__close { width: 42px; height: 42px; padding: 10px; cursor: pointer; } .gallery__close path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .gallery__images { width: 100%; margin: 20px 0; height: calc(100% - 84px - 40px); } .gallery__image picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .gallery__image img { border-radius: 20px; max-width: 100%; max-height: 100%; } .gallery__counter { width: auto; padding: 9px 16px; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 20px 0 10px; } .breadcrumbs__item { font-size: 16px; font-weight: 400; line-height: 125%; } .breadcrumbs__item:first-child { padding-right: 10px; } .breadcrumbs__item:not(:first-child) { padding-left: 10px; border-left: 1px solid #CCDEEB; } .breadcrumbs__link { color: #35383A; text-decoration: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .main-slider { position: relative; margin-top: 20px; border-radius: 20px; overflow: hidden; } .main-slider .swiper-wrapper { z-index: 1; } .main-slider__item { height: 416px; padding: 10px; border-radius: 20px; overflow: hidden; } .main-slider__item-content { position: relative; z-index: 3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 360px; padding: 20px; background: #fff; border-radius: 20px; color: #35383A; } .main-slider__item-content .arrow { -ms-flex-negative: 0; flex-shrink: 0; } .main-slider__item-top { font-size: 32px; line-height: 120%; } .main-slider__item-img { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right center; object-position: right center; } .main-slider__item-img--clone { display: none; } .main-slider__item::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 40px; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .main-slider__bottom { position: absolute; bottom: 10px; left: 50%; z-index: 2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 20px); } .main-slider__counter { width: auto; padding: 9px 16px; border-radius: 20px; background: #fff; } .main-cards { margin-top: 20px; } .main-cards__left { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc((100% - 10px) / 4); background: #0779CC; color: #fff; padding: 20px; border-radius: 20px; -webkit-transition: none; -o-transition: none; transition: none; } .main-cards__left-bottom > svg { width: 100px; height: 100px; } .main-cards__left .arrow { pointer-events: none; } .main-cards__right { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; width: calc((100% - 10px) / 4 * 3); } .news { margin: 20px 0; padding: 20px 0; } .news__top a { font-size: 16px; font-weight: 500; line-height: 125%; } .news__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .news__list-main { margin-top: 20px; } .news__item { width: calc((100% - 20px) / 3); padding: 20px; background: #fff; border: 1px solid #CCDEEB; border-radius: 20px; color: #35383A; cursor: pointer; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .news__item-big { width: calc((100% - 20px) / 3 * 2 + 10px); } .news__item-big + .news__item { height: -webkit-min-content; height: -moz-min-content; height: min-content; } .news__item-img { border-radius: 16px; overflow: hidden; } .news__item-img img { display: block; width: 100%; margin: 0 !important; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .news__item-content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__item-title { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .news-detail { padding: 20px 0 0; } .news-detail__aside { padding: 20px 20px 20px 0; } .news-detail__image { display: block; width: 100%; max-width: none; border-radius: 20px; } .news-detail__buttons { margin: 40px 0 0; padding: 20px 0 0; border-top: 1px solid #CCDEEB; } .news-gallery__border { margin: 40px 0 0; padding: 9px; background: #fff; border: 1px solid #CCDEEB; border-radius: 20px; overflow: hidden; } .news-gallery .swiper-wrapper { gap: 10px; } .news-gallery { transition: transform 0.4s; } .news-gallery__item { width: calc(((100% - (10px * 3)) / 4) - 5px); user-select: none; transition: width 0.4s; cursor: pointer; } .news-gallery__item.active { width: calc((((100% - (10px * 3)) / 4) * 2) + (10px * 2)); } .news-gallery__item img { display: block; margin: 0 !important; border-radius: 20px; pointer-events: none; } .news-gallery__bottom { margin: 10px 0 0; } .news-gallery__prev.disabled, .news-gallery__next.disabled { pointer-events: none; opacity: 0; } .news-gallery__counter { width: auto; padding: 9px 16px; user-select: none; } .news-gallery__print { display: none; } .news-gallery__print img { margin: 0 !important; border-radius: 20px; } .pagination { margin: 10px 0 0 0; padding: 10px 0 40px; } .pagination__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 44px; height: 44px; padding: 11px 9px; background: #fff; border: 1px solid #CCDEEB; border-radius: 10px; color: #35383A; font-size: 16px; line-height: 125%; font-weight: 400; -webkit-transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; transition: background 0.4s, color 0.4s; } .pagination__item.selected { background: #005999; color: #fff; pointer-events: none; } .pagination__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border: 1px solid #CCDEEB; border-radius: 10px; padding: 11px 9px; color: #35383A; font-size: 16px; line-height: 125%; font-weight: 400; cursor: pointer; -webkit-transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; transition: background 0.4s, color 0.4s; } .pagination__button svg { width: 20px; height: 20px; } .pagination__button svg path { -webkit-transition: fill 0.4s; -o-transition: fill 0.4s; transition: fill 0.4s; } .contacts { margin-top: -20px; } .contacts__map { position: relative; z-index: 1; width: 100%; height: 100%; } .contacts__map-wrapper { position: relative; width: 100%; height: 416px; border-radius: 20px; overflow: hidden; } .contacts__info { position: absolute; top: 10px; left: 10px; z-index: 2; transform: translateY(-130%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; width: 360px; padding: 20px; background: #fff; border-radius: 20px; opacity: 0; pointer-events: none; transition: transform 0.4s, opacity 0.4s; } .contacts__info.show { opacity: 1; transform: translateY(0); pointer-events: all; } .contacts__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .contacts__info-item img { -ms-flex-negative: 0; flex-shrink: 0; width: 24px !important; height: 24px !important; margin: 0 !important; } .contacts__title { padding: 10px 10px 20px !important; } .contacts__list { background: #E9EBF0; border-radius: 20px; margin: 40px 0 0; padding: 10px; } .contacts__item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 10px; border-radius: 20px; background: #fff; } .contacts__item-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .contacts__item-post span:last-child { font-size: 16px; line-height: 125%; } .contacts__info-close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; cursor: pointer; } .search-page__aside { padding: 20px 20px 20px 0; } .search-page__aside-result { margin: 20px 0 0; } .search-page__item { padding: 20px; border-radius: 20px; background: #fff; border: 1px solid #CCDEEB; color: #35383A; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .search-page__item-page { font-size: 16px; line-height: 125%; } .search-page__item-title { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .search-page__item-text span { background: #CCDEEB; } .page404 { margin: 20px 0 40px; } .page404__fixed { position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 10; background: #fff; } .page404__content { margin: 250px 0 0; } .page404__content .aside { position: fixed; top: 250px; width: 453.3333333333px; } .page404__content .content { margin: 0 0 0 auto; } .page404__aside { margin: 20px 0 0; padding: 0 20px 0 0; } .page404__aside-bottom { margin: 20px 0 0; padding: 20px 0; border-top: 1px solid #CCDEEB; } .page404__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: repeat(3, 1fr); gap: 10px; } .page404__wrapper-fake { position: fixed; top: 230px; width: 916.6666666667px; z-index: 2; } .page404__wrapper-fake .page404__item { padding: 40px 0 0; background: #fff; } .page404__wrapper-fake .page404__item-top { height: 40px; } .page404__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .page404__item-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); max-height: 240px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .page404__item-top, .page404__item-center, .page404__item-bottom { border: 1px solid #CCDEEB; } .page404__item-top, .page404__item-bottom { height: 163px; } .page404__item-center { height: 334px; } .page404__item-top { border-bottom: none; border-radius: 20px 20px 0 0; } .page404__item-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: none; border-bottom: none; } .page404__item-bottom { border-top: none; border-radius: 0 0 20px 20px; } .footer { border-top: 1px solid #CCDEEB; padding-top: 20px; font-size: 16px; font-weight: 500; line-height: 125%; } .footer__top { padding: 20px 0; } .footer__bottom { padding: 20px 0; border-top: 1px solid #CCDEEB; } .footer__bottom .footer__row:first-child { width: calc((100% - 20px) / 3); } .footer__bottom .footer__row:last-child { width: calc((100% - 20px) / 3 * 2 + 10px); } .footer__bottom .footer__row:last-child > div { width: calc((100% - 10px) / 2); } .footer__bottom a { color: #35383A; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .footer__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc((100% - 20px) / 3); } .footer__address { padding: 0 16px; } .footer__address svg { -ms-flex-negative: 0; flex-shrink: 0; } .footer__menu-list { padding: 0; margin: 0; } .footer__menu-item { list-style: none; padding: 0; } .footer__menu-link { color: #35383A; font-size: 20px; font-weight: 400; line-height: 125%; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .footer__copyright br { display: none; } .footer .logo { width: 171px; height: 100px; margin: 0; } .form { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } .form__block { padding: 20px 0; } .form__block-bottom { border-top: 1px solid #CCDEEB; } .form__block-bottom .form__row:last-child { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form__block-bottom .button { padding: 20px; font-family: 'Inter', sans-serif; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .form__row + .form__row { margin-top: 20px; } .form__result { display: none; margin: 20px 0 0; padding: 20px; border-radius: 20px; border: 1px solid #CCDEEB; background: #fff; } .form__result-success { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .form__result-success svg { -ms-flex-negative: 0; flex-shrink: 0; } .form__result-success .h4 { margin: 0; padding: 0; } .form__result-errors { display: none; color: #FF4500; } .form label { position: relative; display: block; } .form label.w100 { width: 100%; } .form label.w66 { width: calc((100% - 40px) / 3 * 2); } .form label.w50 { width: calc((100% - 20px) / 2); } .form label.w33 { width: calc((100% - 40px) / 3); } .form label.w25 { width: calc((100% - 60px) / 4); } .form label.filled .form__placeholder { top: 8px; font-size: 14px; font-weight: 500; line-height: 100%; } .form label.error { width: calc(100% - 20px); margin: 10px 10px 0; padding-left: 19px; font-size: 14px; font-weight: 500; line-height: 100%; } .form textarea + label.error { margin-top: 5px; } .form label.error::before { content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 14px; background: url('/local/templates/.default/styles/../img/icons/error.svg') center center/cover no-repeat; } .form input[type=text], .form input[type=password], .form input[type=tel], .form input[type=email], .form textarea { width: 100%; padding: 22px 10px 8px; border: 1px solid #CCDEEB; border-radius: 16px; background: none; color: #35383A; font-family: 'Inter', sans-serif; font-size: 20px; outline: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #35383A; } .form input[type=text]:focus, .form input[type=password]:focus, .form input[type=tel]:focus, .form input[type=email]:focus, .form textarea:focus { border-color: #005999; } .form input[type=text]:focus ~ .form__placeholder, .form input[type=password]:focus ~ .form__placeholder, .form input[type=tel]:focus ~ .form__placeholder, .form input[type=email]:focus ~ .form__placeholder, .form textarea:focus ~ .form__placeholder { top: 8px; font-size: 14px; font-weight: 500; line-height: 100%; } .form input[type=text].error, .form input[type=password].error, .form input[type=tel].error, .form input[type=email].error, .form textarea.error { border-color: #FF4500; } .form input[type=text][readonly], .form input[type=password][readonly], .form input[type=tel][readonly], .form input[type=email][readonly], .form textarea[readonly] { background: #F6F7F9; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-color: #CCDEEB !important; } .form input[type=text].icon, .form input[type=password].icon, .form input[type=tel].icon, .form input[type=email].icon, .form textarea.icon { padding-right: 40px; } .form textarea { min-height: 102px; field-sizing: content; resize: none; } .form--disabled { pointer-events: none; } .form--disabled .button { background: rgba(0, 89, 153, 0.2); } .form select { opacity: 0; position: absolute; top: 0; left: 0; pointer-events: none; } .form input.date-input, .form input.text-input { padding-right: 40px; background: right center/auto 100% no-repeat; } .form input.date-input { background-image: url(/local/templates/.default/styles/../img/datepicker.svg); } .form__placeholder { position: absolute; top: 16px; left: 10px; width: calc(100% - 20px); -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; overflow: hidden; } .form__icon { position: absolute; top: 17px; right: 10px; width: 22px; height: 22px; } .jq-selectbox { width: 100%; cursor: pointer; } .jq-selectbox.dropdown .jq-selectbox__select, .jq-selectbox.opened .jq-selectbox__select { border-color: #005999; } .form--read-only .jq-selectbox__select { background: #F6F7F9; } .jq-selectbox.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jq-selectbox.changed ~ .form__placeholder { top: 8px; font-size: 14px; font-weight: 500; line-height: 100%; } .jq-selectbox__select { z-index: 1; height: 56px; padding: 22px 10px 8px; border: 1px solid #CCDEEB; border-radius: 16px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .jq-selectbox__select.error { border-color: #FF4500; } .jq-selectbox__select-text { width: calc(100% - 32px); } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 42px; height: 100%; } .jq-selectbox__trigger-arrow { width: 22px; height: 22px; background: url('/local/templates/.default/styles/../img/icons/arrow-down.svg') center center/cover no-repeat; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .jq-selectbox__dropdown { padding: 10px 0; min-width: 100%; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #CCDEEB; border-radius: 16px; margin-top: 6px; } .jq-selectbox__dropdown ul { position: relative; list-style: none; margin: 0 !important; padding: 0; } .jq-selectbox__dropdown li { margin: 0; padding: 10px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; } .jq-selectbox__dropdown li:first-child { display: none; } .jq-selectbox__dropdown li.sel { background: #0779CC; color: #fff; } .file { position: relative; width: 100%; } .file__input { position: absolute; top: 0; left: 0; width: 0; height: 0; pointer-events: none; } .file__info { position: relative; display: inline-block; margin-top: 10px; } .file__info-download { margin-bottom: 4px; } .file__wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .file__item { display: inline-block; max-width: 100%; margin-top: 10px; padding: 10px 16px; border: 1px solid #CCDEEB; border-radius: 16px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .file__item-close { -ms-flex-negative: 0; flex-shrink: 0; width: 22px; height: 22px; cursor: pointer; } .file__item-close svg { width: 100%; height: 100%; } .file__item-close svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .file__item-name { width: calc(100% - 32px); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .checkbox { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 34px; cursor: pointer; } .checkbox input { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; pointer-events: none; } .checkbox input:checked ~ .checkbox__icon { background: #0779CC; border-color: #0779CC; } .checkbox input:checked ~ .checkbox__icon svg { opacity: 1; } .checkbox input:checked ~ .checkbox__icon svg path { fill: #fff; } .checkbox__icon { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 24px; height: 24px; background: #fff; border: 1px solid #CCDEEB; border-radius: 4px; -webkit-transition: background 0.4s, border-color 0.4s; -o-transition: background 0.4s, border-color 0.4s; transition: background 0.4s, border-color 0.4s; } .checkbox__icon.error { border-color: #FF4500; } .checkbox__icon svg { width: 10px; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .checkbox__icon svg path { -webkit-transition: fill 0.4s; -o-transition: fill 0.4s; transition: fill 0.4s; } .checkbox__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .checkbox label.error { width: calc(100% - 10px); margin-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .captcha { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 523px; gap: 10px; padding: 4px; border: 1px solid #CCDEEB; border-radius: 16px; -webkit-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } .captcha.error { border-color: #FF4500; } .captcha__image { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 189px; height: 42px; border-radius: 12px; border: 1px solid #CCDEEB; overflow: hidden; } .captcha__image img { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px) !important; max-width: none; height: calc(100% + 2px); } .captcha__reload { -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; cursor: pointer; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .captcha__input input[type=text] { max-width: 284px; padding: 0 10px; border: none; border-left: 1px solid #CCDEEB; border-radius: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .captcha__input input[type=text].error { border-color: #CCDEEB; } .datepicker { border: none !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-weight: 400; color: #000; font-size: 16px !important; line-height: 140%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 410px; padding: 0 20px 20px; } .datepicker--nav { padding: 0; border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 56px; } .datepicker--nav-action, .datepicker--nav-title { background: none !important; } .datepicker--nav-title { color: #000; font-weight: 600; } .datepicker--nav-title i { color: inherit; } .datepicker--nav-action svg { width: 6px; height: auto; } .datepicker--nav-action path { fill: #000; stroke: none; stroke-width: 1px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .datepicker--pointer { display: none; } .datepicker--content { padding: 0 !important; } .datepicker--days-names { margin: 0; } .datepicker--day-name { font-size: 100%; color: #000; font-weight: 600; text-transform: capitalize; padding: 4px 0; } .datepicker--cell { border-radius: 0px !important; height: 45px; font-weight: 600; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #000; } .datepicker--cell-day.-other-month- .event-dot, .datepicker--cell-year.-other-decade- .event-dot { background: #000; } .event-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: -1; pointer-events: none; } .event-dot { position: absolute; bottom: 14%; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 6px; height: 6px; background: #000; } .datepicker--cell.-current- { color: #000; } .datepicker--cell.-current-.-focus- { color: #000; } .datepicker--cell.-current-.-in-range- { color: #000; } .datepicker--cell.-focus- { background: transparent; border: 1px solid #000; } .datepicker--cell.-selected-.-focus- { background: #000; } .datepicker--cell.-selected-.-focus-.-current- { coloR: #fff; } .datepicker--cell.-in-range- { background: #000; color: #000; } .datepicker--cell.-range-to- { border: 1px solid #000; background-color: #000; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { background: #000; } .datepicker--cell.-selected- .event-back, .datepicker--cell.-selected-.-current- .event-back { background: #000; } .datepicker--cell.-selected- .event-dot, .datepicker--cell.-selected-.-current- .event-dot { background: #fff; } .datepicker--cell.-in-range-.-focus- { background-color: #000; } .sitemap { margin: 0 !important; } .sitemap__item a { display: inline-block; margin: 0 0 10px 0 !important; color: #005999; background-image: linear-gradient(#005999, #005999); } .cookie { position: fixed; bottom: 20px; left: 20px; z-index: 19; transform: translateY(100px); width: calc(100% - 40px); max-width: 1264px; padding: 20px; background: #fff; border-radius: 20px; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.10); opacity: 0; pointer-events: none; transition: transform 0.4s, opacity 0.4s; } .cookie.show { transform: translateY(0); opacity: 1; pointer-events: auto; } .cookie__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } @media (min-width: 1025px) { .svg-hover--zero:hover path[fill], .svg-hover--zero:hover circle[fill], .svg-hover--zero:hover rect[fill] { fill: #000; } .svg-hover--zero:hover path[stroke], .svg-hover--zero:hover circle[stroke], .svg-hover--zero:hover rect[stroke] { stroke: #000; } .svg-hover--white:hover path[fill], .svg-hover--white:hover circle[fill], .svg-hover--white:hover rect[fill] { fill: #fff; } .svg-hover--white:hover path[stroke], .svg-hover--white:hover circle[stroke], .svg-hover--white:hover rect[stroke] { stroke: #fff; } .svg-hover--txt:hover path[fill], .svg-hover--txt:hover circle[fill], .svg-hover--txt:hover rect[fill] { fill: #35383A; } .svg-hover--txt:hover path[stroke], .svg-hover--txt:hover circle[stroke], .svg-hover--txt:hover rect[stroke] { stroke: #35383A; } .svg-hover--blue:hover path[fill], .svg-hover--blue:hover circle[fill], .svg-hover--blue:hover rect[fill] { fill: #005999; } .svg-hover--blue:hover path[stroke], .svg-hover--blue:hover circle[stroke], .svg-hover--blue:hover rect[stroke] { stroke: #005999; } .svg-hover--blue2:hover path[fill], .svg-hover--blue2:hover circle[fill], .svg-hover--blue2:hover rect[fill] { fill: #0779CC; } .svg-hover--blue2:hover path[stroke], .svg-hover--blue2:hover circle[stroke], .svg-hover--blue2:hover rect[stroke] { stroke: #0779CC; } .svg-hover--border:hover path[fill], .svg-hover--border:hover circle[fill], .svg-hover--border:hover rect[fill] { fill: #CCDEEB; } .svg-hover--border:hover path[stroke], .svg-hover--border:hover circle[stroke], .svg-hover--border:hover rect[stroke] { stroke: #CCDEEB; } .svg-hover--error:hover path[fill], .svg-hover--error:hover circle[fill], .svg-hover--error:hover rect[fill] { fill: #FF4500; } .svg-hover--error:hover path[stroke], .svg-hover--error:hover circle[stroke], .svg-hover--error:hover rect[stroke] { stroke: #FF4500; } .svg-hover--gray:hover path[fill], .svg-hover--gray:hover circle[fill], .svg-hover--gray:hover rect[fill] { fill: #E9EBF0; } .svg-hover--gray:hover path[stroke], .svg-hover--gray:hover circle[stroke], .svg-hover--gray:hover rect[stroke] { stroke: #E9EBF0; } .search:hover { color: #005999; } .search:hover::before { border-bottom: 1px solid #005999; } .search svg:hover path { fill: #005999; } .search.active:hover::before { border-bottom: 1px solid #005999; } a.file-in-text:hover .file-name { background-size: 0% 1px; } .underline:hover { background-size: 0% 1px; } .link:hover { background-size: 0% 1px; } .outerlink:hover span { background-size: 0% 1px; } .content a:not([class]):hover { background-size: 0% 1px; } .button:hover { background: #0779CC; } .button--border:hover { background: none; color: #0779CC; } .button--border:hover path[fill], .button--border:hover circle[fill], .button--border:hover rect[fill] { fill: #0779CC; } .button--border:hover path[stroke], .button--border:hover circle[stroke], .button--border:hover rect[stroke] { stroke: #0779CC; } .arrow--blue:hover { background: #0779CC; } .arrow--white:hover path[fill], .arrow--white:hover circle[fill], .arrow--white:hover rect[fill] { fill: #005999; } .arrow--white:hover path[stroke], .arrow--white:hover circle[stroke], .arrow--white:hover rect[stroke] { stroke: #005999; } .feedback-button:hover::before { left: -147px; bottom: 15px; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .feedback-button:hover::after { -webkit-transform: translate(-50%, -50%) scale(1.14); -ms-transform: translate(-50%, -50%) scale(1.14); transform: translate(-50%, -50%) scale(1.14); background: #005999; } .card:hover { color: #005999; } .card:hover .card-icon path { fill: #005999; } .card:hover .arrow { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); } .document__content:hover .document__top { color: #005999; } .document__content:hover .arrow { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .spoiler:hover { border-color: #0779CC; } .spoiler:hover .spoiler__cross svg path { fill: #0779CC; } .spoiler.open:hover .spoiler__cross svg path { fill: #fff; } .popup__close:hover path, .modal__close:hover path { fill: #005999; } .gallery__close:hover path { fill: #005999; } .breadcrumbs__link:hover { color: #005999; } .main-slider__item-content:hover .arrow { background: #0779CC; } .main-cards__left:hover .arrow { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); } .news__item:hover { border-color: #0779CC; } .news__item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .news__item:hover .news__item-title { color: #005999; } .pagination__item:hover { color: #0779CC; } .pagination__button:hover { color: #0779CC; } .pagination__button:hover path { fill: #0779CC; } .search-page__item:hover { border-color: #005999; } .search-page__item:hover .search-page__item-title { color: #005999; } .footer__bottom a:hover { color: #005999; } .footer__menu-link:hover, .footer__menu-link.selected { color: #005999; } .form input[type=text]:hover, .form input[type=password]:hover, .form input[type=tel]:hover, .form input[type=email]:hover, .form textarea:hover { border-color: #005999; } .jq-selectbox:hover .jq-selectbox__select { border-color: #005999; } .jq-selectbox__dropdown li:hover { background: #CCDEEB; } .jq-selectbox__dropdown li.sel:hover { background: #0779CC; color: #fff; } .file__item:hover { border-color: #005999; color: #005999; } .file__item-close:hover path { fill: #005999; } .checkbox:hover .checkbox__icon { border-color: #0779CC; } .checkbox:hover .checkbox__icon svg { opacity: 1; } .captcha:hover { border-color: #005999; } .captcha__reload:hover { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .captcha__reload:hover path { fill: #005999; } .datepicker--nav-action:hover path { fill: #000; } } @media (max-width: 1440px) { .header__bottom.search-active .menu__wrap { opacity: 0; } .search.active { width: 100%; } .page404__content .aside { width: calc((100vw - 60px - 20px) / 3); } .page404__wrapper-fake { width: calc((100vw - 60px - 20px) / 3 * 2 + 10px); } } @media (max-width: 1360px) { .logo { margin-right: 60px; } .main-slider__item { height: 392px; } } @media (max-width: 1280px) { .logo { margin-right: 40px; } .main-slider__item { height: 368px; } } @media (max-width: 1260px) { .header__top .button { font-size: 14px; } .menu { font-size: 16px; } .menu__link::before { height: calc(100% + 45px); } .search { width: 93px; } .search__title { font-size: 18px; } .search__form input { font-size: 18px; } .logo { width: 137px; height: 80px; } } @media (max-width: 1120px) { .menu { font-size: 14px; } .search { width: 87px; } .search__title { font-size: 16px; } .search__form input { font-size: 16px; } } @media (max-width: 1024px) { .header__top { display: none; } .header__bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; height: 64px; } .header__bottom .button { display: block; margin-right: 139px; } .menu__wrap { display: none; } .burger { position: relative; z-index: 1; display: block; width: 42px; height: 42px; cursor: pointer; } .search { top: 50%; right: 82px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 99px; } .search::before { background: #fff; } .search::after { z-index: 1; display: block; -webkit-box-shadow: 0 0 20px 20px #fff; box-shadow: 0 0 20px 20px #fff; } .search__title { font-size: 20px; } .search__form input { font-size: 20px; } .search.active { width: calc(100% - 82px); } .m-pda-0 { margin: 0px !important; } .mt-pda-0 { margin-top: 0px !important; } .mb-pda-0 { margin-bottom: 0px !important; } .mtb-pda-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-pda-0 { padding: 0px !important; } .pt-pda-0 { padding-top: 0px !important; } .pb-pda-0 { padding-bottom: 0px !important; } .ptb-pda-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .mp-pda-0 { margin: 0px !important; padding: 0px !important; } .mpt-pda-0 { margin-top: 0px !important; padding-top: 0px !important; } .mpb-pda-0 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .mptb-pda-0 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .m-pda-10 { margin: 10px !important; } .mt-pda-10 { margin-top: 10px !important; } .mb-pda-10 { margin-bottom: 10px !important; } .mtb-pda-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-pda-10 { padding: 10px !important; } .pt-pda-10 { padding-top: 10px !important; } .pb-pda-10 { padding-bottom: 10px !important; } .ptb-pda-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .mp-pda-10 { margin: 10px !important; padding: 10px !important; } .mpt-pda-10 { margin-top: 10px !important; padding-top: 10px !important; } .mpb-pda-10 { margin-bottom: 10px !important; padding-bottom: 10px !important; } .mptb-pda-10 { margin-top: 10px !important; margin-bottom: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .m-pda-16 { margin: 16px !important; } .mt-pda-16 { margin-top: 16px !important; } .mb-pda-16 { margin-bottom: 16px !important; } .mtb-pda-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .p-pda-16 { padding: 16px !important; } .pt-pda-16 { padding-top: 16px !important; } .pb-pda-16 { padding-bottom: 16px !important; } .ptb-pda-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .mp-pda-16 { margin: 16px !important; padding: 16px !important; } .mpt-pda-16 { margin-top: 16px !important; padding-top: 16px !important; } .mpb-pda-16 { margin-bottom: 16px !important; padding-bottom: 16px !important; } .mptb-pda-16 { margin-top: 16px !important; margin-bottom: 16px !important; padding-top: 16px !important; padding-bottom: 16px !important; } .m-pda-20 { margin: 20px !important; } .mt-pda-20 { margin-top: 20px !important; } .mb-pda-20 { margin-bottom: 20px !important; } .mtb-pda-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-pda-20 { padding: 20px !important; } .pt-pda-20 { padding-top: 20px !important; } .pb-pda-20 { padding-bottom: 20px !important; } .ptb-pda-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .mp-pda-20 { margin: 20px !important; padding: 20px !important; } .mpt-pda-20 { margin-top: 20px !important; padding-top: 20px !important; } .mpb-pda-20 { margin-bottom: 20px !important; padding-bottom: 20px !important; } .mptb-pda-20 { margin-top: 20px !important; margin-bottom: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .m-pda-24 { margin: 24px !important; } .mt-pda-24 { margin-top: 24px !important; } .mb-pda-24 { margin-bottom: 24px !important; } .mtb-pda-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .p-pda-24 { padding: 24px !important; } .pt-pda-24 { padding-top: 24px !important; } .pb-pda-24 { padding-bottom: 24px !important; } .ptb-pda-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .mp-pda-24 { margin: 24px !important; padding: 24px !important; } .mpt-pda-24 { margin-top: 24px !important; padding-top: 24px !important; } .mpb-pda-24 { margin-bottom: 24px !important; padding-bottom: 24px !important; } .mptb-pda-24 { margin-top: 24px !important; margin-bottom: 24px !important; padding-top: 24px !important; padding-bottom: 24px !important; } .m-pda-30 { margin: 30px !important; } .mt-pda-30 { margin-top: 30px !important; } .mb-pda-30 { margin-bottom: 30px !important; } .mtb-pda-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-pda-30 { padding: 30px !important; } .pt-pda-30 { padding-top: 30px !important; } .pb-pda-30 { padding-bottom: 30px !important; } .ptb-pda-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .mp-pda-30 { margin: 30px !important; padding: 30px !important; } .mpt-pda-30 { margin-top: 30px !important; padding-top: 30px !important; } .mpb-pda-30 { margin-bottom: 30px !important; padding-bottom: 30px !important; } .mptb-pda-30 { margin-top: 30px !important; margin-bottom: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important; } .m-pda-32 { margin: 32px !important; } .mt-pda-32 { margin-top: 32px !important; } .mb-pda-32 { margin-bottom: 32px !important; } .mtb-pda-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .p-pda-32 { padding: 32px !important; } .pt-pda-32 { padding-top: 32px !important; } .pb-pda-32 { padding-bottom: 32px !important; } .ptb-pda-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .mp-pda-32 { margin: 32px !important; padding: 32px !important; } .mpt-pda-32 { margin-top: 32px !important; padding-top: 32px !important; } .mpb-pda-32 { margin-bottom: 32px !important; padding-bottom: 32px !important; } .mptb-pda-32 { margin-top: 32px !important; margin-bottom: 32px !important; padding-top: 32px !important; padding-bottom: 32px !important; } .m-pda-40 { margin: 40px !important; } .mt-pda-40 { margin-top: 40px !important; } .mb-pda-40 { margin-bottom: 40px !important; } .mtb-pda-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-pda-40 { padding: 40px !important; } .pt-pda-40 { padding-top: 40px !important; } .pb-pda-40 { padding-bottom: 40px !important; } .ptb-pda-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .mp-pda-40 { margin: 40px !important; padding: 40px !important; } .mpt-pda-40 { margin-top: 40px !important; padding-top: 40px !important; } .mpb-pda-40 { margin-bottom: 40px !important; padding-bottom: 40px !important; } .mptb-pda-40 { margin-top: 40px !important; margin-bottom: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important; } .m-pda-50 { margin: 50px !important; } .mt-pda-50 { margin-top: 50px !important; } .mb-pda-50 { margin-bottom: 50px !important; } .mtb-pda-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-pda-50 { padding: 50px !important; } .pt-pda-50 { padding-top: 50px !important; } .pb-pda-50 { padding-bottom: 50px !important; } .ptb-pda-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .mp-pda-50 { margin: 50px !important; padding: 50px !important; } .mpt-pda-50 { margin-top: 50px !important; padding-top: 50px !important; } .mpb-pda-50 { margin-bottom: 50px !important; padding-bottom: 50px !important; } .mptb-pda-50 { margin-top: 50px !important; margin-bottom: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important; } .page__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aside { width: 100%; } .aside + .content { width: 100%; } .half { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 20px; } .half-50 { gap: 20px; } .third { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .third__item { width: 100% !important; } .meters .form > .third .third__item:first-child { display: none; } .popup { max-width: none; padding: 0 0 0 30px; border-radius: 0; } .popup__content { padding: 30px 30px 30px 0; } .modal__content { padding: 30px; } .gallery { width: calc(100% - 80px); height: calc(100% - 60px); } .main-slider__item { height: auto; } .main-slider__item-content { width: 100%; min-width: auto; margin-bottom: 406px; } .main-slider__item-content br { display: none; } .main-slider__item-img { top: auto; bottom: 0; height: 416px; } .main-slider__item-img--clone { position: absolute; bottom: 416px; left: 0; z-index: 1; display: block; width: 100%; height: 416px; -o-object-fit: cover; object-fit: cover; -o-object-position: right center; object-position: right center; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .main-cards__left { width: 100%; } .main-cards__right { width: 100%; } .news__list-main .news__item:nth-child(3) { display: none; } .news__item { width: calc((100% - 10px) / 2); } .news__item-big { width: 100%; } .news__item-big + .news__item { height: auto; } .news-detail__aside { padding: 20px 0; } .contacts__map-wrapper { height: 560px; } .page404 { margin: 40px 0; } .page404__content { margin: 380px 0 0; } .page404__content .aside { top: 230px; width: calc(100% - 60px); } .page404__aside { padding: 0; } .page404__wrapper-fake { top: 380px; width: calc(100% - 60px); } .page404__item-top, .page404__item-bottom { height: 151px; } .page404__item-center { height: 178px; } .footer__copyright br { display: block; } } @media (max-width: 760px) { .card__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .document__grid { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .main-slider__item-content { margin-bottom: 350px; } .main-slider__item-img { height: 360px; } .main-slider__item-img--clone { bottom: 360px; height: 360px; } .main-cards__right { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .footer__top .footer__row:last-child { display: none; } .footer__bottom .footer__row:last-child > div { width: 100%; } .footer__row { width: calc((100% - 10px) / 2) !important; } .footer .logo { width: 137px; height: 80px; } } @media (max-width: 680px) { body { font-size: 18px; } .gap-mobile--0 { gap: 0px; } .gap-mobile--10 { gap: 10px; } .gap-mobile--16 { gap: 16px; } .gap-mobile--20 { gap: 20px; } .gap-mobile--24 { gap: 24px; } .gap-mobile--32 { gap: 32px; } .gap-mobile--40 { gap: 40px; } .gap-mobile--50 { gap: 50px; } .header { padding: 10px 0; } .header__bottom { height: auto; } .header__bottom .button { margin-right: 47px; } .burger { width: 22px; height: 22px; margin-right: 5px; } .search { right: 37px; width: 22px; -webkit-transition: width 0.4s, right 0.4s; -o-transition: width 0.4s, right 0.4s; transition: width 0.4s, right 0.4s; } .search::before, .search::after { top: -10px; height: calc(100% + 21px); } .search::after { -webkit-box-shadow: 0 0 10px 10px #fff; box-shadow: 0 0 10px 10px #fff; } .search__title { display: none; } .search__form input { font-size: 18px; } .search.active { right: 0; width: 100%; } .menu-mobile__first { height: calc(100% - 71px); margin-top: 71px; } .menu-mobile__wrap { padding: 20px 15px; } .menu-mobile__second .h1 { margin-bottom: 0; } .menu-mobile__header { padding: 10px 15px; } .menu-mobile__header-icon { width: 32px; height: 32px; } h1, .h1 { padding-bottom: 15px; font-size: 26px; } h2, .h2 { padding-top: 10px; font-size: 24px; } h3, .h3 { padding-top: 10px; font-size: 22px; } h4, .h4 { padding-top: 10px; font-size: 20px; } h5, .h5 { padding-top: 10px; font-size: 18px; } .m-mob-0 { margin: 0px !important; } .mt-mob-0 { margin-top: 0px !important; } .mb-mob-0 { margin-bottom: 0px !important; } .mtb-mob-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-mob-0 { padding: 0px !important; } .pt-mob-0 { padding-top: 0px !important; } .pb-mob-0 { padding-bottom: 0px !important; } .ptb-mob-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .mp-mob-0 { margin: 0px !important; padding: 0px !important; } .mpt-mob-0 { margin-top: 0px !important; padding-top: 0px !important; } .mpb-mob-0 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .mptb-mob-0 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .m-mob-10 { margin: 10px !important; } .mt-mob-10 { margin-top: 10px !important; } .mb-mob-10 { margin-bottom: 10px !important; } .mtb-mob-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-mob-10 { padding: 10px !important; } .pt-mob-10 { padding-top: 10px !important; } .pb-mob-10 { padding-bottom: 10px !important; } .ptb-mob-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .mp-mob-10 { margin: 10px !important; padding: 10px !important; } .mpt-mob-10 { margin-top: 10px !important; padding-top: 10px !important; } .mpb-mob-10 { margin-bottom: 10px !important; padding-bottom: 10px !important; } .mptb-mob-10 { margin-top: 10px !important; margin-bottom: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .m-mob-16 { margin: 16px !important; } .mt-mob-16 { margin-top: 16px !important; } .mb-mob-16 { margin-bottom: 16px !important; } .mtb-mob-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .p-mob-16 { padding: 16px !important; } .pt-mob-16 { padding-top: 16px !important; } .pb-mob-16 { padding-bottom: 16px !important; } .ptb-mob-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .mp-mob-16 { margin: 16px !important; padding: 16px !important; } .mpt-mob-16 { margin-top: 16px !important; padding-top: 16px !important; } .mpb-mob-16 { margin-bottom: 16px !important; padding-bottom: 16px !important; } .mptb-mob-16 { margin-top: 16px !important; margin-bottom: 16px !important; padding-top: 16px !important; padding-bottom: 16px !important; } .m-mob-20 { margin: 20px !important; } .mt-mob-20 { margin-top: 20px !important; } .mb-mob-20 { margin-bottom: 20px !important; } .mtb-mob-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-mob-20 { padding: 20px !important; } .pt-mob-20 { padding-top: 20px !important; } .pb-mob-20 { padding-bottom: 20px !important; } .ptb-mob-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .mp-mob-20 { margin: 20px !important; padding: 20px !important; } .mpt-mob-20 { margin-top: 20px !important; padding-top: 20px !important; } .mpb-mob-20 { margin-bottom: 20px !important; padding-bottom: 20px !important; } .mptb-mob-20 { margin-top: 20px !important; margin-bottom: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .m-mob-24 { margin: 24px !important; } .mt-mob-24 { margin-top: 24px !important; } .mb-mob-24 { margin-bottom: 24px !important; } .mtb-mob-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .p-mob-24 { padding: 24px !important; } .pt-mob-24 { padding-top: 24px !important; } .pb-mob-24 { padding-bottom: 24px !important; } .ptb-mob-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .mp-mob-24 { margin: 24px !important; padding: 24px !important; } .mpt-mob-24 { margin-top: 24px !important; padding-top: 24px !important; } .mpb-mob-24 { margin-bottom: 24px !important; padding-bottom: 24px !important; } .mptb-mob-24 { margin-top: 24px !important; margin-bottom: 24px !important; padding-top: 24px !important; padding-bottom: 24px !important; } .m-mob-30 { margin: 30px !important; } .mt-mob-30 { margin-top: 30px !important; } .mb-mob-30 { margin-bottom: 30px !important; } .mtb-mob-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-mob-30 { padding: 30px !important; } .pt-mob-30 { padding-top: 30px !important; } .pb-mob-30 { padding-bottom: 30px !important; } .ptb-mob-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .mp-mob-30 { margin: 30px !important; padding: 30px !important; } .mpt-mob-30 { margin-top: 30px !important; padding-top: 30px !important; } .mpb-mob-30 { margin-bottom: 30px !important; padding-bottom: 30px !important; } .mptb-mob-30 { margin-top: 30px !important; margin-bottom: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important; } .m-mob-32 { margin: 32px !important; } .mt-mob-32 { margin-top: 32px !important; } .mb-mob-32 { margin-bottom: 32px !important; } .mtb-mob-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .p-mob-32 { padding: 32px !important; } .pt-mob-32 { padding-top: 32px !important; } .pb-mob-32 { padding-bottom: 32px !important; } .ptb-mob-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .mp-mob-32 { margin: 32px !important; padding: 32px !important; } .mpt-mob-32 { margin-top: 32px !important; padding-top: 32px !important; } .mpb-mob-32 { margin-bottom: 32px !important; padding-bottom: 32px !important; } .mptb-mob-32 { margin-top: 32px !important; margin-bottom: 32px !important; padding-top: 32px !important; padding-bottom: 32px !important; } .m-mob-40 { margin: 40px !important; } .mt-mob-40 { margin-top: 40px !important; } .mb-mob-40 { margin-bottom: 40px !important; } .mtb-mob-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-mob-40 { padding: 40px !important; } .pt-mob-40 { padding-top: 40px !important; } .pb-mob-40 { padding-bottom: 40px !important; } .ptb-mob-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .mp-mob-40 { margin: 40px !important; padding: 40px !important; } .mpt-mob-40 { margin-top: 40px !important; padding-top: 40px !important; } .mpb-mob-40 { margin-bottom: 40px !important; padding-bottom: 40px !important; } .mptb-mob-40 { margin-top: 40px !important; margin-bottom: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important; } .m-mob-50 { margin: 50px !important; } .mt-mob-50 { margin-top: 50px !important; } .mb-mob-50 { margin-bottom: 50px !important; } .mtb-mob-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-mob-50 { padding: 50px !important; } .pt-mob-50 { padding-top: 50px !important; } .pb-mob-50 { padding-bottom: 50px !important; } .ptb-mob-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .mp-mob-50 { margin: 50px !important; padding: 50px !important; } .mpt-mob-50 { margin-top: 50px !important; padding-top: 50px !important; } .mpb-mob-50 { margin-bottom: 50px !important; padding-bottom: 50px !important; } .mptb-mob-50 { margin-top: 50px !important; margin-bottom: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important; } a.file-in-text { padding-left: 30px; } .file-in-text::before { width: 22px; height: 22px; } blockquote, .blockquote { padding: 51px 0 0 0; } blockquote::before, .blockquote::before { width: 36px; height: 36px; padding: 7px; } .blockquote2 { padding: 15px; } .content ul li { padding-left: 27px; } .content ul li::before { top: 10px; left: 5px; } .content ul ul > li::before { top: 9px; left: 9px; } .content ul ul ul > li::before { top: 10px; left: 5px; } .content ul ul ul ul > li::before { top: 9px; left: 9px; } .content ul ul ul ul ul > li::before { top: 10px; left: 5px; } .content ol > li::before { margin-right: 12px; } .content img[align=left] { width: 100%; } .content img[align=right] { width: 100%; } .content img:not([class]):not([align]) { width: 100%; } .content table { font-size: 14px; } .content td, .content th { padding: 10px 5px; } .content th { font-size: 18px; } .table--clear:not(.table--odd) th, .table--clear:not(.table--odd) td { padding: 5px; } .table--clear:not(.table--odd) tr:first-child th, .table--clear:not(.table--odd) tr:first-child td { padding-top: 15px; } .table--clear:not(.table--odd) tr:last-child td { padding-bottom: 15px; } .table--odd th, .table--odd td { padding: 10px; } .scroll-table-border { padding: 0 5px !important; } .button { padding: 8px 12px; font-size: 14px; line-height: 18px; } .arrow { width: 38px; height: 38px; } .content { margin-top: 10px; } .page__wrapper { margin-bottom: 30px; } .container { max-width: calc(100vw - 30px); } .logo { width: 85px; height: 50px; margin-right: 20px; } .card { padding: 15px 10px; } .card-icon { width: 48px; height: 48px; } .card span { width: calc(100% - 106px); } .spoiler__title { padding: 18px 10px; font-size: 20px; } .spoiler__cross { top: 10px; right: 10px; } .spoiler__cross { width: 38px; height: 38px; } .spoiler__content { padding: 0 10px 10px; } .station__list { padding: 5px; } .station__address { gap: 5px; } .popup { padding: 0 0 0 15px; } .popup__content { padding: 15px 15px 15px 0; } .modal__content { margin: 0 15px; padding: 15px; } .gallery { width: calc(100% - 30px); height: calc(100% - 30px); padding: 10px; border-radius: 20px; } .gallery__close { width: 38px; height: 38px; padding: 8px; } .gallery__image img { border-radius: 15px; } .gallery__counter { padding: 8px 12px; } .breadcrumbs__item { font-size: 14px; } .main-slider__item-content { margin-bottom: 184px; padding: 10px; } .main-slider__item-top { font-size: 26px; } .main-slider__item-img { height: 194px; } .main-slider__item-img--clone { bottom: 194px; height: 194px; } .main-slider__counter { padding: 8px 12px; } .main-cards__left { padding: 10px; } .main-cards__left-bottom > svg { width: 80px; height: 80px; } .news { margin: 20px 0 15px 0; padding: 10px 0; } .news__top a { font-size: 14px; } .news__list-main { margin-top: 15px; } .news__item { width: 100%; padding: 10px; border-radius: 15px; } .news__item-img { border-radius: 10px; } .news-detail { padding: 15px 0 0; } .news-detail__aside { padding: 15px 0; } .news-detail__buttons { margin: 30px 0 0; padding: 15px 0 0; } .news-gallery { height: auto !important; } .news-gallery__border { margin: 30px 0 0; } .news-gallery__item { width: 100% !important; } .news-gallery__counter { padding: 8px 12px; } .pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0 30px; } .pagination__item { min-width: 38px; height: 38px; padding: 9px; font-size: 14px; } .pagination__button { padding: 9px; font-size: 14px; } .contacts { margin-top: -10px; } .contacts__map-wrapper { height: 474px; border-radius: 15px; } .contacts__info { top: 5px; left: 5px; gap: 10px; width: calc(100% - 10px); padding: 10px; border-radius: 15px; } .contacts__info-item img { width: 22px !important; height: 22px !important; } .contacts__list { margin: 30px 0 0; padding: 5px; border-radius: 15px; } .contacts__item { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 10px; border-radius: 15px; } .contacts__item-post span:last-child { font-size: 14px; } .search-page__aside { padding: 10px 10px 10px 0; } .search-page__item { padding: 10px; } .page404__content { margin: 305px 0 0; } .page404__content .aside { top: 165px; width: calc(100% - 30px); } .page404__wrapper-fake { top: 305px; width: calc(100% - 30px); } .page404__item-img { max-height: 112px; } .page404__item-top, .page404__item-bottom { height: 90px; } .page404__item-center { height: 140px; } .page404__item-top { border-radius: 15px 15px 0 0; } .page404__item-bottom { border-radius: 0 0 15px 15px; } .footer__top { padding: 10px 0; } .footer__bottom { padding: 20px 60px 20px 0; } .footer__row { width: 100% !important; } .footer__address { padding: 0 12px; } .footer .logo { width: 102px; height: 60px; } .form__block { padding: 15px 0; } .form__block-bottom .form__row:last-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__row { gap: 15px; } .form__row + .form__row { margin-top: 15px; } .form label { width: 100% !important; } .form label.filled .form__placeholder { top: 7px; font-size: 12px; } .form input[type=text], .form input[type=password], .form input[type=tel], .form input[type=email], .form textarea { padding: 19px 10px 7px; font-size: 18px; } .form input[type=text]:focus ~ .form__placeholder, .form input[type=password]:focus ~ .form__placeholder, .form input[type=tel]:focus ~ .form__placeholder, .form input[type=email]:focus ~ .form__placeholder, .form textarea:focus ~ .form__placeholder { top: 7px; font-size: 12px; } .form textarea { min-height: 92px; } .form__placeholder { top: 13px; } .jq-selectbox.changed ~ .form__placeholder { top: 7px; font-size: 12px; } .jq-selectbox__select { height: 49px; padding: 19px 10px 7px; } .file__item { padding: 8px 12px; } .checkbox__icon { width: 22px; height: 22px; } .checkbox__icon svg { width: 10px; } .captcha { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 242px; max-width: none; } .captcha__reload { margin-left: 3px; } .captcha__input input[type=text] { padding: 10px; border-top: 1px solid #CCDEEB; border-left: none; } .cookie { bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 10px; } } @media (max-width: 480px) { .form__result-success span { width: 180px; } } @media (max-width: 380px) { .header__bottom .button { font-size: 12px; } } @media (max-width: 360px) { .header__bottom .button { font-size: 10px; padding: 4px 8px; } } @media (max-width: 340px) { .header__bottom .button { font-size: 8px; } } @media (min-width: 1025px) and (max-width: 1024px) { .search:hover::before { -webkit-box-shadow: none; box-shadow: none; } } @media print { * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } body { font-size: 12pt; line-height: 1.4; color: #000; background: #fff; } .admin-panel, .header, .menu-mobile, .breadcrumbs, .footer, .popup, .popup-overlay, .feedback-button, .news-detail__buttons, .news-gallery__border, .news-gallery__bottom { display: none !important; } .news-gallery__print { display: -ms-grid !important; display: grid !important; -ms-grid-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 20px 0 0; } .news-detail { margin: 0; padding: 0; } .news-detail__content { margin: 0; padding: 0; } .news-detail__content p { margin: 0 0 1em 0; } .news-detail__content ul { margin: 0 0 1em 0; padding-left: 1.5em; } .news-detail__content li { margin: 0 0 0.5em 0; } h1, h2, h3, h4, h5, h6 { color: #000; margin: 1em 0 0.5em 0; } a { color: #000; text-decoration: underline; } img { max-width: 100% !important; height: auto !important; } h1 { margin-bottom: 0; padding-bottom: 0; } } /* End */ /* /local/templates/.default/assets/jquery.formstyler.css?17630312762175 */ /* /local/templates/.default/assets/simplebar.min.css?17630312762937 */ /* /local/templates/.default/assets/swiper-bundle.min.css?176303127613934 */ /* /local/templates/.default/styles/fonts.css?17630312751183 */ /* /local/templates/.default/styles/style.css?1764071256125296 */