/* Start:/local/templates/main/libs/swiper-bundle.min.css?178005503615575*/ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .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/main/libs/simplebar.css?17800550364467*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/templates/main/css/normalize.css?17800550366126*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/main/css/main.css?178005503690136*/ @charset "UTF-8"; @font-face { font-family: "Aeroport"; src: url("/local/templates/main/css/../libs/fonts/Aeroport.woff2") format("woff2"); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: "Aeroport"; src: url("/local/templates/main/css/../libs/fonts/Aeroport-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; font-style: normal; } @font-face { font-family: "Aeroport"; src: url("/local/templates/main/css/../libs/fonts/Aeroport-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; font-style: normal; } @font-face { font-family: "Aeroport"; src: url("/local/templates/main/css/../libs/fonts/Aeroport-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: "Aeroport"; src: url("/local/templates/main/css/../libs/fonts/AeroportMono.woff2") format("woff2"); font-weight: 400; font-display: swap; font-style: normal; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; } body { font-family: "Aeroport", sans-serif; scroll-behavior: smooth; margin: 0; min-width: 320px; font-weight: 300; font-size: 20px; line-height: 140%; color: #2b1b14; background-color: #ffffff; } img { height: auto; max-width: 100%; object-fit: cover; } a { text-decoration: none; font-family: inherit; color: #f8aa2b; } .main { --header-height: 63px; padding-top: calc(var(--header-height) + 65px); } .home .main { padding-top: 0; } .list-reset { padding: 0; margin: 0; list-style: none; } @keyframes cbk-phone-waves-1 { 0%, 42.86% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0.66; animation-timing-function: ease-in-out; } to { transform: matrix(2.39, 0, 0, 2.39, 0, 0); opacity: 0; } } @keyframes cbk-phone-waves-2 { 0%, 42.86% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0.66; animation-timing-function: ease-in-out; } to { transform: matrix(3.17, 0, 0, 3.17, 0, 0); opacity: 0; } } @keyframes cbk-phone-waves-3 { 0%, 42.86% { transform: matrix(0.42, 0, 0, 0.42, 0, 0); opacity: 0.66; animation-timing-function: ease-in-out; } to { transform: matrix(2.79, 0, 0, 2.79, 0, 0); opacity: 0; } } .cbk-phone-circle { transform-origin: center center !important; -moz-transform-origin: center center !important; -webkit-transform-origin: center center !important; -o-transform-origin: center center !important; -ms-transform-origin: center center !important; } .cbk-phone-circle { position: absolute; -webkit-animation: cbk-phone-waves-1 3.5s infinite; -moz-animation: cbk-phone-waves-1 3.5s infinite; -ms-animation: cbk-phone-waves-1 3.5s infinite; -o-animation: cbk-phone-waves-1 3.5s infinite; animation: cbk-phone-waves-1 3.5s infinite; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .cbk-phone-circle { background-color: #ffffff; } .cbk-phone-second_circle, .cbk-phone-third_circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 70%; height: 70%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .cbk-phone-second_circle { -webkit-animation: cbk-phone-waves-2 3.5s infinite; -moz-animation: cbk-phone-waves-2 3.5s infinite; -ms-animation: cbk-phone-waves-2 3.5s infinite; -o-animation: cbk-phone-waves-2 3.5s infinite; animation: cbk-phone-waves-2 3.5s infinite; } .cbk-phone-third_circle { -webkit-animation: cbk-phone-waves-3 3.5s infinite; -moz-animation: cbk-phone-waves-3 3.5s infinite; -ms-animation: cbk-phone-waves-3 3.5s infinite; -o-animation: cbk-phone-waves-3 3.5s infinite; animation: cbk-phone-waves-3 3.5s infinite; } .cbk-phone-second_circle, .cbk-phone-third_circle { border: 1px solid #ffffff; } .scalable-picture { overflow: visible; } .scalable-picture img { transition: all 0.7s ease-in-out; } .scalable-picture img:hover { transform: scale(1.03); } .visually-hidden { position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0); } .text-hide { font-size: 0; line-height: 0; } @media (max-width: 425px) { .mob-hide { display: none; } } .custom-lock { overflow: hidden; } .accordion { list-style: none; margin: 0; padding: 0; } .accordion__button { background-color: transparent; width: 100%; border: none; display: flex; justify-content: space-between; gap: 32px; align-items: center; padding: 23px 0; } .accordion__title { font-weight: 300; font-size: 1.6em; line-height: 125%; color: #2B1B14; } .accordion__label { font-weight: 500; font-size: 0.8em; line-height: 100%; text-align: center; letter-spacing: 0.02em; color: #FFFFFF; background: #E67A00; border-radius: 6px; padding: 0; margin-right: auto; height: 0; overflow: hidden; } .accordion__content { display: flex; justify-content: space-between; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #DFDDDC; } .accordion__content .button--small { padding: 8px 24px; } .accordion__content .button--small span { line-height: 100%; } .accordion__content:last-child { border: none; } .accordion__content-wrapper { max-width: 752px; display: flex; gap: 16px; flex-wrap: wrap; } .accordion__text { font-weight: 300; font-size: 1.2em; line-height: 133%; color: #2B1B14; margin: 0; width: 100%; max-width: 100%; } .accordion__harvest { width: 100%; max-width: 100%; } .accordion__price { font-weight: 700; font-size: 1.2em; line-height: 100%; color: #2B1B14; } .accordion__button.active+.accordion__content { height: auto; padding: 14px 0; } .attach-file { margin-bottom: 24px; } @media (max-width: 767px) { .attach-file { padding: 24px; } } .attach-file__block { display: flex; align-items: flex-start; } @media (max-width: 767px) { .attach-file__block { display: block; } } .filepond--drop-label, .filepond--browser-yo3yuh3l3, .filepond--browser-w1ujbknv7, .filepond--data { display: none; } .attach-file .filepond input { display: none; } .attach-file .filepond .filepond--list-scroller { transform: none !important; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; } .attach-file .filepond .filepond--item { position: relative; transform: none !important; height: auto !important; } .attach-file .filepond .filepond--item::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100000000px; height: 1px; background-color: #e5e5eb; } .attach-file .filepond .filepond--item:last-child::before { display: none; } .attach-file .filepond .filepond--label-action { display: none; } .attach-file .filepond fieldset { min-inline-size: inherit; display: flex; } .attach-file .filepond .filepond--file-wrapper:hover .filepond--action-remove-item::before, .attach-file .filepond .filepond--file-wrapper:hover .filepond--action-remove-item::after { background-color: #003b83; } .attach-file .filepond .filepond--file div, .attach-file .filepond .filepond--file button { display: none; } .attach-file .filepond .filepond--file .filepond--action-remove-item { display: block; width: 18px; height: 18px; background-color: transparent; cursor: pointer; transform: translateY(6px) !important; } @media (max-width: 767px) { .attach-file .filepond .filepond--file .filepond--action-remove-item { transform: translateY(4px) !important; } } .attach-file .filepond .filepond--file .filepond--action-remove-item::before { content: ""; position: absolute; left: calc(50% - 1px); top: 0; bottom: 0; background-color: #0050b2; width: 2px; transform: rotate(45deg); transition: all 0.3s ease-in-out; } .attach-file .filepond .filepond--file .filepond--action-remove-item::after { content: ""; position: absolute; left: calc(50% - 1px); top: 0; bottom: 0; background-color: #0050b2; width: 2px; transform: rotate(-45deg); transition: all 0.3s ease-in-out; } .attach-file .filepond .filepond--file .filepond--action-remove-item svg { display: none; } .attach-file .filepond .filepond--file .filepond--action-remove-item span { display: none; } .attach-file .filepond legend { font-size: 18px; line-height: 28px; color: #000; float: left; margin-right: 15px; } @media (max-width: 767px) { .attach-file .filepond legend { font-size: 16px; line-height: 24px; } } .attach-file .filepond .filepond--assistant { display: none !important; } .attach-file .btn-white__text { text-decoration: none; text-transform: lowercase; cursor: pointer; position: relative; text-align: center; outline: 0; border: 0; z-index: 10; border-radius: 6px; padding: 20px 19px; gap: 26px; display: flex; align-items: baseline; justify-content: space-between; width: 100%; max-width: 100%; } .attach-file .btn-white__text:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all 0.2s ease-in-out; pointer-events: none; border-radius: 6px; border-color: #ffffff; background-color: #6B3012; } .attach-file .btn-white__text span { font-family: inherit; position: relative; z-index: 1; pointer-events: none; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; } .attach-file .btn-white__text .arrow { width: 18px; height: 10px; position: relative; z-index: 12; pointer-events: none; overflow: visible; stroke: #ffffff; } .attach-file .btn-white__text .arrow__tail { transform: translateX(0); transition: 0.3s; stroke: #ffffff; } .attach-file .btn-white__text:hover::before { left: -4px; top: -4px; bottom: -4px; right: -4px; border-color: transparent; } .attach-file .btn-white__text:hover .arrow__tail { transform: translateX(-7px); transition: 0.3s; } .download-file { display: flex; flex-direction: column; } .filepond--list { list-style: none; margin: 0; padding: 0; } .attach-file .filepond fieldset { border: none; padding: 0; margin-top: 16px; } .attach-file .filepond legend { color: #554943; font-weight: 300; font-size: 18px; line-height: 40px; text-align: initial; } .filepond--action-remove-item { border: none; } .attach-file .filepond .filepond--file .filepond--action-remove-item::before, .attach-file .filepond .filepond--file .filepond--action-remove-item::after { background-color: #F8AA2B; } .attach-file .btn-white { width: 100%; max-width: 100%; } .attach-file .filepond .filepond--item::before { display: none; } .button { text-decoration: none; padding: 17px 24px 23px; text-transform: lowercase; cursor: pointer; position: relative; text-align: center; outline: 0; border: 0; z-index: 10; border-radius: 6px; display: flex; align-items: center; justify-content: center; max-width: max-content; } @media (max-width: 425px) { .button { padding: 16px 24px; } } .button::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all 0.2s ease-in-out; pointer-events: none; border-radius: 6px; border-color: #F8AA2B; background-color: #F8AA2B; } .button span { font-weight: 500; font-size: 0.8em; line-height: 100%; color: #161616; font-family: inherit; position: relative; z-index: 1; pointer-events: none; text-align: center; letter-spacing: 0.02em; } .button:hover { color: #2B1B14; text-decoration: none; } .button:hover::before { left: -4px; top: -4px; bottom: -4px; right: -4px; border-color: transparent; } .button--scroll { padding: 18px 23px; } .button--scroll::before { border-color: #ffffff; background-color: #ffffff; } .button--icon { gap: 15px; justify-content: space-between; padding: 16px 24px; } @media (max-width: 1600px) { .button--icon { gap: 0; padding: 16px; } } @media (max-width: 425px) { .button--icon { padding: 12px; } } @media (max-width: 1600px) { .button--icon span { display: none; } } .button--icon::after { content: ""; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(/local/templates/main/css/../img/icons/arrow-to-right.svg); background-position: center; position: relative; } .button--account { text-transform: initial; } .button--account::before { background-color: #6B3012; border-color: #6B3012; } @media (max-width: 425px) { .button--account { display: none; } } .button--account span { color: #ffffff; } .button--account::after { background-image: url(/local/templates/main/css/../img/icons/account.svg); background-size: contain; } .button--lang { text-transform: initial; } .button--lang::before { background-color: #E67A00; border-color: #E67A00; } /* .button--lang::after { background-image: url(/local/templates/main/css/../img/icons/rus--globe.svg); background-size: contain; } */ /* html[lang=ru] .button--lang::after { background-image: url(/local/templates/main/css/../img/icons/en--globe.svg); } */ .button--lang span { color: #ffffff; } .button--arrow { padding: 20px 19px; gap: 26px; display: flex; align-items: baseline; justify-content: space-between; } .mob-lb { display: none; } @media (max-width: 1600px) { .mob-lb { display: block !important; } .button--lang { text-transform: initial; padding: 16px; width: 56px; height: 56px; display: flex; max-width: initial; justify-content: center; } .button--lang::after { display: none !important; } } @media (max-width: 425px) { .button--arrow { padding: 19px 15px; } } .button--arrow::before { border-color: #ffffff; background-color: #ffffff; } @media (max-width: 425px) { .button--arrow span { display: none; } .modal .button--arrow span { display: block; } } .button--arrow .arrow { stroke: #F8AA2B; width: 18px; height: 10px; position: relative; z-index: 12; pointer-events: none; overflow: visible; } .button--arrow .arrow__tail { transform: translateX(0); transition: 0.3s; stroke: #F8AA2B; } .button--arrow:hover .arrow__tail { transform: translateX(-7px); transition: 0.3s; } .button--prev { text-transform: initial; } .button--prev::before { border-color: #ffffff; background-color: #ffffff; } .button--prev.button--arrow .arrow { transform: rotate(180deg); } .button--next { text-transform: initial; } .button--next::before { border-color: #ffffff; background-color: #ffffff; } .button--next.button--arrow .arrow { transform: rotate(0); } .button-menu { display: none; } @media (max-width: 1200px) { .button-menu { position: relative; padding: 27px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #F8AA2B; width: 56px; height: 56px; display: flex; max-width: initial; } } .button-menu:before { display: none; } @media (max-width: 425px) { .button-menu { padding: 24px; } } .button-menu span, .button-menu span::after, .button-menu span::before { position: absolute; width: 24px; height: 2px; background-color: #ffffff; } .button-menu span::after, .button-menu span::before { content: ""; display: block; transition: 0.3s; } .button-menu span::before { transform: translateY(-8px); } .button-menu span::after { transform: translateY(8px); } .button-menu.active span { height: 0; } .button-menu.active span:before { transform: rotate(-45deg); } .button-menu.active span:after { transform: rotate(45deg); } .button--mod::before { background-color: #6B3012; border-color: #6B3012; } .button--mod span { color: #ffffff; } .button-text:after { display: none; } .button-plus { position: relative; width: 48px; height: 48px; background: transparent; cursor: pointer; z-index: 10; padding: 0; } .button-plus:after { content: ""; position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: #F8AA2B; } .button-plus:before { content: ""; position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #F8AA2B; } .button-plus.clicked:before { width: 0; } .button-text { background-color: transparent; border: none; color: #E67A00; font-family: inherit; font-weight: inherit; position: relative; line-height: 111%; display: inline-block; padding: 0; cursor: pointer; transition: 0.3s linear; } .button-text:before { content: ""; position: absolute; display: block; left: 0; bottom: -4px; width: 0; height: 4px; background-color: #E67A00; transition: max-width 0.4s; } .button-text.active { color: #E67A00 !important; } .button-text.active:before { width: 100%; } .button-round { background-color: #fff; font-size: 0; line-height: 0; border-radius: 50%; width: 64px; height: 64px; position: relative; display: flex; justify-content: center; align-items: center; } .button-round:after { content: ""; display: block; position: absolute; background-image: url(/local/templates/main/css/../img/icons/plus.svg); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; } .button-round::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all 0.2s ease-in-out; pointer-events: none; border-radius: 50%; border-color: #ffffff; background-color: #ffffff; } .button-round .cbk-phone-second_circle, .button-round .cbk-phone-third_circle { border-color: transparent; } .button-round .cbk-phone-circle { background-color: transparent; } .button-round:hover::before { left: -8px; top: -8px; bottom: -8px; right: -8px; border-color: transparent; } .button-round:hover:after { width: 32px; height: 32px; background-image: url(/local/templates/main/css/../img/icons/plus-big.svg); } .button--small { transition: 0.3s linear; padding: 8px 24px; } .color-2:before { background-color: #6B3012 !important; } .color-3 span { color: #ffffff; } .color-3:before { background-color: #E67A00 !important; } .clear-header { padding: 45px 0 22px; } @media (max-width: 900px) { .clear-header { padding-top: 37px; padding-bottom: 64px; } } .clear-header .title { margin-bottom: 22px; } @media (max-width: 1440px) { .clear-header .title { font-size: 2.8em; } } @media (max-width: 735px) { .clear-header .title { font-size: 2.2em; } } @media (max-width: 900px) { .clear-header .breadcrumbs { padding: 0; } } .container { max-width: 1312px; width: 100%; margin: 0 auto; padding: 0; } .container--mod { max-width: 1088px; } .custom-accordion__button { background-color: transparent; width: 100%; border: none; display: flex; justify-content: space-between; gap: 32px; align-items: center; padding: 23px 0; position: relative; border-bottom: 1px solid #DFDDDC; /* border-top: 1px solid #DFDDDC; */ transition: 0.1s; cursor: pointer; } .custom-accordion__button::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; border-radius: 6px; background-color: transparent; } @media (max-width: 1024px) { .custom-accordion__button::before { display: none; } } .custom-accordion__button:hover { border-color: transparent; } .custom-accordion__button:hover::before { left: -24px; top: -8px; bottom: -8px; right: -24px; border-color: transparent; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); } .custom-accordion__button .button-plus:before { transition: 0.3s; transform: rotate(0); } .custom-accordion__button.active { border-color: #DFDDDC; border-bottom: none; transition: 0.1s; } .custom-accordion__button.active::before { display: none; } .custom-accordion__button.active .button-plus:before { transform: rotate(90deg); top: 2%; transition: 0.3s; } .custom-accordion__button.active:hover { border-color: #DFDDDC; } .custom-accordion__title { font-weight: 300; font-size: 1.6em; line-height: 125%; color: #2B1B14; } @media (max-width: 1440px) { .custom-accordion__title { font-size: 1.2em; } } .custom-accordion__label { font-weight: 500; font-size: 0.8em; line-height: 100%; text-align: center; letter-spacing: 0.02em; color: #FFFFFF; background: #E67A00; border-radius: 6px; padding: 8px 14px; margin-right: auto; } .custom-accordion__details { padding: 14px 0; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #DFDDDC; } @media (max-width: 768px) { .custom-accordion__details { flex-wrap: wrap; align-items: center; gap: 24px; } } .custom-accordion__details:last-child { padding-bottom: 47px; border: none; } .custom-accordion__details .button--small { margin-right: 4px; } .custom-accordion__details-top { max-width: 752px; width: 100%; display: flex; gap: 16px; flex-wrap: wrap; } @media (max-width: 768px) { .custom-accordion__details-top { max-width: 288px; } } @media (max-width: 425px) { .custom-accordion__details-top { max-width: 100%; } } .custom-accordion__text { font-weight: 300; font-size: 1.2em; line-height: 133%; color: #2B1B14; margin: 0; width: 100%; max-width: 100%; } @media (max-width: 768px) { .custom-accordion__text { font-size: 1em; } } .custom-accordion__price { font-weight: 700; font-size: 1.2em; line-height: 100%; color: #2B1B14; } @media (max-width: 768px) { .custom-accordion__price { font-size: 1em; } } .custom-accordion__content { height: 0; overflow: hidden; } .active+.custom-accordion__content { height: auto; } .custom-form { color: #554943; font-size: 1em; line-height: 100%; font-weight: 300; font-family: "Aeroport", sans-serif; } .custom-form .custom-form__button { min-width: 416px; margin: 0 auto; } .custom-form .custom-form__title { margin: 0; padding: 0; font-weight: 700; font-size: 48px; line-height: 117%; color: #6B3012; } @media (max-width: 1440px) { .custom-form .custom-form__title { font-size: 1.6em; } } .custom-form__items-wrapper { display: flex; flex-direction: column; gap: 32px; margin: 0; margin-bottom: 30px; } .custom-form__item { position: relative; margin: 0; } .custom-form__item label { position: absolute; left: 26px; top: -8px; padding: 0 4px; color: #554943; background: #fff; } @media (max-width: 1440px) { .custom-form__item label { font-size: 0.9em; } } .custom-form__item input, .custom-form__item textarea { font-family: inherit; margin: 0; display: block; width: 100%; min-height: 48px; padding: 0 16px; border-radius: 6px; font-weight: 400; background: #FFFFFF; border: 1px solid #DFDDDC; transition: border-color 0.3s ease-in-out; color: inherit; font-size: inherit; line-height: inherit; } .custom-form__item textarea { padding-top: 22px; padding-bottom: 22px; } .custom-form__item input:hover, .custom-form__item input:focus, .custom-form__item textarea:hover, .custom-form__item textarea:focus { border: 1px solid #2B1B14; } .custom-form__item input:active, .custom-form__item textarea:active, .custom-form__item input:focus-visible, .custom-form__item textarea:focus-visible { border-color: #6B3012; border-width: 2px; outline: none; } .custom-form__footer { margin-bottom: 32px; } .custom-form__politic { margin: 0; font-size: 0.9em; color: #554943; position: relative; padding-left: 40px; } .custom-form__politic a { position: relative; } .custom-form__politic a:after { content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 0; height: 1.5px; background-color: #f8aa2b; transition: width 0.4s; } .custom-form__politic a:focus:after, .custom-form__politic a:hover:after { width: 100%; } .custom-form__label--accept input[type=checkbox]+.custom-form__politic::before { content: ""; background-image: url(/local/templates/main/css/../img/icons/checkbox-off.svg); position: absolute; left: 0; display: block; width: 25px; height: 25px; background-repeat: no-repeat; opacity: 0.3; transition: 0.3s; } .custom-form__label--accept input[type=checkbox]:checked+.custom-form__politic::before { background-image: url(/local/templates/main/css/../img/icons/checkbox-on.svg); opacity: 1; transition: 0.3s; } .custom-form__bottom { display: flex; justify-content: flex-end; align-items: center; gap: 32px; flex-wrap: wrap; } .custom-form__link { font-size: 0.9em; line-height: 120%; color: #E67A00; display: flex !important; } .custom-form__item--group { display: flex; gap: 32px; } .custom-form__item--group .custom-form__item { width: 100%; max-width: calc(50% - 16px); } .filter-form__label { font-weight: 300; font-size: 20px; line-height: 140%; color: #2B1B14; position: relative; padding-left: 40px; cursor: pointer; user-select: none; display: flex; align-items: center; } .filter-form__label input[type=radio]+.filter-form__label-wrap::before { background-image: url(/local/templates/main/css/../img/icons/radiobutton-off.svg); position: absolute; left: 0; width: 25px; height: 25px; content: ""; background-repeat: no-repeat; } .filter-form__label input[type=radio]:checked+.filter-form__label-wrap::before { background-image: url(/local/templates/main/css/../img/icons/radiobutton-on.svg); } .filter-form__label-wrap { display: flex; align-items: center; } .link-decorate { position: relative; text-decoration: none; display: inline-block; max-width: max-content; } .link-decorate:after { content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 0; height: 1px; background-color: #f8aa2b; transition: width 0.4s; } .link-decorate:hover:after, .link-decorate:focus:after { width: 100%; } .main--clear { padding-top: 185px; } .nav { max-width: max-content; list-style: none; margin: 0; padding: 0; } .nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 32px; } @media (max-width: 1350px) { .nav__list { gap: 16px; } } @media (max-width: 1200px) { .nav__list { gap: 0 32px; } } @media (max-width: 426px) { .nav__list { margin-bottom: 36px; height: 60vh; overflow: auto; display: block; width: 100%; } } .nav__item { max-width: max-content; } @media (max-width: 1200px) { .nav__item { max-width: calc(50% - 16px); width: 100%; } } @media (max-width: 769px) { .nav__item { max-width: 100%; } } .nav__link { text-decoration: none; font-weight: 500; font-size: 0.8em; line-height: initial; letter-spacing: 0.02em; color: #2B1B14; padding: 14px 0; position: relative; transition: 0.3s linear; } .nav__link:hover, .nav__link:focus { color: #F8AA2B; } @media (max-width: 1200px) { .nav__link { font-size: 1.2em; display: flex; gap: 45px; justify-content: flex-start; align-items: center; padding: 20px 25px; background: #ffffff; color: #2B1B14; } } @media (max-width: 425px) { .nav__link { font-size: 1em; padding: 16.5px 25px; gap: 16px; line-height: 100%; } } @media (max-width: 1200px) { .nav__link::before { content: ""; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(/local/templates/main/css/../img/icons/arrow-to-right.svg); background-position: center; transition: 0.3s; } } @media (max-width: 1200px) { .nav__link::after { background-color: #eae8e7; width: 90%; height: 1px; display: block; content: ""; position: absolute; bottom: 0; transition: 0.3s; } } @media (max-width: 1200px) { .nav__link:hover, .nav__link:focus { color: #2B1B14; border-bottom: none; border-radius: 6px; background: #F8AA2B; } } @media (max-width: 1350px) { .nav__link:hover::before, .nav__link:focus::before { background-image: url(/local/templates/main/css/../img/icons/arrow-to-right--wh.svg); } } @media (max-width: 1350px) { .nav__link:hover::after, .nav__link:focus::after { display: none; } } @media (max-width: 1350px) { .nav__link:active, .nav__link.select { background: #E67A00; color: #ffffff !important; border-bottom: none; border-radius: 6px; } } @media (max-width: 1350px) { .nav__link:active::before, .nav__link.select::before { background-image: url(/local/templates/main/css/../img/icons/arrow-to-right--wh.svg); transform: rotate(90deg); } } @media (max-width: 1350px) { .nav__link:active::after, .nav__link.select::after { display: none; } } .nav__item:last-child .nav__link::after { display: none; } .nav .button--account { display: none; } @media (max-width: 425px) { .nav .button--account { display: flex; font-size: 1em; width: 100%; max-width: 100%; padding: 16px 24px; } } .news-promo--mod { margin-bottom: 48px; } @media (max-width: 1024px) { .news-promo--mod { margin-bottom: 45px; } } .news-promo__img { max-width: 100%; width: 100%; margin-bottom: 24px; border-radius: 6px; } @media (max-width: 768px) { .news-promo__img { margin-bottom: 0; } } .news-promo__img img { object-fit: cover; max-width: 100%; width: 100%; height: 100%; display: block; } @media (max-width: 425px) { .news-promo__img { margin-bottom: 12px; } } .news-promo__link { color: inherit; text-decoration: none; } .news-promo__title { font-weight: 300; font-size: 1.6em; line-height: 125%; color: #2B1B14; transition: 0.3s linear; margin: 0; margin-bottom: 23px; } @media (max-width: 1024px) { .news-promo__title { font-size: 1.2em; } } @media (max-width: 425px) { .news-promo__title { font-size: 1em; } } .news-promo__date { color: #807672; position: relative; font-weight: 300; font-size: 0.8em; line-height: 125%; padding-left: 40px; display: flex; align-items: center; justify-content: space-between; } .news-promo__date:after { content: ""; display: block; width: 24px; height: 1px; position: absolute; left: 0; background-color: #F8AA2B; transition: 0.3s; } a:hover>.news-promo__date:after { width: 32px; } .news-promo--mod { padding-bottom: 67px; } @media (max-width: 768px) { .news-promo--simple { display: flex; gap: 32px; flex-wrap: wrap; } } @media (max-width: 768px) and (max-width: 425px) { .news-promo--simple { gap: 10px; } } @media (max-width: 768px) { .news-promo--simple .news-promo__img, .news-promo--simple .news-promo__wrapper { max-width: calc(50% - 16px); } } @media (max-width: 425px) { .news-promo--simple .news-promo__img, .news-promo--simple .news-promo__wrapper { max-width: 100%; margin: 0; } } .news-promo__link:hover .news-promo__title, .news-promo__link:focus .news-promo__title { color: #e67a00; } .news-promo__link:hover+.news-promo__date:after, .news-promo__link:focus+.news-promo__date:after { width: 32px; } .office-address { background: #ffffff; border: 1px solid #DFDDDC; border-radius: 6px; padding: 24px 40px 34px; transition: all 0.3s ease-in-out; } @media (max-width: 425px) { .office-address { padding: 16px 22px 26px; } } .office-address a, .office-address .button { font-size: 0.9em; line-height: 150%; letter-spacing: initial; } .office-address .arrow { stroke: #E67A00; transition: 0.3s; } .office-address .arrow__tail { stroke: #E67A00; transition: 0.3s; } .office-address .button { max-width: max-content; padding: 0; letter-spacing: 0.02em; color: #E67A00; gap: 16px; margin-top: auto; } .office-address .button span { color: inherit; font-size: 0.8em; line-height: 100%; } @media (max-width: 425px) { .office-address .button span { display: flex; } } .office-address__name { font-weight: 300; font-size: 1.6em; line-height: 125%; color: #554943; margin: 0; margin-bottom: 6px; } @media (max-width: 425px) { .office-address__name { font-size: 1.2em; margin-bottom: 2px; } } .office-address__status { margin-top: 0; margin-bottom: 24px; } @media (max-width: 425px) { .office-address__status { margin-bottom: 15px; } } .office-address__personal-data { font-size: 18px; line-height: 150%; color: #2B1B14; margin: 0; } .office-address__personal-data>a, .office-address__wrapper a { font-weight: 700; display: block; color: inherit; font-size: 18px; line-height: 150%; } .office-address__text { font-size: 18px; line-height: 150%; color: #2B1B14; margin: 0; margin-bottom: 16px; } .office-address .button span { font-size: 18px; line-height: 150%; } .office-address__wrapper a[href*="mailto"] { color: #F8AA2B; text-decoration: underline; } @media (max-width: 425px) { .office-address__text { margin-bottom: 24px; } .office-address__personal-data, .office-address__personal-data>a, .office-address__wrapper a, .office-address__text, .office-address .button span { font-size: 16px; line-height: 120%; } .office-address a, .office-address .button { font-size: 16px; line-height: 120%; letter-spacing: initial; } } .office-address__wrapper { margin-bottom: 22px; } @media (max-width: 425px) { .office-address__wrapper { margin-bottom: 14px; } } .office-address:hover { border-color: transparent; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); } .office-address:hover .news-promo__date:after { width: 32px; } .office-address:hover .button { color: #F8AA2B; transition: 0.3s; } .office-address:hover .arrow { stroke: #F8AA2B; transition: 0.3s; } .office-address:hover .arrow__tail { stroke: #F8AA2B; transform: translateX(-7px); transition: 0.3s; } .price-content { margin-bottom: 36px; } .price-content__name { margin: 0; padding-bottom: 30px; font-weight: 700; font-size: 48px; line-height: 117%; color: #6B3012; } @media (max-width: 1440px) { .price-content__name { font-size: 1.6em; } } .price-content__group { margin-bottom: 33px; } .price-navigation { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 130px; max-width: 158px; } @media (max-width: 425px) { .price-navigation { position: initial; flex-direction: row; justify-content: space-between; max-width: 100%; width: 100%; } } .price-navigation__link { font-weight: 700; font-size: 1.1em; line-height: 200%; text-align: center; color: #2B1B14; } @media (max-width: 425px) { .price-navigation__link { font-size: 1.2em; } } .price-navigation__link:hover, .price-navigation__link:active, .price-navigation__link:focus { color: #E67A00; } .price-navigation__link.active { color: #F8AA2B; } .prices .container { display: flex; justify-content: space-between; align-items: flex-start; position: relative; gap: 32px; } .prices__list { list-style: none; margin: 0; padding: 0; max-width: 1088px; width: 100%; } .prices__item { padding: 33px 0; } .prices__item-name { margin: 0; margin-bottom: 30px; font-weight: 700; font-size: 48px; line-height: 117%; color: #6B3012; } .prices__item-content { border-top: 1px solid #DFDDDC; border-bottom: 1px solid #DFDDDC; padding: 0; } .price__navigation { max-width: 158px; } .price__navigation-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 200px; } .price__navigation__link { font-weight: 700; font-size: 1.1em; line-height: 200%; text-align: center; color: #2B1B14; } .price__navigation__link.active { color: #F8AA2B; } .tabs__title { font-weight: 700; font-size: 3.6em; line-height: 111%; margin: 0; margin-bottom: 49px; padding: 0; } .tabs__title .button-text { color: #F8AA2B; } .title { font-weight: 700; /* font-size: 3.6em; */ font-size: 2.8em; line-height: 120%; color: #6B3012; margin: 0; /* padding-bottom: 42px; */ margin-bottom: 32px; } @media (max-width: 1024px) { .title { font-size: 2.8em; /* padding-bottom: 43px; */ margin-bottom: 45px; } } @media (max-width: 425px) { .title { font-size: 1.6em; /* padding-bottom: 34px; */ margin-bottom: 23px; } } /* .title--mod { position: relative; } */ /* .title--mod::after { content: ""; display: block; width: 80px; height: 1px; background-color: #F8AA2B; position: absolute; bottom: 8px; left: 32px; } */ /* .title--mod::before { content: ""; display: block; width: 24px; height: 21px; position: absolute; bottom: 0; left: 0; background-image: url(/local/templates/main/css/../img/logo-min.svg); } */ .title--simple { margin: 0; margin-bottom: 26px; font-size: 1.6em; line-height: 125%; color: #2B1B14; font-weight: 300; margin-top: 56px; } .title--clear { padding: 0; } .vacancy { color: #2B1B14; width: 100%; background: #FFFFFF; outline: 1px solid #DFDDDC; border-radius: 6px; padding: 48px 40px 64px; position: relative; transition: 0.3s; overflow: hidden; } @media (max-width: 1440px) { .vacancy { padding: 31px 40px 48px; } } @media (max-width: 425px) { .vacancy { padding: 18px 24px 32px; } } .vacancy .button { position: absolute; right: -60px; bottom: 0; padding: 23px 19px; transition: all 0.3s; opacity: 0; pointer-events: none; } .vacancy .button::before { background-color: #F8AA2B; border-radius: 6px 0; } .vacancy .button .arrow { stroke: #2B1B14; } .vacancy .button .arrow__tail { stroke: #2B1B14; } .vacancy:hover, .vacancy:focus { box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); } .vacancy:hover .button, .vacancy:focus .button { opacity: 1; pointer-events: initial; right: 0; } .vacancy__name { font-weight: 300; font-size: 1.2em; line-height: 133%; color: #2B1B14; margin: 0; margin-bottom: 16px; } @media (max-width: 425px) { .vacancy__name { font-size: 1em; margin-bottom: 14px; } } .wrapper { max-width: 1920px; margin: 0 auto; padding: 0 32px; } @media (max-width: 1440px) { .wrapper { max-width: 1440px; padding: 0 40px; } } @media (max-width: 1024px) { .wrapper { max-width: 1024px; padding: 0 50px; } } @media (max-width: 768px) { .wrapper { max-width: 768px; padding: 0 40px; } } @media (max-width: 425px) { .wrapper { max-width: 425px; padding: 0 16px; } } @media (max-width: 320px) { .wrapper { padding: 0 10px; } } .all-price { padding: 82px 0 119px; } .all-price .tabs { margin-bottom: 28px; } .all-price .tabs__title { padding: 0; margin: 0; max-width: 928px; } .price__title-wrapper { padding: 0; } .price__title { margin: 0; margin-bottom: 30px; font-weight: 700; font-size: 2.1em; line-height: 117%; color: #6B3012; } .big-bada-boom p { margin: 0; font-weight: 700; font-size: 3.6em; line-height: 111%; color: #6B3012; margin-bottom: 56px; } @media (max-width: 1024px) { .big-bada-boom p { font-size: 2.8em; } } @media (max-width: 768px) { .big-bada-boom p { font-size: 2.4em; margin-bottom: 27px; } } @media (max-width: 425px) { .big-bada-boom p { font-size: 1.6em; margin-bottom: 18px; } } .breadcrumbs { padding-top: 42px; padding-bottom: 12px; width: max-content; max-width: 100%; overflow: auto; width: 100%; } @media (max-width: 1024px) { .breadcrumbs { padding-top: 35px; padding-bottom: 20px; } } .breadcrumbs__list { list-style: none; padding: 0; margin: 0; display: flex; gap: 28px; align-items: flex-start; width: max-content; } .breadcrumbs__item { max-width: max-content; } .breadcrumbs__link { font-weight: 500; font-size: 0.8em; line-height: 77%; color: #2B1B14; list-style: none; transition: 0.3s linear; position: relative; max-width: max-content; } .breadcrumbs__link:after { content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 0; height: 1.5px; background-color: #F8AA2B; transition: width 0.4s; } .breadcrumbs__link:hover { color: #F8AA2B; } .breadcrumbs__link:hover:after { width: 100%; } .breadcrumbs__item:last-child .breadcrumbs__link { color: #F8AA2B; } .breadcrumbs__item:last-child .breadcrumbs__link:after { display: none; } .breadcrumbs+.news { padding-top: 0; } .cabinet-tabs { padding-bottom: 80px; } .cabinet-tabs .container { display: flex; gap: 32px; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 900px) { .cabinet-tabs .container { flex-direction: column; } } .cabinet-tabs__navigation { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 24px; max-width: 22%; } @media (max-width: 900px) { .cabinet-tabs__navigation { max-width: 100%; flex-direction: row; } } @media (max-width: 650px) { .cabinet-tabs__navigation { flex-direction: column; } } .cabinet-tabs__tab-details { display: none; } .cabinet-tabs__tab-details.active { display: block; } .cabinet-tabs__navigation-link { position: relative; font-weight: 300; font-size: 1.6em; line-height: 100%; color: #2B1B14; display: flex; align-items: center; gap: 16px; transition: 0.3s linear; background-color: transparent; border: none; } .cabinet-tabs__navigation-link svg { fill: #2B1B14; transition: 0.2s linear; opacity: 0; } .cabinet-tabs__navigation-link:hover { color: #F8AA2B; } .cabinet-tabs__navigation-link:hover svg { fill: #F8AA2B; } .cabinet-tabs__navigation-link.active { color: #E67A00; } .cabinet-tabs__navigation-link.active svg { fill: #E67A00; opacity: 1; } .cabinet-tabs__navigation-link.logout { margin-left: 40px; } @media (max-width: 900px) { .cabinet-tabs__navigation-link.logout { margin-left: 0; } } @media (max-width: 650px) { .cabinet-tabs__navigation-link.logout { margin-left: 40px; } } .cabinet-tabs__content { max-width: 66%; width: 100%; } @media (max-width: 900px) { .cabinet-tabs__content { max-width: 100%; } } .cabinet-tabs__content .content { padding-top: 68px; padding-bottom: 30px; } @media (max-width: 1024px) { .cabinet-tabs__content .content { padding-top: 32px; } } .cabinet-tabs .btn-white { max-width: max-content; margin: 0 auto; } @media (max-width: 1024px) { .cabinet-tabs .btn-white { min-width: initial; max-width: 100%; width: 100%; } } .cabinet-tabs .button, .cabinet-tabs .btn-white__text { min-width: 416px; margin: 0 auto; } @media (max-width: 1024px) { .cabinet-tabs .button, .cabinet-tabs .btn-white__text { min-width: initial; max-width: 100%; width: 100%; } } .cabinet-tabs__tab-title { margin: 0; padding: 0; font-weight: 700; font-size: 48px; line-height: 117%; color: #6B3012; margin-bottom: 36px; } @media (max-width: 1440px) { .cabinet-tabs__tab-title { font-size: 1.6em; } } .cabinet-tabs .filepond--root { height: initial; margin-top: 0; margin-bottom: 15px; } .cabinet-tabs .attach-file .filepond fieldset { margin: 0; } .cabinet-tabs .attach-file__block { gap: 16px; } .cabinet-tabs .cabinet-tabs__button { margin-bottom: 32px; } .cabinet-tabs .custom-form__item--group { flex-wrap: wrap; } @media (max-width: 650px) { .cabinet-tabs .custom-form__item--group { flex-direction: column; } } @media (max-width: 1024px) { .cabinet-tabs .custom-form__button { min-width: initial; width: 100%; max-width: 100%; } } .cabinet-tabs .attach-file .btn-white__text { justify-content: center; } .cabinet-tabs .attach-file .btn-white__text span { line-height: 100%; } .contact-form { padding: 36px 0 50px; } @media (max-width: 768px) { .contact-form { padding-top: 40px; padding-bottom: 65px; } } @media (max-width: 425px) { .contact-form { padding-top: 25px; padding-bottom: 36px; } } @media (max-width: 768px) { .contact-form .content__two-col { margin-bottom: 0; } } .contact-form .contact-form__right, .contact-form .contact-form__left { max-width: calc(50% - 16px); } @media (max-width: 768px) { .contact-form .contact-form__right, .contact-form .contact-form__left { max-width: 100%; } } .contact-form .contact-form__right { margin-top: 28px; } @media (max-width: 425px) { .contact-form .contact-form__right { margin-top: 25px; } } .contact-form .title { /* padding: 0; */ max-width: 430px; } @media (max-width: 1440px) { .contact-form .title { max-width: 100%; } } @media (max-width: 768px) { .contact-form .title { font-size: 2.4em; margin-bottom: 10px; } } @media (max-width: 425px) { .contact-form .title { font-size: 1.6em; margin: 0; } } .content { padding: 85px 0 120px; } @media (max-width: 1024px) { .content { padding-top: 36px; padding-bottom: 35px; } } @media (max-width: 768px) { .content { padding: 35px 0 56px; } } @media (max-width: 425px) { .content { padding: 24px 0 40px; } } .content .title { line-height: 111%; } @media (max-width: 1024px) { .content .title { /* padding-bottom: 44px; */ margin-bottom: 24px; } } .content-left { max-width: 640px; } @media (max-width: 1440px) { .content-left { max-width: calc(50% - 72px); } } @media (max-width: 1024px) { .content-left { max-width: calc(50% - 16px); } } @media (max-width: 768px) { .content-left { max-width: 100%; } } .content-right { max-width: 528px; } @media (max-width: 1440px) { .content-right { max-width: calc(50% - 72px); margin-top: 15px; } } @media (max-width: 1024px) { .content-right { max-width: calc(50% - 16px); } } @media (max-width: 768px) { .content-right { max-width: 100%; } } .content__subtile { margin: 0; margin-bottom: 36px; font-size: 1.6em; line-height: 136%; } @media (max-width: 1024px) { .content__subtile { font-size: 1.2em; } } @media (max-width: 425px) { .content__subtile { font-size: 1em; } } .content__text { margin-top: 0; } @media (max-width: 1024px) { .content__text { font-size: 0.9em; line-height: 133%; margin-bottom: 25px; } } .content__lead { margin-bottom: 32px; } @media (max-width: 425px) { .content__lead { margin-bottom: 24px; } } .content__lead p { font-size: 1.6em; line-height: 125%; color: #2B1B14; margin-top: 0; } @media (max-width: 425px) { .content__lead p { font-size: 1em; } } .content__two-col { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 57px; gap: 32px; } @media (max-width: 1000px) { .content__two-col { gap: 0; } } @media (max-width: 425px) { .content__two-col { margin-bottom: 16px; } } .content__two-col--mod .content__text-wrapper { margin-top: 23px; } .full-article__title { max-width: 640px; /* font-size: 2, 8em; */ font-size: 1.6em; padding: 0; } @media (max-width: 1440px) { .full-article__title { /* font-size: 2.4em; */ font-size: 1.6em; max-width: calc(50% - 16px); } } @media (max-width: 1000px) { .full-article__title { /* font-size: 2.2em; */ font-size: 1.6em; max-width: 100%; } } @media (max-width: 425px) { .full-article__title { font-size: 1.6em; margin-bottom: 12px; } } .content__title-middle { font-size: 1.6em; line-height: 125%; margin-bottom: 34px; padding: 0 !important; } @media (max-width: 425px) { .content__title-middle { font-size: 1.2em; } } .content__text-wrapper { max-width: 530px; margin-top: 16px; } @media (max-width: 1440px) { .content__text-wrapper { max-width: calc(50% - 16px); } } @media (max-width: 1000px) { .content__text-wrapper { max-width: 100%; } } .content__text-wrapper p:first-child { margin-top: 0; } .content__one-col { margin-bottom: 40px; } .content ol { padding-left: 30px; margin-bottom: 32px; } .content ol li { margin-bottom: 10px; } .content ol li::marker { color: #E67A00; display: inline-block; font-weight: 500; font-size: inherit; line-height: 140%; } .content ul { list-style: none; margin-left: 0; padding-left: 26px; margin-bottom: 32px; } .content ul li { margin-bottom: 10px; } .content ul li::marker { color: #E67A00; display: inline-block; content: "— "; } .content__list { list-style: none !important; margin: 0; padding: 0; display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 48px; } @media (max-width: 768px) { .content__list--mod { gap: 16px; } } .content__list .content__list-item { max-width: calc(50% - 16px); width: 100%; z-index: 11; display: flex; flex-direction: column; } @media (max-width: 768px) { .content__list .content__list-item { max-width: 100%; } } .content__flex-left, .content__flex-right { max-width: calc(50% - 16px); } @media (max-width: 1000px) { .content__flex-left, .content__flex-right { max-width: 100%; } } .content__big-text { font-weight: 300; font-size: 1.6em; line-height: 125%; color: #2B1B14; margin: 0; } .content__big-text a { font-weight: 700; display: block; color: inherit; } .content__links-wrapper { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 32px; } .custom-price { padding: 85px 0 120px; } @media (max-width: 768px) { .custom-price { padding-bottom: 63px; } } @media (max-width: 735px) { .custom-price { overflow: hidden; } } .custom-price .button-text:hover, .custom-price .button-text:focus { color: #F8AA2B; } .custom-price .container { position: relative; } .custom-price__tabs-item { display: flex; justify-content: space-between; align-items: flex-start; position: relative; gap: 32px; max-width: 1088px; width: 100%; } @media (max-width: 768px) { .custom-price__tabs-item { position: initial; max-width: 568px; } } @media (max-width: 425px) { .custom-price__tabs-item { flex-direction: column-reverse; gap: 23px; } } .custom-price__tabs-title { padding: 0; margin-bottom: 26px; } @media (max-width: 1440px) { .custom-price__tabs-title { font-size: 2.8em; } } @media (max-width: 768px) { .custom-price__tabs-title { max-width: 100%; font-size: 2.4em; } } @media (max-width: 425px) { .custom-price__tabs-title { font-size: 1.8em; max-width: 300px; } } .custom-price__tabs-item { display: none; width: 100%; max-width: 100%; } .custom-price__tabs-item .price-content { max-width: 100%; width: 100%; } .custom-price__tabs-item.active { display: flex; } .custom-price__header { max-width: 1088px; } .custom-price__header .tabs__title { padding: 0; } .custom-price__tabs-item--mod { max-width: 100%; width: 100%; flex-direction: row; } .custom-price__tabs-item--mod .price-content { max-width: 1136px; } @media (max-width: 1024px) { .custom-price__tabs-item--mod .price-content { max-width: 848px; } } @media (max-width: 768px) { .custom-price__tabs-item--mod .price-content { max-width: 600px; } } @media (max-width: 425px) { .custom-price__tabs-item--mod.active { flex-direction: column-reverse; } } .footer { background: #2B1B14; border-radius: 0 0 6px 6px; color: #bfbab8; margin: 0 40px 40px; padding-top: 35px; padding-bottom: 40px; } @media (max-width: 1440px) { .footer { margin: 0; border-radius: 0; } } .footer__top { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 32px; padding-bottom: 40px; border-bottom: 1px solid #554943; margin-bottom: 37px; } @media (max-width: 1440px) { .footer__top { margin-bottom: 35px; } } @media (max-width: 1024px) { .footer__top { gap: 40px; } } @media (max-width: 425px) { .footer__top { gap: 20px; padding-bottom: 25px; margin-bottom: 18px; } } .footer .logo { margin-right: auto; max-width: 270px; width: 100%; } @media (max-width: 1366px) { .footer .logo { max-width: 192px; max-width: 28%; } } @media (max-width: 560px) { .footer .logo { max-width: 172px; } } .footer__list { list-style: none; margin: 0; padding: 0; max-width: 976px; width: 100%; display: flex; gap: 10px 32px; flex-wrap: wrap; } @media (max-width: 1366px) { .footer__list { max-width: 688px; max-width: 62%; } } @media (max-width: 560px) { .footer__list { max-width: 100%; gap: 10px 24px; } } .footer__item { max-width: 304px; width: 100%; } @media (max-width: 1366px) { .footer__item { max-width: calc(33.3333333333% - 63px); } } @media (max-width: 1140px) { .footer__item { max-width: calc(50% - 24px); } } @media (max-width: 560px) { .footer__item { max-width: calc(50% - 12px); } } .footer__link { font-size: 0.8em; color: #ffffff; transition: 0.3s linear; } .footer__link:hover, .footer__link:focus { color: #F8AA2B; } .footer__center { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 32px; padding-bottom: 20px; } @media (max-width: 1440px) { .footer__center { justify-content: flex-start; padding-bottom: 32px; } } @media (max-width: 425px) { .footer__center { gap: 9px; } } .footer__address { max-width: 600px; width: 100%; margin: 0; margin-right: 40px; font-size: 0.8em; } @media (max-width: 1440px) { .footer__address { margin-right: auto; max-width: calc(50% - 58px); } } @media (max-width: 1000px) { .footer__address { max-width: 100%; } } .footer__address b { font-weight: 700; display: block; color: #ffffff; font-size: 0.8em; } .footer__wrapper { max-width: 640px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 32px; } @media (max-width: 1440px) { .footer__wrapper { max-width: calc(50% - 58px); } } @media (max-width: 1400px) { .footer__wrapper { max-width: calc(50% - 16px); } } @media (max-width: 1000px) { .footer__wrapper { max-width: 100%; } } .footer__telephone { max-width: calc(50% - 32px); width: 100%; color: inherit; font-size: 0.8em; margin: 0; } .footer__telephone a { font-size: 1.5em; font-weight: 700; color: #ffffff; display: block; transition: 0.3s; } .footer__telephone a:hover { color: #F8AA2B; } @media (max-width: 1024px) { .footer__telephone { max-width: 200px; } } @media (max-width: 1000px) { .footer__telephone { max-width: calc(50% - 32px); margin-right: auto; } } @media (max-width: 550px) { .footer__telephone { max-width: 100%; width: 100%; display: flex; flex-direction: column; gap: 10px; } } .footer__telephone .tel { display: block; } .footer__mail { max-width: calc(50% - 32px); width: 100%; color: inherit; font-size: 0.8em; margin: 0; } .footer__mail a { font-size: 1.5em; font-weight: 700; color: #F8AA2B; } @media (max-width: 1024px) { .footer__mail { max-width: 200px; } } @media (max-width: 1000px) { .footer__mail { max-width: calc(50% - 12px); margin-right: auto; } } @media (max-width: 550px) { .footer__mail { max-width: 100%; width: 100%; display: flex; flex-direction: column; gap: 10px; } } .footer__bottom { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 32px; } @media (max-width: 425px) { .footer__bottom { gap: 4px; } } .footer__cop { max-width: 189px; font-size: 0.7em; margin: 0; } @media (max-width: 425px) { .footer__cop { max-width: 100%; width: 100%; } } @media (max-width: 425px) { .footer .link { max-width: 100%; width: 100%; } } .footer__politic-link { font-size: 0.7em; line-height: 110%; color: #F8AA2B; max-width: max-content; } .full-article { padding-bottom: 160px; } @media (max-width: 1024px) { .full-article { padding-bottom: 64px; } } @media (max-width: 768px) { .full-article { padding-bottom: 48px; } } @media (max-width: 425px) { .full-article { padding-bottom: 40px; } } .full-article__title { font-size: 2.8em; line-height: 114%; padding: 0; margin: 0; margin-bottom: 36px; max-width: 100%; } @media (max-width: 1024px) { .full-article__title { font-size: 2.4em; margin-bottom: 15px; } } @media (max-width: 425px) { .full-article__title { font-size: 1.6em; margin-bottom: 12px; } } .full-article__date { position: relative; /* padding-left: 130px; */ margin-bottom: 44px; padding-left: 100px; } @media (max-width: 425px) { .full-article__date { margin-bottom: 28px; } } /* .full-article__date::before { content: ""; display: block; width: 24px; height: 21px; position: absolute; bottom: 0; left: 0; background-image: url(/local/templates/main/css/../img/logo-min.svg); } */ .full-article__date::after { content: ""; display: block; width: 80px; height: 1px; background-color: #F8AA2B; position: absolute; bottom: 8px; /* left: 32px; */ left: 0; } .full-article__image { margin-bottom: 32px; } @media (max-width: 425px) { .full-article__image { margin-bottom: 18px; } } .full-article__lead { margin-top: 0; font-weight: 300; font-size: 1.6em; line-height: 125%; color: #2B1B14; } .full-article__content { margin-bottom: 48px; } @media (max-width: 425px) { .full-article__content { margin-bottom: 24px; } } .header { background-color: #fff; color: #2b1b14; padding-top: 33px; position: fixed; transition: 0.5s; width: 100%; z-index: 15; } @media (max-width: 426px) { .header { padding-top: 15px; } } .header .header__wrapper { display: flex; align-items: center; justify-content: space-between; gap: 48px; padding-bottom: 33px; border-bottom: 1px solid #CAC2B9; } @media (max-width: 1350px) { .header .header__wrapper { gap: 20px; } } @media (max-width: 426px) { .header .header__wrapper { padding-bottom: 15px; } } .header__logo { max-width: 192px; position: relative; z-index: 11; } @media (max-width: 426px) { .header__logo { max-width: 175px; } } .logo__image { display: block; } .header__navigation { max-width: 851px; margin-left: auto; } @media (max-width: 1200px) { .header__navigation { position: absolute; width: 100%; max-width: 100%; height: 100vh; top: 0; right: 100%; background-color: #ffffff; z-index: 10; transition: 0.3s linear; overflow: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 40px; padding-top: 90px; } } @media (max-width: 425px) { .header__navigation { padding: 30% 15px 5%; flex-direction: column; justify-content: space-between; } } .header__buttons-group { display: flex; align-items: center; gap: 18px; } @media (max-width: 1600px) { .header__buttons-group { position: relative; z-index: 15; } } @media (max-width: 426px) { .header__buttons-group { gap: 8px; } } @media (max-width: 425px) { .header__navigation .button--icon span { display: flex; font-size: 0.8em; line-height: 120%; width: 100%; max-width: 100%; } } .home--mod .wrapper:after { display: none; } .home .header { background-color: transparent; color: #2b1b14; padding-top: 33px; position: fixed; transition: 0.5s; width: 100%; z-index: 15; } .home .nav__link { color: #ffffff; } .home .nav__link:hover { color: #F8AA2B; } .header.sticky { background-color: #fff; color: #2B1B14; border-color: transparent; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); z-index: 50; position: fixed; top: 0; left: 0; right: 0; padding-top: 15px; max-width: 100%; } .header.sticky .header__wrapper { padding: 0; padding-bottom: 15px; border: none; } .header.sticky .nav__link { color: #2B1B14; } .header.sticky .nav__link:hover, .header.sticky .nav__link:focus { color: #F8AA2B; } @media (max-width: 768px) { .header.sticky .nav__link:hover, .header.sticky .nav__link:focus { color: #2B1B14; } } .header.sticky .logo { max-width: 62px; } .hero { position: relative; } .hero__slider-item { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 0; min-height: 625px; height: 100vh; display: flex; align-items: center; justify-content: space-between; padding-top: 85px; overflow: hidden; } @media (max-width: 1440px) { .hero__slider-item { padding-top: 30px; } } @media (max-width: 1024px) { .hero__slider-item { padding-top: 40px; } } @media (max-width: 768px) { .hero__slider-item { padding-top: 90px; } } @media (max-width: 425px) { .hero__slider-item { padding-top: 70px; } } .hero__slider-item::after { content: ""; background: linear-gradient(0deg, rgba(43, 27, 20, 0.3), rgba(43, 27, 20, 0.3)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .hero__slider-item::before { content: ""; background-image: url(/local/templates/main/css/../img/bg/texture-plus.svg); position: absolute; width: 65%; height: 90%; top: 5%; right: -20%; z-index: 4; pointer-events: none; } @media (max-width: 1024px) { .hero__slider-item::before { width: 50%; right: 0; } } @media (max-width: 768px) { .hero__slider-item::before { display: none; } } .hero__slider-item .wrapper { position: relative; z-index: 10; width: 100%; } .hero__slider-top { position: relative; display: flex; flex-wrap: wrap; align-items: end; gap: 32px; margin-bottom: 65px; } @media (max-width: 1440px) { .hero__slider-top { margin-bottom: 75px; } } @media (max-width: 1024px) { .hero__slider-top { margin-bottom: 50px; align-items: center; } } @media (max-width: 768px) { .hero__slider-top { margin-bottom: 40px; } } @media (max-width: 425px) { .hero__slider-top { gap: 32px; margin-bottom: 20px; flex-direction: column; align-items: flex-start; } } .hero__title { font-size: 6em; font-weight: 700; color: #FFFFFF; margin: 0; line-height: 77%; } @media (max-width: 1440px) { .hero__title { font-size: 5em; } } @media (max-width: 1024px) { .hero__title { font-size: 3.6em; } } @media (max-width: 768px) { .hero__title { font-size: 2.8em; } } @media (max-width: 425px) { .hero__title { font-size: 1.6em; } } .hero__title .button { margin-top: 20px; } .hero__link-list { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; max-width: 798px; margin-bottom: 50px; } @media (max-width: 1440px) { .hero__link-list { gap: 18px; } } @media (max-width: 425px) { .hero__link-list { gap: 10px; } } .hero__link-item { display: flex; align-items: baseline; } .hero__link-item:before { content: ""; color: #ffffff; background-image: url(/local/templates/main/css/../img/icons/arrow-list-mark.svg); display: block; width: 18px; height: 10px; background-position: center; background-size: contain; margin-right: 18px; } .hero__link { color: #ffffff; font-size: 1.2em; font-weight: 300; } @media (max-width: 425px) { .hero__link { font-size: 0.9em; } } .hero__bottom { position: absolute; bottom: 40px; z-index: 10; width: 100%; max-width: 100%; } @media (max-width: 425px) { .hero__bottom { bottom: 32px; } } .hero__bottom .container { display: flex; justify-content: space-between; align-items: center; } .hero__navigation { gap: 16px; display: flex; } .hero__scroll { display: flex; align-items: center; gap: 16px; } @media (max-width: 725px) { .hero__scroll { display: none; } } .hero__scroll .button--arrow { padding: 23px 19px; } .hero__scroll .button--arrow .arrow { transform: rotate(90deg); } .hero__label { color: #ffffff; font-size: 0.7em; letter-spacing: 0.02em; } .hero__text-part { margin: 0; color: #ffffff; font-size: 1.2em; line-height: 133%; font-weight: 300; } @media (max-width: 425px) { .hero__text-part { font-size: 0.9em; } } .hero__text-part span { font-size: 0.667em; display: block; margin-top: 12px; } .hero--no-slider .hero__slider-item { flex-direction: column; } .hero--no-slider .hero__slider-item::before { display: none; } .hero--no-slider .hero__scroll { margin-left: auto; } .hero--no-slider .hero__slider-top { margin-bottom: 35px; } .hero--no-slider .hero__title { /* font-size: 3.6em; */ font-size: 2.8em; line-height: 111%; } /* @media (max-width: 1440px) { .hero--no-slider .hero__title { font-size: 3.2em; } } */ /* @media (max-width: 1000px) { .hero--no-slider .hero__title { font-size: 2.8em; } } */ @media (max-width: 425px) { .hero--no-slider .hero__title { font-size: 1.6em; } } .hero--no-slider .hero__text-part { margin-bottom: 56px; max-width: 752px; } .hero--no-slider .hero__slider-item .wrapper { margin-bottom: auto; } .hero--no-slider .breadcrumbs { margin-bottom: auto; padding-top: 3%; } @media (max-width: 1440px) { .hero--no-slider .breadcrumbs { padding-top: 130px; padding-top: 6%; } } @media (max-width: 768px) { .hero--no-slider .breadcrumbs { padding-top: 70px; } } @media (max-width: 425px) { .hero--no-slider .breadcrumbs { padding-top: 45px; } } .hero--no-slider .breadcrumbs__link { color: #ffffff; } .hero--no-slider .breadcrumbs__link:hover, .hero--no-slider .breadcrumbs__link:focus { color: #F8AA2B; } .hero__text-part a[href="tel:88612792078"] { font-weight: 700; display: block !important; } .hero__text-part a[href="mailto:info@dtrading.ru"] { font-weight: 700; color: #ffffff; display: block !important; } .hotline-content { padding: 66px 0 5px; } @media (max-width: 425px) { .hotline-content { padding: 30px 0 5px; } } .hotline-content--mod { padding-bottom: 74px; } @media (max-width: 425px) { .hotline-content--mod { padding-bottom: 30px; } } .modal-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #302d2b8c; height: 100vh; width: 100%; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; z-index: 999; overflow-y: auto; text-align: center; white-space: nowrap; padding: 40px 15px; } @media (max-width: 1440px) { .modal-overlay { padding-top: 60px; } } .modal-overlay::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 0; width: 0; } .modal-overlay>.modal { font-size: 0; line-height: 0; vertical-align: middle; } .modal { background-color: #ffffff; align-items: center; justify-content: center; display: none; z-index: 1000; padding: 37px 32px; max-width: 496px; width: 100%; box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.15); border-radius: 6px 0 0 6px; position: absolute; height: 100%; top: 0; right: 0; overflow: auto; } @media (max-width: 900px) { .modal { max-width: 90%; padding: 29px 24px; } } .modal * { font-size: initial; white-space: initial; line-height: initial; } .modal--free { padding: 0; max-width: max-content; } .modal.decorate-border::after { border-color: #ebedef; z-index: 3; } .modal-overlay--visible { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; } .modal--visible { display: inline-block; } .modal-close { border: none; position: absolute; padding: 24px; z-index: 99; cursor: pointer; top: 32px; right: 32px; background-color: #ffffff; } @media (max-width: 425px) { .modal-close { right: 20px; top: 24px; } } .modal-close span { position: absolute; width: 22px; height: 2px; background-color: #ffffff; z-index: 2; transform: rotate(-45deg); pointer-events: none; } .modal-close span::after { content: ""; position: absolute; width: 22px; height: 2px; background-color: #ffffff; z-index: 2; transform: rotate(90deg); display: block; pointer-events: none; } .modal__subtitle { color: #334257; } .modal-close:hover { background-color: #E67A00; border-color: #E67A00; } .modal-close:hover span { background-color: #ffffff; } .modal-close:hover span:after { background-color: #ffffff; } .modal__title { text-align: left; margin-bottom: 32px; white-space: initial; font-weight: 700; font-size: 24px; line-height: 133%; color: #6B3012; padding-bottom: 35px; } @media (max-width: 500px) { .modal__title { font-size: 22px; line-height: 120%; max-width: 260px; } } .modal-subtitle { font-size: 18px; line-height: 24px; color: #788AA6; margin: 0; margin-bottom: 27px; text-align: left; white-space: initial; } @media (max-width: 425px) { .modal-subtitle { font-size: 14px; line-height: 120%; } } .modal .custom-form__label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; left: initial; top: initial; color: #334257; } .custom-form__label.warn, .custom-select__label.warn { position: relative; } .custom-form__label.warn:after, .custom-select__label.warn:after { display: block; content: "*"; color: #C3167C; position: absolute; top: -3px; right: -9px; } .modals__form { display: flex; flex-wrap: wrap; max-width: 100%; } .modals .custom-form__wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; } @media (max-width: 425px) { .modals .custom-form__wrapper { max-width: 100%; } } .modals .custom-form__label { text-align: left; } .custom-form__label-wrapper { max-width: 224px; width: 100%; text-align: left; } @media (max-width: 768px) { .custom-form__label-wrapper { max-width: 224px; } } .modals .custom-form__input { background: #FFFFFF; border: 1px solid #7895A6; box-sizing: border-box; border-radius: 4px; font-size: 18px; color: #334257; padding: 13px 64px 17px 24px; max-width: 480px; } @media (max-width: 768px) { .modals .custom-form__input { max-width: 433px; } } @media (max-width: 425px) { .modals .custom-form__input { font-size: 16px; padding: 14px 16px; line-height: 100%; height: initial; } } .modals .custom-select__label { font-weight: 400; font-size: 16px; line-height: 24px; color: #334257; text-transform: initial; } .modal .custom-form__label--accept { margin-top: 10px; } .modals .custom-form__label--accept input[type=checkbox]+.custom-form__politic::before { width: 32px; height: 32px; } .modals .custom-form__politic { display: flex; align-items: center; padding-left: 45px; flex-wrap: wrap; } .modals .custom-form__button { width: 100%; max-width: 100%; } @media (max-width: 425px) { .modals .custom-form { gap: 17px; } } .modals .choices__list--single:hover { color: #334257; border-color: #334257 !important; } .modals .choices__list--single:active, .modals .choices__list--single:focus { border: 2px solid #334257 !important; color: #334257 !important; } .choices .is-focused .choices__list--single, .choices .is-open .choices__list--single, .modal .is-focused .choices__list--single, .modal .is-open .choices__list--single { border: 2px solid #334257 !important; color: #334257 !important; } .custom-form__input:hover { color: #334257; border-color: #334257 !important; } .custom-form__input:active, .custom-form__input:focus { border: 2px solid #334257 !important; color: #334257 !important; } .modal .g-recaptcha { margin: 0; max-width: max-content; margin-right: auto; margin-bottom: 30px; } .modal .custom-form__item { font-size: 18px; line-height: 100%; } .modal .custom-form__politic { align-items: flex-start; font-weight: 300; font-size: 18px; line-height: 133%; padding-left: 40px; } .form__button { width: 100%; max-width: 100%; } .form__button:before { background-color: #E67A00; } .form__button span { color: #ffffff; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; } .form__button .arrow__tail { stroke: #ffffff; } .form__button .arrow { stroke: #ffffff; } .modal__botton-wrapper { display: flex; flex-direction: column; gap: 16px; } .news { padding: 65px 0 120px; } @media (max-width: 1024px) { .news { padding-top: 35px; padding-bottom: 57px; } } @media (max-width: 768px) { .news { padding-bottom: 60px; } } @media (max-width: 425px) { .news { padding-top: 25px; padding-bottom: 40px; } } .news__list { display: flex; gap: 47px 32px; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 768px) { .news__list { flex-direction: column; gap: 46px; } } .content__right { max-width: 528px; width: 100%; margin-top: -10px; } @media (max-width: 1024px) { .content__right { max-width: 445px; } } @media (max-width: 768px) { .content__right { max-width: 100%; } } @media (max-width: 768px) { .news--mod .news__list { gap: 32px; } } @media (max-width: 425px) { .news--mod .news__list { gap: 56px; } } @media (max-width: 1440px) { .news--home .title { margin-bottom: 45px; } } @media (max-width: 425px) { .news--home .title { margin-bottom: 25px; /* padding-bottom: 36px; */ } } .news--home .news__list { gap: 144px; } @media (max-width: 1400px) { .news--home .news__list { gap: 32px; } } @media (max-width: 425px) { .news--home .news__list { gap: 42px; } } .news--home .news-promo { max-width: 640px; } @media (max-width: 1400px) { .news--home .news-promo { max-width: calc(50% - 16px); } } @media (max-width: 768px) { .news--home .news-promo { max-width: 100%; } } .news--home .news__aside { max-width: 528px; display: flex; flex-direction: column; gap: 48px; align-items: flex-start; } @media (max-width: 1400px) { .news--home .news__aside { max-width: calc(50% - 16px); } } @media (max-width: 768px) { .news--home .news__aside { max-width: 100%; } } @media (max-width: 425px) { .news--home .news__aside { gap: 40px; } } @media (max-width: 1400px) { .news--home .news__aside .news-promo { max-width: 100%; } } @media (max-width: 1440px) { .news--home .news-promo__title { margin-bottom: 16px; } } .news--home .news-promo__img { margin-bottom: 24px; } .offices { padding-bottom: 0; } @media (max-width: 425px) { .offices { padding: 40px 0 0; } } @media (max-width: 768px) { .offices .content__list, .offices .content__one-col { margin-bottom: 0; } } .pagination { margin-bottom: 112px; } @media (max-width: 1024px) { .pagination { margin-bottom: 56px; } } @media (max-width: 768px) { .pagination { margin-bottom: 40px; } } .pagination__list { list-style: none; padding: 0; display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; margin: 0 auto; } @media (max-width: 425px) { .pagination__list { gap: 8px; } } .pagination__link { font-weight: 500; font-size: 0.8em; line-height: 100%; text-align: center; letter-spacing: 0.02em; color: #2b1b14; padding: 17px 23px; background: #ffffff; border: 1px solid rgba(43, 27, 20, 0.15); border-radius: 6px; } @media (max-width: 425px) { .pagination__link { padding: 12px 14px; } } .pagination__link:hover, .pagination__link:focus { box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); } .pagination__link:active, .pagination__link.active { background: #e67a00; color: #ffffff; border-color: #e67a00; } .pagination__link.active:hover, .pagination__link.active:focus { box-shadow: none; } .pagination__link--arrow { background-color: #f8aa2b; padding: 17px 20px; border-color: #f8aa2b; } @media (max-width: 425px) { .pagination__link--arrow { padding: 12px 11px; } } .pagination__link--dotted { border-color: transparent; padding: 17px 18px; } @media (max-width: 425px) { .pagination__link--dotted { padding: 12px 11px; } } .pagination__link--dotted:hover, .pagination__link--dotted:focus { box-shadow: none; } .pagination__item:first-child .pagination__link { margin-right: 16px; } @media (max-width: 425px) { .pagination__item:first-child .pagination__link { margin: 0; } } .pagination__item:last-child .pagination__link { margin-left: 16px; } @media (max-width: 425px) { .pagination__item:last-child .pagination__link { margin: 0; } } .promo { margin: 0 40px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; } @media (max-width: 1440px) { .promo { margin: 0; } } .promo::before { content: ""; background-image: url(/local/templates/main/css/../img/bg/texture-plus.svg); position: absolute; width: calc(100% - 50px); height: 23%; top: -11%; z-index: 3; pointer-events: none; } @media (max-width: 1024px) { .promo::before { width: 100%; height: 34%; top: -13%; left: 213px; } } @media (max-width: 768px) { .promo::before { display: none; } } .promo__list { display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; padding: 0; margin: 0; width: 100%; max-width: 100%; } .promo__item { width: 50%; border-radius: 6px 0 0 6px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; } @media (max-width: 1440px) { .promo__item { border-radius: 0; margin: 0; width: 50%; } } @media (max-width: 768px) { .promo__item { width: 100%; } } .promo__img { display: block; max-height: 576px; object-fit: none; width: 100%; object-fit: cover; } @media (max-width: 1440px) { .promo__img { max-height: 448px; } } @media (max-width: 1024px) { .promo__img { max-height: 320px; } } @media (max-width: 768px) { .promo__img { max-height: 480px; } } @media (max-width: 425px) { .promo__img { max-height: 224px; } } .promo__details { display: flex; align-items: center; flex-direction: column; background: #F8AA2B; padding: 98px 45px 85px; position: relative; flex-grow: 1; justify-content: flex-start; } @media (max-width: 1440px) { .promo__details { padding: 99px 45px 80px; } } @media (max-width: 768px) { .promo__details { justify-content: center; } } @media (max-width: 425px) { .promo__details { min-height: 280px; padding: 85px 18px; } } .promo__item--mod { border-radius: 0 6px 6px 0; } @media (max-width: 1440px) { .promo__item--mod { border-radius: 0; } } .promo__item--mod .promo__details { background-color: #E67A00; } .promo__title { font-weight: 300; font-size: 1em; line-height: 140%; text-align: center; color: #FFFFFF; margin: 0; margin-bottom: 5px; } @media (max-width: 425px) { .promo__title { font-size: 0.9em; } } .promo__text { margin: 0; font-weight: 700; font-size: 2.8em; line-height: 114%; text-align: center; color: #FFFFFF; } @media (max-width: 1440px) { .promo__text { font-size: 2.4em; } } @media (max-width: 1024px) { .promo__text { font-size: 1.6em; } } @media (max-width: 768px) { .promo__text { font-size: 2.4em; } } @media (max-width: 425px) { .promo__text { font-size: 1.6em; } } .promo .button-round { position: absolute; top: -31px; } .promo__details:hover .cbk-phone-second_circle, .promo__details:hover .cbk-phone-third_circle { border-color: #fff; } .promo__details:hover .cbk-phone-circle { background-color: #fff; } .promo__details:hover .button-round::before { left: -8px; top: -8px; bottom: -8px; right: -8px; border-color: transparent; } .promo__details:hover .button-round:after { width: 32px; height: 32px; background-image: url(/local/templates/main/css/../img/icons/plus-big.svg); } .selling-block { margin: 0 40px; padding-top: 80px; padding-bottom: 105px; position: relative; /* overflow: hidden; */ } @media (max-width: 1440px) { .selling-block { margin: 0; } } @media (max-width: 1024px) { .selling-block { padding: 35px 0 50px; } } @media (max-width: 425px) { .selling-block { padding: 24px 0 40px; } } .selling-block .wrapper { position: relative; z-index: 10; } .selling-block::before { content: ""; background-image: url(/local/templates/main/css/../img/bg/texture-plus.svg); position: absolute; width: 50%; height: 30%; top: -14%; right: 1%; z-index: 3; pointer-events: none; } @media (max-width: 1024px) { .selling-block::before { width: 100%; height: 40%; top: -12%; /* right: -50%; */ } } @media (max-width: 1000px) { .selling-block::before { display: none; } } .selling-block .wrapper { max-width: 1400px; position: relative; display: flex; align-items: center; justify-content: space-between; } .selling-block__content { max-width: 50%; } @media (max-width: 1000px) { .selling-block__content { max-width: 100%; } } .selling-block__picture { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0px 0px; overflow: hidden; } @media (max-width: 1440px) { .selling-block__picture { border-radius: 0; } } .suppliers .hero__text-part a { color: #ffffff; font-weight: 700; } .suppliers__simple-text { color: #554943; font-size: 1em; line-height: 140%; margin: 0; font-weight: 300; margin: 0 auto; } @media (max-width: 1600px) { .active .nav { right: 0; } } .active .nav__link { color: #2B1B14; } @media (max-width: 435px) { .hide-425 { display: none; } } .user-notification { background-color: rgba(248, 170, 43, 0.05); color: #1C1D1F; border-radius: 6px; margin-bottom: 58px; } .user-notification__top { padding: 30px 32px 34px; border-bottom: 1px solid rgba(28, 29, 31, 0.1); } .user-notification__top h3 { margin: 0; font-weight: 700; font-size: 16px; line-height: 24px; } .user-notification__bottom { padding: 31px 32px 36px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 32px; } .user-notification__bottom h3 { color: #E67A00; font-weight: 700; margin: 0; } .user-notification__bottom p { margin: 0; color: #1C1D1F; font-weight: 300; font-size: 18px; line-height: 24px; } .user-notification__icon { max-width: 40px; flex-grow: 0; } .user-notification__wrap { max-width: 728px; flex-grow: 1; } @media (max-width: 425px) { .user-notification__bottom { flex-direction: column; align-items: flex-start; gap: 13px; } } .content__title { color: #6B3012; margin: 0; font-weight: 700; font-size: 32px; line-height: 125%; margin-bottom: 56px; } .download-list { margin: 0 !important; padding: 0 !important; list-style: none; margin-bottom: 63px !important; } .download-list li::marker { content: none !important; } .download-list__link { position: relative; padding-top: 23px; padding-bottom: 24px; border-bottom: 1px solid rgba(43, 27, 20, 0.15); display: flex; align-items: center; justify-content: space-between; font-weight: 300; font-size: 32px; line-height: 125%; color: #2B1B14; gap: 32px; transition: all 0.1s ease-in-out; z-index: 1; } @media (max-width: 768px) { .download-list__link { font-size: 20px; padding-top: 16px; padding-bottom: 17px; } } .download-list__link::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all 0.3s ease-in-out; pointer-events: none; border-radius: 6px; background-color: #ffffff; } @media (max-width: 768px) { .download-list__link::before { display: none; } } .download-list__item:first-child .download-list__link { border-top: 1px solid rgba(43, 27, 20, 0.15); } .download-list__text { position: relative; z-index: 11; } .download-list__icon { margin-right: 12px; position: relative; z-index: 11; } .download-list__link:hover { border-color: transparent !important; z-index: 11; } .download-list__link:hover::before { left: -24px; top: -8px; bottom: -8px; right: -24px; border-color: transparent; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); transform: translate(0, -6px); } .promo__img { object-fit: cover; } .promo__item:nth-child(2) { margin-left: -1px; } .promo { overflow: visible; } @media (max-width: 1024px) { .promo::before { width: 96%; height: 34%; top: -13%; left: 2%; } } @media (max-width: 1024px) { .content__list .office-address--mod { max-width: 100%; padding: 24px 32px 32px; } } @media (max-width: 425px) { .content__list .office-address--mod { max-width: 100%; padding: 24px 32px 32px; } } .content__list .office-address--mod p { margin-bottom: 10px; } .content__list .office-address--mod .office-address__personal-data, .content__list .office-address--mod .button span { font-size: 18px !important; line-height: 150% !important; letter-spacing: initial !important; } .content__list .office-address--mod a, .content__list .office-address--mod b { font-weight: 700; display: inline; font-size: inherit; } .content__list .office-address--mod .link { color: #e67a00; font-weight: 300; font-size: inherit; } .content__list .office-address--mod .office-address__status { margin-bottom: 15px; } .page-404 .footer { margin: 0; border-radius: 0; } .footer .logo { display: block; background-image: url(/local/templates/main/css/../img/logo-en--wh.svg); background-size: contain; width: 192px; height: 70px; background-repeat: no-repeat; background-position: center; } .footer .logo:hover, .footer .logo:active { background-image: url(/local/templates/main/css/../img/logo-en--color.svg); } html[lang=ru] .footer .logo { background-image: url(/local/templates/main/css/../img/logo-rus--wh.svg); } html[lang=ru] .footer .logo:hover, html[lang=ru] .footer .logo:active { background-image: url(/local/templates/main/css/../img/logo-rus--color.svg); } .download-list__text { max-width: 90%; } .download-list__icon { max-width: 5%; width: 100%; } .price-content__name-wrap, .custom-accordion__title-wrap { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .custom-accordion__title-wrap { gap: 32px; margin: 0; } .price-content__name-wrap .price-content__name { padding: 0; margin: 0; } .button--load { text-transform: initial; } .button--load span { color: #ffffff !important; display: block !important; } .button--load::before { border-color: #E67A00; background-color: #E67A00; } .button--load::after { background-image: url(/local/templates/main/css/../img/icons/load.svg); } .custom-accordion__button:hover::before { z-index: 2; background-color: #fff; } .custom-accordion__title, .button-plus, .custom-accordion__label { position: relative; z-index: 10; } /* max-width: 600px ---------------------------------------------- */ @media (max-width: 600px) { .button--load span {} } /* max-width: 1200px ---------------------------------------------- */ @media (max-width: 1200px) { .download-list__icon { margin: 0; } .download-list__link { gap: 16px; } } /* max-width: 768px ---------------------------------------------- */ @media (max-width: 768px) { .custom-accordion__title-wrap { flex-direction: column; align-items: flex-start; gap: 16px; } } /* max-width: 425px ---------------------------------------------- */ @media (max-width: 425px) { .download-list__icon { display: none; } .download-list__text { max-width: 100%; } .modal .custom-form__politic { font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #2B1B14; opacity: 0.8; } .custom-form__item label { left: 14px; } .custom-form .form__button span { display: block; } .content__list .office-address--mod .office-address__personal-data, .content__list .office-address--mod .button span { font-size: 16px !important; line-height: 120% !important; } } .custom-form__item input, .custom-form__item textarea { font-family: "Aeroport", sans-serif; font-weight: 300; } input:valid, textarea:valid { background-color: #ffffff; } .custon-item-wrap { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; max-width: 85%; width: 100%; } .custom-accordion__label { display: block; } .custom-accordion__title { text-align: initial; } @media (max-width: 1024px) { .button-plus { width: 32px; height: 32px; } .custom-accordion__button { gap: 16px; } } /* End */ /* Start:/local/templates/main/css/custom.css?178005503616682*/ .recap { margin: 0; max-width: max-content; margin-right: auto; margin-bottom: 30px; } .filepond { visibility: hidden; margin-top: -25px; } .attach-file { margin-bottom: 0; } .attach-file__block { display: flex; flex-direction: column; } .attach-file__block > div { display: flex; gap: 5px; color: #554943; font-weight: 300; font-size: 18px; line-height: 40px; text-align: initial; } button.remove--file { opacity: 1; display: block; width: 18px; height: 18px; background-color: transparent; cursor: pointer; border: 0; margin-top: 5px; transform: translateY(6px); } button.remove--file::before { background-color: #f8aa2b; content: ""; position: absolute; left: calc(50% - 1px); top: 0; bottom: 0; width: 2px; transform: rotate(45deg); transition: all 0.3s ease-in-out; } button.remove--file::after { content: ""; position: absolute; left: calc(50% - 1px); top: 0; bottom: 0; background-color: #F8AA2B; width: 2px; transform: rotate(-45deg); transition: all 0.3s ease-in-out; } .attach-file__block > div:active button.remove--file::after, .attach-file__block > div:active button.remove--file::before { background-color: #0050b2; } .cabinet-tabs__content .content { padding-top: 0; } .content ol { margin-bottom: 0; margin-top: 0; } button:disabled, button[disabled] { opacity: 0.7 } /* доработки шапки сайта */ .header__buttons-group { max-width: 390px; width: 100%; justify-content: flex-end; } .hero { z-index: 2; } html[lang=en] .promo::before { display: none; } html[lang=en] .promo { padding: 85px 0 55px; } @media (max-width: 1600px) { .header__buttons-group { max-width: max-content; } } .news--home .news__list { gap: 32px; flex-wrap: wrap; } .news--home .content__list { margin-bottom: 0; } .button span, .btn span { pointer-events: none; } .button .arrow { pointer-events: none; } .button--arrow::before { pointer-events: none; } .hero__bottom { z-index: 3; } .hero__slider-item .wrapper { z-index: 22; } .content__list .office-address--mod .button { gap: 26px; display: flex; align-items: baseline; justify-content: space-between; max-width: max-content; padding: 0; letter-spacing: 0.02em; color: #E67A00; padding-top: 24px; margin-top: auto; font-size: 18px; } .content__list .office-address--mod:hover .button { opacity: 0.7; } .office-address.active { box-shadow: 4px 4px 12px rgb(0 0 0 / 20%); border-color: #f8aa2b; border-width: 2px; } .full-article--contacts-mod .button { padding-left: 0; } .full-article--contacts-mod .button span, .full-article--contacts-mod .button:hover span { color: #f8aa2b; } .full-article--contacts-mod .office-address__personal-data, .full-article--contacts-mod .full-article__content, .full-article--contacts-mod .office-address__personal-data a, .full-article--contacts-mod .office-address__personal-data p, .full-article--contacts-mod .button, .full-article--contacts-mod .button span { font-size: 18px; line-height: 1.5; letter-spacing: initial; } @media (max-width: 425px) { .full-article--contacts-mod .office-address__personal-data, .full-article--contacts-mod .full-article__content, .full-article--contacts-mod .office-address__personal-data a, .full-article--contacts-mod .office-address__personal-data p, .full-article--contacts-mod .button, .full-article--contacts-mod .button span { font-size: 16px; line-height: 1.2; } .full-article--contacts-mod .button--arrow span { display: block; } } .logo-collection__flex-container { display: flex; flex-wrap: wrap; gap: 32px; } .logo-collection__left, .logo-collection__right { width: calc(50% - 16px); } .logo-collection__list { padding: 0 !important; margin: 0 !important; list-style: none; display: flex; flex-wrap: wrap; gap: 32px; } .logo-collection__list li { width: calc((100% / 3) - (32px * 2 / 3)); margin: 0 !important; } .content .logo-collection__list li::marker { display: none !important; margin: 0; content: none !important; } .content .logo-collection__list a { display: flex; position: relative; z-index: 0; } .content .logo-collection__list img { width: 100%; display: block; } .content .logo-collection__list a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); background-image: url(/local/templates/main/css/../img/icons/download.svg); background-repeat: no-repeat; background-size: 19px; background-position: 50%; opacity: 0; transition: opacity .4s ease; pointer-events: none; z-index: 2; } .content .logo-collection__list a:hover::before { opacity: 1; } .news-promo__img { height: 360px; } @media (max-width: 1000px) { .logo-collection__flex-container { gap: 64px; } .logo-collection__left, .logo-collection__right { width: 100%; } .logo-collection__list { gap: 16px; } .logo-collection__list li { width: calc((100% / 3) - (16px * 2 / 3)); } } .full-article__title { font-size: 1.6em; margin-bottom: 34px; } .content__lead p { font-size: 1.2em; } .content.offices .title { font-size: 1.6em; } @media (max-width: 1024px) { .content.offices .title { font-size: 1.6em; } } @media (max-width: 850px) { .news-promo__img { height: 200px; } } @media (max-width: 768px) { .news-promo--simple .news-promo__img, .news-promo--simple .news-promo__wrapper { max-width: 100%; height: initial; } } .custom-cite { padding-top: 42px; } .custom-cite__decor { position: relative; display: flex; align-items: center; gap: 12px; margin-bottom: 26px; } .custom-cite__decor hr { flex-basis: 200px; flex-grow: 2; margin: 0; background-color: #F8AA2B; height: 1px; border: none; } .custom-cite__decor svg { width: 24px; height: 21px; display: block; } .custom-cite__text { margin: 0; margin-bottom: 32px; font-family: "Aeroport", sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 1.4; color: #6B3012; } .content__one-col--m0 { margin-bottom: 0; } @media (max-width: 768px) { .custom-cite__text { font-size: 26px; } } @media (max-width: 768px) { .custom-cite { padding-top: 20px; } .custom-cite__decor { margin-bottom: 16px; } .custom-cite__text { font-size: 20px; } .custom-cite .content__links-wrapper { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; } } .what-you-get { padding: 85px 0; background-image: url(/local/templates/main/css/../img/bg/advance-two.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; } .what-you-get__title { font-family: var(--ff-1); font-weight: 700; font-size: 72px; line-height: 1.1; color: #FFFFFF; margin: 0; padding: 0; margin-bottom: 43px; } .what-you-get__list { display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 36px; } .what-you-get__list li { width: calc((100% /3) - 22px); position: relative; padding-top: 56px; } .what-you-get__list li:after { content: ""; display: block; position: absolute; width: 40px; height: 40px; top: 0; left: 0; background-image: url(/local/templates/main/img/logo/1.svg); } .what-you-get__list span { display: inline-block; margin-bottom: 28px; font-weight: 700; font-size: 20px; line-height: 1.3; } .what-you-get__list p { margin: 0; font-weight: 300; font-size: 20px; line-height: 1.4; } .what-you-get .content__links-wrapper { justify-content: flex-end; margin-bottom: 120px; } .what-you-get__title { font-size: 54px; } .video-box { max-width: 1088px; width: 100%; height: 608px; margin: 0 auto; background-color: #C38225; background-image: url(/local/templates/main/img/bg/video-1.jpg); color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 6px; overflow: hidden; margin-bottom: -406px; position: relative; } .video-box .button { border-radius: 50%; max-width: initial; width: 96px; height: 96px; background-color: transparent; } .video-box .button::before { border-radius: 50%; border-color: #E67A00; background-color: #E67A00; display: flex; align-items: center; justify-content: center; } .modal--video { max-width: max-content; width: initial; height: max-content; top: initial; right: initial; margin: auto; padding: 10px; overflow: visible; max-width: calc(100% - 6%); } .modal--video .modal-close { top: -60px; right: 3px; } .advant-advances { padding: 0px 0 114px; background-color: #6B3012; color: #ffffff; } .advant-advances .container { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; } .advant-advances .title { color: #ffffff; max-width: 640px; margin: 0; padding: 0; font-family: var(--ff-1); font-weight: 700; font-size: 72px; line-height: 1.1; } .advant-advances__wrap { max-width: 528px; } .advant-advances ol { margin: 0; margin-bottom: 38px; margin-left: 0; margin-top: 19px; padding-left: 30px; } .advant-advances ol li { margin-bottom: 12px; } .advant-advances ol li::marker { color: #E67A00; } .what-you-get__title, .advant-advances .title { color: #6B3012; } .advant-advances { background-color: #fff; color: #2B1B14; } .what-you-get__title, .what-you-get__title, .advant-advances .title, .simple-cont .title, .steps-funds .title, .simple-cont .title--mod, .steps-funds .title, .faq-sect__title, .cont-us .cont-us__left .title, .title--mod { font-size: 36px !important; } .simple-cont { padding: 85px 0 118px; } .simple-cont .title { margin: 0; padding: 0; margin-bottom: 34px; font-weight: 700; font-size: 72px; line-height: 1.11; } .simple-cont .title--mod { margin-bottom: 8px; } .simple-cont .subtitle { font-family: var(--ff-1); font-weight: 300; font-size: 32px; line-height: 1.25; color: #2B1B14; max-width: 1088px; margin: 0 auto; margin-bottom: 56px; } .simple-cont__flex-list { display: flex; flex-wrap: wrap; gap: 46px 32px; } .simple-cont__flex-list li { width: calc((100% / 3) - 22px); } .simple-cont__flex-list img { display: block; margin-bottom: 18px; } .simple-cont__flex-list p { margin: 0; color: #554943; font-weight: 300; font-size: 20px; line-height: 1.4; } .simple-cont__list { max-width: 1087px; margin: 0 auto; } .simple-cont__item { padding: 29px 0; border-bottom: 1px solid #EAE9E8; } .simple-cont__item strong { font-weight: 700; font-size: 24px; line-height: 1.33; color: #2B1B14; display: block; margin-bottom: 16px; } .simple-cont__item p { margin: 0; color: #6B605B; font-weight: 300; font-size: 20px; line-height: 1.4; } .simple-cont__sublist { margin: 23px 0 0; padding: 0; } .simple-cont__sublist li { list-style: none; position: relative; display: flex; justify-content: space-between; padding-left: 33px; margin-bottom: 4px; } .simple-cont__sublist li::before { content: "—"; position: absolute; left: 0; color: #F8AA2B; font-weight: 300; } .steps-funds { padding: 85px 0; background-color: #A47B67; color: #ffffff; background-image: url(/local/templates/main/img/bg/steps-funds-1.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; margin: 0 32px; } .steps-funds::after { content: ""; background-image: url(/local/templates/main/img/bg/texture-plus.svg); position: absolute; width: 50%; height: 27%; top: -14%; right: 1%; z-index: 3; pointer-events: none; } .steps-funds .title { color: #ffffff; font-weight: 700; font-size: 72px; line-height: 1.1; padding: 0; margin: 0; margin-bottom: 69px; } .steps-funds__list { display: flex; flex-wrap: wrap; gap: 63px 32px; align-items: flex-start; } .steps-funds__list li { width: calc((100% / 3) - 22px); } .steps-funds__list li strong { font-weight: 700; font-size: 20px; line-height: 1.3; display: block; margin-bottom: 28px; } .steps-funds__list li p { margin: 0; font-weight: 300; font-size: 20px; line-height: 1.4; } .dec-arrow { display: flex; justify-content: space-between; gap: 32px; align-items: center; margin-bottom: 16px; } .dec-arrow span { flex-grow: 2; position: relative; display: flex; align-items: center; } .dec-arrow span::after { content: ""; display: block; width: 95%; height: 1px; background-color: #fff; z-index: 0; position: absolute; margin-right: auto; } .dec-arrow svg { margin-left: auto; display: block; position: relative; z-index: 2; } .steps-funds--mod { background-image: url(/local/templates/main/img/bg/steps-funds-2.jpg); border-radius: 6px; padding: 85px 32px 126px; } .steps-funds--mod .steps-funds__list { margin-bottom: 16px; } .steps-funds--mod .just-text { margin-bottom: 56px; } .steps-funds--mod .wrapper { position: relative; z-index: 11; } .faq-sect { padding: 85px 0 62px; } .faq-sect .button-plus, .faq-sect .faq-sect__question { position: relative; z-index: 2; } .faq-sect .custom-accordion__button:hover::before { background-color: #ffffff; z-index: 1; } .faq-sect .custom-accordion__button.active { border-top: none; } .faq-sect .custom-accordion__button.active+.faq-sect__ansver { padding-bottom: 46px; } .faq-sect .custom-accordion--top .custom-accordion__button.active { border-top: 1px solid #DFDDDC; } .faq-sect__question { margin: 0; text-align: left; } .faq-sect .content__links-wrapper { justify-content: flex-end; } .faq-sect__title { padding: 0; margin-bottom: 45px; } .faq-sect__list { max-width: 1088px; margin: 0 auto; } .faq-sect__question { font-weight: 300; font-size: 32px; line-height: 1.25; color: #2B1B14; } .cont-us { padding: 22px 0 110px; position: relative; z-index: 2; overflow: hidden; } .cont-us .container { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; } .cont-us .cont-us__left { max-width: 640px; } .cont-us .cont-us__left .title { font-weight: 700; font-size: 72px; line-height: 1.1; margin: 0; padding: 0; color: #6B3012; } .cont-us .cont-us__details { min-width: 528px; } .cont-us__name { font-weight: 300; font-size: 24px; line-height: 1.67; color: #2B1B14; margin: 0; } .cont-us__tel { font-weight: 700; font-size: 24px; line-height: 1.67; color: #2B1B14; display: block; } .cont-us__mail { font-weight: 300; font-size: 24px; line-height: 1.67; color: #E67A00; } @media (max-width: 1000px) { .advant-advances .title { max-width: 100%; width: 100%; } .advant-advances .advant-advances__wrap { max-width: 100%; width: 100%; } .what-you-get__list li { max-width: 100%; width: 100%; padding-top: 0; padding-left: 65px; } .what-you-get__list li:after { top: 6px; } .video-box { max-width: 688px; width: 100%; height: 384px; } .what-you-get .content__links-wrapper { margin-bottom: 64px; } .simple-cont__flex-list li { width: calc((100% / 2) - 16px); } .steps-funds__list li { width: calc((100% / 2) - 16px); } .what-you-get__title, .advant-advances .title, .simple-cont .title, .steps-funds .title, .cont-us .cont-us__left .title { font-size: 48px; } .cont-us .cont-us__left { max-width: 100%; width: 100%; } .cont-us .cont-us__details { max-width: 100%; width: 100%; } } @media (max-width: 560px) { .content__links-wrapper .button { width: 100%; max-width: 100%; } .steps-funds--mod { padding-left: 0; padding-right: 0; } .home--advance .hero__text-part--mod, .home--advance .hero__text-list li, .advant-advances ol li, .simple-cont__flex-list p, .promo__title, .simple-cont__item strong, .simple-cont__item p, .steps-funds--mod .just-text { font-size: 18px; } .simple-cont .subtitle { font-size: 24px; } .faq-sect__question { font-size: 20px; } .decorate-line { display: none; } } @media (max-width: 450px) { .simple-cont__flex-list li { width: 100%; } .steps-funds__list li { width: 100%; display: flex; gap: 16px; align-items: flex-start; } .simple-cont { padding: 24px 0; } .dec-arrow span { display: none; } .steps-funds__list li strong { margin-bottom: 6px; } .steps-funds .title { margin-bottom: 32px; } .dec-arrow { width: 40px; max-width: 40px; margin: 0; display: block; } .custom-accordion__button { gap: 16px; } .dec-arrow, .button-plus { width: 40px; } .steps-funds__txt-wrap, .faq-sect__question { max-width: calc(100% - 16px - 40px); } .what-you-get__list span { margin-bottom: 6px; } } /* End */ /* Start:/local/templates/main/css/custom2.css?17800550368194*/ @charset "UTF-8"; :root { --bg-color-1: #ffffff; --bg-color-2: rgba(217, 217, 217, 0.3); --border-color-1: #dfdddc; --border-color-2: #6b3012; --border-color-3: #2b1b14; --border-color-4: #d9d9d9; --color-text: rgba(43, 27, 20, 0.8); } .custom-form__politic a { display: inline; } .custom-form__politic a:hover { text-decoration: underline; } .custom-form__politic a:after { display: none !important; } .custom-select { position: relative; font-family: inherit; width: 100%; max-width: 100%; } .custom-select__selected { background-color: var(--bg-color-1); padding: 14px 16px; padding-right: 60px; cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 400; font-size: 16px; height: 48px; border: 1px solid var(--border-color-1); color: inherit; border-radius: 6px; } .custom-select__selected span { margin: 0 !important; } .custom-select__selected:after { content: ""; display: block; background-image: url("/local/templates/main/css/../svg/icon-down-arrow.svg"); width: 10px; height: 18px; background-position: center; background-repeat: no-repeat; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; right: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-select__selected::before { content: ""; display: block; width: 1px; height: 100%; background-color: #dfdddc; position: absolute; right: 50px; top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-select__options { position: absolute; top: 100%; left: 0; right: 0; background-color: var(--bg-color-1); border: 1px solid var(--border-color-1); border-top: 0; font-style: normal; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 1; color: #161616; z-index: 20; display: none; overflow: hidden; border-radius: 0 0 6px 6px; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 10px 0; } .custom-select__options-scroll { overflow: auto; display: block; max-height: 180px; padding-top: 1px; padding-bottom: 1px; } .custom-select__option { padding: 13px 16px; width: 100%; cursor: pointer; display: block; position: relative; text-transform: initial; text-align: left; font-weight: 400; font-size: 16px; line-height: 150%; color: var(--color-text); } .custom-select__option::before { content: ""; display: block; position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; height: 100%; width: calc(100% - 20px); background-color: transparent; border-bottom: 1px solid var(--border-color-1); } .custom-select__option span { position: relative; } .custom-select__option:last-of-type::before { border-bottom: 1px solid transparent; } .custom-select__option:hover::before, .custom-select__option:active::before, .custom-select__option:focus::before { background-color: var(--bg-color-2); left: 0; right: 0; top: -1px; bottom: 0; width: 100%; border-top: 1px solid var(--border-color-4); border-bottom: 1px solid var(--border-color-4); } .custom-select.open .custom-select__selected { border-radius: 6px 6px 0 0; border-color: #2b1b14; } .custom-select.open .custom-select__options { display: block; border-color: var(--text); } .custom-select.open .custom-select__selected:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .custom-select__selected:hover { border-color: var(--border-color-2); } .custom-select__inputs { max-width: 100%; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .custom-select__input { display: block; background-color: var(--white); border: 1px solid var(--line); border-radius: 6px; height: 56px; max-width: 100%; width: 100%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-select__input input { width: 100%; max-width: 100%; height: 100%; border: none; outline: none; text-align: left; background: transparent; padding: 13px 16px; font-weight: 600; font-size: 18px; color: var(--black); } .custom-select__input ::-webkit-input-placeholder { color: inherit; } .custom-select__input ::-moz-placeholder { color: inherit; } .custom-select__input :-ms-input-placeholder { color: inherit; } .custom-select__input ::-ms-input-placeholder { color: inherit; } .custom-select__input ::placeholder { color: inherit; } .custom-select__input:hover:has(input:hover:not(:focus)) { border: 1px solid var(--green); } .custom-select__input:has(input:focus) { border: 1px solid var(--black); } .custom-select.open .custom-select__selected { border: 2px solid var(--border-color-2); } .custom-select.open .custom-select__options { border: 2px solid var(--border-color-2); border-radius: 0 0 6px 6px; top: calc(100% - 2px); } @media (max-width: 767px) { .custom-select__selected { height: 40px; } .custom-select__input { height: 40px; } .custom-select__selected:after { right: 15px; } .custom-select .custom-select__selected::before { right: 40px; } } .simplebar-scrollbar::before { background-color: #6b3012; } .simplebar-track.simplebar-vertical { right: 5px; } .simplebar-visible::before { opacity: 1 !important; } .simplebar-scrollbar:before { left: 0; } /* Для всех браузеров, включая Webkit (Chrome, Safari) */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Для Firefox */ input[type=number] { -moz-appearance: textfield; } .modal { padding: 38px 32px; } .modal__title { padding: 0; padding-right: 55px; margin-bottom: 42px; } .modal-close { padding: 0; width: 45px; height: 45px; 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; max-width: initial; max-height: initial; top: 33px; right: 35px; } .custom-form__items-wrapper { gap: 24px; } .custom-label { padding: 0 4px; color: #554943; background: #fff; z-index: 2; } .custom-form__item { position: relative; } .custom-form__item .custom-label { left: 26px; top: -8px; position: absolute; } .custom-form__item textarea { min-height: 120px; } .custom-form__items-wrapper { margin-bottom: 20px; } .form__button { min-height: 57px; padding: 13px 24px; font-weight: 500; font-size: 16px; line-height: 150%; letter-spacing: 0.02em; } .modal .custom-form__politic { font-size: 14px; line-height: 1.4; display: inline-block; } .custom-form__politic a { position: initial; display: inline; font-size: inherit; line-height: inherit; font-weight: inherit; } .custom-form__footer { margin-bottom: 25px; } .modal input.invalid { border-color: red; } .modal .error-message { color: red; font-size: 12px; margin-top: 5px; } @media (max-width: 767px) { .modal-overlay { padding: 40px 15px; } .modal { max-width: 96%; padding: 32px 24px; padding-right: 38px; } .modal-close { top: 25px; right: 40px; } .modal__title { margin-bottom: 35px; } .custom-form__item label { left: 20px; top: -9px; } .custom-form__item input { min-height: 40px; } .custom-form__item .custom-label { left: 20px; top: -10px; } .modal .custom-select__option { padding: 10px 16px; } } @media (max-width: 425px) { .modal .button--arrow span { display: block; } } .custom-form__item input.error { border-color: red; border-width: 2px; outline: none; } .custom-form__item textarea.error { border-color: red; border-width: 2px; outline: none; } .input-h { opacity:0; position:absolute; top:0; left:-5000px; } /* End */ /* /local/templates/main/libs/swiper-bundle.min.css?178005503615575 */ /* /local/templates/main/libs/simplebar.css?17800550364467 */ /* /local/templates/main/css/normalize.css?17800550366126 */ /* /local/templates/main/css/main.css?178005503690136 */ /* /local/templates/main/css/custom.css?178005503616682 */ /* /local/templates/main/css/custom2.css?17800550368194 */