/* Start:/local/templates/mafmarket/libs/swiper/swiper-bundle.min.css?176294269217864*/ /** * Swiper 9.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/mafmarket/css/common.css?1762942691279751*/ /*! * Bootstrap Reboot v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; -webkit-overflow-scrolling: touch; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; -webkit-overflow-scrolling: touch; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; -webkit-overflow-scrolling: touch; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /*! * Bootstrap Grid v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .container { max-width: 100%; } @media (min-width: 768px) { .container-sm, .container { max-width: 100%; } } @media (min-width: 992px) { .container-md, .container-sm, .container { max-width: 100%; } } @media (min-width: 1200px) { .container-lg, .container-md, .container-sm, .container { max-width: 1248px; } } @media (min-width: 1520px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1568px; } } @media (min-width: 1800px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1808px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl, .col-xxl-auto, .col-xxl-24, .col-xxl-23, .col-xxl-22, .col-xxl-21, .col-xxl-20, .col-xxl-19, .col-xxl-18, .col-xxl-17, .col-xxl-16, .col-xxl-15, .col-xxl-14, .col-xxl-13, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-24, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-1 { margin-left: 4.16666667%; } .offset-2 { margin-left: 8.33333333%; } .offset-3 { margin-left: 12.5%; } .offset-4 { margin-left: 16.66666667%; } .offset-5 { margin-left: 20.83333333%; } .offset-6 { margin-left: 25%; } .offset-7 { margin-left: 29.16666667%; } .offset-8 { margin-left: 33.33333333%; } .offset-9 { margin-left: 37.5%; } .offset-10 { margin-left: 41.66666667%; } .offset-11 { margin-left: 45.83333333%; } .offset-12 { margin-left: 50%; } .offset-13 { margin-left: 54.16666667%; } .offset-14 { margin-left: 58.33333333%; } .offset-15 { margin-left: 62.5%; } .offset-16 { margin-left: 66.66666667%; } .offset-17 { margin-left: 70.83333333%; } .offset-18 { margin-left: 75%; } .offset-19 { margin-left: 79.16666667%; } .offset-20 { margin-left: 83.33333333%; } .offset-21 { margin-left: 87.5%; } .offset-22 { margin-left: 91.66666667%; } .offset-23 { margin-left: 95.83333333%; } @media (min-width: 768px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-sm-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-sm-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-sm-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-sm-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-sm-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-sm-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-sm-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-sm-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-sm-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-sm-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-sm-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-sm-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-sm-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-sm-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-sm-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-sm-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-sm-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 4.16666667%; } .offset-sm-2 { margin-left: 8.33333333%; } .offset-sm-3 { margin-left: 12.5%; } .offset-sm-4 { margin-left: 16.66666667%; } .offset-sm-5 { margin-left: 20.83333333%; } .offset-sm-6 { margin-left: 25%; } .offset-sm-7 { margin-left: 29.16666667%; } .offset-sm-8 { margin-left: 33.33333333%; } .offset-sm-9 { margin-left: 37.5%; } .offset-sm-10 { margin-left: 41.66666667%; } .offset-sm-11 { margin-left: 45.83333333%; } .offset-sm-12 { margin-left: 50%; } .offset-sm-13 { margin-left: 54.16666667%; } .offset-sm-14 { margin-left: 58.33333333%; } .offset-sm-15 { margin-left: 62.5%; } .offset-sm-16 { margin-left: 66.66666667%; } .offset-sm-17 { margin-left: 70.83333333%; } .offset-sm-18 { margin-left: 75%; } .offset-sm-19 { margin-left: 79.16666667%; } .offset-sm-20 { margin-left: 83.33333333%; } .offset-sm-21 { margin-left: 87.5%; } .offset-sm-22 { margin-left: 91.66666667%; } .offset-sm-23 { margin-left: 95.83333333%; } } @media (min-width: 992px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-md-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-md-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-md-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-md-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-md-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-md-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-md-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-md-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-md-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-md-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-md-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-md-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-md-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-md-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-md-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-md-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-md-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 4.16666667%; } .offset-md-2 { margin-left: 8.33333333%; } .offset-md-3 { margin-left: 12.5%; } .offset-md-4 { margin-left: 16.66666667%; } .offset-md-5 { margin-left: 20.83333333%; } .offset-md-6 { margin-left: 25%; } .offset-md-7 { margin-left: 29.16666667%; } .offset-md-8 { margin-left: 33.33333333%; } .offset-md-9 { margin-left: 37.5%; } .offset-md-10 { margin-left: 41.66666667%; } .offset-md-11 { margin-left: 45.83333333%; } .offset-md-12 { margin-left: 50%; } .offset-md-13 { margin-left: 54.16666667%; } .offset-md-14 { margin-left: 58.33333333%; } .offset-md-15 { margin-left: 62.5%; } .offset-md-16 { margin-left: 66.66666667%; } .offset-md-17 { margin-left: 70.83333333%; } .offset-md-18 { margin-left: 75%; } .offset-md-19 { margin-left: 79.16666667%; } .offset-md-20 { margin-left: 83.33333333%; } .offset-md-21 { margin-left: 87.5%; } .offset-md-22 { margin-left: 91.66666667%; } .offset-md-23 { margin-left: 95.83333333%; } } @media (min-width: 1200px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-lg-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-lg-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-lg-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-lg-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-lg-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-lg-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-lg-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-lg-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-lg-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-lg-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-lg-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-lg-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-lg-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-lg-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-lg-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-lg-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-lg-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 4.16666667%; } .offset-lg-2 { margin-left: 8.33333333%; } .offset-lg-3 { margin-left: 12.5%; } .offset-lg-4 { margin-left: 16.66666667%; } .offset-lg-5 { margin-left: 20.83333333%; } .offset-lg-6 { margin-left: 25%; } .offset-lg-7 { margin-left: 29.16666667%; } .offset-lg-8 { margin-left: 33.33333333%; } .offset-lg-9 { margin-left: 37.5%; } .offset-lg-10 { margin-left: 41.66666667%; } .offset-lg-11 { margin-left: 45.83333333%; } .offset-lg-12 { margin-left: 50%; } .offset-lg-13 { margin-left: 54.16666667%; } .offset-lg-14 { margin-left: 58.33333333%; } .offset-lg-15 { margin-left: 62.5%; } .offset-lg-16 { margin-left: 66.66666667%; } .offset-lg-17 { margin-left: 70.83333333%; } .offset-lg-18 { margin-left: 75%; } .offset-lg-19 { margin-left: 79.16666667%; } .offset-lg-20 { margin-left: 83.33333333%; } .offset-lg-21 { margin-left: 87.5%; } .offset-lg-22 { margin-left: 91.66666667%; } .offset-lg-23 { margin-left: 95.83333333%; } } @media (min-width: 1520px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-xl-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-xl-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-xl-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-xl-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-xl-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-xl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-xl-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-xl-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-xl-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-xl-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-xl-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-xl-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-xl-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-xl-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-xl-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-xl-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-xl-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 4.16666667%; } .offset-xl-2 { margin-left: 8.33333333%; } .offset-xl-3 { margin-left: 12.5%; } .offset-xl-4 { margin-left: 16.66666667%; } .offset-xl-5 { margin-left: 20.83333333%; } .offset-xl-6 { margin-left: 25%; } .offset-xl-7 { margin-left: 29.16666667%; } .offset-xl-8 { margin-left: 33.33333333%; } .offset-xl-9 { margin-left: 37.5%; } .offset-xl-10 { margin-left: 41.66666667%; } .offset-xl-11 { margin-left: 45.83333333%; } .offset-xl-12 { margin-left: 50%; } .offset-xl-13 { margin-left: 54.16666667%; } .offset-xl-14 { margin-left: 58.33333333%; } .offset-xl-15 { margin-left: 62.5%; } .offset-xl-16 { margin-left: 66.66666667%; } .offset-xl-17 { margin-left: 70.83333333%; } .offset-xl-18 { margin-left: 75%; } .offset-xl-19 { margin-left: 79.16666667%; } .offset-xl-20 { margin-left: 83.33333333%; } .offset-xl-21 { margin-left: 87.5%; } .offset-xl-22 { margin-left: 91.66666667%; } .offset-xl-23 { margin-left: 95.83333333%; } } @media (min-width: 1800px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .col-xxl-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .col-xxl-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .col-xxl-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .col-xxl-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .col-xxl-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .col-xxl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xxl-last { -webkit-box-ordinal-group: 26; -ms-flex-order: 25; order: 25; } .order-xxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .order-xxl-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xxl-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .order-xxl-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .order-xxl-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .order-xxl-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .order-xxl-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .order-xxl-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .order-xxl-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .order-xxl-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .order-xxl-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .order-xxl-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .order-xxl-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 4.16666667%; } .offset-xxl-2 { margin-left: 8.33333333%; } .offset-xxl-3 { margin-left: 12.5%; } .offset-xxl-4 { margin-left: 16.66666667%; } .offset-xxl-5 { margin-left: 20.83333333%; } .offset-xxl-6 { margin-left: 25%; } .offset-xxl-7 { margin-left: 29.16666667%; } .offset-xxl-8 { margin-left: 33.33333333%; } .offset-xxl-9 { margin-left: 37.5%; } .offset-xxl-10 { margin-left: 41.66666667%; } .offset-xxl-11 { margin-left: 45.83333333%; } .offset-xxl-12 { margin-left: 50%; } .offset-xxl-13 { margin-left: 54.16666667%; } .offset-xxl-14 { margin-left: 58.33333333%; } .offset-xxl-15 { margin-left: 62.5%; } .offset-xxl-16 { margin-left: 66.66666667%; } .offset-xxl-17 { margin-left: 70.83333333%; } .offset-xxl-18 { margin-left: 75%; } .offset-xxl-19 { margin-left: 79.16666667%; } .offset-xxl-20 { margin-left: 83.33333333%; } .offset-xxl-21 { margin-left: 87.5%; } .offset-xxl-22 { margin-left: 91.66666667%; } .offset-xxl-23 { margin-left: 95.83333333%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 768px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1520px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1800px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 768px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1520px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1800px) { .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1520px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1800px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } /** * Swiper 9.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 28, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; -webkit-overflow-scrolling: touch; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function); transition-timing-function: var(--swiper-wrapper-transition-timing-function); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ -webkit-overflow-scrolling: touch; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); 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-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { 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: -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; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); 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; } /* Common Styles */ /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; -webkit-overflow-scrolling: touch; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-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 { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Fraction */ /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; /*ADD_HOST*/ } .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%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 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-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { 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, 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: -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; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; touch-action: none; } /* a11y */ .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; 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, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; -webkit-overflow-scrolling: touch; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-overflow-scrolling: touch; } @font-face { font-display: swap; font-family: "Montserrat"; src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.otf") format("opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.svg") format("svg"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: "Montserrat"; src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.otf") format("opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.svg") format("svg"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-display: swap; font-family: "Montserrat"; src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.otf") format("opentype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.svg") format("svg"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/mafmarket/css/../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-width: 360px; } body { font-size: 20px; font-weight: 400; line-height: 1.5; color: #000000; background-color: #ffffff; font-family: "Montserrat", sans-serif; position: relative; } @media (max-width: 1519px) { body { font-size: 18px; } } @media (max-width: 1199px) { body { font-size: 18px; } } @media (max-width: 767px) { body { font-size: 16px; } } a { text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; display: block; } ul { list-style-type: none; } ul:not([class]) { list-style: disc outside; padding-left: 1.5em; } ol:not([class]) { padding-left: 1.8em; } h1, .h1 { font-family: "Montserrat", sans-serif; font-size: 90px; font-weight: 600; line-height: 1; letter-spacing: 0; } h2, .h2 { font-family: "Montserrat", sans-serif; font-size: 70px; font-weight: 600; line-height: 1; letter-spacing: 0; } h3, .h3 { font-family: "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: 0; } h4, .h4 { font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; line-height: 1.5; letter-spacing: 0; } h5, .h5 { font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.5; } @media (max-width: 1799px) { h1, .h1 { font-size: 80px; } h2, .h2 { font-size: 48px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 22px; } } @media (max-width: 1519px) { h1, .h1 { font-size: 65px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } } @media (max-width: 767px) { h1, .h1 { font-size: 36px; } h5, .h5 { font-size: 16px; } } header { position: relative; } .container { padding-left: 24px; padding-right: 24px; } .container .container { padding: 0 !important; max-width: none !important; width: auto !important; position: static; } .dp-item-list .row { margin-bottom: -40px; } .dp-item-list .col, .dp-item-list [class*=col-] { padding-bottom: 40px; } @media (max-width: 767px) { .dp-item-list .row { margin-bottom: -30px; } .dp-item-list .col, .dp-item-list [class*=col-] { padding-bottom: 30px; } } @media (max-width: 767px) { .mobile-hidden { display: none !important; } } @media (min-width: 768px) { .mobile-visible { display: none !important; } } .dp-wrapper { background-color: #eeeeee; color: #111111; min-width: 360px; overflow: hidden; min-height: 100vh; 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: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 120px; font-weight: 500; -webkit-overflow-scrolling: touch; } @media (max-width: 1799px) { .dp-wrapper { padding-top: 100px; } } @media (max-width: 1519px) { .dp-wrapper { padding-top: 80px; } } @media (max-width: 767px) { .dp-wrapper { padding-top: 60px; } } .dp-cover-page .dp-wrapper { background-color: transparent; } .dp-page { width: 100%; margin-left: auto; margin-right: auto; height: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 20px; } .dp-page-common .dp-page { padding-top: 0; } .dp-page-home .dp-page { padding-top: 0; } .dp-page-catalog .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 40px; } @media (max-width: 1199px) { .dp-page-catalog .dp-aside { display: none; } } @media (max-width: 767px) { .dp-page-catalog .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 30px; } } @media (max-width: 1199px) { .dp-page-series .dp-aside { display: none; } } .dp-page-designers .dp-page__body { padding-right: 155px; } .dp-page-designers .dp-page, .dp-page-production .dp-page { background-color: #1421b0; color: #ffffff; } .dp-page-designers .dp-aside-menu__link, .dp-page-production .dp-aside-menu__link { color: #ffffff; } .dp-page-designers .dp-aside-menu__link:hover, .dp-page-designers .dp-aside-menu__link:active, .dp-page-designers .dp-aside-menu__link:focus, .dp-page-production .dp-aside-menu__link:hover, .dp-page-production .dp-aside-menu__link:active, .dp-page-production .dp-aside-menu__link:focus { color: rgba(255, 255, 255, 0.6); } .dp-page-designers .dp-aside-menu__item.selected .dp-aside-menu__link:before, .dp-page-designers .dp-aside-menu__subitem.selected .dp-aside-menu__sublink:before, .dp-page-production .dp-aside-menu__item.selected .dp-aside-menu__link:before, .dp-page-production .dp-aside-menu__subitem.selected .dp-aside-menu__sublink:before { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right-white.svg); } .dp-page-designers .dp-subscribe .dp-section__title *, .dp-page-production .dp-subscribe .dp-section__title * { color: inherit; } .dp-page-designers .dp-subscribe .dp-btn, .dp-page-production .dp-subscribe .dp-btn { background-color: #ffffff; color: #1421b0; } .dp-page-designers .dp-subscribe .dp-btn .icon, .dp-page-production .dp-subscribe .dp-btn .icon { fill: #1421b0; } .dp-page-designers .dp-subscribe .dp-btn:hover, .dp-page-designers .dp-subscribe .dp-btn:active, .dp-page-production .dp-subscribe .dp-btn:hover, .dp-page-production .dp-subscribe .dp-btn:active { background-color: transparent; color: #ffffff; border-color: #ffffff; } .dp-page-designers .dp-subscribe .dp-btn:hover .icon, .dp-page-designers .dp-subscribe .dp-btn:active .icon, .dp-page-production .dp-subscribe .dp-btn:hover .icon, .dp-page-production .dp-subscribe .dp-btn:active .icon { fill: #ffffff; } .dp-page-designers .dp-tags__item.selected .dp-btn_blue, .dp-page-production .dp-tags__item.selected .dp-btn_blue { background-color: #ffffff; color: #111111; } @media (max-width: 1799px) { .dp-page-designers .dp-page__body { padding-right: 100px; } } @media (max-width: 1519px) { .dp-page-designers .dp-page__body { padding-right: 50px; } } @media (max-width: 1199px) { .dp-page-designers .dp-aside { display: none; } .dp-page-designers .dp-page__body { padding-right: 0; } } .dp-page-series .dp-page-aside-content .dp-page__body .dp-section, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 60px; } .dp-page-series .dp-page-aside-content .dp-page__body .dp-section .dp-section__title, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section .dp-section__title { max-width: none; } .dp-page-series .dp-page-aside-content .dp-page__body .dp-section-desc, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section-desc { margin-bottom: 40px; } .dp-page-series .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__title, .dp-page-series .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__header, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__title, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__header { margin-bottom: 20px; } .dp-page-series .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__body, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section-desc .dp-section__body { max-width: 1280px; } .dp-page-collection .dp-aside .dp-tags { margin-top: 20vh; } @media (max-width: 1799px) { .dp-page-collection .dp-aside .dp-tags { margin-top: 10vh; } } @media (max-width: 1519px) { .dp-page-collection .dp-aside .dp-tags { margin-top: 60px; } } @media (max-width: 1199px) { .dp-page-series .dp-page-aside-content .dp-page__body .dp-section, .dp-page-collection .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 40px; } } .dp-section { margin-bottom: 120px; } .dp-section__header { margin-bottom: 40px; position: relative; } .dp-section__header .dp-section__desc { max-width: 540px; } .dp-section__header:not(.dp-section__header_aside) .dp-slider-arrows { position: absolute; right: 0; bottom: 0; } .dp-section__title { margin-top: 0; margin-bottom: 40px; color: inherit; max-width: 700px; } .dp-section__subtitle { font-size: 20px; line-height: 1.5; margin-bottom: 10px; font-weight: 500; color: #bcbcbc; } .dp-section__desc { font-size: inherit; color: inherit; font-weight: 500; } .dp-section__desc p, .dp-section__desc ul, .dp-section__desc ol { margin: 0.9em 0; } .dp-section__desc p:first-child, .dp-section__desc ul:first-child, .dp-section__desc ol:first-child { margin-top: 0; } .dp-section__desc p:last-child, .dp-section__desc ul:last-child, .dp-section__desc ol:last-child { margin-bottom: 0; } .dp-section__desc p + br, .dp-section__desc ul + br, .dp-section__desc ol + br { margin-top: -0.9em; } .dp-section__desc br + p, .dp-section__desc br + ul, .dp-section__desc br + ol { margin-top: 0; } .dp-section .dp-buttons-line { margin-top: 60px; } .dp-section .dp-section__link { margin-top: 60px; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; -webkit-overflow-scrolling: touch; } .visually-block { display: block !important; } .dp-buttons-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px; } .dp-buttons-line > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 20px; max-width: calc(100% - 20px); } @media (min-width: 768px) { .dp-section__header:not(.dp-section__header_aside) .dp-section__link { margin-top: 0; position: absolute; right: 0; bottom: 0; } .dp-section__header.dp-section__header_aside .dp-section__link { margin-top: 40px; } } @media (max-width: 1799px) { .dp-section__title { max-width: 420px; } } @media (max-width: 1519px) { .dp-section__title { max-width: 280px; } .dp-section__subtitle { font-size: 18px; } .dp-section__header .dp-section__desc { max-width: 500px; } } @media (max-width: 1199px) { .dp-section { margin-bottom: 100px; } .dp-section .dp-buttons-line { margin-top: 50px; } .dp-section .dp-section__link { margin-top: 50px; } .dp-section__header .dp-section__desc { max-width: 310px; } } @media (max-width: 767px) { .dp-section { margin-bottom: 80px; } .dp-section__title { max-width: 320px; margin-bottom: 30px; } .dp-section__subtitle { font-size: 16px; } .dp-section__header { margin-bottom: 30px; } .dp-section__header .dp-section__desc { max-width: none; } .dp-section .dp-buttons-line { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dp-section .dp-buttons-line .dp-btn { -ms-flex-item-align: stretch; align-self: stretch; } .dp-section .dp-section__link { margin-top: 30px; width: 100%; display: block; } } .dp-slider-arrows { width: 62px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: static; } .dp-slider-arrow { display: block; width: 16px; height: 40px; background-color: transparent; border: 0; padding: 0; outline: 0; cursor: pointer; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; z-index: 10; } .dp-slider-arrow .icon { display: block; width: 100%; height: 100%; fill: #1421b0; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-slider-arrow.prev .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dp-slider-arrow:hover { opacity: 0.7; } .dp-slider-arrow_disabled, .dp-slider-arrow.swiper-button-disabled { cursor: default; } .dp-slider-arrow_disabled .icon, .dp-slider-arrow.swiper-button-disabled .icon { fill: #bcbcbc; } .dp-slider-arrow_disabled:hover, .dp-slider-arrow.swiper-button-disabled:hover { opacity: 1; } @media (max-width: 1519px) { .dp-slider-arrows { width: 60px; } .dp-slider-arrow { width: 15px; height: 35px; } } .dp-slider-pagination { display: none; margin-top: 25px; margin-left: -5px; margin-right: -5px; } .dp-slider-pagination.swiper-pagination-lock { display: none; } .swiper-pagination-bullet { display: block; position: relative; width: 15px; height: 15px; border-radius: 0; background: none; } .swiper-pagination-bullet:after { content: ""; display: block; width: 5px; height: 5px; margin: 5px; } .swiper-pagination-bullet:not(:last-child) { margin-right: 5px; } .swiper-pagination-bullet-active { background: none; } .dp-slider-fraction { font-size: 16px; line-height: 150%; font-weight: 400; text-align: center; display: none; } .dp-slider-fraction span { font-weight: 700; } .badge { font-size: 10px; line-height: 10px; font-weight: 600; text-align: center; padding: 11px 5px; border-radius: 50%; min-width: 32px; display: inline-block; vertical-align: top; } .badge.theme-blue { background-color: #1421b0; color: #ffffff; } .overflow-hidden { overflow: hidden; -webkit-overflow-scrolling: touch; } .color_black { color: #000000; } .color_white { color: #ffffff; } .color_blue { color: #1421b0; } .font-weight_regular { font-weight: 400; } .font-weight_medium { font-weight: 500; } .font-weight_bold { font-weight: 600; } .font_title { font-family: "Montserrat", sans-serif; } .dp-page__back { margin-bottom: 40px; font-size: 16px; line-height: 1; } .dp-page__back a { color: #111111; } .dp-page__back a:hover, .dp-page__back a:focus, .dp-page__back a:active { color: #1421b0; } .dp-page__back span, .dp-page__back svg, .dp-page__back .icon { display: inline-block; vertical-align: middle; } .dp-page__back svg, .dp-page__back .icon { margin-left: 13px; margin-right: 13px; fill: #1421b0; width: 7px; height: 16px; } .dp-page__back svg:first-child, .dp-page__back .icon:first-child { margin-left: 0; } .dp-page__back svg:last-child, .dp-page__back .icon:last-child { margin-right: 0; } @media (max-width: 1519px) { .dp-page__back { font-size: 14px; } } @media (max-width: 1199px) { .dp-page__back { font-size: 16px; } } @media (max-width: 767px) { .dp-page__back { font-size: 14px; margin-bottom: 30px; } } .dp-page-aside-content .dp-page__header { margin-bottom: 40px; } .dp-page-aside-content .dp-page__aside { height: 100%; position: relative; } .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 100px; } .dp-page-aside-content .dp-page__body .dp-section:last-child { margin-bottom: 0; } @media (max-width: 1519px) { .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 90px; } } @media (max-width: 1199px) { .dp-page-aside-content .dp-page__aside { padding-top: 0 !important; padding-bottom: 0 !important; height: auto; } .dp-page-aside-content .dp-page__aside .dp-aside { position: static !important; } .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 60px; } } @media (max-width: 767px) { .dp-page-aside-content .dp-page__header { margin-bottom: 30px; } } .dp-page-contacts .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 60px; } .dp-page-contacts .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 40px; } .display-none { display: none !important; } @media (max-width: 1519px) { .mobile-hide-xl { display: none !important; } } @media (max-width: 1199px) { .mobile-hide-lg { display: none !important; } } @media (max-width: 767px) { .mobile-hide-sm { display: none !important; } } /* @media (max-width: (map-get($grid-breakpoints, lg) - 1)) // (992)-1199 * .dp-page-materials * .dp-aside * display: none */ .dp-btn { display: inline-block; vertical-align: top; position: relative; padding: 0 28px; min-width: 60px; height: 60px; line-height: 58px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; background-color: #1421b0; color: #ffffff; border: 1px solid transparent; cursor: pointer; outline: 0; text-align: center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none !important; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, color, border-color; border-radius: 20px; } .dp-btn svg, .dp-btn .icon, .dp-btn span { display: inline-block; vertical-align: middle; } .dp-btn svg { -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-btn svg, .dp-btn .icon { margin-left: 10px; margin-right: 10px; fill: #ffffff; width: 20px; height: 20px; } .dp-btn svg:first-child, .dp-btn .icon:first-child { margin-left: 0; } .dp-btn svg:last-child, .dp-btn .icon:last-child { margin-right: 0; } .dp-btn svg.icon-drop-right, .dp-btn .icon.icon-drop-right { width: 6px; } .dp-btn:hover, .dp-btn:active { color: #111111; background-color: #ffffff; border-color: transparent; } .dp-btn:hover svg, .dp-btn:hover .icon, .dp-btn:active svg, .dp-btn:active .icon { fill: #1421b0; } .dp-btn.dp-btn_disabled, .dp-btn:disabled, .dp-btn[disabled] { background-color: rgba(20, 33, 176, 0.2) !important; color: #ffffff !important; pointer-events: none !important; cursor: default; } .dp-btn.dp-btn_disabled svg, .dp-btn.dp-btn_disabled .icon, .dp-btn:disabled svg, .dp-btn:disabled .icon, .dp-btn[disabled] svg, .dp-btn[disabled] .icon { fill: #ffffff !important; } .dp-btn.dp-btn_sm { height: 48px; line-height: 46px; padding: 0 20px; } .dp-btn.dp-btn_sm .icon.icon-close { width: 12px; } .dp-btn.dp-btn_xs { height: 38px; line-height: 36px; padding: 0 18px; border-radius: 16px; } .dp-btn.dp-btn_xs .icon.icon-download { width: 12px; } .dp-btn.dp-btn_white { background-color: #ffffff; color: #111111; } .dp-btn.dp-btn_white svg, .dp-btn.dp-btn_white .icon { fill: #1421b0; } .dp-btn.dp-btn_white:hover, .dp-btn.dp-btn_white:active { color: #ffffff; background-color: #1421b0; } .dp-btn.dp-btn_white:hover svg, .dp-btn.dp-btn_white:hover .icon, .dp-btn.dp-btn_white:active svg, .dp-btn.dp-btn_white:active .icon { fill: #ffffff; } .dp-btn.dp-btn_white.dp-btn_disabled, .dp-btn.dp-btn_white:disabled, .dp-btn.dp-btn_white[disabled] { background-color: #ffffff !important; color: rgba(17, 17, 17, 0.4) !important; } .dp-btn.dp-btn_white.dp-btn_disabled svg, .dp-btn.dp-btn_white.dp-btn_disabled .icon, .dp-btn.dp-btn_white:disabled svg, .dp-btn.dp-btn_white:disabled .icon, .dp-btn.dp-btn_white[disabled] svg, .dp-btn.dp-btn_white[disabled] .icon { fill: rgba(17, 17, 17, 0.4) !important; } .dp-btn.dp-btn_blue { background-color: #1421b0; border: 1px solid #ffffff; } .dp-btn.dp-btn_blue:hover { background-color: #ffffff; } .dp-btn.dp-btn_outlined { background-color: transparent; color: #111111; border-color: #b1b1b1; } .dp-btn.dp-btn_outlined svg, .dp-btn.dp-btn_outlined .icon { fill: #111111; } .dp-btn.dp-btn_outlined:hover, .dp-btn.dp-btn_outlined:active { background-color: transparent; color: #111111; border-color: #1421b0; } .dp-btn.dp-btn_outlined:hover svg, .dp-btn.dp-btn_outlined:hover .icon, .dp-btn.dp-btn_outlined:active svg, .dp-btn.dp-btn_outlined:active .icon { fill: #111111; } .dp-btn.dp-btn_outlined.dp-btn_disabled, .dp-btn.dp-btn_outlined:disabled, .dp-btn.dp-btn_outlined[disabled] { background-color: transparent !important; color: #111111 !important; border-color: #b1b1b1 !important; opacity: 0.6; } .dp-btn.dp-btn_outlined.dp-btn_disabled svg, .dp-btn.dp-btn_outlined.dp-btn_disabled .icon, .dp-btn.dp-btn_outlined:disabled svg, .dp-btn.dp-btn_outlined:disabled .icon, .dp-btn.dp-btn_outlined[disabled] svg, .dp-btn.dp-btn_outlined[disabled] .icon { fill: #111111 !important; } .dp-btn.dp-btn_select-like { display: block; width: 100%; height: 48px; line-height: 46px; padding: 0 20px; padding-right: 46px; background-color: #ffffff; color: #111111; text-align: left; border-radius: 20px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-black.svg); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 14px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; } .dp-btn.dp-btn_select-like:hover, .dp-btn.dp-btn_select-like:active { color: #ffffff; background-color: #1421b0; } .dp-btn.dp-btn_select-like:hover { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-white.svg); } .dp-btn.dp-btn_select-like:active { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-top-white.svg) !important; } .dp-btn.dp-btn_select-like.dp-btn_disabled, .dp-btn.dp-btn_select-like:disabled, .dp-btn.dp-btn_select-like[disabled] { background-color: #ffffff !important; color: rgba(17, 17, 17, 0.4) !important; cursor: default !important; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-gray.svg) !important; } input.dp-btn, button.dp-btn { line-height: 1 !important; } a.dp-btn > span, span.dp-btn > span, div.dp-btn > span { line-height: 1; } .dp-btn-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; color: #111111; white-space: nowrap; padding: 0; outline: 0; border: 0; background-color: transparent; cursor: pointer; -webkit-transition: color 0.24s; transition: color 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-btn-link span, .dp-btn-link .icon { line-height: 1; display: block; } .dp-btn-link .icon { fill: #111111; width: 16px; height: 16px; -webkit-transition: fill 0.24s; transition: fill 0.24s; } .dp-btn-link .icon-close { width: 12px; height: 12px; } .dp-btn-link span + .icon { margin-left: 12px; } .dp-btn-link:hover { text-decoration: none; color: #b1b1b1; } .dp-btn-link:hover .icon { fill: #b1b1b1; } .dp-btn-link_remove:hover { color: #ff0000; } .dp-btn-link_remove:hover .icon { fill: #ff0000; } @media (max-width: 1799px) { .dp-btn { height: 52px; line-height: 50px; min-width: 52px; padding: 0 25px; } } @media (max-width: 1519px) { .dp-btn { height: 48px; line-height: 46px; padding: 0 20px; min-width: 48px; font-size: 14px; } .dp-btn.dp-btn_sm { height: 42px; line-height: 40px; padding: 0 20px; border-radius: 16px; } .dp-btn.dp-btn_select-like { height: 42px; line-height: 40px; padding-top: 0; padding-bottom: 0; border-radius: 16px; } } @media (max-width: 1199px) { .dp-btn { font-size: 16px; } } @media (max-width: 767px) { .dp-btn { font-size: 14px; padding-left: 15px; padding-right: 15px; } .dp-btn.dp-btn_sm { padding-left: 15px; padding-right: 15px; } } .dp-icon-btn { display: inline-block; position: relative; padding: 0; min-width: 24px; height: 24px; line-height: 22px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; background-color: #1421b0; color: #ffffff; border: 1px solid transparent; cursor: pointer; outline: 0; text-align: center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none !important; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, color, border-color; border-radius: 50%; } .dp-icon-btn:hover, .dp-icon-btn:active { color: #111111; background-color: #ffffff; border-color: transparent; } .dp-icon-btn.dp-icon-btn_white { background-color: #ffffff; color: #111111; } .dp-icon-btn.dp-icon-btn_white:hover, .dp-icon-btn.dp-icon-btn_white:active { color: #ffffff; background-color: #1421b0; } .icon { display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: contain; } svg.icon { background: none !important; } .icon-btn-arrow { width: 15px; height: 12px; } .icon-call { width: 14px; height: 14px; } .icon-list-arrow { width: 10px; height: 10px; } .icon-slider-arrow { width: 14px; height: 30px; } .icon-metro { width: 16px; height: 10px; } .icon-search { width: 24px; height: 24px; } .icon-star { width: 10px; height: 10px; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #778379; border-radius: 4px; background: transparent; position: relative; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; -webkit-overflow-scrolling: touch; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 12px; font-size: 16px; font-weight: 500; line-height: 40px; color: #4A524B; height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; background-color: transparent; color: #778379; text-align: center; font-size: 0; } .selectric .button:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 5px solid transparent; border-top-color: #778379; border-bottom: none; } .selectric-hover .selectric { background-color: #ededed; } .selectric-open { z-index: 9999; } .selectric-open .selectric .button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; -webkit-overflow-scrolling: touch; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; font-size: 0 !important; background: none !important; -webkit-overflow-scrolling: touch; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #ffffff; border: 1px solid #DCDCDC; border-radius: 4px; overflow: hidden; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; -webkit-overflow-scrolling: touch; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px; } .selectric-items li { list-style: none; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px; display: block; padding: 10px; color: #4A524B; cursor: pointer; } .selectric-items li.selected { background: #ededed !important; } .selectric-items li.highlighted { background: #ededed; } .selectric-items li:hover { background: #f7f7f7; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .dp-input { display: block; width: 100%; height: 48px; padding: 12px 20px 14px; line-height: 20px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; background-color: #ffffff; color: #111111; border: 1px solid transparent; outline: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; -webkit-transition: border-color 0.3s, color 0.3s, background-color 0.3s; transition: border-color 0.3s, color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-color, color, background-color; min-width: 120px; } .dp-input:hover, .dp-input:focus { border-color: #1421b0; } .dp-input.disabled, .dp-input:disabled, .dp-input[disabled] { background-color: #ffffff !important; color: rgba(17, 17, 17, 0.4) !important; cursor: default !important; opacity: 1 !important; } .dp-input::-webkit-input-placeholder { color: #b1b1b1; } .dp-input::-moz-placeholder { color: #b1b1b1; } .dp-input:-moz-placeholder { color: #b1b1b1; } .dp-input:-ms-input-placeholder { color: #b1b1b1; } @media (max-width: 1519px) { .dp-input { font-size: 14px; height: 42px; padding-top: 10px; padding-bottom: 12px; border-radius: 16px; } } @media (max-width: 1199px) { .dp-input { font-size: 16px; } } @media (max-width: 767px) { .dp-input { font-size: 14px; } } .dp-select { display: block; width: 100%; position: relative; height: 48px; padding: 11px 20px 15px; padding-right: 46px; line-height: 20px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; background-color: #ffffff; color: #111111; border: 1px solid transparent; outline: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-black.svg); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 14px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, color; -webkit-overflow-scrolling: touch; } .dp-select:hover, .dp-select:focus { background-color: #1421b0; color: #ffffff; } .dp-select:hover { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-white.svg); } .dp-select:focus { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-top-white.svg) !important; } .dp-select option { color: #111111; background-color: #ffffff; } .dp-select option:selected:disabled, .dp-select option[selected][disabled] { display: none; } select.dp-select::-ms-expand { display: none; } select.dp-select.disabled, select.dp-select:disabled, select.dp-select[disabled] { background-color: #ffffff !important; color: rgba(17, 17, 17, 0.4) !important; cursor: default !important; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-gray.svg) !important; opacity: 1 !important; } @media (max-width: 1519px) { .dp-select { font-size: 14px; height: 42px; padding-top: 9px; padding-bottom: 13px; border-radius: 16px; } } @media (max-width: 1199px) { .dp-select { font-size: 16px; } } @media (max-width: 767px) { .dp-select { font-size: 14px; } } .selectric-wrapper { position: relative; line-height: 20px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; display: block; width: 100%; color: #111111; } .selectric-wrapper select { display: none; } .selectric-wrapper .selectric { font-size: inherit; line-height: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; height: 48px; padding: 12px 20px 14px; padding-right: 46px; border: 1px solid transparent; display: block; width: 100%; border-radius: 20px; -webkit-transition: none; transition: none; background-color: #ffffff; text-align: left; cursor: pointer; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-black.svg); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 14px auto; color: inherit; position: relative; text-transform: none; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color, background-color; } .selectric-wrapper .selectric .label { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; font-style: inherit; font-family: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: transparent; margin: 0; height: auto; text-align: inherit; text-transform: none; padding: 0; -webkit-overflow-scrolling: touch; } .selectric-wrapper .selectric .button { display: none; } .selectric-wrapper .selectric-items { background: #ffffff; border: 2px solid #ffffff; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; margin: 20px 0 0; padding: 13px 0; width: 100%; font-size: inherit; line-height: inherit; overflow: hidden; font-family: inherit; font-weight: inherit; color: inherit; -webkit-overflow-scrolling: touch; } .selectric-wrapper .selectric-items .selectric-scroll { max-height: 200px; } .selectric-wrapper .selectric-items ul { padding: 0; margin: 0; list-style: none; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit; } .selectric-wrapper .selectric-items ul li { margin: 0; padding: 10px 20px; white-space: nowrap; color: inherit; font-size: inherit; line-height: inherit; background-color: transparent; text-align: left; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color, background-color; } .selectric-wrapper .selectric-items ul li:hover { background-color: transparent; color: #1421b0; } .selectric-wrapper .selectric-items ul li.selected { background-color: #eeeeee; color: inherit; } .selectric-wrapper .selectric-items ul li.selected:hover { background-color: #eeeeee; color: #1421b0; } .selectric-wrapper .selectric-items ul li.selected.disabled { display: none; } .selectric-wrapper.selectric-open .selectric, .selectric-wrapper.selectric-hover .selectric { background-color: #1421b0; color: #ffffff; } .selectric-wrapper.selectric-hover .selectric { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-white.svg); } .selectric-wrapper.selectric-open .selectric { background-image: url(/local/templates/mafmarket/css/../img/icons/drop-top-white.svg) !important; } .selectric-wrapper.selectric-disabled { opacity: 1; } .selectric-wrapper.selectric-disabled .selectric { background-color: #ffffff !important; cursor: default !important; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom-gray.svg) !important; } .selectric-wrapper.selectric-disabled .selectric .label { color: rgba(17, 17, 17, 0.4) !important; } .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li { padding-left: 50px; position: relative; } .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li:before, .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li:after { content: ""; position: absolute; top: 50%; left: 20px; width: 16px; height: 16px; margin-top: -8px; border-radius: 2px; } .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li:before { border: 2px solid #bcbcbc; } .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li:after { opacity: 0; background-color: #1421b0; background-image: url(/local/templates/mafmarket/css/../img/icons/check.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: center; } .selectric-wrapper.selectric-dp-select-multiple .selectric-items ul li.selected:after { opacity: 1; } @media (max-width: 1519px) { .selectric-wrapper { font-size: 14px; } .selectric-wrapper .selectric { height: 42px; padding-top: 9px; padding-bottom: 13px; border-radius: 16px; } .selectric-wrapper .selectric-items { border-radius: 16px; } } @media (max-width: 1199px) { .selectric-wrapper { font-size: 16px; } } @media (max-width: 767px) { .selectric-wrapper { font-size: 14px; } } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #778379; border-radius: 4px; background: transparent; position: relative; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; -webkit-overflow-scrolling: touch; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 12px; font-size: 16px; font-weight: 500; line-height: 40px; color: #4A524B; height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; background-color: transparent; color: #778379; text-align: center; font-size: 0; } .selectric .button:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 5px solid transparent; border-top-color: #778379; border-bottom: none; } .selectric-hover .selectric { background-color: #ededed; } .selectric-open { z-index: 9999; } .selectric-open .selectric .button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; -webkit-overflow-scrolling: touch; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; font-size: 0 !important; background: none !important; -webkit-overflow-scrolling: touch; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #ffffff; border: 1px solid #DCDCDC; border-radius: 4px; overflow: hidden; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; -webkit-overflow-scrolling: touch; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px; } .selectric-items li { list-style: none; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px; display: block; padding: 10px; color: #4A524B; cursor: pointer; } .selectric-items li.selected { background: #ededed !important; } .selectric-items li.highlighted { background: #ededed; } .selectric-items li:hover { background: #f7f7f7; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .dp-form input[type=text], .dp-form input[type=tel], .dp-form input[type=email], .dp-form input[type=url], .dp-form input[type=number], .dp-form input[type=password] { display: block; height: 60px; width: 100%; outline: 0; line-height: 1; padding: 0 28px; font-weight: 500; font-size: 16px; background-color: #ffffff; color: #111111; font-family: "Montserrat", sans-serif; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; text-align: left; -webkit-transition: border-color 0.3s, color 0.3s, background-color 0.3s; transition: border-color 0.3s, color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-color, color, background-color; } .dp-form input[type=text]::-webkit-input-placeholder, .dp-form input[type=tel]::-webkit-input-placeholder, .dp-form input[type=email]::-webkit-input-placeholder, .dp-form input[type=url]::-webkit-input-placeholder, .dp-form input[type=number]::-webkit-input-placeholder, .dp-form input[type=password]::-webkit-input-placeholder { color: #b1b1b1; } .dp-form input[type=text]::-moz-placeholder, .dp-form input[type=tel]::-moz-placeholder, .dp-form input[type=email]::-moz-placeholder, .dp-form input[type=url]::-moz-placeholder, .dp-form input[type=number]::-moz-placeholder, .dp-form input[type=password]::-moz-placeholder { color: #b1b1b1; } .dp-form input[type=text]:-ms-input-placeholder, .dp-form input[type=tel]:-ms-input-placeholder, .dp-form input[type=email]:-ms-input-placeholder, .dp-form input[type=url]:-ms-input-placeholder, .dp-form input[type=number]:-ms-input-placeholder, .dp-form input[type=password]:-ms-input-placeholder { color: #b1b1b1; } .dp-form input[type=text]::-ms-input-placeholder, .dp-form input[type=tel]::-ms-input-placeholder, .dp-form input[type=email]::-ms-input-placeholder, .dp-form input[type=url]::-ms-input-placeholder, .dp-form input[type=number]::-ms-input-placeholder, .dp-form input[type=password]::-ms-input-placeholder { color: #b1b1b1; } .dp-form input[type=text]::placeholder, .dp-form input[type=tel]::placeholder, .dp-form input[type=email]::placeholder, .dp-form input[type=url]::placeholder, .dp-form input[type=number]::placeholder, .dp-form input[type=password]::placeholder { color: #b1b1b1; } .dp-form input[type=text]:hover, .dp-form input[type=tel]:hover, .dp-form input[type=email]:hover, .dp-form input[type=url]:hover, .dp-form input[type=number]:hover, .dp-form input[type=password]:hover { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; } .dp-form input[type=text]:focus, .dp-form input[type=tel]:focus, .dp-form input[type=email]:focus, .dp-form input[type=url]:focus, .dp-form input[type=number]:focus, .dp-form input[type=password]:focus { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; -webkit-transition: none; transition: none; } .dp-form input[type=text]:focus::-webkit-input-placeholder, .dp-form input[type=tel]:focus::-webkit-input-placeholder, .dp-form input[type=email]:focus::-webkit-input-placeholder, .dp-form input[type=url]:focus::-webkit-input-placeholder, .dp-form input[type=number]:focus::-webkit-input-placeholder, .dp-form input[type=password]:focus::-webkit-input-placeholder { opacity: 0; } .dp-form input[type=text]:focus::-moz-placeholder, .dp-form input[type=tel]:focus::-moz-placeholder, .dp-form input[type=email]:focus::-moz-placeholder, .dp-form input[type=url]:focus::-moz-placeholder, .dp-form input[type=number]:focus::-moz-placeholder, .dp-form input[type=password]:focus::-moz-placeholder { opacity: 0; } .dp-form input[type=text]:focus:-ms-input-placeholder, .dp-form input[type=tel]:focus:-ms-input-placeholder, .dp-form input[type=email]:focus:-ms-input-placeholder, .dp-form input[type=url]:focus:-ms-input-placeholder, .dp-form input[type=number]:focus:-ms-input-placeholder, .dp-form input[type=password]:focus:-ms-input-placeholder { opacity: 0; } .dp-form input[type=text]:focus::-ms-input-placeholder, .dp-form input[type=tel]:focus::-ms-input-placeholder, .dp-form input[type=email]:focus::-ms-input-placeholder, .dp-form input[type=url]:focus::-ms-input-placeholder, .dp-form input[type=number]:focus::-ms-input-placeholder, .dp-form input[type=password]:focus::-ms-input-placeholder { opacity: 0; } .dp-form input[type=text]:focus::placeholder, .dp-form input[type=tel]:focus::placeholder, .dp-form input[type=email]:focus::placeholder, .dp-form input[type=url]:focus::placeholder, .dp-form input[type=number]:focus::placeholder, .dp-form input[type=password]:focus::placeholder { opacity: 0; } .dp-form input[type=text]:disabled, .dp-form input[type=tel]:disabled, .dp-form input[type=email]:disabled, .dp-form input[type=url]:disabled, .dp-form input[type=number]:disabled, .dp-form input[type=password]:disabled { border-color: #dedede !important; background-color: #ffffff !important; color: #111111 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dp-form input[type=checkbox], .dp-form input[type=radio] { display: block; width: 0; height: 0; border: 0; outline: 0; padding: 0; background: none; font-size: 0; position: absolute; z-index: -1; left: -1px; right: -1px; opacity: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-form input[type=checkbox] + label, .dp-form input[type=radio] + label { display: inline-block; font-weight: 400; font-size: 16px; line-height: 1.4; position: relative; color: #000000; padding-left: 31px; cursor: pointer; margin-bottom: 0; } .dp-form input[type=checkbox] + label:before, .dp-form input[type=radio] + label:before { content: ""; display: block; border-radius: 4px; width: 16px; height: 16px; border: 1px solid #b1b1b1; background-color: #ffffff; background-repeat: no-repeat; background-position: 2px 3px; } .dp-form input[type=radio] + label:before { border-radius: 50%; } .dp-form input[type=radio]:checked + label:before { background-color: #ffffff; } .dp-form input[type=checkbox]:checked + label:before { background-color: #1421b0; border-color: #1421b0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.87267 7.5H3.68944L0 3.38643L1.18323 2.06717L4.28571 5.51593L9.32609 0L10.5 1.32964L4.87267 7.5Z' fill='%23ffffff'/%3E%3C/svg%3E"); } .dp-form textarea { display: block; min-height: 180px; height: 180px; width: 100%; min-width: 100%; max-width: 100%; outline: 0; line-height: 1.4; padding: 20px 28px; font-weight: 400; font-size: 16px; background-color: #ffffff; color: #111111; font-family: "Montserrat", sans-serif; border: 1px solid #dedede; border-radius: 20px; -webkit-transition: border-color 0.24s, color 0.24s, -webkit-box-shadow 0.24s; transition: border-color 0.24s, color 0.24s, -webkit-box-shadow 0.24s; transition: border-color 0.24s, color 0.24s, box-shadow 0.24s; transition: border-color 0.24s, color 0.24s, box-shadow 0.24s, -webkit-box-shadow 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-color, color, box-shadow; } .dp-form textarea::-webkit-input-placeholder { color: #b1b1b1; } .dp-form textarea::-moz-placeholder { color: #b1b1b1; } .dp-form textarea:-ms-input-placeholder { color: #b1b1b1; } .dp-form textarea::-ms-input-placeholder { color: #b1b1b1; } .dp-form textarea::placeholder { color: #b1b1b1; } .dp-form textarea:hover { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; } .dp-form textarea:focus { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; -webkit-transition: none; transition: none; } .dp-form textarea:focus::-webkit-input-placeholder { opacity: 0; } .dp-form textarea:focus::-moz-placeholder { opacity: 0; } .dp-form textarea:focus:-ms-input-placeholder { opacity: 0; } .dp-form textarea:focus::-ms-input-placeholder { opacity: 0; } .dp-form textarea:focus::placeholder { opacity: 0; } .dp-form textarea:disabled { border-color: #dedede !important; background-color: #ffffff !important; color: #111111 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dp-form__agreement { margin: 0; } .dp-form a { color: inherit; text-decoration: underline; } .dp-form a:hover { color: inherit; text-decoration: none; } .dp-form__footer { font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; color: #000000; margin-top: 25px; } .dp-form__footer a { text-decoration: none; -webkit-transition: color 0.24s; transition: color 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-form__footer a:hover { text-decoration: none; } .dp-form__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-form__note { margin-top: 25px; margin-bottom: 0; } .dp-form .dp-btn { height: 60px; } .dp-form-field-error { display: block; font-size: 16px; font-weight: 400; line-height: 1.4; margin-top: 10px; } .dp-form-field { display: block; position: relative; margin-bottom: 20px; } .dp-form-field__label { display: block; margin-top: 0; margin-bottom: 12px; font-size: 16px; font-weight: 400; line-height: 1.5; } .dp-form-field_agreement { padding-left: 31px; position: relative; min-height: 16px; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.4; } .dp-form-field_agreement input[type=checkbox] + label { padding-left: 0; position: absolute; left: 0; top: 2px; } .dp-form-field_agreement input[type=checkbox] + label span { display: none; } .dp-form-field_agreement > span, .dp-form-field_agreement > p { font-weight: 400; margin-top: 0 !important; margin-bottom: 0 !important; } .dp-form-field_agreement > span a, .dp-form-field_agreement > p a { text-decoration: underline; -webkit-transition: color 0.24s; transition: color 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-form-field_agreement > span a:hover, .dp-form-field_agreement > p a:hover { text-decoration: none; } .dp-form-error { font-size: 14px; font-weight: 400; margin-top: 15px; } .dp-form-error + .dp-form-error { margin-top: 10px; } .dp-form-field-files { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .dp-form-field-files-item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } .dp-form-field-files-item__main { position: relative; } .dp-form-field-files-item__input { width: 100%; height: 60px; position: absolute; z-index: 2; top: 0; opacity: 0; cursor: pointer; } .dp-form-field-files-item__input:hover + .dp-form-field-files-item__btn, .dp-form-field-files-item__input:active + .dp-form-field-files-item__btn { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; } .dp-form-field-files-item__btn { 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; height: 60px; border-radius: 16px; border: 1px solid #b1b1b1; cursor: pointer; font-size: 16px; font-weight: 500; padding: 0 20px; outline: 0; background-color: #ffffff; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-color, box-shadow; } .dp-form-field-files-item__btn:hover, .dp-form-field-files-item__btn:active { border-color: #1421b0; -webkit-box-shadow: inset 0 0 0 1px #1421b0; box-shadow: inset 0 0 0 1px #1421b0; } .dp-form-field-files-item__btn-icon { display: block; width: 17px; height: 16px; margin-left: 10px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4974 4.50075V11.5541C11.4974 12.9474 10.4774 14.1874 9.09073 14.3207C7.4974 14.4741 6.16406 13.2274 6.16406 11.6674V3.42742C6.16406 2.55408 6.79073 1.76075 7.6574 1.67408C8.6574 1.57408 9.4974 2.35408 9.4974 3.33408V10.3341C9.4974 10.7007 9.1974 11.0007 8.83073 11.0007C8.46406 11.0007 8.16406 10.7007 8.16406 10.3341V4.50075C8.16406 4.22742 7.9374 4.00075 7.66406 4.00075C7.39073 4.00075 7.16406 4.22742 7.16406 4.50075V10.2407C7.16406 11.1141 7.79073 11.9074 8.6574 11.9941C9.6574 12.0941 10.4974 11.3141 10.4974 10.3341V3.44742C10.4974 2.05408 9.4774 0.814082 8.09073 0.680748C6.50406 0.527415 5.16406 1.77408 5.16406 3.33408V11.5141C5.16406 13.4274 6.56406 15.1407 8.47073 15.3207C10.6641 15.5207 12.4974 13.8141 12.4974 11.6674V4.50075C12.4974 4.22742 12.2707 4.00075 11.9974 4.00075C11.7241 4.00075 11.4974 4.22742 11.4974 4.50075Z' fill='%231D1D1D'/%3E%3C/svg%3E"); } .dp-form-field-files-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; } .dp-form-field-files-item__info-label { letter-spacing: -0.02em; } .dp-form-field-files-item__delete { display: block; cursor: pointer; padding: 0; background: none; border: 0; outline: 0; } .dp-form-field-files-item__delete .icon { display: block; width: 15px; height: 17px; fill: #b1b1b1; margin-left: 12px; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-form-field-files-item__delete:hover .icon { fill: #ff0000; } .dp-form-field-files-item_added { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; margin-right: 20px; } .dp-form-field-files-item_added .dp-form-field-files-item__main { display: none; } .dp-form-field-files-item_added .dp-form-field-files-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1519px) { .dp-form .dp-btn { height: 48px; font-size: 14px; } .dp-form input[type=text], .dp-form input[type=tel], .dp-form input[type=email], .dp-form input[type=url], .dp-form input[type=number], .dp-form input[type=password] { font-size: 14px; padding: 0 20px; height: 48px; border-radius: 20px; } .dp-form textarea { min-height: 160px; height: 160px; padding: 14px 20px; font-size: 14px; } .dp-form-field_agreement { font-size: 14px; } .dp-form-field_agreement input[type=checkbox] + label { top: 0; } .dp-form-field-files-item__btn { height: 48px; font-size: 14px; } } @media (max-width: 991px) { .dp-form__footer { font-size: 14px; margin-top: 25px; } .dp-form__note { margin-top: 25px; } .dp-form .dp-btn { height: 48px; } .dp-form-field-error { font-size: 16px; margin-top: 10px; } .dp-form-field { margin-bottom: 20px; } .dp-form-field__label { margin-bottom: 12px; font-size: 16px; } .dp-form-error { font-size: 14px; margin-top: 15px; } .dp-form-error + .dp-form-error { margin-top: 10px; } .dp-form-field-files { margin-bottom: 0; } } @media (max-width: 575px) { .dp-form textarea { min-height: 120px; height: 120px; } } .constact-form { padding: 30px; border-radius: 30px; background-color: #1421b0; } .constact-form__title { margin-bottom: 20px; font-size: 32px; line-height: 1.2; font-weight: 600; color: #ffffff; } .constact-form__wrapper { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .constact-form__wrapper .constact-form__input { margin-bottom: 0; } .constact-form__input { margin-bottom: 20px; font-size: 16px; line-height: 100%; width: 100%; } .constact-form__input input, .constact-form__input textarea { padding: 20px 28px; border: none; outline: none; width: 100%; border-radius: 20px; } .constact-form__input input::-webkit-input-placeholder, .constact-form__input textarea::-webkit-input-placeholder { font-size: 16px; line-height: 100%; color: #b1b1b1; } .constact-form__input input::-moz-placeholder, .constact-form__input textarea::-moz-placeholder { font-size: 16px; line-height: 100%; color: #b1b1b1; } .constact-form__input input:-ms-input-placeholder, .constact-form__input textarea:-ms-input-placeholder { font-size: 16px; line-height: 100%; color: #b1b1b1; } .constact-form__input input::-ms-input-placeholder, .constact-form__input textarea::-ms-input-placeholder { font-size: 16px; line-height: 100%; color: #b1b1b1; } .constact-form__input input::placeholder, .constact-form__input textarea::placeholder { font-size: 16px; line-height: 100%; color: #b1b1b1; } .constact-form__textarea { width: 100%; height: 180px; min-height: 180px; resize: none; border-radius: 20px; } .constact__agreement_checkbox { padding-left: 31px; position: relative; font-size: 16px; line-height: 100%; font-weight: 500; color: #ffffff; cursor: pointer; } .constact__agreement_checkbox::before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #ffffff; border-radius: 4px; } .constact__agreement_input:checked + .constact__agreement_checkbox::after { content: ""; position: absolute; width: 9px; height: 6px; left: 4px; top: 4px; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .constact__agreement { margin-bottom: 20px; } .constact__agreement a { font-size: 16px; line-height: 100%; font-weight: 500; color: #ffffff; text-decoration: underline; } .constact-form__submit { padding: 15px 28px; font-size: 16px; line-height: 100%; border: 1px solid #ffffff; height: 48px; } @media (max-width: 1519px) { .constact-form__title { font-size: 20px; } .constact-form__input input, .constact-form__input textarea { padding: 15px 20px; } .constact__agreement_checkbox { font-size: 14px; } .constact__agreement a { font-size: 14px; } .constact-form__submit { padding: 12px 20px 15px; font-size: 14px; height: 42px; } } @media (max-width: 1199px) { .constact__agreement_checkbox { font-size: 16px; } .constact__agreement a { font-size: 16px; } } @media (max-width: 767px) { .constact-form { padding: 20px; border-radius: 20px; } .constact-form__wrapper { margin-bottom: 20px; display: block; } .constact-form__wrapper .constact-form__input { margin-bottom: 20px; } .constact-form__submit { width: 100%; } } .dp-socials { font-size: 24px; font-weight: 600; } .dp-socials__list { margin: 0 0 0 40px; list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 51px; } .dp-socials__item a { font-size: 16px; line-height: 1.5; font-weight: 500; color: #000000; text-decoration: underline; } @media (max-width: 1519px) { .dp-socials { font-size: 20px; } .dp-socials__item a { font-size: 14px; } } @media (max-width: 1199px) { .dp-socials__item a { font-size: 16px; } } @media (max-width: 767px) { .dp-socials__list { margin: 18px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px 18px; } .dp-socials__item a { font-size: 14px; } } .dp-modal { display: none; position: fixed; z-index: 1200; top: 0; left: 0; right: 0; bottom: 0; white-space: nowrap; text-align: center; padding: 60px; overflow: auto; color: #000000; line-height: 1.6; font-size: 0; -webkit-overflow-scrolling: touch; } .dp-modal:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; line-height: 100%; } .dp-modal__overlay { position: fixed; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #111111; opacity: 0.5; } .dp-modal__dialog { font-family: "Montserrat", sans-serif; padding: 0; font-size: 20px; line-height: 1.5; font-weight: 500; color: #111111; text-align: left; background-color: #eeeeee; width: 100%; max-width: 900px; position: relative; z-index: 2; display: inline-block; border: 2px solid #eeeeee; vertical-align: middle; white-space: normal; -webkit-box-shadow: none; box-shadow: none; border-radius: 20px; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-modal__header { padding: 30px 60px 20px 30px; border-bottom: 1px solid #b1b1b1; } .dp-modal__title { margin-top: 0; margin-bottom: 0; } .dp-modal__close { display: block; outline: 0; border: 0; width: 24px; height: 24px; position: absolute; z-index: 3; right: 30px; top: 30px; background-color: transparent; cursor: pointer; padding: 0; } .dp-modal__close svg { display: block; width: 18px; height: 18px; margin: 3px; fill: #111111; -webkit-transition: all 0.3s; transition: all 0.3s; } .dp-modal__close:hover svg { fill: #1421b0; } .dp-modal__body { position: relative; padding: 30px; } #modal-search { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background-color: #eeeeee; } #modal-search .dp-header { position: relative; } .dp-modal-login .dp-modal__dialog { padding: 30px; width: 420px; background-color: #ffffff; } .dp-modal-login h3 { margin-bottom: 20px; } .dp-modal-login__list { margin: 0; } .dp-modal-login__item:not(:last-of-type) { margin-bottom: 20px; } .dp-modal-login__link { padding: 4px 10px; 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-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; border: 2px solid #dedede; border-radius: 20px; font-size: 16px; line-height: 1.5; font-weight: 500; color: #111111; cursor: pointer; } .dp-modal-login__link:hover { color: #111111; border: 2px solid #1421b0; } .dp-modal-login__link p { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .dp-modal-login__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 40px); flex: 0 0 calc(50% - 40px); width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-modal-login__image svg { width: 24px; height: 24px; fill: #b1b1b1; } .dp-modal-authorization .dp-modal__dialog { padding: 30px; width: 558px; background-color: #ffffff; } .dp-modal-authorization h3 { margin: 0; } .dp-modal-authorization a { font-size: 16px; line-height: 100%; font-weight: 500; color: #111111; display: inline-block; } .dp-modal-authorization a:hover { color: #1421b0; } .dp-modal-authorization .modal-authorization__forgot { color: #1421b0; } .modal-authorization__enter { margin-bottom: 30px; padding-left: 20px; position: relative; } .modal-authorization__enter::before { position: absolute; content: ""; left: 3px; top: calc(50% - 7px); width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #1421b0; border-bottom: 7px solid transparent; } .modal-authorization__wrapper { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .modal-authorization__reg { padding: 11px 18px 9px; border: 1px solid #b1b1b1; border-radius: 16px; } .modal-authorization__reg:hover { border: 1px solid #1421b0; } .modal-form__input { margin-bottom: 20px; } .order__input { padding: 20px 28px; width: 100%; border: 1px solid #b1b1b1; border-radius: 20px; font-size: 16px; line-height: 100%; font-weight: 500; color: #b1b1b1; } .order__input:active, .order__input:focus { color: #111111; border: 1px solid #1421b0; outline: 1px solid #1421b0; } .dp-form__submit { margin-bottom: 30px; width: 100%; } .modal-authorization__forgot { text-decoration: underline; } .modal-form__policy { margin-bottom: 20px; font-size: 16px; line-height: 100%; font-weight: 500; color: #111111; } .modal-form__policy .modal-form__policy-link { color: #1421b0; text-decoration: underline; } .modal-form__policy-checkbox { margin: 0; padding-left: 28px; position: relative; } .modal-form__policy-checkbox::before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 4px; background-color: #ffffff; border: 1px solid #b1b1b1; } .modal-form__policy-checkbox:hover::before { border: 1px solid #b1b1b1; } .modal-form__policy-input { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; -webkit-overflow-scrolling: touch; } .modal-form__policy-input:checked + .modal-form__policy-checkbox::before { border: 1px solid #1421b0; background-color: #1421b0; } .modal-form__policy-input:checked + .modal-form__policy-checkbox::after { position: absolute; content: ""; left: 5px; top: 3px; width: 6px; height: 8px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1799px) { .dp-modal__dialog { max-width: 740px; font-size: 18px; } } @media (max-width: 1199px) { .dp-modal { padding: 30px 24px; } .dp-modal__dialog { max-width: 720px; } } @media (max-width: 767px) { .dp-modal__header { padding: 30px 60px 20px 20px; } .dp-modal__close { right: 20px; top: 20px; } .dp-modal__body { padding: 20px; } .dp-modal__dialog { font-size: 16px; } } @-webkit-keyframes modal-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes modal-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .dp-modal-series { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; opacity: 0; -webkit-overflow-scrolling: touch; } .dp-modal-series.dp-modal_active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-animation: modal-fade-in 0.3s; animation: modal-fade-in 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dp-modal-series:before { display: none; } .dp-modal-series .dp-modal__dialog { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 640px; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dp-modal-series .dp-modal__header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 100%; } .dp-modal-series .dp-modal__body { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; overflow: auto; -webkit-overflow-scrolling: touch; } .dp-modal-series__list { margin: -10px 0; } .dp-modal-series#modal-series-ral .dp-modal-series__list { margin-top: -5px; margin-bottom: -5px; } .dp-modal-series__item input[type=checkbox] { display: none; } .dp-modal-series .dp-series-model-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; cursor: pointer; background-color: rgba(222, 222, 222, 0); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; margin: 0; padding: 10px 40px 10px 30px; position: relative; } .dp-modal-series .dp-series-model-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 140px; margin-right: 40px; } .dp-modal-series .dp-series-model-item__image picture, .dp-modal-series .dp-series-model-item__image img { display: block; width: 100%; } .dp-modal-series .dp-series-model-item__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .dp-modal-series input[type=checkbox]:checked + .dp-series-model-item { background-color: #ffffff; } .dp-modal-series input[type=checkbox]:checked + .dp-series-model-item:before { content: ""; position: absolute; right: 24px; width: 7px; top: 50%; margin-top: -7px; height: 16px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .dp-modal-series .dp-series-hexagon-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; cursor: pointer; background-color: rgba(222, 222, 222, 0); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; margin: 0; padding: 10px 40px 10px 30px; position: relative; } .dp-modal-series .dp-series-hexagon-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 120px; height: 140px; margin-right: 40px; } .dp-modal-series .dp-series-hexagon-item__image picture, .dp-modal-series .dp-series-hexagon-item__image img { display: block; width: 100%; height: 100%; } .dp-modal-series .dp-series-hexagon-item__image img { -o-object-fit: cover; object-fit: cover; -webkit-clip-path: path("M4.95635 32.151L54.9563 2.946C58.0725 1.12587 61.9275 1.12587 65.0437 2.946L115.044 32.151C118.113 33.9438 120 37.2313 120 40.7859V99.2985C120 102.857 118.109 106.148 115.034 107.939L65.0338 137.068C61.9226 138.88 58.0774 138.88 54.9662 137.068L4.96624 107.939C1.89127 106.148 0 102.857 0 99.2985V40.7859C0 37.2313 1.88697 33.9438 4.95635 32.151Z"); clip-path: path("M4.95635 32.151L54.9563 2.946C58.0725 1.12587 61.9275 1.12587 65.0437 2.946L115.044 32.151C118.113 33.9438 120 37.2313 120 40.7859V99.2985C120 102.857 118.109 106.148 115.034 107.939L65.0338 137.068C61.9226 138.88 58.0774 138.88 54.9662 137.068L4.96624 107.939C1.89127 106.148 0 102.857 0 99.2985V40.7859C0 37.2313 1.88697 33.9438 4.95635 32.151Z"); } .dp-modal-series .dp-series-hexagon-item__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .dp-modal-series input[type=checkbox]:checked + .dp-series-hexagon-item { background-color: #ffffff; } .dp-modal-series input[type=checkbox]:checked + .dp-series-hexagon-item:before { content: ""; position: absolute; right: 24px; width: 7px; top: 50%; margin-top: -7px; height: 16px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .dp-modal-series .dp-series-color-sample-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; cursor: pointer; background-color: rgba(222, 222, 222, 0); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; margin: 0; padding: 5px 40px 5px 30px; font-size: 14px; position: relative; } .dp-modal-series .dp-series-color-sample-item__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; margin-right: 7px; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-modal-series .dp-series-color-sample-item__icon img { display: block; width: 100%; height: 100%; } .dp-modal-series .dp-series-color-sample-item__icon img { -o-object-fit: cover; object-fit: cover; } .dp-modal-series .dp-series-color-sample-item__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .dp-modal-series input[type=checkbox]:checked + .dp-series-color-sample-item { background-color: #ffffff; } .dp-modal-series input[type=checkbox]:checked + .dp-series-color-sample-item:before { content: ""; position: absolute; right: 24px; width: 7px; top: 50%; margin-top: -7px; height: 16px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } @media (max-width: 1799px) { .dp-modal-series .dp-modal__dialog { height: 480px; } .dp-modal-series .dp-series-model-item__image { width: 100px; margin-right: 30px; } .dp-modal-series .dp-series-hexagon-item__image { width: 83px; height: 93px; margin-right: 30px; } .dp-modal-series .dp-series-hexagon-item__image img { -webkit-clip-path: path("M4.96979 20.3881L34.9698 2.92765C38.0791 1.11798 41.9209 1.11798 45.0302 2.92765L75.0302 20.3881C78.1072 22.1789 80 25.4706 80 29.0308V64.0227C80 67.587 78.1029 70.8818 75.0203 72.6712L45.0203 90.0858C41.916 91.8878 38.084 91.8878 34.9797 90.0858L4.97968 72.6712C1.89712 70.8818 0 67.587 0 64.0227V29.0308C0 25.4706 1.89281 22.1789 4.96979 20.3881Z"); clip-path: path("M4.96979 20.3881L34.9698 2.92765C38.0791 1.11798 41.9209 1.11798 45.0302 2.92765L75.0302 20.3881C78.1072 22.1789 80 25.4706 80 29.0308V64.0227C80 67.587 78.1029 70.8818 75.0203 72.6712L45.0203 90.0858C41.916 91.8878 38.084 91.8878 34.9797 90.0858L4.97968 72.6712C1.89712 70.8818 0 67.587 0 64.0227V29.0308C0 25.4706 1.89281 22.1789 4.96979 20.3881Z"); } } @media (max-width: 1519px) { .dp-modal-login__link { padding: 1px 10px; } .dp-modal-login__image { width: 42px; height: 42px; } .modal-authorization h3 { font-size: 20px; } .modal-authorization a { font-size: 14px; } .order__input { padding: 14px 20px; font-size: 14px; } .dp-form__submit { width: auto; } .modal-form__policy { font-size: 14px; } } @media (max-width: 1199px) { .dp-modal-series .dp-modal__dialog { height: 640px; } .dp-modal-series .dp-series-hexagon-item__image { width: 103px; height: 120px; } .dp-modal-series .dp-series-hexagon-item__image img { -webkit-clip-path: path("M4.96157 27.1454L46.4616 2.93887C49.5751 1.1228 53.4249 1.1228 56.5384 2.93887L98.0384 27.1454C101.111 28.9375 103 32.2266 103 35.7834V84.2879C103 87.8488 101.106 91.141 98.0285 92.9316L56.5285 117.075C53.4201 118.883 49.5799 118.883 46.4715 117.075L4.97145 92.9316C1.89354 91.141 0 87.8488 0 84.2879V35.7834C0 32.2266 1.88923 28.9375 4.96157 27.1454Z"); clip-path: path("M4.96157 27.1454L46.4616 2.93887C49.5751 1.1228 53.4249 1.1228 56.5384 2.93887L98.0384 27.1454C101.111 28.9375 103 32.2266 103 35.7834V84.2879C103 87.8488 101.106 91.141 98.0285 92.9316L56.5285 117.075C53.4201 118.883 49.5799 118.883 46.4715 117.075L4.97145 92.9316C1.89354 91.141 0 87.8488 0 84.2879V35.7834C0 32.2266 1.88923 28.9375 4.96157 27.1454Z"); } } @media (max-width: 991px) { .modal-authorization h3 { font-size: 32px; } .modal-authorization a { font-size: 16px; } .order__input { padding: 14px 20px; font-size: 16px; } .modal-form__policy { font-size: 16px; } } @media (max-width: 767px) { .dp-modal-series .dp-series-model-item { padding-left: 20px; } .dp-modal-series .dp-series-model-item__image { width: 56px; margin-right: 20px; } .dp-modal-series .dp-series-hexagon-item { padding-left: 20px; } .dp-modal-series .dp-series-hexagon-item__image { width: 70px; height: 82px; margin-right: 20px; } .dp-modal-series .dp-series-hexagon-item__image img { -webkit-clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); } .dp-modal-series .dp-series-color-sample-item { padding-left: 20px; } .dp-modal-login .dp-modal__dialog { width: 327px; } .dp-modal-authorization .dp-modal__dialog { padding: 20px; width: 327px; } .dp-modal-authorization h3 { font-size: 20px; } .dp-modal-authorization a { font-size: 14px; } .dp-modal-authorization .order__input { font-size: 14px; } } .dp-modal-login__forgot-password { display: inline-block; vertical-align: top; max-width: 100%; margin-top: 30px; color: #1421b0; font-size: 16px; } .dp-modal-login__forgot-password:hover { text-decoration: underline; } @media (max-width: 767px) { .dp-modal-login__forgot-password { font-size: 14px; } } .dp-modal-forgot-password .dp-modal__dialog { max-width: 420px; } .dp-modal-forgot-password .dp-form__submit { width: 100%; margin-bottom: 0; } .dp-header { position: absolute; left: 0; width: 100%; top: 0; background-color: #eeeeee; color: #111111; z-index: 100; padding: 35px 0; } .dp-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dp-header-logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 240px; height: auto; margin-right: 20%; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-header-logo__img { display: block; max-width: 100%; height: auto; } .dp-header-logo:focus, .dp-header-logo:hover { text-decoration: none; opacity: 0.7; } .dp-header-menu { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; line-height: 1.25; font-weight: 500; } .dp-header-menu__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-header-menu__item { position: relative; margin-right: 40px; } .dp-header-menu__item:last-child { margin-right: 0; } .dp-header-menu__item_active .dp-header-menu__link { color: #1421b0; } .dp-header-menu__link { white-space: nowrap; color: #111111; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-header-menu__link:hover { color: #1421b0; } .dp-header-menu__link:not(:only-child) { position: relative; padding-right: 24px; } .dp-header-menu__link:not(:only-child):after { content: ""; position: absolute; right: 0; top: 50%; border: 7px solid transparent; border-bottom-width: 0; border-top-color: #1421b0; border-top-width: 6px; margin-top: -2px; } .dp-header-menu__item.active .dp-header-menu__link:not(:only-child):after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dp-header-personal-menu { margin-left: auto; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; line-height: 1.5; } .dp-header-personal-menu__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dp-header-personal-menu__item { position: relative; margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .dp-header-personal-menu__item:last-child { margin-right: 0; } .dp-header-personal-menu__link { display: block; width: auto; height: auto; color: #111111; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-header-personal-menu__link .icon { display: block; width: 32px; height: 32px; fill: #111111; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-header-personal-menu__link .icon.icon-search { width: 18px; height: 18px; } .dp-header-personal-menu__link:hover { color: #1421b0; } .dp-header-personal-menu__link:hover .icon { fill: #1421b0; } .dp-header-personal-menu__link .badge { font-size: 12px; line-height: 24px; font-weight: 400; padding: 0 7px; border-radius: 9px; margin: 0 5px; } .dp-header-personal-menu__link .badge:first-child { margin-left: 0; } .dp-header-personal-menu__link .badge:last-child { margin-right: 0; } .dp-header-personal-menu__item.item--account .dp-header-personal-menu__link { position: relative; padding-right: 24px; } .dp-header-personal-menu__item.item--account .dp-header-personal-menu__link span { display: block; white-space: nowrap; overflow: hidden; max-width: 100px; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; } .dp-header-personal-menu__item.item--account .dp-header-personal-menu__link:after { content: ""; position: absolute; right: 0; top: 50%; border: 7px solid transparent; border-bottom-width: 0; border-top-color: #1421b0; border-top-width: 6px; margin-top: -2px; } .dp-header-personal-menu__item.item--account.active .dp-header-personal-menu__link:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dp-header-toggle-btn { display: block; position: relative; width: 26px; height: 26px; background-color: transparent; border: 0; outline: 0; cursor: pointer; z-index: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-header-toggle-btn span { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 2px; background-color: #111111; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; } .dp-header-toggle-btn span:before, .dp-header-toggle-btn span:after { content: ""; display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #111111; -webkit-transition: background-color 0.3s 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s 0.3s, transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s; transition: background-color 0.3s 0.3s, transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, transform, top, bottom; } .dp-header-toggle-btn span:before { top: -8px; } .dp-header-toggle-btn span:after { bottom: -8px; } .dp-header-toggle-btn:hover span { background-color: #1421b0; } .dp-header-toggle-btn:hover span:before, .dp-header-toggle-btn:hover span:after { background-color: #1421b0; } @media (max-width: 1799px) { .dp-header { padding-top: 25px; padding-bottom: 25px; } } @media (max-width: 1519px) { .dp-header { padding-top: 15px; padding-bottom: 15px; } .dp-header-logo { margin-right: 5%; } } @media (max-width: 1199px) { .dp-header-menu { display: none; } .dp-header-personal-menu__item.item--statement { display: none; } } @media (max-width: 767px) { .dp-header { padding-top: 14px; padding-bottom: 14px; } .dp-header-logo { width: 153px; } .dp-header-menu { display: none; } .dp-header-personal-menu__item { margin-right: 25px; } .dp-header-personal-menu { font-size: 14px; } .dp-header-personal-menu__item.item--account .dp-header-personal-menu__link { padding-right: 16px; } .dp-header-personal-menu__item.item--account .dp-header-personal-menu__link span { max-width: 40px; } } .mega { padding: 162px 80px 80px; position: absolute; left: 50%; top: 0; background-color: #1421b0; z-index: 101; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #ffffff; white-space: normal; } .mega a { font-size: 20px; line-height: 1.5; font-weight: 500; color: #ffffff; } .mega a:hover { color: rgba(255, 255, 255, 0.6); } .mega__close { 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; outline: 0; border: 0; width: 48px; height: 48px; position: absolute; z-index: 1; right: 80px; top: 60px; background-color: transparent; cursor: pointer; padding: 0; } .mega__close svg { display: block; width: 24px; height: 24px; margin: 0; fill: #ffffff; -webkit-transition: all 0.3s; transition: all 0.3s; } .mega__close:hover svg { fill: rgba(255, 255, 255, 0.6); } .mega__wrapper { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; max-width: 1920px; } .mega__contacts { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 80px; } .mega__contacts a { font-size: 32px; line-height: 1.2; } .mega__list { margin: 0; } .mega__item { margin-bottom: 30px; text-align: left; } .mega__item a { display: inline-block; font-size: 70px; line-height: 100%; font-weight: 600; color: #dedede; position: relative; } .mega__item a:hover { padding-left: 36px; } .mega__item a:hover::before { position: absolute; content: ""; left: 0; top: calc(50% - 20px); width: 0; height: 0; border-top: 20px solid transparent; border-left: 16px solid #ffffff; border-bottom: 20px solid transparent; } .mega__item:last-child { margin-bottom: 0; } .mega__menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mega__name-enters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .mega__name-enter { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mega__name-enter svg { width: 32px; height: 32px; fill: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; } .mega__name-enter:hover svg { fill: rgba(255, 255, 255, 0.6); } .mega__about-list { margin: auto 0 65px; } .mega__about-item, .mega__service-item { margin-bottom: 10px; text-align: right; } .mega__about-item:last-child, .mega__service-item:last-child { margin-bottom: 0; } .mega__service-list { margin: 0; } .mega__name { font-size: 20px; line-height: 1.5; margin-bottom: 10px; text-align: right; } .mega__name-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 10px; } .mega__name-links .mega__name-link { padding: 10px 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 100%; text-align: right; border: 1px solid #ffffff; border-radius: 16px; height: 38px; } .mega__name-links .mega__name-link span { margin-left: 10px; font-size: 12px; line-height: 100%; color: #111111; padding: 6px 4px; background-color: #ffffff; display: inline-block; border-radius: 9px; -webkit-transition: 0.3s; transition: 0.3s; } .mega__name-links .mega__name-link:hover { border: 1px solid rgba(255, 255, 255, 0.6); } .mega__name-links .mega__name-link:hover span { background-color: rgba(255, 255, 255, 0.6); } .mega__name-links .mega__name-exit { font-size: 16px; line-height: 100%; text-decoration: underline; } .mega__name-links .mega__name-exit:hover { text-decoration: none; } @media (max-width: 1519px) { .mega { padding: 185px 50px 50px; } .mega a { font-size: 18px; } .mega__close { width: 32px; height: 32px; right: 50px; top: 40px; } .mega__close svg { width: 20px; height: 20px; } .mega__contacts a { font-size: 20px; } .mega__item a { font-size: 32px; } .mega__item a:hover::before { top: calc(50% - 15px); border-top: 15px solid transparent; border-left: 12px solid #ffffff; border-bottom: 15px solid transparent; } .mega__about-list { margin: auto 0 40px; } .mega__name-enters .mega__name-enter { font-size: 20px; } .mega__name-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mega__name-links .mega__name-link { padding: 10px 16px; font-size: 14px; height: 36px; } } @media (max-width: 1199px) { .mega { padding: 96px 24px 109px 24px; } .mega__close { width: 32px; height: 32px; right: 24px; top: 24px; } .mega__wrapper { display: block; } .mega__menu { margin-bottom: 80px; } .mega__menus { display: block; } .mega__name-enters { margin-bottom: 80px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .mega__about-item, .mega__service-item { text-align: left; } .mega__name { margin-bottom: 20px; text-align: left; } .mega__name-links { margin-bottom: 80px; } } @media (max-width: 767px) { .mega { padding: 76px 24px 40px 24px; } .mega__contacts { margin-bottom: 70px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .mega__name-links { -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; } } .dp-footer { color: #ffffff; line-height: 1.2; background-color: #1421b0; padding-top: 20px; padding-bottom: 40px; } .dp-footer-top { margin-bottom: 40px; } .dp-footer-company { text-align: center; margin-bottom: 40px; font-size: 260px; line-height: 1; font-weight: 600; margin-left: -0.09em; } .dp-footer-menu { margin-bottom: 40px; } .dp-footer-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dp-footer-menu__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .dp-footer-menu__link { font-weight: 500; color: #ffffff; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; text-decoration: none; } .dp-footer-menu__link:hover, .dp-footer-menu__link:focus { color: #ffffff; text-decoration: none; } .dp-footer-menu__link:hover { opacity: 0.6; } .dp-footer-image { margin-bottom: 40px; } .dp-footer-image img { margin-left: auto; margin-right: auto; width: 866px; height: auto; mix-blend-mode: darken; } .dp-footer-middle { margin-bottom: 80px; } .dp-footer-middle > .row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: -40px; } .dp-footer-middle > .row > .col, .dp-footer-middle > .row > [class^=col-] { margin-bottom: 40px; } .dp-footer-address { text-align: left; line-height: 1.7; margin-top: -0.25em; margin-bottom: -0.25em; max-width: 400px; } .dp-footer-social__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; list-style: none; } .dp-footer-social__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 0; } .dp-footer-social__link { color: #ffffff; display: inline; border-bottom: 1px solid #ffffff; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-bottom-color; } .dp-footer-social__link:hover, .dp-footer-social__link:focus { color: #ffffff; } .dp-footer-social__link:hover { border-bottom-color: transparent; } .dp-footer-contacts { text-align: right; line-height: 1.7; margin-top: -0.25em; margin-bottom: -0.25em; } .dp-footer-contacts a { color: #ffffff; display: inline; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; text-decoration: none; } .dp-footer-contacts a:hover, .dp-footer-contacts a:focus { text-decoration: none; } .dp-footer-contacts a:hover { opacity: 0.6; } .dp-footer-contacts a[href^="mailto:"] { border-bottom: 1px solid #ffffff; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-bottom-color; } .dp-footer-contacts a[href^="mailto:"]:hover, .dp-footer-contacts a[href^="mailto:"]:focus { color: #ffffff; } .dp-footer-contacts a[href^="mailto:"]:hover { border-bottom-color: transparent; opacity: 1; } .dp-footer-bottom { font-size: 14px; line-height: 1.5; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .dp-footer-bottom > .row { margin-bottom: -40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dp-footer-bottom > .row > .col, .dp-footer-bottom > .row > [class^=col-] { margin-bottom: 40px; } .dp-footer-privacy a { color: inherit; text-decoration: none; } .dp-footer-privacy a:focus { color: inherit; text-decoration: none; } .dp-footer-privacy a:hover { text-decoration: none; color: #ffffff; } .dp-footer-developer { color: #ffffff; } .dp-footer-developer a { color: inherit; text-decoration: none; border-bottom: 1px solid #ffffff; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: border-bottom-color; } .dp-footer-developer a:focus { color: inherit; text-decoration: none; } .dp-footer-developer a:hover { text-decoration: none; color: inherit; border-bottom-color: transparent; } .dp-footer-info { max-width: 1200px; } .dp-page-designers .dp-footer-top:before { content: ""; display: block; width: 100%; height: 1px; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; margin-top: -20px; } @media (max-width: 1799px) { .dp-footer-company { font-size: 210px; } } @media (max-width: 1519px) { .dp-footer-company { font-size: 160px; } .dp-footer-image img { width: 736px; } } @media (max-width: 1199px) { .dp-footer-company { font-size: 105px; } .dp-footer-col_social { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .dp-footer-social__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -25px; margin-left: -25px; } .dp-footer-social__item { padding-right: 25px; padding-left: 25px; } .dp-footer-image img { width: 555px; } } @media (max-width: 767px) { .dp-footer { font-size: 16px; } .dp-footer-company { font-size: 46px; } .dp-footer-middle > .row { margin-bottom: -30px; } .dp-footer-middle > .row > .col, .dp-footer-middle > .row > [class^=col-] { margin-bottom: 30px; } .dp-footer-address { text-align: center; max-width: none; } .dp-footer-col_social { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } .dp-footer-social__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; margin-left: -10px; } .dp-footer-social__item { padding-right: 10px; padding-left: 10px; } .dp-footer-contacts { text-align: center; } .dp-footer-image img { width: auto; } .dp-footer-bottom { font-size: 12px; } .dp-footer-bottom > .row { margin-bottom: -10px; } .dp-footer-bottom > .row > .col, .dp-footer-bottom > .row > [class^=col-] { margin-bottom: 10px; } .dp-footer-info { margin-top: 30px; } } .dp-qnt-field { width: 230px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dp-qnt-field__input { display: block; width: 72px; height: 48px; color: #111111; background-color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; border: 1px solid #ffffff; border-radius: 16px; outline: none; text-align: center; } .dp-qnt-field__input:focus { border-color: #1421b0; } .dp-qnt-field__btn { display: block; position: relative; z-index: 1; width: 72px; height: 48px; outline: none; border: 0; background-color: #ffffff; border-radius: 16px; text-align: center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; } .dp-qnt-field__btn:before, .dp-qnt-field__btn:after { display: block; background-color: #111111; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; } .dp-qnt-field__btn:before { content: ""; width: 14px; height: 2px; } .dp-qnt-field__btn:after { width: 2px; height: 14px; } .dp-qnt-field__btn:hover { background-color: #1421b0; } .dp-qnt-field__btn:hover:before, .dp-qnt-field__btn:hover:after { background-color: #ffffff; } .dp-qnt-field__btn_plus:after { content: ""; } .dp-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; cursor: pointer; margin: 0; } .dp-switch__input { display: none; } .dp-switch__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48px; height: 28px; margin-right: 10px; border-radius: 14px; position: relative; background-color: #bcbcbc; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; } .dp-switch__icon:before { background-color: #ffffff; content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; -webkit-transition: left 0.3s; transition: left 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left; top: 50%; margin-top: -8px; left: 6px; } .dp-switch__input:checked + .dp-switch__icon { background-color: #1421b0; } .dp-switch__input:checked + .dp-switch__icon:before { left: 26px; } .dp-switch__value { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } @media (max-width: 1519px) { .dp-switch { font-size: 14px; } } @media (max-width: 1199px) { .dp-switch { font-size: 16px; } } @media (max-width: 767px) { .dp-switch { font-size: 14px; } } .dp-aside__title { margin-bottom: 30px; } .dp-aside .dp-page__back { margin-bottom: 30px; } .dp-aside__scroll-toggler-container { position: absolute; bottom: 0; left: 0; right: 0; } .dp-aside.dp-sticky { padding-top: 30px; padding-bottom: 30px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .dp-aside.dp-sticky.dp-sticky-top { padding-top: 0; overflow-y: visible; overflow-x: visible; } .dp-aside.dp-sticky.dp-sticky-top .dp-aside__title { display: none; } .dp-aside.dp-sticky.dp-sticky-top .dp-page__back { display: none; } .dp-aside.dp-sticky.dp-sticky-bottom { padding-bottom: 0; } .aside-menu-close { display: none; position: absolute; top: 30px; right: 24px; width: 24px; height: 24px; border: none; outline: none; background-color: transparent; } .aside-menu-close::before, .aside-menu-close::after { position: absolute; content: ""; left: 50%; top: -2px; height: 28px; width: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #111111; } .aside-menu-close::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .aside-menu-close:hover::before, .aside-menu-close:hover::after { background-color: #1421b0; } .dp-aside-address, .dp-aside-date { display: block; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0; margin-top: 0; margin-bottom: 10px; } .dp-page-contacts .dp-sticky-top .aside-menu-button { position: fixed; bottom: 80px; } .dp-page-contacts .dp-sticky-fixed { 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; height: 100%; } .dp-page-contacts .dp-sticky-fixed .aside-menu-button { margin-top: auto; margin-bottom: 50px; } @media (max-width: 1199px) { .dp-aside { margin-bottom: 40px; } .dp-aside.dp-sticky { max-height: none; overflow-y: visible; overflow-x: visible; padding-top: 0; padding-bottom: 0; } .dp-aside .dp-aside__title { display: none; } .dp-aside .dp-page__back { display: none; } .dp-aside__scroll-toggler-container { display: none; } .aside-menu-close { display: block; } .dp-page-contacts .dp-sticky-top .aside-menu-button { position: static; bottom: 0; } .dp-page-contacts .dp-sticky-fixed { display: block; height: auto; } .dp-page-contacts .dp-sticky-fixed .aside-menu-button { margin-top: 0; margin-bottom: 0; } } @media (max-width: 767px) { .dp-aside { margin-bottom: 30px; } } @media (max-width: 1199px) { .aside-menu-button { margin-top: 0; } .dp-page-materials .dp-sticky-materials { position: absolute; left: 0; top: 0; padding: 34px 24px; display: none; background-color: #eeeeee; z-index: 101; } .dp-page-materials .dp-aside__title { display: block; font-size: 32px; } } @media (max-width: 767px) { .aside-menu-button { width: 100%; } } .dp-ui-slider { position: relative; } .dp-ui-slider:before { position: absolute; content: ""; background-color: #ffffff; } .dp-ui-slider.ui-slider-horizontal { height: 24px; margin-left: 8px; margin-right: 8px; } .dp-ui-slider.ui-slider-horizontal:before { left: -8px; right: -8px; top: 50%; height: 6px; margin-top: -3px; } .dp-ui-slider .ui-slider-handle { width: 16px; height: 16px; border-radius: 50%; background-color: #1421b0; cursor: pointer; display: block; margin-top: -8px; margin-left: -8px; position: absolute; outline: none !important; } .dp-ui-slider.ui-slider-horizontal .ui-slider-handle { top: 50%; } .dp-ui-slider .ui-slider-range { background-color: #1421b0; position: absolute; } .dp-ui-slider.ui-slider-horizontal .ui-slider-range { top: 50%; height: 6px; margin-top: -3px; } .fancybox-container .fancybox-bg { background-color: #111111; } .fancybox-container.fancybox-is-open .fancybox-bg { opacity: 0.5; } .tooltip { position: absolute; background: #ffffff; border: none; padding: 16px; font-size: 16px; line-height: 1.5; font-family: "Montserrat", sans-serif; max-width: 330px; opacity: 0; z-index: -1000; left: -1000px; top: -1000px; border-radius: 16px; } .tooltip:before { content: ""; position: absolute; width: 8px; height: 8px; border: 4px solid transparent; } .tooltip.top:before { bottom: -8px; border-bottom-width: 8px; border-top-width: 0; } .tooltip.bottom:before { top: -8px; border-bottom-width: 0; border-top-width: 8px; } .tooltip.left:before { right: 0; border-right-color: #ffffff; } .tooltip.right:before { left: 0; border-left-color: #ffffff; } .tooltip.top.left { border-bottom-right-radius: 0; } .tooltip.top.right { border-bottom-left-radius: 0; } .tooltip.bottom.left { border-top-right-radius: 0; } .tooltip.bottom.right { border-top-left-radius: 0; } .tooltip.open { opacity: 1; z-index: 100; } .tooltip p { margin-bottom: 0.4em; } .tooltip p:last-child { margin-bottom: 0; } .dropdown { background: #ffffff; border: 2px solid #ffffff; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; padding: 8px 0; overflow: hidden; font-family: inherit; font-weight: inherit; color: #111111; width: 190px; font-size: 14px; line-height: 20px; position: absolute; left: 50%; margin-left: -95px; top: 100%; margin-top: 40px; z-index: 150; display: none; -webkit-overflow-scrolling: touch; } .dropdown ul { padding: 0; margin: 0; list-style: none; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit; } .dropdown ul li { margin: 0; padding: 0; } .dropdown ul a { display: block; margin: 0; padding: 11px 28px; white-space: nowrap; color: inherit; font-size: inherit; line-height: inherit; background-color: transparent; text-align: left; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color, background-color; } .dropdown ul a:hover { background-color: #eeeeee; color: inherit; } .dropdown ul a.selected { background-color: #eeeeee; color: inherit; } .dropdown ul a.selected:hover { background-color: #eeeeee; color: inherit; } .dropdown.active { display: block; } @media (max-width: 1519px) { .dropdown { margin-top: 30px; border-radius: 16px; } } @media (max-width: 1199px) { .dropdown { margin-top: 20px; } .dropdown ul a { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .dropdown { margin-top: 10px; } .dropdown ul a { padding-left: 20px; padding-right: 20px; } } .dp-cover-page { background-color: #1421b0; height: 100vh; line-height: 1.5; } .dp-cover-page .dp-wrapper { padding-top: 0 !important; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dp-cover-page .dp-page { width: 100%; } .dp-pages-list { padding: 40px 0; font-size: 18px; font-family: "Montserrat", sans-serif; } .dp-pages-list-section { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; padding: 30px 32px 28px; border-radius: 15px; border: 1px solid rgba(0, 38, 58, 0.07); background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 38, 58, 0.2); box-shadow: 0 0 20px rgba(0, 38, 58, 0.2); } .dp-pages-list-section__title { margin-top: 0; margin-bottom: 20px; color: inherit; } .dp-pages-list-marking-section { padding: 28px 32px; margin-top: 24px; } .dp-pages-list-menu-section { position: relative; } .dp-pages-list-menu-section:before { content: ""; display: block; position: absolute; z-index: 3; right: 16px; top: 16px; width: 160px; height: 55px; background: url(/local/templates/mafmarket/css/../img/design/logo.svg) no-repeat right top; background-size: contain; } .dp-pages-list-menu { padding-left: 28px; margin: 0; font-weight: 500; } .dp-pages-list-menu li { margin-bottom: 10px; opacity: 1; color: inherit; font-weight: 500; font-size: 16px; } .dp-pages-list-menu li a { font-weight: 400; color: #1421b0; font-size: 16px; } .dp-pages-list-menu li a:focus { text-decoration: none; } .dp-pages-list-menu li a:hover { text-decoration: underline; } .dp-pages-list-menu li.disabled { opacity: 0.4; color: #bcbcbc; } .dp-pages-list-menu li.disabled a { pointer-events: none; text-decoration: none; color: #bcbcbc; } .dp-pages-list-menu li.disabled a:focus { text-decoration: none; color: #bcbcbc; } .dp-pages-list-menu li.disabled a:hover { text-decoration: none; color: #bcbcbc; } .dp-pages-list-menu li.working:after { content: ""; display: inline-block; position: relative; width: 10px; height: 10px; border-radius: 50%; margin-left: 7px; top: 0; background-color: #ff876b; } .dp-pages-list-menu li.desktop:after { content: ""; display: inline-block; position: relative; width: 10px; height: 10px; border-radius: 50%; margin-left: 7px; top: 0; background-color: #3b82f7; } .dp-pages-list-menu li.working.desktop:after { content: ""; display: inline-block; position: relative; width: 30px; height: 10px; margin-left: 7px; top: 0; border-radius: 0; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' width='30' height='12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23F0B10E'/%3E%3Ccircle cx='24' cy='6' r='6' fill='%239C78D7'/%3E%3C/svg%3E"); background-size: contain; } .dp-pages-list-menu li.completed:after { content: ""; display: inline-block; position: relative; width: 10px; height: 10px; border-radius: 50%; margin-left: 7px; top: 0; background-color: #27ae60; } .dp-pages-list-marking { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; margin: 0; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1; white-space: nowrap; } .dp-pages-list-marking__item-icon { display: block; width: 14px; height: 14px; border-radius: 50%; margin-right: 8px; } .dp-pages-list-marking__item-desc { display: block; } .dp-pages-list-marking__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .dp-pages-list-marking__item_working .dp-pages-list-marking__item-icon { background-color: #ff876b; } .dp-pages-list-marking__item_desktop .dp-pages-list-marking__item-icon { background-color: #3b82f7; } .dp-pages-list-marking__item_completed .dp-pages-list-marking__item-icon { background-color: #27ae60; } @media (max-width: 660px) { .dp-pages-list { font-size: 16px; } .dp-pages-list-section { padding: 24px 20px 20px; border-radius: 14px; max-width: 540px; } .dp-pages-list-section__title { font-size: 22px; } .dp-pages-list-menu { padding-left: 28px; } .dp-pages-list-menu li { margin-bottom: 10px; font-size: 15px; } .dp-pages-list-menu li a { font-size: 15px; } .dp-pages-list-menu-section:before { right: 12px; top: 12px; width: 140px; height: 48px; } .dp-pages-list-marking-section { margin-top: 20px; padding: 20px 24px; } .dp-pages-list-marking { display: block; font-size: 14px; } .dp-pages-list-marking li:not(:last-child) { margin-bottom: 14px; } } @media (max-width: 480px) { .dp-pages-list { padding: 24px 0; font-size: 15px; } .dp-pages-list-section { padding: 24px 16px 16px; } .dp-pages-list-section__title { font-size: 18px; margin-bottom: 18px; } .dp-pages-list-menu-section:before { top: 12px; right: 12px; width: 110px; height: 38px; } .dp-pages-list-marking-section { padding: 16px; } .dp-pages-list-menu { padding-left: 22px; } .dp-pages-list-menu li { font-size: 15px; } .dp-pages-list-menu li a { font-size: 15px; } .dp-pages-list-menu li.working:after { width: 8px; height: 8px; margin-left: 6px; } .dp-pages-list-menu li.desktop:after { width: 8px; height: 8px; margin-left: 6px; } .dp-pages-list-menu li.working.desktop:after { width: 30px; height: 8px; margin-left: 6px; } .dp-pages-list-menu li.completed:after { width: 8px; height: 8px; margin-left: 6px; } .dp-pages-list-marking { font-size: 14px; } .dp-pages-list-marking__item-icon { width: 12px; height: 12px; } .dp-pages-list-marking li:not(:last-child) { margin-bottom: 12px; } } @media (max-width: 400px) { .dp-pages-list .container { padding-left: 12px; padding-right: 12px; } .dp-pages-list-section { padding: 18px 14px 12px; } .dp-pages-list-section__title { font-size: 16px; } .dp-pages-list-menu-section:before { top: 10px; right: 8px; width: 90px; height: 32px; } .dp-pages-list-marking-section { padding: 14px; margin-top: 12px; } .dp-pages-list-menu { padding-left: 20px; } .dp-pages-list-menu li { font-size: 14px; } .dp-pages-list-menu li a { font-size: 14px; } .dp-pages-list-marking { font-size: 12px; } .dp-pages-list-marking__item-icon { width: 10px; height: 10px; margin-top: -1px; } } a.scroll-to-top { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.1s ease; transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity, visibility, background-color; position: fixed; text-align: center; text-decoration: none; width: 44px; height: 44px; border-radius: 50%; right: 40px; bottom: 40px; opacity: 0; visibility: hidden; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } a.scroll-to-top:before { content: ""; width: 12px; height: 12px; margin-top: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; border-top: 2px solid #fff; border-left: 2px solid #fff; } a.scroll-to-top.visible { opacity: 1; visibility: visible; } @media (max-width: 768px) { a.scroll-to-top { bottom: 24px; right: 24px; } } /* End */ /* Start:/local/templates/mafmarket/css/main.css?1762942691194078*/ .dp-categories-buttons__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px; list-style: none; padding: 0; } .dp-categories-buttons__item { list-style: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; margin: 0; padding: 0 10px 20px; max-width: 100%; } .dp-categories-buttons__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-decoration: none; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color, background-color; background-color: #ffffff; color: #111111; font-size: 16px; line-height: 1.5; height: 66px; padding-left: 20px; padding-right: 24px; border-radius: 20px; } .dp-categories-buttons__link:hover, .dp-categories-buttons__link:focus { text-decoration: none; } .dp-categories-buttons__link:hover { color: #ffffff; background-color: #1421b0; } .dp-categories-buttons__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 36px; margin-right: 10px; border-radius: 50%; } @media (max-width: 767px) { .categories-buttons__link { font-size: 14px; } } .dp-categories-item { display: block; position: relative; height: 620px; border-radius: 30px; overflow: hidden; color: #ffffff; text-decoration: none; -webkit-overflow-scrolling: touch; } .dp-categories-item:hover, .dp-categories-item:focus { color: #ffffff; text-decoration: none; } .dp-categories-item__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .dp-categories-item:hover .dp-categories-item__image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .dp-categories-item__header { position: absolute; top: 0; left: 0; width: 100%; max-width: 720px; padding: 50px 60px; } .dp-categories-item__title { font-weight: 500; margin-bottom: 0; } .dp-categories-item__footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 60px; } @media (max-width: 1799px) { .dp-categories-item { height: 520px; } .dp-categories-item__header { padding: 40px 50px; max-width: 600px; } .dp-categories-item__footer { padding: 40px 50px; } .dp-categories-item .dp-tags .dp-btn { height: 32px; font-size: 14px; line-height: 30px; padding: 0 14px; border-radius: 13px; } } @media (max-width: 1519px) { .dp-categories-item { height: 420px; border-radius: 20px; } .dp-categories-item__header { padding: 30px 40px; max-width: 460px; } .dp-categories-item__footer { padding: 30px 40px; } .dp-categories-item .dp-tags .dp-btn { height: 26px; font-size: 12px; line-height: 24px; padding: 0 10px; border-radius: 12px; } } @media (max-width: 1199px) { .dp-categories-item { height: 380px; } .dp-categories-item .dp-tags .dp-btn { height: 29px; font-size: 14px; line-height: 27px; } } @media (max-width: 767px) { .dp-categories-item { height: 200px; } .dp-categories-item.mobile-lg { height: 380px; } .dp-categories-item__header { padding: 20px 24px; max-width: 300px; } .dp-categories-item__footer { padding: 20px 24px; } .dp-categories-item .dp-tags .dp-btn { height: 26px; font-size: 12px; line-height: 24px; border-radius: 10px; } } .dp-services-item { 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: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; height: 640px; border-radius: 30px; overflow: hidden; color: #111111; background-color: #ffffff; text-decoration: none; -webkit-overflow-scrolling: touch; } .dp-services-item.bg-blue { background-color: #1421b0; color: #ffffff; } .dp-services-item.bg-white { background-color: #ffffff; color: #111111; } .dp-services-item__bgimage { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; } .dp-services-item__header { position: relative; width: 100%; padding: 50px 60px 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .dp-services-item__title { margin-bottom: 20px; } .dp-services-item__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 20px 60px; } .dp-services-item__image img { max-width: 100%; max-height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1799px) { .dp-services-item { height: 500px; } .dp-services-item__header { padding: 40px 50px 0; } .dp-services-item__title { margin-bottom: 15px; } .dp-services-item__image { padding-right: 50px; padding-left: 50px; } } @media (max-width: 1519px) { .dp-services-item { height: 420px; } .dp-services-item__header { padding: 30px 40px 0; } .dp-services-item__title { margin-bottom: 10px; } .dp-services-item__image { padding-right: 40px; padding-left: 40px; } } @media (max-width: 767px) { .dp-services-item__header { padding: 20px 24px; } .dp-services-item__image { padding-right: 24px; padding-left: 24px; } } .dp-about-item { display: block; position: relative; height: 840px; border-radius: 30px; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-about-item__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } @media (max-width: 1799px) { .dp-about-item { height: 700px; } } @media (max-width: 1519px) { .dp-about-item { height: 556px; } } @media (max-width: 1199px) { .dp-about-item { height: 500px; } } @media (max-width: 767px) { .dp-about-item { height: 475px; } } .dp-tags__list { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -10px; } .dp-tags__list_column { -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; -ms-flex-line-pack: start; align-content: flex-start; margin: 0 0 -10px; } .dp-tags__list_column .dp-tags__item { padding: 0 0 10px; } .dp-tags__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 5px 10px; margin: 0; } .dp-tags input[type=checkbox] { display: none; } .dp-tags label.dp-btn { margin: 0; } .dp-tags input[type=checkbox]:checked + label.dp-btn_white, .dp-tags label.dp-btn_white.selected { background-color: #1421b0; color: #ffffff; } .dp-tag { margin: 0; display: inline-block; vertical-align: top; padding: 0 17px; min-width: 38px; height: 38px; line-height: 36px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; background-color: #ffffff; color: #111111; border: 1px solid transparent; cursor: pointer; outline: 0; text-align: center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none !important; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, color, border-color; border-radius: 16px; } .dp-tag svg, .dp-tag .icon, .dp-tag span { display: inline-block; vertical-align: top; } .dp-tag svg { -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-tag svg, .dp-tag .icon { height: 36px; margin-top: 0; margin-bottom: 0; margin-left: 16px; margin-right: 16px; fill: #ffffff; width: 10px; } .dp-tag svg:first-child, .dp-tag .icon:first-child { margin-left: 0; } .dp-tag svg:last-child, .dp-tag .icon:last-child { margin-right: 0; } .dp-tag:hover, .dp-tag:active { background-color: #1421b0; color: #ffffff; border-color: transparent; } .dp-tag:hover svg, .dp-tag:hover .icon, .dp-tag:active svg, .dp-tag:active .icon { fill: #ffffff; } .dp-tag.dp-tag-blue, .dp-tag.selected { background-color: #1421b0; color: #ffffff; } .dp-tag.dp-tag-blue svg, .dp-tag.dp-tag-blue .icon, .dp-tag.selected svg, .dp-tag.selected .icon { fill: #ffffff; } .dp-tag.dp-tag-blue:hover, .dp-tag.dp-tag-blue:active, .dp-tag.selected:hover, .dp-tag.selected:active { background-color: #ffffff; color: #111111; } .dp-tag.dp-tag-blue:hover svg, .dp-tag.dp-tag-blue:hover .icon, .dp-tag.dp-tag-blue:active svg, .dp-tag.dp-tag-blue:active .icon, .dp-tag.selected:hover svg, .dp-tag.selected:hover .icon, .dp-tag.selected:active svg, .dp-tag.selected:active .icon { fill: #1421b0; } .dp-tag.tag-lg { height: 46px; line-height: 44px; border-radius: 20px; } .dp-tag.tag-lg svg, .dp-tag.tag-lg .icon { height: 44px; } .dp-tag.disabled, .dp-tag:disabled, .dp-tag[disabled] { background-color: transparent !important; color: #b1b1b1 !important; border-color: #b1b1b1 !important; pointer-events: none !important; cursor: default; } .dp-tag.disabled svg, .dp-tag.disabled .icon, .dp-tag:disabled svg, .dp-tag:disabled .icon, .dp-tag[disabled] svg, .dp-tag[disabled] .icon { fill: #b1b1b1 !important; } input:checked + label.dp-tag { background-color: #1421b0; color: #ffffff; } input:checked + label.dp-tag svg, input:checked + label.dp-tag .icon { fill: #ffffff; } input:checked + label.dp-tag:hover, input:checked + label.dp-tag:active { background-color: #ffffff; color: #111111; } input:checked + label.dp-tag:hover svg, input:checked + label.dp-tag:hover .icon, input:checked + label.dp-tag:active svg, input:checked + label.dp-tag:active .icon { fill: #1421b0; } input:checked + label.dp-tag.dp-tag-blue { background-color: #ffffff; color: #111111; } input:checked + label.dp-tag.dp-tag-blue svg, input:checked + label.dp-tag.dp-tag-blue .icon { fill: #111111; } input:checked + label.dp-tag.dp-tag-blue:hover, input:checked + label.dp-tag.dp-tag-blue:active { background-color: #1421b0; color: #ffffff; } input:checked + label.dp-tag.dp-tag-blue:hover svg, input:checked + label.dp-tag.dp-tag-blue:hover .icon, input:checked + label.dp-tag.dp-tag-blue:active svg, input:checked + label.dp-tag.dp-tag-blue:active .icon { fill: #ffffff; } @media (max-width: 1519px) { .dp-tag { padding: 0 13px; min-width: 32px; height: 32px; line-height: 30px; font-size: 14px; border-radius: 13px; } .dp-tag svg, .dp-tag .icon { height: 30px; } .dp-tag.tag-lg { height: 38px; line-height: 36px; border-radius: 16px; } .dp-tag.tag-lg svg, .dp-tag.tag-lg .icon { height: 36px; } } @media (max-width: 1199px) { .dp-tag { padding: 0 17px; min-width: 38px; height: 38px; line-height: 36px; font-size: 16px; border-radius: 16px; } .dp-tag svg, .dp-tag .icon { height: 36px; } .dp-tag.tag-lg { height: 40px; line-height: 38px; border-radius: 16px; } .dp-tag.tag-lg svg, .dp-tag.tag-lg .icon { height: 38px; } } @media (max-width: 767px) { .dp-tag { padding: 0 13px; min-width: 32px; height: 32px; line-height: 30px; font-size: 14px; border-radius: 13px; } .dp-tag svg, .dp-tag .icon { height: 30px; } .dp-tag.tag-lg { height: 38px; line-height: 36px; border-radius: 16px; } .dp-tag.tag-lg svg, .dp-tag.tag-lg .icon { height: 36px; } } .dp-catalog-item { display: block; position: relative; border-radius: 30px; padding: 30px; background-color: #ffffff; color: #111111; text-decoration: none; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-catalog-item:hover, .dp-catalog-item:focus { color: #111111; text-decoration: none; } .dp-catalog-item__image { width: 100%; height: 360px; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-catalog-item__image picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dp-catalog-item__image img { max-width: 100%; max-height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .dp-catalog-item__image_alt { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-catalog-item__image_alt picture { display: block; height: 100%; position: relative; } .dp-catalog-item__image_alt picture:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; opacity: 0.5; } .dp-catalog-item__image_alt picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-catalog-item__title { margin-bottom: 0; position: relative; z-index: 3; } .dp-catalog-item__subtitle { font-size: 16px; color: #b1b1b1; position: relative; z-index: 3; } .dp-catalog-item__labels { position: absolute; z-index: 3; right: 0; top: 0; left: 0; padding: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .dp-catalog-item__label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; margin-bottom: 10px; position: relative; z-index: 3; } .dp-catalog-item_toggle { -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-catalog-item_toggle:hover, .dp-catalog-item_toggle:focus { color: #ffffff; text-decoration: none; } .dp-catalog-item_toggle:hover .dp-catalog-item__image, .dp-catalog-item_toggle:focus .dp-catalog-item__image { opacity: 0; } .dp-catalog-item_toggle:hover .dp-catalog-item__image_alt, .dp-catalog-item_toggle:focus .dp-catalog-item__image_alt { opacity: 1; } @media (max-width: 1799px) { .dp-catalog-item__image { height: 285px; } } @media (max-width: 1519px) { .dp-catalog-item__image { height: 210px; } } @media (max-width: 1199px) { .dp-catalog-item__image { height: 220px; } } @media (max-width: 991px) { .dp-catalog-item__image { height: 270px; } } @media (max-width: 767px) { .dp-catalog-item { padding-left: 20px; padding-right: 20px; } .dp-catalog-item__image { height: 265px; } } .dp-designer-item .row { margin-bottom: -30px; } .dp-designer-item .row .col, .dp-designer-item .row [class*=col-] { padding-bottom: 30px; } .dp-designer-item__image { width: 495px; position: relative; overflow: hidden; border-radius: 30px; -webkit-overflow-scrolling: touch; } .dp-designer-item__image picture { position: relative; width: 100%; padding-top: 129.2929292929%; display: block; } .dp-designer-item__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-designer-item__title { margin-bottom: 20px; } .dp-designer-item__desc { max-width: 600px; margin-bottom: 150px; } .dp-designer-item__desc p, .dp-designer-item__desc ul, .dp-designer-item__desc ol { margin: 0.5em 0; } .dp-designer-item__desc p:first-child, .dp-designer-item__desc ul:first-child, .dp-designer-item__desc ol:first-child { margin-top: 0; } .dp-designer-item__desc p:last-child, .dp-designer-item__desc ul:last-child, .dp-designer-item__desc ol:last-child { margin-bottom: 0; } .dp-designer-item__links { font-size: 16px; max-width: 300px; } .dp-designer-item__links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -10px -20px; } .dp-designer-item__links-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 20px; } .dp-designer-item__link { text-decoration: underline; color: #ffffff; } .dp-designer-item__link:hover, .dp-designer-item__link:focus, .dp-designer-item__link:active { color: rgba(255, 255, 255, 0.6); text-decoration: none; } @media (max-width: 1799px) { .dp-designer-item__image { width: 400px; } .dp-designer-item__desc { max-width: 500px; margin-bottom: 100px; } } @media (max-width: 1519px) { .dp-designer-item__image { width: 330px; border-radius: 20px; } .dp-designer-item__desc { max-width: 380px; margin-bottom: 85px; } } @media (max-width: 991px) { .dp-designer-item__image { width: 240px; } .dp-designer-item__desc { max-width: 350px; margin-bottom: 40px; } } @media (max-width: 767px) { .dp-designer-item__image { width: 100%; } .dp-designer-item__desc { max-width: none; margin-bottom: 30px; } } .dp-aside-menu { margin-bottom: 7vh; font-size: 16px; line-height: 18px; } .dp-aside-menu__list { margin: 0; padding: 0; list-style: none; } .dp-aside-menu__item { margin: 0 0 20px; } .dp-aside-menu__item:last-child { margin-bottom: 0; } .dp-aside-menu__link { display: inline-block; vertical-align: top; max-width: 100%; color: inherit; position: relative; } .dp-aside-menu__link:hover, .dp-aside-menu__link:focus, .dp-aside-menu__link:active { color: #1421b0; } .dp-aside-menu__item.selected .dp-aside-menu__link, .dp-aside-menu__subitem.selected .dp-aside-menu__sublink { padding-left: 17px; } .dp-aside-menu__item.selected .dp-aside-menu__link:before, .dp-aside-menu__subitem.selected .dp-aside-menu__sublink:before { content: ""; width: 7px; height: 16px; position: absolute; left: 0; top: 9px; margin-top: -8px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .dp-aside-menu__text { display: inline; } .dp-aside-menu__quantity, .dp-aside-menu__label { display: inline-block; vertical-align: top; } .dp-aside-menu__quantity { line-height: 1; color: #b1b1b1; margin-left: 5px; font-size: 11px; font-weight: 400; } .dp-aside-menu__label { margin-top: -7px; margin-bottom: -7px; margin-left: 5px; } .dp-aside-menu:last-child { margin-bottom: 0; } @media (max-width: 1519px) { .dp-aside-menu { font-size: 14px; } .dp-aside-menu__item { margin-bottom: 10px; } } .dp-aside-menu__title .dp-aside-menu__item:not(:last-child) { margin-bottom: 20px; } .dp-aside-menu__title .dp-aside-menu__link { padding: 10px 18px; font-size: 16px; font-weight: 500; line-height: 100%; background-color: #ffffff; border-radius: 16px; } .dp-aside-menu__title .dp-aside-menu__sublist { margin-top: 20px; padding-left: 20px; } .dp-aside-menu__title .dp-aside-menu__sublist .dp-aside-menu__subitem:not(:last-child) { margin-bottom: 15px; } .dp-aside-menu__title .dp-aside-menu__sublist .dp-aside-menu__sublink { position: relative; font-size: 16px; font-weight: 500; line-height: 100%; color: #111111; } .dp-aside-menu__title .dp-aside-menu__sublist .dp-aside-menu__sublink:hover { color: #1421b0; } @media (max-width: 1519px) { .dp-aside-menu__title .dp-aside-menu__link { font-size: 14px; } .dp-aside-menu__title .dp-aside-menu__sublist .dp-aside-menu__sublink { font-size: 14px; } } .dp-catalog-filter { margin-bottom: 40px; } .dp-catalog-filter > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -20px; } .dp-catalog-filter > .row > [class^=col] { margin-bottom: 20px; } .dp-catalog-filter-toggler.dp-btn svg, .dp-catalog-filter-toggler.dp-btn .icon { fill: #111111; } .dp-catalog-filter-toggler.dp-btn:hover svg, .dp-catalog-filter-toggler.dp-btn:hover .icon, .dp-catalog-filter-toggler.dp-btn:active svg, .dp-catalog-filter-toggler.dp-btn:active .icon { fill: #ffffff; } .dp-catalog-filter .selectric-wrapper .selectric-items { width: auto !important; min-width: 100%; max-width: 320px; } @media (max-width: 767px) { .dp-catalog-filter { margin-bottom: 30px; } .dp-catalog-filter-toggler { width: 100%; } } .dp-aside-filter__item { margin-bottom: 30px; } .dp-aside-filter__item:last-child { margin-bottom: 0; } .dp-aside-filter__item-title { font-weight: 600; } .dp-aside-filter__item-body { padding-top: 20px; } .dp-aside-filter__item-body > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -15px; } .dp-aside-filter__item-body > .row > [class^=col] { margin-bottom: 15px; } @media (min-width: 1200px) { .dp-aside-filter__close { display: none !important; } .dp-aside-filter__title { display: none !important; } } .dp-individual__item { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .dp-individual__item:last-child { margin-bottom: 0; } .dp-individual__item-img { max-width: 684px; } .dp-individual__item-img img { width: 100%; border-radius: 30px; } .dp-individual__item-description { max-width: 580px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .dp-individual__item-description p { margin: 0; } .dp-individual__text-designing { color: #1421b0; font-weight: 600; } .dp-individual__text-link { font-size: 16px; color: #000000; cursor: pointer; text-decoration: underline; } @media (max-width: 1519px) { .dp-individual__item-description { max-width: 430px; font-size: 18px; } .dp-individual__item-img { max-width: 430px; } .dp-individual__item-img img { border-radius: 20px; } } @media (max-width: 991px) { .dp-individual__item-img { max-width: 350px; } .dp-individual__item-img img { border-radius: 20px; } .dp-individual__item-description { max-width: 350px; row-gap: 15px; } } @media (max-width: 767px) { .dp-individual__item { margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dp-individual__item-description { max-width: 100%; font-size: 16px; } } .materials-item__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .materials-item__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; max-width: 580px; } .materials-item__description .materials-item__title { margin: 0; } .materials-item__description p { margin-bottom: 20px; } .materials-item__description p:last-child { margin-bottom: 0; } .materials-item__description .materials-item__subtitle { font-weight: 600; } .materials-item__description .materials-item__button { margin-top: auto; padding-top: 14px; color: #ffffff; height: 48px; line-height: 100%; } .materials-item__description ul { margin: 0; } .materials-item__button span { font-size: 16px; } .materials-item__title { font-size: 32px; line-height: 1.2; font-weight: 600; } .materials-item__image { max-width: 684px; } .materials-item__image img { width: 100%; } .materials-item__images { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .materials-item__images .materials-item__img { position: relative; width: calc(25% - 15px); overflow: hidden; border-radius: 30px; -webkit-overflow-scrolling: touch; } .materials-item__images .materials-item__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transition: 0.3s; transition: 0.3s; } .materials-item__images .materials-item__img p { margin: 0; position: absolute; left: 30px; top: 30px; color: #ffffff; font-weight: 600; word-break: break-all; width: calc(100% - 50px); } .materials-item__images .materials-item__img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .materials-item__colors-wrapper { margin-top: 40px; } .materials-item__colors-wrapper .materials-item__title { margin-bottom: 60px; } .materials-item__colors-wrapper a { display: none; margin-top: 50px; } .materials-item__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .materials-item__colors .materials-item__color { width: 128px; text-align: center; } .materials-item__colors .materials-item__color svg { margin-bottom: 10px; width: 128px; height: auto; } .materials-item__colors .materials-item__color p { margin: 0; font-size: 14px; } .materials-engineering__wrapper { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .materials-engineering__wrapper .materials-engineering__image { max-width: 684px; } .materials-engineering__wrapper .materials-engineering__image img { width: 100%; } .materials-engineering__wrapper .materials-engineering__description { max-width: 570px; } .materials-engineering__wrapper .materials-engineering__description .materials-engineering__title { margin-bottom: 30px; font-size: 32px; line-height: 1.2; font-weight: 600; } .materials-engineering__wrapper .materials-engineering__description .materials-engineering__text { margin-bottom: 60px; } .materials-engineering__wrapper .materials-engineering__button { padding: 12px 28px 15px; height: 48px; line-height: 100%; color: #ffffff; } .section-materials__also-item { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .section-materials__also-item .materials-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .section-materials__also-item .materials-card__image img { width: 100%; border-radius: 30px; } .section-materials__also-item .materials-item__title { margin-bottom: 30px; } .section-materials__also-item .materials-item__text { margin-bottom: 30px; font-size: 20px; } .section-materials__also-item .materials-item__text p:not(:last-of-type) { margin-bottom: 20px; } .materials-item__text_hide { margin-top: 20px; } @media (max-width: 1519px) { .materials-wrapper .materials-item__title { font-size: 20px; } .materials-item__description { max-width: 430px; } .materials-item__description a { font-size: 14px; } .materials-item__images .materials-item__img { width: calc(33% - 12px); border-radius: 20px; } .materials-item__images .materials-item__img p { left: 20px; top: 20px; width: calc(100% - 40px); } .materials-item__colors .materials-item__color { width: 80px; } .materials-item__colors .materials-item__color svg { margin-bottom: 5px; width: 80px; } .materials-engineering__wrapper { margin-top: 40px; gap: 20px; } .materials-engineering__wrapper .materials-engineering__image { max-width: 455px; } .materials-engineering__wrapper .materials-engineering__description { max-width: 420px; } .materials-engineering__wrapper .materials-engineering__description .materials-engineering__title { font-size: 20px; } .materials-engineering__wrapper .materials-engineering__button { padding: 9px 20px; height: 42px; } .section-materials__also-item .materials-card__image img { border-radius: 20px; } .section-materials__also-item .materials-item__title { margin-bottom: 30px; font-size: 20px; } .section-materials__also-item .materials-item__text { font-size: 18px; } .materials-item__button span { font-size: 14px; } } @media (max-width: 1199px) { .materials-item__wrapper { display: block; } .materials-item__description { margin-bottom: 20px; max-width: 100%; } .materials-item__description a { font-size: 16px; } .materials-item__description .materials-item__button { padding-top: 9px; height: 42px; } .materials-item__image { max-width: 49%; } .materials-item__colors-wrapper { margin-top: 50px; } .materials-item__colors-wrapper .materials-item__title { margin-bottom: 50px; } .materials-item__colors .materials-item__color { width: 103px; } .materials-item__colors .materials-item__color svg { width: 103px; } .materials-engineering__wrapper .materials-engineering__description .materials-engineering__text { margin-bottom: 50px; } .materials-engineering__wrapper .materials-engineering__image { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; } } @media (max-width: 767px) { .materials-item__image { max-width: 100%; } .materials-item__images .materials-item__img { width: calc(50% - 10px); } .materials-item__colors-wrapper { margin-top: 40px; } .materials-item__colors-wrapper .materials-item__title { margin-bottom: 40px; } .materials-item__colors-wrapper a { margin-top: 50px; } .materials-item__colors { gap: 15px; } .materials-item__colors .materials-item__color { width: 70px; } .materials-item__colors .materials-item__color svg { width: 70px; } .materials-item__colors .materials-item__color p { font-size: 12px; } .materials-item__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .materials-item__wrapper .materials-item__description { display: contents; } .materials-item__wrapper .materials-item__description .materials-item__button { margin-top: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .materials-engineering__wrapper { display: block; } .materials-engineering__wrapper .materials-engineering__image { margin-bottom: 30px; max-width: 100%; } .materials-engineering__wrapper .materials-engineering__description { max-width: 100%; } .materials-engineering__wrapper .materials-engineering__description .materials-engineering__text { margin-bottom: 30px; } .materials-engineering__wrapper .materials-engineering__button { width: 100%; } .section-materials__also-item { margin-bottom: 40px; display: block; } .section-materials__also-item img { margin-bottom: 20px; } .section-materials__also-item .materials-item__title { margin-bottom: 20px; } .section-materials__also-item .materials-item__text { font-size: 16px; } .materials-item__button { width: 100%; } } .dp-range-block { font-size: 16px; } .dp-range-block__title { margin-bottom: 20px; } .dp-range-block__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px -10px; } .dp-range-block__input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 10px; margin-bottom: 20px; position: relative; } .dp-range-block__input label { font-size: 16px; line-height: 24px; font-weight: 400; color: #b1b1b1; position: absolute; left: 10px; top: 50%; margin-top: -12px; margin-bottom: 0; text-align: right; width: 40px; } .dp-range-block__input input { width: 120px; } .dp-range-block__input label ~ input { padding-left: 45px; } @media (max-width: 767px) { .dp-range-block { font-size: 14px; } .dp-range-block__title { margin-bottom: 10px; } } .dp-model-card { padding: 40px 0; border-top: 1px solid #bcbcbc; } .dp-model-card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; margin-bottom: -20px; } .dp-model-card__block { padding-left: 30px; padding-right: 30px; width: 100%; margin-bottom: 20px; } .dp-model-card__header { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .dp-model-card__title { margin-bottom: 0; } .dp-model-card__subtitle { font-size: 16px; color: #b1b1b1; margin-bottom: 0; } .dp-model-card__files { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; padding-top: 34px; } .dp-model-card__files .dp-model-card__block-title { margin-bottom: 20px; } .dp-model-card__files .dp-tags__list { margin-left: -8px; margin-right: -8px; margin-bottom: -16px; } .dp-model-card__files .dp-tags__item { padding-left: 8px; padding-right: 8px; padding-bottom: 16px; } .dp-model-card__gallery { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dp-model-card__gallery .swiper-container { overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-model-card__gallery .swiper-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .dp-model-card__gallery .swiper-slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 0; width: auto; } .dp-model-card__gallery-item { display: block; outline: none !important; } .dp-model-card__gallery-item img { display: block; width: auto; height: 320px; } .dp-model-card__samples-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } .dp-model-card__samples-block { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; width: auto; margin-bottom: 40px; } .dp-model-card__samples-block .dp-model-card__block-title { margin-bottom: 30px; } .dp-model-card__block-link { font-size: 16px; } .dp-model-card__block-link a { color: inherit; display: inline; text-decoration: underline; } .dp-model-card__block-link a:hover, .dp-model-card__block-link a:focus, .dp-model-card__block-link a:active { color: #1421b0; text-decoration: none; } .dp-model-card__samples-block .dp-model-card__block-link { margin-top: 30px; } .dp-model-card__samples-list { list-style: none; margin: 0 -5px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .dp-model-card__samples-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 5px 10px; margin: 0; } .dp-model-card__sample { width: 32px; height: 32px; border-radius: 50%; position: relative; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-model-card__sample img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-model-card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding-top: 20px; } .dp-model-card__bottom .dp-model-card__block { padding-top: 20px; } .dp-model-card__chars { -webkit-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } .dp-model-card__chars .dp-model-card__block-title { margin-bottom: 10px; } .dp-model-card__chars .dp-model-card__block-link { margin-top: 10px; } .dp-model-card__kit { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; width: auto; max-width: 100%; } .dp-model-card__kit .dp-model-card__block-title { margin-bottom: 10px; } .dp-model-card__buttons { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .dp-model-card__buttons .dp-buttons-line { margin-top: 0; } .dp-model-card__chars-list { font-size: 14px; margin: 0; padding: 0; list-style: none; } .dp-model-card__chars-list li { margin-bottom: 4px; } .dp-model-card__chars-list li:last-child { margin-bottom: 0; } .dp-model-card__chars .dp-model-card__chars-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .dp-model-card__chars .dp-model-card__chars-list li { overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; -webkit-overflow-scrolling: touch; } .dp-model-card-config { padding-top: 40px; margin-top: 40px; border-top: 1px solid #bcbcbc; display: none; } .dp-model-card-config__header { position: relative; margin-bottom: 40px; padding-right: 40px; } .dp-model-card-config__close { width: 24px; height: 24px; padding: 0px; position: absolute; right: 0; top: 0; border: none !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dp-model-card-config__close .icon { display: block; width: 100%; height: 100%; fill: #111111; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-model-card-config__close:hover .icon, .dp-model-card-config__close:focus .icon, .dp-model-card-config__close:active .icon { fill: #1421b0; } .dp-model-card-config.active { display: block; } .dp-model-card-config .dp-model-card__inner { margin-bottom: -40px; } .dp-model-card-config .dp-model-card__block { margin-bottom: 40px; } .dp-model-card-config .dp-model-card__image { max-width: 27%; -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; } .dp-model-card-config .dp-model-card__image img { display: block; } .dp-model-card-config .dp-model-card__options { max-width: 73%; -webkit-box-flex: 0; -ms-flex: 0 0 73%; flex: 0 0 73%; } .dp-model-card-config .dp-model-card__options .dp-buttons-line { margin-top: 40px; } .dp-model-card-config .dp-model-card__fields-group { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .dp-model-card-config .dp-model-card__fields-group .dp-form-group { margin-bottom: 30px; } .dp-model-card-config .dp-model-card__fields-group .dp-form-group:last-child { margin-bottom: 0; } .dp-model-card-config .dp-model-card__fields-group .dp-form-control-label { font-size: 16px; margin-bottom: 10px; color: #b1b1b1; } .dp-model-card-config .dp-btn .dp-model-card__sample { display: inline-block; vertical-align: top; margin: -6px 14px; } .dp-model-card-config .dp-btn .dp-model-card__sample:first-child { margin-left: 0; } .dp-model-card-config .dp-btn .dp-model-card__sample:last-child { margin-right: 0; } @media (max-width: 1799px) { .dp-model-card__files { padding-top: 28px; } .dp-model-card__gallery-item img { height: 280px; } .dp-model-card__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-model-card__chars { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dp-model-card__kit { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 100%; } .dp-model-card__buttons { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } } @media (max-width: 1519px) { .dp-model-card__files { padding-top: 24px; } } @media (max-width: 1199px) { .dp-model-card__inner { margin-left: -20px; margin-right: -20px; } .dp-model-card__block { padding-left: 20px; padding-right: 20px; } .dp-model-card__header { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .dp-model-card__files { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 0; } .dp-model-card__gallery .swiper-container { overflow: visible; } .dp-model-card__gallery-item img { height: 260px; } .dp-model-card__samples-wrapper { margin-bottom: -30px; } .dp-model-card__samples-block { margin-bottom: 30px; } .dp-model-card__samples-block .dp-model-card__block-title { margin-bottom: 20px; } .dp-model-card__samples-block .dp-model-card__block-link { margin-top: 20px; } .dp-model-card__chars { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .dp-model-card__chars .dp-model-card__chars-list { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .dp-model-card__kit { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .dp-model-card-config .dp-model-card__image { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .dp-model-card-config .dp-model-card__options { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 767px) { .dp-model-card__inner { margin-bottom: 0; } .dp-model-card__block { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-bottom: 0; } .dp-model-card__subtitle { font-size: 14px; } .dp-model-card__header { margin-bottom: 20px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .dp-model-card__gallery { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 20px; } .dp-model-card__gallery .swiper-slide { max-width: 100%; -ms-flex-item-align: center; align-self: center; } .dp-model-card__gallery-item img { height: auto; max-height: 200px; max-width: 100%; } .dp-model-card__samples-wrapper { margin-bottom: 0; } .dp-model-card__files, .dp-model-card__samples-wrapper, .dp-model-card__bottom { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dp-model-card__block-head { border-top: 1px solid #bcbcbc; padding-top: 20px; padding-bottom: 20px; cursor: pointer; margin-bottom: 0; padding-right: 30px; position: relative; } .dp-model-card__block-head:before { content: ""; position: absolute; width: 16px; height: 8px; right: 0; top: 50%; margin-top: -4px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .dp-model-card__files .dp-model-card__block-title { margin-bottom: 0; } .dp-model-card__samples-block .dp-model-card__block-title { margin-bottom: 0; } .dp-model-card__block-body { border-top: 1px solid #bcbcbc; padding-top: 20px; padding-bottom: 20px; display: none; } .dp-model-card__bottom { padding-top: 0; } .dp-model-card__bottom .dp-model-card__block { padding-top: 0; } .dp-model-card__chars .dp-model-card__block-title { margin-bottom: 0; } .dp-model-card__kit .dp-model-card__block-title { margin-bottom: 0; } .dp-model-card__block-link { font-size: 14px; } .dp-model-card__samples-block .dp-model-card__block-link { margin-top: 10px; } .dp-model-card__buttons:before { content: ""; display: block; width: 100%; height: 1px; margin-bottom: 20px; background: #bcbcbc; } .dp-model-card__buttons .dp-buttons-line { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-model-card__config-toggler { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dp-model-card__chars .dp-model-card__chars-list { -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .dp-model-card__block.active .dp-model-card__block-head:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dp-model-card__block.active .dp-model-card__block-body { display: block; } .dp-model-card-config .dp-model-card__inner { margin-bottom: -30px; } .dp-model-card-config .dp-model-card__block { margin-bottom: 30px; } .dp-model-card-config .dp-model-card__options .dp-buttons-line { margin-top: 30px; } .dp-model-card-config .dp-model-card__fields-group { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .dp-model-card-config .dp-model-card__fields-group .dp-form-group { margin-bottom: 20px; } .dp-model-card-config .dp-model-card__fields-group .dp-form-control-label { font-size: 14px; } } .search__result-item { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; border-radius: 30px; background-color: #ffffff; } .search__result-image { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; } .search__result-image img { width: 100%; } .search__result-image:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .search__result-name { margin-bottom: 20px; font-size: 70px; line-height: 100%; font-weight: 500; color: #111111; display: block; } .search__result-text { margin-bottom: 0; font-size: 20px; line-height: 1.5; font-weight: 500; color: #111111; } .search__result-link { color: #1421b0; } .search__result-breadcrumbs { margin-bottom: 20px; font-size: 16px; line-height: 100%; font-weight: 500; color: #111111; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 30px; } .breadcrumbs__link { font-size: 16px; line-height: 100%; font-weight: 500; color: #b1b1b1; cursor: pointer; } .breadcrumbs__link:hover { color: #1421b0; } .breadcrumbs__item:not(:last-child) { position: relative; } .breadcrumbs__item:not(:last-child)::before { position: absolute; content: ""; right: -19px; top: calc(50% - 8px); width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #b1b1b1; border-bottom: 8px solid transparent; } @media (max-width: 1199px) { .search__result-item { border-radius: 20px; } .search__result-image { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; } .search__result-name { font-size: 36px; } .breadcrumbs { font-size: 14px; } .breadcrumbs__link { font-size: 14px; } .breadcrumbs__item:not(:last-child)::before { right: -18px; top: calc(50% - 6px); border-top: 6px solid transparent; border-left: 6px solid #b1b1b1; border-bottom: 6px solid transparent; } .search__result-text { font-size: 16px; } } @media (max-width: 767px) { .search__result-item { padding: 20px; display: block; } .search__result-image { margin-bottom: 20px; } .search__result-name { font-size: 28px; } .breadcrumbs__list { gap: 10px 30px; } .search__result-more { width: 100%; } } .dp-series-mobile-filter__item { margin-bottom: 20px; } .dp-series-mobile-filter__item:last-child { margin-bottom: 0; } .dp-series-mobile-filter__item-title { font-weight: 600; } .dp-series-mobile-filter__item-body { padding-top: 20px; padding-bottom: 20px; } .dp-series-mobile-filter__item-body > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -15px; } .dp-series-mobile-filter__item-body > .row > [class^=col] { margin-bottom: 15px; } .dp-series-mobile-filter__item.collapsed { margin-bottom: 0; border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; } .dp-series-mobile-filter__item.collapsed + .dp-series-mobile-filter__item.collapsed { border-top: none; } .dp-series-mobile-filter__item.collapsed .dp-series-mobile-filter__item-head { padding-top: 20px; padding-bottom: 20px; cursor: pointer; margin-bottom: 0; padding-right: 30px; position: relative; } .dp-series-mobile-filter__item.collapsed .dp-series-mobile-filter__item-head:before { content: ""; position: absolute; width: 16px; height: 8px; right: 0; top: 50%; margin-top: -4px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-bottom.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .dp-series-mobile-filter__item.collapsed .dp-series-mobile-filter__item-body { padding-top: 0; padding-bottom: 30px; display: none; } .dp-series-mobile-filter__item.collapsed.active .dp-series-mobile-filter__item-head:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dp-series-mobile-filter__item.collapsed.active .dp-series-mobile-filter__item-body { display: block; } @media (min-width: 1200px) { .dp-series-mobile-filter { display: none; } } .dp-promo { position: relative; height: 870px; color: #ffffff; } .dp-promo .dp-section__bg { width: 100%; height: 100%; } .dp-promo .dp-section__bg video, .dp-promo .dp-section__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-promo .dp-section__content { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 80px; } .dp-promo .dp-section__title { margin-bottom: 0; font-size: 140px; font-weight: 600; line-height: 0.8571428571; max-width: none; } .dp-promo .dp-section__desc { margin-bottom: 40px; max-width: 410px; line-height: 1.2; } .dp-promo .dp-section__desc p:first-child, .dp-promo .dp-section__desc ul:first-child, .dp-promo .dp-section__desc ol:first-child { margin-top: 0; } .dp-promo .dp-section__desc p:last-child, .dp-promo .dp-section__desc ul:last-child, .dp-promo .dp-section__desc ol:last-child { margin-bottom: 0; } @media (max-width: 1799px) { .dp-promo .dp-section__title { font-size: 110px; } } @media (max-width: 1519px) { .dp-promo { height: 700px; } .dp-promo .dp-section__title { font-size: 65px; line-height: 1; } .dp-promo .dp-section__desc { max-width: 400px; line-height: 1.5; } } @media (max-width: 991px) { .dp-promo { height: 840px; } } @media (max-width: 767px) { .dp-promo { height: 630px; } .dp-promo .dp-section__content { padding-bottom: 60px; } .dp-promo .dp-section__title { font-size: 36px; } .dp-promo .dp-section__desc { margin-bottom: 30px; } } .dp-categories-slider .dp-item-list { margin-bottom: 40px; } .dp-categories-slider .swiper-slide { width: calc((100% - 40px) / 24 * 6); max-width: calc((100% - 40px) / 24 * 6); } .dp-categories-slider .swiper-slide:first-child { width: calc((100% - 40px) / 24 * 16); max-width: calc((100% - 40px) / 24 * 16); } @media (max-width: 1199px) { .dp-categories-slider .swiper-slide { width: calc((100% - 40px) / 2); max-width: calc((100% - 40px) / 2); } .dp-categories-slider .swiper-slide:first-child { width: calc((100% - 40px) / 24 * 21); max-width: calc((100% - 40px) / 24 * 21); } } @media (max-width: 767px) { .dp-categories-slider .dp-section__header { padding-right: 60px; } .dp-categories-slider .dp-item-list { margin-bottom: 30px; } .dp-categories-slider .swiper-slide { width: 100%; max-width: 100%; } .dp-categories-slider .swiper-slide:first-child { width: 100%; max-width: 100%; } .dp-categories-slider .dp-categories-buttons .swiper-wrapper { margin-left: 0; margin-right: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dp-categories-slider .dp-categories-buttons .swiper-slide { width: auto; padding: 0; } } @media (min-width: 768px) { .dp-portfolio .dp-section__header_aside { margin-bottom: 0; } } .dp-services-slider .swiper-slide { width: calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); margin-right: 20px; } .dp-services-slider .swiper-slide:last-child { margin-right: 0; } .dp-services-slider.has-hover-slide .swiper-slide { width: calc((100% - 40px) / 24 * 5); max-width: calc((100% - 40px) / 24 * 5); } .dp-services-slider.has-hover-slide .swiper-slide.hover { width: calc((100% - 40px) / 24 * 14); max-width: calc((100% - 40px) / 24 * 14); } @media (max-width: 1199px) { .dp-services-slider .dp-section__header .dp-section__desc { max-width: 100%; } .dp-services-slider .dp-section__header .dp-section__link { position: relative; left: 0; top: 0; right: auto; bottom: auto; margin-top: 40px; } .dp-services-slider .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } .dp-services-slider .swiper-slide { width: 100%; max-width: 100%; margin-bottom: 20px; margin-right: 0; } .dp-services-slider.has-hover-slide .swiper-slide { width: 100%; max-width: 100%; } .dp-services-slider.has-hover-slide .swiper-slide.hover { width: 100%; max-width: 100%; } } @media (max-width: 767px) { .dp-services-slider .dp-section__header .dp-section__link { margin-top: 30px; } } .dp-about-slider .dp-slider-arrows { position: static; } .dp-about-slider .dp-section__body { position: relative; } .dp-about-slider .dp-slider-arrow { position: absolute; top: 50%; margin-top: -20px; } .dp-about-slider .dp-slider-arrow.prev { left: 60px; } .dp-about-slider .dp-slider-arrow.next { right: 60px; } .dp-about-slider .dp-section__desc { max-width: 480px; } @media (min-width: 1200px) { .dp-about-slider .swiper-container { overflow: hidden; -webkit-overflow-scrolling: touch; } } @media (max-width: 1519px) { .dp-about-slider .dp-slider-arrow { margin-top: -35px/2; } .dp-about-slider .dp-slider-arrow.prev { left: 50px; } .dp-about-slider .dp-slider-arrow.next { right: 50px; } .dp-about-slider .dp-section__desc { max-width: 300px; } .dp-about-slider .dp-section__title { max-width: 360px; } } @media (max-width: 1199px) { .dp-about-slider .dp-section__desc { max-width: 465px; } .dp-about-slider .dp-section__title { max-width: 465px; } .dp-about-slider .dp-slider-arrow.prev { left: 30px; } .dp-about-slider .dp-slider-arrow.next { right: 30px; } } .dp-subscribe .dp-section__link { margin-top: 0; } .dp-subscribe .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscribe__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) { .dp-subscribe .dp-section__header { margin-bottom: 0; } .dp-subscribe .dp-section__title { margin-bottom: 0; max-width: none; } } @media (max-width: 1519px) { .dp-subscribe .dp-section__title { font-size: 20px; max-width: 680px; } } @media (max-width: 767px) { .dp-subscribe .dp-section__title { max-width: 324px; } } .dp-collections-filter { margin-bottom: 40px; } .dp-collections-filter .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -20px; } .dp-collections-filter .row > [class^=col] { margin-bottom: 20px; } @media (min-width: 1200px) { .dp-collections-menu { position: relative; height: 100%; } .dp-collections-menu .dp-tags.dp-sticky-fixed { margin-top: 40px; } } @media (max-width: 1199px) { .dp-collections-menu { margin-bottom: 40px; } .dp-collections-menu .dp-tags { position: static !important; width: 100% !important; } } @media (max-width: 767px) { .dp-collections-filter { margin-bottom: 30px; } .dp-collections-menu { margin-bottom: 30px; } } .dp-catalog-menu-mobile { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 120; background-color: #eeeeee; padding-top: 40px; padding-bottom: 40px; overflow: auto; -webkit-overflow-scrolling: touch; display: none; } .dp-catalog-menu-mobile.active { display: block; -webkit-animation: menu-mobile-animation 0.3s; animation: menu-mobile-animation 0.3s; } .dp-catalog-menu-mobile__close { position: absolute; top: 40px; right: 24px; cursor: pointer; } .dp-catalog-menu-mobile__close svg, .dp-catalog-menu-mobile__close .icon { display: block; width: 24px; height: 24px; fill: #111111; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-catalog-menu-mobile__close:hover svg, .dp-catalog-menu-mobile__close:hover .icon { fill: #1421b0; } .dp-catalog-menu-mobile__title { margin-bottom: 40px; } .dp-catalog-menu-mobile .container { padding-right: 24px !important; padding-left: 24px !important; } .dp-catalog-menu-mobile-toggler { position: fixed; bottom: 0; left: 0; right: 0; padding-bottom: 40px; z-index: 110; } .dp-catalog-menu-mobile-toggler .container { padding-right: 24px !important; padding-left: 24px !important; } .dp-catalog-menu-mobile-toggler .dp-btn { width: 100%; } .dp-catalog-section { margin-bottom: 40px; } .dp-catalog-section:last-child { margin-bottom: 0; } .dp-catalog-section .dp-section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px; } .dp-catalog-section .dp-section__header .dp-section__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; margin-bottom: 0; max-width: none; padding-right: 20px; } .dp-catalog-section .dp-section__header .dp-section__link { position: static; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; } .dp-catalog-section .dp-item-list .row { margin-bottom: -20px; } .dp-catalog-section .dp-item-list .col, .dp-catalog-section .dp-item-list [class*=col-] { padding-bottom: 20px; } .dp-catalog-section .dp-catalog-slider .swiper-slide { width: calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); } .dp-catalog-section .dp-section__mobile-link { margin-top: 30px; } body.dp-catalog-menu-mobile-open { overflow: hidden; -webkit-overflow-scrolling: touch; } @-webkit-keyframes menu-mobile-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes menu-mobile-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 768px) { .dp-catalog-section .dp-section__mobile-link { display: none; } } @media (min-width: 1200px) { .dp-catalog-menu-mobile, .dp-catalog-menu-mobile-toggler { display: none !important; } } @media (max-width: 1199px) { .dp-catalog-menu { display: none; } } @media (max-width: 991px) { .dp-catalog-section .dp-catalog-slider .swiper-slide { width: calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2); } } @media (max-width: 767px) { .dp-catalog-menu-mobile { padding-top: 30px; padding-bottom: 30px; } .dp-catalog-menu-mobile__close { top: 30px; } .dp-catalog-menu-mobile__title { margin-bottom: 30px; } .dp-catalog-menu-mobile-toggler { padding-bottom: 30px; } .dp-catalog-section .dp-section__header { margin-bottom: 20px; } .dp-catalog-section .dp-section__header .dp-section__link { display: none; } .dp-catalog-section .dp-catalog-slider .swiper-slide { width: 100%; max-width: 100%; } .dp-catalog-section .dp-section__mobile-link { margin-top: 20px; } } .dp-404 .dp-section__image img { max-width: 100%; display: block; mix-blend-mode: darken; } .dp-404 .dp-section__body { padding-top: 73px; padding-bottom: 73px; } .dp-404 .dp-section__title { margin-bottom: 32px; max-width: none; } .dp-404 .dp-section__desc { margin-bottom: 32px; max-width: 600px; } .dp-404 .dp-section__desc:last-child { margin-bottom: 0; } .dp-404 .dp-section__desc p:first-child, .dp-404 .dp-section__desc ul:first-child, .dp-404 .dp-section__desc ol:first-child { margin-top: 0; } .dp-404 .dp-section__desc p:last-child, .dp-404 .dp-section__desc ul:last-child, .dp-404 .dp-section__desc ol:last-child { margin-bottom: 0; } .dp-404 .dp-section__link { margin-top: 0; } @media (max-width: 1519px) { .dp-404 .dp-section__desc { max-width: 550px; } } @media (max-width: 1199px) { .dp-404 .dp-section__body { padding-top: 40px; padding-bottom: 30px; } .dp-404 .dp-section__desc { max-width: 480px; } } @media (max-width: 991px) { .dp-404 .dp-section__image img { margin-left: auto; margin-right: auto; max-height: 455px; } } @media (max-width: 767px) { .dp-404 .dp-section__image img { max-height: 315px; } .dp-404 .dp-section__body { padding-top: 20px; padding-bottom: 50px; } .dp-404 .dp-section__title { margin-bottom: 30px; } .dp-404 .dp-section__desc { margin-bottom: 30px; } } .dp-designers-info .dp-section__title { margin-bottom: 0; max-width: none; } .dp-designers-info .dp-section__aside { margin-bottom: 0; } .dp-designers-info .dp-section__body { padding-top: 80px; } .dp-designers-info .dp-section__desc { font-size: 32px; line-height: 1.3125; font-weight: 400; } @media (max-width: 1799px) { .dp-designers-info .dp-section__desc { font-size: 26px; } } @media (max-width: 1519px) { .dp-designers-info .dp-section__body { padding-top: 90px; } .dp-designers-info .dp-section__desc { font-size: 20px; line-height: 1.2; } } @media (max-width: 1199px) { .dp-designers-info .dp-section__body { padding-top: 64px; } .dp-designers-info .dp-section__desc { font-size: 20px; line-height: 1.2; } } @media (max-width: 767px) { .dp-designers-info .dp-section__aside { margin-bottom: 30px; } .dp-designers-info .dp-section__body { padding-top: 0; } } @media (min-width: 768px) { .dp-designers-persons .row { margin-bottom: -60px; } .dp-designers-persons .row .col, .dp-designers-persons .row [class*=col-] { padding-bottom: 60px; } } .dp-series-gallery__main { position: relative; } .dp-series-gallery__main-item { position: relative; height: 800px; border-radius: 30px; overflow: hidden; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-overflow-scrolling: touch; } .dp-series-gallery__main-item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-series-gallery__main .dp-slider-arrows { position: static; } .dp-series-gallery__main .dp-slider-arrow { position: absolute; top: 50%; z-index: 2; margin-top: -20px; } .dp-series-gallery__main .dp-slider-arrow .icon { fill: #ffffff; } .dp-series-gallery__main .dp-slider-arrow:hover .icon { fill: rgba(255, 255, 255, 0.75); } .dp-series-gallery__main .dp-slider-arrow.prev { left: 40px; } .dp-series-gallery__main .dp-slider-arrow.next { right: 40px; } .dp-series-gallery__main .dp-slider-arrow.swiper-button-disabled .icon { fill: rgba(255, 255, 255, 0.25) !important; } .dp-series-gallery__main-container { overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-series-gallery__main-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .dp-series-gallery__nav { margin-top: 20px; } .dp-series-gallery__nav .swiper-container { overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-series-gallery__nav .swiper-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dp-series-gallery__nav .swiper-slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .dp-series-gallery__nav .swiper-slide:last-child .dp-series-gallery__nav-item { margin-right: 0; } .dp-series-gallery__nav-item { position: relative; border-radius: 15px; overflow: hidden; cursor: pointer; width: 144px; -webkit-box-flex: 0; -ms-flex: 0 0 144px; flex: 0 0 144px; max-width: 144px; height: 97px; margin-right: 20px; -webkit-overflow-scrolling: touch; } .dp-series-gallery__nav-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-series-gallery__nav-container { overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-series-gallery__nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1799px) { .dp-series-gallery__main-item { height: 540px; } .dp-series-gallery__main .dp-slider-arrow.prev { left: 30px; } .dp-series-gallery__main .dp-slider-arrow.next { right: 30px; } .dp-series-gallery__nav-item { width: 130px; -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; height: 87px; } } @media (max-width: 1199px) { .dp-series-gallery__main-item { height: 420px; border-radius: 20px; } .dp-series-gallery__nav { margin-top: 10px; } .dp-series-gallery__nav .swiper-container { overflow: visible; } .dp-series-gallery__nav .swiper-slide:last-child .dp-series-gallery__nav-item { margin-right: 0; } .dp-series-gallery__nav-item { width: 112px; -webkit-box-flex: 0; -ms-flex: 0 0 112px; flex: 0 0 112px; max-width: 112px; height: 76px; margin-right: 10px; } } @media (max-width: 767px) { .dp-series-gallery__main-item { height: 340px; } .dp-series-gallery__main .dp-slider-arrow.prev { left: 16px; } .dp-series-gallery__main .dp-slider-arrow.next { right: 16px; } .dp-series-gallery__nav { margin-top: 10px; } .dp-series-gallery__nav-item { width: 103px; -webkit-box-flex: 0; -ms-flex: 0 0 103px; flex: 0 0 103px; max-width: 103px; height: 70px; } } .dp-series-info { font-size: 16px; } .dp-series-info .dp-section__header, .dp-series-info .dp-section__title { margin-bottom: 0; } .dp-series-info .dp-section__title { line-height: 1; } .dp-series-info .dp-section__body { line-height: 1.5; } .dp-series-info .dp-section__body p:last-child, .dp-series-info .dp-section__body ul:last-child { margin-bottom: 0; } .dp-series-info .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-series-info .row > .col-24:not(:last-child) { margin-bottom: 24px; } .dp-series-info a { color: #111111; text-decoration: underline; } .dp-series-info a:hover { color: #111111; text-decoration: none; } .dp-series-manufacturer .dp-section__title { padding-right: 36px; } .dp-series-designers-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-series-designers-list li { margin-right: 20px; } @media (max-width: 1799px) { .dp-series-manufacturer .dp-section__title { padding-right: 30px; } } @media (max-width: 1199px) { .dp-series-info .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-series-info .row > .col-24:not(:last-child) { margin-bottom: 20px; } .dp-series-manufacturer .dp-section__title { padding-right: 16px; } } @media (max-width: 767px) { .dp-series-info { font-size: 14px; } .dp-series-info .dp-section__header { margin-bottom: 20px; } .dp-series-info .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dp-series-info .row > .col-24:not(:last-child) { margin-bottom: 0; } .dp-series-designers-list { display: block; } .dp-series-designers-list li { margin-right: 0; } .dp-series-designers-list li:not(:last-child) { margin-bottom: 20px; } .dp-series-manufacturer .dp-section__title { padding-right: 0; } } .dp-series-materials { background-color: #1421b0; color: #ffffff; padding: 60px; border-radius: 30px; } .dp-series-materials .dp-section__title { margin-bottom: 30px; } .dp-series-materials .dp-item-list .row { margin-bottom: -20px; } .dp-series-materials .dp-item-list .row > [class^=col] { padding-bottom: 20px; } .dp-series-materials .dp-section__link { margin-top: 30px; border-color: #ffffff; background-color: rgba(255, 255, 255, 0); color: #ffffff; } .dp-series-materials .dp-section__link:hover, .dp-series-materials .dp-section__link:focus, .dp-series-materials .dp-section__link:active { background-color: #ffffff; color: #1421b0; } .dp-series-materials__item { width: 128px; } .dp-series-materials__item img { width: 100%; -webkit-clip-path: path("M4.96476 34.4055L58.9648 2.93453C62.0766 1.12093 65.9234 1.12094 69.0353 2.93453L123.035 34.4055C126.109 36.1971 128 39.4872 128 43.0453V106.045C128 109.607 126.105 112.9 123.025 114.691L69.0254 146.079C65.9185 147.885 62.0815 147.885 58.9746 146.079L4.97463 114.691C1.89493 112.9 0 109.607 0 106.045V43.0453C0 39.4872 1.89063 36.1971 4.96476 34.4055Z"); clip-path: path("M4.96476 34.4055L58.9648 2.93453C62.0766 1.12093 65.9234 1.12094 69.0353 2.93453L123.035 34.4055C126.109 36.1971 128 39.4872 128 43.0453V106.045C128 109.607 126.105 112.9 123.025 114.691L69.0254 146.079C65.9185 147.885 62.0815 147.885 58.9746 146.079L4.97463 114.691C1.89493 112.9 0 109.607 0 106.045V43.0453C0 39.4872 1.89063 36.1971 4.96476 34.4055Z"); } @media (max-width: 1799px) { .dp-series-materials { padding: 40px; border-radius: 20px; } .dp-series-materials__item { width: 80px; } .dp-series-materials__item img { -webkit-clip-path: path("M4.96612 20.4102L34.9661 2.93265C38.0773 1.12013 41.9227 1.12012 45.0339 2.93265L75.0339 20.4101C78.1088 22.2015 80 25.4921 80 29.0508V64.0938C80 67.6565 78.1045 70.9502 75.024 72.7401L45.024 90.1717C41.9178 91.9766 38.0822 91.9766 34.976 90.1717L4.97601 72.7401C1.89552 70.9502 0 67.6565 0 64.0938V29.0508C0 25.4921 1.89121 22.2015 4.96612 20.4102Z"); clip-path: path("M4.96612 20.4102L34.9661 2.93265C38.0773 1.12013 41.9227 1.12012 45.0339 2.93265L75.0339 20.4101C78.1088 22.2015 80 25.4921 80 29.0508V64.0938C80 67.6565 78.1045 70.9502 75.024 72.7401L45.024 90.1717C41.9178 91.9766 38.0822 91.9766 34.976 90.1717L4.97601 72.7401C1.89552 70.9502 0 67.6565 0 64.0938V29.0508C0 25.4921 1.89121 22.2015 4.96612 20.4102Z"); } } @media (max-width: 1199px) { .dp-series-materials { padding: 30px; } .dp-series-materials__item { width: 103px; } .dp-series-materials__item img { -webkit-clip-path: path("M4.99229 26.9065L46.4923 2.89715C49.5902 1.10488 53.4098 1.10488 56.5077 2.89715L98.0077 26.9065C101.097 28.6939 103 31.9928 103 35.5623V83.5306C103 87.1042 101.093 90.4061 97.9978 92.1921L56.4978 116.138C53.4049 117.923 49.5951 117.923 46.5022 116.138L5.00216 92.1921C1.90693 90.4061 0 87.1042 0 83.5306V35.5623C0 31.9928 1.90262 28.6939 4.99229 26.9065Z"); clip-path: path("M4.99229 26.9065L46.4923 2.89715C49.5902 1.10488 53.4098 1.10488 56.5077 2.89715L98.0077 26.9065C101.097 28.6939 103 31.9928 103 35.5623V83.5306C103 87.1042 101.093 90.4061 97.9978 92.1921L56.4978 116.138C53.4049 117.923 49.5951 117.923 46.5022 116.138L5.00216 92.1921C1.90693 90.4061 0 87.1042 0 83.5306V35.5623C0 31.9928 1.90262 28.6939 4.99229 26.9065Z"); } } @media (max-width: 767px) { .dp-series-materials .dp-section { margin-bottom: 30px; } .dp-series-materials .dp-section__link { width: 100%; } .dp-series-materials__item { width: 70px; } .dp-series-materials__item img { -webkit-clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); } } .dp-series-recommended .dp-section__link { display: none; } .dp-series-recommended .dp-section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 30px; } .dp-series-recommended .dp-section__header .dp-section__link { display: block; position: static; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } .dp-series-recommended .dp-section__header .dp-section__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding-right: 20px; margin-bottom: 0; } .dp-series-recommended .dp-catalog-slider { overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-series-recommended .dp-catalog-slider .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .dp-series-recommended .dp-catalog-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: auto; width: calc((100% - 20px) / 3); max-width: calc((100% - 20px) / 3); } .dp-series-recommended .dp-catalog-slider .swiper-slide:first-child { width: calc((100% - 20px) / 3 * 2); max-width: calc((100% - 20px) / 3 * 2); } .dp-series-recommended .dp-catalog-slider .dp-catalog-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 100%; } @media (max-width: 1199px) { .dp-series-recommended .dp-catalog-slider { overflow: visible; } .dp-series-recommended .dp-catalog-slider .swiper-slide { width: calc((100% - 20px) / 10 * 4); max-width: calc((100% - 20px) / 10 * 4); } .dp-series-recommended .dp-catalog-slider .swiper-slide:first-child { width: calc((100% - 20px) / 10 * 6); max-width: calc((100% - 20px) / 10 * 6); } } @media (max-width: 767px) { .dp-series-recommended .dp-section__link { display: block; width: 100%; margin-top: 20px; } .dp-series-recommended .dp-section__header { display: block; margin-bottom: 20px; } .dp-series-recommended .dp-section__header .dp-section__link { display: none; } .dp-series-recommended .dp-section__header .dp-section__title { padding-right: 0; } .dp-series-recommended .dp-catalog-slider .swiper-slide { width: 100%; max-width: 100%; } .dp-series-recommended .dp-catalog-slider .swiper-slide:first-child { width: 100%; max-width: 100%; } } .dp-page-individual .dp-page__body .dp-section { margin-bottom: 60px; } .aside__contact-title { margin-bottom: 4px; font-size: 20px; line-height: 1.5; font-weight: 500; color: #b1b1b1; } .aside__contact-link { margin-bottom: 4px; display: block; font-size: 20px; line-height: 1.5; font-weight: 500; color: #111111; } .aside__contact { height: 65vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aside__contact .dp-btn { max-width: 263px; } .individual__slider { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; height: 640px; } .individual__slide { cursor: pointer; -webkit-transition: 0.9s; transition: 0.9s; width: 166px; } .individual__slide img { height: 100%; border-radius: 30px; -o-object-fit: cover; object-fit: cover; } .individual__slide.individual__slide-active { width: 1018px; cursor: default; } .dp-section__individual-title { margin-bottom: 60px; font-size: 70px; font-weight: 600; line-height: 100%; max-width: 850px; } .dp-section__header .dp-section__individual-desc { max-width: 684px; } .dp-section__individual-subscribe { font-size: 32px; max-width: 1100px; } .individual__image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .individual__image img { max-width: 1389px; width: 100%; border-radius: 30px; } @media (max-width: 1799px) { .individual__slider { height: 550px; } } @media (max-width: 1519px) { .dp-page-individual .dp-page__body .dp-section { margin-bottom: 40px; } .aside__contact-title { font-size: 18px; } .aside__contact-link { font-size: 18px; } .individual__slider { height: 430px; } .dp-section__individual-title { margin-bottom: 30px; font-size: 32px; max-width: 380px; } .dp-section__header .dp-section__individual-desc { max-width: 450px; } .dp-section__individual-subscribe { font-size: 20px; line-height: 1.2; max-width: 640px; } } @media (max-width: 1199px) { .aside__contact { height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .aside__contact .dp-btn { max-width: none; } .individual__slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .individual__slide { width: auto; height: 176px; } .individual__slide img { height: 100%; width: 100%; border-radius: 20px; } .individual__image img { border-radius: 20px; } .individual__slide.individual__slide-active { width: auto; height: auto; } } @media (max-width: 991px) { .dp-section__header .dp-section__individual-desc { max-width: 100%; } .dp-page-individual .dp-btn.dp-section__link { margin-top: 30px; position: relative; } .dp-section__individual-subscribe { max-width: 520px; } } @media (max-width: 767px) { .aside__contact-title { font-size: 16px; } .aside__contact-link { font-size: 16px; } .aside__contact { -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; } .aside__contact .dp-btn { margin-top: 20px; width: 100%; max-width: none; } .individual__slide { width: auto; height: 120px; } .individual__image-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .individual__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .individual__wrapper .dp-section__header, .individual__wrapper .dp-section__body { display: contents; } .individual__wrapper .dp-section__link { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .individual__wrapper .dp-section__individual-desc { margin-bottom: 30px; } } .contacts-requisites { margin-bottom: 30px; } .contacts-requisites dl { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 20px; gap: 20px; } .contacts-requisites dl dt { -webkit-box-flex: 0; -ms-flex: 0 0 276px; flex: 0 0 276px; font-weight: 500; color: #b1b1b1; } .contacts-requisites dl dd { margin: 0; } .contacts-requisites dl:last-child { margin: 0; } .contacts-link { font-size: 32px; line-height: 1.2; font-weight: 600; color: #111111; } .contacts-way { margin-bottom: 30px; padding: 28px 30px; font-size: 20px; line-height: 1.2; font-weight: 600; background-color: #ffffff; border-radius: 20px; } .contacts-way-title { position: relative; cursor: pointer; font-size: 32px; } .contacts-way-title::before { content: ""; position: absolute; right: 0; top: calc(50% - 3px); border: 7px solid transparent; border-bottom-width: 0; border-top-color: #1421b0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s; transition: 0.3s; } .contacts-way-title:hover::before { border-top-color: #1421b0; } .contacts-way-title_open::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .contacts-way-toggle { display: none; } .contacts-way-wrapper { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; font-size: 18px; line-height: 1.5; font-weight: 500; } .contacts-way-text { font-size: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 389px; flex: 0 0 389px; } .contacts-way-images { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .contacts-way-images .contacts-way-image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .contacts-way-images .contacts-way-image img { width: 100%; max-width: 450px; border-radius: 20px; } .map-wrapper { width: 100%; height: 840px; border-radius: 30px; overflow: hidden; -webkit-overflow-scrolling: touch; } @media (max-width: 1519px) { .contacts-requisites dl { font-size: 18px; } .contacts-requisites dl dt { -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .contacts-link { font-size: 20px; } .map-wrapper { height: 530px; border-radius: 20px; } .contacts-way-title { font-size: 20px; } .contacts-way-text { font-size: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 278px; flex: 0 0 278px; } } @media (max-width: 1199px) { .dp-page-contacts .dp-aside-menu { display: none; } .contacts-requisites dl { display: block; } .contacts-requisites dl dt { margin-bottom: 10px; } .contacts-way { padding: 20px; } .contacts-way-wrapper { display: block; } .contacts-way-text { margin-bottom: 20px; } .map-wrapper { height: 593px; } } @media (max-width: 767px) { .contacts-requisites dl { font-size: 16px; } .contacts-requisites dl dt { margin-bottom: 15px; } .contacts-requisites .dp-btn { width: 100%; } .contacts-way-images { display: block; } .contacts-way-images img { width: 100%; max-width: 450px; border-radius: 20px; } .contacts-way-image:not(:last-child) { margin-bottom: 20px; } .map-wrapper { height: 512px; } } .dp-page-materials h2 { margin-bottom: 40px; max-width: 1050px; } .materials-wrapper { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #bcbcbc; } .materials-wrapper img { width: 100%; max-width: 1389px; border-radius: 30px; } .materials-wrapper:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .materials-wrapper a { font-size: 16px; font-weight: 500; text-decoration: underline; color: #111111; } .materials-wrapper a:hover { color: #1421b0; } .dp-aside-materials-button { display: none; position: fixed; left: calc(50% - 360px); top: 90%; height: 42px; width: 720px; } .dp-page-materials h3 { margin: 20px 0; font-size: 32px; } .materials-colors__list { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .materials-colors__item { width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .materials-colors__item p { font-size: 14px; text-align: center; word-wrap: break-word; } .dp-sticky-materials.dp-sticky.dp-sticky-top .dp-aside__title { display: none; } @media (max-width: 1519px) { .materials-wrapper { margin-bottom: 40px; padding-bottom: 40px; } .materials-wrapper a { font-size: 14px; } .materials-item__button { height: 42px; } } @media (max-width: 1199px) { .materials-wrapper img { border-radius: 20px; } .materials-wrapper p { font-size: 18px; } .materials-wrapper a { font-size: 16px; } .dp-aside-materials-button { display: block; } .materials-colors__item { width: 103px; } } @media (max-width: 767px) { .dp-aside-materials-button { left: calc(50% - 164px); width: 328px; } .materials-wrapper p { font-size: 16px; } .materials-wrapper a { font-size: 14px; } .materials-colors__list { gap: 15px; } .materials-colors__item { width: 70px; } .materials-colors__item p { font-size: 12px; } } .dp-page-materials .materials-card__title { font-size: 70px; } .materials-card__wrapper { margin-bottom: 40px; } .materials-card__wrapper img { border-radius: 30px; } .materials-card__text { margin-bottom: 20px; font-size: 20px; max-width: 1000px; } .materials-card__text:last-of-type { margin-bottom: 0; } .materials-card__images { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .materials-card__images .materials-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .materials-card__images .materials-card__image img { width: 100%; } .dp-page-materials .materials-card__also { margin: 60px 0; } .materials-card__button { margin-bottom: 30px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 100%; color: #000000; } .materials-card__button svg { margin-right: 8px; width: 6px; height: 16px; fill: #1421b0; } .section-materials__description .materials-item__button, .materials-item__btn { margin-top: auto; padding-top: 14px; color: #ffffff; height: 48px; line-height: 100%; } .section-materials__description .materials-item__button:hover, .materials-item__btn:hover { color: #111111; } @media (max-width: 1519px) { .dp-page-materials .materials-card__title { font-size: 32px; } .dp-page-materials .materials-card__subtitle { font-size: 20px; } .materials-card__text { font-size: 18px; max-width: 700px; } .dp-page-materials .materials-card__also { margin: 40px 0; font-size: 20px; } .section-materials__description .materials-item__button, .materials-item__btn { padding-top: 9px; height: 42px; } } @media (max-width: 1199px) { .dp-page-materials .materials-card__title { font-size: 65px; } .materials-card__button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .materials-card__text { max-width: 100%; } .materials-colors__wrapper { margin: 20px 0 30px; } .materials-colors__wrapper .materials-card__subtitle { margin-top: 0; } } @media (max-width: 767px) { .dp-page-materials .materials-card__title { margin-bottom: 30px; font-size: 36px; } .materials-card__wrapper { margin-bottom: 30px; } .materials-card__text { font-size: 16px; } .materials-card__images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .materials-card__images .materials-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .dp-page-materials .materials-card__also { margin: 30px 0; } .materials-item__btn { width: 100%; } } .dp-page-production h1 { font-size: 90px; } .dp-page-production h2 { margin-bottom: 60px; } .dp-page-production h3 { font-size: 65px; margin-bottom: 60px; } .dp-page-production .dp-sticky { overflow-y: hidden; -webkit-overflow-scrolling: touch; } .production__wrapper:not(:last-of-type) { margin-bottom: 60px; } .production__image { margin-bottom: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .production__image img { text-align: center; border-radius: 30px; } .production__image:last-of-type { margin-bottom: 0; } .production__text-wrapper { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .production__text-wrapper .production__text { margin-bottom: 20px; } .production__text-wrapper .production__image { margin-bottom: 0; } .production__text-wrapper:last-child { margin-bottom: 0; } .production__image-wrapper { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; } .production__text { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .production__text a { color: #ffffff; text-decoration: underline; } .production__text a:hover { color: rgba(255, 255, 255, 0.6); } .production__mb { margin-bottom: 60px; } .production__short { max-width: 50%; } @media (max-width: 1519px) { .dp-page-production h1 { font-size: 65px; } .dp-page-production h2 { margin-bottom: 40px; } .dp-page-production h3 { font-size: 32px; } .production__wrapper:not(:last-of-type) { margin-bottom: 40px; } .production__short { max-width: 100%; } .production__image img { border-radius: 20px; } } @media (max-width: 1199px) { .dp-page-production .dp-aside-menu { display: none; } .dp-page-production h2 { margin-bottom: 50px; } .dp-page-production h3 { margin-bottom: 50px; } .dp-page-production .dp-btn.dp-btn_xs { height: 36px; font-size: 14px; } .production__wrapper:not(:last-of-type) { margin-bottom: 60px; } .production__text { font-size: 18px; } .production__image-wrapper { margin-bottom: 50px; display: block; } .production__image-wrapper .production__image { margin-bottom: 20px; max-width: 50%; } .production__image { margin-bottom: 50px; } .production__mb { margin-bottom: 50px; } } @media (max-width: 767px) { .dp-page-production h1 { font-size: 36px; } .dp-page-production h2 { margin-bottom: 40px; } .dp-page-production h3 { margin-bottom: 40px; } .dp-page-production .dp-tags__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .production__wrapper:not(:last-of-type) { margin-bottom: 40px; } .production__text-wrapper { display: block; } .production__text-wrapper .production__image:not(:last-child) { margin-bottom: 20px; } .production__image-wrapper { margin-bottom: 40px; } .production__image-wrapper .production__image { max-width: 100%; } .production__image { margin-bottom: 40px; } .production__mb { margin-bottom: 40px; } } .dp-page-content h1 { font-size: 90px; } .dp-page-content h2 { margin-bottom: 40px; font-size: 70px; } .dp-page-content h3 { margin-bottom: 20px; font-size: 32px; } .dp-page-content .content__faq-title { margin-bottom: 40px; font-size: 65px; max-width: 900px; } .content__wrapper { margin-bottom: 60px; } .content__wrapper:last-child { margin-bottom: 0; } .content__wrapper img { width: 100%; border-radius: 30px; } .content__wrapper p { margin-bottom: 20px; font-size: 20px; } .content__wrapper p:last-of-type { margin: 0; } .content__text-wrapper { margin-bottom: 40px; max-width: 940px; } .content__text-wrapper:last-child { margin-bottom: 0; } .content__images { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .content__images .content__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .content__texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .content__texts .content__text-wrapper { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; } .content__item { padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); position: relative; } .content__item::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; border-radius: 50%; background-color: #1421b0; } .content__faq { margin-bottom: 20px; padding: 30px; font-size: 20px; line-height: 1.2; font-weight: 600; background-color: #ffffff; border-radius: 30px; } .content__faq:last-child { margin-bottom: 0; } .content__faq-question { position: relative; cursor: pointer; } .content__faq-question::before { content: ""; position: absolute; right: 0; top: calc(50% - 3px); border: 7px solid transparent; border-bottom-width: 0; border-top-color: #1421b0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s; transition: 0.3s; } .content__faq-question:hover::before { border-top-color: #1421b0; } .content__faq-question_open::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .content__faq-answer { display: none; margin-top: 30px; font-weight: 500; max-width: 1230px; } .content__slider { width: 100%; } .content__slider .swiper-slide { height: auto; } .content__slider img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .content__slider .swiper-button-next, .content__slider .swiper-button-prev { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } .content__slider .swiper-button-next::after, .content__slider .swiper-button-prev::after { content: none; } .content__slider .swiper-button-next:hover, .content__slider .swiper-button-prev:hover { opacity: 0.7; } .content__slider .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 40px); border-right: 16px solid #ffffff; } .content__slider .swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px); border-left: 16px solid #ffffff; } .content__slider-main { margin-bottom: 20px; } .content__slider-second .swiper-slide { opacity: 0.4; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .content__slider-second .swiper-slide-thumb-active { cursor: default; opacity: 1; } .content__slider-second img { border-radius: 15px; } @media (max-width: 1519px) { .dp-page-content h1 { font-size: 65px; } .dp-page-content h2 { margin-bottom: 30px; font-size: 32px; } .dp-page-content h3 { font-size: 20px; } .dp-page-content .content__faq-title { margin-bottom: 30px; } .content__wrapper { margin-bottom: 40px; } .content__wrapper p { font-size: 18px; } .content__text-wrapper { max-width: 100%; } .content__list { gap: 20px 40px; } .content__faq-title { margin-bottom: 30px; } .content__faq { font-size: 18px; } .content__faq-answer { max-width: 100%; } } @media (max-width: 1199px) { .dp-page-content h1 { font-size: 20px; } .dp-page-content h2 { margin-bottom: 20px; font-size: 32px; } .dp-page-content .content__faq-title { margin-bottom: 20px; } .content__wrapper { margin-bottom: 30px; } .content__slider .swiper-button-next, .content__slider .swiper-button-prev { border-top: 18px solid transparent; border-bottom: 18px solid transparent; } .content__slider .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 30px); border-right: 15px solid #ffffff; } .content__slider .swiper-button-next { right: var(--swiper-navigation-sides-offset, 30px); border-left: 15px solid #ffffff; } } @media (max-width: 767px) { .dp-page-content .content__faq-title { font-size: 36px; } .content__wrapper { margin-bottom: 30px; } .content__wrapper p { font-size: 16px; } .content__images { display: block; } .content__images .content__image:not(:last-child) { margin-bottom: 20px; } .content__texts { display: block; } .content__texts .content__text-wrapper:not(:last-child) { margin-bottom: 20px; } .content__list { display: block; } .content__item:not(:last-child) { margin-bottom: 20px; } .content__faq { padding: 20px; font-size: 16px; } .content__slider .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 16px); } .content__slider .swiper-button-next { right: var(--swiper-navigation-sides-offset, 16px); } } .dp-page-search .dp-page { -webkit-box-flex: 0; -ms-flex: 0 0 100vh; flex: 0 0 100vh; } .dp-page-search .dp-section__body { margin: 0 auto; width: 100%; max-width: 1463px; } .search__result-main { margin-bottom: 20px; font-size: 90px; line-height: 100%; font-weight: 500; color: #111111; } .search__result-main span { color: #1421b0; } .search__wrapper { width: 100%; } .search__wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search__button { border: none; outline: none; background-color: transparent; } .search__button svg { -webkit-transition: 0.3s; transition: 0.3s; } .search__button:hover svg { fill: #b1b1b1; } .search__wrapper_close { margin-left: auto; position: relative; border: none; outline: none; } .search__wrapper_close::before, .search__wrapper_close::after { position: absolute; content: ""; right: -2px; top: calc(50% - 1px); width: 20px; height: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #000000; } .search__wrapper_close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search__wrapper_close:hover::before, .search__wrapper_close:hover::after { background-color: #1421b0; } input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } 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 { display: none; } .search__input { padding-right: 20px; width: 100%; font-size: 70px; line-height: 100%; font-weight: 500; color: #111111; background-color: transparent; border: none; outline: none; } .search__input::-webkit-input-placeholder { color: #b1b1b1; } .search__input::-moz-placeholder { color: #b1b1b1; } .search__input:-ms-input-placeholder { color: #b1b1b1; } .search__input::-ms-input-placeholder { color: #b1b1b1; } .search__input::placeholder { color: #b1b1b1; } .search__result-list { margin: 0; } .search__result-quantity { margin-bottom: 60px; font-size: 16px; line-height: 1.5; font-weight: 500; color: #b1b1b1; } .search__result-title { margin-bottom: 20px; font-size: 32px; line-height: 1.2; font-weight: 600; color: #111111; } .search__result-item:not(:last-of-type) { margin-bottom: 20px; } .search__result-more { margin-top: 20px; } @media (max-width: 1519px) { .search__input { font-size: 65px; } .search__result-main { font-size: 65px; } } @media (max-width: 1199px) { .search__input { font-size: 36px; } .search__button svg { width: 36px; height: 36px; } } @media (max-width: 767px) { .search__result-main { font-size: 36px; } .search__button svg { width: 24px; height: 24px; } .search__input { font-size: 18px; } } .dp-page-comparison .dp-page__title { margin-bottom: 40px; } .comparison__wrapper:not(:last-child) { margin-bottom: 120px; } .comparison__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .comparison__images img { border-radius: 30px; } .comparison__images .comparison__detail { position: absolute; left: 30px; top: 30px; color: #ffffff; } .comparison__image { position: relative; } .comparison__detail { font-size: 32px; line-height: 1.2; font-weight: 600; color: #111111; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .comparison__plus { width: 60px; height: 60px; background-color: #27ae60; border-radius: 50%; position: relative; } .comparison__plus::before { position: absolute; content: ""; left: calc(50% - 15px); top: calc(50% - 10px); width: 30px; height: 15px; border-left: 4px solid #ffffff; border-bottom: 4px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .comparison__minus { width: 60px; height: 60px; background-color: #ff0000; border-radius: 50%; position: relative; } .comparison__minus::before { position: absolute; content: ""; left: calc(50% - 2px); top: calc(50% - 20px); width: 4px; height: 40px; background-color: #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .comparison__minus::after { position: absolute; content: ""; left: calc(50% - 2px); top: calc(50% - 20px); width: 4px; height: 40px; background-color: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .comparison__advantages-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .comparison__advantages-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 15px); flex: 0 0 calc(25% - 15px); } .comparison__advantages-title { margin-bottom: 20px; font-size: 24px; line-height: 1.5; font-weight: 600; color: #000000; } .comparison__advantages-text { margin: 0; font-size: 20px; line-height: 1.5; font-weight: 500; color: #111111; } .comparison__importance { padding: 60px; background-color: #1421b0; border-radius: 30px; color: #ffffff; } .comparison__importance h2 { margin-bottom: 60px; max-width: 670px; line-height: 100%; } .comparison__importance p { margin-bottom: 30px; font-size: 20px; line-height: 1.5; font-weight: 500; max-width: 640px; } .comparison__importance p:last-of-type { margin-bottom: 0; } .comparison__importance .comparison__plus, .comparison__importance .comparison__minus { margin-bottom: 30px; } .comparison__importance-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .comparison__importances { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); } .comparison__item-wrapper { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .comparison__item-wrapper:last-child { margin-bottom: 0; } .comparison__item-wrapper h2 { margin: 0; line-height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .comparison__item-wrapper h2 span { display: block; max-width: 710px; } .comparison__item-wrapper p { margin-bottom: 12px; width: 100%; font-size: 20px; line-height: 1.5; font-weight: 500; } .comparison__item-wrapper p:last-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); margin-bottom: 0; } .comparison__item-wrapper .comparison__item-title { font-weight: 600; } .comparison__item-block { padding: 30px; border: 1px solid #bcbcbc; border-radius: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .comparison__item-block .comparison__detail { margin-bottom: 76px; } .comparison__item-images { margin-bottom: 76px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .comparison__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 13.333px); flex: 0 0 calc(33.333% - 13.333px); } .comparison__item-image img { border-radius: 20px; } .comparison__item-list { margin: 0; } .comparison__item-list li { padding-left: 20px; position: relative; } .comparison__item-list li::before { position: absolute; content: ""; left: 0; top: 10px; width: 10px; height: 10px; border-radius: 50%; background-color: #1421b0; } .comparison__invitation { padding: 60px; background-color: #1421b0; border-radius: 30px; color: #ffffff; } .comparison__invitation h2 { margin-bottom: 60px; max-width: 900px; line-height: 100%; } .comparison__invitation p { margin-bottom: 20px; font-size: 20px; line-height: 1.5; font-weight: 500; max-width: 640px; } .comparison__invitation p:last-of-type { margin-bottom: 60px; } .comparison__invitation-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media (max-width: 1519px) { .comparison__images img { border-radius: 20px; } .comparison__detail { font-size: 20px; } .comparison__plus { width: 40px; height: 40px; } .comparison__plus::before { left: calc(50% - 12px); top: calc(50% - 8px); width: 24px; height: 12px; } .comparison__minus { width: 40px; height: 40px; } .comparison__minus::before { top: calc(50% - 15px); height: 30px; } .comparison__minus::after { top: calc(50% - 15px); height: 30px; } .comparison__wrapper:not(:last-child) { margin-bottom: 100px; } .comparison__advantages-title { font-size: 20px; } .comparison__advantages-text { font-size: 18px; } .comparison__importance { border-radius: 20px; } .comparison__importance h2 { max-width: 300px; } .comparison__importance p { font-size: 18px; } .comparison__item-wrapper h2 span { max-width: 337px; } .comparison__item-wrapper p { font-size: 18px; } .comparison__item-list li::before { top: 9px; } .comparison__item-block { border-radius: 20px; } .comparison__item-block .comparison__detail { margin-bottom: 50px; font-size: 20px; } .comparison__item-images { margin-bottom: 50px; } .comparison__invitation { border-radius: 20px; } .comparison__invitation h2 { max-width: 450px; } .comparison__invitation p { font-size: 18px; max-width: 100%; } .comparison__invitation-links .dp-btn.dp-btn_sm { padding-top: 3px; height: 48px; } } @media (max-width: 1199px) { .comparison__advantages-list { gap: 40px 20px; } .comparison__advantages-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .comparison__importance { padding: 40px; } .comparison__item-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comparison__item-block .comparison__detail { margin-bottom: 40px; } .comparison__invitation { padding: 40px; } } @media (max-width: 767px) { .comparison__wrapper:not(:last-child) { margin-bottom: 80px; } .comparison__images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comparison__images .comparison__detail { left: 20px; top: 20px; } .comparison__plus { width: 30px; height: 30px; } .comparison__plus::before { left: calc(50% - 10px); top: calc(50% - 7px); width: 20px; height: 10px; border-left: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } .comparison__minus { width: 30px; height: 30px; } .comparison__minus::before { top: calc(50% - 10px); height: 20px; width: 3px; } .comparison__minus::after { top: calc(50% - 10px); height: 20px; width: 3px; } .comparison__advantages-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .comparison__advantages-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .comparison__advantages-title { margin-bottom: 10px; } .comparison__advantages-text { font-size: 16px; } .comparison__importance-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .comparison__importance { padding: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .comparison__importance h2 { margin-bottom: 40px; max-width: 100%; } .comparison__importance p { margin-bottom: 20px; font-size: 16px; max-width: 100%; } .comparison__item-images { margin-bottom: 40px; gap: 10px; } .comparison__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 5px); flex: 0 0 calc(50% - 5px); } .comparison__item-image img { border-radius: 16px; } .comparison__item-wrapper p { font-size: 16px; } .comparison__item-list li::before { top: 8px; } .comparison__invitation { padding: 20px; } .comparison__invitation h2 { margin-bottom: 40px; max-width: 100%; } .comparison__invitation p { margin-bottom: 10px; font-size: 16px; max-width: 100%; } .comparison__invitation p:last-of-type { margin-bottom: 40px; } .comparison__invitation-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .dp-series-models__short-filter { margin-bottom: 40px; } .dp-series-models__short-filter .row { margin-bottom: -20px; } .dp-series-models__short-filter .row > [class^=col] { padding-bottom: 20px; } .dp-series-models__short-filter .dp-btn.dp-btn_white .icon { fill: #111111; } .dp-series-models__short-filter .dp-btn.dp-btn_white:hover .icon, .dp-series-models__short-filter .dp-btn.dp-btn_white:active .icon { fill: #ffffff; } .dp-series-models-aside-filter-toggler .icon { margin-right: 0; } .dp-series-models-aside-filter-toggler:not(.active) .text-hide, .dp-series-models-aside-filter-toggler:not(.active) .icon-close { display: none; } .dp-series-models-aside-filter-toggler.active .text-show, .dp-series-models-aside-filter-toggler.active .icon-filter { display: none; } .dp-series-models-aside-filter { position: fixed; left: 0; top: 0; bottom: 0; width: 400px; z-index: 10; background-color: #eeeeee; padding: 60px 40px; overflow: auto; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-overflow-scrolling: touch; } .dp-series-models-aside-filter.active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .dp-series-models-aside-filter__close { width: 40px; height: 40px; padding: 8px; position: absolute; right: 0; top: 0; border: none !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dp-series-models-aside-filter__close .icon { display: block; width: 100%; height: 100%; fill: #111111; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-series-models-aside-filter__close:hover .icon, .dp-series-models-aside-filter__close:focus .icon, .dp-series-models-aside-filter__close:active .icon { fill: #1421b0; } .dp-series-models-aside-filter__item { margin-bottom: 40px; } .dp-series-models-aside-filter__item:last-child { margin-bottom: 0; } .dp-series-models-list { margin-bottom: -40px; } @media (max-width: 1199px) { .dp-series-models-aside-filter { width: 100%; padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .dp-series-models__short-filter .dp-series-models-aside-filter-toggler { width: 100%; } .dp-series-models-aside-filter { padding-top: 40px; padding-bottom: 40px; } .dp-series-models-aside-filter__item { margin-bottom: 20px; } } .dp-page-about h2 { margin-bottom: 60px; } .dp-about-img { margin-bottom: 60px; } .dp-about-img img { display: block; width: 100%; height: auto; border-radius: 30px; } .dp-about-img:last-child { margin-bottom: 0; } .dp-about-desc { margin-bottom: 60px; font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: 0; max-width: 1080px; } .dp-about-desc:last-child { margin-bottom: 0; } .dp-about-desc p, .dp-about-desc ul, .dp-about-desc ol { margin-top: 1em; margin-bottom: 1em; } .dp-about-desc p:first-child, .dp-about-desc ul:first-child, .dp-about-desc ol:first-child { margin-top: 0; } .dp-about-desc p:last-child, .dp-about-desc ul:last-child, .dp-about-desc ol:last-child { margin-bottom: 0; } .dp-about-desc__btn-wrpapper { text-align: right; display: none; } .dp-about-table { border-collapse: collapse; border-spacing: 0; } .dp-about-table td { vertical-align: top; padding-bottom: 60px; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: 0; } .dp-about-table td:first-child { width: 31.5%; font-weight: 600; padding-right: 20px; } .dp-about-table td:last-child { width: 68.5%; } .dp-about-table tr:last-child td { padding-bottom: 0; } .dp-about-table a { color: #111111; text-decoration: underline; } .dp-about-table a:hover { color: #111111; text-decoration: none; } .dp-about-table__links { font-size: 16px; } .dp-about-table__links a { white-space: nowrap; display: inline-block; margin-top: 30px; position: relative; text-decoration: none; } .dp-about-table__links a:after { content: ""; display: block; position: absolute; bottom: 3px; left: 0; right: 0; height: 1px; background: #000000; -webkit-transition: opacity 0.24s; transition: opacity 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-about-table__links a:focus { text-decoration: none; } .dp-about-table__links a:hover { text-decoration: none; } .dp-about-table__links a:hover:after { opacity: 0; } .dp-about-table .dp-btn { margin-top: 30px; } .dp-about-requisites { list-style: none; padding: 0; margin: 0; } .dp-about-requisites li, .dp-about-requisites__item { margin-bottom: 10px; } .dp-about-requisites li:last-child, .dp-about-requisites__item:last-child { margin-bottom: 0; } .dp-about-requisites__label { display: block; color: #b1b1b1; margin-bottom: 10px; } .dp-about-contact-btn { position: fixed; bottom: 24px; right: 24px; z-index: 100; display: none; } .dp-content-aside { display: none; margin-bottom: 40px; } @media (min-width: 992px) { .dp-page-about .dp-subscribe [class*=col-] { width: 100%; } .dp-page-about .dp-subscribe [class*=col-]:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .dp-page-about .dp-subscribe [class*=col-]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 1519px) { .dp-page-about h2 { margin-bottom: 40px; max-width: 580px; } .dp-about-img { margin-bottom: 40px; } .dp-about-img img { border-radius: 20px; } .dp-about-table td { font-size: 18px; } .dp-about-table .dp-btn { margin-top: 20px; } .dp-about-desc { max-width: 780px; font-size: 18px; } } @media (max-width: 1199px) { .dp-page-about .dp-page__aside { display: none; } .dp-page-about .dp-page__body .dp-content-aside { display: block; margin-top: -20px; } .dp-about-desc { font-size: 16px; margin-bottom: 50px; max-width: none; } .dp-about-table { display: block; } .dp-about-table tbody, .dp-about-table tr, .dp-about-table td { display: block; width: auto; } .dp-about-table td { font-size: 16px; padding-bottom: 50px; } .dp-about-table td:first-child { width: auto; padding-bottom: 20px; } .dp-about-table td:last-child { width: auto; padding-bottom: 50px; } .dp-about-table tr:last-child td:first-child { padding-bottom: 20px; } .dp-about-contact-btn { display: block; } .dp-about-requisites li, .dp-about-requisites__item { margin-bottom: 20px; } } @media (max-width: 767px) { .dp-page-about .dp-page-aside-content .dp-page__body .dp-section { margin-bottom: 40px; } .dp-page-about .dp-page-aside-content .dp-page__body .dp-section:last-child { margin-bottom: 0; } .dp-page-about .dp-page-aside-content .dp-page__body .dp-content-aside { display: block; margin-top: 0; } .dp-about-img { padding-bottom: 73.4%; position: relative; } .dp-about-img img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .dp-about-desc { margin-bottom: 40px; } .dp-about-table td:last-child { padding-bottom: 40px; } .dp-about-table .dp-btn { display: block; margin-top: 20px; margin-bottom: 20px; } .dp-about-requisites li, .dp-about-requisites__item { margin-bottom: 10px; } .dp-about-contact-btn { left: 24px; } } .dp-page-project .dp-tags .dp-btn.dp-btn_xs.dp-btn_white { background-color: #1421b0; color: #ffffff; } .dp-page-project .dp-tags .dp-btn.dp-btn_xs.dp-btn_white:hover, .dp-page-project .dp-tags .dp-btn.dp-btn_xs.dp-btn_white:active { color: #111111; background-color: #ffffff; border-color: transparent; } .dp-page-project .dp-sticky-top .dp-tags { position: fixed; bottom: 80px; } .dp-page-project .dp-sticky-fixed { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dp-page-project .dp-sticky-fixed .dp-tags { margin-top: auto; margin-bottom: 50px; } .dp-page-project .dp-sticky-bottom { padding-top: 30px; padding-bottom: 30px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-overflow-scrolling: touch; } .dp-page-project .dp-sticky-bottom .dp-tags { margin-top: auto; margin-bottom: 50px; } .dp-page-project .dp-page__body .dp-project-details { margin-bottom: 80px; } .dp-page-project .dp-page__back { margin-bottom: 30px; } .dp-page-project .dp-page__title { letter-spacing: -0.02em; } .dp-page-project .dp-page-aside-content .dp-page__header { margin-bottom: 30px; } .dp-page-project .dp-project-details + .dp-catalog-section .dp-section__header { margin-bottom: 40px; } .dp-page-project .dp-subscribe { padding-top: 20px; } .dp-page-project .dp-page__aside .dp-btn.dp-btn_used-in-project { font-size: 16px; border-radius: 16px; padding: 0 16px; height: 38px; line-height: 36px; } @media (max-width: 1519px) { .dp-page-project .dp-page__aside .dp-btn.dp-btn_used-in-project { font-size: 14px; padding: 0 20px; height: 42px; line-height: 40px; } } @media (max-width: 1199px) { .dp-page-project .dp-page__header .dp-btn.dp-btn_used-in-project { font-size: 16px; padding: 0 20px; height: 42px; line-height: 40px; -ms-flex-item-align: end; align-self: flex-end; } } @media (max-width: 767px) { .dp-page-project .dp-page__header .dp-btn.dp-btn_used-in-project { font-size: 14px; line-height: 38px; padding-bottom: 2px; } } .dp-project-details { letter-spacing: -0.02em; } .dp-project-details img { display: block; max-width: 100%; height: auto; border-radius: 30px; } .dp-project-details picture { display: block; border-radius: 30px; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-project-details-additional > figure, .dp-project-details-additional > picture, .dp-project-details-additional > .row, .dp-project-details-additional > img { margin-bottom: 80px; } .dp-project-details-additional picture { display: block; } .dp-project-details-additional .row p, .dp-project-details-additional .row ul, .dp-project-details-additional .row ol { margin-top: 1em; margin-bottom: 1em; } .dp-project-details-additional .row p:first-child, .dp-project-details-additional .row ul:first-child, .dp-project-details-additional .row ol:first-child { margin-top: 0; } .dp-project-details-additional .row p:last-child, .dp-project-details-additional .row ul:last-child, .dp-project-details-additional .row ol:last-child { margin-bottom: 0; } .dp-project-details-additional figcaption { display: block; width: 50%; margin-left: auto; margin-top: 30px; } .dp-project-details-additional [class*=col] figcaption { width: auto; } .dp-project-details-main__img { margin-bottom: 80px; } .dp-project-details-main__img img { display: block; } .dp-project-details-main__desc { margin-bottom: 40px; } .dp-project-details-main__desc p, .dp-project-details-main__desc ul, .dp-project-details-main__desc ol { margin-top: 1em; margin-bottom: 1em; } .dp-project-details-main__desc p:first-child, .dp-project-details-main__desc ul:first-child, .dp-project-details-main__desc ol:first-child { margin-top: 0; } .dp-project-details-main__desc p:last-child, .dp-project-details-main__desc ul:last-child, .dp-project-details-main__desc ol:last-child { margin-bottom: 0; } .dp-project-details-meta { display: none; } .dp-project-details-summary { margin-bottom: 60px; } .dp-project-details-summary__title { color: #1421b0; font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; margin-top: 0; margin-bottom: 0; } .dp-project-details-summary__title + .dp-project-details-summary__desc { margin-top: 20px; } .dp-project-details-summary__desc { color: #111111; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; margin-top: 0; margin-bottom: 0; } .dp-project-details-design-title { font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; margin-top: 0; margin-bottom: 20px; } .dp-project-details-designer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 80px; } .dp-project-details-designer__photo { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-project-details-designer__photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-project-details-designer__caption { width: calc(100% - 140px); padding-left: 30px; } .dp-project-details-designer__company { font-size: 16px; font-weight: 500; color: #b1b1b1; margin-top: 0; margin-bottom: 10px; } .dp-project-details-designer__name { font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; color: #111111; margin-top: 0; margin-bottom: 0; } .dp-project-details-design-blockquote { margin-bottom: 80px; display: block; padding-top: 82px; position: relative; font-size: 20px; font-style: italic; font-weight: 500; line-height: 1.4; color: #111111; } .dp-project-details-design-blockquote:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 75px; height: 62px; background: url(/local/templates/mafmarket/css/../img/design/quote.svg) no-repeat left top/contain; } .dp-project-details-design-blockquote p { margin-top: 1em; margin-bottom: 1em; } .dp-project-details-design-blockquote p:first-child { margin-top: 0; } .dp-project-details-design-blockquote p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .dp-page-project .dp-subscribe [class*=col-] { width: 100%; } .dp-page-project .dp-subscribe [class*=col-]:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .dp-page-project .dp-subscribe [class*=col-]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 1799px) { .dp-page-project .dp-page__title { font-size: 76px; } .dp-page-project .dp-page__body .dp-project-details { margin-bottom: 65px; } .dp-page-project .dp-page__body .dp-catalog-section { margin-bottom: 65px; } .dp-page-project .dp-page-aside-content > .dp-section:last-child { margin-bottom: 100px; } .dp-project-details-additional > figure, .dp-project-details-additional > picture, .dp-project-details-additional > .row, .dp-project-details-additional > img { margin-bottom: 65px; } .dp-project-details-main__img { margin-bottom: 65px; } .dp-project-details-main__desc { margin-bottom: 65px; } .dp-project-details-summary { margin-bottom: 60px; } .dp-project-details-designer { margin-bottom: 65px; } .dp-project-details-design-blockquote { margin-bottom: 65px; } } @media (max-width: 1519px) { .dp-page-project .dp-page__title { font-size: 60px; } .dp-page-project .dp-page__body .dp-project-details { margin-bottom: 40px; } .dp-page-project .dp-page__body .dp-catalog-section { margin-bottom: 40px; } .dp-page-project .dp-page-aside-content > .dp-section:last-child { margin-bottom: 80px; } .dp-page-project .dp-subscribe { padding-top: 0; } .dp-project-details img { border-radius: 20px; } .dp-project-details picture { border-radius: 20px; } .dp-project-details-additional > figure, .dp-project-details-additional > picture, .dp-project-details-additional > .row, .dp-project-details-additional > img { margin-bottom: 40px; } .dp-project-details-main__img { margin-bottom: 40px; } .dp-project-details-main__desc { margin-bottom: 40px; } .dp-project-details-summary { margin-bottom: 60px; } .dp-project-details-summary__title { color: #1421b0; font-size: 20px; } .dp-project-details-summary__desc { font-size: 18px; } .dp-project-details-design-title { font-size: 20px; } .dp-project-details-designer { margin-bottom: 40px; } .dp-project-details-designer__company { font-size: 16px; letter-spacing: -0.02em; } .dp-project-details-designer__name { font-size: 18px; letter-spacing: -0.02em; } .dp-project-details-design-blockquote { margin-bottom: 40px; padding-top: 82px; font-size: 18px; max-width: 92%; } } @media (max-width: 1199px) { .dp-page-project .dp-page-aside-content .dp-page__header { margin-bottom: 40px; } .dp-page-project .dp-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-page-project .dp-page__header .dp-page__title { margin-bottom: 0; width: 100%; -webkit-box-flex: calc(100% - 220px); -ms-flex: calc(100% - 220px); flex: calc(100% - 220px); padding-right: 24px; } .dp-page-project .dp-page__header .dp-btn { width: 196px; height: 42px; border-radius: 16px; background-color: #1421b0; border: 1px solid #ffffff; color: #ffffff; letter-spacing: -0.02em; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color, background-color, border-color; } .dp-page-project .dp-page__header .dp-btn:hover { border-color: #ffffff; background-color: #ffffff; color: #111111; } .dp-page-project .dp-page__back { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } .dp-page-project .dp-sticky-top .dp-tags { position: static; bottom: auto; } .dp-page-project .dp-sticky-fixed { height: auto; display: block; } .dp-page-project .dp-sticky-fixed .dp-tags { margin-top: 0; margin-bottom: 0; } .dp-page-project .dp-page__aside { display: none; } .dp-project-details-meta { display: block; margin-bottom: 40px; font-size: 16px; } .dp-project-details-date { display: block; margin-top: 10px; } } @media (max-width: 991px) { .dp-project-details-designer__photo { width: 110px; height: 110px; } .dp-project-details-designer__caption { width: calc(100% - 110px); padding-left: 30px; } .dp-project-details-design-blockquote { max-width: none; padding-top: 71px; font-size: 16px; } .dp-project-details-design-blockquote:before { width: 62px; height: 51px; } } @media (max-width: 1199px) and (min-width: 992px) { .dp-page-project .dp-page__title { font-size: 48px; } } @media (max-width: 991px) and (min-width: 768px) { .dp-page-project .dp-page__title { font-size: 32px; } } @media (max-width: 767px) { .dp-page-project .dp-page__title { font-size: 28px; } .dp-project-details-meta { font-size: 14px; } .dp-project-details-summary [class*=col-]:not(:first-child) { margin-top: 40px; } .dp-project-details-summary__desc { font-size: 16px; } .dp-project-details-summary__title + .dp-project-details-summary__desc { margin-top: 10px; } .dp-project-details-designer__photo { width: 96px; height: 96px; } .dp-project-details-designer__caption { padding-left: 20px; } .dp-project-details-designer__company { font-size: 14px; } .dp-project-details-designer__name { font-size: 16px; } .dp-project-details-design-blockquote { padding-top: 68px; letter-spacing: normal; } .dp-project-details-design-blockquote:before { width: 58px; height: 48px; } .dp-project-details-additional > .row > [class*=col-]:first-child picture { margin-bottom: 40px; } .dp-project-details-additional > .row > [class*=col-]:last-child p:first-child { margin-top: -10px; } .dp-project-details-additional figcaption { width: auto; margin-left: 0; } .dp-project-details-main img, .dp-project-details-additional img { width: 100%; } .dp-project-details-main picture, .dp-project-details-additional picture { position: relative; overflow: hidden; padding-bottom: 117%; -webkit-overflow-scrolling: touch; } .dp-project-details-main picture img, .dp-project-details-additional picture img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 575px) { .dp-page-project .dp-page__title { font-size: 32px; } .dp-page-project .dp-page__header { display: block; } .dp-page-project .dp-page__header .dp-page__title { padding-right: 0; width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; } .dp-page-project .dp-page__header .dp-btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; margin-top: 40px; width: 100%; } .dp-page-project .dp-page__header .dp-page__back { width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; } } .dp-page-collection .dp-aside__title { letter-spacing: -0.01em; } .dp-page-collection .dp-series-materials .dp-series-materials__item { width: 80px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .dp-page-collection .dp-series-materials .dp-series-materials__item img { -webkit-clip-path: path("M4.96612 20.4102L34.9661 2.93265C38.0773 1.12013 41.9227 1.12012 45.0339 2.93265L75.0339 20.4101C78.1088 22.2015 80 25.4921 80 29.0508V64.0938C80 67.6565 78.1045 70.9502 75.024 72.7401L45.024 90.1717C41.9178 91.9766 38.0822 91.9766 34.976 90.1717L4.97601 72.7401C1.89552 70.9502 0 67.6565 0 64.0938V29.0508C0 25.4921 1.89121 22.2015 4.96612 20.4102Z"); clip-path: path("M4.96612 20.4102L34.9661 2.93265C38.0773 1.12013 41.9227 1.12012 45.0339 2.93265L75.0339 20.4101C78.1088 22.2015 80 25.4921 80 29.0508V64.0938C80 67.6565 78.1045 70.9502 75.024 72.7401L45.024 90.1717C41.9178 91.9766 38.0822 91.9766 34.976 90.1717L4.97601 72.7401C1.89552 70.9502 0 67.6565 0 64.0938V29.0508C0 25.4921 1.89121 22.2015 4.96612 20.4102Z"); } .dp-page-collection .dp-series-materials .dp-series-materials__item:hover { -webkit-transform: scale(1.375); -ms-transform: scale(1.375); transform: scale(1.375); } .dp-page-collection .dp-series-materials .dp-item-list { max-width: 580px; } .dp-page-collection .dp-page-top-nav { display: none; } .dp-tags-slider { overflow: hidden; margin-left: -24px; margin-right: -24px; -webkit-overflow-scrolling: touch; } .dp-tags-slider .dp-tags__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dp-tags-slider .dp-tags__item { width: auto; height: auto; padding-bottom: 0; } .dp-tags-slider .dp-tags__item:first-child { padding-left: 24px; } .dp-tags-slider .dp-tags__item:last-child { padding-right: 24px; } @media (min-width: 1520px) { .dp-page-collection .dp-section__link { height: 48px; line-height: 46px; padding: 0 28px; border-radius: 20px; } } @media (max-width: 1199px) { .dp-page-collection .dp-page-top-nav { display: block; } .dp-page-collection .dp-aside { display: none; } .dp-page-collection .dp-series-materials { padding: 40px; } .dp-page-collection .dp-series-materials .dp-series-materials__item { width: 103px; } .dp-page-collection .dp-series-materials .dp-series-materials__item img { -webkit-clip-path: path("M4.99229 26.9065L46.4923 2.89715C49.5902 1.10488 53.4098 1.10488 56.5077 2.89715L98.0077 26.9065C101.097 28.6939 103 31.9928 103 35.5623V83.5306C103 87.1042 101.093 90.4061 97.9978 92.1921L56.4978 116.138C53.4049 117.923 49.5951 117.923 46.5022 116.138L5.00216 92.1921C1.90693 90.4061 0 87.1042 0 83.5306V35.5623C0 31.9928 1.90262 28.6939 4.99229 26.9065Z"); clip-path: path("M4.99229 26.9065L46.4923 2.89715C49.5902 1.10488 53.4098 1.10488 56.5077 2.89715L98.0077 26.9065C101.097 28.6939 103 31.9928 103 35.5623V83.5306C103 87.1042 101.093 90.4061 97.9978 92.1921L56.4978 116.138C53.4049 117.923 49.5951 117.923 46.5022 116.138L5.00216 92.1921C1.90693 90.4061 0 87.1042 0 83.5306V35.5623C0 31.9928 1.90262 28.6939 4.99229 26.9065Z"); } .dp-page-collection .dp-series-materials .dp-item-list { max-width: 718px; } } @media (max-width: 767px) { .dp-page-collection .dp-tags-slider .dp-tag { padding: 0 16px; height: 36px; line-height: 34px; border-radius: 16px; } .dp-page-collection .dp-series-materials { padding: 40px 30px; } .dp-page-collection .dp-series-materials .dp-series-materials__item { width: 70px; } .dp-page-collection .dp-series-materials .dp-series-materials__item img { -webkit-clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); clip-path: path("M4.94102 17.6291L29.941 2.96701C33.0649 1.13492 36.9351 1.13493 40.059 2.96701L65.059 17.6291C68.1197 19.4242 70 22.7068 70 26.2551V55.7912C70 59.3436 68.1154 62.6293 65.0491 64.423L40.0491 79.0466C36.9302 80.8709 33.0698 80.8709 29.9509 79.0466L4.95092 64.423C1.8846 62.6293 0 59.3436 0 55.7912V26.2551C0 22.7068 1.88029 19.4242 4.94102 17.6291Z"); } .dp-page-collection .dp-series-materials .dp-section__link { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; text-align: center; } .dp-page-collection .dp-series-materials .dp-section__link span { line-height: 1; display: block; } .dp-page-collection .dp-series-materials .dp-item-list { max-width: 495px; } .dp-page-collection .dp-series-materials .dp-item-list .row { margin-left: -7px; margin-right: -8px; } .dp-page-collection .dp-series-materials .dp-item-list .row > [class^=col] { padding-bottom: 15px; padding-left: 7px; padding-right: 8px; } } .dp-account-profile-block { margin-bottom: 40px; max-width: 498px; } .dp-account-profile-block__tile { font-size: 24px; font-weight: 600; line-height: 1.5; margin-bottom: 20px; letter-spacing: -0.02em; color: #111111; } .dp-account-profile-block:last-child { margin-bottom: 0; } .dp-account-profile-block .dp-btn { width: 100%; height: 60px; } .dp-account-profile-block .dp-form__cancel { height: 38px; line-height: 36px; border-radius: 16px; background-color: transparent; } .dp-account-profile-block .dp-form__cancel:active, .dp-account-profile-block .dp-form__cancel:hover { background-color: transparent; color: #1421b0; } .dp-form-account input[type=text], .dp-form-account input[type=tel], .dp-form-account input[type=email], .dp-form-account input[type=url], .dp-form-account input[type=number], .dp-form-account input[type=password] { height: 60px; } .dp-form-account input[type=checkbox] + label:before, .dp-form-account input[type=radio] + label:before { border: 1px solid #ffffff; } .dp-form-account .dp-form__footer { margin-top: 20px; } .dp-form-account .dp-form__submit, .dp-form-account .dp-btn { width: 100%; } .dp-form-account .dp-form__submit { margin-bottom: 0; } .dp-form-account .dp-form__cancel { width: auto; height: 38px; line-height: 36px; border-radius: 16px; background-color: transparent; } .dp-form-account .dp-form__cancel:active, .dp-form-account .dp-form__cancel:hover { background-color: transparent; color: #1421b0; } .dp-form-account .dp-form__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-form-account .dp-form__actions .dp-form__submit { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .dp-form-account .dp-form__actions .dp-form__submit + .dp-form__cancel { margin-left: 20px; } .dp-form-account-modal .dp-form__title { font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; margin-top: 0; margin-bottom: 20px; width: 100%; max-width: 520px; margin-left: auto; margin-right: auto; } .dp-form-account-modal .dp-form__actions { width: 100%; max-width: 224px; margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dp-form-account-modal .dp-form__actions .dp-btn { margin-bottom: 10px; } .dp-form-account-modal .dp-form__actions .dp-btn:last-child { margin-bottom: 0; } .dp-form-account-modal .dp-form__actions .dp-form__cancel { height: 38px; line-height: 36px; border-radius: 16px; background-color: transparent; } .dp-form-account-modal .dp-form__actions .dp-form__cancel:active, .dp-form-account-modal .dp-form__actions .dp-form__cancel:hover { background-color: transparent; color: #1421b0; } .dp-form-account-modal .dp-form__body p, .dp-form-account-modal .dp-form__body ol, .dp-form-account-modal .dp-form__body ul { margin-top: 0.8em; margin-bottom: 0.8em; } .dp-form-account-modal .dp-form__body p:first-child, .dp-form-account-modal .dp-form__body ol:first-child, .dp-form-account-modal .dp-form__body ul:first-child { margin-top: 0; } .dp-form-account-modal .dp-form__body p:last-child, .dp-form-account-modal .dp-form__body ol:last-child, .dp-form-account-modal .dp-form__body ul:last-child { margin-bottom: 0; } .dp-form-change-password { display: none; } .dp-account-subscribe-block { max-width: none; } .dp-account-subscribe-block .dp-form-account { max-width: 498px; } .dp-account-subscribe-block__message { font-size: 20px; line-height: 1.5; color: #000000; margin-bottom: 40px; max-width: 720px; letter-spacing: 0; } .dp-account-subscribe-block__message:not([class*=font-weight_]) { font-weight: 500; } .dp-account-remove-link, .dp-account-unsubscribe-link { vertical-align: top; } .nb-back-link { font-size: 16px; font-weight: 400; line-height: 1.4; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .nb-back-link:hover { text-decoration: none; } .dp-modal-account .dp-modal__header { padding: 44px 40px 20px; border-bottom: 0; } .dp-modal-account .dp-modal__title { text-align: center; font-size: 24px; line-height: 1.5; font-weight: 600; } .dp-modal-account .dp-modal__dialog { max-width: 720px; border: 0 none #ffffff; background-color: #ffffff; padding: 30px; text-align: center; } .dp-modal-account .dp-modal__body { padding: 44px 0 0; } .dp-modal__success-icon { display: block; width: 60px; height: 60px; margin: 0 auto 20px; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%2327AE60'/%3E%3Cpath d='M49 18.3843L46.6093 16L23.3318 39.2146L13.3907 29.3004L11 31.6847L23.3318 44L25.7225 41.6157L49 18.3843Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center/contain; } .dp-modal-commercial-offer-success .dp-modal__dialog, .dp-modal-individual-production-success .dp-modal__dialog { font-size: 16px; line-height: 1.5; } .dp-modal-commercial-offer-success .dp-modal__body, .dp-modal-individual-production-success .dp-modal__body { padding-top: 0; padding-bottom: 32px; } .dp-modal-commercial-offer-success .dp-modal__body p, .dp-modal-commercial-offer-success .dp-modal__body ul, .dp-modal-commercial-offer-success .dp-modal__body ol, .dp-modal-individual-production-success .dp-modal__body p, .dp-modal-individual-production-success .dp-modal__body ul, .dp-modal-individual-production-success .dp-modal__body ol { margin-top: 1em; margin-bottom: 1em; } .dp-modal-commercial-offer-success .dp-modal__body p:first-child, .dp-modal-commercial-offer-success .dp-modal__body ul:first-child, .dp-modal-commercial-offer-success .dp-modal__body ol:first-child, .dp-modal-individual-production-success .dp-modal__body p:first-child, .dp-modal-individual-production-success .dp-modal__body ul:first-child, .dp-modal-individual-production-success .dp-modal__body ol:first-child { margin-top: 0; } .dp-modal-commercial-offer-success .dp-modal__body p:last-child, .dp-modal-commercial-offer-success .dp-modal__body ul:last-child, .dp-modal-commercial-offer-success .dp-modal__body ol:last-child, .dp-modal-individual-production-success .dp-modal__body p:last-child, .dp-modal-individual-production-success .dp-modal__body ul:last-child, .dp-modal-individual-production-success .dp-modal__body ol:last-child { margin-bottom: 0; } .dp-modal-commercial-offer-success .dp-modal__body .dp-modal__desc, .dp-modal-individual-production-success .dp-modal__body .dp-modal__desc { width: 100%; max-width: 340px; margin-left: auto; margin-right: auto; } .dp-modal-commercial-offer-calc .dp-modal__dialog, .dp-modal-individual-production .dp-modal__dialog { font-size: 16px; line-height: 1.5; } .dp-modal-commercial-offer-calc .dp-modal__dialog, .dp-modal-commercial-offer-calc .dp-modal__title, .dp-modal-individual-production .dp-modal__dialog, .dp-modal-individual-production .dp-modal__title { text-align: left; } .dp-modal-commercial-offer-calc .dp-modal__header, .dp-modal-individual-production .dp-modal__header { padding-left: 0; padding-right: 0; } .dp-modal-commercial-offer-calc .dp-modal__title, .dp-modal-individual-production .dp-modal__title { letter-spacing: -0.02em; } .dp-modal-commercial-offer-calc .dp-modal__body, .dp-modal-individual-production .dp-modal__body { padding-top: 0; } .dp-modal-commercial-offer-phone .dp-modal__dialog { font-size: 16px; line-height: 1.5; } .dp-modal-commercial-offer-phone .dp-modal__title { font-size: 20px; } .dp-modal-commercial-offer-phone .dp-modal__body { padding-top: 0; } .dp-form-commercial-offer-calc .dp-form__desc, .dp-form-individual-production .dp-form__desc { font-size: 16px; line-height: 1.5; font-weight: 500; } .dp-form-commercial-offer-calc .dp-form__desc p, .dp-form-commercial-offer-calc .dp-form__desc ol, .dp-form-commercial-offer-calc .dp-form__desc ul, .dp-form-individual-production .dp-form__desc p, .dp-form-individual-production .dp-form__desc ol, .dp-form-individual-production .dp-form__desc ul { margin-top: 1em; margin-bottom: 1em; } .dp-form-commercial-offer-calc .dp-form__desc p:first-child, .dp-form-commercial-offer-calc .dp-form__desc ol:first-child, .dp-form-commercial-offer-calc .dp-form__desc ul:first-child, .dp-form-individual-production .dp-form__desc p:first-child, .dp-form-individual-production .dp-form__desc ol:first-child, .dp-form-individual-production .dp-form__desc ul:first-child { margin-top: 0; } .dp-form-commercial-offer-calc .dp-form__desc p:last-child, .dp-form-commercial-offer-calc .dp-form__desc ol:last-child, .dp-form-commercial-offer-calc .dp-form__desc ul:last-child, .dp-form-individual-production .dp-form__desc p:last-child, .dp-form-individual-production .dp-form__desc ol:last-child, .dp-form-individual-production .dp-form__desc ul:last-child { margin-bottom: 0; } .dp-form-commercial-offer-calc .dp-form__actions, .dp-form-individual-production .dp-form__actions { max-width: none; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .dp-form-commercial-offer-calc .dp-form__submit, .dp-form-individual-production .dp-form__submit { width: auto; } .dp-form-commercial-offer-calc .dp-form__submit:hover, .dp-form-commercial-offer-calc .dp-form__submit:active, .dp-form-individual-production .dp-form__submit:hover, .dp-form-individual-production .dp-form__submit:active { background-color: #eeeeee; } .dp-form-commercial-offer-calc .dp-form__desc, .dp-form-individual-production .dp-form__desc { margin-bottom: 20px; } .dp-form-commercial-offer-calc .dp-form__footer, .dp-form-individual-production .dp-form__footer { margin-top: 20px; } .dp-form-commercial-offer-calc textarea { background-color: #eeeeee; } .dp-form-individual-production .dp-form__footer { margin-top: 0; } .dp-form-commercial-offer-summary, .dp-form-commercial-offer-details { margin-bottom: 20px; } .dp-form-commercial-offer-summary .dp-form__submit { height: 48px; line-height: 46px; font-size: 16px; font-weight: 500; padding: 0 28px; } .dp-form-commercial-offer-details { padding: 20px 0; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; } .dp-form-commercial-offer-details__inner { height: 148px; overflow: auto; -webkit-overflow-scrolling: touch; } .dp-form-commercial-offer-summary-list, .dp-form-commercial-offer-details-list { list-style: none; padding: 0; margin: 0; max-width: 480px; font-weight: 500; } .dp-form-commercial-offer-summary-list__qnt, .dp-form-commercial-offer-details-list__qnt { width: 60px; text-align: right; margin-left: auto; } .dp-form-commercial-offer-summary-list__item, .dp-form-commercial-offer-details-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; } .dp-form-commercial-offer-summary-list__item:last-child, .dp-form-commercial-offer-details-list__item:last-child { margin-bottom: 0; } .dp-form-commercial-offer-summary-list__title { color: #bcbcbc; width: calc(100% - 60px); } .dp-form-commercial-offer-details-list__code { color: #bcbcbc; font-weight: 400; font-size: 14px; margin-left: 10px; padding-top: 2px; } .dp-form-commercial-offer-phone .dp-form-field, .dp-form-commercial-offer-phone .dp-form__actions { width: 100%; max-width: 196px; margin-left: auto; margin-right: auto; } .dp-form-commercial-offer-phone .dp-form__desc { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 20px; } .dp-form-commercial-offer-phone .dp-form__desc p, .dp-form-commercial-offer-phone .dp-form__desc ol, .dp-form-commercial-offer-phone .dp-form__desc ul { margin-top: 1em; margin-bottom: 1em; } .dp-form-commercial-offer-phone .dp-form__desc p:first-child, .dp-form-commercial-offer-phone .dp-form__desc ol:first-child, .dp-form-commercial-offer-phone .dp-form__desc ul:first-child { margin-top: 0; } .dp-form-commercial-offer-phone .dp-form__desc p:last-child, .dp-form-commercial-offer-phone .dp-form__desc ol:last-child, .dp-form-commercial-offer-phone .dp-form__desc ul:last-child { margin-bottom: 0; } .dp-form-commercial-offer-phone .dp-form__footer { margin-top: 20px; } .dp-form-commercial-offer-phone .dp-form__submit:hover, .dp-form-commercial-offer-phone .dp-form__submit:active { background-color: #eeeeee; } .dp-form-commercial-offer-phone input[type=text], .dp-form-commercial-offer-phone input[type=tel], .dp-form-commercial-offer-phone input[type=email] { background-color: #eeeeee; text-align: center; } .dp-account-support { padding-top: 15px; padding-bottom: 14px; } .dp-account-support [class*=col-] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dp-chat-block { background-color: #ffffff; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0; } .dp-chat-block__link { padding: 24px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: box-shadow; } .dp-chat-block__link .icon { display: block; width: 30px; height: 24px; margin-right: 15px; } .dp-chat-block__link span { display: block; max-width: calc(100% - 45px); } .dp-chat-block__link:hover { text-decoration: none; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); } .dp-question-block { font-size: 16px; font-weight: 400; line-height: 1.4; padding: 30px 0; } .dp-question-block p { margin: 0; } .dp-form-support { padding: 34px 40px 44px; background-color: #ffffff; } .dp-form-support__title { display: block; margin-top: 0; margin-bottom: 15px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0; } .dp-form-support__note { display: block; margin-top: 9px; margin-bottom: 0; font-size: 16px; font-style: italic; font-weight: 400; line-height: 1.4; } .dp-form-support + .dp-chat-block { margin-top: 30px; } .dp-order-detail-meta { margin-bottom: 40px; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.8; } .dp-order-detail-meta__list { list-style: none; padding: 0; margin: 0; } .dp-order-detail-meta__cancel-order { display: inline-block; margin-top: 7px; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-order-detail-meta__cancel-order:hover { text-decoration: none; } .dp-order-detail-meta__repeat-order { margin-top: 25px; } .dp-order-detail-goods { padding: 34px 40px; background-color: #ffffff; } .dp-order-detail-goods__title { color: #1421b0; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: 0; margin-bottom: 34px; margin-top: 0; } .dp-order-detail-good { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 660px; } .dp-order-detail-good:not(:last-child) { margin-bottom: 40px; } .dp-order-detail-good__img { width: 130px; position: relative; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-order-detail-good__img img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.24s; transition: -webkit-transform 0.24s; transition: transform 0.24s; transition: transform 0.24s, -webkit-transform 0.24s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .dp-order-detail-good__img-link { padding-bottom: 156.73%; display: block; overflow: hidden; color: #1421b0; text-decoration: none; -webkit-overflow-scrolling: touch; } .dp-order-detail-good__img-link:hover { text-decoration: none; color: #1421b0; } .dp-order-detail-good__img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .dp-order-detail-good__caption { padding-left: 40px; width: calc(100% - 130px); } .dp-order-detail-good__title { color: #1421b0; margin-top: -5px; margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 1.4; } .dp-order-detail-good__title-link { color: #1421b0; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: color; } .dp-order-detail-good__title-link:hover { text-decoration: none; } .dp-order-detail-good__id { display: block; font-size: 16px; font-weight: 400; line-height: 1.4; margin-top: 4px; margin-bottom: 0; } .dp-order-detail-good__props { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-order-detail-good__props-list:not(:last-child) { margin-right: 48px; } .dp-order-detail-good__prop { display: -webkit-box; display: -ms-flexbox; display: flex; } .dp-order-detail-good__prop-label { display: block; font-size: 16px; font-weight: 400; line-height: 1.8; margin-right: 20px; } .dp-order-detail-good__qnt { margin-top: 20px; } .dp-order-detail-good__price { display: block; color: #1421b0; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 500; line-height: 125%; letter-spacing: 0; margin-top: 25px; margin-bottom: 0; } .selectric-dp-order-detail-good__prop-select .selectric { background: none; border: 0 none; border-radius: 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color; } .selectric-dp-order-detail-good__prop-select .selectric .label { background: none; color: #000000; font-size: 16px; font-weight: 400; line-height: 180%; height: auto; margin-left: 0; margin-right: 14px; } .selectric-dp-order-detail-good__prop-select .selectric .button { width: 6px; height: 4px; line-height: 1; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .selectric-dp-order-detail-good__prop-select .selectric .button:after { border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 0 none transparent; } .selectric-dp-order-detail-good__prop-select .selectric-items { width: auto !important; left: auto; top: 110%; right: 0; border: 0; border-radius: 0; background-color: #ffffff; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); } .selectric-dp-order-detail-good__prop-select .selectric-items ul, .selectric-dp-order-detail-good__prop-select .selectric-items li { font-size: 15px; line-height: 1.4; padding: 7px 14px; } .selectric-dp-order-detail-good__prop-select .selectric-items ul { padding: 0; } .selectric-dp-order-detail-good__prop-select .selectric-items li { white-space: nowrap; color: #000000; } .selectric-dp-order-detail-good__prop-select .selectric-items li.selected { color: #ffffff !important; } .dp-account-order-stat { font-size: 24px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; color: #111111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; margin-bottom: 60px; } .dp-account-order-stat__icon { width: 50px; height: 40px; background: url(/local/templates/mafmarket/css/../img/design/folder.svg) no-repeat center center; background-size: contain; margin-right: 15px; } .dp-account-order-actions { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dp-account-order-selected { font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; color: #111111; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .dp-account-order-selected__goods { margin-right: 10px; } .dp-account-order-selected__remove { color: #ff0000; } .dp-account-order-selected__remove .icon { fill: #ff0000; } .dp-account-order-selected__remove:hover { color: #bcbcbc; } .dp-account-order-selected__remove:hover .icon { fill: #bcbcbc; } .dp-account-order-download { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dp-account-order-download .dp-btn { margin-right: 20px; } .dp-account-order-download .dp-btn:last-child { margin-right: 0; } .dp-account-order-submit { margin-left: 20px; } .dp-account-order-submit.dp-btn { padding-left: 28px; padding-right: 28px; } .dp-account-order { font-size: 16px; padding: 40px 0; border-top: 1px solid #bcbcbc; } .dp-account-order__main { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .dp-account-order__head { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .dp-account-order__col { width: 100%; padding-left: 20px; padding-right: 20px; } .dp-account-order__col-img { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; max-width: 160px; } .dp-account-order__col-title { -webkit-box-flex: 0; -ms-flex: 0 0 265px; flex: 0 0 265px; max-width: 265px; } .dp-account-order__col-qnt { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; } .dp-account-order__col-checkbox { padding-left: 0; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; } .dp-account-order__col-remove { padding-right: 0; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; } .dp-account-order__remove { border: 0; padding: 0; background: none; cursor: pointer; } .dp-account-order__remove .icon { display: block; width: 18px; height: 20px; fill: #b1b1b1; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .dp-account-order__remove:hover .icon { fill: #ff0000; } .dp-account-order__checkbox { position: relative; } .dp-account-order__checkbox label { display: block; cursor: pointer; padding: 0; margin: 0; position: relative; } .dp-account-order__checkbox label:before { content: ""; display: block; border-radius: 4px; width: 16px; height: 16px; border: 1px solid #b1b1b1; background-color: #ffffff; background-repeat: no-repeat; background-position: 2px 3px; } .dp-account-order__checkbox input { display: block; width: 0; height: 0; border: 0; outline: 0; padding: 0; background: none; font-size: 0; position: absolute; z-index: -1; left: -1px; right: -1px; opacity: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } .dp-account-order__checkbox input:checked + label:before { background-color: #1421b0; border-color: #1421b0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.87267 7.5H3.68944L0 3.38643L1.18323 2.06717L4.28571 5.51593L9.32609 0L10.5 1.32964L4.87267 7.5Z' fill='%23ffffff'/%3E%3C/svg%3E"); } .dp-account-order__img { width: 120px; height: 80px; line-height: 1; mix-blend-mode: darken; } .dp-account-order__img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .dp-account-order__img-link { display: block; color: #111111; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-account-order__img-link:hover { color: #111111; text-decoration: none; opacity: 0.7; } .dp-account-order__title { color: #000000; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; margin: 0; } .dp-account-order__title + .dp-account-order__code { margin-top: 6px; } .dp-account-order__title-link { color: #000000; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .dp-account-order__title-link:hover { color: #000000; text-decoration: none; opacity: 0.7; } .dp-account-order__code { font-size: 14px; font-weight: 400; color: #b1b1b1; margin: 0; } .dp-account-order__materials { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px; } .dp-account-order__material { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 1; } .dp-account-order__material-img { display: block; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; margin-right: 10px; -webkit-overflow-scrolling: touch; } .dp-account-order__material-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dp-account-order__material-label { display: block; max-width: 220px; } .dp-account-order__props-toggle { margin-top: 30px; } .dp-account-order__desc { color: #111111; padding-left: 216px; } .dp-account-order__desc .dp-btn_select-like { width: auto; display: inline-block; } .dp-account-order__props { padding-top: 30px; display: none; } .dp-account-order__props_show { display: block; } .dp-account-order__props-title { font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; margin-top: 0; margin-bottom: 10px; } .dp-account-order__props-list { margin-bottom: -4px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; display: inline-block; } .dp-account-order__props-item { margin-bottom: 4px; font-size: 14px; font-weight: 500; line-height: 1.5; } .dp-account-order__props-more { margin-top: 10px; } .dp-account-order__props-more-link { font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: underline; color: #111111; } .dp-account-order__props-more-link:hover { color: #111111; text-decoration: none; } .dp-btn_toggle { position: relative; font-size: 16px; height: 48px; line-height: 46px; padding: 0 46px 0 28px; background-color: #ffffff; color: #111111; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background-color, color; } .dp-btn_toggle:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 16px; width: 16px; height: 16px; margin-top: auto; margin-bottom: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%23111111' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .dp-btn_toggle:hover { color: #ffffff; background-color: #1421b0; } .dp-btn_toggle:hover:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%23ffffff' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); } .dp-btn_toggle_active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%23ffffff' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); } button.dp-btn_toggle { line-height: 1; } .dp-section-account-delete { margin: 0; padding-bottom: 20px; min-height: 300px; height: calc(100vh - 140px); max-height: 570px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .dp-section-account-delete__title { margin: 0; font-size: 70px; font-weight: 500; line-height: 1; } .dp-section-account-delete__title + .dp-section-account-delete__btn { margin-top: 40px; } .dp-section-account-delete__btn { width: 100%; max-width: 498px; margin-left: auto; margin-right: auto; } .dp-form-account-unsubscribe .dp-form__actions { max-width: 181px; } .dp-form-account-subscribe input[disabled] { pointer-events: none; } .dp-form-account-subscribe .dp-form__actions { display: none; } .dp-form-account-subscribe .dp-form__cancel { width: 101px; margin-left: 20px; } .dp-form-account-subscribe_changed .dp-form-account-subscribe__change-email-btn { display: none; } .dp-form-account-subscribe_changed .dp-form__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1799px) { .dp-section-account-delete { height: calc(100vh - 120px); } .dp-section-account-delete__title { font-size: 60px; } .dp-section-account-delete__btn { max-width: 400px; } } @media (max-width: 1519px) { .dp-account-order-actions { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dp-account-order-selected { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-right: 0; margin-bottom: 40px; } .dp-account-order-download { margin-right: 40px; } .dp-account-order-submit { margin-left: 0; } .dp-account-order-submit.dp-btn { padding-left: 20px; padding-right: 20px; } .dp-account-order-stat { font-size: 20px; } .dp-account-order-stat__icon { width: 42px; height: 33px; } .dp-qnt-field { width: 206px; } .dp-qnt-field__input { height: 42px; } .dp-qnt-field__btn { width: 60px; height: 42px; } .dp-account-order__col { padding-left: 10px; padding-right: 10px; } .dp-account-order__col-checkbox { padding-left: 0; } .dp-account-order__col-remove { padding-right: 0; } .dp-account-order__col-qnt { -webkit-box-flex: 0; -ms-flex: 0 0 226px; flex: 0 0 226px; max-width: 226px; } .dp-account-order__col-title { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; } .dp-account-order__head { display: block; } .dp-account-order .dp-account-order__title + .dp-account-order__code { margin-top: 5px; } .dp-account-order__materials { margin-top: 40px; margin-bottom: -15px; } .dp-account-order__material { font-size: 14px; padding-bottom: 15px; } .dp-account-order__desc { padding-left: 40px; } .dp-btn_toggle { font-size: 14px; height: 42px; line-height: 40px; padding: 0 42px 0 20px; border-radius: 16px; } .dp-btn_toggle:after { right: 14px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%231421B0' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); } .dp-btn_toggle_active:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%231421B0' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); } .dp-btn_toggle:hover:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 15.7' width='40' height='15.7'%3E%3Cpath fill='%23ffffff' d='M0,0l40,0L20,15.7L0,0z'/%3E%3C/svg%3E"); } .dp-account-profile-block { margin-bottom: 40px; max-width: 330px; } .dp-account-profile-block__tile { font-size: 20px; margin-bottom: 20px; } .dp-account-profile-block .dp-btn { height: 48px; font-size: 16px; } .dp-account-subscribe-block { max-width: none; } .dp-account-subscribe-block .dp-form-account { max-width: 330px; } .dp-account-subscribe-block__message { font-size: 18px; max-width: 720px; } .dp-form-account input[type=text], .dp-form-account input[type=tel], .dp-form-account input[type=email], .dp-form-account input[type=url], .dp-form-account input[type=number], .dp-form-account input[type=password] { height: 48px; } .dp-form-account .dp-form__footer { margin-top: 20px; } .dp-form-account-modal .dp-form__title { font-size: 18px; max-width: 340px; width: 100%; margin-left: auto; margin-right: auto; } .dp-form-account-modal .dp-btn { font-size: 14px; padding-left: 20px; padding-right: 20px; } .dp-modal-account .dp-modal__dialog { max-width: 480px; padding: 30px; } .dp-modal-account .dp-modal__body { padding: 44px 0 0; } .dp-modal-account .dp-modal__title { font-size: 20px; } .dp-section-account-delete { height: calc(100vh - 100px); } .dp-section-account-delete__title { font-size: 32px; } .dp-section-account-delete__btn { max-width: none; width: auto; display: inline-block; vertical-align: top; } .dp-account-remove-link, .dp-account-unsubscribe-link { font-size: 14px; } .dp-account-remove-link span + .icon, .dp-account-unsubscribe-link span + .icon { margin-left: 10px; } .dp-modal-commercial-offer-calc .dp-modal__body, .dp-modal-individual-production .dp-modal__body { padding-top: 0; } .dp-form-commercial-offer-details { padding: 12px 0; } .dp-form-commercial-offer-summary-list, .dp-form-commercial-offer-details-list { max-width: 366px; } .dp-form-commercial-offer-summary-list__item { margin-bottom: 5px; } .dp-form-commercial-offer-summary-list__item:last-child { margin-bottom: 0; } .dp-modal-commercial-offer-phone .dp-modal__header { padding-left: 0; padding-right: 0; } .dp-modal-commercial-offer-phone .dp-modal__title { font-size: 18px; letter-spacing: -0.02em; } .dp-modal-commercial-offer-phone .dp-modal__body { padding-top: 0; } .dp-form-commercial-offer-phone .dp-form-field, .dp-form-commercial-offer-phone .dp-form__actions { max-width: 174px; } .dp-form-commercial-offer-phone input[type=text], .dp-form-commercial-offer-phone input[type=tel], .dp-form-commercial-offer-phone input[type=email] { height: 48px; padding: 0 20px; font-size: 14px; border-radius: 20px; } .dp-form-commercial-offer-phone .dp-form__submit { height: 48px; padding: 0 20px; font-size: 14px; border-radius: 20px; width: 100%; } .dp-modal-commercial-offer-success .dp-modal__body, .dp-modal-individual-production-success .dp-modal__body { padding-top: 0; } .dp-modal__success-icon { width: 48px; height: 48px; } } @media (max-width: 1519px) and (min-width: 1200px) { .dp-account-profile { padding-left: 55px; } } @media (max-width: 1199px) { .dp-account-order-stat { margin-bottom: 40px; } .dp-account-order-actions { margin-bottom: 40px; } .dp-account-order { padding: 30px 0; } .dp-account-order__materials { margin-top: 30px; } .dp-account-order-selected { margin-bottom: 30px; } .dp-page-account .dp-page__aside .dp-aside { width: auto !important; } .dp-page-account .dp-aside-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-bottom: -10px; } .dp-page-account .dp-aside-menu__link { height: 36px; line-height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 16px; background-color: #ffffff; padding: 0 16px; } .dp-page-account .dp-aside-menu__item { margin-right: 10px; } .dp-page-account .dp-aside-menu__item:last-child { display: none; } .dp-page-account .dp-aside-menu__item.selected .dp-aside-menu__link { background-color: #1421b0; color: #ffffff; padding-left: 16px; } .dp-page-account .dp-aside-menu__item.selected .dp-aside-menu__link:before { content: normal; } .dp-account-subscribe-block__message { margin-bottom: 20px; } } @media (max-width: 991px) { .dp-account-order-stat { margin-bottom: 40px; } .dp-account-order-actions { margin-bottom: 40px; } .dp-account-order-selected { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; margin-bottom: 0; padding-right: 20px; margin-right: auto; } .dp-account-order-submit { margin-top: 30px; } .dp-account-order-download { margin-right: 0; } .dp-account-order { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-account-order__main { display: contents; } .dp-account-order__head { width: calc(100% - 26px); padding-left: 10px; } .dp-account-order__materials { margin-top: 20px; margin-bottom: -20px; } .dp-account-order__material { padding-bottom: 20px; } .dp-account-order__props { padding-top: 20px; } .dp-account-order__props-toggle { margin-top: 20px; } .dp-account-order__col-qnt { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; margin-left: 36px; -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 210px; } .dp-account-order__col-remove { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .dp-account-order__remove { margin-top: 11px; } .dp-account-order__desc { padding-left: 46px; margin-bottom: 20px; width: 100%; } .dp-qnt-field { width: 190px; } .dp-qnt-field__btn { width: 52px; } .dp-account-profile-block { max-width: 350px; } .dp-modal-account .dp-modal__dialog { max-width: 720px; } .dp-account-subscribe-block { max-width: none; } .dp-account-subscribe-block .dp-form-account { max-width: 350px; } .dp-account-subscribe-block__message { font-size: 16px; max-width: none; } .dp-form-account-modal .dp-form__title { max-width: 520px; } .dp-section-account-delete { height: calc(100vh - 80px); } .dp-modal-commercial-offer-phone .dp-modal__title { letter-spacing: normal; } } @media (max-width: 767px) { .dp-account-order-selected { margin-right: 0; padding-right: 0; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .dp-account-order-download { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dp-account-order-submit { margin-top: 30px; } } @media (max-width: 575px) { .dp-account-order-selected { margin-bottom: 40px; } .dp-account-order-submit { margin-top: 0; display: block; width: 100%; } .dp-account-order-download { display: block; } .dp-account-order-download .dp-btn { width: 100%; margin-top: 0; margin-bottom: 20px; } .dp-account-order__props-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .dp-account-order__head { padding-left: 0; } .dp-account-order__desc { padding-left: 36px; } .dp-account-order__col-qnt { margin-left: 26px; } .dp-account-profile-block { max-width: none; } .dp-account-profile-block .dp-btn { font-size: 14px; } .dp-account-remove-link { height: 48px; border-radius: 20px; border: 1px solid #b1b1b1; padding: 0 18px; 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; font-size: 14px; } .dp-account-remove-link span + .icon { margin-left: 12px; } .dp-modal-account .dp-modal__dialog { padding: 20px; } .dp-form-account-modal .dp-form__title { font-size: 16px; } .dp-form-account .dp-form__actions, .dp-form-account-modal .dp-form__actions { max-width: none; } .dp-form-account .dp-form__actions .dp-btn, .dp-form-account-modal .dp-form__actions .dp-btn { width: 100%; } .dp-form-account .dp-form__actions .dp-btn:not(:last-child), .dp-form-account-modal .dp-form__actions .dp-btn:not(:last-child) { margin-bottom: 20px; } .dp-form-account .dp-form__actions .dp-form__cancel, .dp-form-account-modal .dp-form__actions .dp-form__cancel { height: 48px; border-radius: 20px; border: 1px solid #b1b1b1; padding: 0 18px; 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; font-size: 14px; margin-left: 0; } .dp-form-account .dp-form__actions .dp-form__submit + .dp-form__cancel, .dp-form-account-modal .dp-form__actions .dp-form__submit + .dp-form__cancel { margin-left: 0; } .dp-account-profile-block-unsubscribe { text-align: center; margin-top: -20px; } .dp-modal-commercial-offer-calc .dp-modal__dialog, .dp-modal-individual-production .dp-modal__dialog { font-size: 14px; } .dp-form-commercial-offer-calc .dp-form__desc, .dp-form-individual-production .dp-form__desc { font-size: 14px; } .dp-form-commercial-offer-details__inner { padding-right: 30px; height: 186px; } .dp-form-commercial-offer-summary-list, .dp-form-commercial-offer-details-list { max-width: none; } .dp-form-commercial-offer-details-list__item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .dp-form-commercial-offer-details-list__title { width: calc(100% - 60px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); max-width: calc(100% - 60px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dp-form-commercial-offer-details-list__code { padding-top: 0; margin-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dp-form-commercial-offer-details-list__qnt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; } .dp-modal-commercial-offer-phone .dp-modal__title { font-size: 16px; } .dp-form-commercial-offer-phone .dp-form-field, .dp-form-commercial-offer-phone .dp-form__actions { max-width: 200px; } .dp-modal-commercial-offer-success .dp-modal__dialog, .dp-modal-individual-production-success .dp-modal__dialog { font-size: 14px; } .dp-modal-commercial-offer-success .dp-modal__body .dp-modal__desc, .dp-modal-individual-production-success .dp-modal__body .dp-modal__desc { max-width: 300px; } } @media (max-width: 420px) { .dp-form-commercial-offer-phone .dp-form-field, .dp-form-commercial-offer-phone .dp-form__actions { max-width: none; } } /* End */ /* Start:/local/templates/mafmarket/libs/swiper/swiper-bundle.min.css?176294269217864*/ /** * Swiper 9.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/mafmarket/libs/fancybox/jquery.fancybox.min.css?161119194312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/mafmarket/css/custom.css?17629426919942*/ /* 7.12.2023 */ .dp-footer-text-logo { margin-bottom: 24px; } .dp-footer-text-logo img { display: block; width: 100%; height: auto; } @media (min-width: 1800px) { .dp-footer { padding-top: 53px } } @media (min-width: 1200px) and (max-width: 1799px) { .dp-footer { padding-top: 42px } .dp-footer-text-logo { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 1199px) { .dp-footer { padding-top: 31px } .dp-footer-text-logo { margin-bottom: 40px; } } @media (max-width: 767px) { .dp-footer { padding-top: 30px } .dp-footer-text-logo { margin-bottom: 40px; } } .dp-aside-menu__quantity { display: inline; margin-left: 0; padding-left: 5px; } .dp-catalog-menu-mobile__close { top: 30px; } /* 8.12.2023 */ .dp-aside-menu__item.selected .dp-aside-menu__link:before, .dp-aside-menu__subitem.selected .dp-aside-menu__sublink:before { width: 5px; } @media (min-width: 1800px) { .dp-404 .dp-section__link { padding-left: 37px; padding-right: 37px; } } @media (min-width: 1200px) and (max-width: 1799px) { .dp-404 .dp-section__link { padding-left: 23px; padding-right: 23px; } } @media (min-width: 768px) and (max-width: 1199px) { .dp-404 .dp-section__link { padding-left: 22px; padding-right: 22px; } } @media (min-width: 1800px) { .dp-page-designers .dp-subscribe .dp-btn .icon, .dp-page-production .dp-subscribe .dp-btn .icon { width: 26px; height: 26px; } } @media (min-width: 1200px) and (max-width: 1799px) { .dp-page-designers .dp-subscribe .dp-btn .icon, .dp-page-production .dp-subscribe .dp-btn .icon { width: 23px; height: 23px; } } @media (min-width: 768px) and (max-width: 1199px) { .dp-page-designers .dp-subscribe .dp-btn .icon, .dp-page-production .dp-subscribe .dp-btn .icon { width: 23px; height: 23px; } } @media (max-width: 767px) { .dp-page-designers .dp-subscribe .dp-btn .icon, .dp-page-production .dp-subscribe .dp-btn .icon { width: 23px; height: 23px; } } /* 12.12.2023 */ .dp-select option[disabled][selected]:first-child { display: none; } .dp-series-info.dp-series-info-designer .dp-section__title { padding-right: 4px; } .dp-series-info.dp-series-info-designer .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 768px) and (max-width: 1799px) { .dp-series-info.dp-series-info-designer .dp-section__header { padding-top: 2px; } } @media (min-width: 768px) { .dp-series-info.dp-series-info-designer .dp-section__header { margin-bottom: 0; } } @media (max-width: 767px) { .dp-series-info.dp-series-info-designer .dp-section__title { padding-right: 0; } .dp-series-info.dp-series-info-designer .dp-section__header { margin-bottom: 10px; } } .dp-model-card__block-link a { display: inline; text-decoration: none; border-bottom: 1px solid currentColor; } .dp-model-card__block-link a:hover { border-bottom-color: transparent; } @media (min-width: 1800px) { .dp-model-card__chars { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .dp-model-card__chars .dp-model-card__chars-list { column-gap: 45px; } } .dp-page-top-nav a.dp-tag > span { line-height: inherit; } a.dp-series-model-item { color: #111111; background-color: transparent; } a.dp-series-model-item:before { content: ''; position: absolute; right: 24px; width: 7px; top: 50%; margin-top: -7px; height: 16px; background-image: url(/local/templates/mafmarket/css/../img/icons/drop-right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 0.3s; } a.dp-series-model-item:hover { background-color: #ffffff; color: #111111; } a.dp-series-model-item:hover:before { opacity: 1; } /* 22.12.2023 */ .dp-series-mobile-filter__item__item-title { font-weight: 600; } .dp-series-models-aside-filter { position: static; -webkit-transform: none; -ms-transform: none; transform: none; display: none; padding: 0; width: 100%; overflow: visible; margin-bottom: 40px; } .dp-series-models-aside-filter.active { -webkit-transform: none; -ms-transform: none; transform: none; display: block; } .dp-series-models-aside-filter .row { margin-bottom: -40px; } .dp-series-models-aside-filter .row > [class^="col"] { margin-bottom: 40px; } @media (max-width: 767px) { .dp-series-models-aside-filter .row { margin-bottom: -20px; } .dp-series-models-aside-filter .row > [class^="col"] { margin-bottom: 20px; } } /* 22.12.2023 */ @media (min-width: 1200px) and (max-width: 1519px) { .dp-aside .dp-btn.dp-btn_xs { padding-left: 9px; padding-right: 9px; font-size: 13px; } .dp-aside .dp-btn.dp-btn_xs .icon { margin-left: 5px; } } /* 20.02.2024 */ a.dp-btn > span, span.dp-btn > span, div.dp-btn > span { line-height: inherit; } /* VIDEOS ON FIRST SCREEN */ @media (min-width: 1200px) { .dp-promo__video-mobile { display: none!important; } } @media (max-width: 1199px) { .dp-promo__video-desktop { display: none!important; } } /* NEW SERIES SLIDER */ .dp-series-gallery__main .swiper-slide { width: auto!important; max-width: 100%; } .dp-series-gallery__main .dp-series-gallery__main-item { width: auto; max-width: 100%; } .dp-series-gallery__main .dp-series-gallery__main-item picture, .dp-series-gallery__main .dp-series-gallery__main-item img, .dp-series-gallery__main .dp-series-gallery__main-item video { height: 100%; display: block; width: auto; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .dp-series-gallery__main .dp-series-gallery__nav-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dp-series-gallery__nav .swiper-slide { width: auto!important; } .dp-series-gallery__nav .dp-series-gallery__nav-item { width: auto; max-width: 100%; position: relative; } @media (max-width: 992px) { .dp-series-gallery__main-container { margin-left: -24px!important; margin-right: -24px!important; padding-left: 24px!important; padding-right: 24px!important; } } @media (max-width: 767px) { .dp-series-gallery__main .dp-series-gallery__main-item { height: 180px; } .dp-series-gallery__nav .dp-series-gallery__nav-item { height: 50px; } } .dp-series-gallery__main-item__icon.video { position: absolute; width: 50px; height: 50px; background: #ffffff; /*border: 1px solid #1421b0;*/ border-radius: 50%; left: 50%; top: 50%; z-index: 1; margin-left: -25px; margin-top: -25px; } .dp-series-gallery__main-item__icon.video:before { content: ''; border: 12px solid transparent; border-right: 0; border-left: 18px solid #1421b0; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -6px; } @media (max-width: 1199px) { .dp-series-gallery__main-item__icon.video { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .dp-series-gallery__main-item__icon.video:before { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 15px; margin-top: -10px; margin-left: -5px; } } @media (max-width: 767px) { .dp-series-gallery__main-item__icon.video { width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } .dp-series-gallery__main-item__icon.video:before { border-top-width: 6px; border-bottom-width: 6px; border-left-width: 10px; margin-top: -6px; margin-left: -3px; } } @media (min-width: 1200px) { .dropdown.dp-header-menu__sub { width: 350px; margin-left: -175px; } } .dp-model-card__gallery-item img { border-radius: 20px; } .dp-catalog-item__image img { border-radius: 30px; width: 100%; height: 100%; object-fit: cover; } .dp-btn.dp-btn_select-like { text-overflow: inherit; } .dp-btn.dp-btn_select-like span { max-width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dp-model-card-config .dp-model-card__image img { border-radius: 20px; } .dp-model-card__gallery { position: relative; } .dp-model-card__gallery .dp-slider-arrows { position: static; width: 100%; } .dp-model-card__gallery .dp-slider-arrow { position: absolute; top: 50%; z-index: 2; margin-top: -20px; } .dp-model-card__gallery .dp-slider-arrow.prev { left: 40px; } .dp-model-card__gallery .dp-slider-arrow.next { right: 40px; } .dp-series-recommended .dp-catalog-slider .swiper-slide:first-child { width: calc((100% - 20px) / 3); max-width: calc((100% - 20px) / 3); } .dp-series-models .dp-series-models-aside-filter-toggler{ display:none !important; } .dp-page-about .dp-sticky-fixed, .dp-page-designers .dp-sticky-fixed, .dp-page-production .dp-sticky-fixed { 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; height: 100%; } .dp-page-about .dp-sticky-fixed .aside-menu-button, .dp-page-designers .dp-sticky-fixed .aside-menu-button, .dp-page-production .dp-sticky-fixed .aside-menu-button { margin-top: auto; margin-bottom: 50px; } .dp-page-about .dp-sticky-top .aside-menu-button, .dp-page-designers .dp-sticky-top .aside-menu-button, .dp-page-production .dp-sticky-top .aside-menu-button { position: fixed; bottom: 80px; } .dp-page-designers .aside-menu-button, .dp-page-designers .aside-menu-button:focus, .dp-page-production .aside-menu-button, .dp-page-production .aside-menu-button:focus { color: #111111; background-color: #ffffff; border-color: transparent; } .dp-page-designers .aside-menu-button:hover, .dp-page-designers .aside-menu-button:active, .dp-page-production .aside-menu-button:hover, .dp-page-production .aside-menu-button:active { color: #ffffff; background-color: rgba(255,255,255,0); border-color: #ffffff; } .dp-page-production .dp-page__aside .dp-tags:not(:last-child) { margin-bottom: 7vh; } .dp-page-collection .dp-aside.dp-sticky-top .dp-aside__title + .dp-tags { margin-top: 0; } /* End */ /* Start:/local/templates/mafmarket/css/custom_2.css?17629426911523*/ /* Сообщения об ошибках --> */ textarea.form__error { border: 2px solid #FD0006 !important; } input.form__error { border: 2px solid #FD0006 !important; } span.form__error { font-size: 12px; color: #FD0006; /*display: inline-block;*/ /* padding: 0; line-height: 1.5; font-weight: normal; position: absolute; left: 18px; bottom: -17px; border: none; background-color: transparent; cursor: default; */ } /* <-- Сообщения об ошибках */ /*Лоадер -->*/ .total-message { color: #fff; text-align: center; } .total-message .notetext { display: block; margin-bottom: 1em; } .btn--loading { position: relative; pointer-events: none; } .btn--loading::after { content: ""; position: absolute; width: 20px; height: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 4px solid transparent; border-top-color: #fff; border-radius: 50%; animation: button-loading-spinner 1s ease infinite; } @keyframes button-loading-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } .btn--loading .btn-text { visibility: hidden; opacity: 0; } /*<-- Лоадер */ /* ACCOUNT PROFILE EDIT */ .dp-form-profile:not(.dp-form-profile__allow-edit) .dp-form-profile__btn-save { display: none; } .dp-form-profile.dp-form-profile__allow-edit .dp-form-profile__btn-edit { display: none; } /* End */ /* Start:/local/templates/mafmarket/template_styles.css?176294269270*/ .auth-errors{ margin-top:10px; } .errortext{ color: #FF0000; } /* End */ /* /local/templates/mafmarket/libs/swiper/swiper-bundle.min.css?176294269217864 */ /* /local/templates/mafmarket/css/common.css?1762942691279751 */ /* /local/templates/mafmarket/css/main.css?1762942691194078 */ /* /local/templates/mafmarket/libs/swiper/swiper-bundle.min.css?176294269217864 */ /* /local/templates/mafmarket/libs/fancybox/jquery.fancybox.min.css?161119194312795 */ /* /local/templates/mafmarket/css/custom.css?17629426919942 */ /* /local/templates/mafmarket/css/custom_2.css?17629426911523 */ /* /local/templates/mafmarket/template_styles.css?176294269270 */