/* Start:/bitrix/templates/wbooster-blog/assets/vendor/slinky/slinky.css?17571365912152*/ .slinky-menu { overflow: hidden; transform: translateZ(0); } .slinky-menu > ul { left: 0; position: relative; transform: translateZ(0); } .slinky-menu ul, .slinky-menu li { list-style: none; margin: 0; } .slinky-menu ul { width: 100%; } .slinky-menu a { align-items: center; display: flex; } .slinky-menu a span { flex: 1; line-height: 1.4; } .slinky-menu li ul { display: none; left: 100%; position: absolute; top: 0; } .slinky-menu .header { display: flex; } .slinky-menu .header .title { flex: 1; line-height: 1.4; margin: 0; order: 1; } .slinky-theme-default { /* background: #f6f7f8; */ } .slinky-theme-default .title { color: #333; padding: 1em; } .slinky-theme-default li { line-height: 1; } .slinky-theme-default a:not(.back) { color: #333; padding: 1rem; } .slinky-theme-default a:not(.back):hover { background: rgba(90, 200, 250, 0.25); } .slinky-theme-default a:not(.back):active { background: rgba(90, 200, 250, 0.5); } .slinky-theme-default .next::after, .slinky-theme-default .back::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat; background-size: 1em; content: ''; height: 1em; opacity: 0.25; transition: 200ms; width: 1em; } .slinky-theme-default .next::after { margin-left: 1em; } .slinky-theme-default .back::before { padding: 1em; transform: scaleX(-1); } .slinky-theme-default .next:hover::after, .slinky-theme-default .back:hover::before { opacity: 0.75; } .slinky-theme-default .next:active::after, .slinky-theme-default .back:active::before { opacity: 1; } /*# sourceMappingURL=slinky.min.css.map*/ /* End */ /* Start:/bitrix/templates/wbooster-blog/assets/vendor/swiper/swiper-bundle.min.css?175713658818433*/ /** * Swiper 11.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 28, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/wbooster-blog/assets/vendor/glightbox/glightbox.min.css?175946725313749*/ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* End */ /* Start:/bitrix/templates/wbooster-blog/assets/css/fonts.css?175713656838*/ /*# sourceMappingURL=fonts.css.map */ /* End */ /* Start:/bitrix/templates/wbooster-blog/assets/css/main.css?1760267700204958*/ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; } main { display: block; } a { text-decoration: none; background-color: transparent; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-size: 1em; font-family: inherit, sans-serif; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: none; } b, strong { font-weight: 600; } code, kbd, samp { font-size: 1em; font-family: inherit, sans-serif; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-size: 100%; font-family: inherit; line-height: 1.15; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; appearance: button; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .list-reset { list-style: none; padding: 0; margin: 0; } :root { --m-font-family: "Montserrat", system-ui, sans-serif; --m-font-family-title: "Montserrat", system-ui, sans-serif; --color-secondary: #6c757d; --color-success: #198754; --color-danger: #dc3545; --color-warning: #ffc107; --color-info: #0dcaf0; --color-light: #f8f9fa; --animation: all 0.25s ease-out; --swiper-theme-color: var(--theme-base-color); --swiper-pagination-bullet-inactive-color: var(--grey-dark); --swiper-pagination-bullet-inactive-opacity: 1; --swiper-time-animate: 1.2s; --f-button-border-radius: 0; --gap: 20px; /**/ --theme: light; --theme-base-color: #0d6efd; --white_text_black: var(--light, #222) var(--dark, white); --dark_text_black: var(--light, #333) var(--dark, white); --white_text_black_reverse: var(--light, #fff) var(--dark, #222); --white_bg_black: var(--light, #222) var(--dark, white); --white_bg_black_reverse: var(--light, #fff) var(--dark, #222); --basic_text_black: var(--light, #555) var(--dark, #ccc); --lite_basic_text_black: var(--light, #666) var(--dark, #ccc); --black_bg_black: var(--light, #f3f3f3) var(--dark, #1b1b1b); --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212); --stroke_black: var(--light, #ededed) var(--dark, #3a3a3a); --stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a); --card_bg_black: var(--light, #fff) var(--dark, #232323); --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b); --lite_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b); --light2_bg_black: var(--light, #fafafa) var(--dark, #232323); --gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a); --white_bg_ccc: var(--light, #fff) var(--dark, #ccc); --fill_dark_light: var(--light, #222) var(--dark, #fff); --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a); --input_color: var(--light, #222) var(--dark, var(--basic_text_black)); --input_color-placeholder: var(--light, #ccc) var(--dark, #3a3a3a); --input_color-file: var(--darkerblack_bg_black); --input_bg_color: var(--black_bg_black); --input_bg_color-hover: var(--black_bg_black); --input_bg_color-focus: var(--card_bg_hover_black); --input_border_color: var(--light, #DDD) var(--dark, var(--stroke_black)); --input_border_color-hover: var(--light, #DDD) var(--dark, var(--stroke_black_hover)); --input_border_color-focus: var(--light, #999) var(--dark, #999); --fill_dark_light_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc); --theme-outer-border-radius: 16px; --theme-button-border-radius: 16px; --theme-small-border-radius: 4px; } /* Grid */ .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; } @media (max-width: 576px) { .row > * { padding-inline: 5px; } } .row-list { row-gap: var(--gap); } .wrapper { max-width: 1440px; margin: 0 auto; padding: 0 10px; } @media (min-width: 1920px) { .wrapper { max-width: 1680px; } } @media screen and (max-width: 575px) { .wrapper { padding: 0 20px; } } .col-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-1 { margin-left: 8.3333333333%; } .off-2 { margin-left: 16.6666666667%; } .off-3 { margin-left: 25%; } .off-4 { margin-left: 33.3333333333%; } .off-5 { margin-left: 41.6666666667%; } .off-6 { margin-left: 50%; } .off-7 { margin-left: 58.3333333333%; } .off-8 { margin-left: 66.6666666667%; } .off-9 { margin-left: 75%; } .off-10 { margin-left: 83.3333333333%; } .off-11 { margin-left: 91.6666666667%; } .off-12 { margin-left: 100%; } @media (max-width: 1367px) { .col-xxl-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-xxl-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-xxl-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-xxl-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-xxl-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-xxl-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-xxl-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-xxl-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-xxl-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-xxl-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-xxl-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-xxl-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-xxl-1 { margin-left: 8.3333333333%; } .off-xxl-2 { margin-left: 16.6666666667%; } .off-xxl-3 { margin-left: 25%; } .off-xxl-4 { margin-left: 33.3333333333%; } .off-xxl-5 { margin-left: 41.6666666667%; } .off-xxl-6 { margin-left: 50%; } .off-xxl-7 { margin-left: 58.3333333333%; } .off-xxl-8 { margin-left: 66.6666666667%; } .off-xxl-9 { margin-left: 75%; } .off-xxl-10 { margin-left: 83.3333333333%; } .off-xxl-11 { margin-left: 91.6666666667%; } .off-xxl-12 { margin-left: 100%; } .d-xxl-n { display: none !important; } .d-xxl-b { display: block !important; } .d-xxl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xxl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xxl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xxl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xxl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xxl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xxl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xxl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xxl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xxl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xxl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xxl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xxl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xxl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xxl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xxl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-xxl-n { background: none !important; } .br-xxl-n { border: none !important; } .w-xxl-100 { width: 100% !important; } .h-xxl-100 { height: 100% !important; } .w-xxl-50 { width: 50% !important; } .h-xxl-50 { height: 50% !important; } .f-xxl-l { font-weight: 300; } .f-xxl-r { font-weight: 400; } .f-xxl-m { font-weight: 600; } .f-xxl-b { font-weight: 800; } } @media (max-width: 1200px) { .col-xl-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-xl-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-xl-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-xl-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-xl-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-xl-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-xl-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-xl-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-xl-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-xl-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-xl-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-xl-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-xl-1 { margin-left: 8.3333333333%; } .off-xl-2 { margin-left: 16.6666666667%; } .off-xl-3 { margin-left: 25%; } .off-xl-4 { margin-left: 33.3333333333%; } .off-xl-5 { margin-left: 41.6666666667%; } .off-xl-6 { margin-left: 50%; } .off-xl-7 { margin-left: 58.3333333333%; } .off-xl-8 { margin-left: 66.6666666667%; } .off-xl-9 { margin-left: 75%; } .off-xl-10 { margin-left: 83.3333333333%; } .off-xl-11 { margin-left: 91.6666666667%; } .off-xl-12 { margin-left: 100%; } .d-xl-n { display: none !important; } .d-xl-b { display: block !important; } .d-xl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-xl-n { background: none !important; } .br-xl-n { border: none !important; } .w-xl-100 { width: 100% !important; } .h-xl-100 { height: 100% !important; } .w-xl-50 { width: 50% !important; } .h-xl-50 { height: 50% !important; } .f-xl-l { font-weight: 300; } .f-xl-r { font-weight: 400; } .f-xl-m { font-weight: 600; } .f-xl-b { font-weight: 800; } } @media (max-width: 992px) { .col-lg-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-lg-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-lg-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-lg-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-lg-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-lg-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-lg-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-lg-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-lg-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-lg-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-lg-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-lg-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-lg-1 { margin-left: 8.3333333333%; } .off-lg-2 { margin-left: 16.6666666667%; } .off-lg-3 { margin-left: 25%; } .off-lg-4 { margin-left: 33.3333333333%; } .off-lg-5 { margin-left: 41.6666666667%; } .off-lg-6 { margin-left: 50%; } .off-lg-7 { margin-left: 58.3333333333%; } .off-lg-8 { margin-left: 66.6666666667%; } .off-lg-9 { margin-left: 75%; } .off-lg-10 { margin-left: 83.3333333333%; } .off-lg-11 { margin-left: 91.6666666667%; } .off-lg-12 { margin-left: 100%; } .d-lg-n { display: none !important; } .d-lg-b { display: block !important; } .d-lg-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-lg-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-lg-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-lg-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-lg-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-lg-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-lg-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-lg-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-lg-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-lg-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-lg-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-lg-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-lg-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-lg-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-lg-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-lg-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-lg-n { background: none !important; } .br-lg-n { border: none !important; } .w-lg-100 { width: 100% !important; } .h-lg-100 { height: 100% !important; } .w-lg-50 { width: 50% !important; } .h-lg-50 { height: 50% !important; } .f-lg-l { font-weight: 300; } .f-lg-r { font-weight: 400; } .f-lg-m { font-weight: 600; } .f-lg-b { font-weight: 800; } } @media (max-width: 768px) { .col-md-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-md-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-md-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-md-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-md-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-md-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-md-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-md-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-md-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-md-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-md-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-md-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-md-1 { margin-left: 8.3333333333%; } .off-md-2 { margin-left: 16.6666666667%; } .off-md-3 { margin-left: 25%; } .off-md-4 { margin-left: 33.3333333333%; } .off-md-5 { margin-left: 41.6666666667%; } .off-md-6 { margin-left: 50%; } .off-md-7 { margin-left: 58.3333333333%; } .off-md-8 { margin-left: 66.6666666667%; } .off-md-9 { margin-left: 75%; } .off-md-10 { margin-left: 83.3333333333%; } .off-md-11 { margin-left: 91.6666666667%; } .off-md-12 { margin-left: 100%; } .d-md-n { display: none !important; } .d-md-b { display: block !important; } .d-md-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-md-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-md-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-md-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-md-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-md-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-md-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-md-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-md-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-md-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-md-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-md-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-md-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-md-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-md-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-md-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-md-n { background: none !important; } .br-md-n { border: none !important; } .w-md-100 { width: 100% !important; } .h-md-100 { height: 100% !important; } .w-md-50 { width: 50% !important; } .h-md-50 { height: 50% !important; } .f-md-l { font-weight: 300; } .f-md-r { font-weight: 400; } .f-md-m { font-weight: 600; } .f-md-b { font-weight: 800; } } @media (max-width: 576px) { .col-sm-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-sm-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-sm-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-sm-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-sm-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-sm-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-sm-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-sm-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-sm-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-sm-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-sm-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-sm-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-sm-1 { margin-left: 8.3333333333%; } .off-sm-2 { margin-left: 16.6666666667%; } .off-sm-3 { margin-left: 25%; } .off-sm-4 { margin-left: 33.3333333333%; } .off-sm-5 { margin-left: 41.6666666667%; } .off-sm-6 { margin-left: 50%; } .off-sm-7 { margin-left: 58.3333333333%; } .off-sm-8 { margin-left: 66.6666666667%; } .off-sm-9 { margin-left: 75%; } .off-sm-10 { margin-left: 83.3333333333%; } .off-sm-11 { margin-left: 91.6666666667%; } .off-sm-12 { margin-left: 100%; } .d-sm-n { display: none !important; } .d-sm-b { display: block !important; } .d-sm-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-sm-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-sm-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-sm-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-sm-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-sm-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-sm-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-sm-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-sm-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-sm-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-sm-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-sm-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-sm-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-sm-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-sm-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sm-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-sm-n { background: none !important; } .br-sm-n { border: none !important; } .w-sm-100 { width: 100% !important; } .h-sm-100 { height: 100% !important; } .w-sm-50 { width: 50% !important; } .h-sm-50 { height: 50% !important; } .f-sm-l { font-weight: 300; } .f-sm-r { font-weight: 400; } .f-sm-m { font-weight: 600; } .f-sm-b { font-weight: 800; } } @media (max-width: 360px) { .col-small-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-small-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-small-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-small-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-small-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-small-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-small-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-small-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-small-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-small-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-small-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-small-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-small-1 { margin-left: 8.3333333333%; } .off-small-2 { margin-left: 16.6666666667%; } .off-small-3 { margin-left: 25%; } .off-small-4 { margin-left: 33.3333333333%; } .off-small-5 { margin-left: 41.6666666667%; } .off-small-6 { margin-left: 50%; } .off-small-7 { margin-left: 58.3333333333%; } .off-small-8 { margin-left: 66.6666666667%; } .off-small-9 { margin-left: 75%; } .off-small-10 { margin-left: 83.3333333333%; } .off-small-11 { margin-left: 91.6666666667%; } .off-small-12 { margin-left: 100%; } .d-small-n { display: none !important; } .d-small-b { display: block !important; } .d-small-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-small-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-small-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-small-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-small-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-small-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-small-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-small-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-small-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-small-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-small-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-small-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-small-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-small-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-small-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-small-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-small-n { background: none !important; } .br-small-n { border: none !important; } .w-small-100 { width: 100% !important; } .h-small-100 { height: 100% !important; } .w-small-50 { width: 50% !important; } .h-small-50 { height: 50% !important; } .f-small-l { font-weight: 300; } .f-small-r { font-weight: 400; } .f-small-m { font-weight: 600; } .f-small-b { font-weight: 800; } } .wrapper-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 0; } @media screen and (max-width: 767px) { .wrapper-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .wrapper-content.aside-pos-right .aside_block { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: var(--gap); } .wrapper-content.aside-pos-right .right_block { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wrapper-content.aside-pos-left .aside_block { padding-right: var(--gap); } @media screen and (max-width: 767px) { .wrapper-content.aside-pos-left .aside_block { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .wrapper-content .aside_block { width: 19em; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .wrapper-content .aside_block { margin-top: 20px; width: 100%; } } .wrapper-content .right_block { width: 100%; min-width: 0; } .wrapper-content .right_block > p { margin-top: 0; } .label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.1875em 0.4375em 0.25em; font-size: 0.875em; line-height: 1; color: var(--white_text_black_reverse); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background: #999; } .label.--big { padding: 6px 7px; } .label a { color: inherit; } .label.label-transparent { background: transparent; border: 1px solid var(--stroke_black); color: var(--white_text_black); } .label.label-default { background-color: #999; } .label.label-primary { background-color: #ccc; } .label.label-success { background-color: #5cb85c; } .label.label-info { background-color: #365edc; } .label.label-warning { background-color: #f0ad4e; } .label.label-danger { background-color: #d9534f; } .label.label-hit { background-color: #ed673c; } .label.label-recommend { background-color: #925aec; } .label.label-new { background-color: #31b82f; } .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 { font-family: var(--m-font-family), serif; letter-spacing: normal; font-weight: bold; color: var(--white_text_black); } h1, .h1 { font-size: 3em; line-height: 1; margin: 0 0 18px; } @media screen and (max-width: 767px) { h1, .h1 { font-size: 2.25em; line-height: 1.2; } } @media screen and (max-width: 575px) { h1, .h1 { font-size: 2em; line-height: 1.2; } } h2, .h2 { font-size: 2.25em; line-height: 1.2; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h2, .h2 { font-size: 1.875em; line-height: 1.2; } } h3, .h3 { font-size: 1.875em; line-height: 1.2; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h3, .h3 { font-size: 1.5em; } } h4, .h4 { font-size: 1.5em; line-height: 1.4; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h4, .h4 { font-size: 1.25em; line-height: 1.2; } } h5, .h5 { font-size: 1.25em; line-height: 1.4; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h5, .h5 { font-size: 1.125em; line-height: 1.2; } } .text-reset p { margin: 0; } .text-reset p:not(:last-child) { margin-bottom: 1em; } .text-normal { font-size: inherit; } .text-xl { font-size: 1.25em; } .text-lg { font-size: 18px; } .text-sm { font-size: 14px; } .text-xs { font-size: 12px; } .text-upper { text-transform: uppercase; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .text-white { color: var(--white_text_black_reverse); } .text-dark { color: var(--white_text_black); } .text-brand { color: var(--theme-base-color); } .text-color-666 { color: var(--lite_basic_text_black); } .fw-500 { font-weight: 500; } .fw-bold { font-weight: bold; } .color-black { color: var(--white_text_black); } blockquote { margin: 1.125em 0; min-height: 2.5em; padding: 0.5em 1.25em; position: relative; vertical-align: middle; border: none; } blockquote::before { content: " "; display: block; left: 0; position: absolute; top: 0.3125em; bottom: 0.3125em; width: 0.125em; background-color: var(--theme-base-color); } blockquote small { display: block; margin-top: 0.5em; color: var(--white_text_black); } a { color: var(--theme-base-color); -webkit-transition: var(--animation); transition: var(--animation); } a:hover { color: var(--brand-300); } a.dark-link { color: var(--white_text_black); } a.dark-link:hover { color: var(--fill_dark_light_hover); } a.white-link { color: var(--white_text_black_reverse); } a.white-link:hover { color: var(--theme-base-color); } .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .d-n { display: none !important; } .d-b { display: block !important; } .d-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } @media (max-width: 1367px) { .d-xxl-n { display: none !important; } .d-xxl-b { display: block !important; } .d-xxl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xxl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xxl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xxl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xxl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xxl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xxl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xxl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xxl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xxl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xxl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xxl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xxl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xxl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xxl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xxl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 1200px) { .d-xl-n { display: none !important; } .d-xl-b { display: block !important; } .d-xl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 992px) { .d-lg-n { display: none !important; } .d-lg-b { display: block !important; } .d-lg-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-lg-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-lg-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-lg-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-lg-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-lg-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-lg-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-lg-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-lg-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-lg-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-lg-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-lg-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-lg-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-lg-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-lg-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-lg-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 768px) { .d-md-n { display: none !important; } .d-md-b { display: block !important; } .d-md-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-md-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-md-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-md-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-md-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-md-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-md-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-md-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-md-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-md-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-md-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-md-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-md-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-md-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-md-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-md-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 576px) { .d-sm-n { display: none !important; } .d-sm-b { display: block !important; } .d-sm-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-sm-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-sm-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-sm-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-sm-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-sm-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-sm-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-sm-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-sm-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-sm-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-sm-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-sm-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-sm-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-sm-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-sm-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sm-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 360px) { .d-small-n { display: none !important; } .d-small-b { display: block !important; } .d-small-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-small-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-small-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-small-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-small-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-small-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-small-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-small-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-small-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-small-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-small-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-small-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-small-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-small-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-small-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-small-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } *:not(.bx-core-window) label { display: inline-block; } *:not(.bx-core-window) input[type=text], *:not(.bx-core-window) input[type=email], *:not(.bx-core-window) input[type=tel], *:not(.bx-core-window) input[type=password], *:not(.bx-core-window) input[type=search], *:not(.bx-core-window) input[type=number], *:not(.bx-core-window) input[type=date] { display: block; width: 100%; height: 48px; padding: 8px 13px 7px; color: var(--input_color); line-height: 1.5; background-color: var(--input_bg_color); border: 1px solid var(--input_border_color); border-radius: var(--theme-outer-border-radius); -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=text]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=email]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=tel]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=password]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=search]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=number]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=date]::-webkit-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) input[type=text]::-moz-placeholder, *:not(.bx-core-window) input[type=email]::-moz-placeholder, *:not(.bx-core-window) input[type=tel]::-moz-placeholder, *:not(.bx-core-window) input[type=password]::-moz-placeholder, *:not(.bx-core-window) input[type=search]::-moz-placeholder, *:not(.bx-core-window) input[type=number]::-moz-placeholder, *:not(.bx-core-window) input[type=date]::-moz-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) input[type=text]:-ms-input-placeholder, *:not(.bx-core-window) input[type=email]:-ms-input-placeholder, *:not(.bx-core-window) input[type=tel]:-ms-input-placeholder, *:not(.bx-core-window) input[type=password]:-ms-input-placeholder, *:not(.bx-core-window) input[type=search]:-ms-input-placeholder, *:not(.bx-core-window) input[type=number]:-ms-input-placeholder, *:not(.bx-core-window) input[type=date]:-ms-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) input[type=text]::-ms-input-placeholder, *:not(.bx-core-window) input[type=email]::-ms-input-placeholder, *:not(.bx-core-window) input[type=tel]::-ms-input-placeholder, *:not(.bx-core-window) input[type=password]::-ms-input-placeholder, *:not(.bx-core-window) input[type=search]::-ms-input-placeholder, *:not(.bx-core-window) input[type=number]::-ms-input-placeholder, *:not(.bx-core-window) input[type=date]::-ms-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) input[type=text]::placeholder, *:not(.bx-core-window) input[type=email]::placeholder, *:not(.bx-core-window) input[type=tel]::placeholder, *:not(.bx-core-window) input[type=password]::placeholder, *:not(.bx-core-window) input[type=search]::placeholder, *:not(.bx-core-window) input[type=number]::placeholder, *:not(.bx-core-window) input[type=date]::placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) input[type=text]:hover, *:not(.bx-core-window) input[type=email]:hover, *:not(.bx-core-window) input[type=tel]:hover, *:not(.bx-core-window) input[type=password]:hover, *:not(.bx-core-window) input[type=search]:hover, *:not(.bx-core-window) input[type=number]:hover, *:not(.bx-core-window) input[type=date]:hover { background-color: var(--input_bg_color-hover); border-color: var(--input_border_color-hover); } *:not(.bx-core-window) input[type=text]:focus-visible, *:not(.bx-core-window) input[type=text]:focus, *:not(.bx-core-window) input[type=email]:focus-visible, *:not(.bx-core-window) input[type=email]:focus, *:not(.bx-core-window) input[type=tel]:focus-visible, *:not(.bx-core-window) input[type=tel]:focus, *:not(.bx-core-window) input[type=password]:focus-visible, *:not(.bx-core-window) input[type=password]:focus, *:not(.bx-core-window) input[type=search]:focus-visible, *:not(.bx-core-window) input[type=search]:focus, *:not(.bx-core-window) input[type=number]:focus-visible, *:not(.bx-core-window) input[type=number]:focus, *:not(.bx-core-window) input[type=date]:focus-visible, *:not(.bx-core-window) input[type=date]:focus { background-color: var(--input_bg_color-focus); border-color: var(--input_border_color-focus); outline: 0; } *:not(.bx-core-window) textarea { display: block; width: 100%; min-height: 100px; padding: 8px 13px 7px; color: var(--input_color); background-color: var(--input_bg_color); border: 1px solid var(--input_border_color); border-radius: var(--theme-outer-border-radius); -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; } *:not(.bx-core-window) textarea::-webkit-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) textarea::-moz-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) textarea:-ms-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) textarea::-ms-input-placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) textarea::placeholder { color: var(--input_color-placeholder); } *:not(.bx-core-window) textarea:hover { background-color: var(--input_bg_color-hover); border-color: var(--input_border_color-hover); } *:not(.bx-core-window) textarea:focus-visible, *:not(.bx-core-window) textarea:focus { background-color: var(--input_bg_color-focus); border-color: var(--input_border_color-focus); outline: 0; } *:not(.bx-core-window) input[type=range] { width: 100%; height: 28px; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=range]::-moz-focus-outer { border: 0; } *:not(.bx-core-window) input[type=range]::-webkit-slider-runnable-track { height: 6px; background-color: var(--darkerblack_bg_black); border: var(--stroke_black); border-radius: var(--theme-outer-border-radius); } *:not(.bx-core-window) input[type=range]::-webkit-slider-thumb { position: relative; top: 50%; width: 1em; height: 1em; background: var(--theme-base-color); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; -webkit-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=file] { width: 100%; height: 48px; border: 1px solid var(--input_border_color); border-radius: var(--theme-outer-border-radius); cursor: pointer; display: block; } *:not(.bx-core-window) input[type=file]::file-selector-button, *:not(.bx-core-window) input[type=file]::-webkit-file-upload-button { background-color: var(--input_color-file); border: 0; height: 100%; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; padding: 8px 13px 7px; margin-right: 20px; -webkit-transition: var(--animation); transition: var(--animation); } *:not(.bx-core-window) select { --bs-form-select-bg-img: var(--light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.91688 5.25079C2.91621 5.13492 2.95006 5.02148 3.01411 4.92493C3.07816 4.82838 3.16951 4.75309 3.27652 4.70866C3.38353 4.66422 3.50134 4.65267 3.61495 4.67546C3.72855 4.69825 3.83279 4.75435 3.91438 4.83662L7.00022 7.92829L10.0861 4.83662C10.1959 4.72678 10.3449 4.66507 10.5002 4.66507C10.5771 4.66507 10.6533 4.68022 10.7244 4.70965C10.7954 4.73909 10.86 4.78223 10.9144 4.83662C10.9688 4.89101 11.0119 4.95558 11.0414 5.02664C11.0708 5.09771 11.0859 5.17387 11.0859 5.25079C11.0859 5.40613 11.0242 5.55511 10.9144 5.66496L7.41438 9.16496C7.30509 9.2736 7.15724 9.33458 7.00313 9.33458C6.84903 9.33458 6.70118 9.2736 6.59188 9.16496L3.09188 5.66496C3.03677 5.61093 2.99292 5.5465 2.96288 5.47541C2.93284 5.40432 2.9172 5.32797 2.91688 5.25079Z' fill='%23242424' fill-opacity='0.6'/%3E%3C/svg%3E")) var(--dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.91688 5.25079C2.91621 5.13492 2.95006 5.02148 3.01411 4.92493C3.07816 4.82838 3.16951 4.75309 3.27652 4.70866C3.38353 4.66422 3.50134 4.65267 3.61495 4.67546C3.72855 4.69825 3.83279 4.75435 3.91438 4.83662L7.00022 7.92829L10.0861 4.83662C10.1959 4.72678 10.3449 4.66507 10.5002 4.66507C10.5771 4.66507 10.6533 4.68022 10.7244 4.70965C10.7954 4.73909 10.86 4.78223 10.9144 4.83662C10.9688 4.89101 11.0119 4.95558 11.0414 5.02664C11.0708 5.09771 11.0859 5.17387 11.0859 5.25079C11.0859 5.40613 11.0242 5.55511 10.9144 5.66496L7.41438 9.16496C7.30509 9.2736 7.15724 9.33458 7.00313 9.33458C6.84903 9.33458 6.70118 9.2736 6.59188 9.16496L3.09188 5.66496C3.03677 5.61093 2.99292 5.5465 2.96288 5.47541C2.93284 5.40432 2.9172 5.32797 2.91688 5.25079Z' fill='%23FFFFFF' fill-opacity='0.6'/%3E%3C/svg%3E")); display: inline-block; width: 100%; height: 48px; padding: 8px 13px 7px; line-height: 1.5; border: 1px solid var(--input_border_color); background-image: var(--bs-form-select-bg-img); background-color: var(--input_bg_color); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border-radius: var(--theme-outer-border-radius); -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--input_color); } *:not(.bx-core-window) select::-webkit-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::-moz-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select:-ms-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::-ms-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select option:disabled { color: var(--grey-60); } *:not(.bx-core-window) input[type=checkbox] { position: relative; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; background-color: var(--darkerblack_bg_black); border: 1px solid var(--stroke_black); border-radius: 4px; -webkit-transition: var(--animation); transition: var(--animation); -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=checkbox]:checked { border-color: var(--theme-base-color); -webkit-transition: var(--animation); transition: var(--animation); } *:not(.bx-core-window) input[type=checkbox]:checked::before { position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.9497 7.94975L11.1716 15.7279L6.22194 10.7781' stroke='%23FFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-color: var(--theme-base-color); border-radius: 4px; background-size: contain; content: ""; } *:not(.bx-core-window) input[type=checkbox]:hover { border-color: var(--theme-base-color); } *:not(.bx-core-window) input[type=radio] { position: relative; display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.625em; vertical-align: middle; background-color: var(--darkerblack_bg_black); border: 1px solid var(--stroke_black); border-radius: 100%; -webkit-transition: var(--animation); transition: var(--animation); -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=radio]:checked { border-color: var(--theme-base-color); } *:not(.bx-core-window) input[type=radio]:checked::before { position: absolute; top: 50%; left: 50%; width: 0.875em; height: 0.875em; color: #ffffff; background-color: var(--theme-base-color); border-radius: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; } *:not(.bx-core-window) input[type=radio]:checked:hover { opacity: 0.8; } *:not(.bx-core-window) input[type=radio]:hover { border-color: var(--theme-base-color); } *:not(.bx-core-window) input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } *:not(.bx-core-window) input[type=number]::-webkit-outer-spin-button, *:not(.bx-core-window) input[type=number]::-webkit-inner-spin-button { display: none; } *:not(.bx-core-window) fieldset { padding: 0; border: 0; outline: 0; } *:not(.bx-core-window) .checkbox-ios { display: inline-block; height: 1.125em; line-height: 1.125em; position: relative; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } *:not(.bx-core-window) .checkbox-ios .checkbox-ios-switch { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 2.0625em; height: 1.125em; border: 1px solid var(--stroke_black); border-radius: 25%/50%; vertical-align: top; background: var(--darkerblack_bg_black); -webkit-transition: 0.2s; transition: 0.2s; margin-right: 0.5em; } *:not(.bx-core-window) .checkbox-ios .checkbox-ios-switch:before { content: ""; position: absolute; top: 0.0625em; bottom: 0.0625em; left: 0.0625em; display: inline-block; width: 0.875em; height: 0.875em; border-radius: 50%; background-color: var(--theme-base-color); -webkit-transition: 0.15s; transition: 0.15s; } *:not(.bx-core-window) .checkbox-ios input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch { background: var(--theme-base-color); border-color: var(--theme-base-color); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); background-color: var(--white_bg_ccc); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch { -webkit-filter: grayscale(70%); filter: grayscale(70%); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before { background: var(--gray-5); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:not(:disabled) + .checkbox-ios-switch { cursor: pointer; } *:not(.bx-core-window) input[type=text].error, *:not(.bx-core-window) input[type=email].error, *:not(.bx-core-window) input[type=tel].error, *:not(.bx-core-window) input[type=password].error, *:not(.bx-core-window) input[type=search].error, *:not(.bx-core-window) input[type=number].error, *:not(.bx-core-window) textarea.error { border-color: #f00000; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-header { margin-bottom: 0.75em; } .form-title { color: var(--white_text_black); font-size: 1.5em; font-weight: 500; margin: 0; } .form-control label { font-weight: normal; font-size: 14px; margin-bottom: 4px; } .form-control label .star { color: var(--color-danger); } .form-control:not(:last-child) { margin-bottom: 12px; } .form .licence_block { color: var(--gray); margin-bottom: 20px; } .form_footer { margin-top: 0.75em; } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5em; min-height: 3em; padding: 0.625em 1em; color: var(--white_text_black); cursor: pointer; background-color: transparent; border-radius: var(--theme-button-border-radius); -webkit-transition: var(--animation); transition: var(--animation); border: 0; } .btn:hover { background-color: var(--gray-5); color: inherit; } .btn:active { background-color: var(--gray-10); color: inherit; } .btn:disabled { color: var(--gray_bg_black); cursor: not-allowed !important; } .btn.btn-outline { color: var(--theme-base-color); border: 1px solid var(--theme-base-color); } .btn.btn-outline:active, .btn.btn-outline:hover { opacity: 0.8; } .btn .svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; top: -1px; width: 1em; height: 1em; } .btn.btn-icons { gap: 0; padding: 0.625em; } .btn.btn-icons .svg { display: block; } .btn.btn-block { width: 100%; } .btn.btn-lg { padding: 1em 2em; } .btn.btn-sm { min-height: auto; padding: 0.375em 0.75em; } .btn.btn-secondary { color: var(--white_text_black); border: 1px solid var(--darkerblack_bg_black); background-color: var(--darkerblack_bg_black); } .btn.btn-secondary:hover { opacity: 0.8; } .btn.btn-secondary:active { opacity: 0.8; } .btn.btn-primary { color: #FFF; background-color: var(--theme-base-color); } .btn.btn-primary:active, .btn.btn-primary:hover { background-color: color-mix(in srgb, var(--theme-base-color) 80%, #FFF); border-color: color-mix(in srgb, var(--theme-base-color) 80%, #FFF); } .btn.btn-primary:disabled { background-color: var(--darkerblack_bg_black); color: var(--gray_bg_black); cursor: not-allowed !important; } .btn.btn-success { background-color: var(--color-success); color: #FFF; } .btn.btn-success:hover { opacity: 0.8; } .btn.btn-success:active { opacity: 0.9; } .btn.btn-danger { background-color: var(--color-danger); color: #FFF; } .btn.btn-danger:hover { opacity: 0.8; } .btn.btn-danger:active { opacity: 0.9; } .btn.btn-warning { background-color: var(--color-warning); color: #FFF; } .btn.btn-warning:hover { opacity: 0.8; } .btn.btn-warning:active { opacity: 0.9; } .btn.btn-info { background-color: var(--color-info); color: #FFF; } .btn.btn-info:hover { opacity: 0.8; } .btn.btn-info:active { opacity: 0.9; } .btn.btn-light { background-color: var(--color-light); color: var(--black); } .btn.btn-light:hover { opacity: 0.8; } .btn.btn-light:active { opacity: 0.9; } .btn.btn-white { background-color: var(--white_text_black_reverse); color: var(--white_text_black); } .btn.btn-white:hover { opacity: 0.8; } .btn.btn-white:active { opacity: 0.9; } .btn-reset { padding: 0; outline: none; border: none; background-color: transparent; cursor: pointer; color: var(--white_text_black); } .text-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5em; } /* .btn { --button-bg: var(--brand-500, #0d6efd); --button-color: var(--white, #FFF); --button-hover-bg: var(--brand-400, #3d8bfd); --button-hover-color: var(--white, #FFF); --button-border-width: 1px; --button-border-style: solid; --button-border-color: var(--button-bg); --button-radius: var(--m-border-radius, em(4)); display: inline-flex; align-items: center; gap: var(--button-gap, em(8)); padding: var(--button-padding, em(12) em(24)); background: var(--button-bg); color: var(--button-color); border-width: var(--button-border-width); border-style: var(--button-border-style); border-color: var(--button-border-color); border-radius: var(--button-radius); text-decoration: none; line-height: 1.1; cursor: pointer; &.btn-block{ width: 100%; justify-content: center; } &:not(.btn-primary), &:not(.btn-secondary){ --button-bg: transparent; --button-color: var(--brand-500); --button-border-color: transparent; --button-hover-bg: transparent; --button-hover-color: var(--brand-400); &:hover { --button-border-color: transparent; --button-color: var(--brand-500); } } .svg { top: -1px; height: var(--button-icon-size, 1.2cap); width: auto; flex: none; } &:focus { outline-width: var(--button-outline-width, var(--button-border-width)); outline-style: var(--button-outline-style, var(--button-border-style)); outline-color: var(--button-outline-color, var(--button-border-color)); outline-offset: var(--button-outline-offset, calc(var(--button-border-width) * 2)); } &:active { transform: scale(99%); } &.btn.btn-icons{ padding: em(8); color: inherit; .svg{ height: em(16); } &:hover{ color: var(--brand-500); } } &.btn.btn-primary{ --button-bg: var(--brand-500); --button-color: var(--white); --button-border-color: var(--brand-500); &:hover { --button-bg: var(--brand-400); --button-color: var(--white); --button-border-color: var(--brand-400); color: var(--button-color); } &:disabled { --button-border-color: var(--gray-10); --button-bg: var(--gray-10); color: var(--gray-60); cursor: not-allowed !important; } } &.btn-secondary{ --button-bg: var(--white); --button-border-color: var(--brand-500); --button-color: var(--brand-500); &:hover { --button-bg: var(--white); --button-border-color: var(--brand-400); --button-color: var(--brand-400); } &:disabled { --button-border-color: var(--gray-10); --button-color: var(--gray-60); color: var(--gray-60); cursor: not-allowed !important; } } &.btn-reset{ color: inherit; --button-padding: 0; } // Размеры кнопок &.btn-sm{ padding: var(--button-padding, em(8) em(16)); font-size: em(14); } &.btn-lg{ font-size: em(18); padding: var(--button-padding, em(16) em(32)); svg{ --button-icon-size: 1.4cap; } } // Вспомогательные кнопки &.btn.btn-success{ --button-bg: var(--color-success, #6c757d); --button-color: var(--white, #FFF); &:hover{ color: var(--white, #FFF); opacity: .8; } } &.btn.btn-danger{ --button-bg: var(--color-danger, #dc3545); --button-color: var(--white, #FFF); &:hover{ color: var(--white, #FFF); opacity: .8; } } &.btn.btn-warning{ --button-bg: var(--color-warning, #ffc107); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } &.btn.btn-info{ --button-bg: var(--color-info, #0dcaf0); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } &.btn.btn-light{ --button-bg: var(--color-light, #f8f9fa); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } } */ .section { position: relative; padding-top: clamp(32px, 2.81vw, 60px); padding-bottom: clamp(20px, 1.4vw, 30px); overflow: hidden; } .section-overflow { overflow: visible; } .section-top { margin-bottom: 3em; } @media screen and (max-width: 767px) { .section-top-inner.--center { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .section-top-inner.--center .section-top-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (max-width: 767px) { .section-top-inner.--center .section-top-center { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .section-top-left { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .section-top-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .section-top-right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .section-bottom { margin-top: 2.5em; } .section-subtitle { font-size: 0.875em; font-weight: 300; margin-top: 0; margin-bottom: 0.5em; } .section-title { margin: 0; word-break: normal; } .section-preview { max-width: 991px; margin-top: 18px; color: var(--basic_text_black); } .section-preview p { margin: 0; } .section-preview p:not(:last-child) { margin-bottom: 1em; } .section-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: inherit; } @media screen and (max-width: 767px) { .section-link { font-size: 0; } } .section-link-arrow .svg { top: -2px; min-width: inherit; min-height: inherit; vertical-align: middle; } .section-bg-grey { overflow: inherit; background-color: var(--darkerblack_bg_black); } .section-bg-grey-full { -webkit-box-shadow: 0 0 0 100vmax var(--darkerblack_bg_black); box-shadow: 0 0 0 100vmax var(--darkerblack_bg_black); clip-path: inset(0 -100vmax); } .section-border { position: relative; overflow: inherit; } .section-border::after, .section-border::before { content: ""; height: 1px; width: 1000vw; position: absolute; right: -100%; left: -100%; background-color: var(--stroke_black); } .section-border::after { bottom: 0; } .section-border::before { top: 0; } .section-border:not(:last-child)::before { display: none; } .grid-list { display: -ms-grid; display: grid; gap: var(--gap); } @media screen and (max-width: 575px) { .grid-list { gap: calc(var(--gap) / 2); } } .grid-list--items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list--items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .grid-list--items-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .grid-list--items-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } @media screen and (max-width: 1199px) { .grid-list-xl-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-xl-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-xl-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .grid-list .grid-list-lg-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-lg-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-lg-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .grid-list-md-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-md-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-md-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 575px) { .grid-list-sm-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-sm-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-sm-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } .topic { margin-top: 2em; margin-bottom: 2em; } .topic__heading { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px; margin-bottom: 8px; } .topic__heading #pagetitle { margin: 0; font-size: 34px; } @media screen and (max-width: 575px) { .topic__heading #pagetitle { font-size: 28px; line-height: 1.1; } } .topic__text { margin-top: 12px; margin-bottom: 48px; color: var(--gray-80); } .topic__text p { margin: 0; } .topic__text p:not(:last-child) { margin-bottom: 1em; } .tabs-nav { padding: 0; list-style: none; } .tabs-nav li { display: inline-block; } .tabs-btn { cursor: pointer; display: block; margin: 0; padding: 16px 24px 15px; color: var(--white_text_black); border-radius: 4px; text-decoration: none; background-color: var(--white_text_black_reverse); border: 1px solid var(--stroke_black); } .tabs-btn.active { position: relative; } .tabs-btn.active::after { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; z-index: 1; height: 2px; border-top-left-radius: var(--theme-outer-border-radius); border-top-right-radius: var(--theme-outer-border-radius); background-color: var(--theme-base-color); } .tabs-title { font-size: 1.375em; font-weight: 600; line-height: 1.2; margin: 1.125em 0; color: var(--white_text_black); } .с-tab-filter .с-tab-button.active { background-color: var(--theme-base-color); color: var(--white_text_black_reverse); } .с-tab-button { -webkit-transition: background 0.3s; transition: background 0.3s; display: inline-block; } .с-tab-content { display: none; } .с-tab-content.active { display: block; } .svg { top: 1px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; min-width: 30px; min-height: 30px; position: relative; background-repeat: no-repeat; background-position: center center; min-width: auto; min-height: auto; } .svg > svg { width: 100%; height: 100%; } .icons { color: var(--lite_basic_text_black); min-width: unset; min-height: unset; } .icons.icons-8 { width: 0.5em; height: 0.5em; } .icons.icons-12 { width: 0.75em; height: 0.75em; } .icons.icons-18 { width: 18px; height: 18px; } .icons.icons-20 { width: 20px; height: 20px; } .icons.icons-24 { width: 1.5em; height: 1.5em; } .icons.icons-32 { width: 2em; height: 2em; } .icons.icons-48 { width: 3em; height: 3em; } .icons.icons-64 { width: 4em; height: 4em; } .icons .svg, .icons svg { width: 100%; height: 100%; } .icons-color-thems svg { color: var(--theme-base-color); } .avatar { width: 3em; height: 3em; border-radius: 62.5em; overflow: hidden; } .avatar.--text { background-color: var(--theme-base-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--white_text_black_reverse); font-weight: 800; } .avatar img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .avatar-sm { width: 32px; height: 32px; } .avatar-sm.--text { font-weight: normal; font-size: 12px; } .avatar-lg { width: 56px; height: 56px; } .avatar-lg.--text { font-weight: 500; font-size: 32px; } .avatar-xl { width: 144px; height: 144px; } .avatar-xl.--text { font-size: 80px; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 575px) { .pagination { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: var(--gap); } } .pagination__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .pagination__item { width: 32px; height: 32px; border-radius: var(--theme-outer-border-radius); overflow: hidden; } .pagination__item a:hover { background-color: var(--theme-base-color); color: var(--white_text_black_reverse); } .pagination__item_next a, .pagination__item_prev a { display: block; width: 32px; height: 32px; font-size: 0; background-color: var(--white_bg_black_reverse); border-radius: var(--theme-outer-border-radius); -webkit-transition: var(--animation); transition: var(--animation); position: relative; text-align: center; } .pagination__item_next a::after, .pagination__item_prev a::after { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml,'); display: inline-block; width: 16px; height: 16px; vertical-align: middle; } .pagination__item_next a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination__link { 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; line-height: 32px; -webkit-transition: var(--animation); transition: var(--animation); } .pagination__text { 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; line-height: 32px; -webkit-transition: var(--animation); transition: var(--animation); } .pagination__item_active { background-color: var(--theme-base-color); color: var(--white_text_black_reverse); } #navigation { padding-left: 1px; overflow-x: auto; overflow-y: hidden; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; color: var(--basic_text_black); } .breadcrumbs__item { display: inline-block; position: relative; padding-right: 16px; margin-right: -16px; -ms-flex-negative: 0; flex-shrink: 0; } .breadcrumbs__link { color: inherit; } .breadcrumbs__separator { position: relative; zoom: 1; bottom: -1px; display: inline-block; line-height: 18px; margin: 0 10px 0 9px; border: none; color: #ddd; } @media screen and (max-width: 991px) { .breadcrumbs__separator { margin: 0 4px 0 4px; } } table { width: 100%; vertical-align: top; table-layout: fixed; caption-side: bottom; border-collapse: separate; border-spacing: 0; } @media screen and (max-width: 575px) { table { table-layout: auto; } } table thead td, table thead th { color: var(--black); font-weight: 500; font-size: 110%; line-height: 1.2; text-align: left; border-top: 1px solid var(--stroke_black); } table thead td:first-child, table thead th:first-child { border-radius: var(--theme-small-border-radius) 0 0 0; } table thead td:last-child, table thead th:last-child { border-radius: 0 var(--theme-small-border-radius) 0 0; } table:not(:has(thead)) > tbody > tr:first-of-type td { border-top: 1px solid var(--stroke_black); } table tbody tr:last-child td:first-child { border-radius: 0 0 0 var(--theme-small-border-radius); } table tbody tr:last-child td:last-child { border-radius: 0 0 var(--theme-small-border-radius) 0; } table td, table th { padding: 10px; border-right: 1px solid var(--stroke_black); border-bottom: 1px solid var(--stroke_black); } table td:first-child, table th:first-child { border-left: 1px solid var(--stroke_black); } table caption { padding: 10px; color: var(--neutral-200); text-align: left; } table.table-th thead th { background-color: var(--neutral-100); } table.table-striped tbody > tr:nth-of-type(odd) > * { background-color: var(--gray-5); } table.table-hover tbody > tr { -webkit-transition: var(--animation); transition: var(--animation); } table.table-hover tbody > tr:hover * { background-color: var(--lite_bg_black); } .table-response { overflow: scroll; } @media screen and (max-width: 767px) { .table-mobile thead { display: none; } .table-mobile tr { display: block; margin-bottom: 0.5em; } .table-mobile tr td:first-child, .table-mobile tr th:first-child { border-top: 1px solid var(--gray-10); } .table-mobile td { display: block; border-bottom: 1px solid var(--gray-10); border-left: 1px solid var(--gray-10); } .table-mobile td::before { display: block; margin-bottom: 0.25em; font-weight: 700; content: attr(data-label); } } .modal { max-width: 100%; padding: 1.875em 2.5em; border-radius: var(--theme-outer-border-radius); } .modal_extra-small { width: 445px; } .modal_small { width: 600px; } .modal_medium { width: 900px; } .modal__header { margin: 0; margin-bottom: 0.75em; } .modal__footer { margin-top: 0.75em; } .modal.fancybox__content { background: var(--white_bg_black_reverse); } .modal.fancybox__content .f-button.is-close-btn { top: 0.75em; right: 0.75em; --f-button-border-radius: 0; --f-button-color: var(--white_text_black); --f-button-active-bg: transparent; --f-button-hover-bg: transparent; --f-button-bg: transparent; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-color: var(--white_text_black); --f-button-hover-color: var(--theme-base-color); --f-button-bg: transparent; --f-button-active-bg: transparent; --f-button-hover-bg: transparent; } .accordion { border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); overflow: hidden; } .accordion:not(:last-child) { margin-bottom: 4px; } .accordion__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--gap); width: 100%; padding: 1.25em; background-color: var(--white_text_black_reverse); cursor: pointer; } .accordion__control::-webkit-details-marker { display: none; } .accordion__control:hover .accordion__icon { background-color: var(--theme-base-color); color: white; } .accordion__title { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; color: var(--white_text_black); line-height: 1.2; } .accordion__icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); width: 2em; height: 2em; -webkit-transition: var(--animation); transition: var(--animation); color: var(--white_text_black); } .accordion__icon .svg { top: -1px; width: 1em; height: 1em; } .accordion__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: var(--gap); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: content-box; box-sizing: content-box; max-height: 0; padding: 0 1.25em; overflow: hidden; border-top: 1px solid transparent; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; will-change: max-height; background-color: var(--white_text_black_reverse); } .accordion__content .h1, .accordion__content .h2, .accordion__content .h3, .accordion__content .h4, .accordion__content .h5, .accordion__content h1, .accordion__content h2, .accordion__content h3, .accordion__content h4, .accordion__content h5 { margin: 0; font-size: 120%; line-height: inherit; } .accordion__content p { margin: 0; } .accordion__content p:not(:last-child) { margin-bottom: 1em; } .open .accordion__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .open .accordion__control { border-radius: var(--theme-outer-border-radius) var(--theme-outer-border-radius) 0 0; -webkit-transition: border-radius 0.2s ease; transition: border-radius 0.2s ease; } .open .accordion__content { padding: clamp(14px, 0.84vw, 20px); opacity: 1; } .img { display: block; border-radius: var(--theme-outer-border-radius); overflow: hidden; width: 100%; } .img img { max-width: 100%; height: auto; display: block; } .img-default img { max-width: 100%; height: auto; } .img-round { border-radius: 1000px; } .img-round img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .img-3_2 { overflow: hidden; position: relative; aspect-ratio: 3/2; } .img-3_2 img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-3_4 { overflow: hidden; position: relative; aspect-ratio: 3/4; } .img-3_4 img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-4_4 { overflow: hidden; position: relative; aspect-ratio: 4/4; } .img-4_4 img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-cover { height: 100%; } .img-cover img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .mt-4 { margin-top: 4px; } .mb-4 { margin-bottom: 4px; } .ml-4 { margin-left: 4px; } .mr-4 { margin-right: 4px; } .p-4 { padding: 4px; } .pt-4 { padding-top: 4px; } .pb-4 { padding-bottom: 4px; } .pl-4 { padding-left: 4px; } .pr-4 { padding-right: 4px; } .mt-8 { margin-top: 8px; } .mb-8 { margin-bottom: 8px; } .ml-8 { margin-left: 8px; } .mr-8 { margin-right: 8px; } .p-8 { padding: 8px; } .pt-8 { padding-top: 8px; } .pb-8 { padding-bottom: 8px; } .pl-8 { padding-left: 8px; } .pr-8 { padding-right: 8px; } .mt-12 { margin-top: 12px; } .mb-12 { margin-bottom: 12px; } .ml-12 { margin-left: 12px; } .mr-12 { margin-right: 12px; } .p-12 { padding: 12px; } .pt-12 { padding-top: 12px; } .pb-12 { padding-bottom: 12px; } .pl-12 { padding-left: 12px; } .pr-12 { padding-right: 12px; } .mt-16 { margin-top: 16px; } .mb-16 { margin-bottom: 16px; } .ml-16 { margin-left: 16px; } .mr-16 { margin-right: 16px; } .p-16 { padding: 16px; } .pt-16 { padding-top: 16px; } .pb-16 { padding-bottom: 16px; } .pl-16 { padding-left: 16px; } .pr-16 { padding-right: 16px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mr-20 { margin-right: 20px; } .p-20 { padding: 20px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .pr-20 { padding-right: 20px; } .mt-24 { margin-top: 24px; } .mb-24 { margin-bottom: 24px; } .ml-24 { margin-left: 24px; } .mr-24 { margin-right: 24px; } .p-24 { padding: 24px; } .pt-24 { padding-top: 24px; } .pb-24 { padding-bottom: 24px; } .pl-24 { padding-left: 24px; } .pr-24 { padding-right: 24px; } .mt-28 { margin-top: 28px; } .mb-28 { margin-bottom: 28px; } .ml-28 { margin-left: 28px; } .mr-28 { margin-right: 28px; } .p-28 { padding: 28px; } .pt-28 { padding-top: 28px; } .pb-28 { padding-bottom: 28px; } .pl-28 { padding-left: 28px; } .pr-28 { padding-right: 28px; } .mt-32 { margin-top: 32px; } .mb-32 { margin-bottom: 32px; } .ml-32 { margin-left: 32px; } .mr-32 { margin-right: 32px; } .p-32 { padding: 32px; } .pt-32 { padding-top: 32px; } .pb-32 { padding-bottom: 32px; } .pl-32 { padding-left: 32px; } .pr-32 { padding-right: 32px; } .mt-36 { margin-top: 36px; } .mb-36 { margin-bottom: 36px; } .ml-36 { margin-left: 36px; } .mr-36 { margin-right: 36px; } .p-36 { padding: 36px; } .pt-36 { padding-top: 36px; } .pb-36 { padding-bottom: 36px; } .pl-36 { padding-left: 36px; } .pr-36 { padding-right: 36px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .mr-40 { margin-right: 40px; } .p-40 { padding: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .pr-40 { padding-right: 40px; } .mt-44 { margin-top: 44px; } .mb-44 { margin-bottom: 44px; } .ml-44 { margin-left: 44px; } .mr-44 { margin-right: 44px; } .p-44 { padding: 44px; } .pt-44 { padding-top: 44px; } .pb-44 { padding-bottom: 44px; } .pl-44 { padding-left: 44px; } .pr-44 { padding-right: 44px; } .mt-48 { margin-top: 48px; } .mb-48 { margin-bottom: 48px; } .ml-48 { margin-left: 48px; } .mr-48 { margin-right: 48px; } .p-48 { padding: 48px; } .pt-48 { padding-top: 48px; } .pb-48 { padding-bottom: 48px; } .pl-48 { padding-left: 48px; } .pr-48 { padding-right: 48px; } .mt-xxl-0 { margin-top: 0; } .mb-xxl-0 { margin-bottom: 0; } .ml-xxl-0 { margin-left: 0; } .mr-xxl-0 { margin-right: 0; } .pt-xxl-0 { padding-top: 0; } .pb-xxl-0 { padding-bottom: 0; } .pl-xxl-0 { padding-left: 0; } .pr-xxl-0 { padding-right: 0; } .mt-xxl-4 { margin-top: 4px; } .mb-xxl-4 { margin-bottom: 4px; } .ml-xxl-4 { margin-left: 4px; } .mr-xxl-4 { margin-right: 4px; } .pt-xxl-4 { padding-top: 4px; } .pb-xxl-4 { padding-bottom: 4px; } .pl-xxl-4 { padding-left: 4px; } .pr-xxl-4 { padding-right: 4px; } .mt-xxl-8 { margin-top: 8px; } .mb-xxl-8 { margin-bottom: 8px; } .ml-xxl-8 { margin-left: 8px; } .mr-xxl-8 { margin-right: 8px; } .pt-xxl-8 { padding-top: 8px; } .pb-xxl-8 { padding-bottom: 8px; } .pl-xxl-8 { padding-left: 8px; } .pr-xxl-8 { padding-right: 8px; } .mt-xxl-12 { margin-top: 12px; } .mb-xxl-12 { margin-bottom: 12px; } .ml-xxl-12 { margin-left: 12px; } .mr-xxl-12 { margin-right: 12px; } .pt-xxl-12 { padding-top: 12px; } .pb-xxl-12 { padding-bottom: 12px; } .pl-xxl-12 { padding-left: 12px; } .pr-xxl-12 { padding-right: 12px; } .mt-xxl-16 { margin-top: 16px; } .mb-xxl-16 { margin-bottom: 16px; } .ml-xxl-16 { margin-left: 16px; } .mr-xxl-16 { margin-right: 16px; } .pt-xxl-16 { padding-top: 16px; } .pb-xxl-16 { padding-bottom: 16px; } .pl-xxl-16 { padding-left: 16px; } .pr-xxl-16 { padding-right: 16px; } .mt-xxl-20 { margin-top: 20px; } .mb-xxl-20 { margin-bottom: 20px; } .ml-xxl-20 { margin-left: 20px; } .mr-xxl-20 { margin-right: 20px; } .pt-xxl-20 { padding-top: 20px; } .pb-xxl-20 { padding-bottom: 20px; } .pl-xxl-20 { padding-left: 20px; } .pr-xxl-20 { padding-right: 20px; } .mt-xxl-24 { margin-top: 24px; } .mb-xxl-24 { margin-bottom: 24px; } .ml-xxl-24 { margin-left: 24px; } .mr-xxl-24 { margin-right: 24px; } .pt-xxl-24 { padding-top: 24px; } .pb-xxl-24 { padding-bottom: 24px; } .pl-xxl-24 { padding-left: 24px; } .pr-xxl-24 { padding-right: 24px; } .mt-xxl-28 { margin-top: 28px; } .mb-xxl-28 { margin-bottom: 28px; } .ml-xxl-28 { margin-left: 28px; } .mr-xxl-28 { margin-right: 28px; } .pt-xxl-28 { padding-top: 28px; } .pb-xxl-28 { padding-bottom: 28px; } .pl-xxl-28 { padding-left: 28px; } .pr-xxl-28 { padding-right: 28px; } .mt-xxl-32 { margin-top: 32px; } .mb-xxl-32 { margin-bottom: 32px; } .ml-xxl-32 { margin-left: 32px; } .mr-xxl-32 { margin-right: 32px; } .pt-xxl-32 { padding-top: 32px; } .pb-xxl-32 { padding-bottom: 32px; } .pl-xxl-32 { padding-left: 32px; } .pr-xxl-32 { padding-right: 32px; } .mt-xxl-36 { margin-top: 36px; } .mb-xxl-36 { margin-bottom: 36px; } .ml-xxl-36 { margin-left: 36px; } .mr-xxl-36 { margin-right: 36px; } .pt-xxl-36 { padding-top: 36px; } .pb-xxl-36 { padding-bottom: 36px; } .pl-xxl-36 { padding-left: 36px; } .pr-xxl-36 { padding-right: 36px; } .mt-xxl-40 { margin-top: 40px; } .mb-xxl-40 { margin-bottom: 40px; } .ml-xxl-40 { margin-left: 40px; } .mr-xxl-40 { margin-right: 40px; } .pt-xxl-40 { padding-top: 40px; } .pb-xxl-40 { padding-bottom: 40px; } .pl-xxl-40 { padding-left: 40px; } .pr-xxl-40 { padding-right: 40px; } .mt-xxl-44 { margin-top: 44px; } .mb-xxl-44 { margin-bottom: 44px; } .ml-xxl-44 { margin-left: 44px; } .mr-xxl-44 { margin-right: 44px; } .pt-xxl-44 { padding-top: 44px; } .pb-xxl-44 { padding-bottom: 44px; } .pl-xxl-44 { padding-left: 44px; } .pr-xxl-44 { padding-right: 44px; } .mt-xxl-48 { margin-top: 48px; } .mb-xxl-48 { margin-bottom: 48px; } .ml-xxl-48 { margin-left: 48px; } .mr-xxl-48 { margin-right: 48px; } .pt-xxl-48 { padding-top: 48px; } .pb-xxl-48 { padding-bottom: 48px; } .pl-xxl-48 { padding-left: 48px; } .pr-xxl-48 { padding-right: 48px; } .mt-xl-0 { margin-top: 0; } .mb-xl-0 { margin-bottom: 0; } .ml-xl-0 { margin-left: 0; } .mr-xl-0 { margin-right: 0; } .pt-xl-0 { padding-top: 0; } .pb-xl-0 { padding-bottom: 0; } .pl-xl-0 { padding-left: 0; } .pr-xl-0 { padding-right: 0; } .mt-xl-4 { margin-top: 4px; } .mb-xl-4 { margin-bottom: 4px; } .ml-xl-4 { margin-left: 4px; } .mr-xl-4 { margin-right: 4px; } .pt-xl-4 { padding-top: 4px; } .pb-xl-4 { padding-bottom: 4px; } .pl-xl-4 { padding-left: 4px; } .pr-xl-4 { padding-right: 4px; } .mt-xl-8 { margin-top: 8px; } .mb-xl-8 { margin-bottom: 8px; } .ml-xl-8 { margin-left: 8px; } .mr-xl-8 { margin-right: 8px; } .pt-xl-8 { padding-top: 8px; } .pb-xl-8 { padding-bottom: 8px; } .pl-xl-8 { padding-left: 8px; } .pr-xl-8 { padding-right: 8px; } .mt-xl-12 { margin-top: 12px; } .mb-xl-12 { margin-bottom: 12px; } .ml-xl-12 { margin-left: 12px; } .mr-xl-12 { margin-right: 12px; } .pt-xl-12 { padding-top: 12px; } .pb-xl-12 { padding-bottom: 12px; } .pl-xl-12 { padding-left: 12px; } .pr-xl-12 { padding-right: 12px; } .mt-xl-16 { margin-top: 16px; } .mb-xl-16 { margin-bottom: 16px; } .ml-xl-16 { margin-left: 16px; } .mr-xl-16 { margin-right: 16px; } .pt-xl-16 { padding-top: 16px; } .pb-xl-16 { padding-bottom: 16px; } .pl-xl-16 { padding-left: 16px; } .pr-xl-16 { padding-right: 16px; } .mt-xl-20 { margin-top: 20px; } .mb-xl-20 { margin-bottom: 20px; } .ml-xl-20 { margin-left: 20px; } .mr-xl-20 { margin-right: 20px; } .pt-xl-20 { padding-top: 20px; } .pb-xl-20 { padding-bottom: 20px; } .pl-xl-20 { padding-left: 20px; } .pr-xl-20 { padding-right: 20px; } .mt-xl-24 { margin-top: 24px; } .mb-xl-24 { margin-bottom: 24px; } .ml-xl-24 { margin-left: 24px; } .mr-xl-24 { margin-right: 24px; } .pt-xl-24 { padding-top: 24px; } .pb-xl-24 { padding-bottom: 24px; } .pl-xl-24 { padding-left: 24px; } .pr-xl-24 { padding-right: 24px; } .mt-xl-28 { margin-top: 28px; } .mb-xl-28 { margin-bottom: 28px; } .ml-xl-28 { margin-left: 28px; } .mr-xl-28 { margin-right: 28px; } .pt-xl-28 { padding-top: 28px; } .pb-xl-28 { padding-bottom: 28px; } .pl-xl-28 { padding-left: 28px; } .pr-xl-28 { padding-right: 28px; } .mt-xl-32 { margin-top: 32px; } .mb-xl-32 { margin-bottom: 32px; } .ml-xl-32 { margin-left: 32px; } .mr-xl-32 { margin-right: 32px; } .pt-xl-32 { padding-top: 32px; } .pb-xl-32 { padding-bottom: 32px; } .pl-xl-32 { padding-left: 32px; } .pr-xl-32 { padding-right: 32px; } .mt-xl-36 { margin-top: 36px; } .mb-xl-36 { margin-bottom: 36px; } .ml-xl-36 { margin-left: 36px; } .mr-xl-36 { margin-right: 36px; } .pt-xl-36 { padding-top: 36px; } .pb-xl-36 { padding-bottom: 36px; } .pl-xl-36 { padding-left: 36px; } .pr-xl-36 { padding-right: 36px; } .mt-xl-40 { margin-top: 40px; } .mb-xl-40 { margin-bottom: 40px; } .ml-xl-40 { margin-left: 40px; } .mr-xl-40 { margin-right: 40px; } .pt-xl-40 { padding-top: 40px; } .pb-xl-40 { padding-bottom: 40px; } .pl-xl-40 { padding-left: 40px; } .pr-xl-40 { padding-right: 40px; } .mt-xl-44 { margin-top: 44px; } .mb-xl-44 { margin-bottom: 44px; } .ml-xl-44 { margin-left: 44px; } .mr-xl-44 { margin-right: 44px; } .pt-xl-44 { padding-top: 44px; } .pb-xl-44 { padding-bottom: 44px; } .pl-xl-44 { padding-left: 44px; } .pr-xl-44 { padding-right: 44px; } .mt-xl-48 { margin-top: 48px; } .mb-xl-48 { margin-bottom: 48px; } .ml-xl-48 { margin-left: 48px; } .mr-xl-48 { margin-right: 48px; } .pt-xl-48 { padding-top: 48px; } .pb-xl-48 { padding-bottom: 48px; } .pl-xl-48 { padding-left: 48px; } .pr-xl-48 { padding-right: 48px; } .mt-lg-0 { margin-top: 0; } .mb-lg-0 { margin-bottom: 0; } .ml-lg-0 { margin-left: 0; } .mr-lg-0 { margin-right: 0; } .pt-lg-0 { padding-top: 0; } .pb-lg-0 { padding-bottom: 0; } .pl-lg-0 { padding-left: 0; } .pr-lg-0 { padding-right: 0; } .mt-lg-4 { margin-top: 4px; } .mb-lg-4 { margin-bottom: 4px; } .ml-lg-4 { margin-left: 4px; } .mr-lg-4 { margin-right: 4px; } .pt-lg-4 { padding-top: 4px; } .pb-lg-4 { padding-bottom: 4px; } .pl-lg-4 { padding-left: 4px; } .pr-lg-4 { padding-right: 4px; } .mt-lg-8 { margin-top: 8px; } .mb-lg-8 { margin-bottom: 8px; } .ml-lg-8 { margin-left: 8px; } .mr-lg-8 { margin-right: 8px; } .pt-lg-8 { padding-top: 8px; } .pb-lg-8 { padding-bottom: 8px; } .pl-lg-8 { padding-left: 8px; } .pr-lg-8 { padding-right: 8px; } .mt-lg-12 { margin-top: 12px; } .mb-lg-12 { margin-bottom: 12px; } .ml-lg-12 { margin-left: 12px; } .mr-lg-12 { margin-right: 12px; } .pt-lg-12 { padding-top: 12px; } .pb-lg-12 { padding-bottom: 12px; } .pl-lg-12 { padding-left: 12px; } .pr-lg-12 { padding-right: 12px; } .mt-lg-16 { margin-top: 16px; } .mb-lg-16 { margin-bottom: 16px; } .ml-lg-16 { margin-left: 16px; } .mr-lg-16 { margin-right: 16px; } .pt-lg-16 { padding-top: 16px; } .pb-lg-16 { padding-bottom: 16px; } .pl-lg-16 { padding-left: 16px; } .pr-lg-16 { padding-right: 16px; } .mt-lg-20 { margin-top: 20px; } .mb-lg-20 { margin-bottom: 20px; } .ml-lg-20 { margin-left: 20px; } .mr-lg-20 { margin-right: 20px; } .pt-lg-20 { padding-top: 20px; } .pb-lg-20 { padding-bottom: 20px; } .pl-lg-20 { padding-left: 20px; } .pr-lg-20 { padding-right: 20px; } .mt-lg-24 { margin-top: 24px; } .mb-lg-24 { margin-bottom: 24px; } .ml-lg-24 { margin-left: 24px; } .mr-lg-24 { margin-right: 24px; } .pt-lg-24 { padding-top: 24px; } .pb-lg-24 { padding-bottom: 24px; } .pl-lg-24 { padding-left: 24px; } .pr-lg-24 { padding-right: 24px; } .mt-lg-28 { margin-top: 28px; } .mb-lg-28 { margin-bottom: 28px; } .ml-lg-28 { margin-left: 28px; } .mr-lg-28 { margin-right: 28px; } .pt-lg-28 { padding-top: 28px; } .pb-lg-28 { padding-bottom: 28px; } .pl-lg-28 { padding-left: 28px; } .pr-lg-28 { padding-right: 28px; } .mt-lg-32 { margin-top: 32px; } .mb-lg-32 { margin-bottom: 32px; } .ml-lg-32 { margin-left: 32px; } .mr-lg-32 { margin-right: 32px; } .pt-lg-32 { padding-top: 32px; } .pb-lg-32 { padding-bottom: 32px; } .pl-lg-32 { padding-left: 32px; } .pr-lg-32 { padding-right: 32px; } .mt-lg-36 { margin-top: 36px; } .mb-lg-36 { margin-bottom: 36px; } .ml-lg-36 { margin-left: 36px; } .mr-lg-36 { margin-right: 36px; } .pt-lg-36 { padding-top: 36px; } .pb-lg-36 { padding-bottom: 36px; } .pl-lg-36 { padding-left: 36px; } .pr-lg-36 { padding-right: 36px; } .mt-lg-40 { margin-top: 40px; } .mb-lg-40 { margin-bottom: 40px; } .ml-lg-40 { margin-left: 40px; } .mr-lg-40 { margin-right: 40px; } .pt-lg-40 { padding-top: 40px; } .pb-lg-40 { padding-bottom: 40px; } .pl-lg-40 { padding-left: 40px; } .pr-lg-40 { padding-right: 40px; } .mt-lg-44 { margin-top: 44px; } .mb-lg-44 { margin-bottom: 44px; } .ml-lg-44 { margin-left: 44px; } .mr-lg-44 { margin-right: 44px; } .pt-lg-44 { padding-top: 44px; } .pb-lg-44 { padding-bottom: 44px; } .pl-lg-44 { padding-left: 44px; } .pr-lg-44 { padding-right: 44px; } .mt-lg-48 { margin-top: 48px; } .mb-lg-48 { margin-bottom: 48px; } .ml-lg-48 { margin-left: 48px; } .mr-lg-48 { margin-right: 48px; } .pt-lg-48 { padding-top: 48px; } .pb-lg-48 { padding-bottom: 48px; } .pl-lg-48 { padding-left: 48px; } .pr-lg-48 { padding-right: 48px; } .mt-md-0 { margin-top: 0; } .mb-md-0 { margin-bottom: 0; } .ml-md-0 { margin-left: 0; } .mr-md-0 { margin-right: 0; } .pt-md-0 { padding-top: 0; } .pb-md-0 { padding-bottom: 0; } .pl-md-0 { padding-left: 0; } .pr-md-0 { padding-right: 0; } .mt-md-4 { margin-top: 4px; } .mb-md-4 { margin-bottom: 4px; } .ml-md-4 { margin-left: 4px; } .mr-md-4 { margin-right: 4px; } .pt-md-4 { padding-top: 4px; } .pb-md-4 { padding-bottom: 4px; } .pl-md-4 { padding-left: 4px; } .pr-md-4 { padding-right: 4px; } .mt-md-8 { margin-top: 8px; } .mb-md-8 { margin-bottom: 8px; } .ml-md-8 { margin-left: 8px; } .mr-md-8 { margin-right: 8px; } .pt-md-8 { padding-top: 8px; } .pb-md-8 { padding-bottom: 8px; } .pl-md-8 { padding-left: 8px; } .pr-md-8 { padding-right: 8px; } .mt-md-12 { margin-top: 12px; } .mb-md-12 { margin-bottom: 12px; } .ml-md-12 { margin-left: 12px; } .mr-md-12 { margin-right: 12px; } .pt-md-12 { padding-top: 12px; } .pb-md-12 { padding-bottom: 12px; } .pl-md-12 { padding-left: 12px; } .pr-md-12 { padding-right: 12px; } .mt-md-16 { margin-top: 16px; } .mb-md-16 { margin-bottom: 16px; } .ml-md-16 { margin-left: 16px; } .mr-md-16 { margin-right: 16px; } .pt-md-16 { padding-top: 16px; } .pb-md-16 { padding-bottom: 16px; } .pl-md-16 { padding-left: 16px; } .pr-md-16 { padding-right: 16px; } .mt-md-20 { margin-top: 20px; } .mb-md-20 { margin-bottom: 20px; } .ml-md-20 { margin-left: 20px; } .mr-md-20 { margin-right: 20px; } .pt-md-20 { padding-top: 20px; } .pb-md-20 { padding-bottom: 20px; } .pl-md-20 { padding-left: 20px; } .pr-md-20 { padding-right: 20px; } .mt-md-24 { margin-top: 24px; } .mb-md-24 { margin-bottom: 24px; } .ml-md-24 { margin-left: 24px; } .mr-md-24 { margin-right: 24px; } .pt-md-24 { padding-top: 24px; } .pb-md-24 { padding-bottom: 24px; } .pl-md-24 { padding-left: 24px; } .pr-md-24 { padding-right: 24px; } .mt-md-28 { margin-top: 28px; } .mb-md-28 { margin-bottom: 28px; } .ml-md-28 { margin-left: 28px; } .mr-md-28 { margin-right: 28px; } .pt-md-28 { padding-top: 28px; } .pb-md-28 { padding-bottom: 28px; } .pl-md-28 { padding-left: 28px; } .pr-md-28 { padding-right: 28px; } .mt-md-32 { margin-top: 32px; } .mb-md-32 { margin-bottom: 32px; } .ml-md-32 { margin-left: 32px; } .mr-md-32 { margin-right: 32px; } .pt-md-32 { padding-top: 32px; } .pb-md-32 { padding-bottom: 32px; } .pl-md-32 { padding-left: 32px; } .pr-md-32 { padding-right: 32px; } .mt-md-36 { margin-top: 36px; } .mb-md-36 { margin-bottom: 36px; } .ml-md-36 { margin-left: 36px; } .mr-md-36 { margin-right: 36px; } .pt-md-36 { padding-top: 36px; } .pb-md-36 { padding-bottom: 36px; } .pl-md-36 { padding-left: 36px; } .pr-md-36 { padding-right: 36px; } .mt-md-40 { margin-top: 40px; } .mb-md-40 { margin-bottom: 40px; } .ml-md-40 { margin-left: 40px; } .mr-md-40 { margin-right: 40px; } .pt-md-40 { padding-top: 40px; } .pb-md-40 { padding-bottom: 40px; } .pl-md-40 { padding-left: 40px; } .pr-md-40 { padding-right: 40px; } .mt-md-44 { margin-top: 44px; } .mb-md-44 { margin-bottom: 44px; } .ml-md-44 { margin-left: 44px; } .mr-md-44 { margin-right: 44px; } .pt-md-44 { padding-top: 44px; } .pb-md-44 { padding-bottom: 44px; } .pl-md-44 { padding-left: 44px; } .pr-md-44 { padding-right: 44px; } .mt-md-48 { margin-top: 48px; } .mb-md-48 { margin-bottom: 48px; } .ml-md-48 { margin-left: 48px; } .mr-md-48 { margin-right: 48px; } .pt-md-48 { padding-top: 48px; } .pb-md-48 { padding-bottom: 48px; } .pl-md-48 { padding-left: 48px; } .pr-md-48 { padding-right: 48px; } .mt-sm-0 { margin-top: 0; } .mb-sm-0 { margin-bottom: 0; } .ml-sm-0 { margin-left: 0; } .mr-sm-0 { margin-right: 0; } .pt-sm-0 { padding-top: 0; } .pb-sm-0 { padding-bottom: 0; } .pl-sm-0 { padding-left: 0; } .pr-sm-0 { padding-right: 0; } .mt-sm-4 { margin-top: 4px; } .mb-sm-4 { margin-bottom: 4px; } .ml-sm-4 { margin-left: 4px; } .mr-sm-4 { margin-right: 4px; } .pt-sm-4 { padding-top: 4px; } .pb-sm-4 { padding-bottom: 4px; } .pl-sm-4 { padding-left: 4px; } .pr-sm-4 { padding-right: 4px; } .mt-sm-8 { margin-top: 8px; } .mb-sm-8 { margin-bottom: 8px; } .ml-sm-8 { margin-left: 8px; } .mr-sm-8 { margin-right: 8px; } .pt-sm-8 { padding-top: 8px; } .pb-sm-8 { padding-bottom: 8px; } .pl-sm-8 { padding-left: 8px; } .pr-sm-8 { padding-right: 8px; } .mt-sm-12 { margin-top: 12px; } .mb-sm-12 { margin-bottom: 12px; } .ml-sm-12 { margin-left: 12px; } .mr-sm-12 { margin-right: 12px; } .pt-sm-12 { padding-top: 12px; } .pb-sm-12 { padding-bottom: 12px; } .pl-sm-12 { padding-left: 12px; } .pr-sm-12 { padding-right: 12px; } .mt-sm-16 { margin-top: 16px; } .mb-sm-16 { margin-bottom: 16px; } .ml-sm-16 { margin-left: 16px; } .mr-sm-16 { margin-right: 16px; } .pt-sm-16 { padding-top: 16px; } .pb-sm-16 { padding-bottom: 16px; } .pl-sm-16 { padding-left: 16px; } .pr-sm-16 { padding-right: 16px; } .mt-sm-20 { margin-top: 20px; } .mb-sm-20 { margin-bottom: 20px; } .ml-sm-20 { margin-left: 20px; } .mr-sm-20 { margin-right: 20px; } .pt-sm-20 { padding-top: 20px; } .pb-sm-20 { padding-bottom: 20px; } .pl-sm-20 { padding-left: 20px; } .pr-sm-20 { padding-right: 20px; } .mt-sm-24 { margin-top: 24px; } .mb-sm-24 { margin-bottom: 24px; } .ml-sm-24 { margin-left: 24px; } .mr-sm-24 { margin-right: 24px; } .pt-sm-24 { padding-top: 24px; } .pb-sm-24 { padding-bottom: 24px; } .pl-sm-24 { padding-left: 24px; } .pr-sm-24 { padding-right: 24px; } .mt-sm-28 { margin-top: 28px; } .mb-sm-28 { margin-bottom: 28px; } .ml-sm-28 { margin-left: 28px; } .mr-sm-28 { margin-right: 28px; } .pt-sm-28 { padding-top: 28px; } .pb-sm-28 { padding-bottom: 28px; } .pl-sm-28 { padding-left: 28px; } .pr-sm-28 { padding-right: 28px; } .mt-sm-32 { margin-top: 32px; } .mb-sm-32 { margin-bottom: 32px; } .ml-sm-32 { margin-left: 32px; } .mr-sm-32 { margin-right: 32px; } .pt-sm-32 { padding-top: 32px; } .pb-sm-32 { padding-bottom: 32px; } .pl-sm-32 { padding-left: 32px; } .pr-sm-32 { padding-right: 32px; } .mt-sm-36 { margin-top: 36px; } .mb-sm-36 { margin-bottom: 36px; } .ml-sm-36 { margin-left: 36px; } .mr-sm-36 { margin-right: 36px; } .pt-sm-36 { padding-top: 36px; } .pb-sm-36 { padding-bottom: 36px; } .pl-sm-36 { padding-left: 36px; } .pr-sm-36 { padding-right: 36px; } .mt-sm-40 { margin-top: 40px; } .mb-sm-40 { margin-bottom: 40px; } .ml-sm-40 { margin-left: 40px; } .mr-sm-40 { margin-right: 40px; } .pt-sm-40 { padding-top: 40px; } .pb-sm-40 { padding-bottom: 40px; } .pl-sm-40 { padding-left: 40px; } .pr-sm-40 { padding-right: 40px; } .mt-sm-44 { margin-top: 44px; } .mb-sm-44 { margin-bottom: 44px; } .ml-sm-44 { margin-left: 44px; } .mr-sm-44 { margin-right: 44px; } .pt-sm-44 { padding-top: 44px; } .pb-sm-44 { padding-bottom: 44px; } .pl-sm-44 { padding-left: 44px; } .pr-sm-44 { padding-right: 44px; } .mt-sm-48 { margin-top: 48px; } .mb-sm-48 { margin-bottom: 48px; } .ml-sm-48 { margin-left: 48px; } .mr-sm-48 { margin-right: 48px; } .pt-sm-48 { padding-top: 48px; } .pb-sm-48 { padding-bottom: 48px; } .pl-sm-48 { padding-left: 48px; } .pr-sm-48 { padding-right: 48px; } .mt-small-0 { margin-top: 0; } .mb-small-0 { margin-bottom: 0; } .ml-small-0 { margin-left: 0; } .mr-small-0 { margin-right: 0; } .pt-small-0 { padding-top: 0; } .pb-small-0 { padding-bottom: 0; } .pl-small-0 { padding-left: 0; } .pr-small-0 { padding-right: 0; } .mt-small-4 { margin-top: 4px; } .mb-small-4 { margin-bottom: 4px; } .ml-small-4 { margin-left: 4px; } .mr-small-4 { margin-right: 4px; } .pt-small-4 { padding-top: 4px; } .pb-small-4 { padding-bottom: 4px; } .pl-small-4 { padding-left: 4px; } .pr-small-4 { padding-right: 4px; } .mt-small-8 { margin-top: 8px; } .mb-small-8 { margin-bottom: 8px; } .ml-small-8 { margin-left: 8px; } .mr-small-8 { margin-right: 8px; } .pt-small-8 { padding-top: 8px; } .pb-small-8 { padding-bottom: 8px; } .pl-small-8 { padding-left: 8px; } .pr-small-8 { padding-right: 8px; } .mt-small-12 { margin-top: 12px; } .mb-small-12 { margin-bottom: 12px; } .ml-small-12 { margin-left: 12px; } .mr-small-12 { margin-right: 12px; } .pt-small-12 { padding-top: 12px; } .pb-small-12 { padding-bottom: 12px; } .pl-small-12 { padding-left: 12px; } .pr-small-12 { padding-right: 12px; } .mt-small-16 { margin-top: 16px; } .mb-small-16 { margin-bottom: 16px; } .ml-small-16 { margin-left: 16px; } .mr-small-16 { margin-right: 16px; } .pt-small-16 { padding-top: 16px; } .pb-small-16 { padding-bottom: 16px; } .pl-small-16 { padding-left: 16px; } .pr-small-16 { padding-right: 16px; } .mt-small-20 { margin-top: 20px; } .mb-small-20 { margin-bottom: 20px; } .ml-small-20 { margin-left: 20px; } .mr-small-20 { margin-right: 20px; } .pt-small-20 { padding-top: 20px; } .pb-small-20 { padding-bottom: 20px; } .pl-small-20 { padding-left: 20px; } .pr-small-20 { padding-right: 20px; } .mt-small-24 { margin-top: 24px; } .mb-small-24 { margin-bottom: 24px; } .ml-small-24 { margin-left: 24px; } .mr-small-24 { margin-right: 24px; } .pt-small-24 { padding-top: 24px; } .pb-small-24 { padding-bottom: 24px; } .pl-small-24 { padding-left: 24px; } .pr-small-24 { padding-right: 24px; } .mt-small-28 { margin-top: 28px; } .mb-small-28 { margin-bottom: 28px; } .ml-small-28 { margin-left: 28px; } .mr-small-28 { margin-right: 28px; } .pt-small-28 { padding-top: 28px; } .pb-small-28 { padding-bottom: 28px; } .pl-small-28 { padding-left: 28px; } .pr-small-28 { padding-right: 28px; } .mt-small-32 { margin-top: 32px; } .mb-small-32 { margin-bottom: 32px; } .ml-small-32 { margin-left: 32px; } .mr-small-32 { margin-right: 32px; } .pt-small-32 { padding-top: 32px; } .pb-small-32 { padding-bottom: 32px; } .pl-small-32 { padding-left: 32px; } .pr-small-32 { padding-right: 32px; } .mt-small-36 { margin-top: 36px; } .mb-small-36 { margin-bottom: 36px; } .ml-small-36 { margin-left: 36px; } .mr-small-36 { margin-right: 36px; } .pt-small-36 { padding-top: 36px; } .pb-small-36 { padding-bottom: 36px; } .pl-small-36 { padding-left: 36px; } .pr-small-36 { padding-right: 36px; } .mt-small-40 { margin-top: 40px; } .mb-small-40 { margin-bottom: 40px; } .ml-small-40 { margin-left: 40px; } .mr-small-40 { margin-right: 40px; } .pt-small-40 { padding-top: 40px; } .pb-small-40 { padding-bottom: 40px; } .pl-small-40 { padding-left: 40px; } .pr-small-40 { padding-right: 40px; } .mt-small-44 { margin-top: 44px; } .mb-small-44 { margin-bottom: 44px; } .ml-small-44 { margin-left: 44px; } .mr-small-44 { margin-right: 44px; } .pt-small-44 { padding-top: 44px; } .pb-small-44 { padding-bottom: 44px; } .pl-small-44 { padding-left: 44px; } .pr-small-44 { padding-right: 44px; } .mt-small-48 { margin-top: 48px; } .mb-small-48 { margin-bottom: 48px; } .ml-small-48 { margin-left: 48px; } .mr-small-48 { margin-right: 48px; } .pt-small-48 { padding-top: 48px; } .pb-small-48 { padding-bottom: 48px; } .pl-small-48 { padding-left: 48px; } .pr-small-48 { padding-right: 48px; } .m-0 { margin: 0; } .p-0 { padding: 0; } .gap-0 { gap: 0; } .gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-10 { gap: 10px; } .gap-12 { gap: 12px; } .gap-14 { gap: 14px; } .gap-16 { gap: 16px; } .gap { gap: var(--gap); } .row-gap-4 { row-gap: 4px; } .slick-arrow { width: 40px; height: 40px; font-size: 0; background-color: var(--white_bg_black_reverse); border-radius: var(--theme-outer-border-radius); border: 1px solid var(--stroke_black); -webkit-transition: var(--animation); transition: var(--animation); position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .slick-arrow::after { content: "."; font-size: 0; background-image: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.25em; height: 1.25em; min-height: 20px; min-width: 20px; } .slick-arrow:hover { background-color: var(--theme-base-color); } .slick-arrow:hover::after { background-image: url('data:image/svg+xml,'); } .slick-next { right: -20px; } .slick-next::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slick-prev { left: -20px; } .slick-dots { list-style: none; margin: 0; padding: 0; margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.25em; } .slick-dots button { background-color: transparent; border: 0; padding: 0; font-size: 0; } .slick-dots button::after { content: ""; width: 8px; height: 8px; display: inline-block; background-color: var(--stroke_black); border-radius: 100%; } .slick-dots .slick-active button::after { background-color: var(--theme-base-color); } .slider { position: relative; } .slider .slick-slide { margin: 0 4px; } .slider-top-dots .slick-dots { margin: 0; position: absolute; top: -50px; right: 0; } /* swipper */ .swiper-nav-offset { position: relative; } .swiper-nav-offset:has(.swiper-pagination) { padding-bottom: 50px; } .swiper-nav-offset .swiper-wrapper { height: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .swiper-nav-offset .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; } .swiper-nav-offset .swiper-button-next:after, .swiper-nav-offset .swiper-button-prev:after { display: none; } .swiper-nav-offset .slider-button-prev, .swiper-nav-offset .slider-button-next { width: 40px; height: 40px; background-color: var(--white_bg_black_reverse); border-radius: var(--theme-outer-border-radius); -webkit-transition: var(--animation); transition: var(--animation); border: 1px solid var(--stroke_black); } .swiper-nav-offset .slider-button-prev:hover, .swiper-nav-offset .slider-button-next:hover { background-color: var(--theme-base-color); border-color: var(--theme-base-color); } .swiper-nav-offset .slider-button-prev:hover .svg, .swiper-nav-offset .slider-button-next:hover .svg { color: #FFF; } @media screen and (max-width: 991px) { .swiper-nav-offset .slider-button-prev, .swiper-nav-offset .slider-button-next { display: none; } } .swiper-nav-offset .slider-button-prev { left: -20px; } .swiper-nav-offset .slider-button-next { right: -20px; } .swiper-nav-offset .swiper-pagination-bullet { --swiper-pagination-bullet-inactive-color: var(--gray_bg_black); } [data-tooltip] { position: relative; pointer: cursor; } [data-tooltip]::before, [data-tooltip]::after { text-transform: none; font-size: 0.9em; line-height: 1; position: absolute; display: none; opacity: 0; } [data-tooltip]::before { content: ""; border: 6px solid transparent; z-index: 101; } [data-tooltip]::after { content: attr(data-tooltip); text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; border-radius: 3px; background: var(--white_bg_black); color: var(--white_text_black_reverse); z-index: 100; } [data-tooltip]:hover::before, [data-tooltip]:hover::after { display: block; } [data-tooltip=""]::before, [data-tooltip=""]::after { display: none !important; } [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow^=top]::before { bottom: 100%; border-bottom-width: 0; border-top-color: var(--white_bg_black); } [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^=top]::after { bottom: calc(100% + 5px); } [data-tooltip]:not([data-flow])::before, [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^=top]::before, [data-tooltip][data-flow^=top]::after { left: 50%; -webkit-transform: translate(-50%, -0.4em); -ms-transform: translate(-50%, -0.4em); transform: translate(-50%, -0.4em); } [data-tooltip][data-flow^=bottom]::before { top: 100%; border-top-width: 0; border-bottom-color: var(--white_bg_black); } [data-tooltip][data-flow^=bottom]::after { top: calc(100% + 5px); } [data-tooltip][data-flow^=bottom]::before, [data-tooltip][data-flow^=bottom]::after { left: 50%; -webkit-transform: translate(-50%, 0.4em); -ms-transform: translate(-50%, 0.4em); transform: translate(-50%, 0.4em); } [data-tooltip][data-flow^=left]::before { top: 50%; border-right-width: 0; border-left-color: var(--white_bg_black); left: calc(0em - 5px); -webkit-transform: translate(-0.5em, -50%); -ms-transform: translate(-0.5em, -50%); transform: translate(-0.5em, -50%); } [data-tooltip][data-flow^=left]::after { top: 50%; right: calc(100% + 5px); -webkit-transform: translate(-0.4em, -50%); -ms-transform: translate(-0.4em, -50%); transform: translate(-0.4em, -50%); } [data-tooltip][data-flow^=right]::before { top: 50%; border-left-width: 0; border-right-color: var(--white_bg_black); right: calc(0em - 7px); -webkit-transform: translate(0.4em, -50%); -ms-transform: translate(0.4em, -50%); transform: translate(0.4em, -50%); } [data-tooltip][data-flow^=right]::after { top: 50%; left: calc(100% + 5px); -webkit-transform: translate(0.5em, -50%); -ms-transform: translate(0.5em, -50%); transform: translate(0.5em, -50%); } @-webkit-keyframes tooltip-vert { to { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @keyframes tooltip-vert { to { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-webkit-keyframes tooltip-horz { to { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes tooltip-horz { to { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } [data-tooltip]:not([data-flow]):hover::before, [data-tooltip]:not([data-flow]):hover::after, [data-tooltip][data-flow^=top]:hover::before, [data-tooltip][data-flow^=top]:hover::after, [data-tooltip][data-flow^=bottom]:hover::before, [data-tooltip][data-flow^=bottom]:hover::after { -webkit-animation: tooltip-vert 0.5s ease-out forwards; animation: tooltip-vert 0.5s ease-out forwards; } [data-tooltip][data-flow^=left]:hover::before, [data-tooltip][data-flow^=left]:hover::after, [data-tooltip][data-flow^=right]:hover::before, [data-tooltip][data-flow^=right]:hover::after { -webkit-animation: tooltip-horz 0.5s ease-out forwards; animation: tooltip-horz 0.5s ease-out forwards; } .tags a { display: inline-block; padding: 0.5em 0.75em; border: 1px solid var(--stroke_black); } .tags a:hover { color: inherit; background-color: var(--lite_bg_black); } .shadow { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-sm { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .shadow-md { -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .shadow-lg { -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .shadow-xl { -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .shadow-2xl { -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .shadow-inner { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06) inset; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06) inset; } .rounded { border-radius: var(--theme-outer-border-radius); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: 0.125em; } .rounded-md { border-radius: 0.375em; } .rounded-lg { border-radius: 0.5em; } .rounded-xl { border-radius: 0.75em; } .rounded-2xl { border-radius: 1em; } .rounded-3xl { border-radius: 1.5em; } .rounded-full { border-radius: 62.5em; } .drop-down-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; /* Мягкая тень/фейд снизу в свернутом состоянии */ /* При раскрытии фейд плавно исчезает */ /* Если кнопка не нужна (контента мало) — фейд убираем совсем */ } .drop-down-box__content { position: relative; overflow: hidden; -webkit-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; } .drop-down-box__content p { margin: 0; } .drop-down-box__content p:not(:last-child) { margin-bottom: 1em; } .drop-down-box__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--drop-down-fade, 56px); pointer-events: none; /* Прозрачный -> цвет подложки */ background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, var(--drop-down-bg, #fff))); background: linear-gradient(to bottom, transparent, var(--drop-down-bg, #fff) 80%); opacity: 1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .drop-down-box.drop-down-box_expanded .drop-down-box__content::after { opacity: 0; } .drop-down-box.drop-down-box_no-toggle .drop-down-box__content::after { display: none; } .drop-down-box__divider { margin: 0; border: 0; } .image-switch { position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .image-switch__item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; -webkit-transition: var(--animation); transition: var(--animation); } .image-switch__item:first-child .image-switch__img { opacity: 1; z-index: -1; } .image-switch__item:hover .image-switch__img { opacity: 1; z-index: -1; } .image-switch__img { position: absolute; left: 50%; top: 0; z-index: 2; width: 100%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; background-color: var(--white_bg_black_reverse); 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; } .image-switch__img picture { height: 100%; } .image-switch__img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .image-pagination { position: absolute; z-index: 30; left: 0; bottom: 5px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--animation); transition: var(--animation); } .image-pagination__item { display: block; width: 0.25em; height: 0.25em; border-radius: 0.125em; margin: 0 3px; background-color: var(--stroke_black); -webkit-transition: var(--animation); transition: var(--animation); } .image-pagination__item--active { width: 1em; -webkit-transition: var(--animation); transition: var(--animation); background-color: var(--theme-base-color); } .alert { --ui-alert-bg: transparent; --ui-alert-color: inherit; --ui-alert-border-color: transparent; --ui-alert-link-color: inherit; position: relative; padding: 1em; color: var(--ui-alert-color); background-color: var(--ui-alert-bg); border: 1px solid var(--ui-alert-border-color); border-radius: var(--theme-outer-border-radius); } .alert a { cursor: pointer; color: var(--ui-alert-link-color); font-weight: 500; } .alert:not(:last-child) { margin-bottom: 1.25em; } .alert.alert-primary { --ui-alert-color: #052c65; --ui-alert-bg: #cfe2ff; --ui-alert-border-color: #9ec5fe; --ui-alert-link-color: #052c65; } .alert.alert-secondary { --ui-alert-color: #2b2f32; --ui-alert-bg: #e2e3e5; --ui-alert-border-color: #c4c8cb; --ui-alert-link-color: #2b2f32; } .alert.alert-success { --ui-alert-color: #0a3622; --ui-alert-bg: #d1e7dd; --ui-alert-border-color: #a3cfbb; --ui-alert-link-color: #0a3622; } .alert.alert-danger { --ui-alert-color: #58151c; --ui-alert-bg: #f8d7da; --ui-alert-border-color: #f1aeb5; --ui-alert-link-color: #58151c; } .alert.alert-warning { --ui-alert-color: #664d03; --ui-alert-bg: #fff3cd; --ui-alert-border-color: #ffe69c; --ui-alert-link-color: #664d03; } .alert.alert-info { --ui-alert-color: #055160; --ui-alert-bg: #cff4fc; --ui-alert-border-color: #9eeaf9; --ui-alert-link-color: #055160; } .alert.alert-light { --ui-alert-color: #495057; --ui-alert-bg: #fcfcfd; --ui-alert-border-color: #e9ecef; --ui-alert-link-color: #495057; } .alert.alert-dark { --ui-alert-color: #495057; --ui-alert-bg: #ced4da; --ui-alert-border-color: #adb5bd; --ui-alert-link-color: #495057; } .dropdown-menu { position: relative; } .dropdown-menu.active .dropdown-menu-content { display: block; } .dropdown-menu-button { min-height: 3em; padding: 0.625em 1em; cursor: pointer; color: var(--black); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5em; -webkit-transition: var(--animation); transition: var(--animation); border-radius: 0.5em; border: 1px solid var(--stroke_black); } .dropdown-menu-button:hover { background-color: var(--stroke_black_hover); } .dropdown-menu-button-icons { width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .dropdown-menu-button-icons .svg { top: -7px; width: 8px; height: 8px; } .dropdown-menu-content { display: none; position: absolute; background-color: var(--white_bg_black_reverse); min-width: 160px; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); z-index: 2; border-radius: var(--theme-outer-border-radius); } .dropdown-menu-content-item .btn { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dropdown-menu-content a:not(.btn) { color: var(--white_text_black); padding: 12px 16px; text-decoration: none; display: block; } .dropdown-menu-content a:not(.btn):hover { background-color: var(--gray-10); } .border { border: 1px solid var(--stroke_black); } .hr-line { margin: 20px 0; padding: 0; height: 0; border: none; border-top: 1px solid var(--stroke_black); } .tabs .arrow { position: absolute; width: 38px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--white_bg_black_reverse); z-index: 1; cursor: pointer; } .tabs-wrapper { position: relative; overflow: hidden; margin-block: 1rem; } .tabs-nav { white-space: nowrap; z-index: 1; position: relative; margin: 0; } .tabs-items { padding-top: 1.25em; } .tabs-arrows { position: absolute; top: 0; bottom: 0; width: 100%; } .tabs-arrow-right { right: -5px; border-left: 1px solid var(--stroke_black); } .tabs-arrow-right.disabled { display: none; } .tabs-arrow-right svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .tabs-arrow-left { left: -5px; border-right: 1px solid var(--stroke_black); } .tabs-arrow-left.disabled { display: none; } .tabs-arrow-left svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .counter-block-input { height: 3em; text-align: center; } .doc-item { background-color: #FFF; background-color: var(--card_bg_black); border-radius: var(--theme-outer-border-radius); padding: 18px 24px; cursor: pointer; } .doc-icons { margin-right: 20px; } .doc-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .doc-name { line-height: 1.1; } .doc-info-item { display: inline-block; } .doc-info-item:not(.doc-info-item:last-child):after { content: ","; } .doc-download { width: 24px; height: 24px; } .back-link .svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; top: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .cookie { position: fixed; bottom: 20px; max-width: 1200px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--white_bg_black_reverse); padding: 21px 40px 20px 26px; z-index: 100; } .cookie-overlay { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #3a3f44; opacity: 0.7 !important; } .cookie-inner { position: relative; } .cookie-close { position: absolute; top: 10px; right: 10px; } #more-nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 9; list-style: none; margin: 0; padding: 0; } #more-nav:after { content: ""; display: table; clear: both; } #more-nav > li { display: block; position: relative; float: left; } #more-nav > li a { white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } #more-nav > li > ul { display: block; position: absolute; list-style: none; opacity: 0; visibility: hidden; } #more-nav > li:hover > ul { opacity: 1; visibility: visible; } #more-nav .more .header-more-second { top: 100%; left: auto; right: 0; } #more-nav .more .has-child-more a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header { background-color: var(--white_bg_black_reverse); -webkit-transition: var(--animation); transition: var(--animation); } .header[data-header=header-1] { padding: 8px 0; border-bottom: 1px solid var(--stroke_black); } .header[data-header=header-1] .nav-menu > .nav-item a.nav-link { text-transform: uppercase; color: var(--white_bg_black); font-weight: 600; } .header[data-header=header-2] .header-menu { background-color: var(--theme-base-color); } .header[data-header=header-2] .header-menu .nav-menu { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header[data-header=header-2] .header-menu .nav-link { color: var(--white_bg_black_reverse); } .header[data-header=header-3] { position: relative; } .header[data-header=header-3] .header-top { border-bottom: 1px solid var(--stroke_black); } .header[data-header=header-3] .nav-menu > .nav-item > .nav-link { color: var(--white_text_black); font-weight: 500; } .header[data-header=header-3] .header-search { position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 40px 0; background-color: var(--white_bg_black_reverse); -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); -webkit-transition: var(--animation); transition: var(--animation); } .header[data-header=header-3] .header-search.active { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .header.fixed { -webkit-transition: var(--animation); transition: var(--animation); position: fixed; top: 0; left: 0; width: 100%; z-index: 99; -webkit-box-shadow: 0 1px 8px 0 rgba(154, 147, 140, 0.5); box-shadow: 0 1px 8px 0 rgba(154, 147, 140, 0.5); } .header-phone { position: relative; } .header-phone_show-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-phone_show-icon-arrow { margin-left: 0.25em; width: 8px; height: 8px; color: var(--white_text_black); } .header-phone_show-icon i { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-phone:hover .header-phone_dropdown { visibility: visible; opacity: 1; } .header-phone_dropdown { -webkit-transition: all 0.1s ease; transition: all 0.1s ease; opacity: 0; visibility: hidden; position: absolute; z-index: 20; background-color: var(--white_bg_black_reverse); min-width: 290px; left: -1px; top: -20px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 25px; border-radius: 10px; } .header-phone_dropdown-phone:not(:first-of-type) { padding-top: 14px; } .header-phone_dropdown-phone a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-phone_dropdown-btn { padding-top: 20px; } .header-phone_dropdown-info { margin-top: 8px; } .header-phone_dropdown-item:not(:last-child) { padding-bottom: 10px; } .header-phone_dropdown-socials { margin-top: 1.25em; } .header-menu .nav-menu { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-menu .nav-item { position: relative; } .header-menu .nav-link { display: block; text-decoration: none; padding: 14px 18px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .header-menu .dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: var(--white_bg_black_reverse); min-width: 200px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); z-index: 10; list-style: none; margin: 0; padding: 0; } .header-menu .dropdown-submenu { position: relative; } .header-menu .sub-dropdown { display: none; position: absolute; left: 100%; top: 0; background-color: var(--white_bg_black_reverse); min-width: 200px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); list-style: none; margin: 0; padding: 0; } .header-menu .sub-dropdown a { border-bottom: 1px solid var(--stroke_black); } .header-menu .sub-sub-dropdown { display: none; position: absolute; left: 100%; top: 0; background-color: var(--white_bg_black_reverse); min-width: 200px; list-style: none; margin: 0; padding: 0; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .header-menu .sub-sub-dropdown li a { border-bottom: 1px solid var(--stroke_black); } .header-menu .nav-item:hover > .dropdown, .header-menu .dropdown-submenu:hover > .sub-dropdown, .header-menu .dropdown-submenu:hover > .sub-sub-dropdown { display: block; } .header-menu .dropdown-item { display: block; color: var(--white_text_black); padding: 12px 16px; text-decoration: none; } .header-menu .dropdown-item:hover { background-color: var(--darkerblack_bg_black); } .header-search-form { position: relative; } .header-search-form-btn { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .theme-selector { height: 24px; line-height: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .theme-selector__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .theme-selector__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 34px; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; } .theme-selector__item-icon { opacity: 0.5; 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; } .theme-selector__item-icon svg { fill: #3f3f3f; } .theme-selector__item.current { display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-selector__item.current .theme-selector__item-icon { opacity: 1; } .theme-selector .light-opacity-hover { opacity: 1; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } .header-logo { max-width: 320px; } .header-logo .logo-images { max-width: 200px; width: auto; } .header-logo .logo-description { line-height: 1.2; } .fill-dark-light, .fill-dark-light path, .fill-dark-light-block path { fill: var(--fill_dark_light); } .fill-theme svg *, .fill-theme-svg, .fill-theme-use-svg svg { fill: var(--theme-base-color); } .stroke-theme *, .stroke-theme-use-svg svg, .stroke-theme-svg { stroke: var(--theme-base-color); } .header-mobile { display: none; } @media screen and (max-width: 767px) { body.header-open { overflow: hidden; } .header-mobile { display: block; --item-pt: 16px; --item-pl: 20px; } .header-mobile-wrapper { border-bottom: 1px solid var(--stroke_black); } .header-mobile-logo { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-mobile-logo svg { max-width: 120px; } .header-mobile-title { padding: var(--item-pt) var(--item-pl); color: var(--white_text_black); } .header-mobile-menu { position: absolute; background-color: var(--white_bg_black_reverse); overflow-y: scroll; height: 103vh; top: 0; width: 70%; z-index: 999; visibility: hidden; opacity: 0; } .header-mobile-menu.toggle { visibility: visible; opacity: 1; } .header-mobile-menu-item.hidden { -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); position: absolute; } .header-mobile-menu ul { padding: 0; } .header-mobile-menu-btn { padding: var(--item-pt) var(--item-pl); } .header-mobile-menu-phone { border-top: 1px solid var(--stroke_black); padding-bottom: 20px; } .header-mobile-menu-phone span { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .header-mobile-menu-phone.slinky-theme-default a:not(.back), .header-mobile-menu-phone.slinky-theme-default a:not(.next) { padding: 0 !important; } .header-mobile-menu-phone-item { padding: var(--item-pt) var(--item-pl); } .header-mobile .mobile-menu-item { padding: var(--item-pt) var(--item-pl); } .header-mobile .mobile-menu-item:not(:last-child) { border-bottom: 1px solid var(--stroke_black); } .header-mobile a.header-mobile-menu-bottom-phone.next { padding: var(--item-pt) var(--item-pl) !important; } .header-mobile-contact-title { padding: var(--item-pt) var(--item-pl); color: var(--white_text_black); } .header-mobile-contact-items { padding: var(--item-pt) var(--item-pl); } .header-mobile-contact-items:not(:last-child) { border-bottom: 1px solid var(--stroke_black); } .header-mobile-contact-value { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.2; } .header-mobile-contact-value a { display: block; } .header-mobile .slinky-theme-default li:not(:last-child) { border-bottom: 1px solid var(--stroke_black); } .header-mobile .slinky-theme-default a:not(.back) { padding: var(--item-pt) var(--item-pl); color: var(--white_text_black); } .header-mobile .slinky-theme-default a:not(.back):hover { background-color: var(--lite_bg_black); } .header-mobile .slinky-theme-default .header { padding: var(--item-pt) var(--item-pl); } .header-mobile .slinky-theme-default .header a { color: var(--white_text_black); } .header-mobile .slinky-theme-default .back::after { content: "Назад"; margin-left: 8px; } .header-mobile .slinky-theme-default .back::before, .header-mobile .slinky-theme-default .next::after { content: ""; background-image: url('data:image/svg+xml,'); background-size: contain; opacity: 1; width: 14px; padding: 0; background-repeat: no-repeat; background-position: center; } .header-mobile .mobile-nav-overlay { background: #3a3f44; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .header-mobile .mobile-nav-overlay.open { visibility: visible; opacity: 0.7; } } .burger { position: relative; width: 1.5em; height: 1.5em; top: 0.25em; } .burger-item { width: 1.5em; height: 1.5px; background-color: var(--white_text_black); position: absolute; left: 0; } .burger-item:nth-child(1) { top: 0; } .burger-item:nth-child(2) { top: 10px; width: 14px; } @media screen and (max-width: 991px) { header.header { display: none !important; } } .footer.--dark { background-color: #2b2f32; --link-footer: #FFF; --icons-color: rgba(255, 255, 255, 0.8); } .footer.--light { --footer-bg: var(--light, #f5f5f5) var(--dark, #222); background-color: var(--footer-bg); --link-footer: var(--white_text_black); --icons-color: var(--basic_text_black); } .footer-top { padding: 2.5em 0; } .footer-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer-part-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 1199px) { .footer-part-item.--contact { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .footer-menu-link { color: var(--link-footer); opacity: 0.8; } .footer-menu-link:hover { opacity: 1; } .footer .bottom-menu-title { margin-bottom: 0.5em; } @media screen and (max-width: 767px) { .footer .bottom-menu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.5em; } } .footer .bottom-menu-list { -webkit-transition: var(--animation); transition: var(--animation); } @media screen and (max-width: 767px) { .footer .bottom-menu-list { display: none; } } .footer .bottom-menu-list a { opacity: 0.6; } .footer .bottom-menu-icons { display: none; -webkit-transition: var(--animation); transition: var(--animation); } @media screen and (max-width: 767px) { .footer .bottom-menu-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 1.25em; height: 1.25em; } } .footer .bottom-menu-icons.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer .bottom-menu-link { color: var(--link-footer); } .footer-contact { width: 300px; gap: 0.5em; } @media screen and (max-width: 767px) { .footer-contact { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; } } .footer-contact-item { width: 100%; } .footer-contact-icons { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.5em; height: 1.5em; color: var(--icons-color); } .footer-contact-value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: var(--link-footer); } .footer-contact-value a { display: block; color: var(--link-footer); } .footer-bottom { border-top: 1px solid var(--stroke_black); padding: 0.625em 0; } .footer-license a { color: var(--link-footer); } .footer-developers { color: var(--link-footer); } .footer[data-footer=footer-4] .footer-social, .footer[data-footer=footer-4] .footer-inner, .footer[data-footer=footer-4] .footer-logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer[data-footer=footer-4] .footer-menu { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: var(--gap); row-gap: calc(var(--gap) / 2); } .card { overflow: hidden; cursor: pointer; height: 100%; background-color: #FFF; background-color: var(--card_bg_black); border-radius: var(--theme-outer-border-radius); } .card:hover { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .card:hover .card-images img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card-images { overflow: hidden; position: relative; aspect-ratio: 3/2; } .card-images img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-labels { position: absolute; top: 1em; left: 1em; } .card-inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 18px 24px 24px; } .card-name { line-height: 1.3; margin-bottom: 0.25em; } .card-preview { margin: 0.25em 0; } .card-preview p { margin: 0; } .card-info { margin-top: auto; } .card-info .svg { top: -1px; width: 18px; height: 18px; } .card-authors-images { aspect-ratio: 3/4; max-height: 25em; } .product-item { position: relative; background-color: var(--white_bg_black_reverse); padding: 15px; } .product-item-container { background-color: var(--white_text_black_reverse); border: 1px solid var(--white_text_black_reverse); position: relative; } .product-item-container.hover .product-item-hidden { display: block; opacity: 1; left: inherit !important; } .product-item-container.hover .product-item { position: absolute; right: 0; left: 0; z-index: 20; width: 100%; border: 1px solid var(--stroke_black); } .product-item-label { position: absolute; top: 8px; left: 8px; z-index: 10; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; max-width: 80%; min-width: 280px; } .product-item-images { background-color: #F8F8FC; height: 280px; position: relative; border-radius: var(--theme-outer-border-radius); overflow: hidden; } @media screen and (max-width: 767px) { .product-item-images { height: 200px; } } .product-item-images img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .product-item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .product-item-info-container { background-color: var(--white_bg_black_reverse); padding-bottom: 8px; } .product-item-status { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .product-item-status:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: currentColor; } .product-item-status.--instock { color: #5cb85c; } .product-item-price-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px; } .product-item-price-old { font-size: 12px; color: var(--lite_basic_text_black); text-decoration: line-through; } .product-item-price-current { font-weight: 600; color: var(--white_text_black); } .product-item-button-container .btn { min-height: auto; } .product-item-scu-block-title { font-size: 14px; display: block; margin-bottom: 4px; font-weight: 500; color: var(--white_text_black); } .product-item-scu-item-list { margin: 0; padding: 0; list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } .product-item-scu-item-text-container { padding: 4px 8px; font-size: 12px; border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); cursor: pointer; } .product-item-scu-item-text-container.selected { border-color: var(--theme-base-color); } .product-item-scu-item-color { border-radius: var(--theme-outer-border-radius); width: 32px; height: 32px; background-size: contain; } .product-item-scu-item-color-container { padding: 2px; border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); cursor: pointer; } .product-item-scu-item-color-container.selected { border-color: var(--theme-base-color); } .product-item-hidden { display: none; opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; position: relative; z-index: 100; } .properties-item { font-size: 14px; } .properties-title { display: inline-block; } .properties-title:after { content: ": "; } .properties-value { display: inline-block; color: var(--white_text_black); } .card-video { cursor: pointer; overflow: hidden; } .card-video:hover .card-video-icons { width: 4em; height: 4em; } .card-video:hover .card-video-icons.--big { width: 7.5em; height: 7.5em; } .card-video-images { overflow: hidden; position: relative; aspect-ratio: 3/2; } .card-video-images img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-video-icons { position: absolute; color: var(--theme-base-color); width: 3em; height: 3em; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; -webkit-transition: var(--animation); transition: var(--animation); } .card-video-icons.--big { width: 6em; height: 6em; } .card-video-icons .svg { width: 100%; height: 100%; } .card-video-time { position: absolute; bottom: 0.625em; right: 0.625em; z-index: 2; background-color: var(--white_bg_black); border-radius: calc(var(--theme-outer-border-radius) * 2); padding: 0.125em 0.5em; color: var(--white_text_black_reverse); } .card-reviews { background-color: var(--white_bg_black_reverse); height: 100%; } .card-reviews.--small .card-reviews__text { overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical; } .card-reviews__info-item { display: inline-block; margin-right: 1em; } .reviews-modal-name { color: var(--white_text_black); } .reviews-modal-text { color: var(--white_text_black); } .rating__star { color: #cccccc; } .rating__star-svg--filled { color: #ffb45b; } .card-licenses { position: relative; cursor: pointer; } .card-licenses:hover .card-licenses__icons { color: var(--brand-500); } .card-licenses__images { width: 10em; position: relative; aspect-ratio: 3/4; } @media screen and (max-width: 575px) { .card-licenses__images { width: auto; height: 12.5em; } } .card-licenses__images picture { display: block; width: 100%; height: 100%; } .card-licenses__images img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .card-licenses__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card-licenses__icons { -webkit-transition: var(--animation); transition: var(--animation); } @media screen and (max-width: 575px) { .card-licenses__icons { display: none; } } .card-licenses__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .card-where-to-buy__name { line-height: 1.2; } .card-projects { cursor: pointer; position: relative; overflow: hidden; } .card-projects:hover .card-projects-images img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card-projects:hover a { color: #FFFFFF; } .card-projects-images { display: block; height: 100%; } .card-projects-images img { -webkit-transition: var(--animation); transition: var(--animation); } .card-projects-images:before { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: #000; opacity: 0.4; z-index: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .card-projects-inner { position: absolute; bottom: 0; z-index: 2; } .card-projects-category { opacity: 0.8; } .card-projects-name { line-height: 1.2; } @media screen and (max-width: 767px) { .document-file { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .document-file:hover { background-color: var(--gray-5); } .document-file-list { overflow: hidden; } .document-file-list:not(:last-child) { margin-bottom: -1px; } .document-file-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 767px) { .document-file-title { line-height: 1; } } @media screen and (max-width: 767px) { .document-file-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 34px; } } .document-file-icons span { font-size: 0; } @media screen and (max-width: 767px) { .document-file-icons span { font-size: inherit; } } .tizers[data-position=left] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.125em; } .tizers[data-position=left] .tizers-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tizers[data-position=top] .tizers-icons { margin-bottom: 0.5em; } .card-sales { cursor: pointer; } .card-sales.--images { overflow: hidden; height: 450px; position: relative; } .card-sales.--images .card-sales-images { height: 100%; } .card-sales.--images .card-sales-images img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-transition: var(--animation); transition: var(--animation); } .card-sales.--images .card-sales-images:after { content: ""; position: absolute; left: 0; right: 0; top: 30%; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%); } .card-sales.--images .card-sales-inner { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; color: #FFF; } .card-sales.--images .card-sales-name { color: inherit; } .card-sales:hover .card-sales-images img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card-sales-labels { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .card-sales-images { position: relative; } .card-sales-text { opacity: 0.8; } .timer { background-color: var(--white_bg_black_reverse); color: var(--white_text_black); } .banner-text { position: relative; overflow: hidden; height: 100%; } .banner-text:hover .banner-text-images { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-text-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .banner-text-images { -webkit-transition: var(--animation); transition: var(--animation); } @media screen and (max-width: 767px) { .banner-text-images { height: 100%; } .banner-text-images picture { height: 100%; aspect-ratio: auto; } .banner-text-images img { -o-object-fit: cover; object-fit: cover; } } .banner-text-inner { position: absolute; width: 100%; bottom: 0; left: 0; } .banner-text-inner:after { content: ""; position: absolute; left: 0; right: 0; top: 0%; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4980392157))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4980392157) 100%); -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .banner-text-label { position: relative; z-index: 3; } .banner-text-title { position: relative; z-index: 3; line-height: 1.2; } .banner-text-title a { color: #FFF; } .banner-text-title a:hover { color: #FFF; } .banner-text-links { position: relative; z-index: 3; } .banner-text-links a { --item-pl: 16px; --item-pr: 16px; --item-height: 36px; border: 1px solid rgba(255, 255, 255, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--card_bg_active); border-radius: var(--theme-button-border-radius); height: var(--item-height); color: #FFF; padding-left: var(--item-pl); padding-right: var(--item-pr); -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .banner-text-links a:hover, .banner-text-links a:active { background-color: color-mix(in oklab, #e8e9ed, transparent 32%); border-color: transparent; color: #fff; } .aside-scroll-block { position: sticky; } .side-menu { list-style: none; margin: 0; padding: 0; border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); overflow: hidden; } .side-menu-item { position: relative; -webkit-transition: var(--animation); transition: var(--animation); background-color: #fff; background-color: var(--card_bg_black); } .side-menu-item:not(.side-menu-item:last-child) { border-bottom: 1px solid var(--stroke_black); } .side-menu-item.active .side-menu-top-level > a { font-weight: 500; } .side-menu-item.active .side-menu-top-level:before { content: ""; display: block; position: absolute; left: -1px; top: 10px; width: 3px; height: 28px; border-radius: 2px; background-color: var(--theme-base-color); z-index: 2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .side-menu-item.active .side-menu-top-level .svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .side-menu-top-level { width: 100%; padding: 17px 23px 16px 23px; font-size: 0.9375em; line-height: 1.2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .side-menu-top-level .svg { -webkit-transition: var(--animation); transition: var(--animation); margin-left: auto; } .side-menu-secondary { list-style: none; margin: 0; padding: 0; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, padding-bottom 0.3s ease-out; transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, padding-bottom 0.3s ease-out; } .side-menu-secondary.active { max-height: 500px; opacity: 1; visibility: visible; padding-left: 40px; padding-bottom: 23px; } .side-menu-secondary.active .link--active { font-weight: 500; } .side-menu-secondary a { font-size: 0.875em; } .aside-block:not(:last-child) { margin-bottom: 20px; } .aside-banner img { border-radius: var(--theme-outer-border-radius); width: 100%; height: auto; overflow: hidden; } .aside-menu { margin-bottom: 20px; } .aside-menu__head { padding: 17px 23px 18px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; position: relative; font-weight: 700; margin-bottom: -1px; border: 1px solid #e5e5e5; border-radius: 4px; } .aside-menu__head .svg-inline-down { position: absolute; right: 15px; top: 27px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; width: 20px; height: 20px; margin: -10px 0 0; text-align: center; border-radius: 3px; line-height: 16px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; rotate: 180deg; } .aside-menu__head.toggle { border-radius: 4px 4px 0px 0px; } .aside-menu__head.toggle .svg-inline-down { rotate: 0deg; } .aside-menu__body { overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .aside-menu__body.open { max-height: 100%; } .aside-menu__body.open .side-menu { border-radius: 0 0 var(--theme-outer-border-radius) var(--theme-outer-border-radius); } .side-menu .submenu-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } .side-menu li.opened.child > .submenu-wrapper { display: block; } .side-menu li.active .submenu a:before { background-color: transparent; } .side-menu .submenu { padding: 0 0 15px 22px; list-style: none; font-size: 14px; } .side-menu .submenu .menu-arrow.svg { top: 0; } .side-menu .submenu .submenu { padding: 9px 0; } .side-menu .submenu .submenu-wrapper { padding: 0 0 0 10px; display: none; } .menu-arrow.svg { position: absolute; right: 18px; top: 21px; width: 15px; height: 14px; text-align: center; line-height: 8px; border-radius: 3px; margin: 0; z-index: 23; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu-arrow.svg:hover { background-color: var(--brand-500); } .menu-arrow.svg:hover svg { fill: var(--white); } .menu-arrow.svg.toggle svg { rotate: 180deg; } .side-menu .submenu li { border: none; } .sublink { padding-block: 5px; padding-inline: 0 22px; } .toggle_block { position: absolute; top: 0; right: 0; z-index: 20; width: 50px; height: 100%; bottom: 0; cursor: pointer; } .category-item.--images { height: 220px; border-radius: var(--theme-button-border-radius); overflow: hidden; position: relative; cursor: pointer; } @media screen and (max-width: 767px) { .category-item.--images { height: 300px; } } .category-item.--images:hover .category-item-images img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .category-item.--images .category-item-images { height: 100%; } .category-item.--images .category-item-images:after { content: ""; position: absolute; left: 0; right: 0; top: 30%; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%); } .category-item.--images .category-item-images picture { display: block; line-height: 1; } .category-item.--images .category-item-images img { -webkit-transition: var(--animation); transition: var(--animation); } .category-item.--images .category-item-inner { position: absolute; bottom: 0; z-index: 2; } .category-item.--images .category-item-title a { color: #FFF; } .category-item.--images .category-item-count { color: #FFF; opacity: 0.6; } .category-item.--text { --size: 90px; cursor: pointer; height: 100%; } .category-item.--text .category-item-left { width: var(--size); } .category-item.--text .category-item-img { width: var(--size); height: var(--size); } .category-item.--text.--small { --size: 64px; } .search-form { position: relative; } .search-form-btn { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .order-info-block { background-color: var(--lite_bg_black); } .order-info-title { line-height: 1.2; } .hero-banners-wrapper { width: 100%; } .hero-banners-wrapper .slick-slide { margin: 0; } .hero-banners-wrapper .slick-prev { left: 20px; } .hero-banners-wrapper .slick-next { right: 20px; } .hero-banners-wrapper.--small-left { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5em; height: 600px; } .hero-banners-wrapper.--small-left .slick-next, .hero-banners-wrapper.--small-left .slick-prev { top: auto; bottom: 1.25em; } .hero-banners-wrapper.--small-left .slick-prev { left: inherit; right: 65px; } .hero-banners-wrapper.--small-left .slick-next { right: 20px; } .hero-banners-wrapper.--small-left .hero-banners-small { width: 400px; } .hero-banners-big { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .hero-banners-item { height: 600px; position: relative; } .hero-banners-images { position: absolute; width: 100%; height: 100%; overflow: hidden; } .hero-banners-images video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .hero-banners-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .hero-banners-inner.--black { color: #222; } .hero-banners-inner.--white { color: #FFF; } .hero-banners-content { max-width: 600px; color: inherit; } .hero-banners-title { color: inherit; } .hero-banners-text { color: inherit; } .hero-banners-small-item { position: relative; height: 300px; overflow: hidden; } .hero-banners-small-item[onclick] { cursor: pointer; } .hero-banners-small-item:hover .hero-banners-small-images img { scale: 1.1; } .hero-banners-small-images { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .hero-banners-small-images img { -webkit-transition: var(--animation); transition: var(--animation); } .hero-banners-small-inner { position: absolute; bottom: 0; width: 100%; z-index: 2; } .hero-banners-small-inner.--black { color: #222222; } .hero-banners-small-inner.--white { color: #FFFFFF; } .hero-banners-small-label { color: inherit; opacity: 0.6; } .hero-banners-small-title { color: inherit; } .logo-images { width: 250px; } .license-list-inner__section-content:not(:last-child) { margin-bottom: 5em; } .history-year { position: relative; } .history-year:before { content: " "; display: block; height: 21px; width: 4px; position: absolute; left: -32px; top: 5px; border-radius: 0 4px 4px 0; background-color: var(--theme-base-color); } .history-year-wrapper { width: 100px; } .history-images { width: 250px; } .detail-block { min-width: 0; } .detail-block:not(:last-child) { margin-bottom: 28px; } .detail-block.info { border-radius: var(--theme-outer-border-radius); background-color: #fff; background-color: var(--card_bg_black); padding: 24px; line-height: 1; } .detail-block.info .svg { top: 0; } .detail-block.text { border-radius: var(--theme-outer-border-radius); background-color: #fff; background-color: var(--card_bg_black); padding: 24px; } .detail-block.text figure figcaption { text-align: center; } .detail-block.text img { max-width: 100%; height: auto; display: block; margin: 0 auto; max-height: 500px; border-radius: var(--theme-o-border-radius); } .detail-block.text b, .detail-block.text strong { color: var(--dark_text_black); } .detail-block.text h2, .detail-block.text h3, .detail-block.text h4, .detail-block.text h5 { scroll-margin-top: 20px; } .detail-block.text .h2, .detail-block.text h2 { font-size: 24px; line-height: 1.2; } @media screen and (max-width: 575px) { .detail-block.text .h2, .detail-block.text h2 { font-size: 20px; } } .detail-block.text .h3, .detail-block.text h3 { font-size: 20px; line-height: 1.2; } @media screen and (max-width: 575px) { .detail-block.text .h3, .detail-block.text h3 { font-size: 18px; } } .detail-block.author { border-radius: var(--theme-outer-border-radius); background-color: #fff; background-color: var(--card_bg_black); padding: 24px; } .detail-block.author .author-photo { width: 120px; } .detail-block.author .author-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .detail-block.author .author-bio p { margin: 0; line-height: 1.3; } .detail-block.author .author-bio p:not(:last-child) { margin-bottom: 8px; } .detail-block.detail-menu.is-collapsed { padding-bottom: 8px; } .detail-block.detail-menu.is-collapsed .detail-menu-list { display: none !important; margin: 0 !important; padding: 0 !important; } .detail-block.detail-menu .detail-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 0.75rem; padding: 0; background: none; border: none; cursor: pointer; } .detail-block.detail-menu .detail-menu-toggle:focus-visible { outline: 2px solid var(--theme-base-color); outline-offset: 2px; } .detail-block.detail-menu .detail-menu-toggle .chevron { transition: -webkit-transform 0.2s ease; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .detail-block.detail-menu .detail-menu-toggle[aria-expanded=false] .chevron { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .detail-block.detail-menu .detail-menu-title { margin: 0; } .detail-block.detail-menu .detail-menu-list { -webkit-transition: grid-template-rows 0.2s ease, opacity 0.2s ease; transition: grid-template-rows 0.2s ease, opacity 0.2s ease; transition: grid-template-rows 0.2s ease, opacity 0.2s ease, -ms-grid-rows 0.2s ease; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; overflow: hidden; list-style: none; padding: 0; margin: 16px 0 0; line-height: 1.2; } .detail-block.detail-menu .detail-menu-list[hidden] { display: -ms-grid; display: grid; /* сохраняем сетку для анимации */ -ms-grid-rows: 0fr; grid-template-rows: 0fr; /* схлопываем */ opacity: 0; padding: 0; margin: 0; } .detail-block.detail-menu .detail-menu-list li:not(:last-child) { margin-bottom: 4px; } .detail-block.detail-menu .detail-menu-list .lvl-2 { padding-left: 8px; } .detail-block.detail-menu .detail-menu-list a { color: #222; color: var(--white_text_black); } .detail-block.detail-menu .detail-menu-list a:hover { color: var(--theme-base-color); } .page-block-title { margin: 0; margin-bottom: 20px; } .page-block:not(:last-child) { margin-bottom: 40px; } .page-text { border-radius: var(--theme-outer-border-radius); background-color: #fff; background-color: var(--card_bg_black); padding: 24px; } .catalog-detail-top { display: -ms-grid; display: grid; -ms-grid-columns: 550px 1fr; grid-template-columns: 550px 1fr; gap: var(--gap); } .catalog-detail-gallery { min-width: 0; height: 460px; } .catalog-detail-main { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: var(--gap); } .detail__gallery { display: -ms-grid; display: grid; -ms-grid-columns: 64px 1fr; grid-template-columns: 64px 1fr; gap: var(--gap); -webkit-transition: var(--animation); transition: var(--animation); } .detail__gallery:hover .slider-button-next, .detail__gallery:hover .slider-button-prev { opacity: 1; } .detail__gallery .swiper { width: 100%; } .detail__gallery-thumbsSlider { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .detail__gallery-thumbsSlider .swiper-slide { height: 64px !important; width: 64px; border: 1px solid var(--stroke_black); border-radius: var(--theme-outer-border-radius); padding: 4px; } .detail__gallery-thumbsSlider .swiper-slide-thumb-active { border-color: var(--theme-base-color); } .detail__gallery-main { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .detail__gallery-main .slider-button-next, .detail__gallery-main .slider-button-prev { opacity: 0; } .detail__gallery-main .slider-button-next { right: 0; } .detail__gallery-main .slider-button-prev { left: 0; } .page-404 { padding: 50px 0; } .page-404-images .svg { width: 32.5em; height: 25em; } @media screen and (max-width: 767px) { .page-404-images .svg { width: 350px; height: 120px; } } @media screen and (max-width: 575px) { .page-404-images .svg { width: 290px; height: 104px; } } .page-404__title { font-size: 2.625em; line-height: 1.2; } @media screen and (max-width: 767px) { .page-404__title { font-size: 2em; } } @media screen and (max-width: 575px) { .page-404__title { font-size: 1.75em; } } .detail-authors { display: -ms-grid; display: grid; -ms-grid-columns: 400px 1fr; grid-template-columns: 400px 1fr; gap: 40px; } @media screen and (max-width: 767px) { .detail-authors { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media screen and (max-width: 767px) { .detail-authors-images { max-width: 400px; } } .detail-authors-names h1 { margin: 0; display: inline-block; margin-right: 4px; } .detail-authors-post { display: inline-block; } :root { --m-font-family: "Montserrat", system-ui, sans-serif; --m-font-family-title: "Montserrat", system-ui, sans-serif; --color-secondary: #6c757d; --color-success: #198754; --color-danger: #dc3545; --color-warning: #ffc107; --color-info: #0dcaf0; --color-light: #f8f9fa; --animation: all 0.25s ease-out; --swiper-theme-color: var(--theme-base-color); --swiper-pagination-bullet-inactive-color: var(--grey-dark); --swiper-pagination-bullet-inactive-opacity: 1; --swiper-time-animate: 1.2s; --f-button-border-radius: 0; --gap: 20px; /**/ --theme: light; --theme-base-color: #0d6efd; --white_text_black: var(--light, #222) var(--dark, white); --dark_text_black: var(--light, #333) var(--dark, white); --white_text_black_reverse: var(--light, #fff) var(--dark, #222); --white_bg_black: var(--light, #222) var(--dark, white); --white_bg_black_reverse: var(--light, #fff) var(--dark, #222); --basic_text_black: var(--light, #555) var(--dark, #ccc); --lite_basic_text_black: var(--light, #666) var(--dark, #ccc); --black_bg_black: var(--light, #f3f3f3) var(--dark, #1b1b1b); --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212); --stroke_black: var(--light, #ededed) var(--dark, #3a3a3a); --stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a); --card_bg_black: var(--light, #fff) var(--dark, #232323); --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b); --lite_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b); --light2_bg_black: var(--light, #fafafa) var(--dark, #232323); --gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a); --white_bg_ccc: var(--light, #fff) var(--dark, #ccc); --fill_dark_light: var(--light, #222) var(--dark, #fff); --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a); --input_color: var(--light, #222) var(--dark, var(--basic_text_black)); --input_color-placeholder: var(--light, #ccc) var(--dark, #3a3a3a); --input_color-file: var(--darkerblack_bg_black); --input_bg_color: var(--black_bg_black); --input_bg_color-hover: var(--black_bg_black); --input_bg_color-focus: var(--card_bg_hover_black); --input_border_color: var(--light, #DDD) var(--dark, var(--stroke_black)); --input_border_color-hover: var(--light, #DDD) var(--dark, var(--stroke_black_hover)); --input_border_color-focus: var(--light, #999) var(--dark, #999); --fill_dark_light_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc); --theme-outer-border-radius: 16px; --theme-button-border-radius: 16px; --theme-small-border-radius: 4px; } main.main { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 4.375em; overflow-x: hidden; } @media screen and (max-width: 575px) { main.main { margin-bottom: 2.5em; } } /* Применение темы */ :root[data-theme=light] { --light: initial; --dark: ; } :root[data-theme=dark] { --light: ; --dark: initial; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; overflow-x: hidden; font-family: var(--m-font-family), serif; font-weight: 400; font-size: 1em; line-height: 1.5; min-height: 100vh; background-color: #f3f3f3; background-color: var(--black_bg_black); color: var(--basic_text_black); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } body.dark { --ON_toggle: initial; --OFF_toggle: ; } .overflow { overflow: hidden; } .overflow::after { content: ""; background-color: rgba(17, 24, 28, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } @media screen and (max-width: 767px) { .mobile-scrolled { overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; --offset: 24px; margin: 0 calc(-1 * var(--offset)); padding: 0 0 0 var(--offset); -ms-flex-wrap: nowrap; flex-wrap: nowrap; scrollbar-width: none; } .mobile-scrolled .mobile-scrolled-item { width: 260px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: content-box; box-sizing: content-box; } .mobile-scrolled .mobile-scrolled-item.--big { height: 380px; } } .slider-articles { position: relative; } .slider-articles-item { height: 500px; display: block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; border-radius: var(--theme-small-border-radius); } @media screen and (max-width: 575px) { .slider-articles-item { height: 350px; } } .slider-articles-item:after { content: ""; background: var(--light, rgba(255, 255, 255, 0.5)) var(--dark, rgba(27, 27, 27, 0.5)); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider-articles-inner { max-width: 900px; padding: 40px 10px 40px 90px; position: relative; z-index: 2; height: 100%; } @media screen and (max-width: 991px) { .slider-articles-inner { padding: 20px 40px; } } .slider-articles-title { margin: 0; } @media screen and (max-width: 575px) { .slider-articles-text { display: none; } } .slider-articles .swiper-button-prev { left: 20px; } .slider-articles .slider-button-next { right: 20px; } .article-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: var(--gap); } .article-grid .card { -ms-grid-column-span: 1; grid-column: span 1; position: relative; /* 6-я должна начинать строку, чтобы не оставлять «клетку» */ } .article-grid .card:nth-child(1), .article-grid .card:nth-child(6), .article-grid .card:nth-child(7), .article-grid .card:nth-child(12) { -ms-grid-column-span: 2; grid-column: span 2; } .article-grid .card:nth-child(1) .card-images, .article-grid .card:nth-child(6) .card-images, .article-grid .card:nth-child(7) .card-images, .article-grid .card:nth-child(12) .card-images { aspect-ratio: inherit; } .article-grid .card:nth-child(1) .card-inner, .article-grid .card:nth-child(6) .card-inner, .article-grid .card:nth-child(7) .card-inner, .article-grid .card:nth-child(12) .card-inner { position: absolute; bottom: 0; width: 100%; z-index: 2; } .article-grid .card:nth-child(1) .card-inner:before, .article-grid .card:nth-child(6) .card-inner:before, .article-grid .card:nth-child(7) .card-inner:before, .article-grid .card:nth-child(12) .card-inner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--light, rgba(255, 255, 255, 0.5)) var(--dark, rgba(27, 27, 27, 0.5)); -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; z-index: -1; } /*# sourceMappingURL=main.css.map */ /* End */ /* /bitrix/templates/wbooster-blog/assets/vendor/slinky/slinky.css?17571365912152 */ /* /bitrix/templates/wbooster-blog/assets/vendor/swiper/swiper-bundle.min.css?175713658818433 */ /* /bitrix/templates/wbooster-blog/assets/vendor/glightbox/glightbox.min.css?175946725313749 */ /* /bitrix/templates/wbooster-blog/assets/css/fonts.css?175713656838 */ /* /bitrix/templates/wbooster-blog/assets/css/main.css?1760267700204958 */