1<!doctype html> 2<html lang="uk"> 3<head> 4 <meta name="facebook-domain-verification" content="8ztyxkhmje1pvemjvqmwmf4qfpn06q" /> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8<!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 13})(window,document,'script','dataLayer','
13GTM-TGK76JPM
vendor: 3 bytes, line 13
13');
13</script>
13 14<!-- End Google Tag Manager --> 15 16 <link rel="dns-prefetch" href="https://fonts.gstatic.com"> 17 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap" as="style"> 18 <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" as="style"> 19 <link rel="preload" href="/wp-content/themes/burot/css/custom-style.css" as="style"> 20 21 <!-- ÐÑдклÑÑÐµÐ½Ð½Ñ jQuery --> 22
22<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" 23 integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" 24 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
24 25 26 <!-- ÐÑдклÑÑÐµÐ½Ð½Ñ jQuery Inputmask --> 27
27<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js" 28 integrity="sha512-efAcjYoYT0sXxQRtxGY37CKYmqsFVOIwMApaEbrxJr4RwqVVGw8o+Lfh/+59TU07+suZn1BWq4fDl5fdgyCNkw==" 29 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
29 30 31 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 32<link rel="alternate" href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" hreflang="uk" /> 33<link rel="alternate" href="https://burocompany.com.ua/ru/service/upravlinskyy-oblik-vid-biuro-2/" hreflang="ru" /> 34 35 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 36 <title>УпÑавлÑнÑÑкий облÑк ⤠ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð² УкÑаÑÐ½Ñ Ð·Ð° гнÑÑкими ÑÑнами</title> 37 <meta name="description" content="ÐамовиÑи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð½Ð° пÑдпÑиÑмÑÑÐ²Ñ âï¸ ÐобÑдова ÑиÑÑеми ÑпÑавлÑнÑÑкого облÑÐºÑ âï¸ ÐоÑлÑги з ÑпÑавлÑнÑÑкого облÑÐºÑ Ð¿Ñд клÑÑ Ð²Ñд ÐЮРÐ." /> 38 <link rel="canonical" href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" /> 39 <meta property="og:locale" content="uk_UA" /> 40 <meta property="og:locale:alternate" content="ru_RU" /> 41 <meta property="og:type" content="article" /> 42 <meta property="og:title" content="УпÑавлÑнÑÑкий облÑк ⤠ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð² УкÑаÑÐ½Ñ Ð·Ð° гнÑÑкими ÑÑнами" /> 43 <meta property="og:description" content="ÐамовиÑи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð½Ð° пÑдпÑиÑмÑÑÐ²Ñ âï¸ ÐобÑдова ÑиÑÑеми ÑпÑавлÑнÑÑкого облÑÐºÑ âï¸ ÐоÑлÑги з ÑпÑавлÑнÑÑкого облÑÐºÑ Ð¿Ñд клÑÑ Ð²Ñд ÐЮРÐ." /> 44 <meta property="og:url" content="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" /> 45 <meta property="og:site_name" content="Buro" /> 46 <meta property="article:publisher" content="https://www.facebook.com/burocompany" /> 47 <meta property="article:modified_time" content="2025-10-10T07:51:46+00:00" /> 48 <meta name="twitter:card" content="summary_large_image" /> 49
49<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro\/","url":"https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro\/","name":"УпÑавлÑнÑÑкий облÑк ⤠ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð² УкÑаÑÐ½Ñ Ð·Ð° гнÑÑкими ÑÑнами","isPartOf":{"@id":"https:\/\/burocompany.com.ua\/#website"},"datePublished":"2024-06-27T20:51:16+00:00","dateModified":"2025-10-10T07:51:46+00:00","description":"ÐамовиÑи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð½Ð° пÑдпÑиÑмÑÑÐ²Ñ âï¸ ÐобÑдова ÑиÑÑеми ÑпÑавлÑнÑÑкого облÑÐºÑ âï¸ ÐоÑлÑги з ÑпÑавлÑнÑÑкого облÑÐºÑ Ð¿Ñд клÑÑ Ð²Ñд ÐЮРÐ.","breadcrumb":{"@id":"https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro\/#breadcrumb"},"inLanguage":"uk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ðоловна","item":"https:\/\/burocompany.com.ua\/"},{"@type":"ListItem","position":2,"name":"УпÑавлÑнÑÑкий облÑк ⤠ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð² УкÑаÑÐ½Ñ Ð·Ð° гнÑÑкими ÑÑнами"}]},{"@type":"WebSite","@id":"https:\/\/burocompany.com.ua\/#website","url":"https:\/\/burocompany.com.ua\/","name":"Buro","description":"","publisher":{"@id":"https:\/\/burocompany.com.ua\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/burocompany.com.ua\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"uk"},{"@type":"Organization","@id":"https:\/\/burocompany.com.ua\/#organization","name":"Buro","url":"https:\/\/burocompany.com.ua\/","logo":{"@type":"ImageObject","inLanguage":"uk","@id":"https:\/\/burocompany.com.ua\/#\/schema\/logo\/image\/","url":"https:\/\/burocompany.com.ua\/wp-content\/uploads\/2023\/11\/logo.png","contentUrl":"https:\/\/burocompany.com.ua\/wp-content\/uploads\/2023\/11\/logo.png","width":105,"height":105,"caption":"Buro"},"image":{"@id":"https:\/\/burocompany.com.ua\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/burocompany"]},false]}</script>
49 50 <!-- / Yoast SEO plugin. --> 51 52 53<link rel='dns-prefetch' href='//platform-api.sharethis.com' /> 54<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 55<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 56<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 57<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://burocompany.com.ua/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fburocompany.com.ua%2Fservice%2Fupravlinskyy-oblik-vid-biuro%2F&lang=uk" /> 58<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://burocompany.com.ua/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fburocompany.com.ua%2Fservice%2Fupravlinskyy-oblik-vid-biuro%2F&format=xml&lang=uk" /> 59<style id="wp-img-auto-sizes-contain-inline-css"> 60img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 61/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 62</style> 63<style id="wp-emoji-styles-inline-css"> 64 65 img.wp-smiley, img.emoji { 66 display: inline !important; 67 border: none !important; 68 box-shadow: none !important; 69 height: 1em !important; 70 width: 1em !important; 71 margin: 0 0.07em !important; 72 vertical-align: -0.1em !important; 73 background: none !important; 74 padding: 0 !important; 75 } 76/*# sourceURL=wp-emoji-styles-inline-css */ 77</style> 78 79 80<link rel='stylesheet' id='wpsm_ac-font-awesome-front-css' href='https://burocompany.com.ua/wp-content/plugins/responsive-accordion-and-collapse/css/font-awesome/css/font-awesome.min.css?ver=7.1.3' media='all' /> 81<link rel='stylesheet' id='wpsm_ac_bootstrap-front-css' href='https://burocompany.com.ua/wp-content/plugins/responsive-accordion-and-collapse/css/bootstrap-front.css?ver=7.1.3' media='all' /> 82<link rel='stylesheet' id='share-this-share-buttons-sticky-css' href='https://burocompany.com.ua/wp-content/plugins/sharethis-share-buttons/css/mu-style.css?ver=1787267191' media='all' /> 83<link rel='stylesheet' id='wp-review-slider-pro-public_combine-css' href='https://burocompany.com.ua/wp-content/plugins/wp-google-places-review-slider/public/css/wprev-public_combine.css?ver=18.7' media='all' /> 84<link rel='stylesheet' id='burot-style-css' href='https://burocompany.com.ua/wp-content/themes/burot/style.css?ver=1.0.0' media='all' /> 85<link rel='stylesheet' id='slick-css-css' href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?ver=7.1.3' media='all' /> 86<link rel='stylesheet' id='slick-theme-css-css' href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css?ver=7.1.3' media='all' /> 87<link rel='stylesheet' id='swiper-css-css' href='https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css?ver=7.1.3' media='all' />
88<script id="jquery-core-js" src="https://burocompany.com.ua/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 88
88
89<script id="jquery-migrate-js" src="https://burocompany.com.ua/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 89
89
90<script id="share-this-share-buttons-mu-js" src="//platform-api.sharethis.com/js/sharethis.js?ver=2.3.12#property=66316f3840fad4001977740c&product=inline-buttons&source=sharethis-share-buttons-wordpress"></script>
90 91 92<!-- ÐоÑаÑок ÑÑагменÑа ÑÐµÐ³Ñ Google (gtag.js), доданого за Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ Site Kit --> 93<!-- ФÑÐ°Ð³Ð¼ÐµÐ½Ñ Google Analytics, доданий Site Kit -->
vendor: 80 bytes, lines 93-94
93 94<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
94GT-KDQNQMB
vendor: 18 bytes, line 94
94" async></script>
95<script id="google_gtagjs-js-after"> 96window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 97gtag("set","linker",{"domains":["burocompany.com.ua"]}); 98gtag("js", new Date()); 99gtag("set", "developer_id.dZTNiMT", true); 100gtag("config", "GT-KDQNQMB", {"googlesitekit_post_type":"service"}); 101 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 102//# sourceURL=google_gtagjs-js-after 103</script>
103 104<link rel="https://api.w.org/" href="https://burocompany.com.ua/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://burocompany.com.ua/wp-json/wp/v2/service/20" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://burocompany.com.ua/xmlrpc.php?rsd" /> 105<meta name="generator" content="WordPress 7.1.3" /> 106<link rel='shortlink' href='https://burocompany.com.ua/?p=20' /> 107<meta name="generator" content="Site Kit by Google 1.189.0" /> 108
108<script>
vendor: 113 bytes, lines 108-111
108 109 (function(h,o,t,j,a,r){ 110 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 111 h._hjSettings={hjid:
1115091967
vendor: 232 bytes, lines 111-117
111,hjsv:5}; 112 a=o.getElementsByTagName('head')[0]; 113 r=o.createElement('script');r.async=1; 114 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 115 a.appendChild(r); 116 })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); 117
117</script>
117 118 <style> 119 .related-posts { 120 margin-top: 30px; 121 } 122 .related-posts-menu { 123 display: flex; 124 flex-wrap: wrap; 125 justify-content: space-between; 126 } 127 .related-post { 128 flex-basis: calc(25% - 10px); 129 margin-bottom: 20px; 130 text-align: center; 131 } 132 .related-post a { 133 text-decoration: none; 134 } 135 .related-post-thumbnail { 136 max-width: 100%; 137 height: auto; 138 border-radius: 10px; /* ÐакÑÑглÑем ÑÐ³Ð»Ñ */ 139 } 140 .related-post h4 { 141 margin-top: 10px; 142 font-size: 14px; 143 } 144 .related-posts-heading { 145 text-align: center; 146 margin-top: 0; 147 margin-bottom: 20px; 148 } 149 </style><link rel="icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-150x150.png" sizes="32x32" /> 150<link rel="icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" sizes="192x192" /> 151<link rel="apple-touch-icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" /> 152<meta name="msapplication-TileImage" content="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" /> 153<style id="wp-custom-css"> 154@media (min-width: 1024px) { 155.post-box { 156 width: 800px; 157 margin: 0 auto; 158} 159} 160 161.blogg li p { 162 min-height: 50px !important; 163} 164 165.blogg li { 166 margin: 0 0 30px 30px !important; 167} 168 169.single-post .entry-footer { 170 display: none; 171} 172 173.single-post .entry-title { 174 font-size: 32px; 175 font-weight: 600; 176 margin-bottom: 30px; 177} 178 179.single-post .post-thumbnail img { 180 border-radius: 30px; 181} 182 183.single-post .entry-meta { 184 display: none; 185} 186 187.consalting-intro__box a { 188 text-decoration: underline; 189} 190 191 192.site-main { 193 margin: 50px 0; 194} 195 196.cooperation__list a{ 197 outline: none; 198} 199 200/* ÐагалÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑоÑми */ 201.wpcf7 { 202 max-width: 500px; /* ÐакÑималÑна ÑиÑина ÑоÑми */ 203 margin: 0 auto; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ ÑенÑÑÑ */ 204} 205 206/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑнпÑÑÑв Ñ ÑекÑÑÐ¾Ð²Ð¸Ñ Ð¿Ð¾Ð»Ñв */ 207.wpcf7 input[type="text"], 208.wpcf7 input[type="email"], 209.wpcf7 textarea { 210 width: 100%; /* ÐаповниÑи вÑÑ ÑиÑÐ¸Ð½Ñ ÐºÐ¾Ð½ÑейнеÑа */ 211 padding: 10px; /* ÐнÑÑÑÑÑнÑй вÑдÑÑÑп */ 212 margin-bottom: 15px; /* ÐовнÑÑнÑй вÑдÑÑÑп мÑж полÑми */ 213 border: 1px solid #ccc; /* Тонка Ñамка */ 214 border-radius: 5px; /* ÐакÑÑÐ³Ð»ÐµÐ½Ñ ÐºÑÑи */ 215 box-sizing: border-box; /* ÐбÑиÑлиÑи ÑиÑÐ¸Ð½Ñ Ñ Ð²Ð¸ÑоÑÑ, вклÑÑаÑÑи падÑÐ½Ð½Ñ Ñа Ð¼ÐµÐ¶Ñ */ 216} 217 218/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ вÑдпÑавки */ 219.wpcf7 input[type="submit"] { 220 background-color: #EBC277; /* ÐолÑÑ ÑÐ¾Ð½Ñ */ 221 color: white; /* ÐолÑÑ ÑекÑÑÑ */ 222 padding: 10px 15px; /* ÐнÑÑÑÑÑнÑй вÑдÑÑÑп */ 223 border: none; /* Ðез Ñамки */ 224 border-radius: 25px; /* ÐакÑÑÐ³Ð»ÐµÐ½Ñ ÐºÑÑи */ 225 cursor: pointer; /* ÐмÑнÑÑÑÑÑÑ ÐºÑÑÑÐ¾Ñ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 226} 227 228.wpcf7 input[type="submit"] { 229 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐнимаÑÐ¸Ñ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ ÑÐ¼ÐµÐ½Ñ ÑвеÑа */ 230} 231 232.wpcf7 input[type="submit"]:hover { 233 background-color: #d9b46f; /* ÐолÑÑ ÑÐ¾Ð½Ñ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 234 transform: scale(1.1); /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ на 10% */ 235} 236 237 238.contact-info { 239 background-color: #f5f5f5; 240 padding: 20px; 241 margin-bottom: 20px; 242 border-radius: 8px; 243 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 244} 245 246.contact-info h2 { 247 color: #333; 248 margin-bottom: 10px; 249} 250 251.contact-info p { 252 margin: 0 0 10px; 253} 254 255.contact-info strong { 256 font-weight: bold; 257} 258 259.widget-area#secondary { 260 display: none; 261} 262 263.entry-content a { 264 text-decoration: underline; 265} 266 267#form-messages { 268 padding: 10px; 269 margin-bottom: 20px; 270 border-radius: 5px; 271} 272 273.form input[type="text"], 274.form input[type="tel"] { 275 color: #fff; /* ÐолÑÑ ÑекÑÑÑ */ 276} 277 278.entry-title { 279 display: none; 280} 281 282.content-table { 283 margin-top: 30px; 284 padding-top: 20px; 285 border-top: 1px solid black; 286 border-bottom: 1px solid black; 287} 288 289.content-table h2 { 290 font-size: 24px; 291 margin-bottom: 15px; 292} 293 294.content-table ul { 295 list-style: none; 296 padding: 0; 297} 298 299.content-table ul li { 300 margin-bottom: 10px; 301} 302 303.content-table ul li::before { 304 content: "- "; 305 display: inline; 306} 307 308.content-table ul li a { 309 text-decoration: underline; /* ÐÑполÑзÑем подÑеÑкивание */ 310 color: #333; 311} 312 313.content-table ul li a:hover { 314 color: #007bff; 315} 316 317.author-header { 318 display: flex; 319 align-items: center; 320 margin-bottom: 20px; 321} 322 323.author-avatar { 324 margin-right: 20px; 325} 326 327.author-avatar img { 328 border-radius: 50%; 329} 330 331.author-info { 332 flex: 1; 333} 334 335.author-name { 336 font-size: 24px; 337 margin-bottom: 10px; 338} 339 340.author-description { 341 font-style: italic; 342 color: #666; 343 margin-bottom: 20px; 344} 345 346.author-posts { 347 margin-top: 40px; 348 display: flex; 349 flex-wrap: wrap; 350 justify-content: center; 351} 352 353.author-posts .entry { 354 margin: 0 10px 20px; /* ÐобавлÑем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð·Ð°Ð¿Ð¸ÑÑми */ 355} 356 357.author-posts .entry img { 358 border-radius: 10px; /* ÐакÑÑглÑем кÑÐ°Ñ Ð¸Ð·Ð¾Ð±Ñажений запиÑей */ 359 margin-bottom: 10px; 360} 361 362.author-posts .entry-title { 363 font-size: 20px; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° запиÑи */ 364 margin-bottom: 10px; 365} 366 367.author-posts .entry-content { 368 margin-bottom: 10px; 369} 370 371 372/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿Ð¾Ðº "Previous" и "Next" */ 373.slick-prev, 374.slick-next { 375 font-size: 16px; 376 background-color: transparent; 377 border: 2px solid #000; 378 padding: 10px 15px; 379 border-radius: 5px; 380 color: #000; 381 cursor: pointer; 382 transition: background-color 0.3s ease; 383 z-index: 1; /* ЧÑÐ¾Ð±Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ бÑли повеÑÑ Ñлайдов */ 384} 385 386/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ "Previous" */ 387.slick-prev { 388 transform: translateY(-50%); 389} 390 391/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ "Next" */ 392.slick-next { 393 transform: translateY(50%); 394} 395 396 397@media(max-width: 991px) { 398.author-header { 399flex-direction: column; 400} 401 402.author-avatar { 403 margin-bottom: 20px; 404 margin-right: 0; 405} 406} 407 408.header .custom-logo-link img { 409 width: 70% !important; 410} 411 412 413} 414 415.stepss_text_under_title { 416 margin-top: 20px !important; 417 font-size: 20px !important; 418} 419 420@media (max-width: 768px) { 421 .calculator-image { 422 display: none; 423 } 424} 425 426/* --- ÐÐÐ ÐÐТÐÐ ÐÐÐÐÐЫРÐÐТÐÐ ÐÐЯ ÐÐРТÐÐÐÐЬÐÐÐÐ ÐÐÐÐÐ --- */ 427
428/* ÐоÑаÑковий ÑÑан: ÐÐРТÐÐÐÐЬÐÐРблок */ 429.video { 430 position: relative; 431 width: 250px; /* ШиÑина веÑÑикалÑного Ð±Ð»Ð¾ÐºÑ */ 432 aspect-ratio: 9 / 16 !important; /* ÐÑимÑÑово задаÑмо веÑÑикалÑÐ½Ñ Ð¿ÑопоÑÑÑÑ */ 433 height: auto !important; /* ÐозволÑÑмо виÑоÑÑ ÑозÑÐ°Ñ ÑваÑиÑÑ Ð°Ð²ÑомаÑиÑно */ 434 border-radius: 12px; 435 overflow: hidden; 436 cursor: pointer; 437} 438 439/* Ðнопка закÑиÑÑÑ */ 440.video__close { 441 position: absolute; 442 top: 10px; 443 right: 10px; 444 cursor: pointer; 445 z-index: 1000; 446 transition: top 0.3s ease, right 0.3s ease; 447} 448 449/* ÐÑдео вÑеÑÐµÐ´Ð¸Ð½Ñ ÐºÐ¾Ð½ÑейнеÑа */ 450.js-video { 451 width: 100%; 452 height: 100%; 453 object-fit: cover; /* ÐлÑÑова влаÑÑивÑÑÑÑ: заповнÑÑ ÐºÐ¾Ð½ÑейнеÑ, обÑÑзаÑÑи зайве */ 454 transition: transform 0.3s ease; 455} 456 457/* --- СТÐÐÐ ÐÐЯ ÐÐÐÐЬШÐÐÐЯ (ЯРÐУÐÐ Ð ÐÐÐШÐ) --- */ 458 459.video.fullscreen .js-video { 460 transform: scale(1.5); 461 transform-origin: bottom left; 462} 463 464.video.fullscreen .video__close { 465 top: -65px; 466 right: -115px; 467} 468 469/* ÐÐ»Ð°Ñ Ð´Ð»Ñ Ð¿ÑÐ¸Ñ Ð¾Ð²ÑÐ²Ð°Ð½Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 470.video.hide { 471 display: none; 472} 473 474.rngst_phone_button { 475 position: fixed; 476 bottom: 110px !important; /* 20px Ð¾Ñ Ð½Ð¸Ð¶Ð½ÐµÐ³Ð¾ кÑÐ°Ñ ÑкÑана */ 477 right: -25px !important; /* 20px Ð¾Ñ Ð¿Ñавого кÑÐ°Ñ ÑкÑана */ 478 z-index: 1000; 479} 480 481.client-pains-title { 482 font-size: 2.5em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа заголовка */ 483 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа */ 484 text-align: center; /* ЦенÑÑиÑование заголовка */ 485 margin-bottom: 30px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° до блоков */ 486 font-weight: 590; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 487 488 letter-spacing: 1px; /* РаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ Ð±Ñквами */ 489} 490 491 492.client-pains-container { 493 margin-top: 40px; 494 text-align: center; 495} 496 497.client-pains-row { 498 display: flex; 499 flex-wrap: wrap; 500 justify-content: center; 501 opacity: 0; /* ÐзнаÑалÑно конÑÐµÐ¹Ð½ÐµÑ Ð½ÐµÐ²Ð¸Ð´Ð¸Ð¼ */ 502 transform: translateY(50px); /* Сдвиг конÑейнеÑа вниз */ 503 animation: slideUp 0.6s ease-out forwards; /* ÐнимаÑÐ¸Ñ Ñлайд-ин ÑÐ½Ð¸Ð·Ñ */ 504} 505 506@keyframes slideUp { 507 to { 508 opacity: 1; 509 transform: translateY(0); /* ÐонÑÐµÐ¹Ð½ÐµÑ Ð²Ð¾Ð·Ð²ÑаÑаеÑÑÑ Ð½Ð° меÑÑо */ 510 } 511} 512 513.client-pain-block { 514 flex: 0 1 calc(25% - 20px); /* 4 блока в ÑÑÐ´Ñ */ 515 margin: 10px; 516 text-align: center; 517 box-sizing: border-box; 518} 519 520.client-pain-block img { 521 max-width: 60px; 522 margin-bottom: 10px; 523} 524 525.client-pain-block p { 526 margin-top: 0; 527 min-height: 50px; /* УÑÑановиÑе минималÑнÑÑ Ð²ÑÑоÑÑ Ð´Ð»Ñ ÑекÑÑа */ 528} 529 530@media (max-width: 1024px) { 531 .client-pain-block { 532 flex: 0 1 calc(50% - 20px); /* 2 блока в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 533 } 534} 535 536@media (max-width: 768px) { 537 .client-pain-block { 538 flex: 0 1 calc(50% - 10px); /* 2 блока в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 539 } 540} 541 542@media (max-width: 480px) { 543 .client-pain-block { 544 flex: 0 1 100%; /* 1 блок в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 480px */ 545 } 546} 547 548.consalting-intro__img { 549 display: none; 550} 551 552 553.page-subtitle { 554 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 555 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 556 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 557 margin-left: 70px; 558 font-weight: 400; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 559 text-align: center; /* ÐÑÑавнивание ÑекÑÑа */ 560} 561 562@media (min-width: 768px) { 563.page-subtitle { 564 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 565 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 566 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 567 margin-left: 70px; 568 font-weight: 400; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 569 text-align: left; /* ÐÑÑавнивание ÑекÑÑа */ 570} 571} 572 573@media (max-width: 768px) { 574.page-subtitle { 575 font-size: 1.5em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 576 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 577 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 578 margin-left: 60px; 579 font-weight: 500; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 580 text-align: left; /* ÐÑÑавнивание ÑекÑÑа */ 581} 582} 583 584.intro__right p { 585 font-size: 1.300em !important; /* УменÑÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (пÑимеÑно 14px) */ 586 line-height: 1.5; /* ÐÑÑоÑа ÑÑÑоки Ð´Ð»Ñ Ð»ÑÑÑей ÑиÑаемоÑÑи */ 587 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ Ð´Ð»Ñ ÑÐ°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ ÑлеменÑов */ 588} 589 590 591 592 593 594/* Раздел пакеÑÑ */ 595 596.stepss__list { 597 display: flex; 598 flex-wrap: wrap; 599 justify-content: center; /* ЦенÑÑиÑование блоков */ 600 gap: 20px; /* ÐÑомежÑÑок Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 601} 602 603.stepss__list li { 604 display: flex; 605 flex-direction: column; 606 justify-content: space-between; 607 align-items: center; 608 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 609 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 610 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 611 border: 1px solid #ddd; 612 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 613 margin-bottom: 20px; 614 position: relative; 615 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 616 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 617 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 618 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 619} 620 621.stepss__list li:hover { 622 transform: scale(1.05); /* УвелиÑение блока пÑи наведении */ 623 background-color: #Ebc277; /* Ðзменение ÑвеÑа Ñона пÑи наведении */ 624 z-index: 2; /* ÐоднÑÑие блока над дÑÑгими пÑи ÑвелиÑении */ 625} 626 627.stepss__list li h4 {
628 text-align: center; /* ÐÑÑовнÑÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº по ÑенÑÑÑ */ 629 font-weight: normal; /* ÐоÑмалÑÐ½Ð°Ñ ÑолÑина ÑекÑÑа */ 630 font-size: 1.4em; /* Ð Ð°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 631 margin-top: 0; 632 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 633 line-height: 1.2; 634} 635 636.steps_price { 637 font-weight: bold !important; /* ÐиÑнÑй ÑекÑÑ */ 638 font-size: 2.2em !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа Ð´Ð»Ñ ÑÑÐ¼Ð¼Ñ */ 639 text-align: center !important; /* ÐÑÑовнÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 640 margin: -10px 0 !important; /* ÐÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 641} 642 643 644.steps_checklist { 645 all: unset; /* СбÑÐ¾Ñ Ð²ÑÐµÑ Ð½Ð°ÑледÑемÑÑ ÑÑилей */ 646 list-style-type: none !important; /* УбиÑаем ÑÑандаÑÑнÑе маÑкеÑÑ ÑпиÑка */ 647 padding: 0 !important; 648 margin: 20px 0 !important; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑпиÑка */ 649 width: 100% !important; /* ÐÐ¾Ð»Ð½Ð°Ñ ÑиÑина блока */ 650 display: block !important; 651} 652 653.steps_checklist .check_item { 654 all: unset; /* СбÑÐ¾Ñ Ð²ÑÐµÑ Ð½Ð°ÑледÑемÑÑ ÑÑилей */ 655 display: flex !important; /* Flexbox Ð´Ð»Ñ Ð²ÑÑÐ°Ð²Ð½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð³Ð°Ð»Ð¾Ñки и ÑекÑÑа */ 656 align-items: center !important; /* ЦенÑÑиÑование по веÑÑикали */ 657 margin-bottom: 10px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑлеменÑами ÑпиÑка */ 658 font-size: 1em !important; /* СÑандаÑÑнÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 659 line-height: 1.6 !important; /* ÐежÑÑÑоÑнÑй инÑеÑвал */ 660 color: inherit !important; /* УнаÑледованнÑй ÑÐ²ÐµÑ ÑекÑÑа */ 661 text-align: left !important; /* ÐÑÑавнивание по Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 662} 663 664.steps_checklist .check_item .checkmark { 665 color: #007bff !important; /* Ð¦Ð²ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 666 font-weight: bold !important; 667 margin-right: 8px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð³Ð°Ð»Ð¾Ñкой и ÑекÑÑом */ 668 font-size: 1.2em !important; /* ЧÑÑÑ ÑвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 669} 670 671.btn--small { 672 display: inline-block; 673 padding: 4px 8px; /* УменÑÑеннÑе оÑÑÑÑÐ¿Ñ */ 674 background-color: #Ebc277; /* Ð¦Ð²ÐµÑ Ñона */ 675 color: #fff; /* Ð¦Ð²ÐµÑ ÑекÑÑа */ 676 text-decoration: none; 677 font-weight: bold; 678 border-radius: 30px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 679 font-size: 0.75em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа */ 680 transition: background-color 0.3s ease; 681 margin-top: auto; /* Ðнопка пÑижаÑа к нижней ÑаÑÑи блока */ 682} 683 684/* Ðнопка ÑÑановиÑÑÑ ÑеÑной пÑи наведении на блок */ 685.stepss__list li:hover .btn--small { 686 background-color: #fff; 687 color: #454444; 688} 689 690/* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении на ÑÐ°Ð¼Ñ ÐºÐ½Ð¾Ð¿ÐºÑ */ 691.btn--small:hover { 692 background-color: #333; 693 color: #fff; 694} 695 696@media (max-width: 1024px) { 697 .stepss__list li { 698 flex: 1 1 calc(50% - 20px); /* 2 блока в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 699 max-width: calc(50% - 20px); 700 } 701} 702 703@media (max-width: 768px) { 704 .stepss__list li { 705 flex: 1 1 100%; /* 1 блок в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 706 max-width: 100%; 707 } 708} 709 710.stepss__list li { 711 display: flex; 712 flex-direction: column; 713 justify-content: space-between; 714 align-items: center; 715 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 716 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 717 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 718 border: 1px solid #ddd; 719 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 720 margin-bottom: 20px; 721 position: relative; 722 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 723 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 724 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 725 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 726 overflow: hidden; /* СкÑÑÑÑ Ð»ÑбÑе ÑлеменÑÑ, вÑÑ Ð¾Ð´ÑÑие за пÑÐµÐ´ÐµÐ»Ñ Ð±Ð»Ð¾ÐºÐ° */ 727} 728 729.stepss__list { 730 display: flex; 731 flex-wrap: wrap; 732 justify-content: center; /* ЦенÑÑиÑование блоков */ 733 gap: 20px; /* ÐÑомежÑÑок Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 734} 735 736.stepss__list li { 737 display: flex; 738 flex-direction: column; 739 justify-content: space-between; 740 align-items: center; 741 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 742 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 743 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 744 border: 1px solid #ddd; 745 border-radius: 20px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 746 margin-bottom: 20px; 747 position: relative; 748 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 749 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 750 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 751 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 752 overflow: hidden; /* СкÑÑÑÑ Ð»ÑбÑе ÑлеменÑÑ, вÑÑ Ð¾Ð´ÑÑие за пÑÐµÐ´ÐµÐ»Ñ Ð±Ð»Ð¾ÐºÐ° */ 753} 754 755.stepss__list li:hover { 756 transform: scale(1.05); /* УвелиÑение блока пÑи наведении */ 757 background-color: #Ebc277; /* Ðзменение ÑвеÑа Ñона пÑи наведении */ 758 z-index: 2; /* ÐоднÑÑие блока над дÑÑгими пÑи ÑвелиÑении */ 759} 760 761.stepss__list li h4 {
762 text-align: center; /* ÐÑÑовнÑÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº по ÑенÑÑÑ */ 763 font-weight: normal; /* ÐоÑмалÑÐ½Ð°Ñ ÑолÑина ÑекÑÑа */ 764 font-size: 1.4em; /* Ð Ð°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 765 margin-top: 0; 766 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 767 line-height: 1.2; 768} 769 770.steps_price { 771 font-weight: bold !important; /* ÐиÑнÑй ÑекÑÑ */ 772 font-size: 2.2em !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа Ð´Ð»Ñ ÑÑÐ¼Ð¼Ñ */ 773 text-align: center !important; /* ÐÑÑовнÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 774 margin: -10px 0 !important; /* ÐÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 775} 776 777.steps_checklist { 778 list-style-type: none !important; /* УбиÑаем ÑÑандаÑÑнÑе маÑкеÑÑ ÑпиÑка */ 779 padding: 0 !important; 780 margin: 20px 0 !important; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑпиÑка */ 781 width: 100% !important; /* ÐÐ¾Ð»Ð½Ð°Ñ ÑиÑина блока */ 782 display: block !important; 783} 784 785.steps_checklist .check_item { 786 display: flex !important; /* Flexbox Ð´Ð»Ñ Ð²ÑÑÐ°Ð²Ð½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð³Ð°Ð»Ð¾Ñки и ÑекÑÑа */ 787 align-items: center !important; /* ЦенÑÑиÑование по веÑÑикали */ 788 margin-bottom: 10px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑлеменÑами ÑпиÑка */ 789 font-size: 1.1em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 790 line-height: 1.6 !important; /* ÐежÑÑÑоÑнÑй инÑеÑвал */ 791 color: inherit !important; /* УнаÑледованнÑй ÑÐ²ÐµÑ ÑекÑÑа */ 792 text-align: left !important; /* ÐÑÑавнивание по Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 793 position: relative; /* ÐÑноÑиÑелÑное позиÑиониÑование Ð´Ð»Ñ ÑазделиÑелей */ 794} 795 796.steps_checklist .check_item .checkmark { 797 color: #333 !important; /* ЧÑÑнÑй ÑÐ²ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 798 font-weight: bold !important; 799 margin-right: 8px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð³Ð°Ð»Ð¾Ñкой и ÑекÑÑом */ 800 font-size: 1.4em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 801 transition: transform 0.3s ease; /* ÐÐ»Ð°Ð²Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ ÑвелиÑÐµÐ½Ð¸Ñ */ 802} 803 804.steps_checklist .check_item:hover .checkmark { 805 transform: scale(1.2); /* УвелиÑение галоÑки пÑи наведении */ 806} 807 808.steps_checklist .check_item:after { 809 content: ""; 810 position: absolute; 811 bottom: -5px; 812 left: 0; 813 width: 100%; 814 height: 1px; 815 background-color: #333; /* СеÑÑй ÑÐ²ÐµÑ ÑазделиÑÐµÐ»Ñ */ 816 transform: scaleX(0); /* ÐаÑалÑное ÑоÑÑоÑние линии - невидимо */ 817 transition: transform 0.3s ease; /* Ðлавное поÑвление линии */ 818} 819 820.steps_checklist .check_item:hover:after { 821 transform: scaleX(1); /* ÐÑобÑажение линии пÑи наведении */ 822} 823 824.steps_checklist .check_item:before { 825 content: none !important; /* УбиÑаем ÑодеÑжимое пÑевдоÑлеменÑа */ 826} 827 828 829 830/* УвелиÑение ÑекÑÑа на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 831@media (max-width: 768px) { 832 .btn--small { 833 font-size: 1.2em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 834 } 835} 836 837/* Ðнопка ÑÑановиÑÑÑ ÑеÑной пÑи наведении на блок */ 838.stepss__list li:hover .btn--small { 839 background-color: #fff; 840 color: #454444; 841} 842 843/* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении на ÑÐ°Ð¼Ñ ÐºÐ½Ð¾Ð¿ÐºÑ */ 844.btn--small:hover { 845 background-color: #333; 846 color: #fff; 847} 848 849@media (max-width: 1024px) { 850 .stepss__list li { 851 flex: 1 1 calc(50% - 20px) !important; /* 2 блока в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 852 } 853} 854 855@media (max-width: 768px) { 856 .stepss__list li { 857 flex: 1 1 100%; /* 1 блок в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 858 max-width: 100%; 859 } 860} 861 862.stepss h3 { 863 font-size: 4em ; /* УÑÑанавливаем ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа 4em */ 864 text-align: center; /* ÐÑÑовнÑÑÑ ÑекÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 865 margin: 0 auto; /* УбиÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑнизÑ, и ÑенÑÑиÑÑем по гоÑизонÑали */ 866} 867 868.stepss__list li:before { 869 content: none !important; /* УбиÑаем ÑÑаÑÑÑ ÑиÑÑÑ, еÑли она бÑла ÑеÑез пÑевдоÑÐ»ÐµÐ¼ÐµÐ½Ñ */ 870} 871 872.stepss__list li { 873 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 874} 875 876.stepss__list li:hover { 877 transform: scale(1.05) !important; 878 background-color: #Ebc277 !important; 879} 880 881.block_sequence_number { 882 position: absolute !important; 883 top: 25px !important; /* СмеÑение ÑиÑÑÑ Ð²Ð²ÐµÑÑ Ð¾ÑноÑиÑелÑно ÑодиÑелÑÑкого ÑлеменÑа */ 884 left: 50% !important; 885 transform: translateX(-50%) !important; 886 display: flex !important; 887 justify-content: center !important;
888 align-items: center !important; 889 width: 70px !important; 890 height: 70px !important; 891 background-color: #5C5C5C !important; 892 color: #EBC277 !important; 893 border-radius: 50% !important; /* ÐкÑÑглÑем кÑаÑ, ÑÑÐ¾Ð±Ñ ÑделаÑÑ ÑиÑÑÑ ÐºÑÑглой */ 894 font-size: 34px !important; 895 font-weight: 500 !important; 896 line-height: 60px !important; /* ЦенÑÑиÑÑем ÑекÑÑ Ð²Ð½ÑÑÑи кÑÑга */ 897 z-index: 1 !important; /* Ðоднимаем ÑиÑÑÑ Ð½Ð°Ð´ оÑÑалÑнÑми ÑлеменÑами */ 898} 899 900.stepss__list h4 { 901 font-size: 1.5em !important; 902 margin-top: 100px !important; /* ÐÑÑÑÑп, ÑÑÐ¾Ð±Ñ ÑазмеÑÑиÑÑ ÑиÑÑÑ ÑвеÑÑ Ñ */ 903 font-weight: 600 !important; 904} 905 906.stepss_text_under_title { 907 font-size: 1.2em !important; 908 margin-top: 10px !important; 909 margin-bottom: 20px !important; 910 font-weight: 400 !important; 911} 912 913.steps_price { 914 font-weight: bold !important; 915 font-size: 2em !important; 916 margin: 10px 0 !important; 917} 918 919.steps_price span { 920 font-size: 0.8em !important; 921 margin-left: 5px !important; 922} 923 924.checklist_wrapper { 925 margin: 20px 0 !important; 926} 927 928.steps_checklist { 929 list-style-type: none !important; 930 padding: 0 !important; 931 margin: 0 !important; 932} 933 934.check_item { 935 display: flex !important; 936 align-items: center !important; 937 font-size: 1em !important; 938 line-height: 1.6 !important; 939 margin-bottom: 10px !important; 940 text-align: left !important; 941} 942 943.checkmark { 944 color: #007bff !important; 945 font-weight: bold !important; 946 margin-right: 8px !important; 947 font-size: 1.2em !important; 948} 949 950.btn--small { 951 display: inline-block !important; 952 padding: 17px 110px !important; 953 background-color: #Ebc277 !important; 954 color: #282B2A !important; 955 text-decoration: none !important; 956 font-weight: bold !important; 957 border-radius: 30px !important; 958 font-size: 20px !important; 959-webkit-transition: linear .2s; 960 -o-transition: linear .2s; 961 transition: linear .2s; 962 margin-top: auto !important; 963} 964 965.stepss__list li:hover .btn--small { 966 background-color: #fff !important; 967 color: #000 !important; 968} 969 970@media (max-width: 1024px) { 971 .stepss__list li { 972 width: calc(50% - 30px) !important; 973 } 974} 975 976@media (max-width: 768px) { 977 .stepss__list li { 978 width: 100% !important; 979 } 980} 981 982 983 984 985 986 987 988 989 990 991/* ========== ÐÑновнÑе ÑÑили ========== */ 992 993/* ÐонÑÐµÐ¹Ð½ÐµÑ Ñ iPhone */ 994.iphone-container { 995 display: flex; 996 justify-content: center; /* ЦенÑÑиÑование ÑелеÑонов */ 997 align-items: flex-start; 998 flex-wrap: wrap; 999 gap: 40px; /* РаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ ÑелеÑонами */ 1000 width: 100%; 1001 max-width: 100%; 1002 box-sizing: border-box; 1003 background: linear-gradient(to bottom right, #f7c94b, #Ebc277); 1004 padding: 60px 20px; 1005 position: relative; 1006} 1007 1008/* ÐдинаковÑй ÑÐ°Ð·Ð¼ÐµÑ ÑелеÑонов */ 1009.iphone-wrap { 1010 width: 375px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина Ð´Ð»Ñ Ð¾Ð±ÐµÐ¸Ñ Ð¼Ð¾Ð´ÐµÐ»ÐµÐ¹ */ 1011 height: 762px; /* ÐÐ´Ð¸Ð½Ð°ÐºÐ¾Ð²Ð°Ñ Ð²ÑÑоÑа */ 1012 max-width: 100%; 1013 display: flex; 1014 flex-direction: column; 1015 justify-content: center; 1016 align-items: center; 1017 background-color: white; 1018 border-radius: 35px; 1019 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1020 border: 5px solid black; 1021 overflow: hidden; 1022 position: relative; 1023} 1024 1025/* ÐонÑÐµÐ½Ñ Ð²Ð½ÑÑÑи iPhone */ 1026.iphone-content { 1027 position: relative; 1028 z-index: 1; 1029 width: 100%; 1030 height: 100%; 1031 overflow-y: auto; 1032 background-color: rgba(255, 255, 255, 0.3); 1033 border-radius: 30px; 1034 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1035 backdrop-filter: blur(10px); 1036 -webkit-backdrop-filter: blur(10px); 1037 border: 1px solid rgba(255, 255, 255, 0.2); 1038} 1039 1040/* Ðлок Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ°Ð¼Ð¸ */ 1041.title-container { 1042 display: flex; 1043 justify-content: center; /* ÐÑÑавниваем заголовки по ÑенÑÑÑ */ 1044 gap: 40px; 1045 width: 100%; 1046 padding-bottom: 20px; 1047} 1048 1049/* Ðаголовки над ÑелеÑонами */ 1050.with_service_title, 1051.without_service_title { 1052 font-size: 2em; 1053 font-weight: bold; 1054 color: #333; 1055 text-align: center; 1056 width: 375px; /* Ðелаем ÑиÑÐ¸Ð½Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² Ñавной ÑелеÑÐ¾Ð½Ñ */ 1057 margin-bottom: 10px; 1058 position: relative; 1059} 1060
1061/* ЦенÑÑиÑование заголовков над ÑелеÑонами */ 1062.with_service_title { 1063 text-align: center; 1064} 1065 1066.without_service_title { 1067 text-align: center; 1068} 1069 1070/* СÑили Ð´Ð»Ñ ÑаблиÑÑ */ 1071.comparison-table { 1072 width: 100%; 1073 height: 100%; 1074 margin: 0; 1075 padding: 0; 1076 box-sizing: border-box; 1077 overflow-y: auto; 1078 border-radius: 10px; 1079} 1080 1081/* СÑили Ð´Ð»Ñ ÑлеменÑов ÑпиÑка */ 1082.comparison-table__list { 1083 list-style: none; 1084 margin: 0; 1085 padding: 0; 1086} 1087 1088.comparison-table__item { 1089 display: flex; 1090 align-items: center; 1091 padding: 10px 15px; 1092 background-color: #fff; 1093 width: 100%; 1094 font-size: 1.1em; 1095 border-bottom: 1px solid #ddd; 1096 transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; 1097} 1098 1099/* ЧеÑедование ÑвеÑов ÑÑÑок */ 1100.comparison-table__item:nth-child(even) { 1101 background-color: #f3f3f3; 1102} 1103 1104/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении */ 1105.comparison-table__item:hover { 1106 transform: scale(1.05); 1107 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 1108 background-color: #ebc277 !important; /* ÐÑинÑдиÑелÑное изменение ÑвеÑа */ 1109 z-index: 10; 1110} 1111 1112/* ÐÑмеÑки â â */ 1113.comparison-table__checkmark, 1114.comparison-table__crossmark { 1115 flex-shrink: 0; 1116 width: 30px; 1117 height: 30px; 1118 display: flex; 1119 align-items: center; 1120 justify-content: center; 1121 border-radius: 50%; 1122 margin-right: 20px; 1123 transition: transform 0.3s ease; 1124} 1125 1126/* УбиÑаем гоÑизонÑалÑнÑй ÑкÑолл на ÑÑÑаниÑе */ 1127html, body { 1128 overflow-x: hidden; 1129 max-width: 100%; 1130} 1131 1132/* ========== ÐополниÑелÑнÑе ÑлеменÑÑ iPhone ========== */ 1133.iphone-notch { 1134 position: absolute; 1135 top: -39px; 1136 left: 90%; 1137 transform: translateX(-50%); 1138 width: 480px; 1139 height: 127px; 1140 background-image: url('https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-4-e1724114437950.png'); 1141 background-size: contain; 1142 background-repeat: no-repeat; 1143 z-index: 3; 1144} 1145 1146@media (max-width: 768px) { 1147 .iphone-notch { 1148 width: 250px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 1149 top: -35px; /* ÐоÑÑекÑиÑÑем оÑÑÑÑп */ 1150 left: 58%; /* СмеÑаем левее */ 1151 transform: translateX(-50%); /* ЦенÑÑиÑÑем Ñ ÑÑеÑом нового left */ 1152 } 1153} 1154 1155@media (max-width: 480px) { 1156 .iphone-notch { 1157 width: 230px; /* Ðелаем еÑе менÑÑе Ð´Ð»Ñ ÑÐ·ÐºÐ¸Ñ ÑкÑанов */ 1158 top: -38px; /* Ðелаем плавное ÑмеÑение */ 1159 left: 60%; /* ÐÑе болÑÑе ÑмеÑаем левее */ 1160 transform: translateX(-50%); /* ÐоÑÑекÑиÑÑем ÑенÑÑиÑование */ 1161 } 1162} 1163 1164/* ========== â СÑили Ð´Ð»Ñ Ð³Ð°Ð»Ð¾Ñки (checkmark) ========== */ 1165.comparison-table__checkmark { 1166 flex-shrink: 0; 1167 width: 28px; 1168 height: 28px; 1169 display: flex; 1170 align-items: center; 1171 justify-content: center; 1172 border-radius: 50%; 1173 background-color: #ebc277; /* ÐÑгкий желÑÑй */ 1174 border: 2px solid #d1a85b; /* Темнее Ð´Ð»Ñ Ð¾Ð±Ñема */ 1175 transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; 1176 position: relative; 1177} 1178 1179/* УдалÑем лÑбÑе ÑÑаÑÑе изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð²Ð½ÑÑÑи */ 1180.comparison-table__checkmark img { 1181 display: none !important; 1182} 1183 1184/* ÐобавлÑем новÑÑ Ð³Ð°Ð»Ð¾ÑÐºÑ */ 1185.comparison-table__checkmark::before { 1186 content: "â"; /* ÐовÑй Ñимвол галоÑки */ 1187 font-size: 16px; 1188 color: white; /* ÐÐµÐ»Ð°Ñ Ð³Ð°Ð»Ð¾Ñка */ 1189 font-weight: bold; 1190} 1191 1192/* ========== â СÑили Ð´Ð»Ñ ÐºÑеÑÑика (crossmark) ========== */ 1193.comparison-table__crossmark { 1194 flex-shrink: 0; 1195 width: 28px; 1196 height: 28px; 1197 display: flex; 1198 align-items: center; 1199 justify-content: center; 1200 border-radius: 50%; 1201 background-color: #333; /* СеÑÑй Ñон */ 1202 transition: transform 0.3s ease, box-shadow 0.3s ease; 1203 position: relative; 1204} 1205
1206/* УдалÑем ÑÑаÑÑе изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 1207.comparison-table__crossmark img { 1208 display: none !important; 1209} 1210 1211/* ÐобавлÑем новÑй кÑеÑÑик */ 1212.comparison-table__crossmark::before { 1213 content: "â"; /* ÐовÑй Ñимвол кÑеÑÑика */ 1214 font-size: 16px; 1215 color: white; /* ÐелÑй ÑÐ²ÐµÑ ÐºÑеÑÑика */ 1216 font-weight: bold; 1217} 1218 1219/* ========== ð¦ СÑили Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ° (comparison-table__item) ========== */ 1220.comparison-table__item { 1221 display: flex; 1222 align-items: center; 1223 padding: 10px 15px; 1224 background-color: #ffffff; 1225 width: 100%; 1226 font-size: 1em; 1227 border-radius: 8px; 1228 border: 1px solid rgba(0, 0, 0, 0.1); 1229 transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; 1230} 1231 1232/* ÐнимаÑÐ¸Ñ Ð±Ð»Ð¾ÐºÐ° пÑи наведении */ 1233.comparison-table__item:hover { 1234 transform: scale(1.03); 1235 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); 1236 background-color: #fae7b5; /* СвеÑло-желÑÑй оÑÑенок */ 1237} 1238 1239/* ========== ð¥ ÐополниÑелÑнÑе анимаÑии ========== */ 1240@keyframes fadeInScale { 1241 0% { 1242 opacity: 0; 1243 transform: scale(0.8); 1244 } 1245 100% { 1246 opacity: 1; 1247 transform: scale(1); 1248 } 1249} 1250 1251/* ÐÑименÑем анимаÑÐ¸Ñ Ð¿Ñи загÑÑзке */ 1252.comparison-table__checkmark, 1253.comparison-table__crossmark { 1254 animation: fadeInScale 0.5s ease-in-out; 1255} 1256 1257 1258.power-button { 1259 position: absolute; 1260 right: -185px; 1261 top: 32%; 1262 transform: translateY(-50%); 1263 width: 350px; 1264 height: 390px; 1265 background-image: url('https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-16.png'); 1266 background-size: contain; 1267 background-repeat: no-repeat; 1268} 1269 1270/* ========== ÐобилÑÐ½Ð°Ñ Ð°Ð´Ð°Ð¿ÑаÑÐ¸Ñ ========== */ 1271@media (max-width: 768px) { 1272 .iphone-container { 1273 flex-direction: column; 1274 align-items: center; 1275 gap: 20px; 1276 } 1277 1278 .iphone-wrap { 1279 width: 100%; 1280 max-width: 375px; 1281 } 1282 1283 .title-container { 1284 flex-direction: column; 1285 align-items: center; 1286 gap: 10px; 1287 } 1288 1289 .with_service_title, 1290 .without_service_title { 1291 font-size: 1.8em; 1292 position: relative; 1293 text-align: center; 1294 width: 100%; 1295 margin-bottom: 10px; 1296 } 1297} 1298 1299/* ========== ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов ========== */ 1300@media (min-width: 769px) and (max-width: 1024px) {
1301 .with_service_title h3, .without_service_title h3 { 1302 word-break: break-word; 1303 white-space: normal; 1304 text-align: center; 1305 margin: 0; 1306 display: inline-block; 1307 } 1308 1309 .with_service_title, 1310 .without_service_title { 1311 width: 375px; 1312 text-align: center; 1313 position: relative; 1314 margin-bottom: 20px; 1315 } 1316} 1317 1318 1319 1320 1321 1322 1323/* Ðнопка "ЧиÑаÑи далÑ" в ÑозÑÐ²Ð°Ñ Ð½Ð° главной ÑÑÑаниÑе */ 1324 1325.wprs_rd_more { 1326 cursor: pointer; 1327 transition: color 0.3s ease, text-shadow 0.3s ease; 1328} 1329 1330.wprs_rd_more:hover { 1331 color: #333; 1332 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); /* Ð¢ÐµÐ½Ñ ÑекÑÑа пÑи наведении */ 1333} 1334 1335.wprs_rd_more { 1336 white-space: nowrap; /* ÐÑедоÑвÑаÑÐ°ÐµÑ Ð¿ÐµÑÐµÐ½Ð¾Ñ ÑекÑÑа внÑÑÑи ÑлеменÑа */ 1337 display: block; /* ÐбеÑпеÑиваеÑ, ÑÑо каждÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð±ÑÐ´ÐµÑ Ð½Ð°ÑинаÑÑÑÑ Ñ Ð½Ð¾Ð²Ð¾Ð¹ ÑÑÑоки */ 1338} 1339 1340 1341 1342 1343/* Раздел ÑезÑлÑÑаÑÑ */ 1344 1345.results-block { 1346 background-color: #f3f3f3; 1347 padding: 20px; 1348 border-radius: 30px 30px 0 0; 1349 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Ðобавлена ÑÐµÐ½Ñ ÐºÐ¾ вÑÐµÐ¼Ñ Ð±Ð»Ð¾ÐºÑ */ 1350 margin-top: -30px; /* ÐеÑекÑÑÑие на болÑÑÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ */ 1351 position: relative; 1352 z-index: 1; 1353} 1354 1355@media (max-width: 768px) { 1356 .results-block { 1357 margin-top: 0; /* УбиÑаем пеÑекÑÑÑие на планÑеÑÐ°Ñ */ 1358 padding: 15px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи блока на планÑеÑÐ°Ñ */ 1359 } 1360} 1361 1362@media (max-width: 480px) { 1363 .results-block { 1364 margin-top: 0; /* УбиÑаем пеÑекÑÑÑие на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 1365 padding: 10px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи блока на мобилÑнÑÑ */ 1366 } 1367} 1368 1369 1370.results-block h2.results-block-title { 1371 font-size: 38px; 1372 font-weight: bold; 1373 text-align: center; 1374 margin-bottom: 30px; 1375 color: #333; 1376 width: 100%; 1377 position: relative; 1378 z-index: 2; 1379} 1380 1381.results-items { 1382 display: flex; 1383 flex-wrap: wrap; 1384 justify-content: space-between; 1385} 1386 1387.results-block-item { 1388 flex-basis: calc(33.333% - 20px); 1389 margin: 10px; 1390 background-color: white; 1391 padding: 20px; 1392 border-radius: 5px; 1393 transition: transform 0.3s ease, box-shadow 0.3s ease; 1394 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 1395 text-align: center; 1396 position: relative; 1397} 1398 1399.results-block-item h3 { 1400 font-size: 24px; 1401 font-weight: bold; 1402 margin-bottom: 10px; 1403} 1404 1405.results-block-item p { 1406 font-size: 19px; 1407 color: #000; 1408} 1409 1410.results-block-item:hover { 1411 transform: scale(1.05); 1412 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1413} 1414 1415.result-icon img { 1416 max-width: 60px; 1417 margin-bottom: 15px; 1418} 1419 1420@media (max-width: 768px) { 1421 .results-block-item { 1422 flex-basis: calc(50% - 20px); /* Ðва блока в ÑÑд на планÑеÑÐ°Ñ */ 1423 margin: 10px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1424 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1425 } 1426} 1427 1428@media (max-width: 480px) { 1429 .results-block-item { 1430 flex-basis: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑкÑана на мобилÑнÑÑ */ 1431 margin: 5px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 1432 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 1433 } 1434} 1435 1436@keyframes typing { 1437 from { 1438 width: 0; 1439 } 1440 to { 1441 width: 100%; 1442 } 1443} 1444 1445.typing-effect { 1446 overflow: hidden; 1447 font-family: monospace; 1448 font-size: 24px; 1449 display: inline-block; 1450 max-width: 100%; 1451 animation: typing 3s steps(30, end); /* УбÑали мигаÑÑий кÑÑÑÐ¾Ñ */ 1452 box-sizing: border-box; 1453 word-break: break-word; 1454} 1455 1456.results-block-item { 1457 flex-basis: calc(33.333% - 20px); 1458 margin: 10px; 1459 background-color: white; 1460 padding: 20px 20px 0px 20px; /* УменÑÑили нижний padding */ 1461 border-radius: 25px; 1462 transition: transform 0.3s ease, box-shadow 0.3s ease, padding-bottom 0.3s ease; /* Ðобавили плавноÑÑÑ Ð´Ð»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ padding */ 1463 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 1464 text-align: left; 1465 position: relative; 1466} 1467 1468.results-block-item:hover { 1469 transform: scale(1.05); 1470 padding-bottom: 20px; /* ÐоÑÑÑановили padding пÑи наведении */ 1471 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1472} 1473 1474 1475.result-header { 1476 display: flex; 1477 align-items: baseline; /* ÐÑÑавниваем по нижней линии */ 1478 margin-bottom: 10px; 1479} 1480 1481.result-number { 1482 font-size: 36px; /* ÐолÑÑой ÑÑиÑÑ Ð´Ð»Ñ ÑиÑÑÑ */ 1483 font-weight: bold; 1484 margin-right: 10px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑиÑÑой и ÑекÑÑом */ 1485} 1486 1487.result-title { 1488 font-size: 24px; /* СÑедний ÑÑиÑÑ Ð´Ð»Ñ ÑекÑÑа */ 1489 font-weight: normal; 1490} 1491 1492.result-text { 1493 font-size: 16px; /* ÐаленÑкий ÑÑиÑÑ Ð´Ð»Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½Ð¸ÑелÑного ÑекÑÑа */ 1494 color: #777; 1495 max-height: 0; /* ÐаÑалÑÐ½Ð°Ñ Ð²ÑÑоÑа - ÑкÑÑваем ÑекÑÑ */ 1496 overflow: hidden; /* СкÑÑваем ÑекÑÑ, еÑли он пÑевÑÑÐ°ÐµÑ Ð²ÑÑоÑÑ */ 1497 transition: max-height 0.5s ease-out, opacity 0.5s ease-out; /* Ðлавное изменение вÑÑоÑÑ Ð¸ пÑозÑаÑноÑÑи */ 1498 opacity: 0; /* ÐаÑалÑÐ½Ð°Ñ Ð½ÐµÐ¿ÑозÑаÑноÑÑÑ */ 1499} 1500 1501.results-block-item:hover .result-text { 1502 max-height: 500px; /* ÐоÑÑаÑоÑно болÑÑÐ°Ñ Ð²ÑÑоÑа Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑекÑÑа */ 1503 opacity: 1; /* ÐÐµÐ»Ð°ÐµÑ ÑекÑÑ Ð²Ð¸Ð´Ð¸Ð¼Ñм */ 1504} 1505 1506 1507.results-block-item:hover { 1508 transform: scale(1.05); 1509 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1510} 1511 1512@media (max-width: 768px) { 1513 .results-block-item { 1514 flex-basis: calc(50% - 20px); /* Ðва блока в ÑÑд на планÑеÑÐ°Ñ */ 1515 margin: 10px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1516 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1517 } 1518} 1519 1520@media (max-width: 480px) { 1521 .results-block-item { 1522 flex-basis: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑкÑана на мобилÑнÑÑ */ 1523 margin: 5px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 1524 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 1525 } 1526} 1527 1528 1529 1530 1531 1532 1533 1534/* СекÑÐ¸Ñ Ñ ÑоÑмой и конÑакÑами */ 1535/* ÐÑновнÑе ÑÑили (Ð´Ð»Ñ Ð½Ð°ÑÑолÑнÑÑ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов) */
1536.contact-section { 1537 padding: 40px 20px; 1538 background-color: #f9f9f9; 1539 border-radius: 30px; 1540 margin: 40px auto; 1541 max-width: 1200px; 1542} 1543 1544.contact-heading { 1545 text-align: center; 1546 font-size: 2em; 1547 margin-bottom: 30px; 1548 color: #333; 1549} 1550 1551.contact-container { 1552 display: flex; 1553 justify-content: space-between; 1554 align-items: stretch; 1555 gap: 20px; 1556} 1557 1558.contact-info-container { 1559 flex: 0 0 50%; 1560 display: flex; 1561 flex-direction: column; 1562 gap: 15px; 1563} 1564 1565.contact-info-message { 1566 background-color: #ffffff; 1567 border-radius: 30px; 1568 padding: 15px 20px; 1569 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1570 text-align: center; 1571 font-size: 1.1em; 1572 color: #555; 1573} 1574 1575.contact-form { 1576 margin-bottom:20px; 1577 flex: 0 0 45%; 1578 padding: 20px; 1579 background-color: #ffffff; 1580 border-radius: 30px; 1581 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1582 display: flex; 1583 flex-direction: column; 1584} 1585 1586.contact-info { 1587 padding: 30px; 1588 background-color: #ffffff; 1589 border-radius: 30px; 1590 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 1591 display: flex; 1592 flex-direction: column; 1593 justify-content: space-between; 1594 height: 100%; 1595 1596} 1597 1598.contact-info h3 { 1599 margin-bottom: 20px; 1600 font-size: 1.8em; 1601 color: #333; 1602} 1603 1604.contact-info p { 1605 margin-bottom: 15px; 1606 font-size: 1.2em; 1607 color: #333; 1608 line-height: 1.6; 1609 display: flex; 1610 align-items: center; 1611} 1612 1613.contact-info img.contact-icon { 1614 margin-right: 10px; 1615 width: 20px; 1616 height: 20px; 1617} 1618 1619.contact-link { 1620 color: #333; 1621 text-decoration: none; 1622 font-weight: bold; 1623} 1624 1625.contact-link:hover { 1626 text-decoration: underline; 1627} 1628 1629.contact-form input[type="text"], 1630.contact-form input[type="email"], 1631.contact-form input[type="tel"], 1632.contact-form textarea { 1633 width: 100%; 1634 padding: 10px; 1635 margin-bottom: 15px; 1636 border: 1px solid #ddd; 1637 border-radius: 5px; 1638 font-size: 1em; 1639 color: #333; 1640 box-sizing: border-box; 1641} 1642 1643.contact-form textarea { 1644 height: 100px; 1645 resize: none; 1646} 1647 1648.contact-form button[type="submit"] { 1649 background-color: #Ebc277; 1650 color: #fff; 1651 border: none; 1652 padding: 10px 20px; 1653 border-radius: 5px; 1654 cursor: pointer; 1655 font-size: 1em; 1656 width: 100%; 1657} 1658 1659.contact-form button[type="submit"]:hover { 1660 background-color: #d1a65a; 1661} 1662 1663@media (max-width: 768px) { 1664 .contact-info-message { 1665 display: none; 1666 } 1667 1668 .contact-container { 1669 flex-direction: column; 1670 align-items: center; 1671 padding: 0 20px; 1672 } 1673 1674 .contact-form, 1675 .contact-info { 1676 width: 100%; 1677 max-width: 600px; 1678 padding: 20px; 1679 margin: 0 auto; 1680 } 1681 1682 .contact-form { 1683 margin-bottom: 20px; 1684 } 1685} 1686 1687@media (max-width: 480px) { 1688 .contact-form, 1689 .contact-info { 1690 max-width: 100%; 1691 padding: 20px; 1692 } 1693} 1694 1695 1696 1697 1698 1699/* Раздел "Ðоманда" */ 1700 1701/* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ */ 1702.team-section { 1703 padding: 30px 0; 1704} 1705 1706/* Ðлок ÑоздаÑелей */ 1707.team-creators { 1708 display: flex; 1709 justify-content: space-between; 1710 gap: 20px; 1711 flex-wrap: nowrap; 1712} 1713 1714.creator-block { 1715 display: flex; 1716 justify-content: space-between; 1717 align-items: center; 1718 background-color: #fff; 1719 padding: 20px; 1720 border-radius: 15px; 1721 overflow: hidden; 1722 height: 300px; 1723 width: 100%; 1724 max-width: 1000px; 1725 margin: 0 auto 40px auto; 1726 position: relative; 1727 box-sizing: border-box; 1728 transition: all 0.5s ease-in-out; 1729 box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2); 1730 border: 2px solid transparent; 1731 background-clip: padding-box; 1732 animation: slideIn 1s ease-out; 1733} 1734 1735.creator-block.animate-left { 1736 animation-name: slideInLeft; 1737} 1738 1739.creator-block.animate-right { 1740 animation-name: slideInRight; 1741} 1742 1743@keyframes slideInLeft { 1744 from { 1745 transform: translateX(-100%); 1746 opacity: 0; 1747 } 1748 to { 1749 transform: translateX(0); 1750 opacity: 1; 1751 } 1752} 1753 1754@keyframes slideInRight { 1755 from { 1756 transform: translateX(100%); 1757 opacity: 0; 1758 } 1759 to { 1760 transform: translateX(0); 1761 opacity: 1; 1762 } 1763} 1764 1765.creator-block::before { 1766 content: ''; 1767 position: absolute; 1768 top: -2px; 1769 left: -2px; 1770 right: -2px; 1771 bottom: -2px; 1772 z-index: -1;
1773 border-radius: 17px; 1774 background: linear-gradient(45deg, #ebc277, #f3f3f3); 1775 opacity: 0; 1776 transition: opacity 0.5s ease-in-out; 1777} 1778 1779.creator-block:hover::before { 1780 opacity: 1; 1781} 1782 1783.creator-block:hover { 1784 transform: scale(1.02); 1785 box-shadow: 0 25px 25px rgba(0, 0, 0, 0.4); 1786} 1787 1788/* ÐÐµÐ²Ð°Ñ ÑекÑÑÐ¾Ð²Ð°Ñ ÑаÑÑÑ */ 1789.creator-text { 1790 width: 50%; 1791 padding-right: 15px; 1792 padding-top: 20px; 1793 position: relative; 1794 z-index: 2; 1795} 1796 1797.creator-title { 1798 font-size: clamp(20px, 2.5vw, 36px); /* Ð¾Ñ 20px на моб до 36px на болÑÑÐ¸Ñ */ 1799 color: #ebc277; 1800 margin-bottom: 20px; 1801 white-space: nowrap; 1802 transition: color 0.3s ease; 1803} 1804 1805 1806.creator-subtitle { 1807 font-size: clamp(14px, 1.3vw, 22px); /* адапÑивно Ð¾Ñ 14 до 22 */ 1808 line-height: 1.4; 1809 color: #000; 1810 transition: transform 0.3s ease-in-out; 1811} 1812 1813 1814.creator-block:hover .creator-title { 1815 color: #fff; 1816 text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 1817 animation: textGlow 0.7s alternate infinite; 1818} 1819 1820.creator-block:hover .creator-subtitle { 1821 transform: translateY(-5px); 1822} 1823 1824@keyframes textGlow { 1825 from { 1826 text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 1827 } 1828 to { 1829 text-shadow: 2px 2px 20px rgba(255, 255, 255, 0.8); 1830 } 1831} 1832 1833/* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ â изобÑажение */ 1834.creator-image { 1835 width: 50%; 1836 display: flex; 1837 justify-content: flex-end; 1838 align-items: center; 1839 overflow: hidden; 1840 position: relative; 1841} 1842 1843.creator-image img { 1844 width: clamp(150px, 28vw, 320px); /* ÑиÑина по ÑиÑине ÑкÑана */ 1845 height: clamp(220px, 35vw, 300px); /* вÑÑоÑа маÑÑÑабиÑÑеÑÑÑ */ 1846 object-fit: cover; 1847 border-radius: 15px; 1848 transition: transform 0.5s ease, filter 0.5s ease, box-shadow 0.3s; 1849 filter: grayscale(50%) brightness(90%); 1850} 1851 1852 1853.creator-block:hover .creator-image img { 1854 transform: scale(1.1); 1855 filter: grayscale(0%) brightness(100%); 1856 box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); 1857} 1858 1859/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 1860@media (max-width: 768px) { 1861 .team-creators { 1862 display: flex; 1863 flex-direction: column; /* âï¸ Ð¡Ñавим блоки в ÐºÐ¾Ð»Ð¾Ð½ÐºÑ */ 1864 gap: 20px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 1865 } 1866 1867 .creator-block { 1868 width: 100%; /* каждÑй блок на вÑÑ ÑиÑÐ¸Ð½Ñ */ 1869 margin: 0 auto; 1870 height: auto; 1871 flex-direction: row; /* ÑÐ¾Ñ ÑанÑем гоÑизонÑалÑнÑÑ ÑÑÑÑкÑÑÑÑ Ð²Ð½ÑÑÑи */ 1872 flex-wrap: nowrap; 1873 padding: 20px; 1874 } 1875 1876 .creator-text, 1877 .creator-image { 1878 width: 50%; 1879 padding: 10px; 1880 justify-content: center; 1881 align-items: center; 1882 display: flex; 1883 flex-direction: column; 1884 } 1885 1886 .creator-image img { 1887width:450px 1888 1889 } 1890 1891 .creator-title { 1892 font-size: clamp(20px, 5vw, 26px); 1893 } 1894 1895 .creator-subtitle { 1896 font-size: clamp(14px, 4vw, 20px); 1897 } 1898} 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914.brand-showcase { 1915 padding: 60px 0; 1916 background-color: #1a1a1a; 1917} 1918 1919.brand-showcase-heading { 1920 text-align: left; 1921 font-size: 2.2rem; 1922 font-weight: 600; 1923 margin-bottom: 50px; 1924 color: #ffffff; 1925} 1926 1927.brand-showcase-logos-wrapper { 1928 position: relative; 1929 padding: 0; 1930 max-width: 800px; 1931 margin: 0 auto; 1932} 1933 1934.brand-showcase-logos-wrapper .slick-list { 1935 overflow: visible !important; 1936} 1937 1938.brand-showcase-logos-wrapper .slick-track { 1939 display: flex; 1940 align-items: center; 1941} 1942 1943.brand-showcase-item { 1944 height: 100px; 1945 display: flex; 1946 justify-content: center; 1947 align-items: center; 1948 box-sizing: border-box; 1949 position: relative; 1950 z-index: 1; 1951 transition: transform 0.3s ease-in-out, z-index 0s 0.3s; 1952 padding: 0 15px; 1953} 1954 1955.brand-showcase-logo { 1956 max-width: 100%; 1957 max-height: 60px; 1958 width: auto; 1959 height: auto; 1960 object-fit: contain; 1961 filter: grayscale(100%) brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.3)); 1962 opacity: 0.7; 1963 transition: all 0.3s ease-in-out; 1964 margin: 0 auto; 1965} 1966 1967.brand-showcase-item:hover { 1968 z-index: 10; 1969 transform: scale(1.1); 1970 transition: transform 0.3s ease-in-out, z-index 0s; 1971} 1972 1973.brand-showcase-item:hover .brand-showcase-logo { 1974 filter: grayscale(0%) brightness(1) invert(0) drop-shadow(0 0 12px rgba(255, 255, 255, 0.7)); 1975 opacity: 1; 1976} 1977 1978.brand-showcase-logo[src*="/wp-content/uploads/2024/09/logo.webp"] { 1979 filter: none !important; 1980 opacity: 0.7; 1981} 1982 1983.brand-showcase-item:hover .brand-showcase-logo[src*="/wp-content/uploads/2024/09/logo.webp"] { 1984 filter: none !important; 1985 opacity: 1; 1986} 1987 1988.brand-showcase-logos-wrapper .slick-arrow { 1989 position: absolute; 1990 top: 100%; 1991 transform: translateY(-50%); 1992 z-index: 5; 1993 background: rgba(255, 255, 255, 0.1); 1994 border: 1px solid rgba(255, 255, 255, 0.2); 1995 border-radius: 50%; 1996 width: 45px; 1997 height: 45px; 1998 cursor: pointer; 1999 transition: all 0.3s ease; 2000 font-size: 0; 2001 color: transparent; 2002}
2003.brand-showcase-logos-wrapper .slick-arrow:hover { 2004 background: rgba(255, 255, 255, 0.2); 2005} 2006 2007.brand-showcase-logos-wrapper .slick-prev { 2008 left: -20px; 2009} 2010.brand-showcase-logos-wrapper .slick-next { 2011 right: -20px; 2012} 2013 2014.brand-showcase-logos-wrapper .slick-arrow::before { 2015 content: ''; 2016 display: block; 2017 width: 10px; 2018 height: 10px; 2019 border-top: 2px solid white; 2020 border-left: 2px solid white; 2021 position: absolute; 2022 top: 50%; 2023 left: 50%; 2024} 2025.brand-showcase-logos-wrapper .slick-prev::before { 2026 transform: translate(-30%, -50%) rotate(-45deg); 2027} 2028.brand-showcase-logos-wrapper .slick-next::before { 2029 transform: translate(-70%, -50%) rotate(135deg); 2030} 2031 2032@media (min-width: 1440px) { 2033 .brand-showcase-heading { 2034 font-size: 80px; 2035 line-height: 96px; 2036 } 2037} 2038 2039@media (max-width: 1200px) { 2040 .brand-showcase-logos-wrapper .slick-prev { 2041 left: 0px; 2042 } 2043 .brand-showcase-logos-wrapper .slick-next { 2044 right: 0px; 2045 } 2046} 2047 2048@media (max-width: 768px) { 2049 .brand-showcase-heading { 2050 text-align: left; 2051 font-size: 1.8rem; 2052 } 2053 .brand-showcase-item { 2054 width: auto; 2055 height: 80px; 2056 } 2057 .brand-showcase-logo { 2058 max-height: 50px; 2059 } 2060 .brand-showcase-logos-wrapper .slick-arrow { 2061 width: 40px; 2062 height: 40px; 2063 top: 100%; 2064 } 2065 .brand-showcase-logos-wrapper .slick-prev { 2066 left: -10px; 2067 } 2068 .brand-showcase-logos-wrapper .slick-next { 2069 right: -10px; 2070 } 2071} 2072 2073 2074 2075 2076 2077 2078 2079/* Ð¥ÐÐÐÐ */ 2080 2081@media (min-width: 1025px) and (max-width: 1754px) { 2082 /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ñ ÐµÐ´ÐµÑа */ 2083 .header { 2084 display: flex !important; 2085 align-items: center !important; 2086 justify-content: space-between !important; 2087 height: 90px !important; 2088 padding: 5px 40px !important; /* ÐÑÑÑÑÐ¿Ñ Ð¿Ð¾ бокам */ 2089 } 2090 2091 /* ÐогоÑип */ 2092 .site-branding { 2093 margin-right: 10px !important; /* УменÑÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð»Ð¾Ð³Ð¾Ñипа */ 2094 } 2095 2096 /* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2097 .main-navigation { 2098 display: flex !important; 2099 align-items: center !important; 2100 margin-left: 0 !important; /* УбиÑаем оÑÑÑÑп Ñлева Ð¾Ñ Ð¼ÐµÐ½Ñ */ 2101 } 2102 2103 .main-navigation a { 2104 font-size: 18px !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ Ð¿ÑнкÑов Ð¼ÐµÐ½Ñ */ 2105 font-weight: 500 !important; /* Ðегкий жиÑнÑй ÑÑиÑÑ */ 2106 padding: 0 10px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2107 white-space: nowrap !important; /* ÐÑедоÑвÑаÑаем пеÑÐµÐ½Ð¾Ñ ÑекÑÑа на дÑÑгÑÑ ÑÑÑÐ¾ÐºÑ */ 2108 } 2109 2110 /* ÐÐ¾Ð¼ÐµÑ ÑелеÑона */ 2111 .header__link { 2112 font-size: 17px !important; 2113 font-weight: 600 !important; 2114 color: #000 !important; 2115 text-decoration: none !important; 2116 margin-left: 20px !important; 2117 } 2118 2119 /* СоÑÑеÑи */ 2120 .social { 2121 display: flex !important; 2122 align-items: center !important; 2123 justify-content: flex-end !important; 2124 margin-left: 10px !important; /* УменÑÑаем оÑÑÑÑп Ð¾Ñ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ ÑзÑков */ 2125 } 2126 2127 .social li { 2128 margin: 0 5px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ ÑоÑÑеÑей */ 2129 } 2130} 2131 2132/* ÐÐ»Ñ ÑкÑанов болÑÑе 1755px */ 2133@media (min-width: 1755px) { 2134 /* ÐогоÑип */ 2135 .site-branding { 2136 margin-right: 30px !important; /* УменÑÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð»Ð¾Ð³Ð¾Ñипа */ 2137 } 2138 2139 /* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2140 .main-navigation { 2141 display: flex !important; 2142 align-items: center !important; 2143 margin-left: 0 !important; /* УбиÑаем оÑÑÑÑп Ñлева Ð¾Ñ Ð¼ÐµÐ½Ñ */ 2144 } 2145 2146 .main-navigation a { 2147 font-size: 18px !important; 2148 font-weight: 500 !important; 2149 padding: 0 25px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2150 } 2151 2152 /* ÐÐ¾Ð¼ÐµÑ ÑелеÑона */ 2153 .header__link { 2154 font-size: 17px !important; 2155 font-weight: 600 !important; 2156 color: #000 !important; 2157 text-decoration: none !important; 2158 margin-left: 30px !important; 2159 } 2160 2161 /* СоÑÑеÑи */ 2162 .social { 2163 display: flex !important; 2164 align-items: center !important; 2165 justify-content: flex-end !important; 2166 margin-left: 0px !important; /* УменÑÑаем оÑÑÑÑп Ð¾Ñ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ ÑзÑков */ 2167 } 2168 2169 .social li { 2170 margin: 0 5px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ ÑоÑÑеÑей */ 2171 } 2172} 2173 2174 2175 2176 2177 2178/* ÐеÑÐµÐ¼Ð¸ÐºÐ°Ñ Ð¼Ð¾Ð² */ 2179 2180 2181 2182/* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑзÑкового пеÑеклÑÑаÑÐµÐ»Ñ */ 2183.language-switcher { 2184 display: flex; 2185 align-items: center; 2186 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 2187 margin-right: 20px; /* ÐÑÑÑÑп ÑпÑава Ð¾Ñ ÑзÑкового пеÑеклÑÑаÑÐµÐ»Ñ */ 2188 padding-left: 10px; /* ЧÑÐ¾Ð±Ñ Ð½Ðµ бÑло Ñдвига за пÑÐµÐ´ÐµÐ»Ñ 50px */ 2189} 2190 2191/* СÑили Ð´Ð»Ñ ÑзÑка */ 2192.language-switcher a { 2193 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÑÑÑлок */ 2194 text-decoration: none; 2195 padding: 0 10px; /* ÐÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ ÑзÑками */ 2196 color: #999; /* ÐеакÑивнÑй ÑÐ²ÐµÑ (ÑеÑÑй) */ 2197 transition: color 0.3s ease; 2198 display: flex; 2199 align-items: center; 2200} 2201 2202/* Ð¦Ð²ÐµÑ Ð¸ ÑÑÐ¸Ð»Ñ Ð°ÐºÑивного ÑзÑка */ 2203.language-switcher a.active { 2204 color: #000; /* Ð¦Ð²ÐµÑ Ð°ÐºÑивного ÑзÑка (ÑеÑнÑй) */ 2205 font-weight: bold; 2206} 2207 2208/* Ðобавление и ÑÑилизаÑÐ¸Ñ Ð¿Ð°Ð»ÐºÐ¸ | Ð¼ÐµÐ¶Ð´Ñ ÑзÑками */ 2209.language-switcher a:not(:last-child)::after { 2210 content: '|'; 2211 color: #999; /* Ð¦Ð²ÐµÑ Ð¿Ð°Ð»ÐºÐ¸ | */ 2212 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ Ð¿Ð°Ð»ÐºÐ¸ */ 2213 margin-left: 10px; /* ÐÑÑÑÑÐ¿Ñ Ð²Ð¾ÐºÑÑг палки */ 2214 margin-right: -10px; 2215 display: inline-flex; 2216 align-items: center; 2217} 2218 2219/* ÐÑÑÑÑп Ð´Ð»Ñ Ð¿Ñавого ÑзÑка поÑле палки */ 2220.language-switcher a:nth-child(2) { 2221 margin-left: 0; /* УбиÑаем оÑÑÑÑп Ñ Ð»ÐµÐ²Ð¾Ð¹ ÑÑоÑÐ¾Ð½Ñ Ð²ÑоÑого ÑзÑка */ 2222} 2223 2224/* ÐÑли нÑжно измениÑÑ Ð¾ÑÑÑÑп Ð´Ð»Ñ Ð¿ÐµÑвого ÑзÑка */ 2225.language-switcher a:first-child { 2226 margin-right: 0 !important; /* УбиÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð¿ÐµÑвого ÑзÑка, еÑли ÑÑебÑеÑÑÑ */ 2227} 2228 2229 2230 2231/* ========== СÑилÑзаÑÑÑ SEO-Ð±Ð»Ð¾ÐºÑ ========== */ 2232
2233/* ÐонÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð²ÑÑого ÑекÑÑÑ */ 2234.seo-text-content { 2235 /* ТÑÑ Ð¼Ð¾Ð¶Ð½Ð° вÑÑановиÑи макÑималÑÐ½Ñ ÑиÑÐ¸Ð½Ñ ÑекÑÑÑ, ÑкÑо поÑÑÑбно */ 2236 /* max-width: 900px; */ 2237} 2238 2239/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÑв Ñа паÑагÑаÑÑв вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 2240.seo-text-content h2, 2241.seo-text-content h3, 2242.seo-text-content p, 2243.seo-text-content ul, 2244.seo-text-content ol { 2245 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 2246 color: #000000; 2247} 2248 2249.seo-text-content h2 { 2250 font-size: 2rem; 2251 font-weight: 600; 2252 margin-bottom: 25px; 2253 padding-bottom: 15px; 2254 border-bottom: 1px solid #ccc; /* ÐÑнÑÑ Ð¿Ñд заголовком */ 2255} 2256 2257.seo-text-content h3 { 2258 font-size: 1.75rem; 2259 font-weight: 600; 2260 margin-top: 30px; 2261 margin-bottom: 15px; 2262} 2263 2264.seo-text-content p { 2265 font-size: 1.3rem; 2266 line-height: 1.6; 2267 margin-bottom: 20px; 2268} 2269 2270.seo-text-content ul, 2271.seo-text-content ol { 2272 padding-left: 25px; 2273 margin-bottom: 20px; 2274} 2275 2276/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ H1 залиÑаÑÑÑÑÑ Ð±ÐµÐ· змÑн, але на вÑÑк випадок */ 2277.seo-custom-h1 { 2278 font-size: 4.5rem; 2279 font-weight: 700; 2280 color: #000000; 2281 text-align: left; 2282 margin-bottom: 40px; 2283} 2284 2285 2286/* ========== ÐдапÑив ========== */ 2287@media (max-width: 768px) { 2288 .seo-custom-h1 { 2289 font-size: 3rem; /* ÐменÑений ÑозмÑÑ Ð´Ð»Ñ ÑелеÑонÑв */ 2290 } 2291 2292 .seo-text-content h2 { 2293 font-size: 1.8rem; 2294 } 2295 2296 .seo-text-content h3 { 2297 font-size: 1.5rem; 2298 } 2299 2300 .seo-text-content p { 2301 font-size: 1.1rem; 2302 } 2303} 2304 2305 2306 2307 2308 2309 2310/* ÐбÑие ÑÑили Ð´Ð»Ñ ÑÑÑеÑа */ 2311.footer { 2312 background-color: #1c1c1c !important; /* ТемнÑй Ñон ÑÑÑеÑа */ 2313 color: #fff; 2314 padding: 60px 0; 2315 width: 100%; 2316 box-sizing: border-box; 2317} 2318 2319/* ÐнÑÑÑеннÑÑ ÑÑÑÑкÑÑÑа ÑÑÑеÑа */ 2320.footer__inner { 2321 display: flex; 2322 justify-content: space-between; 2323 align-items: flex-start; 2324 width: 100%; 2325} 2326 2327/* СÑили Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº Ñ ÐºÐ¾Ð½ÑакÑами */ 2328.footer__column { 2329 background-color: #2e2e2e !important; /* Фон Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº */ 2330 border: 1px solid #1c1c1c; /* ЧеÑÐ½Ð°Ñ Ð¾Ð±Ð²Ð¾Ð´ÐºÐ° */ 2331 padding: 20px; 2332 flex: 1; 2333 margin: 0 10px; 2334 text-align: left; 2335 color: #fff; 2336 display: flex; 2337 flex-direction: column; 2338 justify-content: space-between; 2339} 2340 2341/* Ðаголовки колонок */ 2342.footer__column h5 { 2343 font-size: 2rem !important; /* УвелиÑеннÑе заголовки */ 2344 margin-bottom: 10px; 2345 color: #f3c77e; /* Ð¦Ð²ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² */ 2346} 2347 2348/* ТекÑÑ Ð² ÐºÐ¾Ð»Ð¾Ð½ÐºÐ°Ñ */ 2349.footer__column a, .footer__column p { 2350 font-size: 1.2rem; 2351 color: #fff; 2352 margin-bottom: 10px; 2353} 2354 2355/* СÑили Ð´Ð»Ñ Ð¼ÐµÐ½Ñ Ð² ÑÑÑеÑе */ 2356.footer-menu { 2357 display: flex; 2358 flex-wrap: wrap; /* ÐозволÑÐµÑ Ð¿ÑнкÑам пеÑеноÑиÑÑÑÑ Ð½Ð° новÑÑ ÑÑÑÐ¾ÐºÑ */ 2359 gap: 120px; /* ÐÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2360 list-style: none; 2361 padding: 0; 2362 font-size: 25px; 2363 justify-content: space-between; 2364} 2365 2366/* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2367.footer-menu li { 2368 display: inline-block; 2369 position: relative; 2370} 2371 2372/* СÑÑлки в Ð¼ÐµÐ½Ñ */ 2373.footer-menu a { 2374 color: #fff; 2375 text-decoration: none; 2376 padding-bottom: 5px; 2377 position: relative; 2378 display: inline-block; 2379} 2380 2381/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении: поÑвление линии */ 2382.footer-menu a::after { 2383 content: ''; 2384 position: absolute; 2385 width: 0; 2386 height: 2px; 2387 background-color: #EBC277; 2388 left: 0; 2389 bottom: 0; 2390 transition: width 0.3s ease-in-out; 2391} 2392 2393/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении: Ð»Ð¸Ð½Ð¸Ñ Ð¿Ð¾ÑвлÑеÑÑÑ ÑпÑава налево */ 2394.footer-menu a:hover::after { 2395 width: 100%; 2396} 2397 2398/* ÐнимаÑÐ¸Ñ ÑÑ Ð¾Ð´Ð°: Ñ Ð²Ð¾ÑÑ ÑÑ Ð¾Ð´Ð¸Ñ Ð²Ð¿Ñаво */ 2399.footer-menu a::before { 2400 content: ''; 2401 position: absolute; 2402 width: 0; 2403 height: 2px; 2404 background-color: #EBC277; 2405 right: 0; 2406 bottom: 0; 2407 transition: width 0.3s ease-in-out; 2408} 2409 2410.footer-menu a:hover::before { 2411 width: 100%; 2412} 2413 2414/* СоÑиалÑнÑе иконки */ 2415.footer__social { 2416 display: flex; 2417 margin-right:30px; 2418 gap: 15px; 2419 justify-content: center; 2420} 2421 2422.footer__social a { 2423 display: flex; 2424 justify-content: center;
2425 align-items: center; 2426 width: 40px; 2427 height: 40px; 2428 border-radius: 50%; 2429 background-color: #fff; /* ÐелÑй кÑÑг */ 2430} 2431 2432.footer__social a img { 2433 width: 30px; 2434 height: 30px; 2435} 2436 2437/* ÐижнÑÑ Ð»Ð¸Ð½Ð¸Ñ */ 2438.footer__bottom-line { 2439 border-top: 1px solid #555; 2440 margin: 20px 0; 2441} 2442 2443 .footer__logo { 2444 margin-left:30px; 2445} 2446 2447/* ÐопиÑÐ°Ð¹Ñ */ 2448.footer__copyright { 2449 display: flex; 2450 justify-content: space-between; 2451 font-size: 0.9rem; 2452 color: #999; 2453 width: 100%; 2454} 2455 2456/* ÐедиазапÑÐ¾Ñ Ð´Ð»Ñ ÑкÑанов менÑÑе 768px */ 2457@media (max-width: 768px) { 2458 .footer-menu { 2459 gap: 30px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2460 justify-content: center; /* ЦенÑÑиÑÑем Ð¼ÐµÐ½Ñ */ 2461 } 2462 2463 .footer-menu li { 2464 width: 100%; /* ÐÑнкÑÑ Ð·Ð°Ð½Ð¸Ð¼Ð°ÑÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 2465 text-align: center; /* ЦенÑÑиÑÑем ÑекÑÑ Ð²Ð½ÑÑÑи */ 2466 } 2467 2468 .footer-menu li a { 2469 display: block; /* ÐаждÑй пÑÐ½ÐºÑ Ð¿ÐµÑеноÑиÑÑÑ Ð½Ð° новÑÑ ÑÑÑÐ¾ÐºÑ */ 2470 } 2471 2472 .footer__inner { 2473 flex-direction: column; /* Ðолонки одна под одной */ 2474 } 2475 2476 .footer__social { 2477 flex-wrap: wrap; /* Ðконки ÑоÑÑеÑей наÑÑÑаиваÑÑÑÑ Ð½Ð° пеÑÐµÐ½Ð¾Ñ */ 2478 margin-top: 20px; 2479 justify-content: space-between; /* РазмеÑаем ÑоÑÑеÑи по ÑиÑине */ 2480 } 2481 2482 .footer__social a { 2483 margin-bottom: 10px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ */ 2484 } 2485 2486 .footer__logo { 2487 display: none !important; /* СкÑÑваем логоÑип на малÑÑ ÑкÑÐ°Ð½Ð°Ñ */ 2488 } 2489} 2490 2491/* ÐедиазапÑÐ¾Ñ Ð´Ð»Ñ ÑкÑанов болÑÑе 1500px */ 2492@media (max-width: 1500px) { 2493 .footer-menu li { 2494 margin-left:30px 2495 } 2496 .footer__logo img { 2497 display: none !important; /* СкÑÑваем логоÑип на болÑÑÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ */ 2498 } 2499 2500 .footer__social { 2501 flex-direction: column !important; /* СоÑиалÑнÑе ÑеÑи ÑÑановÑÑÑÑ Ð² ÑÑолбик */ 2502 align-items: center; 2503 } 2504} 2505 2506.footer h2 { 2507 font-size:50px; 2508 font-weight: 500; /* ÐолÑжиÑнÑй */ 2509} 2510 2511 2512 2513 2514.subtitlevclasseabout { 2515 max-width: 60ch; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ Ð´Ð¾ 60 Ñимволов */ 2516 word-wrap: break-word; /* ÐеÑеноÑим Ñлова, еÑли они пÑевÑÑаÑÑ 60 Ñимволов */ 2517 word-break: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ñлов Ð´Ð»Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 2518} 2519 2520 2521 2522.blogg li { 2523 width: calc(25% - 30px) !important; /* 4 блока в ÑÑд */ 2524 margin: 0 0 0 30px !important; 2525 text-align: center !important; 2526 display: flex !important; 2527 flex-direction: column !important; 2528 justify-content: space-between !important; /* РаÑпÑеделÑем конÑÐµÐ½Ñ ÑавномеÑно */ 2529} 2530 2531.blogg li p { 2532 margin: 0 0 30px 0 !important; 2533 font-size: 20px !important; 2534 font-weight: 400 !important; 2535 line-height: 150% !important; 2536 display: -webkit-box !important; 2537 -webkit-line-clamp: 2 !important; /* ÐгÑаниÑиваем колиÑеÑÑво ÑÑÑок до 2 */ 2538 -webkit-box-orient: vertical !important; 2539 overflow: hidden !important; 2540 text-overflow: ellipsis !important; 2541} 2542 2543.blogg li .btn { 2544 width: 100% !important; 2545 height: 55px !important; 2546 background-color: transparent !important; 2547 margin-top: auto !important; /* Ðнопка вÑÑавниваеÑÑÑ Ð¿Ð¾ Ð½Ð¸Ð·Ñ */ 2548} 2549 2550.blogg__list { 2551 margin: 0 0 0 -30px !important; 2552 display: -webkit-box !important; 2553 display: -ms-flexbox !important; 2554 display: flex !important; 2555 -webkit-box-pack: start !important; 2556 -ms-flex-pack: start !important; 2557 justify-content: flex-start !important; 2558 -ms-flex-wrap: wrap !important; 2559 flex-wrap: wrap !important; 2560} 2561 2562 2563.blogg__img { 2564 margin: 0 0 20px 0 !important; 2565 width: 100% !important; 2566 height: 250px !important; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 2567 border-radius: 30px !important; 2568 overflow: hidden !important; 2569} 2570 2571.blogg__img img { 2572 width: 100% !important; 2573 height: 100% !important; 2574 -o-object-fit: cover !important; 2575 object-fit: cover !important; /* ÐÑопоÑÑионалÑное маÑÑÑабиÑование */ 2576} 2577 2578/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов (до 1024px) */ 2579@media (max-width: 1024px) { 2580 .blogg li { 2581 width: calc(50% - 30px) !important; /* 2 блока в ÑÑд на планÑеÑÐ°Ñ */ 2582 } 2583} 2584 2585/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв (до 768px) */ 2586@media (max-width: 768px) { 2587 .blogg li { 2588 width: calc(100% - 30px) !important; /* 1 блок в ÑÑд на мобилÑнÑÑ */ 2589 } 2590} 2591 2592.blogg__list li { 2593 margin-bottom: 15px !important; /* ÐадайÑе нÑжнÑй ÑÐ°Ð·Ð¼ÐµÑ Ð¾ÑÑÑÑпа */ 2594} 2595 2596 2597 2598 2599 2600 2601 2602 2603/* СÑили Ð´Ð»Ñ Ð°Ð½Ð¸Ð¼Ð°Ñии поÑÐ²Ð»ÐµÐ½Ð¸Ñ Ð¸ иÑÑÐµÐ·Ð½Ð¾Ð²ÐµÐ½Ð¸Ñ */ 2604.modal-overlay { 2605 display: none; 2606 position: fixed; 2607 top: 0; 2608 left: 0; 2609 width: 100%; 2610 height: 100%; 2611 background-color: rgba(0, 0, 0, 0.8); 2612 justify-content: center;
2613 align-items: center; 2614 z-index: 1000; 2615 opacity: 0; 2616 transform: translateY(-100%); /* ÐаÑалÑÐ½Ð°Ñ Ð¿Ð¾Ð·Ð¸ÑÐ¸Ñ Ð²Ð½Ðµ ÑкÑана */ 2617 transition: opacity 0.5s ease, transform 0.5s ease; 2618} 2619 2620.modal-overlay.active { 2621 display: flex; 2622 opacity: 1; 2623 transform: translateY(0); /* Сдвиг в ÑенÑÑ */ 2624} 2625 2626.modal-overlay.closing { 2627 opacity: 0; 2628 transform: translateY(-100%); /* Сдвиг обÑаÑно ввеÑÑ */ 2629} 2630 2631 2632.modal-content { 2633 background-color: #2c2c2c; 2634 border-radius: 20px; 2635 padding: 20px; 2636 max-width: 85%; 2637 max-height: 80%; 2638 overflow-y: auto; 2639 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); 2640 color: #f3f3f3; 2641 position: relative; 2642} 2643 2644.close-button-wrapper { 2645 position: absolute; 2646 top: 130px; /* РаÑположение ближе к модалÑÐ½Ð¾Ð¼Ñ Ð¾ÐºÐ½Ñ */ 2647 right: 60px; 2648 display: flex; 2649 flex-direction: column; 2650 align-items: center; 2651} 2652 2653.close-button { 2654 font-size: 36px; /* Ð Ð°Ð·Ð¼ÐµÑ ÐºÑеÑÑика */ 2655 color: #fff; 2656 background-color: rgba(200, 200, 200, 0.5); /* ÐолÑпÑозÑаÑнÑй ÑвеÑло-ÑеÑÑй Ñон */ 2657 border-radius: 10%; /* Ðегкое закÑÑгление */ 2658 width: 50px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина */ 2659 height: 50px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа */ 2660 display: flex; 2661 justify-content: center; 2662 align-items: center; 2663 cursor: pointer; 2664 transition: transform 0.3s ease, background 0.3s ease; 2665} 2666 2667.close-button:hover { 2668 transform: scale(1.2); /* УвелиÑение пÑи наведении */ 2669 background-color: rgba(200, 200, 200, 0.8); /* Ðолее ÑÑкий Ñон пÑи наведении */ 2670} 2671 2672 2673/* СÑили Ð´Ð»Ñ Ð½Ð°Ð´Ð¿Ð¸Ñи "Esc" */ 2674.close-label { 2675 font-size: 16px; 2676 color: #d3d3d3; 2677 text-align: center; 2678 margin-top: 5px; 2679 font-weight: bold; 2680} 2681 2682/* ТемнÑй ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки в модалÑном окне */ 2683.modal-content { 2684 scrollbar-width: thin; 2685 scrollbar-color: #444 #222; /* Ð¦Ð²ÐµÑ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки */ 2686} 2687 2688.modal-content::-webkit-scrollbar {
2689 width: 8px; /* ШиÑина полоÑÑ Ð¿ÑокÑÑÑки */ 2690} 2691 2692.modal-content::-webkit-scrollbar-track { 2693 background: #222; /* Ð¦Ð²ÐµÑ Ñона доÑожки */ 2694} 2695 2696.modal-content::-webkit-scrollbar-thumb { 2697 background-color: #444; /* Ð¦Ð²ÐµÑ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки */ 2698 border-radius: 10px; /* ÐакÑÑгление */ 2699 border: 2px solid #222; /* Ðобавление оÑÑÑÑпов */ 2700} 2701 2702/* СÑили Ð´Ð»Ñ ÐºÐ°ÑÑоÑек ÑÑаÑÑников */ 2703.slider-container { 2704 display: grid; 2705 grid-template-columns: repeat(4, 1fr); /* 4 блока в ÑÑд */ 2706 gap: 20px; 2707 padding: 20px; 2708} 2709 2710.team-member { 2711 background-color: #333; 2712 border-radius: 15px; 2713 padding: 20px; 2714 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); 2715 transition: transform 0.3s ease; 2716 position: relative; 2717 display: flex; 2718 flex-direction: column; 2719 justify-content: flex-start; 2720 align-items: flex-start; 2721 height: 500px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа Ð´Ð»Ñ Ð²ÑÐµÑ Ð±Ð»Ð¾ÐºÐ¾Ð² */ 2722} 2723 2724.team-member:hover { 2725 transform: scale(1.05); 2726} 2727 2728.image-wrapper { 2729 width: 100%; 2730 height: 350px; /* Ðадаем ÑикÑиÑованнÑÑ Ð²ÑÑоÑÑ */ 2731 overflow: hidden; 2732 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 2733 margin-bottom: 15px; 2734 display: flex; 2735 justify-content: center; 2736 align-items: center; 2737} 2738 2739.image-wrapper img { 2740 width: auto; 2741 height: 100%; /* ÐвÑомаÑиÑеÑки подÑÑÑÐ°Ð¸Ð²Ð°ÐµÑ ÑиÑÐ¸Ð½Ñ */ 2742 object-fit: contain; /* Ð¡Ð¾Ñ ÑанÑÐµÑ Ð¿ÑопоÑÑии без обÑезки */ 2743 border-radius: 10px; 2744 transition: transform 0.3s ease, filter 0.3s ease; 2745 filter: grayscale(100%) brightness(70%); 2746} 2747 2748.team-member:hover img { 2749 transform: scale(1.1); 2750 filter: grayscale(0%) brightness(100%); 2751} 2752 2753.member-name { 2754 font-size: 22px; 2755 font-weight: 600; 2756 color: #ebc277; 2757 margin-bottom: 10px; 2758 text-align: left; 2759 width: 100%; 2760} 2761 2762.member-position { 2763 font-size: 18px; 2764 color: #ccc; 2765 margin-bottom: 10px; 2766 text-align: left; 2767} 2768 2769.member-description { 2770 font-size: 16px; 2771 color: #bbb; 2772 text-align: left; 2773 width: 100%; 2774} 2775 2776/* СÑили Ð´Ð»Ñ Ñона каÑÑÑели */ 2777.carousel-background { 2778 position: relative; 2779 width: 100%; 2780 height: 300px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа */ 2781 margin: 20px 0; 2782 overflow: hidden; 2783 background: #333; /* Фон каÑÑÑели */ 2784 border-radius: 15px; 2785 display: flex; 2786 justify-content: center; 2787 align-items: center; 2788 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 2789 cursor: pointer; /* ÐÑÑÑоÑ-палÑÑик пÑи наведении */ 2790} 2791 2792/* СÑили Ð´Ð»Ñ ÑлайдеÑа в каÑÑÑели */ 2793.slick-carousel { 2794 width: 100%; 2795 height: 100%; 2796 z-index: 1; 2797 position: relative; 2798} 2799 2800.carousel-item { 2801 width: 200px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина вÑÐµÑ ÑлеменÑов */ 2802 height: 300px; /* УвелиÑÐµÐ½Ð½Ð°Ñ Ð²ÑÑоÑа ÑлеменÑов */ 2803 margin: 0 2px; 2804 border-radius: 10px; 2805 overflow: hidden; 2806 background: rgba(0, 0, 0, 0.7); /* ÐаÑемнение Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑа */ 2807 transition: transform 0.3s ease, box-shadow 0.3s ease; 2808 cursor: pointer; /* ÐÑÑÑоÑ-палÑÑик пÑи наведении */ 2809} 2810 2811.carousel-item img { 2812 width: 100%; 2813 height: 100%; 2814 object-fit: cover; 2815 filter: grayscale(100%) brightness(50%); /* ÐÑÑÐµÐºÑ Ð´Ð»Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 2816 transition: filter 0.3s ease, transform 0.3s ease; 2817} 2818 2819.carousel-item:hover { 2820 transform: scale(1.05); 2821 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); 2822} 2823 2824.carousel-item:hover img { 2825 filter: grayscale(0%) brightness(100%); 2826 transform: scale(1.05); 2827} 2828 2829/* СÑили Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° и ÑÑÑелки каÑÑÑели */ 2830.carousel-overlay { 2831 position: absolute; 2832 top: 0; 2833 left: 0; 2834 width: 100%; 2835 height: 100%; 2836 z-index: 2; 2837 display: flex; 2838 justify-content: center; 2839 align-items: center; 2840 background: rgba(0, 0, 0, 0.5); /* ÐолÑпÑозÑаÑнÑй Ñон Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑа */ 2841} 2842 2843.carousel-title { 2844 font-size: 36px; 2845 color: #ebc277; 2846 z-index: 3; 2847 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); 2848} 2849 2850.carousel-arrow { 2851 font-size: 40px; 2852 color: #ebc277; 2853 margin-left: 20px; 2854 cursor: pointer; 2855 transition: transform 0.3s ease; 2856} 2857 2858.carousel-background:hover .carousel-arrow { 2859 transform: translateX(10px); 2860} 2861 2862/* ÐдапÑивнÑй дизайн */ 2863@media (max-width: 1024px) { 2864 .slider-container { 2865 grid-template-columns: repeat(2, 1fr); /* 2 блока в ÑÑд Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов */ 2866 } 2867} 2868 2869@media (max-width: 768px) { 2870 .slider-container { 2871 grid-template-columns: repeat(1, 1fr); /* 1 блок в ÑÑд Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2872 } 2873
2874 .modal-content { 2875 padding: 15px; 2876 } 2877 2878 .team-member { 2879 padding: 15px; 2880 height: auto; /* ÐÑÑоÑа блока ÑÑановиÑÑÑ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑеÑкой на мобилÑнÑÑ */ 2881 } 2882 2883 .close-button { 2884 font-size: 24px; 2885 } 2886 2887 .team-member img { 2888 height: 220px; /* УменÑÑÐµÐ½Ð½Ð°Ñ Ð²ÑÑоÑа изобÑажений Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2889 } 2890 2891 .carousel-background { 2892 height: 220px; /* Снижение вÑÑоÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2893 } 2894 2895 .carousel-item { 2896 height: 220px; /* Снижение вÑÑоÑÑ ÑлеменÑов */ 2897 } 2898 2899 .carousel-title { 2900 font-size: 24px; 2901 } 2902 2903 .carousel-arrow { 2904 font-size: 30px; 2905 } 2906} 2907 2908 2909 2910.phone-icon { 2911 position: absolute; 2912 bottom: 15px; 2913 right: 15px; 2914 text-decoration: none; 2915} 2916 2917.phone-circle { 2918 width: 40px; 2919 height: 40px; 2920 background-color: #fff; 2921 border-radius: 50%; 2922 display: flex; 2923 justify-content: center; 2924 align-items: center; 2925 transition: background-color 0.3s ease, transform 0.3s ease; 2926} 2927 2928.phone-circle img { 2929 width: 20px; 2930 height: 20px; 2931} 2932 2933.phone-icon:hover .phone-circle { 2934 background-color: #ebc277; 2935 transform: scale(1.1); 2936} 2937 2938.phone-icon:hover img { 2939 animation: ring 1s infinite; 2940} 2941 2942@keyframes ring { 2943 0% { transform: rotate(0); } 2944 15% { transform: rotate(15deg); } 2945 30% { transform: rotate(-15deg); } 2946 45% { transform: rotate(15deg); } 2947 60% { transform: rotate(-15deg); } 2948 100% { transform: rotate(0); } 2949} 2950 2951 2952 2953 2954/* СТРÐÐÐЦРÐÐ Ð ÐÐС */ 2955 2956 2957/* ÐонÑÐµÐ¹Ð½ÐµÑ Ñ Ð°Ð½Ð¸Ð¼Ð°Ñией Ñона */ 2958.Pronas-animated-bg { 2959 display: flex; 2960 justify-content: space-between; 2961 align-items: center; 2962 padding: 50px 100px; /* УвелиÑÐµÐ½Ñ Ð¾ÑÑÑÑÐ¿Ñ Ð¿Ð¾ бокам */ 2963 border-radius: 20px; 2964 overflow: hidden; 2965 background: radial-gradient(circle, #ebc277, #f9f9f9, #d4a85c, #eaeaea); 2966 background-size: 200% 200%; 2967 animation: smooth-gradient 8s infinite; 2968} 2969 2970/* ÐевÑй блок (ÑекÑÑ) */ 2971.Pronas-left-content { 2972 max-width: 50%; 2973 padding-right: 20px; 2974} 2975 2976/* Ðаголовок */ 2977.Pronas-main-title { 2978 font-size: 3rem; 2979 color: #333; 2980 margin-bottom: 20px; 2981} 2982 2983/* ТекÑÑ Ð½Ð°Ð´ кнопкой */ 2984.Pronas-subtitle { 2985 font-size: 1.2rem; 2986 color: #555; 2987 margin-bottom: 20px; 2988} 2989 2990/* Ðнопка */ 2991.Pronas-button { 2992 display: inline-block; 2993 background-color: #ebc277; 2994 color: #fff; 2995 font-size: 1.2rem; 2996 padding: 15px 30px; 2997 border-radius: 50px; 2998 text-decoration: none; 2999 transition: all 0.3s ease; 3000} 3001 3002.Pronas-button:hover { 3003 background-color: #d4a85c; 3004 transform: scale(1.1); 3005} 3006 3007/* ÐÑавÑй блок (изобÑажение) */ 3008.Pronas-right-image { 3009 max-width: 45%; 3010 text-align: right; 3011} 3012 3013.Pronas-image { 3014 width: 100%; 3015 border-radius: 15px; 3016} 3017 3018/* ÐегÑÑÐ°Ñ ÑÑÑока */ 3019.Pronas-carousel-wrapper { 3020 background-color: #1C1C1C; /* ÐоÑÑи ÑеÑнÑй ÑÐ²ÐµÑ Ñона */ 3021 color: #ffffff; /* ÐелÑй ÑекÑÑ */ 3022 font-size: 1rem; 3023 padding: 1px 0; /* УменÑÑение вÑÑоÑÑ ÑÑÑоки */ 3024 width: 100%; 3025 overflow: hidden; 3026 position: relative; 3027 margin-top: 0; /* УбиÑаем оÑÑÑÑп ÑвеÑÑ Ñ */ 3028} 3029 3030.Pronas-carousel-text p { 3031 display: inline-block; 3032 padding-left: 100%; 3033 animation: scroll-text 15s linear infinite; 3034 white-space: nowrap; 3035} 3036 3037/* ÐнимаÑÐ¸Ñ Ð±ÐµÐ³ÑÑей ÑÑÑоки */ 3038@keyframes scroll-text { 3039 from { 3040 transform: translateX(0%); 3041 } 3042 to { 3043 transform: translateX(-100%); 3044 } 3045} 3046 3047 3048/* ÐнимаÑÐ¸Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾Ð³Ð¾ пеÑÐµÐ»Ð¸Ð²Ð°Ð½Ð¸Ñ Mesh Gradient */ 3049@keyframes smooth-gradient { 3050 0% { 3051 background-position: 0% 50%; 3052 } 3053 50% { 3054 background-position: 100% 50%; 3055 } 3056 100% { 3057 background-position: 0% 50%; 3058 } 3059} 3060 3061/* ÐдапÑаÑÐ¸Ñ Ð¿Ð¾Ð´ мобилÑнÑе ÑÑÑÑойÑÑва */ 3062@media (max-width: 768px) { 3063 .Pronas-animated-bg { 3064 flex-direction: column; 3065 padding: 30px; 3066 text-align: center; 3067 } 3068 3069 .Pronas-left-content { 3070 max-width: 100%; 3071 padding-right: 0; 3072 } 3073 3074 .Pronas-right-image { 3075 display: none; /* УбиÑаем каÑÑÐ¸Ð½ÐºÑ */ 3076 } 3077 3078 .Pronas-main-title { 3079 font-size: 2rem; 3080 } 3081 3082 .Pronas-button { 3083 font-size: 1rem; 3084 padding: 10px 20px; 3085 } 3086 3087 .Pronas-carousel-wrapper { 3088 font-size: 0.9rem; /* УменÑÑение ÑекÑÑа на мобилÑнÑÑ */ 3089 } 3090} 3091 3092/* ÐбÑий Ñон Ð´Ð»Ñ ÑекÑии ÑÑажей */ 3093.Pronas-floors-section { 3094 background: linear-gradient(to bottom, #f5f5f5, #ffffff); 3095 padding: 60px 0; 3096 border-radius: 20px; 3097 position: relative; 3098 overflow: hidden; 3099} 3100 3101/* ÐÐ¸Ð½Ð¸Ñ ÑÐ¾ÐµÐ´Ð¸Ð½ÐµÐ½Ð¸Ñ ÑÑажей */ 3102.Pronas-floors-section::before { 3103 content: ''; 3104 position: absolute; 3105 top: 0; 3106 left: 50%; 3107 width: 2px; 3108 height: 100%; 3109 background: linear-gradient(to bottom, #e0e0e0, #cfcfcf); 3110 z-index: 0; 3111 transform: translateX(-50%); 3112} 3113 3114/* Ðлок ÑÑажа */ 3115.Pronas-floor { 3116 display: flex; 3117 justify-content: space-between; 3118 align-items: center; 3119 margin-bottom: 60px; 3120 position: relative; 3121 z-index: 1; 3122 padding: 20px 0; 3123} 3124 3125.Pronas-floor.reverse .Pronas-floor-content { 3126 order: 2; 3127} 3128 3129/* ЦиÑÑовой кÑÑжок */ 3130.Pronas-floor-circle { 3131 background: #333; 3132 color: #ebc277; 3133 font-size: 1.5rem; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа в кÑÑжке */ 3134 font-weight: bold; 3135 display: flex; 3136 justify-content: center;
3137 align-items: center; 3138 width: 60px; /* УвелиÑиваем ÑиÑÐ¸Ð½Ñ ÐºÑÑжка */ 3139 height: 60px; /* УвелиÑиваем вÑÑоÑÑ ÐºÑÑжка */ 3140 border-radius: 50%; 3141 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3142 position: absolute; 3143 z-index: 2; 3144 transform: translateY(-50%); 3145 top: -5%; /* Ð¡Ð¾Ñ ÑанÑем положение по вÑÑоÑе */ 3146 left: calc(50% - 30px); /* ЦенÑÑиÑÑем по новой ÑиÑине */ 3147} 3148 3149.Pronas-floor.reverse .Pronas-floor-circle { 3150 right: calc(50% - 30px); /* ЦенÑÑиÑÑем Ð´Ð»Ñ reverse */ 3151 left: auto; 3152} 3153 3154/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ ÐºÑÑжков */ 3155@media (max-width: 768px) { 3156 .Pronas-floor-circle { 3157 top: 15%; /* Ðоднимаем кÑÑжок на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 3158 width: 50px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3159 height: 50px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3160 font-size: 1.2rem; /* УменÑÑаем ÑÑиÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3161 } 3162} 3163 3164 3165/* ÐонÑÐµÐ½Ñ Ð±Ð»Ð¾ÐºÐ° */ 3166.Pronas-floor-content { 3167 flex: 1; 3168 padding: 25px; 3169 background: #f9f9f9; 3170 border-radius: 20px; 3171 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3172 margin: 0 40px; 3173 word-wrap: break-word; 3174 display: flex; 3175 flex-direction: column; 3176 justify-content: center; 3177 max-width: 52%; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ ÑекÑÑа */ 3178} 3179 3180.Pronas-floor-content h3 { 3181 font-size: 3rem; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 3182 color: #333; 3183 margin-bottom: 15px; 3184} 3185 3186.Pronas-floor-content p { 3187 font-size: 1.4rem; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 3188 color: #555; 3189 line-height: 1.8; 3190 margin: 0 auto; /* ЦенÑÑиÑÑем ÑекÑÑ */ 3191} 3192 3193 3194/* ÐаÑÑинка */ 3195.Pronas-floor-image { 3196 flex: 1; 3197 max-width: 25%; /* СилÑно ÑменÑÑаем ÑиÑÐ¸Ð½Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 3198 text-align: center; 3199 margin: 0 auto; 3200 padding-left: 20px; /* ÐобавлÑем оÑÑÑÑп Ñлева */ 3201} 3202 3203.Pronas-floor-image img { 3204 width: 100%; 3205 height: auto; 3206 border-radius: 40px; 3207 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3208} 3209 3210/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3211@media (max-width: 768px) { 3212 /* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии */ 3213 .Pronas-floors-section { 3214 padding: 40px 20px; 3215 } 3216 3217 /* ÐÑÑжок */ 3218 .Pronas-floor-circle { 3219 position: absolute; 3220 top: 20px; /* Сдвигаем кÑÑжок ниже */ 3221 left: calc(50% - 30px); /* ЦенÑÑиÑÑем кÑÑжок */ 3222 width: 70px; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÐºÑÑжка */ 3223 height: 70px; 3224 font-size: 1.5rem; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа в кÑÑжке */ 3225 z-index: 2; 3226 display: flex; 3227 justify-content: center; 3228 align-items: center; 3229 background: #333; 3230 color: #ebc277; 3231 border-radius: 50%; 3232 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3233 } 3234 3235 /* Ðлок ÑÑажа */ 3236 .Pronas-floor { 3237 flex-direction: column; 3238 align-items: center; 3239 text-align: center; 3240 margin-bottom: 50px; 3241 } 3242 3243 /* ÐонÑÐµÐ½Ñ Ð±Ð»Ð¾ÐºÐ° */ 3244 .Pronas-floor-content { 3245 order: 1; 3246 padding: 15px; /* ÐобавлÑем комÑоÑÑнÑй оÑÑÑÑп */ 3247 margin: 70px auto 30px auto; /* УвелиÑиваем оÑÑÑÑп ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 3248 background: #f9f9f9; 3249 border-radius: 20px; 3250 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3251 max-width: 95%; /* Ðемного ÑменÑÑаем ÑиÑÐ¸Ð½Ñ Ð½Ð° мобилÑнÑÑ */ 3252 } 3253 3254 .Pronas-floor-content h3 { 3255 font-size: 1.6rem; /* ЧÑÑÑ ÑвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 3256 margin-bottom: 12px; 3257 } 3258 3259 .Pronas-floor-content p { 3260 font-size: 1rem; /* ÐомÑоÑÑнÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 3261 line-height: 1.5; 3262 } 3263 3264 /* ÐзобÑажение */ 3265 .Pronas-floor-image { 3266 order: 2; 3267 max-width: 85%; /* УменÑÑаем ÑиÑÐ¸Ð½Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 3268 margin: 20px auto 0 auto; 3269 position: relative; 3270 } 3271 3272 .Pronas-floor-image img { 3273 width: 100%; 3274 height: auto; 3275 border-radius: 40px; 3276 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3277 } 3278} 3279 3280 3281 3282/* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии */ 3283.Pronas-icons-section { 3284 background: linear-gradient(to bottom, #f5f5f5, #ffffff); 3285 padding: 60px 20px; 3286 border-radius: 20px; 3287 text-align: center; 3288} 3289 3290/* Ðаголовок ÑекÑии */ 3291.Pronas-icons-title { 3292 font-size: 2.5rem; 3293 color: #333; 3294 margin-bottom: 40px; 3295 font-weight: bold; 3296} 3297 3298/* ÐонÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº */ 3299.Pronas-icons-grid { 3300 display: flex; 3301 flex-wrap: wrap; 3302 justify-content: space-between; 3303 gap: 30px; 3304} 3305 3306/* ÐаÑÑоÑка иконки */ 3307.Pronas-icon { 3308 background: #ffffff; 3309 padding: 30px; 3310 border-radius: 20px; 3311 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3312 flex: 1 1 calc(25% - 20px); /* 4 каÑÑоÑки в ÑÑд */ 3313 display: flex; 3314 flex-direction: column; 3315 align-items: center; 3316 justify-content: center; 3317 transition: transform 0.3s ease, box-shadow 0.3s ease; 3318} 3319 3320.Pronas-icon:hover { 3321 transform: translateY(-10px); 3322 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); 3323} 3324 3325/* СÑÐ¸Ð»Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 3326.Pronas-icon-image { 3327 width: 80px; 3328 height: 80px; 3329 object-fit: contain; 3330 margin-bottom: 20px; 3331} 3332 3333/* Ðаголовок иконки */ 3334.Pronas-icon-title { 3335 font-size: 1.5rem; 3336 color: #333; 3337 margin-bottom: 15px; 3338 font-weight: bold; 3339} 3340 3341/* ÐпиÑание иконки */ 3342.Pronas-icon-description { 3343 font-size: 1rem; 3344 color: #555; 3345 line-height: 1.6; 3346} 3347 3348/* ÐдапÑивноÑÑÑ */ 3349@media (max-width: 1024px) { 3350 .Pronas-icons-grid { 3351 gap: 20px; 3352 } 3353 3354 .Pronas-icon { 3355 flex: 1 1 calc(50% - 20px); /* 2 каÑÑоÑки в ÑÑд */ 3356 } 3357 3358 .Pronas-icon-title { 3359 font-size: 1.3rem; 3360 } 3361 3362 .Pronas-icon-description { 3363 font-size: 0.9rem; 3364 } 3365} 3366 3367@media (max-width: 768px) { 3368 .Pronas-icon { 3369 flex: 1 1 100%; /* 1 каÑÑоÑка в ÑÑд */ 3370 padding: 20px; 3371 } 3372 3373 .Pronas-icon-image { 3374 width: 60px; 3375 height: 60px; 3376 } 3377 3378 .Pronas-icon-title { 3379 font-size: 1.2rem; 3380 } 3381 3382 .Pronas-icon-description { 3383 font-size: 0.85rem; 3384 } 3385} 3386 3387/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 3388@media (max-width: 768px) { 3389 /* СекÑÐ¸Ñ Ñ Ñоном */ 3390 .Pronas-animated-bg { 3391 padding: 0; /* УбиÑаем оÑÑÑÑÐ¿Ñ */ 3392 border-radius: 0; /* УбиÑаем закÑÑÐ³Ð»ÐµÐ½Ð¸Ñ Ð½Ð° мобилÑнÑÑ */ 3393 background-size: cover; /* РаÑÑÑгиваем Ñон */ 3394 background-position: center; /* ЦенÑÑиÑÑем Ñон */ 3395 } 3396 3397 /* ÐаÑÑинка Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3398 .Pronas-mobile-image { 3399 display: block; /* ÐоказÑваем мобилÑное изобÑажение */ 3400 width: calc(100% - 40px); /* Ðелаем каÑÑÐ¸Ð½ÐºÑ ÑÑÑÑ Ð¼ÐµÐ½ÑÑе ÑиÑÐ¸Ð½Ñ ÑкÑана */ 3401 height: auto; /* Ð¡Ð¾Ñ ÑанÑем пÑопоÑÑии */ 3402 margin: 0 auto; /* ЦенÑÑиÑÑем каÑÑÐ¸Ð½ÐºÑ Ð³Ð¾ÑизонÑалÑно */ 3403 border-radius: 40px 40px 0px 0px; /* ÐакÑÑглÑем кÑÐ°Ñ */ 3404 } 3405 3406 /* СкÑÑваем изобÑажение Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов */ 3407 .Pronas-desktop-image { 3408 display: none; /* ÐÑÑÑем изобÑажение Ð´Ð»Ñ ÐÐ */ 3409 } 3410 3411 /* ÐобавлÑем оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑекÑÑа */ 3412 .Pronas-left-content { 3413 text-align: center; 3414 padding: 20px; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑекÑÑа */ 3415 } 3416 3417 .Pronas-main-title { 3418 font-size: 2rem; /* УменÑÑаем заголовок */ 3419 margin-top: 20px; /* ÐобавлÑем оÑÑÑÑп ÑвеÑÑ Ñ */ 3420 } 3421 3422 .Pronas-subtitle { 3423 font-size: 1.1rem; /* ЧÑÑÑ Ð¼ÐµÐ½ÑÑе подзаголовок */ 3424 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3425 } 3426 3427 .Pronas-button { 3428 font-size: 1rem; /* ЧÑÑÑ Ð¼ÐµÐ½ÑÑе ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 3429 padding: 10px 20px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи кнопки */ 3430 margin-bottom: 20px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3431 } 3432} 3433 3434/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐÐ */ 3435@media (min-width: 769px) { 3436 /* ÐаÑÑинка Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3437 .Pronas-mobile-image { 3438 display: none; /* ÐÑÑÑем изобÑажение Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3439 } 3440 3441 /* ÐоказÑваем деÑкÑопное изобÑажение */ 3442 .Pronas-desktop-image { 3443 display: block; 3444 } 3445} 3446 3447 3448 3449 3450 3451.media-block { 3452 border-radius:25px; 3453} 3454 3455 3456 3457/* === ÐбÑÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев === */ 3458.comments-area { 3459 width: 100%; 3460 max-width: 900px; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ */ 3461 margin: 0 auto; /* ЦенÑÑиÑÑем */ 3462 padding: 20px; 3463 background-color: #fff; 3464 border: 3px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3465 border-radius: 20px; 3466 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Ð¢ÐµÐ½Ñ */ 3467} 3468 3469/* === Ðаголовок блока комменÑаÑиев === */ 3470.comments-title { 3471 font-size: 1.6em; 3472 margin-bottom: 15px; 3473 color: black; 3474 font-weight: bold; 3475 border-bottom: 3px solid #Ebc277; /* ТолÑÑÐ°Ñ Ð»Ð¸Ð½Ð¸Ñ */ 3476 padding-bottom: 6px; 3477} 3478 3479/* === СпиÑок комменÑаÑиев === */ 3480.comment-list { 3481 list-style: none; /* УбиÑаем маÑкеÑÑ */ 3482 padding: 0; 3483 margin: 0; 3484} 3485 3486/* === Ðдин комменÑаÑий === */ 3487.comment {
3488 display: flex; 3489 flex-direction: column; /* Ðдин блок в ÑÑд */ 3490 padding: 20px; 3491 margin-bottom: 15px; 3492 border: 2px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3493 border-radius: 15px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3494 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 3495 background-color: #f9f9f9; 3496 width: 100%; /* ÐÐ°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 3497 max-width: 800px; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3498 margin-left: auto; 3499 margin-right: auto; 3500} 3501 3502/* === ÐÑмеÑаÑÐ¸Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев === */ 3503.comment::before { 3504 content: attr(id); /* ÐÑполÑзÑем ID в каÑеÑÑве номеÑа */ 3505 position: absolute; 3506 top: -10px; 3507 left: -10px; 3508 width: 35px; 3509 height: 35px; 3510 background-color: #Ebc277; 3511 color: black; 3512 font-size: 1em; 3513 font-weight: bold; 3514 display: flex; 3515 align-items: center; 3516 justify-content: center; 3517 border-radius: 50%; /* ÐÑÑг */ 3518 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 3519} 3520 3521/* === ÐваÑаÑка авÑоÑа === */ 3522.comment-author img { 3523 width: 50px; 3524 height: 50px; 3525 border-radius: 50%; /* Ðелаем аваÑаÑÐºÑ ÐºÑÑглой */ 3526 margin-bottom: 10px; /* ÐÑÑÑÑп вниз */ 3527 border: 2px solid #Ebc277; /* Рамка вокÑÑг аваÑаÑки */ 3528} 3529 3530/* === ÐнÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑе === */ 3531.comment-author { 3532 font-weight: bold; 3533 font-size: 1.1em; 3534 color: black; 3535 margin-bottom: 5px; 3536} 3537 3538/* === ÐеÑаданнÑе (даÑа и ÑÑÑлка) === */ 3539.comment-metadata { 3540 font-size: 0.85em; 3541 color: #999; 3542 margin-bottom: 10px; 3543} 3544 3545/* === ТекÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ === */ 3546.comment-content { 3547 font-size: 1em; 3548 color: #333; 3549 line-height: 1.6; 3550 margin-bottom: 15px; 3551} 3552 3553/* === Ðнопка оÑвеÑа === */ 3554.reply a { 3555 display: inline-block; 3556 padding: 10px 20px; 3557 background-color: #Ebc277; 3558 color: black; 3559 text-decoration: none; 3560 border-radius: 15px; 3561 font-size: 0.9em; 3562 transition: all 0.3s ease; 3563 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 3564} 3565 3566.reply a:hover { 3567 background-color: black; 3568 color: #Ebc277; 3569 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 3570 transform: translateY(-2px); 3571} 3572 3573/* === СÑÑлка "РедакÑиÑоваÑÑ" === */ 3574.comment-edit-link { 3575 font-size: 0.85em; 3576 color: #Ebc277; 3577 text-decoration: none; 3578 transition: color 0.3s ease; 3579} 3580 3581.comment-edit-link:hover { 3582 text-decoration: underline; 3583 color: black; 3584} 3585 3586/* === ÐложеннÑе комменÑаÑии === */ 3587.comment-list .children { 3588 margin-left: 20px; 3589 padding-left: 15px; 3590 border-left: 2px solid #Ebc277; 3591} 3592 3593/* === ÐнимаÑии === */ 3594@keyframes fadeIn { 3595 from { 3596 opacity: 0; 3597 transform: translateY(-10px); 3598 } 3599 to { 3600 opacity: 1; 3601 transform: translateY(0); 3602 } 3603} 3604 3605/* ÐобавлÑем анимаÑÐ¸Ñ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев */ 3606.comment { 3607 animation: fadeIn 0.5s ease-in-out; 3608} 3609 3610 3611/* === Ðлок Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ === */ 3612.comment-respond { 3613 width: 100%; 3614 max-width: 900px; /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина */ 3615 margin: 0 auto 20px; /* ЦенÑÑиÑÑем и добавлÑем оÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3616 padding: 20px; 3617 background-color: #fff; /* ÐелÑй Ñон */ 3618 border: 2px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3619 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3620 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Ð¢ÐµÐ½Ñ */ 3621} 3622 3623/* === Ðаголовок блока === */ 3624.comment-reply-title { 3625 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 3626 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3627 color: black; /* ЧÑÑнÑй ÑекÑÑ */ 3628 font-weight: bold; /* ÐиÑнÑй ÑекÑÑ */ 3629 border-bottom: 2px solid #Ebc277; /* ÐÐ¸Ð½Ð¸Ñ Ð¿Ð¾Ð´ заголовком */ 3630 padding-bottom: 10px; /* ÐÑÑÑÑп под линией */ 3631} 3632 3633/* === ÐодÑказка о полÑÑ === */ 3634.comment-respond p { 3635 font-size: 0.9em; 3636 color: #666; /* СеÑÑй ÑекÑÑ */ 3637 margin-bottom: 15px; 3638} 3639 3640/* === Ðоле Ð´Ð»Ñ Ð²Ð²Ð¾Ð´Ð° ÑекÑÑа === */ 3641.comment-form-comment label { 3642 font-size: 1em; 3643 font-weight: bold; 3644 color: black; 3645 margin-bottom: 10px; 3646 display: block; /* ÐеÑеноÑим ÑекÑÑ Ð¼ÐµÑки на новÑÑ ÑÑÑÐ¾ÐºÑ */ 3647} 3648 3649.comment-form-comment textarea { 3650 width: 100%; 3651 height: 120px; /* ÐÑÑоÑа ÑекÑÑового Ð¿Ð¾Ð»Ñ */ 3652 padding: 10px 15px; 3653 font-size: 1em; 3654 resize: none; /* ÐапÑÐµÑ Ð½Ð° изменение ÑазмеÑа */ 3655 border: 2px solid #Ebc277; /* Рамка */ 3656 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3657 outline: none; 3658 background-color: #fff; 3659 transition: all 0.3s ease; /* ÐÐ»Ð°Ð²Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ */ 3660} 3661 3662/* ÐнимаÑÐ¸Ñ ÑокÑÑа */ 3663.comment-form-comment textarea:focus { 3664 box-shadow: 0 0 20px rgba(235, 194, 119, 0.6); /* ÐодÑвеÑка */ 3665 border-color: #Ebc277; /* ÐодÑвеÑка Ñамки */ 3666} 3667 3668/* === Ðнопка оÑпÑавки === */ 3669.form-submit .submit { 3670 padding: 12px 24px; /* ÐÑÑÑÑÐ¿Ñ */ 3671 background-color: #Ebc277; /* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 3672 color: black; 3673 border: 2px solid #Ebc277; /* Рамка */ 3674 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3675 cursor: pointer; /* УказаÑÐµÐ»Ñ */ 3676 font-size: 1em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 3677 transition: all 0.3s ease; 3678 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ÐÑÐ³ÐºÐ°Ñ ÑÐµÐ½Ñ */ 3679 font-weight: bold; /* ÐиÑнÑй ÑекÑÑ */ 3680 text-transform: none; /* ÐбÑÑнÑе бÑÐºÐ²Ñ */ 3681} 3682 3683 3684 3685/* === ÐодÑказки и обÑзаÑелÑнÑе Ð¿Ð¾Ð»Ñ === */ 3686.required-field-message { 3687 font-size: 0.85em; 3688 color: #666; /* СеÑÑй ÑекÑÑ */ 3689 margin-top: 10px; 3690} 3691 3692.required { 3693 color: red; /* ÐÑаÑÐ½Ð°Ñ Ð·Ð²ÑздоÑка Ð´Ð»Ñ Ð¾Ð±ÑзаÑелÑнÑÑ Ð¿Ð¾Ð»ÐµÐ¹ */ 3694} 3695 3696/* === ÐÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð´Ð»Ð¸Ð½Ð½Ð¾Ð³Ð¾ ÑекÑÑа в комменÑаÑиÑÑ === */ 3697
3698/* ÐонÑÐµÐ¹Ð½ÐµÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3699.comment { 3700 3701 word-wrap: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 3702 overflow-wrap: break-word; /* ÐлÑÑеÑнаÑивнÑй пеÑÐµÐ½Ð¾Ñ */ 3703} 3704 3705/* ТекÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3706.comment-content { 3707 font-size: 1em; 3708 color: #333; 3709 line-height: 1.6; 3710 margin-bottom: 15px; 3711 3712 /* ÐобавлÑем заÑиÑÑ Ð¾Ñ Ð²ÑÑ Ð¾Ð´Ð° ÑекÑÑа за гÑаниÑÑ */ 3713 word-wrap: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 3714 overflow-wrap: break-word; /* ÐлÑÑеÑнаÑивнÑй пеÑÐµÐ½Ð¾Ñ */ 3715 white-space: normal; /* РазÑеÑаем пеÑеноÑÑ ÑÑÑок */ 3716} 3717 3718/* ÐнимаÑÐ¸Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении */ 3719.form-submit .submit:hover { 3720 background-color: #1C1C1C; /* ТÑмнÑй ÑÐ²ÐµÑ */ 3721 color: #Ebc277; /* ÐÑлÑÑй ÑекÑÑ */ 3722 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* УÑÐ¸Ð»ÐµÐ½Ð½Ð°Ñ ÑÐµÐ½Ñ */ 3723 transform: translateY(-2px); /* ÐÑгкий подÑÑм */ 3724} 3725 3726/* ÐнимаÑÐ¸Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи нажаÑии */ 3727.form-submit .submit:active { 3728 background-color: #1C1C1C !important; /* ÐÑÑавлÑем ÑÐ¾Ñ Ð¶Ðµ ÑÐ²ÐµÑ */ 3729 color: #Ebc277; /* ÐÑлÑÑй ÑекÑÑ */ 3730 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* Ðолее мÑÐ³ÐºÐ°Ñ ÑÐµÐ½Ñ */ 3731 transform: translateY(1px); /* ÐÑгкое опÑÑкание */ 3732} 3733 3734 3735/* ÐбÑие ÑÑили Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² h3 */ 3736.brand-showcase-container h3, 3737.title_team h3, 3738.Reviews_holovna h3 { 3739 font-size: 80px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов */ 3740 font-weight: 500; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 3741} 3742 3743/* Ðедиа-запÑÐ¾Ñ Ð´Ð»Ñ ÑелеÑонов (до 768px ÑиÑинÑ) */ 3744@media (max-width: 768px) { 3745 .brand-showcase-container h3, 3746 .title_team h3, 3747 .Reviews_holovna h3 { 3748 font-size: 42px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÑелеÑонов */ 3749 font-weight: 500; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 3750 } 3751} 3752 3753 3754 3755 3756/* ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÑекÑÐ¸Ñ */ 3757.services-section { 3758 padding: 40px 20px; 3759 background-color: #f9f9f9; 3760} 3761 3762/* Ðаголовок */ 3763.services-title { 3764 font-size: 80px; 3765 font-weight: 500; 3766 color: #000000; 3767 margin-bottom: 15px; 3768 text-align: left; 3769} 3770 3771/* Ðодзаголовок */ 3772.services-subtitle { 3773 font-size: 1.5rem; 3774 font-weight: 400; 3775 color: #555555; 3776 margin-bottom: 30px; 3777 text-align: left; 3778} 3779 3780/* СеÑка ÑÑлÑг */ 3781.services-grid { 3782 display: grid; 3783 grid-template-columns: repeat(2, 1fr); /* Ðве колонки */ 3784 gap: 10px; 3785} 3786 3787/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² ÑÑлÑг */ 3788.service-item { 3789 display: flex; 3790 align-items: center; 3791 justify-content: space-between; 3792 padding: 15px 30px; /* УвелиÑеннÑй padding */ 3793 background: #ffffff; 3794 border-radius: 60px; 3795 border: 1px solid #e0e0e0; 3796 transition: box-shadow 0.3s ease; 3797 position: relative; 3798 overflow: hidden; 3799 width: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑодиÑÐµÐ»Ñ */ 3800} 3801 3802/* ÐÑÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ */ 3803.service-item:hover { 3804 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 3805} 3806 3807/* ÐоÑледний блок */ 3808.service-item-wide { 3809 grid-column: span 2; 3810} 3811 3812/* СÑÑлка внÑÑÑи блока */ 3813.service-link { 3814 display: flex; 3815 align-items: center; 3816 justify-content: space-between; /* ÐаÑанÑиÑÑем, ÑÑо ÑÑÑелка оÑÑаеÑÑÑ ÑпÑава */ 3817 width: 100%; 3818 text-decoration: none; 3819} 3820 3821/* ТекÑÑ ÑÑлÑги */ 3822.service-text { 3823 font-size: 1.2rem; 3824 color: #000000; 3825 font-weight: 500; 3826 text-align: left; /* ÐÑÑавниваем ÑекÑÑ Ð²Ð»ÐµÐ²Ð¾ */ 3827 flex-grow: 1; 3828} 3829 3830/* ÐевÑй кÑÑг */ 3831.service-icon-wrapper { 3832 width: 50px; 3833 height: 50px; 3834 background: #f1f1f1; 3835 border-radius: 50%; 3836 display: flex; 3837 align-items: center; 3838 justify-content: center; 3839 margin-right: 15px; 3840 position: relative; 3841 transition: transform 0.3s ease, background 0.3s ease; 3842} 3843 3844/* ÐнÑÑÑенний кÑÑг */ 3845.service-inner-circle {
3846 width: 20px; 3847 height: 20px; 3848 background: #c1c1c1; 3849 border-radius: 50%; 3850 transition: background 0.3s ease; 3851} 3852 3853/* ÐнимаÑÐ¸Ñ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð´Ð»Ñ ÐºÑÑгов */ 3854.service-item:hover .service-icon-wrapper { 3855 transform: rotate(360deg); 3856 background: #Ebc277; 3857} 3858 3859.service-item:hover .service-inner-circle { 3860 background: #000000; 3861} 3862 3863/* СÑÑелка */ 3864.service-arrow-wrapper { 3865 display: flex; 3866 align-items: center; 3867 position: absolute; 3868 right: 20px; /* ФикÑиÑÑем ÑÑÑÐµÐ»ÐºÑ ÑпÑава */ 3869 top: 50%; /* ÐÑÑавниваем ÑÑÑÐµÐ»ÐºÑ Ð¿Ð¾ веÑÑикали */ 3870 transform: translateY(-50%); 3871} 3872 3873/* СÑÑелка внÑÑÑи кÑÑга */ 3874.service-arrow-circle { 3875 width: 40px; 3876 height: 40px; 3877 background: #Ebc277; 3878 border-radius: 50%; 3879 display: flex; 3880 align-items: center; 3881 justify-content: center; 3882 transition: transform 0.3s ease; 3883} 3884 3885/* ÐÑÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð½Ð° ÑÑÑÐµÐ»ÐºÑ */ 3886.service-item:hover .service-arrow-circle { 3887 transform: translateX(5px); 3888} 3889 3890/* СÑÑелка */ 3891.service-arrow { 3892 font-size: 1.5rem; 3893 color: #000000; 3894 transition: color 0.3s ease; 3895 position: relative; 3896 top: -2px; 3897} 3898 3899/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов */ 3900@media (max-width: 1024px) { 3901 .services-title { 3902 font-size: 48px; 3903 } 3904 3905 .services-grid { 3906 grid-template-columns: 1fr; 3907 } 3908} 3909 3910/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ ÑелеÑонов */ 3911@media (max-width: 768px) { 3912 .services-title { 3913 font-size: 42px; 3914 } 3915 3916 .service-text { 3917 font-size: 1rem; 3918 text-align: left; 3919 } 3920 3921 .service-arrow-circle { 3922 width: 30px; 3923 height: 30px; 3924 } 3925 3926 .service-icon-wrapper { 3927 width: 40px !important; 3928 height: 0px !important; 3929 right:20px 3930 } 3931 3932 .service-inner-circle { 3933 width: 25px !important; 3934 height: 25px !important; 3935 } 3936 3937 /* УвелиÑение ÑиÑÐ¸Ð½Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 3938 .services-grid { 3939 display: flex; 3940 flex-direction: column; 3941 align-items: center; 3942 width: 100%; 3943 } 3944 3945 .service-item { 3946 width: 120%; /* ТепеÑÑ Ð±Ð»Ð¾ÐºÐ¸ занимаÑÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 3947 max-width: 1950px; /* ÐгÑаниÑение макÑималÑной ÑиÑÐ¸Ð½Ñ */ 3948 justify-content: space-between; 3949 padding: 15px 35px; 3950 } 3951 3952 .service-link { 3953 justify-content: space-between; 3954 width: 100%; 3955 } 3956 3957 /* СÑÑелка оÑÑаеÑÑÑ ÑпÑава */ 3958 .service-arrow-wrapper { 3959 right: 10px; /* СмеÑаем ÑÑÑÐµÐ»ÐºÑ Ð´Ð°Ð»ÑÑе впÑаво */ 3960 } 3961} 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977/* СкÑÑваем знаÑок reCAPTCHA */ 3978.grecaptcha-badge { 3979 visibility: hidden !important; 3980 opacity: 0; 3981 pointer-events: none; 3982} 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992/* ==================================================================== 3993 ÐÐ ÐÐÐÐÐЬÐÐÐ ÐÐÐЮ (ФÐÐС ШÐÐÐÐ Ð ÐЫÐÐТ ÐÐÐ ÐÐÐ) 3994 ==================================================================== */ 3995 3996/* --------------------------------------------------------- 3997 1. ÐÐÐÐÐÐЯ ШÐÐÐÐ (Ð¤Ð¸ÐºÑ Ð¿ÐµÑеноÑа Ñлов на маленÑÐºÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ ) 3998 --------------------------------------------------------- */ 3999.main-navigation > ul > li > a { 4000 display: inline-flex !important; 4001 align-items: center !important; 4002 white-space: nowrap !important; /* ÐапÑеÑаем пеÑÐµÐ½Ð¾Ñ ÑекÑÑа и ÑÑÑелки */ 4003 flex-wrap: nowrap !important; 4004} 4005 4006.main-navigation > ul > li.menu-item-has-children > a::after { 4007 content: '' !important; display: inline-block !important; margin-left: 8px !important; width: 6px !important; height: 6px !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: translateY(-3px) rotate(45deg) !important; transition: transform 0.3s ease !important; flex-shrink: 0 !important; 4008} 4009.main-navigation > ul > li.menu-item-has-children:hover > a::after { 4010 transform: translateY(1px) rotate(45deg) !important; color: #Ebc277 !important; 4011} 4012 4013/* --------------------------------------------------------- 4014 2. ÐÐÐТÐÐÐÐРЫ (Ðизайн блоков) 4015 --------------------------------------------------------- */ 4016.main-navigation ul.sub-menu { 4017 position: absolute !important; background-color: #ffffff !important; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important; border-radius: 16px !important; padding: 10px 0 !important; border: 1px solid rgba(0,0,0,0.03) !important; z-index: 1000 !important; 4018 opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; display: block !important; 4019} 4020.main-navigation li:hover > ul.sub-menu { 4021 opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; 4022} 4023 4024/* --------------------------------------------------------- 4025 3. ÐÐÐÐÐЫРÐÐÐÐÐÐ ÐУÐÐТÐÐ ÐÐÐÐÐÐЮ 4026 --------------------------------------------------------- */ 4027.main-navigation ul.sub-menu li { 4028 position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; list-style: none !important; box-sizing: border-box !important; 4029} 4030.main-navigation ul.sub-menu a { 4031 display: flex !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; padding: 14px 24px !important; font-size: 15px !important; font-weight: 500 !important; color: #444444 !important; text-decoration: none !important; background: transparent !important; border: none !important; border-bottom: 1px solid rgba(0,0,0,0.03) !important; transition: all 0.3s ease !important; white-space: normal !important; line-height: 1.4 !important; 4032} 4033.main-navigation ul.sub-menu li:last-child > a { border-bottom: none !important; } 4034 4035/* Ð¥Ð¾Ð²ÐµÑ ÑÑÑекÑÑ ÑекÑÑа */ 4036.main-navigation ul.sub-menu a:hover { background-color: #fafafa !important; color: #000000 !important; padding-left: 30px !important; } 4037.main-navigation ul.sub-menu a::before { content: '' !important; position: absolute !important; left: 0 !important; top: 10% !important; height: 80% !important; width: 3px !important; background-color: #Ebc277 !important; border-radius: 0 4px 4px 0 !important; transform: scaleY(0) !important; transition: transform 0.3s ease !important; transform-origin: center !important;} 4038.main-navigation ul.sub-menu a:hover::before { transform: scaleY(1) !important; } 4039 4040/* УÐÐÐ ÐÐРСТÐРЫРСТРÐÐÐЧÐÐ ÐÐУТРРССЫÐÐÐ */ 4041.main-navigation ul.sub-menu li.menu-item-has-children > a::after { display: none !important; } 4042 4043/* --------------------------------------------------------- 4044 4. СÐÐÐТ-ÐÐÐÐÐÐ (СÑÑелоÑка как оÑделÑÐ½Ð°Ñ Ð·Ð¾Ð½Ð° клика) 4045 --------------------------------------------------------- */ 4046.main-navigation ul.sub-menu li.menu-item-has-children::after { 4047 content: '' !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 50px !important; height: 100% !important; border-left: 1px solid rgba(0,0,0,0.03) !important; z-index: 10 !important; cursor: pointer !important; 4048 /* РиÑÑем SVG-ÑÑÑелоÑкÑ, ÑмоÑÑÑÑÑÑ ÐÐÐ ÐÐÐ */ 4049 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbbbbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; 4050 background-repeat: no-repeat !important; background-position: center !important; background-size: 16px !important; transition: all 0.3s ease !important; 4051} 4052.main-navigation ul.sub-menu li.menu-item-has-children:hover::after { 4053 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23Ebc277' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; 4054} 4055/* ÐаÑиÑаем ÑекÑÑ Ð¾Ñ Ð½Ð°ÐµÐ·Ð´Ð° на ÑÑÑелоÑÐºÑ */ 4056.main-navigation ul.sub-menu li.menu-item-has-children > a { padding-right: 55px !important; } 4057 4058/* ---------------------------------------------------------
4059 5. ÐÐÐШÐÐ (Badges) 4060 --------------------------------------------------------- */ 4061.menu-item-badge { display: inline-block !important; background: #Ebc277 !important; color: #ffffff !important; font-size: 9px !important; font-weight: 800 !important; text-transform: uppercase !important; padding: 3px 8px !important; border-radius: 20px !important; margin-left: 10px !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 4px 10px rgba(235, 194, 119, 0.25) !important;} 4062 4063 4064/* ==================================================================== 4065 6. ÐÐ Ð ÐÐУТÐУÐÐ (ÐÑÐ»ÐµÑ ÐÐÐ ÐÐРбез ÑкÑолла) - ÐТ 992px 4066 ==================================================================== */ 4067@media (min-width: 992px) { 4068 /* 2-й ÑÑÐ¾Ð²ÐµÐ½Ñ */ 4069 .main-navigation > ul > li > ul.sub-menu { top: 100% !important; left: 0 !important; min-width: 320px !important; margin-top: 15px !important; transform: translateY(10px) !important; } 4070 .main-navigation > ul > li:hover > ul.sub-menu { transform: translateY(0) !important; } 4071 .main-navigation > ul > li > ul.sub-menu::before { content: '' !important; position: absolute !important; top: -30px !important; left: 0 !important; width: 100% !important; height: 30px !important; background: transparent !important; } 4072 4073 /* 3-й ÑÑÐ¾Ð²ÐµÐ½Ñ Ð²ÑлеÑÐ°ÐµÑ ÐÐÐ ÐÐÐ */ 4074 .main-navigation ul.sub-menu li > ul.sub-menu { 4075 top: -10px !important; left: 100% !important; right: auto !important; margin-top: 0 !important; margin-left: 5px !important; min-width: 340px !important; transform: translateX(15px) !important; 4076 } 4077 .main-navigation ul.sub-menu li:hover > ul.sub-menu { transform: translateX(0) !important; } 4078 4079 /* ÐоÑÑ Ð´Ð»Ñ Ð¼ÑÑки (СÐÐÐÐ, Ñак как Ð¼ÐµÐ½Ñ Ð¾ÑкÑÑваеÑÑÑ Ð²Ð¿Ñаво) */ 4080 .main-navigation ul.sub-menu li > ul.sub-menu::before { content: '' !important; position: absolute !important; top: 0 !important; left: -30px !important; right: auto !important; width: 30px !important; height: 100% !important; background: transparent !important; } 4081} 4082 4083/* ==================================================================== 4084 7. ÐÐÐÐÐЬÐЫРТÐÐÐФÐÐЫ (ÐаÑмоÑка ÐÐÐÐ) - ÐÐ 991px 4085 ==================================================================== */ 4086/* ==================================================================== 4087 7. ÐÐÐÐÐЬÐЫРТÐÐÐФÐÐЫ (ÐаÑмоÑка ÐÐÐÐ + Ð¤Ð¸ÐºÑ ÑкÑолла) - ÐÐ 991px 4088 ==================================================================== */ 4089@media (max-width: 991px) { 4090 /* СкÑÑваем вÑе вÑпадаÑÑие ÑпиÑки */ 4091 .main-navigation ul.sub-menu { 4092 position: static !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; transform: none !important; margin: 0 !important; box-shadow: none !important; border: none !important; padding-left: 15px !important; 4093 display: none !important; 4094 } 4095 4096 /* ÐÐÐÐÐÐÐÐТÐÐÐÐÐ ÐТÐРЫТÐÐ (ТолÑко по наÑÐµÐ¼Ñ ÐºÐ»Ð°ÑÑÑ) */ 4097 .main-navigation li.is-mobile-open > ul.sub-menu, 4098 .main-navigation ul.sub-menu li.is-mobile-open > ul.sub-menu { 4099 display: block !important; 4100 } 4101 4102 .main-navigation ul.sub-menu a { padding: 12px 15px !important; } 4103 4104 /* СÑÑелоÑка по ÑмолÑÐ°Ð½Ð¸Ñ Ð²Ð½Ð¸Ð· */ 4105 .main-navigation li.menu-item-has-children::after { 4106 transform: rotate(90deg) !important; 4107 } 4108 4109 /* СÑÑелоÑка ввеÑÑ Ð¿Ñи оÑкÑÑÑии + золоÑой ÑÐ²ÐµÑ */ 4110 .main-navigation li.menu-item-has-children.is-mobile-open::after { 4111 transform: rotate(270deg) !important; 4112 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23Ebc277' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; 4113 } 4114 4115 .menu-item-badge { font-size: 8px !important; padding: 2px 6px !important; vertical-align: middle !important; margin-top:-2px !important;} 4116} 4117 4118/* Ð¤Ð¸ÐºÑ Ð¾ÑкÑÑÑÐ¸Ñ 3-го ÑÑÐ¾Ð²Ð½Ñ Ð½Ð° ÑелеÑÐ¾Ð½Ð°Ñ */
4119.main-navigation ul.sub-menu li.mobile-open-fix > ul.sub-menu { 4120 display: block !important; 4121} 4122.main-navigation ul.sub-menu li.mobile-open-fix::after { 4123 transform: rotate(270deg) !important; /* РазвоÑаÑиваем ÑÑÑелоÑÐºÑ Ð²Ð²ÐµÑÑ Ð¿Ñи оÑкÑÑÑии */ 4124} 4125 4126/* ==================================================================== 4127 ÐÐТЧ: ФÐÐС ÐÐ ÐÐÐÐÐÐÐЯ ÐРРСÐÐ ÐÐÐÐ Ð ÐÐÐÐÐÐÐÐЯ ÐÐÐÐÐÐ 4128 ==================================================================== */ 4129 4130/* ==================================================================== 4131 ÐÐÐÐÐЬÐÐЯ ÐÐРСÐЯ (ÐÐ 991px): ТÐÐЬÐÐ 2 УРÐÐÐЯ (ЧÐСТЫРÐÐÐ) 4132 ==================================================================== */ 4133@media (max-width: 991px) { 4134 /* 1. ÐÑевÑаÑаем 2-й ÑÑÐ¾Ð²ÐµÐ½Ñ Ð² обÑÑнÑй ÑпиÑок (гаÑмоÑкÑ) */ 4135 .main-navigation ul.sub-menu { 4136 position: static !important; 4137 width: 100% !important; 4138 min-width: 100% !important; 4139 max-width: 100% !important; 4140 transform: none !important; 4141 margin: 0 !important; 4142 box-shadow: none !important; 4143 border: none !important; 4144 padding-left: 15px !important; 4145 display: none !important; /* СкÑÑÑо до нажаÑÐ¸Ñ Ð½Ð° главнÑÑ ÐºÐ½Ð¾Ð¿ÐºÑ */ 4146 opacity: 1 !important; /* ÐеÑÑкий ÑÐ¸ÐºÑ Ð¿ÑозÑаÑноÑÑи */ 4147 visibility: visible !important; 4148 pointer-events: auto !important; 4149 } 4150 4151 /* ÐÑкÑÑÑие 2-го ÑÑÐ¾Ð²Ð½Ñ (когда Ð±Ð°Ð·Ð¾Ð²Ð°Ñ Ñема Ð´Ð°ÐµÑ ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ) */ 4152 .main-navigation li:hover > ul.sub-menu, 4153 .main-navigation li.focus > ul.sub-menu, 4154 .main-navigation li.toggled > ul.sub-menu, 4155 .main-navigation li.open > ul.sub-menu { 4156 display: block !important; 4157 } 4158 4159 /* 2. ÐÐÐÐУХРСÐРЫÐÐÐÐ 3-РУРÐÐÐÐЬ (УÑлÑги) */ 4160 .main-navigation ul.sub-menu li > ul.sub-menu { 4161 display: none !important; 4162 } 4163 4164 /* 3. УбиÑаем ÑÑÑелоÑки на 2-м ÑÑовне (оÑкÑÑваÑÑ-Ñо болÑÑе неÑего) */ 4165 .main-navigation ul.sub-menu li.menu-item-has-children::after { 4166 display: none !important; 4167 } 4168 4169 /* 4. ÐозвÑаÑаем ноÑмалÑнÑе оÑÑÑÑÐ¿Ñ ÑекÑÑÑ (ÑбиÑаем пÑÑÑÑÑ Ð´ÑÑÑ ÑпÑава) */ 4170 .main-navigation ul.sub-menu a { 4171 padding: 12px 15px !important; 4172 } 4173 4174 /* 5. Убиваем "ÑÑеклÑннÑе баÑÑеÑÑ" (невидимÑе моÑÑÑ Ð´Ð»Ñ Ð¼ÑÑки) */ 4175 .main-navigation > ul > li > ul.sub-menu::before, 4176 .main-navigation ul.sub-menu li > ul.sub-menu::before { 4177 display: none !important; 4178 content: none !important; 4179 width: 0 !important; 4180 height: 0 !important; 4181 } 4182 4183 /* 6. ÐомпакÑнÑе плаÑки (Badges) */ 4184 .menu-item-badge { 4185 font-size: 8px !important; 4186 padding: 2px 6px !important; 4187 vertical-align: middle !important; 4188 margin-top: -2px !important; 4189 box-shadow: none !important; 4190 } 4191} 4192 4193 4194 4195 4196 4197 4198 4199 4200/* ÐÑклÑÑаем обÑÐµÐ·ÐºÑ Ð´Ð»Ñ ÐºÐ°ÑÑоÑек Ñ Ð¿Ð»Ð°Ñкой и Ð¸Ñ ÑÑÑлок */ 4201.service-item.has-badge, 4202.service-item.has-badge .service-link { 4203 overflow: visible !important; 4204} 4205 4206/* СÑили Ñамой плаÑки */ 4207.service-item-badge { 4208 position: absolute; 4209 top: -14px; /* Ðоднимаем ввеÑÑ , ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð° Ð½Ð°Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ñ ÑоÑÑала */ 4210 right: 20px; 4211 background: #ebc277; 4212 color: #fff; 4213 padding: 4px 14px; 4214 border-radius: 20px; 4215 font-size: 11px; 4216 font-weight: 800; 4217 text-transform: uppercase; 4218 letter-spacing: 0.5px; 4219 box-shadow: 0 5px 12px rgba(235, 194, 119, 0.4); 4220 z-index: 50; /* ÐÑводим повеÑÑ Ð´ÑÑÐ³Ð¸Ñ ÑлеменÑов */ 4221 white-space: nowrap; /* ЧÑÐ¾Ð±Ñ ÑекÑÑ Ð¿Ð»Ð°Ñки не пеÑеноÑилÑÑ Ð½Ð° две ÑÑÑоки */ 4222} 4223 4224 4225/* ----- ÐеÑÑ Ð½Ð¸Ð¹ блок Ñ ÐºÐ°ÑÑинкой и ÑекÑÑами ----- */ 4226 4227.contact-page-section { 4228 position: relative; 4229 background-size: cover; 4230 background-position: center; 4231 background-repeat: no-repeat; 4232 height: 80vh; /* ÐÑÑоÑа веÑÑ Ð½ÐµÐ³Ð¾ блока */ 4233 display: flex; 4234 justify-content: flex-start; /* ТекÑÑ Ð¿Ð¾ Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 4235 align-items: flex-start; /* ÐаÑинаем ÑекÑÑ ÑвеÑÑ Ñ */ 4236 padding: 0 40px; 4237} 4238 4239.contact-page-overlay { 4240 position: absolute; 4241 top: 0; /* ÐокÑÑваем вÑÑ ÑекÑÐ¸Ñ ÑвеÑÑ Ñ */ 4242 left: 0; 4243 width: 100%; /* ÐаÑемнение на вÑÑ ÑиÑÐ¸Ð½Ñ */ 4244 height: 100%; /* ÐаÑемнение на вÑÑ Ð²ÑÑоÑÑ */ 4245 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%); 4246 z-index: 1; /* ÐаÑемнение под ÑекÑÑом */ 4247} 4248 4249.contact-page-header { 4250 max-width: 600px; 4251 text-align: left; 4252 color: #fff; 4253 position: relative; 4254 z-index: 2; /* ТекÑÑ Ð¿Ð¾Ð²ÐµÑÑ Ð·Ð°ÑÐµÐ¼Ð½ÐµÐ½Ð¸Ñ */ 4255 margin-left: 100px; /* УвелиÑиваем оÑÑÑÑп Ñлева */ 4256 margin-top: 300px; /* ÐÑÑавлÑем ÑекÑÑ Ð½Ð° нÑжной вÑÑоÑе */ 4257} 4258 4259 4260.contact-page-small-text { 4261 font-size: 16px; 4262 font-weight: 400; 4263 text-transform: uppercase; 4264 margin-bottom: 10px; 4265 opacity: 0.8; 4266} 4267 4268.contact-page-title { 4269 font-size: 48px; 4270 font-weight: 900; 4271 margin-bottom: 35px; 4272 line-height: 1.2; 4273 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 4274} 4275 4276.contact-page-description { 4277 font-size: 20px; 4278 font-weight: 400; 4279 margin-bottom: 20px; 4280 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 4281} 4282 4283.contact-page-link { 4284 font-size: 16px; 4285 font-weight: 500; 4286 text-decoration: underline; 4287 color: #f6c26b; 4288 transition: color 0.3s ease; 4289} 4290 4291.contact-page-link:hover { 4292 color: #e4a856; 4293} 4294 4295/* ----- ÐонÑÐµÐ¹Ð½ÐµÑ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ ----- */ 4296.contact-page-overlay-blocks { 4297 position: relative; 4298 display: flex; 4299 justify-content: center;
4300 align-items: flex-start; 4301 margin-top: -60px; /* УменÑÑили оÑÑÑÑп ÑвеÑÑ Ñ */ 4302 margin-bottom: 40px; 4303 z-index: 10; 4304 width: 100%; 4305} 4306 4307/* ----- Ðлок Ñ ÐµÐ´Ð¸Ð½Ñм Ñоном ----- */ 4308.contact-page-container { 4309 display: flex; 4310 justify-content: center; 4311 align-items: stretch; 4312 width: 90%; 4313 max-width: 1200px; 4314 gap: 0; 4315 padding: 0 20px; 4316 background: linear-gradient(135deg, #ffffff, #f8f8f8); 4317 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); 4318 border-radius: 40px; 4319 padding: 20px; 4320 height: 660px; /* â УвелиÑили вÑÑоÑÑ Ð±Ð»Ð¾ÐºÐ° */ 4321 overflow: hidden; 4322} 4323 4324/* ----- ÐевÑй блок: ФоÑма ----- */ 4325.contact-overlay-form { 4326 flex: 1; 4327 background: none; 4328 padding: 0px; 4329 height: 100%; 4330 display: flex; 4331 flex-direction: column; 4332 justify-content: space-between; 4333 text-align: left; 4334} 4335 4336/* ð¹ Ðаголовок ÑоÑÐ¼Ñ */ 4337.contact-overlay-form h2 { 4338 font-size: 34px; 4339 font-weight: bold; 4340 margin-bottom: 15px; 4341 color: #333; 4342 text-align: left; 4343 margin-top: 0; 4344} 4345 4346/* ð¹ ÐÐ¾Ð»Ñ ÑоÑмÑ: Ð»Ð¸Ð½Ð¸Ñ Ð²Ð¼ÐµÑÑо Ñамки */ 4347.contact-overlay-form input[type="text"], 4348.contact-overlay-form input[type="tel"], 4349.contact-overlay-form textarea { 4350 width: 100%; 4351 padding: 15px 0 !important; /* â УбÑали оÑÑÑÑп Ñлева */ 4352 font-size: 18px; 4353 border: none; 4354 border-bottom: 2px solid #ccc; 4355 background: transparent; 4356 transition: all 0.3s ease; 4357 text-align: left; 4358} 4359 4360/* ð¹ ÐÑÑÐµÐºÑ Ð¿Ñи ÑокÑÑе */ 4361.contact-overlay-form input[type="text"]:focus, 4362.contact-overlay-form input[type="tel"]:focus, 4363.contact-overlay-form textarea:focus { 4364 border-bottom: 2px solid #ebc277; 4365 outline: none; 4366 transform: scale(1.02); 4367} 4368 4369/* Ðоле "ÐовÑдомленнÑ" ÑикÑиÑованной вÑÑоÑÑ */ 4370.contact-overlay-form textarea { 4371 resize: none; 4372 min-height: 80px; /* УвелиÑили вÑÑоÑÑ */ 4373 max-height: 120px; 4374} 4375 4376/* ð¹ ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÐ° */ 4377.contact-form-button-wrapper { 4378 position: relative; 4379 text-align: left; 4380 margin-top: 20px; 4381} 4382 4383/* ð¹ Ðнопка ÑепеÑÑ Ñнова видна и кÑÑпнее */ 4384.contact-overlay-form [type="submit"] { 4385 display: inline-block; 4386 padding: 18px 36px; 4387 font-size: 22px; /* УвелиÑили ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 4388 font-weight: bold; 4389 color: #fff;
4390 background: linear-gradient(135deg, #ebc277, #d4a75a); 4391 border: none; 4392 border-radius: 24 4393 cursor: pointer; 4394 box-shadow: 0 6px 12px rgba(235, 194, 119, 0.3); 4395 transition: all 0.3s ease-in-out; 4396 text-align: center; 4397} 4398 4399/* ð¹ ÐÑÑÐµÐºÑ Ð¿Ñи наведении */ 4400.contact-overlay-form [type="submit"]:hover { 4401 background: linear-gradient(135deg, #d4a75a, #b38a44); 4402 box-shadow: 0 8px 16px rgba(235, 194, 119, 0.5); 4403 transform: translateY(-2px); 4404} 4405 4406/* ----- ÐÑавÑй блок: ÐаÑÑа ----- */ 4407.contact-overlay-map { 4408 flex: 1; 4409 background: none; 4410 border-radius: 18px; 4411 overflow: hidden; 4412 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 4413} 4414 4415.contact-overlay-map iframe { 4416 width: 100%; 4417 height: 100%; 4418 border: none; 4419 border-radius: 18px; 4420} 4421 4422/* ----- ÐдапÑивноÑÑÑ ----- */ 4423 4424@media (max-width: 1024px) { 4425 .contact-page-overlay-blocks { 4426 flex-direction: column; 4427 } 4428 4429 .contact-page-container { 4430 width: 90%; 4431 max-width: 800px; 4432 flex-direction: column; 4433 background: none; 4434 box-shadow: none; 4435 padding: 0; 4436 height: auto; 4437 } 4438 4439 .contact-overlay-form, 4440 .contact-overlay-map { 4441 flex: 1; 4442 height: auto; 4443 background: #fff; 4444 border-radius: 16px; 4445 padding: 25px; 4446 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4447 } 4448 4449 .contact-overlay-form h2 { 4450 font-size: 26px; 4451 } 4452 4453 .contact-overlay-form { 4454 margin-bottom: 20px; 4455 } 4456} 4457 4458@media (max-width: 768px) { 4459 .contact-page-container { 4460 flex-direction: column; 4461 width: 95%; 4462 } 4463 4464 .contact-overlay-form { 4465 padding: 20px; 4466 } 4467 4468 .contact-overlay-form h2 { 4469 font-size: 24px; 4470 } 4471 4472 .contact-overlay-form input, 4473 .contact-overlay-form textarea { 4474 font-size: 16px; 4475 padding: 12px; 4476 } 4477 4478 .contact-overlay-form [type="submit"] { 4479 font-size: 20px; 4480 padding: 16px 28px; 4481 } 4482} 4483 4484 4485/* СекÑÐ¸Ñ Ñ ÐºÐ¾Ð½ÑакÑнÑми блоками */ 4486.contact-info-section { 4487 display: flex; 4488 justify-content: space-between; /* 3 блока в ÑÑд */ 4489 align-items: stretch; 4490 max-width: 1200px; /* Ð¡Ð¾Ð²Ð¿Ð°Ð´Ð°ÐµÑ Ñ ÑиÑиной блока ÑоÑÐ¼Ñ Ð¸ каÑÑÑ */ 4491 width: 90%; 4492 margin: 40px auto 0; /* ЦенÑÑиÑование */ 4493 padding: 20px 0; 4494} 4495 4496/* ÐонÑакÑнÑй блок */ 4497.contact-info-box { 4498 flex: 1; 4499 max-width: 30%; /* 3 блока в ÑÑд */ 4500 text-align: center; 4501 padding: 20px; 4502 background: #fff; 4503 border-radius: 20px; 4504 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4505 transition: transform 0.3s ease, box-shadow 0.3s ease; 4506} 4507 4508/* ÐÑÑÐµÐºÑ Ð¿Ñи наведении */ 4509.contact-info-box:hover { 4510 transform: translateY(-5px); 4511 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 4512} 4513 4514/* Ðконка */ 4515.contact-info-icon { 4516 max-width: 64px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 4517 margin-bottom: 15px; 4518} 4519 4520/* Ðаголовок блока */ 4521.contact-info-box h3 { 4522 font-size: 20px; 4523 font-weight: 700; 4524 margin-bottom: 10px; 4525 color: #333; 4526} 4527 4528/* ÐпиÑание блока */ 4529.contact-info-box p { 4530 font-size: 16px; 4531 color: #666; 4532 margin-bottom: 10px; 4533} 4534 4535/* СÑÑлка в блоке */ 4536.contact-info-box a { 4537 font-size: 16px; 4538 font-weight: 600; 4539 text-decoration: none; 4540 color: #ebc277; 4541 transition: color 0.3s ease; 4542} 4543 4544/* ÐнимаÑÐ¸Ñ ÑÑÑлки */ 4545.contact-info-box a:hover { 4546 color: #d4a75a; 4547 text-decoration: underline; 4548} 4549 4550/* ÐдапÑивноÑÑÑ */ 4551@media (max-width: 1024px) { 4552 .contact-info-section { 4553 flex-wrap: wrap; 4554 justify-content: center; 4555 } 4556 4557 .contact-info-box { 4558 max-width: 45%; /* 2 блока в ÑÑд на планÑеÑÐ°Ñ */ 4559 } 4560} 4561 4562@media (max-width: 768px) { 4563 .contact-info-box { 4564 max-width: 100%; /* 1 блок в ÑÑд на мобилÑнÑÑ */ 4565 } 4566} 4567 4568 4569/* ----- ÐеÑÑ Ð½Ð¸Ð¹ блок Ñ ÐºÐ°ÑÑинкой и ÑекÑÑами ----- */ 4570.contact-page-section { 4571 position: relative; 4572 background-size: cover; 4573 background-position: center; 4574 background-repeat: no-repeat; 4575 height: 60vh; /* â УменÑÑили вÑÑоÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 4576 display: flex; 4577 justify-content: flex-start;
4578 align-items: flex-start; 4579 padding: 0 40px; 4580} 4581 4582.contact-page-header { 4583 max-width: 600px; 4584 text-align: left; 4585 color: #fff; 4586 position: relative; 4587 z-index: 2; 4588 margin-left: 100px; 4589 margin-top: 200px; /* â УменÑÑили оÑÑÑÑп */ 4590} 4591 4592/* ð± ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 4593@media (max-width: 768px) { 4594 .contact-page-section { 4595 height: 50vh; /* â Сделали менÑÑе */ 4596 padding: 0 20px; 4597 } 4598 4599 .contact-page-header { 4600 margin-left: 20px; 4601 margin-top: 100px; /* â ÐоднÑли ÑекÑÑ */ 4602 max-width: 90%; 4603 } 4604 4605 .contact-page-title { 4606 font-size: 32px; /* â УменÑÑили заголовок */ 4607 } 4608 4609 .contact-page-description { 4610 font-size: 16px; 4611 } 4612} 4613 4614/* ----- ÐонÑÐµÐ¹Ð½ÐµÑ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ ----- */ 4615.contact-page-overlay-blocks { 4616 position: relative; 4617 display: flex; 4618 justify-content: center; 4619 align-items: flex-start; 4620 margin-top: -40px; /* â ÐоднÑли блок */ 4621 margin-bottom: 30px; 4622 width: 100%; 4623} 4624 4625.contact-page-container { 4626 display: flex; 4627 justify-content: center; 4628 align-items: stretch; 4629 width: 90%; 4630 max-width: 1200px; 4631 flex-wrap: wrap; /* â ÐозволÑÐµÑ Ð±Ð»Ð¾ÐºÑ ÑÑаÑÑ Ð°Ð´Ð°Ð¿ÑивнÑм */ 4632 padding: 20px; 4633 background: linear-gradient(135deg, #ffffff, #f8f8f8); 4634 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); 4635 border-radius: 40px; 4636 height: auto; /* â УбÑали ÑикÑиÑованнÑÑ Ð²ÑÑоÑÑ */ 4637} 4638 4639/* ð± ÐдапÑаÑÐ¸Ñ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ */ 4640@media (max-width: 1024px) { 4641 .contact-page-container { 4642 flex-direction: column; 4643 width: 95%; 4644 padding: 20px; 4645 } 4646 4647 .contact-overlay-form, 4648 .contact-overlay-map { 4649 width: 100%; 4650 flex: none; 4651 padding: 20px; 4652 border-radius: 20px; 4653 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4654 } 4655 4656 .contact-overlay-form h2 { 4657 font-size: 28px; 4658 } 4659} 4660 4661@media (max-width: 768px) { 4662 .contact-page-container { 4663 flex-direction: column; 4664 width: 100%; 4665 } 4666 4667 .contact-overlay-form { 4668 padding: 20px; 4669 } 4670 4671 .contact-overlay-map { 4672 height: 300px; /* â ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа каÑÑÑ */ 4673 } 4674 4675 .contact-overlay-form input, 4676 .contact-overlay-form textarea { 4677 font-size: 16px; 4678 padding: 10px; 4679 } 4680} 4681 4682/* ----- ÐонÑакÑнÑе блоки (3 в ÑÑд) ----- */ 4683.contact-info-section { 4684 display: flex; 4685 justify-content: space-between; 4686 align-items: stretch; 4687 flex-wrap: wrap; /* â ТепеÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ пеÑеноÑиÑÑ Ð½Ð° новÑе ÑÑÑоки */ 4688 max-width: 1200px; 4689 width: 90%; 4690 margin: 40px auto 0; 4691 padding: 20px 0; 4692} 4693 4694/* ÐонÑакÑнÑй блок */ 4695.contact-info-box { 4696 flex: 1; 4697 max-width: 30%; /* â 3 блока в ÑÑд */ 4698 text-align: center; 4699 padding: 20px; 4700 background: #fff; 4701 border-radius: 20px; 4702 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4703 transition: transform 0.3s ease, box-shadow 0.3s ease; 4704} 4705 4706/* ð± ÐдапÑаÑÐ¸Ñ ÐºÐ¾Ð½ÑакÑнÑÑ Ð±Ð»Ð¾ÐºÐ¾Ð² */ 4707@media (max-width: 1024px) { 4708 .contact-info-section { 4709 justify-content: center; 4710 } 4711 4712 .contact-info-box { 4713 max-width: 45%; /* â 2 в ÑÑд на планÑеÑÐ°Ñ */ 4714 margin-bottom: 20px; 4715 } 4716} 4717 4718@media (max-width: 768px) { 4719 .contact-info-box { 4720 max-width: 100%; /* â 1 в ÑÑд на мобилÑнÑÑ */ 4721 padding: 15px; 4722 } 4723 4724 .contact-info-icon { 4725 max-width: 50px; /* â УменÑÑили иконки */ 4726 } 4727 4728 .contact-info-box h3 { 4729 font-size: 18px; /* â УменÑÑили заголовок */ 4730 } 4731 4732 .contact-info-box p { 4733 font-size: 14px; 4734 } 4735 4736 .contact-info-box a { 4737 font-size: 14px; 4738 } 4739} 4740 4741@media (max-width: 768px) { 4742 /* УменÑÑаем вÑÑоÑÑ Ð±Ð»Ð¾ÐºÐ° */ 4743 .contact-page-section { 4744 height: 50vh; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе вÑÑоÑа */ 4745 padding: 0 10px; 4746 align-items: flex-start; /* â ТекÑÑ Ð¿ÑижимаеÑÑÑ Ðº веÑÑ Ð½ÐµÐ¼Ñ ÐºÑÐ°Ñ */ 4747 } 4748 4749 /* ÐпÑимизиÑÑем оÑÑÑÑÐ¿Ñ */ 4750 .contact-page-header { 4751 max-width: 90%; 4752 margin-left: 20px; /* â Ðлиже к Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 4753 margin-top: 30px; /* â Ðоднимаем ÑекÑÑ Ð²Ð²ÐµÑÑ */ 4754 } 4755 4756 /* Ðаголовок ÑÑановиÑÑÑ ÐºÐ¾Ð¼Ð¿Ð°ÐºÑнее */ 4757 .contact-page-title { 4758 font-size: 28px; /* â ÐенÑÑе заголовок */ 4759 line-height: 1.1; 4760 margin-bottom: 15px; 4761 } 4762 4763 /* ÐпиÑание Ñоже ÑменÑÑаем */ 4764 .contact-page-description { 4765 font-size: 14px; 4766 line-height: 1.3; 4767 margin-bottom: 10px; 4768 } 4769 4770 /* ÐаленÑкий ÑекÑÑ */ 4771 .contact-page-small-text { 4772 font-size: 12px; /* â ÐомпакÑнее */ 4773 } 4774} 4775 4776@media (max-width: 768px) { 4777 /* УменÑÑаем вÑоÑой Ñаздел */ 4778 .contact-page-container { 4779 width: 95%; 4780 max-width: 600px; /* â Ðелаем компакÑнее */ 4781 padding: 15px; 4782 height: auto; /* â ÐÑÑоÑа адапÑÐ¸Ð²Ð½Ð°Ñ */ 4783 } 4784 4785 /* ЦенÑÑиÑÑем ÑоÑÐ¼Ñ Ð¸ каÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 4786 .contact-page-overlay-blocks { 4787 justify-content: center; /* â ЦенÑÑиÑование */ 4788 align-items: center; 4789 text-align: center; 4790 } 4791 4792 /* ÐоÑÑекÑиÑÑем ÑоÑÐ¼Ñ */ 4793 .contact-overlay-form { 4794 text-align: center; /* â ЦенÑÑиÑование ÑекÑÑа */ 4795 width: 100%; 4796 } 4797 4798 /* ÐоÑÑекÑиÑÑем заголовок ÑоÑÐ¼Ñ */ 4799 .contact-overlay-form h2 { 4800 font-size: 22px; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе заголовок */ 4801 margin-bottom: 10px; 4802 } 4803 4804 /* ÐоÑÑекÑиÑÑем Ð¿Ð¾Ð»Ñ ÑоÑÐ¼Ñ */ 4805 .contact-overlay-form input, 4806 .contact-overlay-form textarea { 4807 font-size: 16px; /* â ÐенÑÑе ÑÑиÑÑ */ 4808 padding: 10px; 4809 } 4810 4811 /* ÐоÑÑекÑиÑÑем каÑÑÑ */ 4812 .contact-overlay-map { 4813 width: 100%; 4814 height: 250px; /* â УменÑÑаем вÑÑоÑÑ ÐºÐ°ÑÑÑ */ 4815 } 4816 4817 /* ФикÑиÑÑем ÐºÐ½Ð¾Ð¿ÐºÑ */ 4818 .contact-form-button-wrapper { 4819 text-align: center; 4820 margin-top: 15px; 4821 } 4822 4823 /* ÐоÑÑекÑиÑÑем ÐºÐ½Ð¾Ð¿ÐºÑ */ 4824 .contact-overlay-form [type="submit"] { 4825 font-size: 18px; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе ÑÑиÑÑ */ 4826 padding: 14px 28px; 4827 border-radius: 10px; 4828 } 4829} 4830 4831 4832 4833 4834 4835/* ERP BIMP PAGE */ 4836 4837.erp-service { 4838 padding: 60px 0; 4839 background-color: #f9f9f9; 4840} 4841 4842.erp-service h2 { 4843 text-align: left; 4844 margin-bottom: 40px; 4845 font-size: 32px; 4846 font-weight: 700; 4847} 4848 4849.erp-service__items { 4850 display: flex; 4851 gap: 30px; 4852 justify-content: space-between; 4853 flex-wrap: wrap; 4854} 4855 4856.erp-service__item { 4857 flex: 1 1 calc(33.333% - 30px); 4858 background: #fff; 4859 border-radius: 20px; 4860 padding: 30px 20px; 4861 display: flex; 4862 flex-direction: column; 4863 align-items: flex-start; 4864 text-align: left; 4865 box-shadow: 0 4px 12px rgba(0,0,0,0.05); 4866 opacity: 0; 4867 transform: translateY(20px); 4868 transition: opacity 0.6s ease, transform 0.3s ease; 4869} 4870 4871/* Ðлавное поÑвление */ 4872.erp-service__item.visible { 4873 opacity: 1; 4874 transform: translateY(0); 4875} 4876
4877/* ХовеÑ-ÑÑÑÐµÐºÑ */ 4878.erp-service__item:hover { 4879 transform: translateY(-5px); 4880} 4881 4882.erp-service__icon img { 4883 width: 40px; 4884 height: 40px; 4885 margin-bottom: 20px; 4886} 4887 4888.erp-service__item h3 { 4889 margin: 0 0 15px; 4890 font-size: 20px; 4891 font-weight: 600; 4892} 4893 4894.erp-service__item p { 4895 margin: 0; 4896 line-height: 1.6; 4897 color: #444; 4898} 4899 4900/* Ðнопка CTA */ 4901.erp-service__cta { 4902 text-align: center; 4903 margin-top: 40px; 4904} 4905 4906.erp-service__cta a { 4907 display: inline-block; 4908 background-color: #f4c04e; 4909 color: #000; 4910 padding: 12px 30px; 4911 border-radius: 30px; 4912 text-decoration: none; 4913 font-weight: 600; 4914 transition: background-color 0.3s ease; 4915} 4916 4917.erp-service__cta a:hover { 4918 background-color: #e6b53d; 4919} 4920 4921/* ÐдапÑив */ 4922@media (max-width: 992px) { 4923 .erp-service__item { 4924 flex: 1 1 100%; 4925 } 4926} 4927.additional-services { 4928 position: relative; 4929 overflow: hidden; 4930 padding: 100px 0; 4931 background-color: #fff; 4932 z-index: 1; 4933} 4934 4935/* ФигÑÑÑ */ 4936.additional-services::before { 4937 content: ''; 4938 position: absolute; 4939 top: -200px; 4940 left: -150px; 4941 width: 600px; 4942 height: 600px; 4943 background: linear-gradient(135deg, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 4944 clip-path: polygon(0% 0%, 100% 20%, 80% 80%, 10% 100%); 4945 transform: rotate(15deg); 4946 opacity: 0.25; 4947 filter: blur(25px); 4948 z-index: -1; 4949} 4950 4951.additional-services::after { 4952 content: ''; 4953 position: absolute; 4954 bottom: -150px; 4955 right: -200px; 4956 width: 700px; 4957 height: 700px; 4958 background: radial-gradient(circle at center, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 4959 clip-path: ellipse(60% 40% at 50% 50%); 4960 opacity: 0.25; 4961 filter: blur(25px); 4962 z-index: -1; 4963} 4964 4965.background-shape { 4966 position: absolute; 4967 top: 30%; 4968 left: 50%; 4969 width: 800px; 4970 height: 800px; 4971 background: linear-gradient(225deg, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 4972 clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 80%); 4973 transform: translate(-50%, -50%) rotate(-10deg); 4974 opacity: 0.2; 4975 filter: blur(20px); 4976 z-index: -1; 4977} 4978 4979/* ÐонÑейнеÑÑ */ 4980.additional-services__wrapper { 4981 display: flex; 4982 justify-content: space-between; 4983 align-items: flex-start; 4984 gap: 40px; 4985 flex-wrap: wrap; 4986} 4987 4988/* ÐÐµÐ²Ð°Ñ ÑаÑÑÑ */ 4989.additional-services__left { 4990 flex: 0 0 35%; 4991} 4992 4993.additional-services__left h2 { 4994 font-size: 32px; 4995 font-weight: 700; 4996 margin-bottom: 20px; 4997 color: #000; 4998} 4999 5000.additional-services__left p { 5001 color: #444; 5002 line-height: 1.6; 5003} 5004 5005.additional-services__left a.btn { 5006 display: inline-block; 5007 background-color: #EBC277; 5008 color: #000; 5009 padding: 14px 30px; 5010 border-radius: 50px; 5011 margin-top: 25px; 5012 font-weight: 600; 5013 text-decoration: none; 5014 transition: background-color 0.3s ease, transform 0.3s ease; 5015} 5016 5017.additional-services__left a.btn:hover { 5018 background-color: #d8a84d; 5019 transform: translateY(-2px); 5020} 5021 5022/* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ */ 5023.additional-services__right { 5024 flex: 0 0 60%; 5025} 5026 5027.additional-services__cards { 5028 display: grid; 5029 grid-template-columns: repeat(2, 47%); 5030 gap: 25px; 5031} 5032 5033/* ÐаÑÑоÑки */ 5034.additional-services__card { 5035 position: relative; 5036 background: #fff; 5037 padding: 25px 20px; 5038 border-radius: 20px; 5039 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); 5040 display: flex; 5041 flex-direction: column; 5042 align-items: flex-start; 5043 text-align: left; 5044 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1); 5045 overflow: hidden; 5046} 5047 5048/* ÐеÑенка */ 5049.additional-services__card:nth-child(1) { transform: translateY(0); } 5050.additional-services__card:nth-child(2) { transform: translateY(20px); } 5051.additional-services__card:nth-child(3) { transform: translateY(-10px) translateX(10px); } 5052.additional-services__card:nth-child(4) { transform: translateY(25px) translateX(10px); } 5053 5054/* Ð¥Ð¾Ð²ÐµÑ */ 5055.additional-services__card:hover { 5056 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); 5057 transform: scale(1.02); 5058} 5059 5060/* ÐнимаÑÐ¸Ñ Ð»Ð¸Ð½Ð¸Ð¸ */ 5061.additional-services__card::after { 5062 content: ''; 5063 position: absolute; 5064 bottom: 0; 5065 left: 0; 5066 height: 3px; 5067 width: 0; 5068 background-color: #EBC277; 5069 transition: width 0.4s ease; 5070} 5071 5072.additional-services__card:hover::after { 5073 width: 100%; 5074} 5075 5076/* Ðконки */ 5077.additional-services__icon { 5078 width: 60px; 5079 height: 60px; 5080 background-color: #EBC277; 5081 border-radius: 50%; 5082 display: flex; 5083 align-items: center; 5084 justify-content: center; 5085 margin-bottom: 15px; 5086} 5087 5088.additional-services__icon img { 5089 width: 30px; 5090 height: 30px; 5091 object-fit: contain; 5092 filter: brightness(0) saturate(100%) invert(0) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%); 5093} 5094 5095/* Ðаголовок каÑÑоÑки */ 5096.additional-services__card h3 { 5097 font-size: 18px; 5098 margin: 0 0 10px; 5099 font-weight: 700; 5100 color: #000; 5101} 5102 5103/* ТекÑÑ ÐºÐ°ÑÑоÑки */ 5104.additional-services__card p { 5105 margin: 0; 5106 color: #444; 5107 line-height: 1.6; 5108} 5109 5110/* ÐдапÑив */ 5111@media (max-width: 992px) { 5112 .additional-services__wrapper { 5113 flex-direction: column; 5114 } 5115 5116 .additional-services__right { 5117 width: 100%; 5118 } 5119 5120 .additional-services__cards { 5121 grid-template-columns: 1fr; 5122 } 5123 5124 .additional-services__card { 5125 margin: 0 !important; 5126 } 5127} 5128 5129@media (max-width: 768px) { 5130 .additional-services__wrapper { 5131 flex-direction: column; 5132 gap: 30px; 5133 } 5134 5135 .additional-services__left, 5136 .additional-services__right { 5137 flex: 0 0 100%; 5138 width: 100%; 5139 } 5140 5141 .additional-services__cards { 5142 grid-template-columns: 1fr; /* одна колонка */ 5143 gap: 20px; 5144 } 5145 5146 .additional-services__card { 5147 transform: none !important; /* ÑбиÑаем леÑÐµÐ½ÐºÑ */ 5148 margin: 0 auto; 5149 max-width: 100%; 5150 } 5151} 5152 5153 5154.bimp-video-section { 5155 padding: 100px 0; 5156} 5157 5158.bimp-video-wrapper { 5159 display: flex; 5160 align-items: center; 5161 justify-content: space-between; 5162 gap: 50px; 5163 flex-wrap: wrap; 5164} 5165 5166.bimp-video-block { 5167 flex: 0 0 50%; 5168} 5169 5170 5171 5172.bimp-video-frame { 5173 position: relative; 5174 padding-bottom: 56.25%; 5175 height: 0; 5176 overflow: hidden; 5177 border-radius: 20px; 5178 box-shadow: 0 10px 25px rgba(0,0,0,0.1); 5179} 5180 5181.bimp-video-frame iframe { 5182 position: absolute; 5183 top: 0; 5184 left: 0; 5185 width: 100%; 5186 height: 100%; 5187} 5188 5189 5190.bimp-video-content { 5191 flex: 0 0 45%; 5192} 5193 5194.bimp-video-content h2 { 5195 font-size: 30px; 5196 margin-bottom: 20px; 5197 color: #000; 5198} 5199 5200.bimp-video-content p { 5201 margin-bottom: 20px; 5202 color: #444; 5203 line-height: 1.6; 5204} 5205 5206.bimp-video-btn { 5207 display: inline-block; 5208 background-color: #EBC277; 5209 color: #000; 5210 padding: 14px 30px; 5211 border-radius: 50px; 5212 font-weight: 600; 5213 text-decoration: none; 5214 transition: background-color 0.3s ease; 5215} 5216 5217.bimp-video-btn:hover { 5218 background-color: #d8a84d; 5219} 5220 5221@media (max-width: 768px) { 5222 .bimp-video-wrapper { 5223 flex-direction: column; 5224 } 5225 5226 .bimp-video-block, 5227 .bimp-video-content { 5228 flex: 0 0 100%; 5229 width: 100%; 5230 } 5231} 5232 5233/* ÐаÑалÑÐ½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 5234.bimp-video-block { 5235 opacity: 0; 5236 transform: translateY(30px); 5237 animation: fadeSlideIn 1s ease forwards; 5238 animation-delay: 0.3s; 5239} 5240 5241/* Хов ÑÑÑÐµÐºÑ */ 5242.bimp-video-frame { 5243 transition: transform 0.5s ease, box-shadow 0.5s ease; 5244 border-radius: 20px; 5245 box-shadow: 0 10px 25px rgba(0,0,0,0.1); 5246} 5247 5248.bimp-video-frame:hover { 5249 transform: scale(1.03); 5250 box-shadow: 0 15px 35px rgba(0,0,0,0.15); 5251} 5252 5253/* ÐлÑÑевÑе кадÑÑ Ð´Ð»Ñ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 5254@keyframes fadeSlideIn { 5255 0% { 5256 opacity: 0; 5257 transform: translateY(30px); 5258 } 5259 100% { 5260 opacity: 1; 5261 transform: translateY(0); 5262 } 5263} 5264 5265 5266/* ÐеÑÐ²Ð°Ñ Ð±Ð¾Ð»ÑÑÐ°Ñ ÑигÑÑа */ 5267.bimp-video-block::before { 5268 content: ""; 5269 position: absolute; 5270 top: -40px; 5271 left: -60px; 5272 width: 160%; 5273 height: 160%; 5274 background: radial-gradient(circle at 30% 30%, rgba(235, 194, 119, 0.25), transparent 70%); 5275 z-index: ; 5276 border-radius: 50%; 5277 transform: rotate(25deg); 5278 filter: blur(20px); 5279 transition: all 1s ease; 5280} 5281 5282/* ÐÑоÑÐ°Ñ Ð½ÐµÐ±Ð¾Ð»ÑÑÐ°Ñ ÑигÑÑа */ 5283.bimp-video-block::after { 5284 content: ""; 5285 position: absolute; 5286 bottom: -30px; 5287 right: -50px; 5288 width: 120%; 5289 height: 120%; 5290 background: radial-gradient(circle at 70% 70%, rgba(235, 194, 119, 0.2), transparent 60%); 5291 z-index: -2; 5292 border-radius: 50%; 5293 transform: rotate(-15deg); 5294 filter: blur(15px); 5295 transition: all 1s ease; 5296} 5297 5298.bimp-video-block::before { 5299 width: 120%; 5300 height: 120%; 5301 top: -20px; 5302 left: -30px; 5303} 5304 5305.bimp-video-block::after { 5306 width: 100%; 5307 height: 100%; 5308 bottom: -80px; 5309 right: -80px; 5310} 5311 5312 5313 5314.bimp-steps { 5315 padding: 80px 0; 5316 background-color: #f9f9f9;
5316 /* СвеÑло-ÑеÑÑй Ñон */ 5317 position: relative; 5318} 5319 5320.bimp-steps h2 { 5321 text-align: left; 5322 margin-bottom: 80px; 5323 font-size: 48px; 5324 font-weight: 700; 5325} 5326 5327.bimp-steps__wrapper { 5328 display: flex; 5329 justify-content: space-between; 5330 align-items: flex-start; 5331 flex-wrap: nowrap; 5332 position: relative; 5333} 5334 5335.bimp-step__item { 5336 width: 22%; 5337 text-align: center; 5338 display: flex; 5339 flex-direction: column; 5340 align-items: center; 5341 position: relative; 5342} 5343 5344.bimp-step__circle { 5345 width: 100px; 5346 height: 100px; 5347 background-color: #EBC277; 5348 border-radius: 50%; 5349 display: flex; 5350 justify-content: center; 5351 align-items: center; 5352 font-size: 32px; 5353 font-weight: 700; 5354 color: #000; 5355 margin-bottom: 20px; 5356 position: relative; 5357 z-index: 2; 5358} 5359 5360/* Ðинии */ 5361.bimp-step__item:not(:last-child)::after { 5362 content: ""; 5363 position: absolute; 5364 top: 50px; /* ÐÑÑоÑа кÑÑга / 2 */ 5365 left: 100%; 5366 width: 60px; 5367 height: 2px; 5368 background-color: #ccc; 5369 z-index: 1; 5370} 5371 5372/* Ðаголовок и ÑекÑÑ */ 5373.bimp-step__item h3 { 5374 font-size: 20px; 5375 font-weight: 700; 5376 margin-bottom: 10px; 5377} 5378 5379.bimp-step__item p { 5380 font-size: 16px; 5381 line-height: 1.5; 5382 color: #333; 5383 max-width: 230px; 5384} 5385 5386/* ÐдапÑив */ 5387@media(max-width: 991px) { 5388 .bimp-steps__wrapper { 5389 flex-wrap: wrap; 5390 justify-content: center; 5391 gap: 40px; 5392 } 5393 5394 .bimp-step__item { 5395 width: 45%; 5396 } 5397 5398 .bimp-step__item::after { 5399 display: none; 5400 } 5401 5402 .bimp-steps h2 { 5403 text-align: center; 5404 } 5405} 5406 5407@media(max-width: 575px) { 5408 .bimp-step__item { 5409 width: 100%; 5410 } 5411 5412 .bimp-steps h2 { 5413 font-size: 36px; 5414 } 5415} 5416 5417 5418/* === ÐÐЩÐЯ ÐÐÐРТÐÐ === */ 5419.erp-case-section { 5420 padding: 100px 0; 5421 background-color: #f4f4f4; 5422} 5423 5424.erp-case-heading { 5425 margin-bottom: 50px; 5426 text-align: left; 5427} 5428 5429.erp-case-heading h2 { 5430 font-size: 40px; 5431 font-weight: 800; 5432 color: #222; 5433 margin-bottom: 12px; 5434} 5435 5436.erp-case-heading-line { 5437 width: 150px; 5438 height: 4px; 5439 background: linear-gradient(90deg, #EBC277, #EBC277); 5440 border-radius: 2px; 5441} 5442 5443/* === СÐÐÐÐÐÐ === */ 5444.erp-case-slider .slick-slide { 5445 opacity: 0.3; 5446 transform: scale(0.94); 5447 transition: all 0.4s ease; 5448 pointer-events: none; 5449 padding: 10px; 5450} 5451 5452.erp-case-slider .slick-center { 5453 opacity: 1; 5454 transform: scale(1); 5455 pointer-events: auto; 5456 z-index: 2; 5457} 5458 5459/* СÑÑелки */ 5460.erp-case-slider .slick-arrow { 5461 position: absolute; 5462 top: 50%; 5463 transform: translateY(-50%); 5464 background: #EBC277; 5465 color: #000; 5466 border: none; 5467 width: 48px; 5468 height: 48px; 5469 border-radius: 50%; 5470 z-index: 10; 5471 cursor: pointer; 5472 font-size: 20px; 5473 display: flex; 5474 justify-content: center; 5475 align-items: center; 5476 transition: 0.3s ease; 5477 padding: 0; 5478} 5479 5480.erp-case-slider .slick-prev { 5481 left: -50px; 5482} 5483 5484.erp-case-slider .slick-next { 5485 right: -50px; 5486} 5487 5488.erp-case-slider .slick-arrow:hover { 5489 background: #dec067; 5490} 5491 5492/* === ÐÐРТÐЧÐÐ === */ 5493.erp-case-wrapper { 5494 position: relative; 5495 background-color: #fff; 5496 border-radius: 20px; 5497 overflow: hidden; 5498 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); 5499 display: flex; 5500 flex-direction: row; 5501 align-items: stretch; 5502 transition: transform 0.3s ease, box-shadow 0.3s ease; 5503 z-index: 1; 5504} 5505 5506.erp-case-wrapper:hover { 5507 transform: translateY(-5px); 5508 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); 5509} 5510 5511.erp-case-side-bar { 5512 width: 8px; 5513 background: linear-gradient(180deg, #EBC277, #EBC277); 5514} 5515 5516.erp-case-inner { 5517 display: flex; 5518 justify-content: space-between; 5519 align-items: center; 5520 padding: 30px; 5521 flex-wrap: wrap; 5522 width: 100%; 5523 position: relative; 5524 z-index: 2; 5525} 5526 5527.erp-case-content { 5528 flex: 1 1 60%; 5529} 5530 5531/* === ТÐÐСТ â ÑиÑаемоÑÑÑ, ÑÑÑкоÑÑÑ === */ 5532.erp-case-title { 5533 font-size: 36px; 5534 font-weight: 800; 5535 margin-bottom: 25px; 5536 color: #1c1c1c; 5537 text-shadow: 0 1px 2px rgba(0,0,0,0.1); 5538} 5539 5540.erp-case-description { 5541 font-size: 18px; 5542 margin-bottom: 30px; 5543 color: #333; 5544 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5545} 5546 5547.erp-case-details h4 { 5548 font-size: 25px; 5549 margin: 20px 0 10px; 5550 color: #EBC277; 5551 font-weight: 700; 5552 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5553} 5554 5555.erp-case-details p { 5556 font-size: 16px; 5557 color: #333; 5558 line-height: 1.7; 5559 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5560} 5561 5562/* === ФÐÐÐÐЫРÐÐÐÐТÐÐ â ÑолÑко пÑавÑй === */ 5563.erp-case-logo { 5564 position: absolute; 5565 top: 0; 5566 left: 0; 5567 width: 100%; 5568 height: 100%; 5569 pointer-events: none; 5570 z-index: 1; 5571} 5572 5573.erp-case-logo-inner { 5574 position: relative; 5575 width: 100%; 5576 height: 100%; 5577} 5578 5579.erp-logo-right { 5580 position: absolute; 5581 opacity: 0.1; 5582 object-fit: contain; 5583 z-index: 1; 5584 pointer-events: none; 5585 border-radius: 50%; 5586 overflow: hidden; 5587 5588 width: 400px; 5589 height: 400px; 5590 right: 5%; 5591 top: 50%; 5592 transform: translateY(-50%); 5593} 5594 5595/* === ÐÐÐÐТÐÐ === */ 5596@media (max-width: 1024px) { 5597 .erp-case-inner { 5598 flex-direction: column; 5599 align-items: flex-start; 5600 } 5601 5602 .erp-case-content { 5603 flex: 1 1 100%; 5604 margin-bottom: 20px; 5605 } 5606 5607 .erp-case-slider .slick-prev { 5608 left: -30px; 5609 } 5610 5611 .erp-case-slider .slick-next { 5612 right: -30px; 5613 } 5614 5615 /* УбиÑаем заÑемнение на планÑеÑÐ°Ñ */ 5616 .erp-case-slider .slick-slide { 5617 opacity: 1 !important; 5618 transform: scale(1) !important; 5619 pointer-events: auto; 5620 } 5621} 5622 5623@media (max-width: 768px) { 5624 .erp-case-title { 5625 font-size: 28px; 5626 } 5627 5628 .erp-case-heading h2 { 5629 font-size: 32px; 5630 } 5631 5632 .erp-case-description { 5633 font-size: 16px; 5634 } 5635 5636 .erp-case-details h4 { 5637 font-size: 20px; 5638 } 5639 5640 .erp-case-details p { 5641 font-size: 14px; 5642 } 5643 5644 .erp-logo-right { 5645 width: 260px; 5646 height: 260px; 5647 top: 50%; 5648 } 5649 5650 /* Рна Ð¼Ð¾Ð±Ð¸Ð»ÐºÐ°Ñ Ñоже */ 5651 .erp-case-slider .slick-slide { 5652 opacity: 1 !important; 5653 transform: scale(1) !important; 5654 pointer-events: auto; 5655 } 5656} 5657 5658 5659 5660/* ======= ÐбÑÐ°Ñ ÑÑилизаÑÐ¸Ñ ÑекÑии FAQ ======= */ 5661 5662.erp-faq-section { 5663 padding: 100px 0; 5664 background: linear-gradient(90deg, #fff 60%, #f9f9f9 100%); 5665 position: relative; 5666} 5667 5668.erp-faq-title { 5669 font-size: 38px; 5670 font-weight: 800; 5671 color: #222; 5672 margin-bottom: 20px; 5673 position: relative; 5674} 5675 5676.erp-faq-title::after { 5677 content: ''; 5678 display: block; 5679 width: 80px; 5680 height: 4px; 5681 background: #EBC277; 5682 margin-top: 12px; 5683 border-radius: 2px; 5684} 5685 5686.erp-faq-description { 5687 font-size: 18px; 5688 color: #555; 5689 max-width: 700px; 5690 margin-bottom: 50px; 5691 line-height: 1.6; 5692} 5693 5694.accordion-wrapper { 5695 display: flex; 5696 position: relative;
5697 align-items: stretch; 5698} 5699 5700.faq-content { 5701 flex: 1 1 85%; 5702 max-width: 95%; 5703} 5704 5705.erp-faq-label { 5706 flex: 1 1 15%; 5707 display: flex; 5708 align-items: center; 5709 justify-content: center; 5710 writing-mode: vertical-rl; 5711 transform: rotate(180deg); 5712 font-size: 156px; 5713 font-weight: 800; 5714 color: #000; 5715 margin-left: -20px; 5716 letter-spacing: 10px; 5717 opacity: 0.; 5718} 5719 5720/* ======= ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÐºÐ¸ ======= */ 5721@media (max-width: 768px) { 5722 .accordion-wrapper { 5723 flex-direction: column; 5724 } 5725 5726 .faq-content { 5727 max-width: 100%; 5728 } 5729 5730 .erp-faq-label { 5731 display: none; /* СкÑÑваем надпиÑÑ FAQ */ 5732 } 5733 5734 .erp-faq-title { 5735 font-size: 28px; 5736 } 5737 5738 .erp-faq-description { 5739 font-size: 16px; 5740 } 5741} 5742 5743 5744/* СекÑÐ¸Ñ */ 5745.erp-faq-cta-block { 5746 background-color: #3c3c3c; 5747 padding: 60px 0; 5748} 5749 5750/* ÐнÑÑÑеннÑÑ Ð¾Ð±ÐµÑÑка */ 5751.erp-faq-cta-inner { 5752 display: flex; 5753 justify-content: space-between; 5754 align-items: center; 5755 flex-wrap: wrap; 5756} 5757 5758/* ТекÑÑ */ 5759.erp-faq-cta-text { 5760 color: #EBC277; 5761 font-size: 36px; 5762 font-weight: 700; 5763 max-width: 60%; 5764 line-height: 1.4; 5765} 5766 5767/* Ðнопка */ 5768.erp-faq-cta-button { 5769 display: flex; 5770 align-items: center; 5771 justify-content: center; 5772 max-width: 40%; 5773 margin-top: 20px; 5774} 5775 5776/* ÐÑÑг */ 5777.erp-faq-cta-circle { 5778 display: flex; 5779 align-items: center; 5780 justify-content: center; 5781 background-color: #EBC277; 5782 width: 100px; 5783 height: 100px; 5784 border-radius: 50%; 5785 text-decoration: none; 5786 position: relative; 5787 overflow: hidden; 5788} 5789 5790/* СÑÑелка */ 5791.erp-faq-cta-circle .arrow { 5792 display: block; 5793 color: #3c3c3c; 5794 font-weight: bold; 5795 font-size: 64px; 5796 transition: margin-left 0.3s ease; 5797 margin-left: 0; 5798} 5799 5800/* Ð¥Ð¾Ð²ÐµÑ */ 5801.erp-faq-cta-circle:hover .arrow { 5802 margin-left: 22px; 5803} 5804 5805 5806.erp-intro { 5807 padding: 60px 0; 5808} 5809 5810.erp-intro__wrapper { 5811 display: flex; 5812 flex-wrap: wrap; 5813 align-items: flex-start; 5814 justify-content: space-between; 5815 gap: 40px; 5816} 5817 5818.erp-intro__content { 5819 flex: 1 1 50%; 5820 max-width: 700px; 5821 display: flex; 5822 flex-direction: column; 5823 align-items: flex-start; 5824} 5825 5826.erp-intro__content h1 { 5827 margin-bottom: 20px; 5828 text-align: left; 5829 font-size: 65px; 5830 font-weight: 500; /* ÑÑало легÑе */ 5831 line-height: 1.2; 5832 font-family: 'Manrope', sans-serif; 5833} 5834 5835.erp-intro__subtitle { 5836 margin-bottom: 20px; 5837 font-weight: 400; 5838 font-size: 22px; 5839 color: #444; 5840 text-align: left; 5841 font-family: 'Manrope', sans-serif; 5842} 5843 5844.erp-intro__text { 5845 margin-bottom: 25px; 5846 font-size: 18px; 5847 line-height: 1.6; 5848 text-align: left; 5849 font-family: 'Manrope', sans-serif; 5850} 5851 5852.erp-intro__button { 5853 background: #EBC277; 5854 color: #282B2A; 5855 font-size: 20px; 5856 font-family: 'Manrope', sans-serif; 5857 padding: 17px 110px; 5858 border-radius: 30px; 5859 display: inline-block; 5860 text-decoration: none; 5861 transition: 0.3s ease; 5862 font-weight: 500; 5863} 5864 5865.erp-intro__button:hover { 5866 background: #e3b85a; 5867} 5868 5869.erp-intro__video-wrapper { 5870 flex: 1 1 45%; 5871 display: flex; 5872 align-items: flex-start; 5873 justify-content: flex-end; 5874} 5875 5876.erp-intro__video { 5877 width: 100%; 5878 aspect-ratio: 16 / 9; 5879 border-radius: 16px; 5880 overflow: hidden; 5881 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); 5882} 5883 5884.erp-intro__video iframe { 5885 width: 100%; 5886 height: 100%; 5887 display: block; 5888 border: 0; 5889} 5890 5891@media (max-width: 1024px) { 5892 .erp-intro__wrapper { 5893 flex-direction: column; 5894 align-items: flex-start; 5895 } 5896 5897 .erp-intro__content, 5898 .erp-intro__video-wrapper { 5899 flex: 1 1 100%; 5900 max-width: 100%; 5901 } 5902 5903 .erp-intro__video { 5904 width: 100%; 5905 min-height: 320px; 5906 aspect-ratio: 16 / 9; 5907 } 5908 5909 .erp-intro__video iframe { 5910 width: 100%; 5911 height: 100%; 5912 } 5913} 5914 5915 5916@media (max-width: 768px) { 5917 .erp-intro__content h1 { 5918 font-size: 42px; 5919 } 5920 5921 .erp-intro__subtitle { 5922 font-size: 18px; 5923 } 5924 5925 .erp-intro__text { 5926 font-size: 16px; 5927 } 5928 5929 .erp-intro__button { 5930 width: 100%; 5931 padding: 17px 0; 5932 text-align: center; 5933 } 5934} 5935 5936.intro::before { 5937 background: none !important; 5938} 5939 5940.intro__left h1 { 5941 text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 5942} 5943 5944/* --- Ðовний ÑÑналÑний набÑÑ ÑÑилÑв Ð´Ð»Ñ HERO-Ð±Ð»Ð¾ÐºÑ --- */ 5945 5946.micro-hero { 5947 background-size: cover; 5948 background-position: center; 5949 height: 80vh; 5950 min-height: 600px; 5951 display: flex; 5952 align-items: center; 5953 position: relative; 5954 color: #fff; 5955 overflow: hidden; 5956 z-index: 1; 5957} 5958 5959/* ÐÑадÑÑнÑна пÑдкладка */ 5960.micro-hero::before { 5961 content: ''; 5962 position: absolute; 5963 inset: 0; 5964 background: linear-gradient(to right, rgba(10,10,10,0.85), rgba(10,10,10,0.6)); 5965 z-index: 1; 5966} 5967 5968/* ÐнÑмований Ñон â ÑÐµÐ¿Ð»Ñ Ð¿Ð»Ñми */ 5969.animated-bg { 5970 position: absolute; 5971 width: 100%; 5972 height: 100%; 5973 background: radial-gradient(circle at 25% 30%, rgba(235,194,119,0.15), transparent 40%), 5974 radial-gradient(circle at 75% 70%, rgba(235,194,119,0.08), transparent 30%); 5975 animation: float-bg 18s linear infinite; 5976 z-index: 0; 5977} 5978 5979@keyframes float-bg { 5980 0%, 100% { background-position: 25% 30%, 75% 70%; } 5981 50% { background-position: 27% 33%, 73% 68%; } 5982} 5983 5984/* ÐовÑлÑно обеÑÑаÑÑÑÑÑ ÐµÐ»ÐµÐ¼ÐµÐ½Ñ */ 5985.hero-orb { 5986 position: absolute; 5987 width: 300px; 5988 height: 300px; 5989 border-radius: 50%; 5990 background: rgba(255,255,255,0.03); 5991 top: 10%; 5992 right: -100px; 5993 animation: rotate-orb 40s linear infinite; 5994 z-index: 0; 5995} 5996 5997@keyframes rotate-orb { 5998 from { transform: rotate(0deg); } 5999 to { transform: rotate(360deg); } 6000} 6001 6002.hero-content { 6003 display: flex; 6004 justify-content: space-between; 6005 align-items: center; 6006 max-width: 1200px; 6007 margin: 0 auto; 6008 padding: 0 20px; 6009 width: 100%; 6010 position: relative; 6011 z-index: 2; 6012} 6013 6014/* --- ÐÐ½Ð¾Ð²Ð»ÐµÐ½Ñ ÑÑÐ¸Ð»Ñ Ð¢ÐÐЬÐÐ Ð´Ð»Ñ ÑекÑÑового Ð±Ð»Ð¾ÐºÑ (виÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑаÑ) --- */ 6015 6016.hero-text { 6017 flex: 1 1 55%; 6018 text-align: left; /* ÐÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6019 display: flex; 6020 flex-direction: column; 6021 align-items: flex-start; /* ÐÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6022 padding-right: 30px;
6023} 6024 6025.hero-eyebrow { 6026 font-size: 14px; 6027 font-weight: 600; 6028 color: #EBC277 !important; /* ÐÑÑановлено Ð²Ð°Ñ ÐºÐ¾Ð»ÑÑ */ 6029 text-transform: uppercase; 6030 letter-spacing: 1px; 6031 margin-bottom: 15px; 6032 animation: fadeInUp 0.5s ease forwards; 6033 opacity: 0; 6034} 6035 6036.hero-text h1 { 6037 font-size: 52px; 6038 color: #FFFFFF; 6039 margin-bottom: 20px; 6040 animation: fadeInUp 0.6s ease forwards; 6041} 6042 6043.hero-text p { 6044 font-size: 20px; 6045 color: #f0f0f0; 6046 margin-bottom: 35px; 6047 max-width: 600px; 6048 animation: fadeInUp 0.9s ease forwards; 6049 opacity: 0; 6050} 6051 6052.hero-text .btn { 6053 background-color: #EBC277; 6054 color: #111; 6055 padding: 14px 36px; 6056 border-radius: 50px; 6057 font-weight: 600; 6058 font-size: 16px; 6059 text-decoration: none; 6060 animation: fadeInUp 1.3s ease forwards; 6061 opacity: 0; 6062 transition: all 0.3s ease; 6063 display: inline-block; 6064} 6065 6066.hero-text .btn:hover { 6067 background-color: #fff3dc; 6068 color: #000; 6069 transform: translateY(-2px); 6070} 6071/* ------------------------------------------- */ 6072 6073.hero-media { 6074 flex: 1 1 40%; 6075 text-align: right; 6076} 6077 6078.hero-media img { 6079 max-width: 140%; 6080 transform: scale(1.1); 6081 filter: drop-shadow(0 0 25px rgba(0,0,0,0.4)); 6082} 6083 6084.scroll-down { 6085 position: absolute; 6086 bottom: 20px; 6087 left: 50%; 6088 transform: translateX(-50%); 6089 z-index: 3; 6090 width: 30px; 6091 height: 50px; 6092 border: 2px solid #EBC277; 6093 border-radius: 25px; 6094 display: flex; 6095 align-items: flex-start; 6096 justify-content: center; 6097 text-decoration: none; 6098 opacity: 0.85; 6099} 6100 6101.scroll-down span { 6102 width: 6px; 6103 height: 6px; 6104 background: #EBC277; 6105 border-radius: 50%; 6106 margin-top: 8px; 6107 animation: scrollAnim 2s infinite; 6108} 6109 6110@keyframes scrollAnim { 6111 0% { transform: translateY(0); opacity: 1; } 6112 100% { transform: translateY(20px); opacity: 0; } 6113} 6114 6115@keyframes fadeInUp { 6116 0% { opacity: 0; transform: translateY(20px); } 6117 100% { opacity: 1; transform: translateY(0); } 6118} 6119 6120/* ÐдапÑив */ 6121@media screen and (max-width: 768px) { 6122 .hero-content { 6123 flex-direction: column; 6124 text-align: center; 6125 } 6126 6127 .hero-text { 6128 flex: 1 1 100%; 6129 padding-right: 0; /* ÐÑибиÑаÑмо вÑдÑÑÑп на мобÑлÑÐ½Ð¸Ñ */ 6130 } 6131 6132 .hero-media { 6133 display: none; 6134 } 6135 6136 .micro-hero { 6137 height: auto; 6138 padding: 100px 0; 6139 } 6140 6141 .hero-text h1 { 6142 font-size: 36px; 6143 } 6144 6145 .hero-text p { 6146 font-size: 18px; 6147 } 6148 6149 .scroll-down { 6150 bottom: 10px; 6151 } 6152} 6153 6154 6155/* --- СекÑÑÑ "Що вклÑÑаÑ" --- */ 6156 6157/* --- СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÑв Ð±Ð»Ð¾ÐºÑ "Що вклÑÑаÑ" --- */ 6158 6159.erp-includes-header { 6160 margin-bottom: 40px; /* ÐÑдÑÑÑп вÑд заголовкÑв до ÑпиÑÐºÑ */ 6161} 6162 6163.erp-includes-header .eyebrow { 6164 display: block; 6165 margin-bottom: 10px; 6166 color: #EBC277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 6167 font-weight: 600; 6168 text-transform: uppercase; 6169 letter-spacing: 0.5px; 6170 font-size: 14px; 6171} 6172 6173/* ÐновлÑÑмо оÑновний заголовок, Ñоб пÑибÑаÑи вÑдÑÑÑп знизÑ, ÑкÑо Ñ Ð¿Ñдзаголовок */ 6174.erp-includes-text h2 { 6175 margin-bottom: 15px; 6176} 6177 6178.erp-includes-header .subtitle { 6179 font-size: 18px; 6180 color: #666; 6181 line-height: 1.7; 6182 margin-top: 0; 6183} 6184 6185.erp-includes-section { 6186 padding: 100px 20px; 6187 background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%); 6188 position: relative; 6189 overflow: hidden; 6190} 6191 6192.erp-includes-container { 6193 max-width: 1200px; 6194 margin: 0 auto; 6195} 6196 6197.erp-flex { 6198 display: flex; 6199 gap: 60px; 6200 flex-wrap: nowrap; 6201 align-items: center; 6202 justify-content: space-between; 6203} 6204 6205.erp-includes-text { 6206 flex: 0 0 55%; 6207 max-width: 55%; 6208} 6209 6210.erp-includes-text h2 { 6211 font-size: 32px; 6212 color: #111; 6213 margin-bottom: 30px; 6214 position: relative; 6215 line-height: 1.2; 6216} 6217 6218.erp-includes-text h2::after { 6219 content: ''; 6220 display: block; 6221 width: 60px; 6222 height: 4px; 6223 background-color: #EBC277; 6224 margin-top: 12px; 6225 border-radius: 2px; 6226} 6227 6228.erp-includes-grid { 6229 display: grid; 6230 grid-template-columns: 1fr; /* ÐÐÐÐÐÐÐ: 1 блок в ÑÑд */ 6231 gap: 20px; /* ÐеÑÑикалÑний вÑдÑÑÑп мÑж блоками */ 6232} 6233 6234.erp-includes-item { 6235 background: #fdfdfd;
6236 padding: 22px 26px; 6237 border-radius: 12px; 6238 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 6239 transition: transform 0.3s ease, box-shadow 0.3s ease; 6240} 6241 6242.erp-includes-item:hover { 6243 transform: translateY(-4px); 6244 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); 6245} 6246 6247.erp-includes-item h4 { 6248 font-size: 18px; 6249 font-weight: 600; 6250 color: #111; 6251 margin-bottom: 8px; 6252 line-height: 1.3; 6253} 6254 6255.erp-includes-item p { 6256 font-size: 16px; 6257 color: #555; 6258 line-height: 1.6; 6259 margin: 0; 6260} 6261 6262.erp-includes-image { 6263 flex: 0 0 40%; 6264 max-width: 40%; 6265 text-align: center; 6266} 6267 6268.erp-includes-image img { 6269 max-width: 100%; 6270 max-height: 500px; 6271 width: auto; 6272 height: auto; 6273 object-fit: contain; 6274 border-radius: 16px; 6275 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); 6276 transition: transform 0.3s ease; 6277} 6278 6279.erp-includes-image img:hover { 6280 transform: scale(1.03); 6281} 6282 6283/* --- ÐдапÑив --- */ 6284@media screen and (max-width: 992px) { 6285 .erp-flex { 6286 flex-direction: column; 6287 text-align: center; 6288 } 6289 6290 .erp-includes-text h2::after { 6291 margin-left: auto; 6292 margin-right: auto; 6293 } 6294 6295 .erp-includes-text, 6296 .erp-includes-image { 6297 flex: 1 1 100%; 6298 max-width: 100%; 6299 margin-bottom: 40px; 6300 } 6301} 6302.erp-for-section { 6303 padding: 100px 20px; 6304 background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%); 6305 position: relative; 6306 overflow: hidden; 6307} 6308 6309.erp-for-container { 6310 max-width: 1200px; 6311 margin: 0 auto; 6312} 6313 6314.erp-flex { 6315 display: flex; 6316 gap: 60px; 6317 flex-wrap: nowrap; 6318 align-items: center; 6319 justify-content: space-between; 6320} 6321 6322.erp-for-text { 6323 flex: 0 0 55%; 6324 max-width: 55%; 6325} 6326 6327.erp-for-text h2 { 6328 font-size: 32px; 6329 color: #111; 6330 margin-bottom: 30px; 6331 position: relative; 6332 line-height: 1.2; 6333} 6334 6335.erp-for-text h2::after { 6336 content: ''; 6337 display: block; 6338 width: 60px; 6339 height: 4px; 6340 background-color: #EBC277; 6341 margin-top: 12px; 6342 border-radius: 2px; 6343} 6344 6345.erp-for-grid { 6346 display: flex; 6347 flex-direction: column; 6348 gap: 20px; 6349} 6350 6351.erp-for-item { 6352 background: #f7f7f7; 6353 padding: 22px 26px; 6354 border-radius: 12px; 6355 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); 6356 transition: box-shadow 0.3s ease; 6357} 6358 6359.erp-for-item:hover { 6360 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); 6361} 6362 6363.erp-for-item h4 { 6364 font-size: 18px; 6365 font-weight: 600; 6366 color: #111; 6367 margin-bottom: 8px; 6368 line-height: 1.3; 6369} 6370 6371.erp-for-item p { 6372 font-size: 16px; 6373 color: #555; 6374 line-height: 1.6; 6375 margin: 0; 6376} 6377 6378.erp-for-image { 6379 flex: 0 0 40%; 6380 max-width: 40%; 6381 text-align: center; 6382} 6383 6384.erp-for-image img { 6385 max-width: 100%; 6386 max-height: 500px; 6387 object-fit: contain; 6388 border-radius: 16px; 6389 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); 6390 transition: transform 0.3s ease; 6391} 6392 6393.erp-for-image img:hover { 6394 transform: scale(1.03); 6395} 6396 6397/* ð± ÐдапÑив */ 6398@media screen and (max-width: 992px) { 6399 .erp-flex { 6400 flex-direction: column; 6401 text-align: center; 6402 } 6403 6404 .erp-for-text, 6405 .erp-for-image { 6406 flex: 1 1 100%; 6407 max-width: 100%; 6408 } 6409 6410 .erp-for-text h2::after { 6411 margin-left: auto; 6412 margin-right: auto; 6413 } 6414} 6415 6416 6417.erp-problems-section { 6418 padding: 60px 20px; 6419 background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%); 6420} 6421 6422.erp-problems-container { 6423 max-width: 1200px; 6424 margin: 0 auto; 6425} 6426 6427.erp-problems-container h2 { 6428 font-size: 32px; 6429 color: #111; 6430 margin-bottom: 30px; 6431 line-height: 1.2; 6432 position: relative; 6433 text-align: left; 6434} 6435 6436.erp-problems-container h2::after { 6437 content: ''; 6438 display: block; 6439 width: 60px; 6440 height: 4px; 6441 background-color: #EBC277; 6442 margin-top: 10px; 6443 border-radius: 2px; 6444} 6445 6446/* СÑÑка: 2 блоки звеÑÑ Ñ (50%), 3 Ð·Ð½Ð¸Ð·Ñ (33%) */ 6447.erp-problems-grid { 6448 display: flex; 6449 flex-wrap: wrap; 6450 gap: 20px; 6451} 6452 6453/* ÐагалÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð±Ð»Ð¾ÐºÑв */ 6454.erp-problem-item { 6455 background: #ffffff; 6456 padding: 22px 26px 22px 48px; 6457 border-left: 4px solid #EBC277; 6458 border-radius: 10px; 6459 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 6460 box-sizing: border-box; 6461 position: relative; 6462 transition: transform 0.3s ease, box-shadow 0.3s ease; 6463 min-height: 120px; 6464 display: flex; 6465 flex-direction: column; 6466 justify-content: center; 6467} 6468 6469/* âï¸ ÐÑÑжок */ 6470.erp-problem-item::before { 6471 content: "!"; 6472 position: absolute; 6473 top: 16px; 6474 left: 16px; 6475 width: 24px; 6476 height: 24px; 6477 line-height: 24px; 6478 background-color: #EBC277; 6479 color: #111; 6480 font-weight: bold; 6481 font-size: 14px; 6482 text-align: center; 6483 border-radius: 50%; 6484 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 6485} 6486 6487/* ÐÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 6488.erp-problem-item:hover { 6489 transform: translateY(-3px); 6490 box-shadow: 0 6px 12px rgba(0,0,0,0.08); 6491} 6492 6493/* ÐеÑÑÑ 2 блоки */ 6494.erp-problem-item:nth-child(-n+2) {
6495 flex: 1 1 calc(50% - 10px); 6496} 6497 6498/* ÐаÑÑÑÐ¿Ð½Ñ 3 блоки */ 6499.erp-problem-item:nth-child(n+3) { 6500 flex: 1 1 calc(33.333% - 13.33px); 6501} 6502 6503/* ТекÑÑ */ 6504.erp-problem-item p { 6505 font-size: 16px; 6506 color: #333; 6507 line-height: 1.6; 6508 margin: 0; 6509} 6510 6511.erp-problem-item p strong { 6512 display: block; 6513 margin-bottom: 6px; 6514} 6515 6516.erp-problem-desc { 6517 font-size: 14px; 6518 color: #777; 6519 line-height: 1.4; 6520 margin-top: 4px; 6521} 6522 6523/* ð± ÐдапÑив */ 6524@media screen and (max-width: 992px) { 6525 .erp-problem-item { 6526 flex: 1 1 100% !important; 6527 } 6528 6529 .erp-problems-container h2::after { 6530 margin-left: 0; 6531 } 6532} 6533 6534 6535.erp-problems-cta { 6536 text-align: left; 6537 margin-top: 50px; 6538} 6539 6540.btn.btn-small-cta { 6541 display: inline-block; 6542 background: #EBC277; 6543 color: #111; 6544 padding: 16px 50px; 6545 border-radius: 50px; 6546 font-size: 18px; 6547 font-weight: 600; 6548 text-decoration: none; 6549 transition: background 0.3s ease, transform 0.3s ease; 6550 min-width: 280px; /* ÐÑобимо ÑÑ ÑиÑÑÐ¾Ñ */ 6551 text-align: center; 6552} 6553 6554.btn.btn-small-cta:hover { 6555 background: #d6a84f; 6556 transform: scale(1.04); 6557} 6558 6559.erp-between-image { 6560 display: none; /* за замовÑÑваннÑм пÑÐ¸Ñ Ð¾Ð²Ð°Ð½Ð¾ */ 6561 width: 100%; 6562 margin: 40px 0; 6563 text-align: center; 6564} 6565 6566.erp-between-image img { 6567 max-width: 100%; 6568 height: auto; 6569 border-radius: 12px; 6570 box-shadow: 0 4px 20px rgba(0,0,0,0.08); 6571 transition: transform 0.3s ease; 6572} 6573 6574.erp-between-image img:hover { 6575 transform: scale(1.02); 6576} 6577 6578/* ð± ÐоказÑÑмо каÑÑÐ¸Ð½ÐºÑ ÑÑлÑки на мобÑлÑÐ½Ð¸Ñ / планÑеÑÐ°Ñ */ 6579@media screen and (max-width: 992px) { 6580 .erp-between-image { 6581 display: block; 6582 } 6583 6584 /* РпÑÐ¸Ñ Ð¾Ð²ÑÑмо Ð±Ð¾ÐºÐ¾Ð²Ñ ÐºÐ°ÑÑинки */ 6585 .erp-includes-image, 6586 .erp-for-image { 6587 display: none; 6588 } 6589} 6590 6591/* ÐоÑаÑковий ÑÑан анÑмаÑÑÑ */ 6592.erp-animated { 6593 opacity: 0; 6594 transform: translateY(30px); 6595 transition: opacity 0.8s ease, transform 0.8s ease; 6596} 6597 6598/* Ðоли ÑекÑÑÑ Ð·Ê¼ÑвилаÑÑ */ 6599.erp-animated.visible { 6600 opacity: 1; 6601 transform: translateY(0); 6602} 6603 6604 6605 6606.erp-steps-section { 6607 padding: 100px 20px; 6608 background: 6609 radial-gradient(circle at 25% 40%, rgba(235, 194, 119, 0.1) 0%, rgba(255, 255, 255, 0.9) 60%), 6610 #ffffff; 6611 position: relative; 6612 overflow: hidden; 6613} 6614 6615.erp-steps-container { 6616 max-width: 1000px; 6617 margin: 0 auto; 6618 text-align: left; /* ÐÑÑ ÐµÐ»ÐµÐ¼ÐµÐ½Ñи в конÑейнеÑÑ Ð±ÑдÑÑÑ Ð²Ð¸ÑÑвнÑÐ½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6619 position: relative; 6620} 6621 6622.erp-steps-container h2 { 6623 font-size: 40px; /* ÐбÑлÑÑено ÑозмÑÑ ÑÑиÑÑÑ */ 6624 color: #111; 6625 margin-bottom: 10px; /* ÐменÑено вÑдÑÑÑп Ð·Ð½Ð¸Ð·Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 6626 line-height: 1.2; 6627 position: relative; 6628} 6629 6630.erp-steps-container h2::after { 6631 content: none; /* ÐÐ¸Ð´Ð°Ð»ÐµÐ½Ð½Ñ Ð»ÑнÑÑ */ 6632 display: none; 6633} 6634 6635.erp-steps-subtitle { 6636 font-size: 1.5rem; /* ÐбÑлÑÑено ÑозмÑÑ ÑÑиÑÑÑ */ 6637 color: #666; 6638 text-align: left; /* ÐалиÑаÑмо виÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6639 margin-top: 0; /* ÐÐ¸Ð´Ð°Ð»ÐµÐ½Ð½Ñ Ð²ÑдÑÑÑÐ¿Ñ Ð·Ð²ÐµÑÑ Ñ, Ñоб вÑн бÑв ближÑе до заголовка */ 6640 margin-bottom: 40px; /* Ðодано бÑлÑÑий вÑдÑÑÑп Ð·Ð½Ð¸Ð·Ñ */ 6641} 6642 6643.erp-steps-grid { 6644 display: grid; 6645 grid-template-columns: repeat(2, 1fr); 6646 grid-template-rows: repeat(2, 1fr); 6647 gap: 40px 60px; 6648 position: relative; 6649} 6650 6651.erp-step-item { 6652 padding: 20px; 6653 display: flex; 6654 flex-direction: column; 6655 align-items: center; 6656 justify-content: center; 6657 transition: transform 0.3s ease; 6658 background: transparent; 6659 text-align: center; 6660} 6661 6662.erp-step-item:hover { 6663 transform: scale(1.03); 6664} 6665 6666.erp-step-icon { 6667 width: 70px; 6668 height: 70px; 6669 background: rgba(235, 194, 119, 0.2); /* Ðегкий Ñон, не кÑиÑÑÑий */ 6670 border-radius: 50%; 6671 display: flex; 6672 align-items: center; 6673 justify-content: center; 6674 margin-bottom: 16px; 6675 box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* легка ÑÑÐ½Ñ */ 6676 transition: background 0.3s ease, transform 0.3s ease; 6677} 6678 6679.erp-step-item:hover .erp-step-icon { 6680 transform: scale(1.08); 6681 background: #EBC277; 6682} 6683 6684.erp-step-icon img { 6685 max-width: 32px; 6686 max-height: 32px; 6687} 6688 6689.erp-step-item h3 { 6690 font-size: 18px; 6691 color: #111; 6692 margin-bottom: 8px; 6693} 6694 6695.erp-step-item p { 6696 font-size: 15px; 6697 color: #555; 6698 line-height: 1.5; 6699 margin: 0; 6700 max-width: 280px; 6701} 6702 6703/* Ð¥ÑеÑÑики-нÑлики лÑнÑÑ */ 6704.erp-steps-grid::before, 6705.erp-steps-grid::after {
6706 content: ''; 6707 position: absolute; 6708 background: #ddd; 6709} 6710 6711.erp-steps-grid::before { 6712 top: 50%; 6713 left: 0; 6714 width: 100%; 6715 height: 1px; 6716 transform: translateY(-0.5px); 6717} 6718 6719.erp-steps-grid::after { 6720 top: 0; 6721 left: 50%; 6722 height: 100%; 6723 width: 1px; 6724 transform: translateX(-0.5px); 6725} 6726 6727/* ð± ÐдапÑив */ 6728@media screen and (max-width: 768px) { 6729 .erp-steps-grid { 6730 display: flex; 6731 flex-direction: column; 6732 gap: 30px; 6733 } 6734 6735 .erp-steps-grid::before, 6736 .erp-steps-grid::after { 6737 display: none; 6738 } 6739 6740 .erp-step-item { 6741 margin-bottom: 20px; 6742 } 6743 6744 .erp-steps-container h2::after { 6745 margin-left: 0; 6746 } 6747} 6748 6749.erp-step-item { 6750 position: relative; 6751} 6752 6753/* СÑвоÑÑÑмо нÑмеÑаÑÑÑ Ð·Ð° Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ :nth-child */ 6754.erp-step-item:nth-child(1)::before { 6755 content: "01"; 6756} 6757 6758.erp-step-item:nth-child(2)::before { 6759 content: "02"; 6760} 6761 6762.erp-step-item:nth-child(3)::before { 6763 content: "03"; 6764} 6765 6766.erp-step-item:nth-child(4)::before { 6767 content: "04"; 6768} 6769 6770/* СÑÐ¸Ð»Ñ Ñамого номеÑа */ 6771.erp-step-item::before { 6772 position: absolute; 6773 top: -10px; 6774 left: -10px; 6775 font-size: 20px; 6776 color: #EBC277; 6777 font-weight: bold; 6778} 6779 6780 6781/* -- Ðлок CTA (з ÑоÑмоÑ) -- */ 6782.erp-cta-hero { 6783 position: relative; 6784 background-size: cover; 6785 background-position: center top; 6786 padding: 140px 20px; 6787 color: #fff; 6788 text-align: center; 6789 overflow: hidden; 6790 min-height: 500px; 6791} 6792 6793.erp-cta-hero-overlay { 6794 position: absolute; 6795 top: 0; left: 0; 6796 width: 100%; height: 100%; 6797 background: linear-gradient(135deg, rgba(17,17,17,0.7) 0%, rgba(34,34,34,0.5) 100%); 6798 z-index: 1; 6799} 6800 6801.erp-cta-hero-content { 6802 position: relative; 6803 z-index: 2; 6804 max-width: 800px; 6805 margin: 0 auto; 6806 top: 140px; 6807} 6808 6809.erp-cta-hero-content h2 { 6810 font-size: 42px; 6811 margin-bottom: 20px; 6812 line-height: 1.3; 6813 color: #fff; 6814} 6815 6816.erp-cta-hero-content .cta-sub { 6817 font-size: 20px; 6818 margin-bottom: 35px; 6819 color: #ddd; 6820} 6821 6822/* -- СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑоÑми Contact Form 7 -- */ 6823.erp-cta-form-wrapper { 6824 max-width: 500px; 6825 margin: 0 auto; 6826 background: rgba(255, 255, 255, 0.1); 6827 backdrop-filter: blur(10px); 6828 border-radius: 12px; 6829 padding: 30px; 6830} 6831 6832.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit) { 6833 display: block; 6834 width: 100%; 6835 padding: 16px 20px; 6836 margin-bottom: 20px; 6837 border: none; 6838 border-radius: 8px; 6839 background: rgba(255, 255, 255, 0.9); 6840 color: #333; 6841 font-size: 16px; 6842 font-weight: 500; 6843 transition: all 0.3s ease; 6844} 6845 6846.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit)::placeholder { 6847 color: #999; 6848} 6849 6850.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit):focus { 6851 outline: none; 6852 box-shadow: 0 0 0 3px #EBC277; 6853} 6854 6855.erp-cta-form-wrapper .wpcf7-submit { 6856 display: block; 6857 width: 100%; 6858 border: none; 6859 background: #EBC277; 6860 color: #111; 6861 padding: 18px 20px; 6862 border-radius: 8px; 6863 font-size: 18px; 6864 font-weight: 600; 6865 cursor: pointer; 6866 transition: background 0.3s ease, transform 0.3s ease; 6867} 6868 6869.erp-cta-form-wrapper .wpcf7-submit:hover { 6870 background: #d6a84f; 6871 transform: translateY(-2px); 6872} 6873 6874 6875 6876.about__stats { 6877 padding: 100px 0; 6878 background-color: #fff; 6879 padding-bottom: 0px 6880} 6881 6882.about__stats-title { 6883 font-size: 42px; /* бÑло 36px */ 6884 font-weight: 800; 6885 text-align: left; 6886 margin-bottom: 60px; 6887 color: #111; 6888 letter-spacing: -0.5px; 6889} 6890 6891.about__stats-grid { 6892 display: grid; 6893 grid-template-columns: repeat(4, 1fr); 6894 gap: 60px; 6895} 6896 6897.about__stats-item { 6898 position: relative; 6899 text-align: left; 6900 min-height: 250px; 6901} 6902 6903.about__stats-dots { 6904 position: absolute; 6905 top: -50px; /* виÑе */ 6906 left: 40px; /* пÑавÑÑе */ 6907 width: 120px; 6908 height: 120px; 6909 background-image: radial-gradient(#999 1px, transparent 1px); /* ÑемнÑÑÑ ÑоÑки */ 6910 background-size: 10px 10px; 6911 opacity: 0.35; /* ÑÑÐ¾Ñ Ð¸ ÑнÑенÑивнÑÑе */ 6912 z-index: 0; 6913 pointer-events: none; 6914 6915} 6916 6917 6918.about__stats-number { 6919 font-size: 84px; /* бÑло 72px */ 6920 font-weight: 900; 6921 color: #ebc277; 6922 margin-bottom: 12px; 6923 line-height: 1.1; 6924 position: relative; 6925 z-index: 1; 6926text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 6927 6928} 6929 6930.about__stats-label { 6931 font-size: 18px; /* бÑло 15px */ 6932 font-weight: 700; 6933 text-transform: uppercase; 6934 color: #1a1a1a; 6935 letter-spacing: 0.8px; 6936 margin-bottom: 18px; 6937 position: relative; 6938 z-index: 1; 6939 display: inline-block; 6940 background: linear-gradient(to right, #ebc277 0%, #fbe9bd 100%); 6941 padding: 2px 8px; 6942 border-radius: 6px; 6943} 6944 6945 6946.about__stats-label::after {
6947 content: ''; 6948 display: block; 6949 width: 40px; 6950 height: 2px; 6951 background-color: #ebc277; 6952 margin-top: 12px; 6953} 6954 6955.about__stats-desc { 6956 font-size: 18px; /* бÑло 16px */ 6957 color: #333; /* ÑемнÑÑе */ 6958 font-weight: 500; /* жиÑнÑÑе */ 6959 line-height: 1.7; 6960 max-width: 360px; 6961 position: relative; 6962 z-index: 1; 6963} 6964 6965 6966/* Responsive */ 6967@media (max-width: 1024px) { 6968 .about__stats-grid { 6969 grid-template-columns: repeat(2, 1fr); 6970 } 6971} 6972 6973@media (max-width: 600px) { 6974 .about__stats-grid { 6975 grid-template-columns: 1fr; 6976 } 6977 6978 .about__stats-number { 6979 font-size: 52px; 6980 } 6981 6982 .about__stats-title { 6983 font-size: 28px; 6984 } 6985} 6986 6987.intro { 6988 position: relative; 6989} 6990 6991.intro__shadow { 6992 position: absolute; 6993 bottom: 0; 6994 left: 0; 6995 width: 100vw; 6996 height: 300px; /* ÑвелиÑена вÑÑоÑа */ 6997 background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 75%); 6998 pointer-events: none; 6999 z-index: 1; 7000 transform: translateY(30px); /* немного ниже поддвигаем */ 7001} 7002 7003.intro__inner { 7004 position: relative; 7005 z-index: 2; 7006} 7007.intro__inner .btn { 7008 position: relative; 7009 z-index: 3; /* вÑÑе Ñени */ 7010 box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3); /* ÑвеÑÐ»Ð°Ñ Ð¿Ð¾Ð´ÑвеÑка */ 7011 transition: box-shadow 0.3s ease; 7012} 7013 7014.intro__inner .btn:hover { 7015 box-shadow: 0 6px 24px rgba(255, 255, 255, 0.5); 7016} 7017 7018.intro__inner .btn { 7019 position: relative; 7020 z-index: 3; 7021 box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3); 7022 transition: all 0.4s ease-in-out; 7023} 7024 7025 7026 7027 7028.about__who.with-photo { 7029 position: relative; 7030 display: flex; 7031 align-items: center; 7032 justify-content: space-between; 7033 gap: 60px; 7034 padding: 100px 0; 7035 padding-left: 40px; 7036 padding-bottom: 0px 7037} 7038 7039/* коÑоÑка веÑÑикалÑна лÑнÑÑ Ð·Ð»Ñва */ 7040.about__who.with-photo::before { 7041 content: ""; 7042 position: absolute; 7043 left: 0; 7044 top: 60px; 7045 width: 6px; 7046 height: 100px; 7047 background-color: #ebc277; 7048} 7049 7050/* ÑÑнÑове Ñлово BURO */ 7051.about__who.with-photo::after { 7052 content: "BURO"; 7053 position: absolute; 7054 top: -40px; 7055 left: 0; 7056 font-size: 180px; 7057 font-weight: 900; 7058 color: #f7f7f7; 7059 z-index: 0; 7060 pointer-events: none; 7061 line-height: 1; 7062 letter-spacing: -5px; 7063 user-select: none; 7064} 7065 7066.about__who-text-side { 7067 flex: 1; 7068 position: relative; 7069 z-index: 1; 7070} 7071 7072.about__intro-badge { 7073 display: inline-block; 7074 background-color: #fff8e0; 7075 color: #ebc277; 7076 font-weight: 700; 7077 text-transform: uppercase; 7078 font-size: 13px; 7079 letter-spacing: 1px; 7080 padding: 4px 12px; 7081 border-radius: 999px; 7082 margin-bottom: 20px; 7083} 7084 7085.about__intro-title { 7086 font-size: 42px; 7087 font-weight: 800; 7088 line-height: 1.3; 7089 color: #111; 7090 margin-bottom: 28px; 7091} 7092 7093.highlighted-title { 7094 position: relative; 7095 display: inline-block; 7096 z-index: 1; 7097} 7098 7099.highlighted-title::before { 7100 content: ""; 7101 position: absolute; 7102 left: -6px; 7103 bottom: 5px; 7104 width: 110%; 7105 height: 50%; 7106 background: #fff2d5; 7107 transform: skew(-3deg); 7108 z-index: -1; 7109 border-radius: 4px; 7110} 7111 7112.about__intro-text p { 7113 font-size: 18px; 7114 line-height: 1.7; 7115 color: #444; 7116 max-width: 700px; 7117 margin-bottom: 18px; 7118} 7119 7120.about__who-photo-side { 7121 flex: 1; 7122 position: relative; 7123 text-align: right; 7124 z-index: 1; 7125} 7126 7127.about__who-photo { 7128 max-width: 100%; 7129 max-height: 420px; 7130 object-fit: contain; 7131 border-radius: 0; 7132 box-shadow: none; 7133} 7134 7135/* плаÑка пÑд ÑоÑо ÑÑлÑки на ÑÐºÑ Ð²ÐµÑÑÑÑ */ 7136.photo-caption { 7137 position: absolute; 7138 bottom: 20px; 7139 right: 20px; 7140 background: #ebc277; 7141 color: #111; 7142 font-weight: 600; 7143 padding: 8px 14px; 7144 border-radius: 10px; 7145 font-size: 14px; 7146 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); 7147} 7148 7149 7150 7151/* адапÑив */ 7152@media (max-width: 1024px) { 7153 .about__who.with-photo { 7154 flex-direction: column; 7155 padding: 60px 20px; 7156 } 7157 7158 .about__intro-title { 7159 font-size: 32px; 7160 } 7161 7162 .about__who-photo-side { 7163 text-align: center; 7164 margin-top: 30px; 7165 } 7166 7167 .about__who-photo { 7168 max-height: 320px; 7169 max-width: 360px; 7170 } 7171} 7172.about__who.with-photo::before { 7173 content: ""; 7174 position: absolute; 7175 left: 0; 7176 top: 60px; 7177 width: 2px; 7178 height: 0; 7179 background-image: repeating-linear-gradient( 7180 to bottom, 7181 #ebc277, 7182 #ebc277 6px, 7183 transparent 6px, 7184 transparent 12px 7185 ); 7186 animation: growDashedLine 1.4s ease-out forwards; 7187 opacity: 0; 7188} 7189 7190.about__who.with-photo::after {
7191 content: ""; 7192 position: absolute; 7193 left: -5px; 7194 top: 190px; /* вÑдÑÑÑп вÑд лÑнÑÑ Ð²Ð½Ð¸Ð· */ 7195 width: 12px; 7196 height: 12px; 7197 background-color: #ebc277; 7198 border-radius: 50%; 7199 transform: scale(0.5); 7200 opacity: 0; 7201 animation: popInDot 0.6s ease-out 1.4s forwards; 7202 box-shadow: 0 0 0 rgba(235, 194, 119, 0.5); 7203 z-index: 2; 7204} 7205 7206.about__who.with-photo::after { 7207 content: "BURO"; 7208 position: absolute; 7209 top: -40px; 7210 left: 0; 7211 font-size: 180px; 7212 font-weight: 900; 7213 color: #f7f7f7; 7214 z-index: 0; 7215 pointer-events: none; 7216 line-height: 1; 7217 letter-spacing: -5px; 7218 user-select: none; 7219 opacity: 0.25; 7220} 7221 7222 7223/* ÐнÑмаÑÑÑ Ð·ÑоÑÑÐ°Ð½Ð½Ñ Ð¿ÑнкÑиÑÑ */ 7224@keyframes growDashedLine { 7225 from { 7226 height: 0; 7227 opacity: 0; 7228 } 7229 to { 7230 height: 130px; /* ÑÑÐ¾Ñ Ð¸ менÑе нÑж top ÑоÑки */ 7231 opacity: 1; 7232 } 7233} 7234 7235/* ÐнÑмаÑÑÑ ÑоÑки без Ð·Ð½Ð¸ÐºÐ½ÐµÐ½Ð½Ñ */ 7236@keyframes popInDot { 7237 0% { 7238 transform: scale(0.5); 7239 opacity: 0; 7240 box-shadow: 0 0 0 0 rgba(235, 194, 119, 0.4); 7241 } 7242 60% { 7243 transform: scale(1.2); 7244 opacity: 1; 7245 box-shadow: 0 0 0 10px rgba(235, 194, 119, 0); 7246 } 7247 100% { 7248 transform: scale(1); 7249 opacity: 1; 7250 box-shadow: 0 0 0 0 rgba(235, 194, 119, 0); 7251 } 7252} 7253@media (max-width: 768px) { 7254 .about__who-photo-side { 7255 text-align: center; 7256 margin-top: -14px; 7257 margin-bottom: 0; /* ð§ зменÑено до нÑÐ»Ñ */ 7258 width: 100%; 7259 } 7260 7261 .about__who-photo { 7262 width: 100%; 7263 height: auto; 7264 max-width: 100%; 7265 border-radius: 12px; 7266 object-fit: cover; 7267 display: block; 7268 margin: 0 auto; 7269 } 7270} 7271 7272 7273 7274.about__advantages { 7275 padding: 120px 0; 7276 background-color: #fefcf9; 7277 position: relative; 7278 padding-bottom: 30px 7279} 7280 7281.about__advantages-title { 7282 font-size: 48px; 7283 font-weight: 800; 7284 line-height: 1.2; 7285 color: #111; 7286 margin-bottom: 60px; 7287 text-align: left; 7288} 7289 7290 7291.about__advantages-title::before { 7292 content: ""; 7293 display: block; 7294 width: 60px; 7295 height: 6px; 7296 background-color: #ebc277; 7297 margin-bottom: 16px; 7298 border-radius: 3px; 7299} 7300 7301.about__advantages-grid { 7302 display: grid; 7303 grid-template-columns: repeat(4, 1fr); 7304 gap: 32px; 7305} 7306 7307/* ÐаÑÑоÑка */ 7308.about__advantage-card { 7309 background: #fffefc; 7310 padding: 28px 28px 28px 36px; 7311 border-left: 6px solid #ebc277; 7312 border-radius: 16px; 7313 position: relative; 7314 transition: transform 0.25s ease, box-shadow 0.25s ease; 7315 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); 7316} 7317 7318.about__advantage-card:hover { 7319 transform: translateY(-6px); 7320 box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08); 7321} 7322 7323/* ШиÑÐ¾ÐºÑ ÐºÐ°ÑÑоÑки */ 7324.about__advantage-card--wide { 7325 grid-column: span 2; 7326} 7327 7328/* ÐÑапка маÑÐºÐµÑ */ 7329.about__advantage-marker { 7330 position: absolute; 7331 left: -12px; 7332 top: 28px; 7333 width: 12px; 7334 height: 12px; 7335 background-color: #ebc277; 7336 border-radius: 50%; 7337 box-shadow: 0 0 0 2px #fff; 7338} 7339 7340/* ÐÑмеÑаÑÑÑ */ 7341.about__advantage-index { 7342 font-size: 14px; 7343 font-weight: 700; 7344 color: #bbb; 7345 letter-spacing: 1px; 7346 margin-bottom: 6px; 7347 display: block; 7348 text-transform: uppercase; 7349} 7350 7351/* Ðаголовок Ð±Ð»Ð¾ÐºÑ */ 7352.about__advantage-header { 7353 font-size: 20px; 7354 font-weight: 700; 7355 color: #111; 7356 margin-bottom: 14px; 7357} 7358 7359/* ТекÑÑ Ð±Ð»Ð¾ÐºÑ */ 7360.about__advantage-text { 7361 font-size: 17px; 7362 line-height: 1.7; 7363 color: #444; 7364} 7365 7366/* ÐдапÑиви */ 7367@media (max-width: 1024px) { 7368 .about__advantages-grid { 7369 grid-template-columns: repeat(2, 1fr); 7370 } 7371 7372 .about__advantage-card--wide { 7373 grid-column: span 2; 7374 } 7375 7376 .about__advantages-title { 7377 font-size: 36px; 7378 } 7379} 7380 7381@media (max-width: 600px) { 7382 .about__advantages-grid { 7383 grid-template-columns: 1fr; 7384 } 7385 7386 .about__advantage-card--wide { 7387 grid-column: span 1; 7388 } 7389 7390 .about__advantages-title { 7391 font-size: 28px; 7392 text-align: left; 7393 } 7394 7395 .about__advantage-card { 7396 padding: 24px 20px 24px 28px; 7397 } 7398} 7399 7400 7401 7402.problock { 7403 padding: 100px 0; 7404 position: relative; 7405} 7406 7407.problock__title { 7408 font-size: 42px; 7409 font-weight: 800; 7410 color: #111; 7411 margin-bottom: 48px; 7412 text-align: left; 7413 position: relative; 7414} 7415 7416.problock__title::before { 7417 content: ""; 7418 display: block; 7419 width: 50px; 7420 height: 5px; 7421 background-color: #ebc277; 7422 margin-bottom: 16px; 7423 border-radius: 3px; 7424} 7425 7426.problock__grid { 7427 display: grid; 7428 grid-template-columns: repeat(2, 1fr); 7429 gap: 32px; 7430} 7431 7432.problock__item { 7433 display: flex; 7434 align-items: flex-start; 7435 background: #fff; 7436 padding: 28px 32px; 7437 border-left: 5px solid #ebc277; 7438 border-radius: 16px; 7439 box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06); 7440 position: relative; 7441 transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; 7442} 7443 7444.problock__item:hover { 7445 background: #fffdf5; 7446 transform: translateY(-4px); 7447 box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08); 7448} 7449 7450/* Ðконка в кÑÑжеÑÐºÑ */ 7451.problock__icon { 7452 width: 32px; 7453 height: 32px; 7454 background-color: #fff5db; 7455 border-radius: 50%; 7456 display: flex; 7457 align-items: center; 7458 justify-content: center; 7459 flex-shrink: 0; 7460 margin-right: 14px; 7461 margin-top: 4px; 7462 position: relative; 7463 transition: background 0.3s ease; 7464} 7465 7466.problock__icon span { 7467 position: absolute; 7468 top: 50%; 7469 left: 50%; 7470 transform: translate(-50%, -50%); 7471 font-size: 18px; 7472 transition: opacity 0.3s ease; 7473} 7474 7475.icon-warn { 7476 opacity: 1; 7477} 7478.icon-check { 7479 opacity: 0; 7480} 7481 7482.problock__item:hover .icon-warn { 7483 opacity: 0; 7484} 7485.problock__item:hover .icon-check { 7486 opacity: 1; 7487} 7488 7489/* ÐбгоÑÑка ÑекÑÑÑ */ 7490.problock__text-wrap { 7491 position: relative; 7492 flex: 1; 7493} 7494 7495/* ÐÑоблема Ñа ÑÑÑÐµÐ½Ð½Ñ */ 7496.problock__text-wrap .problem, 7497.problock__text-wrap .solution { 7498 display: block; 7499 transition: all 0.4s ease; 7500} 7501 7502.problock__text-wrap .solution { 7503 position: absolute; 7504 top: 0; 7505 left: 0; 7506 opacity: 0; 7507 transform: translateY(10px); 7508 color: #333; 7509 font-style: italic; 7510} 7511 7512/* Ðлавна замÑна ÑекÑÑÑ */ 7513.problock__item:hover .problem { 7514 opacity: 0; 7515 transform: translateY(-10px); 7516} 7517
7518.problock__item:hover .solution { 7519 opacity: 1; 7520 transform: translateY(0); 7521} 7522 7523/* РозмÑÑ ÑекÑÑÑ â збÑлÑÑено */ 7524.problem, 7525.solution { 7526 font-size: 19px; 7527 line-height: 1.7; 7528 margin: 0; 7529 color: #333; 7530 font-weight: 500; 7531} 7532 7533/* ÐдапÑив */ 7534@media (max-width: 768px) { 7535 .problock__grid { 7536 grid-template-columns: 1fr; 7537 } 7538 7539 .problock__title { 7540 font-size: 32px; 7541 } 7542 7543 .problock__item { 7544 padding: 22px; 7545 } 7546 7547 .problem, 7548 .solution { 7549 font-size: 18px; 7550 } 7551} 7552 7553 7554 7555 7556.erp-audience__grid { 7557 display: flex; 7558 flex-wrap: wrap; 7559 gap: 24px; 7560 margin-top: 40px; 7561} 7562 7563.erp-audience__card { 7564 background: #fff; 7565 border: 1px solid #e1e4e8; 7566 border-radius: 16px; 7567 padding: 24px; 7568 flex: 1 1 calc(33.333% - 16px); 7569 box-shadow: 0 4px 16px rgba(0,0,0,0.04); 7570 display: flex; 7571 flex-direction: column; 7572 position: relative; 7573 transition: transform 0.3s ease; 7574} 7575 7576.erp-audience__card:hover { 7577 transform: translateY(-4px); 7578} 7579 7580.erp-audience__card--half { 7581 flex: 1 1 calc(50% - 12px); 7582} 7583 7584.erp-audience__icon { 7585 width: 40px; 7586 height: 40px; 7587 margin-bottom: 12px; 7588} 7589 7590.erp-audience__card-title { 7591 font-size: 20px !important; 7592 font-weight: 700; 7593 margin-bottom: 12px; 7594 color: #1a1a1a; 7595} 7596 7597.erp-audience__tag { 7598 display: inline-block; 7599 font-size: 13px; 7600 font-weight: 600; 7601 color: #fff; 7602 background: #444; 7603 border-radius: 12px; 7604 padding: 4px 10px; 7605 margin-bottom: 8px; 7606} 7607 7608.erp-audience__desc { 7609 font-size: 15px; 7610 color: #444; 7611 line-height: 1.5; 7612} 7613 7614 7615.erp-audience__tag { 7616 display: inline-flex; 7617 align-items: center; 7618 gap: 6px; 7619 font-size: 13px; 7620 font-weight: 600; 7621 color: #2b6cb0; 7622 border: 1px solid #c3dafe; 7623 background-color: #ebf8ff; 7624 border-radius: 999px; 7625 padding: 4px 10px; 7626} 7627 7628.erp-audience__tag { 7629 display: inline-flex; 7630 align-items: center; 7631 gap: 6px; 7632 font-size: 13px; 7633 font-weight: 600; 7634 color: #5a4425; 7635 border: 1px solid #ebc277; 7636 background-color: #fff9f0; 7637 border-radius: 999px; 7638 padding: 4px 12px; 7639 margin-bottom: 10px; 7640 transition: background-color 0.3s ease; 7641} 7642 7643.erp-audience__tag:hover { 7644 background-color: #ebc277; 7645 color: #000; 7646} 7647 7648@media (max-width: 767.98px) { 7649 .erp-audience__grid { 7650 display: flex; 7651 flex-direction: column; 7652 gap: 20px; 7653 } 7654 7655 .erp-audience__card { 7656 width: 100%; 7657 } 7658 7659 /* ЯкÑо поÑÑÑбно â ÑпеÑÑалÑно видÑлиÑи пеÑÑÑ Ð´Ð²Ð° блоки */ 7660 .erp-audience__card:nth-child(1), 7661 .erp-audience__card:nth-child(2) { 7662 order: initial; /* можна кеÑÑваÑи поÑÑдком за поÑÑеби */ 7663 } 7664} 7665 7666 7667 7668.faq-block { 7669 width: 100%; 7670 padding: 60px 40px; 7671 background-color: #fff7e7; 7672 border-top: 1px solid #e0d2b5; 7673 border-bottom: 1px solid #e0d2b5; 7674} 7675 7676.faq-block .faq-inner { 7677 max-width: 1200px; 7678 margin: 0 auto; 7679} 7680 7681.faq-title { 7682 font-size: 32px; 7683 font-weight: 700; 7684 text-align: left; 7685 color: #222; 7686 margin-bottom: 40px; 7687 position: relative; 7688 padding-bottom: 10px; 7689} 7690 7691.faq-title::after { 7692 content: ""; 7693 position: absolute; 7694 bottom: 0; 7695 left: 0; 7696 width: 60px; 7697 height: 3px; 7698 background-color: #ebc277; 7699 border-radius: 2px; 7700} 7701 7702.faq-item { 7703 border-top: 1px solid #e0d2b5; 7704 padding: 0; 7705} 7706 7707.faq-question { 7708 background: none; 7709 border: none; 7710 width: 100%; 7711 text-align: left; 7712 padding: 20px 10px; 7713 font-size: 20px; 7714 font-weight: 600; 7715 color: #333; 7716 cursor: pointer; 7717 position: relative; 7718 display: flex; 7719 justify-content: space-between; 7720 align-items: center; 7721 transition: color 0.3s ease; 7722} 7723 7724.faq-question:hover { 7725 color: #ebc277; 7726} 7727 7728.faq-icon { 7729 font-size: 24px; 7730 color: #ebc277; 7731 transition: transform 0.3s ease; 7732} 7733 7734.faq-answer { 7735 max-height: 0; 7736 overflow: hidden; 7737 transition: max-height 0.5s ease, padding 0.3s ease; 7738 background-color: #fffaf1; 7739 padding: 0 10px; 7740 border-left: 3px solid #ebc277; 7741 margin-left: 8px; 7742} 7743 7744.faq-answer-content { 7745 padding: 0; 7746 font-size: 17px; 7747 color: #555; 7748 line-height: 1.5; 7749} 7750 7751.faq-item.open .faq-answer { 7752 max-height: 500px; 7753 padding: 15px 10px; 7754} 7755 7756.faq-item.open .faq-icon { 7757 transform: rotate(45deg); 7758} 7759 7760@media screen and (max-width: 768px) { 7761 .faq-title { 7762 font-size: 26px; 7763 } 7764 7765 .faq-question { 7766 font-size: 18px; 7767 } 7768 7769 .faq-answer-content { 7770 font-size: 16px; 7771 } 7772 7773 .faq-block { 7774 padding: 40px 20px; 7775 } 7776} 7777 7778 7779 7780/* ÐагалÑний ÑÑÐ¸Ð»Ñ */ 7781.glossary-archive { 7782 padding: 4rem 2rem; 7783 background: linear-gradient(180deg, #fffdf6 0%, #fff 100%); 7784 font-family: "Segoe UI", sans-serif; 7785 color: #2b2b2b; 7786} 7787 7788/* Ðаголовок */ 7789.glossary-archive h1 { 7790 font-size: 3rem; 7791 font-weight: 700; 7792 margin-bottom: 1.5rem; 7793 text-align: center; 7794 color: #1a1a1a; 7795} 7796 7797/* ÐÐ¿Ð¸Ñ */ 7798.glossary-archive .description { 7799 font-size: 1.2rem; 7800 max-width: 800px; 7801 margin: 0 auto 3rem; 7802 text-align: center; 7803 color: #555; 7804} 7805 7806/* ÐавÑгаÑÑÑ Ð¿Ð¾ лÑÑеÑÐ°Ñ */ 7807.glossary-nav { 7808 max-width: 1000px; 7809 margin: 0 auto 3rem; 7810 padding: 1rem 2rem; 7811 background: #fff8eb; 7812 border: 1px solid #ebc277; 7813 border-radius: 10px; 7814 box-shadow: 0 4px 10px rgba(235, 194, 119, 0.15); 7815} 7816 7817.letter-nav { 7818 display: flex; 7819 flex-wrap: wrap; 7820 justify-content: center; 7821 gap: 0.5rem; 7822 list-style: none; 7823 padding: 0; 7824 margin: 0.5rem 0 0; 7825} 7826 7827.letter-nav li a { 7828 display: inline-block; 7829 padding: 8px 14px; 7830 border: 1px solid #ebc277; 7831 border-radius: 8px; 7832 background: #fff; 7833 color: #2b2b2b; 7834 font-weight: 500; 7835 text-decoration: none; 7836 transition: all 0.2s ease-in-out; 7837} 7838 7839.letter-nav li a:hover { 7840 background: #ebc277; 7841 color: #000; 7842 transform: translateY(-2px); 7843} 7844 7845/* ÐÑÑпа ÑеÑмÑнÑв за лÑÑеÑÐ¾Ñ */ 7846.glossary-letter-group { 7847 margin: 3rem 0; 7848 padding-top: 2rem; 7849 border-top: 1px dashed #ebc277; 7850} 7851 7852.glossary-letter-group h2 { 7853 font-size: 2.2rem; 7854 margin-bottom: 1rem; 7855 color: #c49800; 7856 text-align: left; 7857 position: relative; 7858} 7859 7860.glossary-letter-group h2::before { 7861 content: '#'; 7862 color: #ebc277; 7863 font-weight: bold; 7864 margin-right: 0.4rem; 7865} 7866 7867/* СпиÑок ÑеÑмÑнÑв */ 7868.glossary-terms { 7869 list-style: none; 7870 padding: 0; 7871 margin: 0; 7872} 7873 7874.glossary-item { 7875 padding: 1rem 1.2rem; 7876 margin-bottom: 1rem; 7877 border: 1px solid #f4e8cb; 7878 border-left: 6px solid #ebc277; 7879 background: #fffef9; 7880 border-radius: 8px; 7881 transition: box-shadow 0.2s ease; 7882} 7883 7884.glossary-item:hover { 7885 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); 7886} 7887 7888.term-title { 7889 font-size: 1.15rem; 7890 font-weight: 600; 7891 color: #c49800; 7892 text-decoration: none; 7893} 7894 7895.term-title:hover { 7896 text-decoration: underline; 7897} 7898 7899.term-short { 7900 margin-top: 0.35rem; 7901 font-size: 0.95rem; 7902 color: #555; 7903} 7904 7905/* Mobile адапÑаÑÑÑ */ 7906@media (max-width: 768px) { 7907 .letter-nav { 7908 justify-content: flex-start; 7909 } 7910 7911 .glossary-archive { 7912 padding: 2rem 1rem; 7913 } 7914 7915 .glossary-archive h1 { 7916 font-size: 2.2rem; 7917 } 7918 7919 .glossary-letter-group h2 { 7920 font-size: 1.6rem; 7921 } 7922} 7923 .glossary-term { 7924 padding: 40px 20px; 7925 background: #fffef8; 7926 color: #333; 7927 } 7928 7929 .glossary-term h1 { 7930 font-size: 2.3rem; 7931 color: #c39c44; 7932 font-weight: 700; 7933 margin-bottom: 1rem; 7934 } 7935 7936 .glossary-term p { 7937 font-size: 1.05rem; 7938 line-height: 1.65; 7939 margin-bottom: 1.2rem; 7940 } 7941
7942 .glossary-term p strong { 7943 color: #000; 7944 } 7945 7946 .glossary-term h2 { 7947 font-size: 1.4rem; 7948 color: #b78e35; 7949 margin-top: 2rem; 7950 margin-bottom: 0.8rem; 7951 } 7952 7953 .glossary-term a { 7954 color: #c39c44; 7955 text-decoration: underline; 7956 } 7957 7958 .glossary-term a:hover { 7959 color: #a37b2a; 7960 } 7961 7962 @media (max-width: 768px) { 7963 .glossary-term { 7964 padding: 30px 16px; 7965 } 7966 7967 .glossary-term h1 { 7968 font-size: 1.8rem; 7969 } 7970 } 7971 7972 7973 7974.blog-cta-block { 7975 background-color: #fff8e6; /* ÐâÑкий Ñон Ñ Ñон до #EBC277 */ 7976 border: 2px solid #EBC277; 7977 padding: 36px 24px; 7978 margin: 48px 0; 7979 border-radius: 16px; 7980 text-align: center; 7981 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); 7982 transition: box-shadow 0.3s ease, transform 0.3s ease; 7983} 7984 7985.blog-cta-block:hover { 7986 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); 7987 transform: translateY(-4px); 7988} 7989 7990.blog-cta-heading { 7991 font-size: 1.75rem; 7992 margin-bottom: 16px; 7993 color: #333; 7994 font-weight: 600; 7995} 7996 7997.blog-cta-text { 7998 font-size: 1.1rem; 7999 margin-bottom: 24px; 8000 color: #444; 8001} 8002 8003/* ÐÐÐÐÐÐ */ 8004.blog-cta-button { 8005 display: inline-block; 8006 background-color: #EBC277; 8007 color: #1e1e1e; 8008 text-decoration: none !important; 8009 padding: 14px 36px; 8010 font-size: 1.1rem; 8011 border-radius: 100px; 8012 min-height: 48px; 8013 font-weight: 600; 8014 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); 8015 transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease; 8016 letter-spacing: 0.3px; 8017 position: relative; 8018 overflow: hidden; 8019} 8020 8021.blog-cta-button:hover, 8022.blog-cta-button:focus { 8023 background-color: #d6b069; /* ÑемнÑÑий, наÑиÑений колÑÑ */ 8024 color: #fff; 8025 transform: scale(1.04); 8026 text-decoration: none !important; 8027} 8028 8029.blog-cta-button .arrow { 8030 margin-left: 10px; 8031 font-size: 1.2em; 8032 transition: transform 0.3s ease; 8033 display: inline-block; 8034} 8035 8036.blog-cta-button:hover .arrow, 8037.blog-cta-button:focus .arrow { 8038 transform: translateX(5px); 8039} 8040 8041 8042 8043.graybackground { 8044background-color:#f9f9f9; 8045} 8046 8047 8048 8049/* ========================================================= */ 8050/* ФÐÐÐÐЬÐЫРÐÐÐÐÐÐÐСÐЫРÐÐРСТÐÐÐÐ ÐÐЯ CTA-ÐÐÐÐÐ */ 8051/* (Ñ Ð²ÑÑовненнÑми по вÑÑоÑе колонками) */ 8052/* ========================================================= */ 8053 8054.erp-cta-section { 8055 background-color: #fff; 8056 padding: 50px; 8057 border-radius: 15px; 8058 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); 8059 margin: 0; 8060 8061 display: flex; 8062 align-items: stretch; /* ÐÑо клÑÑевое изменение! РаÑÑÑÐ³Ð¸Ð²Ð°ÐµÑ Ð²Ñе колонки по вÑÑоÑе Ñамой вÑÑокой */ 8063 gap: 40px; 8064} 8065 8066/* --------------------------------------------------------- */ 8067/* СÑили Ð´Ð»Ñ Ð¿ÐµÑвой колонки: изобÑажение */ 8068.erp-cta-image-wrapper img { 8069 /* ÐÐÐÐÐÐÐ ÐÐÐÐÐ: ÐоÑÑÑко обмежÑÑмо макÑималÑÐ½Ñ Ð²Ð¸ÑоÑÑ */ 8070 max-height: 390px; 8071 8072 /* ÐозволÑÑмо ÑиÑÐ¸Ð½Ñ Ð¿ÑдлаÑÑовÑваÑиÑÑ Ð°Ð²ÑомаÑиÑно */ 8073 width: auto; 8074 8075 /* СÑаÑÑ Ð²Ð»Ð°ÑÑивоÑÑÑ, ÑÐºÑ Ð²Ð°ÑÑо залиÑиÑи */ 8076 max-width: 100%; 8077 display: block; 8078 border-radius: 10px; 8079} 8080/* --------------------------------------------------------- */ 8081/* СÑили Ð´Ð»Ñ Ð²ÑоÑой колонки: заголовок и ÑекÑÑ */ 8082.erp-cta-text-wrapper { 8083 flex-basis: 40%; 8084 text-align: left; 8085 display: flex; 8086 flex-direction: column; 8087 justify-content: center; /* ÐÑÑÐ°Ð²Ð½Ð¸Ð²Ð°ÐµÑ ÑодеÑжимое по ÑенÑÑÑ Ð²ÐµÑÑикалÑно */ 8088} 8089.erp-cta-text-wrapper h2 { 8090 font-size: 32px; 8091 color: #333; 8092 margin: 0 0 15px 0; 8093} 8094.erp-cta-text-wrapper p { 8095 font-size: 18px; 8096 color: #666; 8097 margin: 0; 8098} 8099 8100/* --------------------------------------------------------- */ 8101/* СÑили Ð´Ð»Ñ ÑÑеÑÑей колонки: ÑоÑма */ 8102.erp-cta-form-wrapper { 8103 flex-basis: 30%; 8104 height: 100%; 8105 flex-shrink: 0; 8106} 8107 8108.erp-cta-form-wrapper form { 8109 display: flex; 8110 flex-direction: column; 8111 height: 100%; 8112 gap: 15px; 8113 width: 100%; 8114 justify-content: space-between; 8115} 8116.erp-cta-form-wrapper input[type="tel"], 8117.erp-cta-form-wrapper input[type="email"] { 8118 width: 100%; 8119 height: 70px; 8120 padding: 0 25px; 8121 border: 1px solid #ddd; 8122 border-radius: 35px; 8123 font-size: 18px; 8124 box-shadow: none; 8125 outline: none; 8126} 8127.erp-cta-form-wrapper input[type="tel"]:focus, 8128.erp-cta-form-wrapper input[type="email"]:focus { 8129 border-color: #ebc277; 8130} 8131 8132.erp-cta-form-wrapper .wpcf7-submit { 8133 background-color: #ebc277; 8134 color: #fff; 8135 font-size: 20px; 8136 font-weight: bold; 8137 height: 70px; 8138 width: 100%; 8139 border: none; 8140 border-radius: 35px !important; 8141 cursor: pointer; 8142 transition: background-color 0.3s; 8143} 8144.erp-cta-form-wrapper .wpcf7-submit:hover { 8145 background-color: #d9ad67; 8146} 8147 8148/* --------------------------------------------------------- */ 8149/* Ðедиа-запÑоÑÑ Ð´Ð»Ñ Ð°Ð´Ð°Ð¿ÑивноÑÑи */ 8150@media (max-width: 992px) { 8151 .erp-cta-section { 8152 flex-direction: column; 8153 text-align: center; 8154 padding: 30px; 8155 align-items: center; 8156 } 8157 .erp-cta-text-wrapper, 8158 .erp-cta-form-wrapper { 8159 flex-basis: 100%; 8160 text-align: center; 8161 width: 100%; 8162 } 8163 .erp-cta-text-wrapper h2, .erp-cta-text-wrapper p { 8164 text-align: center; 8165 } 8166 .erp-cta-image-wrapper { 8167 margin-bottom: 20px; 8168 } 8169} 8170 8171/* ========================================================= */ 8172/* ÐÑпÑавленнÑе и ÑлÑÑÑеннÑе ÑÑили Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ° ÑÑлÑг */ 8173/* ========================================================= */ 8174
8175/* СÑили Ð´Ð»Ñ ÐºÐ¾Ð½ÑейнеÑа Ñ ÐºÐ°ÑÑоÑками */ 8176.erp-services-grid { 8177 display: grid; 8178 grid-template-columns: repeat(2, 1fr); 8179 gap: 20px; 8180} 8181 8182/* СÑили Ð´Ð»Ñ Ð¾ÑделÑного ÑлеменÑа-ÑÑлÑги */ 8183.erp-service-item { 8184 display: flex; 8185 align-items: center; 8186 background-color: #f7f7f7; 8187 border-radius: 25px; /* УвелиÑил ÑкÑÑгление */ 8188 padding: 15px 25px; 8189 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 8190 text-decoration: none; 8191 color: #333; 8192 transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 8193} 8194 8195/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении */ 8196.erp-service-item:hover { 8197 transform: translateY(-5px); 8198 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 8199} 8200 8201/* ÐнимаÑÐ¸Ñ Ð¿Ñи нажаÑии */ 8202.erp-service-item:active { 8203 transform: translateY(-2px); 8204 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 8205} 8206 8207/* СÑили Ð´Ð»Ñ ÑеÑого кÑÑга-иконки */ 8208.erp-service-icon-dot { 8209 position: relative; /* ÐбÑзаÑелÑно Ð´Ð»Ñ Ð¿Ð¾Ð·Ð¸ÑиониÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð²Ð½ÑÑÑеннего кÑÑга */ 8210 width: 25px; /* Сделал кÑÑг ÑÑÑÑ Ð±Ð¾Ð»ÑÑе */ 8211 height: 25px; 8212 background-color: #a9a9a9; /* Ðолее ÑемнÑй ÑеÑÑй */ 8213 border-radius: 50%; 8214 flex-shrink: 0; 8215 margin-right: 15px; 8216} 8217 8218/* Создание внÑÑÑеннего кÑÑга Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð¿ÑевдоÑлеменÑа */ 8219.erp-service-icon-dot::before { 8220 content: ''; 8221 position: absolute; 8222 top: 48%; 8223 left: 50%; 8224 transform: translate(-50%, -50%); /* ЦенÑÑиÑование */ 8225 width: 12px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð¼ÐµÐ½ÑÑего кÑÑга */ 8226 height: 12px; 8227 background-color: #d9d9d9; /* ЦвеÑ, коÑоÑÑй бÑл Ñ ÑÑаÑого кÑÑга */ 8228 border-radius: 50%; 8229} 8230 8231/* СÑили Ð´Ð»Ñ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ ÑÑлÑги */ 8232.erp-service-name { 8233 font-size: 16px; 8234 flex-grow: 1; 8235 margin: 0; 8236} 8237 8238/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ Ñо ÑÑÑелкой */ 8239.erp-service-arrow-btn { 8240 width: 40px; 8241 height: 40px; 8242 background-color: #ebc277; 8243 border-radius: 50%; 8244 display: flex; 8245 align-items: center; 8246 justify-content: center; 8247 flex-shrink: 0; 8248 margin-left: 15px; 8249 transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 8250} 8251.erp-service-arrow-btn svg { 8252 width: 20px; 8253 height: 20px; 8254 transition: transform 0.3s ease-in-out; 8255} 8256 8257/* ÐнимаÑÐ¸Ñ ÑÑÑелки пÑи наведении на каÑÑоÑÐºÑ */ 8258.erp-service-item:hover .erp-service-arrow-btn { 8259 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 8260} 8261 8262/* ÐеболÑÑое ÑмеÑение ÑÑÑелки впÑаво пÑи наведении */ 8263.erp-service-item:hover .erp-service-arrow-btn svg { 8264 transform: translateX(3px); 8265} 8266 8267/* Ðедиа-запÑоÑÑ Ð´Ð»Ñ Ð°Ð´Ð°Ð¿ÑивноÑÑи */ 8268@media (max-width: 768px) { 8269 .erp-services-grid { 8270 grid-template-columns: 1fr; 8271 } 8272} 8273 8274.additional-services__right { 8275 margin-top: 50px; 8276} 8277 8278 8279/* --- СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑÑÐµÐ»Ñ YouTube Shorts --- */ 8280 8281.shorts-carousel-title { 8282 font-size: 32px; 8283 text-align: left; 8284 font-weight: bold; 8285 color: #333; 8286 margin-bottom: 30px; /* ÐÑдÑÑÑп вÑд заголовка до каÑÑÑÐµÐ»Ñ */ 8287} 8288 8289.shorts-carousel-wrapper { 8290 position: relative; 8291 max-width: 1200px; 8292 margin: 50px auto; 8293 padding: 0 50px; 8294} 8295 8296.youtube-shorts-carousel { 8297 overflow: hidden; 8298} 8299 8300.short-video-container { 8301 position: relative; 8302 width: 100%; 8303 aspect-ratio: 9 / 16; 8304 background-color: #000; 8305 border-radius: 45px; 8306 overflow: hidden; 8307} 8308 8309.short-video-container iframe { 8310 position: absolute; 8311 top: 0; 8312 left: 0; 8313 width: 100%; 8314 height: 100%; 8315} 8316 8317 8318/* --- СÑилÑзаÑÑÑ ÑÑÑÑлок навÑгаÑÑÑ --- */ 8319.shorts-carousel-wrapper .swiper-button-next, 8320.shorts-carousel-wrapper .swiper-button-prev { 8321 color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8322 top: 50%; 8323 transform: translateY(-50%); 8324} 8325 8326.shorts-carousel-wrapper .swiper-button-prev { 8327 left: 0; 8328} 8329 8330.shorts-carousel-wrapper .swiper-button-next { 8331 right: 0; 8332} 8333 8334/* --- СÑилÑзаÑÑÑ Ð¿Ð°Ð³ÑнаÑÑÑ (кÑапоÑок) --- */ 8335.shorts-carousel-wrapper .swiper-pagination-bullet { 8336 background: #ccc; 8337} 8338 8339.shorts-carousel-wrapper .swiper-pagination-bullet-active { 8340 background: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8341} 8342 8343 8344 8345/* --- Ðновлений дизайн Ð´Ð»Ñ Ñ Ð»ÑÐ±Ð½Ð¸Ñ ÐºÑÐ¸Ñ Ñ --- */ 8346
8347/* 1. ÐовнÑÑнÑй конÑÐµÐ¹Ð½ÐµÑ (вÑжÑий Ñ Ð²Ð¸ÑÑвнÑний по лÑÐ²Ð¾Ð¼Ñ ÐºÑаÑ) */ 8348#breadcrumbs { 8349 background-color: #DCDCDC; 8350 padding: 10px 30px; /* ÐменÑено веÑÑикалÑний, збÑлÑÑено боковий вÑдÑÑÑп */ 8351 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8352 border-bottom: none; 8353 margin: 0; 8354 font-size: 0; 8355} 8356 8357/* 2. СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ¾Ð¶Ð½Ð¾Ð³Ð¾ елеменÑа (менÑий овал) */ 8358#breadcrumbs a, 8359#breadcrumbs span.breadcrumb_last { 8360 display: inline-block; 8361 background-color: #ebc277; 8362 color: #000000 !important; 8363 font-size: 13px; /* ТÑÐ¾Ñ Ð¸ зменÑено ÑÑиÑÑ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿Ð°ÐºÑноÑÑÑ */ 8364 font-weight: 500; 8365 padding: 6px 18px; /* ÐменÑено вÑдÑÑÑпи, Ñоб овал ÑÑав менÑим */ 8366 border-radius: 50px; 8367 text-decoration: none; 8368 margin: 0 4px; /* ТÑÐ¾Ñ Ð¸ зменÑено вÑдÑÑÑп мÑж пÑгÑлками */ 8369 vertical-align: middle; 8370 transition: background-color 0.3s; 8371} 8372 8373/* 3. ÐÑÐµÐºÑ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ Ð¼Ð¸ÑÑ */ 8374#breadcrumbs a:hover { 8375 background-color: #d9ad67; 8376 color: #000000 !important; 8377} 8378 8379/* 4. ХоваÑмо ÑÑандаÑÑÐ½Ñ ÑекÑÑÐ¾Ð²Ñ ÑоздÑлÑваÑÑ */ 8380#breadcrumbs .separator { 8381 display: none; 8382} 8383 8384 8385 8386 8387 8388/* --- ФÑналÑний Ñедизайн Ð¿Ð¾Ð¿Ð°Ð¿Ñ (Ð´Ð²Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ¸) --- */ 8389 8390@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 8391@keyframes scaleUp { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } 8392 8393.bcp-wrapper { 8394 position: fixed; 8395 top: 0; 8396 left: 0; 8397 width: 100%; 8398 height: 100%; 8399 z-index: 1000; 8400 display: none; 8401 align-items: center; 8402 justify-content: center; 8403 padding: 20px; 8404} 8405.bcp-wrapper.active { 8406 display: flex; 8407} 8408.bcp-wrapper.active .bcp-overlay { 8409 animation: fadeIn 0.3s ease-out forwards; 8410} 8411.bcp-wrapper.active .bcp-content { 8412 animation: scaleUp 0.3s ease-out forwards; 8413} 8414.bcp-overlay { 8415 position: absolute; 8416 top: 0; 8417 left: 0; 8418 width: 100%; 8419 height: 100%; 8420 background: rgba(0, 0, 0, 0.7); 8421 cursor: pointer; 8422} 8423.bcp-content { 8424 position: relative; 8425 display: flex; /* Ðоловна змÑна Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº */ 8426 background: #fff; 8427 border-radius: 32px; /* ÐаÑе закÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 8428 max-width: 850px; /* ÐÑобили вÑкно знаÑно ÑиÑÑим */ 8429 width: 100%; 8430 z-index: 1001; 8431 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 8432 overflow: hidden;
8432 /* ХоваÑмо кÑÑи каÑÑинки */ 8433 padding: 0; /* ÐÑибиÑаÑмо ÑÑаÑÑ Ð²ÑдÑÑÑпи */ 8434} 8435.bcp-close { 8436 position: absolute; 8437 top: 15px; 8438 right: 20px; 8439 background: none; 8440 border: none; 8441 font-size: 30px; 8442 line-height: 1; 8443 cursor: pointer; 8444 color: #aaa; 8445 transition: color 0.3s, transform 0.3s; 8446 z-index: 10; 8447} 8448.bcp-close:hover { 8449 color: #333; 8450 transform: rotate(90deg); 8451} 8452 8453/* --- Ðолонка з ÑоÑÐ¼Ð¾Ñ --- */ 8454.bcp-form-column { 8455 flex-basis: 55%; /* ÐÐ°Ð¹Ð¼Ð°Ñ 55% ÑиÑини */ 8456 padding: 40px 50px; 8457 text-align: left; 8458} 8459.bcp-form-column h3 { 8460 margin-top: 0; 8461 font-size: 28px; 8462 margin-bottom: 10px; 8463} 8464.bcp-form-column p { 8465 margin-bottom: 30px; 8466 color: #666; 8467} 8468.bcp-form-column .bcp-input-group { 8469 margin-bottom: 25px; 8470 text-align: left; 8471} 8472.bcp-form-column label { 8473 display: block; 8474 margin-bottom: 5px; 8475 font-size: 14px; 8476 color: #555; 8477 font-weight: 500; 8478} 8479/* --- ÐовÑ, бÑлÑÑ ÑоÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¿Ð¾Ð»Ñв Ð²Ð²Ð¾Ð´Ñ CF7 --- */ 8480.bcp-form-column .wpcf7-form-control { 8481 width: 100%; 8482 padding: 10px 5px; 8483 font-size: 18px; 8484 color: #333; 8485 background-color: transparent; 8486 border: none !important; /* ÐÑибиÑаÑмо вÑÑ Ñамки з пÑÑоÑиÑеÑом */ 8487 border-bottom: 2px solid #ccc !important; /* ÐодаÑмо ТÐÐЬÐÐ Ð½Ð¸Ð¶Ð½Ñ Ð»ÑнÑÑ Ð· пÑÑоÑиÑеÑом */ 8488 outline: none !important; /* ÐÑибиÑаÑмо ÑоÑний квадÑÐ°Ñ Ð¿Ñи клÑÐºÑ Ð· пÑÑоÑиÑеÑом */ 8489 border-radius: 0; 8490 box-shadow: none; /* ÐÑибиÑаÑмо бÑдÑ-ÑÐºÑ ÑÑÐ½Ñ */ 8491 -webkit-appearance: none; /* ÐипÑÐ°Ð²Ð»ÐµÐ½Ð½Ñ Ð´Ð»Ñ iOS */ 8492 transition: border-color 0.3s ease; 8493} 8494 8495.bcp-form-column .wpcf7-form-control:focus { 8496 border-bottom-color: #0073aa !important; /* ÐолÑÑ Ð»ÑнÑÑ Ð¿Ñи ÑокÑÑÑ Ð· пÑÑоÑиÑеÑом */ 8497 box-shadow: none !important; 8498} 8499.bcp-form-column .wpcf7-submit { 8500 height: 70px !important; 8501 width: 100%; 8502 padding: 20px; /* ÐÑобили ÐºÐ½Ð¾Ð¿ÐºÑ Ñе бÑлÑÑÐ¾Ñ */ 8503 background-color: #0073aa; 8504 color: white; 8505 border: none; 8506 border-radius: 50px; 8507 font-size: 20px; /* ÐбÑлÑÑили ÑекÑÑ Ð½Ð° кнопÑÑ */ 8508 font-weight: 500; 8509 cursor: pointer; 8510 transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s; 8511 margin-top: 10px; 8512} 8513.bcp-form-column .wpcf7-submit:hover { 8514 background-color: #005a87; 8515 transform: translateY(-3px); 8516 box-shadow: 0 6px 20px rgba(0, 115, 170, 0.4); 8517} 8518.bcp-form-column .wpcf7-response-output { 8519 margin: 20px 0 0 0; 8520 padding: 15px; 8521 border-radius: 8px; 8522} 8523 8524/* --- Ðолонка з каÑÑÐ¸Ð½ÐºÐ¾Ñ --- */ 8525.bcp-image-column { 8526 flex-basis: 45%; /* ÐÐ°Ð¹Ð¼Ð°Ñ 45% ÑиÑини */ 8527 display: flex; 8528 align-items: center; 8529 justify-content: center; 8530 background-color: #f0f4f8; /* Ðегкий Ñон Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑÑ */ 8531} 8532.bcp-image-column img { 8533 max-width: 100%; 8534 height: auto; 8535 display: block; 8536} 8537 8538/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±ÑлÑÐ½Ð¸Ñ */ 8539@media (max-width: 768px) { 8540 .bcp-content { 8541 flex-direction: column; /* СÑавимо колонки одна пÑд Ð¾Ð´Ð½Ñ */ 8542 max-width: 450px; /* ÐовеÑÑаÑмо менÑÑ ÑиÑÐ¸Ð½Ñ Ð½Ð° мобÑлÑÐ½Ð¸Ñ */ 8543 } 8544 .bcp-image-column { 8545 display: none; /* ХоваÑмо каÑÑÐ¸Ð½ÐºÑ Ð½Ð° мобÑлÑÐ½Ð¸Ñ Ð´Ð»Ñ ÐµÐºÐ¾Ð½Ð¾Ð¼ÑÑ Ð¼ÑÑÑÑ */ 8546 } 8547 .bcp-form-column { 8548 text-align: center; /* ÐовеÑÑаÑмо ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ Ð½Ð° мобÑлÑÐ½Ð¸Ñ */ 8549 } 8550 .bcp-form-column .bcp-input-group { 8551 text-align: left; 8552 } 8553} 8554 8555 8556 8557/* --- Ðовий дизайн Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÑ "СимпÑоми" (ФÑналÑна веÑÑÑÑ) --- */ 8558 8559/* ÐÐÐСТУРÐÐЯ ÐСÐÐРСÐÐЦÐÐ - ÐÐÐÐÐÐ */ 8560.symptoms-section-new { 8561 padding-top: 80px; 8562 padding-bottom: 80px; 8563} 8564 8565/* ÐÐÐÐÐÐÐÐÐ ÐÐÐÐУ - ÐÐÐÐ ÐÐÐÐÐÐ */ 8566.symptoms-header-new { 8567 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8568 max-width: 750px; 8569 margin: 0 0 60px 0; /* ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ */ 8570} 8571 8572.symptoms-main-title-new { 8573 font-size: 42px; 8574 font-weight: 700; 8575 margin-bottom: 15px; 8576} 8577 8578.symptoms-subtitle-new { 8579 font-size: 18px; 8580 color: #666; 8581 line-height: 1.7; 8582} 8583 8584/* СÑÑка Ð´Ð»Ñ ÐºÐ°ÑÑок */ 8585.symptoms-grid { 8586 display: grid; 8587 grid-template-columns: repeat(3, 1fr); 8588 gap: 30px; 8589} 8590 8591/* СÑÐ¸Ð»Ñ Ð¾ÐºÑÐµÐ¼Ð¾Ñ ÐºÐ°ÑÑки */ 8592.symptom-card-new { 8593 background-color: #ffffff; 8594 padding: 30px 35px; 8595 border-radius: 16px; 8596 border-left: 5px solid #EBC277; 8597 box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07); 8598 text-align: left; 8599 transition: transform 0.3s ease, box-shadow 0.3s ease; 8600} 8601 8602.symptom-card-new:hover { 8603 transform: translateY(-5px); 8604 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 8605} 8606 8607.symptom-card-new h3 { 8608 font-size: 24px; 8609 font-weight: 600; 8610 margin-top: 0; 8611 margin-bottom: 15px; 8612} 8613 8614.symptom-card-new p { 8615 font-size: 16px; 8616 line-height: 1.6; 8617 color: #555; 8618 margin-bottom: 0; 8619} 8620 8621/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±ÑлÑÐ½Ð¸Ñ Ñ Ð¿Ð»Ð°Ð½ÑеÑÑв */ 8622@media (max-width: 992px) { 8623 .symptoms-grid { 8624 grid-template-columns: 1fr 1fr; 8625 } 8626} 8627 8628@media (max-width: 768px) { 8629 .symptoms-grid { 8630 grid-template-columns: 1fr; 8631 } 8632 .symptoms-main-title-new { 8633 font-size: 32px; 8634 } 8635} 8636 8637 8638/* --- СекÑÑÑ Ð¿Ð¾ÑÑвнÑÐ½Ð½Ñ "Ðо/ÐÑÑлÑ" (ФÑналÑна веÑÑÑÑ) --- */ 8639 8640.transformation-section { 8641 padding: 80px 0; 8642 background-color: #f9f9f9; 8643} 8644 8645/* ÐиÑÑвнÑний по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº */ 8646.transformation-header { 8647 text-align: left; 8648 max-width: 800px; 8649 margin: 0 0 60px 0; /* ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ */ 8650} 8651 8652.transformation-header .eyebrow { 8653 display: block; 8654 margin-bottom: 10px; 8655 color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8656 font-weight: 600; 8657 text-transform: uppercase; 8658 letter-spacing: 0.5px; 8659} 8660 8661.transformation-header h2 { 8662 font-size: 42px; 8663 font-weight: 700; 8664 color: #333; 8665 margin-bottom: 15px; 8666} 8667 8668.transformation-header .subtitle { 8669 font-size: 18px; 8670 color: #666; 8671 line-height: 1.7; 8672} 8673 8674.transformation-grid { 8675 display: grid; 8676 grid-template-columns: 1fr 1fr; 8677 gap: 40px; 8678 max-width: 1100px; 8679 margin: 0 auto; 8680} 8681 8682.comparison-card { 8683 background: #fff; 8684 padding: 35px; 8685 border-radius: 16px; 8686 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
8687 border-top: 4px solid; /* ÐÑÑÑе Ð´Ð»Ñ ÐºÐ¾Ð»ÑоÑÐ¾Ð²Ð¾Ñ Ñамки */ 8688 transition: transform 0.3s ease; 8689} 8690 8691.comparison-card:hover { 8692 transform: translateY(-5px); 8693} 8694 8695.comparison-card h4 { 8696 font-size: 22px; 8697 font-weight: 700; 8698 margin-top: 0; 8699 margin-bottom: 25px; 8700} 8701 8702.comparison-card ul { 8703 list-style: none; 8704 padding: 0; 8705 margin: 0; 8706} 8707 8708.comparison-card ul li { 8709 padding-left: 35px; 8710 position: relative; 8711 font-size: 16px; 8712 line-height: 1.6; 8713 color: #555; 8714 padding-bottom: 15px; /* ÐÑдÑÑÑп Ð´Ð»Ñ Ð»ÑнÑÑ */ 8715 border-bottom: 1px solid #f0f0f0; /* ÐÑнÑÑ Ð´Ð»Ñ Ð²Ð¸Ð´ÑÐ»ÐµÐ½Ð½Ñ */ 8716} 8717 8718.comparison-card ul li:last-child { 8719 border-bottom: none; 8720 padding-bottom: 0; 8721} 8722 8723.comparison-card ul li:not(:last-child) { 8724 margin-bottom: 15px; 8725} 8726 8727/* Ðконки Ð´Ð»Ñ ÑпиÑкÑв */ 8728.comparison-card ul li::before { 8729 content: ''; 8730 position: absolute; 8731 left: 0; 8732 top: 2px; 8733 width: 24px; 8734 height: 24px; 8735 background-size: contain; 8736 background-repeat: no-repeat; 8737 background-position: center; 8738} 8739 8740/* ЧеÑвона каÑÑка "ÐÐ" */ 8741.card-before { 8742 border-top-color: #d9534f; 8743} 8744.card-before h4 { 8745 color: #d9534f; 8746} 8747.card-before ul li::before { 8748 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d9534f'%3e%3cpath d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.996.996 0 105.7 7.11L10.59 12l-4.89 4.89a.996.996 0 101.41 1.41L12 13.41l4.89 4.89a.996.996 0 101.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'%3e%3c/path%3e%3c/svg%3e"); 8749} 8750 8751/* Ðелена каÑÑка "ÐÐСÐЯ" */ 8752.card-after { 8753 border-top-color: #5cb85c; 8754} 8755.card-after h4 { 8756 color: #5cb85c; 8757} 8758.card-after ul li::before { 8759 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235cb85c'%3e%3cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'%3e%3c/path%3e%3c/svg%3e"); 8760} 8761 8762/* ÐдапÑив */ 8763@media (max-width: 768px) { 8764 .transformation-grid { 8765 grid-template-columns: 1fr; 8766 } 8767 .transformation-header h2 { 8768 font-size: 32px; 8769 } 8770} 8771 8772 8773 8774/* --- СекÑÑÑ "ÐÑапи пÑоÑеÑÑ" --- */ 8775 8776.process-section { 8777 padding: 80px 0; 8778} 8779 8780.process-header { 8781 text-align: left; /* ÐÐÐÐ ÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8782 max-width: 800px; 8783 margin: 0 0 60px 0; /* ÐÐÐÐ ÐÐÐÐÐÐ: ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 8784} 8785 8786.process-header h2 { 8787 font-size: 42px; 8788 font-weight: 700; 8789 margin-bottom: 15px; 8790 color: #333; 8791} 8792 8793.process-header .subtitle { 8794 font-size: 18px; 8795 color: #666; 8796 line-height: 1.7; 8797} 8798 8799.process-grid { 8800 display: grid; 8801 grid-template-columns: repeat(2, 1fr); /* ÐÐ²Ñ ÑÑÐ²Ð½Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ¸ */ 8802 gap: 50px 40px; /* ÐеÑÑикалÑний Ñа гоÑизонÑалÑний вÑдÑÑÑп */ 8803 max-width: 1100px; 8804 margin: 0 auto; 8805} 8806 8807.process-step { 8808 position: relative; 8809 padding-left: 65px; /* ÐалиÑаÑмо мÑÑÑе Ð´Ð»Ñ Ð½Ð¾Ð¼ÐµÑа */ 8810} 8811 8812.step-number { 8813 position: absolute; 8814 left: 0; 8815 top: 0; 8816 width: 45px; 8817 height: 45px; 8818 background-color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8819 border-radius: 50%; 8820 color: #fff; 8821 font-size: 20px; 8822 font-weight: 600; 8823 display: flex; 8824 align-items: center; 8825 justify-content: center; 8826 box-shadow: 0 4px 10px rgba(235, 194, 119, 0.4); 8827} 8828 8829.step-title { 8830 font-size: 22px; 8831 font-weight: 600; 8832 color: #333; 8833 margin-top: 0; 8834 margin-bottom: 10px; 8835} 8836 8837.step-description { 8838 font-size: 16px; 8839 color: #555; 8840 line-height: 1.6; 8841 margin: 0; 8842} 8843 8844/* ÐдапÑив */ 8845@media (max-width: 768px) { 8846 .process-grid { 8847 grid-template-columns: 1fr; /* Ðдна колонка на мобÑлÑÐ½Ð¸Ñ */ 8848 } 8849 .process-header h2 { 8850 font-size: 32px; 8851 } 8852} 8853 8854 8855 8856/* -- Ðлок вÑдгÑкÑв (СекÑÑÑ) -- */ 8857.testimonials-section { 8858 padding: 100px 20px; 8859 background: #fdfdfd; 8860} 8861 8862.testimonials-container { 8863 max-width: 1100px; 8864 margin: 0 auto; 8865} 8866 8867/* -- Ðаголовок -- */ 8868.testimonials-header { 8869 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8870 margin-bottom: 50px; 8871} 8872 8873.testimonials-header h2 { 8874 font-size: 44px; 8875 font-weight: 700; 8876 line-height: 1.2; 8877 color: #111; 8878 max-width: 800px; /* ÐбмежÑÑмо ÑиÑÐ¸Ð½Ñ Ð´Ð»Ñ ÐºÑаÑого ÑиÑÐ°Ð½Ð½Ñ */ 8879 margin: 0; 8880} 8881 8882/* -- СÑÑка вÑдгÑкÑв -- */ 8883.testimonials-grid { 8884 display: grid; 8885 grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); 8886 gap: 30px; 8887 margin-bottom: 50px; 8888} 8889 8890@media (max-width: 768px) { 8891 .testimonials-grid { 8892 grid-template-columns: 1fr; 8893 } 8894} 8895 8896/* -- ÐаÑÑка вÑдгÑÐºÑ -- */ 8897.testimonial-card { 8898 background: #fff; 8899 padding: 40px; 8900 border-radius: 16px; 8901 box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); /* Ðова, бÑлÑÑ Ð²Ð¸Ñазна ÑÑÐ½Ñ */ 8902 position: relative; 8903 overflow: hidden; 8904 transition: transform 0.3s ease, box-shadow 0.3s ease; 8905} 8906 8907.testimonial-card:hover { 8908 transform: translateY(-8px); /* ÐÑÐµÐºÑ "плаваннÑ" */ 8909 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); 8910} 8911 8912/* -- Ðапки -- */ 8913.testimonial-quotes { 8914 font-family: Georgia, serif; 8915 font-size: 200px; 8916 color: #f0f0f0; 8917 line-height: 1; 8918 position: absolute; 8919 top: 5px; 8920 left: 20px; 8921 z-index: 0; 8922} 8923 8924.testimonial-content { 8925 position: relative; 8926 z-index: 1; 8927} 8928 8929.testimonial-text { 8930 font-size: 18px; 8931 line-height: 1.6; 8932 color: #333; 8933 margin-bottom: 20px; 8934} 8935 8936.testimonial-author-position { 8937 font-size: 16px; 8938 font-weight: 700; 8939 color: #333; 8940 margin-top: 5px; 8941} 8942 8943/* -- Ðнопка -- */ 8944.testimonials-button-wrapper { 8945 text-align: left; 8946} 8947 8948.testimonials-button { 8949 display: inline-block; 8950 padding: 16px 36px; 8951 background: #EBC277; 8952 color: #fff; 8953 border-radius: 50px; 8954 text-decoration: none; 8955 font-weight: bold; 8956 font-size: 18px; 8957 transition: background 0.3s ease, transform 0.3s ease; 8958} 8959 8960.testimonials-button:hover { 8961 background: #d8b26e; 8962 transform: translateY(-2px); 8963} 8964 8965 8966 8967/* 8968 * ÐовнÑÑÑÑ Ð²Ð¸Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑомного Ð±Ð»Ð¾ÐºÑ ACF 8969 */ 8970
8971/* ========== СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ H1 ÑÑоÑÑнки (без змÑн) ========== */ 8972.seo-custom-h1 { 8973 font-size: 4.5rem; 8974 font-weight: 700; 8975 color: #000000; 8976 text-align: left; 8977 margin-bottom: 40px; 8978} 8979 8980/* ========== СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑомного Ð±Ð»Ð¾ÐºÑ ACF ========== */ 8981 8982/* Ðоловний конÑÐµÐ¹Ð½ÐµÑ Ð±Ð»Ð¾ÐºÑ */ 8983.extra-text-block { 8984 background-color: #f8f9fa; 8985 padding: 45px 30px; 8986 margin: 80px 0 50px; 8987 border-radius: 5px; 8988} 8989 8990/* ÐÐÐÐÐÐÐРзаголовок Ð±Ð»Ð¾ÐºÑ (Ñой, Ñо в окÑÐµÐ¼Ð¾Ð¼Ñ Ð¿Ð¾Ð»Ñ ACF) */ 8991.extra-text-block__title { 8992 font-size: 2.5rem; 8993 font-weight: 600; 8994 color: #000000; 8995 text-align: left; 8996 margin-bottom: 25px; 8997 padding-bottom: 15px; 8998 border-bottom: 1px solid #ccc; 8999} 9000 9001/* --- ÐÑÑ Ð²Ð¸Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ð½Ñ Ð´Ð»Ñ H2 вÑеÑÐµÐ´Ð¸Ð½Ñ Ð¾Ñновного ÑекÑÑÑ --- */ 9002.extra-text-block__content h2 { 9003 font-size: 32px; 9004 font-weight: 600; 9005 color: #000000; 9006 text-align: left; 9007 margin-top: 30px; 9008 margin-bottom: 25px; 9009 padding-bottom: 15px; 9010 border-bottom: 1px solid #ccc; 9011} 9012 9013/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑнÑого конÑенÑÑ Ð²ÑеÑÐµÐ´Ð¸Ð½Ñ WYSIWYG-ÑедакÑоÑа */ 9014.extra-text-block__content h3 { 9015 font-size: 1.75rem; 9016 font-weight: 600; 9017 text-align: left; 9018 color: #000000; 9019 margin-top: 30px; 9020 margin-bottom: 15px; 9021} 9022 9023.extra-text-block__content p { 9024 font-size: 1.3rem; 9025 line-height: 1.6; 9026 text-align: left; 9027 color: #000000; 9028 margin-bottom: 20px; 9029} 9030 9031.extra-text-block__content ul, 9032.extra-text-block__content ol { 9033 padding-left: 25px; 9034 margin-bottom: 20px; 9035 text-align: left; 9036 color: #000000; 9037} 9038 9039/* ========== ÐдапÑив ========== */ 9040@media (max-width: 768px) { 9041 .seo-custom-h1 { 9042 font-size: 3rem; 9043 } 9044 9045 /* ÐдапÑив Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ заголовка */ 9046 .extra-text-block__title { 9047 font-size: 1.8rem; 9048 } 9049 9050 /* ÐдапÑив Ð´Ð»Ñ H2 вÑеÑÐµÐ´Ð¸Ð½Ñ ÑекÑÑÑ */ 9051 .extra-text-block__content h2 { 9052 font-size: 1.8rem; 9053 } 9054 9055 .extra-text-block__content h3 { 9056 font-size: 1.5rem; 9057 } 9058 9059 .extra-text-block__content p { 9060 font-size: 1.1rem; 9061 } 9062} 9063 9064/* 9065 * ФÐÐÐÐЬÐÐ ÐÐÐÐ ÐÐÐÐÐÐЯ: ÐовеÑÑаÑмо ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑпиÑкÑв (найвиÑий пÑÑоÑиÑеÑ) 9066*/ 9067 9068/* ÐаÑÑоÑовÑÑмо ÑÑÐ¸Ð»Ñ Ð±ÐµÐ·Ð¿Ð¾ÑеÑеднÑо до ÑÐµÐ³Ñ ul/ol вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 9069.extra-text-block__content ul, 9070.extra-text-block__content ol { 9071 list-style: revert !important; /* ÐаказÑÑмо повеÑнÑÑи ÑÑдний ÑÑÐ¸Ð»Ñ ÑпиÑÐºÑ */ 9072 padding-left: 30px !important; /* ÐадаÑмо вÑдÑÑÑп Ð´Ð»Ñ Ð¼Ð°ÑкеÑÑв */ 9073 margin-bottom: 20px !important; 9074} 9075 9076/* ÐаÑÑоÑовÑÑмо ÑÑÐ¸Ð»Ñ Ð±ÐµÐ·Ð¿Ð¾ÑеÑеднÑо до ÑÐµÐ³Ñ li вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 9077.extra-text-block__content li { 9078 display: list-item !important; /* ЧÑÑко вказÑÑмо, Ñо Ñе ÐµÐ»ÐµÐ¼ÐµÐ½Ñ ÑпиÑÐºÑ */ 9079 list-style: inherit !important; /* ÐаказÑÑмо наÑлÑдÑваÑи ÑÑÐ¸Ð»Ñ Ð¼Ð°ÑкеÑа вÑд баÑÑка (ul/ol) */ 9080 margin-bottom: 10px !important; 9081} 9082 9083/* СкидаÑмо Ð¼Ð¾Ð¶Ð»Ð¸Ð²Ñ Ð¿Ñевдо-елеменÑи, ÑÐºÑ Ð¼Ð¾Ð¶ÑÑÑ Ð¿ÑÐ¸Ñ Ð¾Ð²ÑваÑи маÑкеÑи */ 9084.extra-text-block__content li::before { 9085 content: none !important; 9086 display: none !important; 9087} 9088 9089/* 9090 * СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÑ, коли поле заголовка ÐРзаповнене 9091*/ 9092.extra-text-block.no-title { 9093 background-color: transparent; /* ÐÑибиÑаÑмо ÑÑÑий Ñон */ 9094 margin-top: 0; /* ÐÑибиÑаÑмо веÑÑ Ð½Ñй вÑдÑÑÑп */ 9095 padding: 0; /* ÐÑибиÑаÑмо внÑÑÑÑÑÐ½Ñ Ð²ÑдÑÑÑпи */ 9096 border-radius: 0; /* СкидаÑмо заокÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 9097} 9098 9099.hp-jtbd-section-heading { 9100 font-size: 2.8rem; 9101 font-weight: 700; 9102 margin-bottom: 50px; 9103 text-align: left; 9104 color: #1a1a1a; 9105 line-height: 1.3; 9106} 9107.hp-jtbd-section-heading--light { 9108 color: #ffffff; 9109} 9110 9111.hp-jtbd-cta-button { 9112 display: inline-block; 9113 padding: 16px 32px; 9114 background-color: #EBC277; 9115 color: #111; 9116 font-size: 1rem; 9117 font-weight: 700; 9118 text-decoration: none; 9119 border-radius: 8px; 9120 margin-top: 30px; 9121 transition: all 0.3s ease; 9122 border: 2px solid #EBC277; 9123 cursor: pointer; 9124} 9125.hp-jtbd-cta-button:hover { 9126 background-color: #1a1a1a; 9127 color: #EBC277; 9128 transform: scale(1.03); 9129 border-color: #1a1a1a; 9130} 9131.hp-jtbd-cta-button--primary { 9132 padding: 18px 36px; 9133 font-size: 1.1rem; 9134} 9135 9136.hp-jtbd-hero { 9137 background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%); 9138 color: #1a1a1a; 9139 padding: 0 0 100px 0; 9140} 9141.hp-jtbd-hero__content { 9142 max-width: 850px; 9143 text-align: left; 9144} 9145.hp-jtbd-hero__heading { 9146 font-size: 4.5rem; 9147 font-weight: 700; 9148 margin: 10px 0 20px 0; 9149 line-height: 1.1; 9150 color: #1a1a1a; 9151} 9152.hp-jtbd-hero__description-text { 9153 font-size: 1.3rem; 9154 font-weight: 500; 9155 color: #555; 9156 margin-top: 0; 9157 margin-bottom: 30px; 9158 line-height: 1.7; 9159 max-width: 700px; 9160} 9161.hp-jtbd-hero__highlight { 9162 background-color: #EBC277; 9163 color: #1a1a1a; 9164 padding: 2px 8px; 9165 border-radius: 4px; 9166} 9167.hp-jtbd-hero__services { 9168 margin-top: 30px; 9169 background-color: #ffffff; 9170 border-left: 3px solid #EBC277; 9171 padding: 20px 25px; 9172 border-radius: 8px; 9173 box-shadow: 0 5px 15px rgba(0,0,0,0.03); 9174} 9175.hp-jtbd-hero__services-title { 9176 font-weight: 600; 9177 color: #1a1a1a; 9178 font-size: 1.1rem; 9179} 9180.hp-jtbd-hero__services-list { 9181 list-style: none; 9182 padding-left: 0; 9183 margin-top: 15px; 9184 margin-bottom: 0; 9185} 9186.hp-jtbd-hero__services-list li { 9187 font-size: 1.1rem; 9188 margin-bottom: 10px; 9189 position: relative; 9190 padding-left: 30px; 9191 color: #333; 9192} 9193.hp-jtbd-hero__services-list li:last-child { 9194 margin-bottom: 0; 9195} 9196.hp-jtbd-hero__services-list li::before { 9197 content: 'â'; 9198 color: #EBC277; 9199 position: absolute; 9200 left: 0; 9201 font-weight: 700; 9202} 9203.hp-jtbd-hero__cta-subtext { 9204 font-size: 0.9rem; 9205 opacity: 0.8; 9206 margin-top: 15px; 9207 color: #555; 9208} 9209.hp-jtbd-hero .hp-jtbd-cta-button:hover { 9210 color: #f8f9fa; 9211 border-color: #1a1a1a; 9212} 9213 9214 9215.hp-jtbd-triggers { 9216 background-color: #ffffff; 9217 padding: 100px 0; 9218 text-align: center; 9219 border-top: 1px solid #e0e0e0; 9220} 9221.hp-jtbd-triggers .hp-jtbd-section-heading { 9222 max-width: 650px; 9223 margin-left: auto; 9224 margin-right: auto; 9225 text-align: center; 9226} 9227.hp-jtbd-triggers__grid { 9228 display: grid; 9229 grid-template-columns: repeat(3, 1fr); 9230 gap: 30px; 9231 margin-top: 50px; 9232} 9233.hp-jtbd-triggers__card { 9234 background-color: #ffffff; 9235 padding: 30px; 9236 border-radius: 8px; 9237 box-shadow: 0 10px 30px rgba(0,0,0,0.07); 9238 text-align: left; 9239 transition: transform 0.3s ease, box-shadow 0.3s ease; 9240 border: 1px solid rgba(0,0,0,0.05); 9241} 9242.hp-jtbd-triggers__card:hover { 9243 transform: translateY(-8px); 9244 box-shadow: 0 20px 45px rgba(0,0,0,0.12); 9245} 9246.hp-jtbd-triggers__icon { 9247 font-size: 0; 9248} 9249.hp-jtbd-triggers__icon .hp-jtbd-icon-img, 9250.hp-jtbd-triggers__icon img { 9251 width: 50px; 9252 height: 50px; 9253 object-fit: contain; 9254 margin-bottom: 15px; 9255} 9256.hp-jtbd-triggers__title { 9257 font-size: 1.5rem; 9258 font-weight: 600; 9259 margin: 15px 0; 9260} 9261.hp-jtbd-triggers__description { 9262 font-size: 1rem; 9263 line-height: 1.6; 9264 color: #333; 9265} 9266.hp-jtbd-triggers__quote { 9267 font-style: italic; 9268 color: #555; 9269 margin-top: 20px; 9270 border-top: 1px solid #eee; 9271 padding-top: 20px; 9272 font-weight: 500; 9273} 9274 9275.hp-jtbd-barriers { 9276 background-color: #f8f9fa; 9277 color: #1a1a1a; 9278 padding: 100px 0 0 0; 9279 text-align: left; 9280} 9281.hp-jtbd-barriers__list { 9282 max-width: 900px; 9283 margin: 50px auto 0; 9284 text-align: left; 9285} 9286.hp-jtbd-barriers__item { 9287 background-color: #ffffff; 9288 border: 1px solid #e0e0e0; 9289 border-radius: 8px; 9290 margin-bottom: 30px; 9291 overflow: hidden; 9292 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 9293} 9294.hp-jtbd-barriers__header { 9295 padding: 30px; 9296 background-color: transparent; 9297 display: flex; 9298 align-items: center; 9299 gap: 20px; 9300 border-bottom: 1px solid #e0e0e0; 9301 justify-content: center; 9302} 9303.hp-jtbd-barriers__icon { 9304 font-size: 0; 9305} 9306.hp-jtbd-barriers__icon .hp-jtbd-icon-img, 9307.hp-jtbd-barriers__icon img { 9308 width: 45px; 9309 height: 45px; 9310 object-fit: contain; 9311} 9312.hp-jtbd-barriers__title { 9313 font-size: 1.6rem; 9314 font-weight: 600; 9315 margin: 0; 9316 color: #1a1a1a; 9317} 9318.hp-jtbd-barriers__content-wrapper { 9319 display: grid; 9320 grid-template-columns: 1fr 1fr; 9321 text-align: center; 9322} 9323.hp-jtbd-barriers__content { 9324 padding: 30px; 9325} 9326.hp-jtbd-barriers__content--fear { 9327 border-right: 1px solid #e0e0e0; 9328} 9329.hp-jtbd-barriers__content strong { 9330 font-size: 1.1rem; 9331 text-transform: uppercase; 9332 letter-spacing: 0.5px; 9333 font-weight: 700; 9334} 9335.hp-jtbd-barriers__content p { 9336 margin-top: 10px; 9337 line-height: 1.7; 9338 color: #555; 9339 opacity: 0.9; 9340} 9341.hp-jtbd-barriers__content--fear strong { 9342 color: #d9534f; 9343} 9344.hp-jtbd-barriers__content--solution strong { 9345 color: #0275d8; 9346} 9347 9348.hp-jtbd-final-cta { 9349 background-color: #f8f9fa; 9350 padding: 50px 0 100px 0; 9351} 9352.hp-jtbd-final-cta__content { 9353 text-align: center; 9354 max-width: 700px; 9355 margin: 0 auto; 9356} 9357.hp-jtbd-final-cta__pretext { 9358 font-size: 1.25rem; 9359 font-weight: 500; 9360 color: #333; 9361 margin-bottom: 20px; 9362} 9363.hp-jtbd-final-cta__content .hp-jtbd-cta-button { 9364 margin-top: 0; 9365} 9366.hp-jtbd-final-cta__content .hp-jtbd-cta-button:hover { 9367 color: #f8f9fa; 9368} 9369 9370 9371@media (max-width: 900px) { 9372 .hp-jtbd-triggers__grid { 9373 grid-template-columns: 1fr 1fr; 9374 } 9375} 9376@media (max-width: 768px) { 9377 .hp-jtbd-section-heading { 9378 font-size: 2.2rem; 9379 } 9380 .hp-jtbd-hero__heading { 9381 font-size: 3rem; 9382 } 9383 .hp-jtbd-hero__subheading { 9384 font-size: 1.3rem; 9385 } 9386 .hp-jtbd-triggers__grid { 9387 grid-template-columns: 1fr; 9388 } 9389 .hp-jtbd-barriers__content-wrapper { 9390 grid-template-columns: 1fr; 9391 } 9392 .hp-jtbd-barriers__content--fear {
9393 border-right: none; 9394 border-bottom: 1px solid #e0e0e0; 9395 } 9396} 9397 9398 9399 9400 9401 9402/* 9403====================================== 9404ФÐÐÐÐЬÐÐРСТÐÐЬ СТÐÐ ÐÐÐÐ "ÐÐРТÐÐРСТÐÐ" (v9 - з ÑÐ¾Ð½Ð¾Ð²Ð¾Ñ ÑÑгÑÑоÑ) 9405====================================== 9406*/ 9407 9408/* --- 1. УнÑкалÑÐ½Ñ Ð·Ð¼ÑÐ½Ð½Ñ --- */ 9409:root { 9410 --partnerstvo-color-primary: #EBC277; 9411 --partnerstvo-color-primary-light: #fdfaf3; 9412 --partnerstvo-color-text: #333; 9413 --partnerstvo-color-text-light: #555; 9414 --partnerstvo-color-bg: #f5f5f5; 9415 --partnerstvo-color-bg-white: #ffffff; 9416 --partnerstvo-border-radius: 24px; 9417 --partnerstvo-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); 9418 --partnerstvo-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.1); 9419} 9420 9421/* --- 2. УнÑкалÑÐ½Ñ ÐÐ°Ð·Ð¾Ð²Ñ ÑÑÐ¸Ð»Ñ --- */ 9422.partnerstvo-page-wrapper { 9423 background-color: var(--partnerstvo-color-bg); 9424 color: var(--partnerstvo-color-text); 9425 overflow-x: hidden; 9426} 9427.partnerstvo-container { 9428 max-width: 1140px; 9429 margin: 0 auto; 9430 padding: 0 20px; 9431} 9432.partnerstvo-page section { 9433 padding: 80px 0; 9434} 9435.partnerstvo-page section:nth-child(even) { background-color: var(--partnerstvo-color-bg-white); } 9436.partnerstvo-page section:nth-child(odd) { background-color: var(--partnerstvo-color-bg); } 9437.partnerstvo-page h2 { 9438 font-size: 2.8rem; 9439 margin-bottom: 50px; 9440 text-align: left; 9441 color: #111; /* ЧоÑний */ 9442} 9443.partnerstvo-page h3 { 9444 font-size: 1.6rem; 9445 color: var(--partnerstvo-color-text); 9446 margin-bottom: 15px; 9447 text-align: left; 9448} 9449 9450/* ====================================== 94513. ÐлобалÑÐ½Ñ Ð¡ÑÑки 9452====================================== 9453*/ 9454/* СÑÑка 4-в-ÑÑд (Ð´Ð»Ñ ÐогоÑипÑв, ФоÑмаÑÑв) */ 9455.partnerstvo-grid-4-col { 9456 display: grid; 9457 grid-template-columns: repeat(4, 1fr); 9458 gap: 30px; 9459} 9460@media (max-width: 992px) { 9461 .partnerstvo-grid-4-col { 9462 grid-template-columns: repeat(2, 1fr); 9463 } 9464} 9465@media (max-width: 768px) { 9466 .partnerstvo-grid-4-col { 9467 grid-template-columns: 1fr; 9468 } 9469} 9470 9471/* СÑÑка 2-в-ÑÑд (Ð´Ð»Ñ "Ð§Ð¾Ð¼Ñ Ð¼Ð¸") */ 9472.partnerstvo-grid-2-col { 9473 display: grid; 9474 grid-template-columns: repeat(2, 1fr); 9475 gap: 30px; 9476 counter-reset: prospects-counter; /* ÐÑмеÑаÑÑÑ Ð´Ð»Ñ "Ð§Ð¾Ð¼Ñ Ð¼Ð¸" */ 9477} 9478@media (max-width: 992px) { 9479 .partnerstvo-grid-2-col { 9480 grid-template-columns: repeat(2, 1fr); 9481 } 9482} 9483@media (max-width: 768px) { 9484 .partnerstvo-grid-2-col { 9485 grid-template-columns: 1fr; 9486 } 9487} 9488 9489/* ====================================== 94904. ÐнÑмаÑÑÑ 9491====================================== 9492*/ 9493.partnerstvo-animate-card { 9494 opacity: 0; 9495 transform: translateY(30px); 9496 transition: opacity 0.6s ease-out, transform 0.6s ease-out; 9497} 9498.partnerstvo-animate-card.is-visible { 9499 opacity: 1; 9500 transform: translateY(0); 9501} 9502 9503/* ====================================== 95045. Ðлок 1: ÐеÑой 9505====================================== 9506*/ 9507.partnerstvo-hero { 9508 background-color: var(--partnerstvo-color-primary-light); 9509 text-align: left; 9510 padding: 100px 0; 9511 position: relative; 9512 overflow: hidden; 9513} 9514.partnerstvo-hero::after { 9515 content: ''; 9516 position: absolute; 9517 top: 50%; 9518 right: 0; 9519 transform: translateY(-50%) translateX(50%); 9520 width: 800px; 9521 height: 800px; 9522 background: radial-gradient( 9523 circle, 9524 var(--partnerstvo-color-primary) 0%, 9525 rgba(235, 194, 119, 0.5) 30%, 9526 transparent 70% 9527 ); 9528 opacity: 0.4; 9529 z-index: 0; 9530} 9531.partnerstvo-hero .partnerstvo-container { 9532 position: relative; 9533 z-index: 2; 9534} 9535.partnerstvo-hero-text-content { 9536 max-width: 70%; 9537} 9538.partnerstvo-hero h1 { 9539 color: #111; 9540 font-size: 3.8rem; 9541 margin-bottom: 25px; 9542 line-height: 1.3; 9543} 9544.partnerstvo-hero .partnerstvo-subtitle { 9545 font-size: 1.3rem; 9546 line-height: 1.7; 9547 max-width: 700px; 9548 margin: 0; 9549 opacity: 0.9; 9550} 9551.partnerstvo-hero-marker-wrapper { 9552 position: relative; 9553 display: inline-block; 9554 white-space: nowrap; 9555} 9556.partnerstvo-hero-marker-wrapper::after { 9557 content: ''; 9558 position: absolute; 9559 bottom: 2px; 9560 left: -2%; 9561 width: 104%; 9562 height: 16px; 9563 background-color: var(--partnerstvo-color-primary); 9564 opacity: 0.8; 9565 z-index: -1; 9566 border-radius: 4px; 9567 transform: skew(-15deg); 9568} 9569@media (max-width: 992px) { 9570 .partnerstvo-hero::after { width: 600px; height: 600px; opacity: 0.3; } 9571 .partnerstvo-hero-text-content { max-width: 80%; } 9572 .partnerstvo-hero h1 { font-size: 3rem; } 9573} 9574@media (max-width: 768px) { 9575 .partnerstvo-hero::after { opacity: 0.2; right: -100px; } 9576 .partnerstvo-hero-text-content { max-width: 100%; } 9577 .partnerstvo-hero { padding: 60px 0; } 9578 .partnerstvo-hero h1 { font-size: 2.8rem; } 9579} 9580 9581/* ====================================== 95826. Ðлок 1.1: "Ð§Ð¾Ð¼Ñ Ð¼Ð¸" (2x2) 9583====================================== 9584*/ 9585.partnerstvo-prospect-item { 9586 background: var(--partnerstvo-color-bg-white); 9587 border-radius: var(--partnerstvo-border-radius); 9588 box-shadow: var(--partnerstvo-shadow); 9589 padding: 40px; 9590 text-align: left; 9591 transition: transform 0.3s ease, box-shadow 0.3s ease; 9592 position: relative; 9593 overflow: hidden; 9594} 9595.partnerstvo-prospect-item:hover { 9596 transform: translateY(-10px); 9597 box-shadow: var(--partnerstvo-shadow-hover); 9598} 9599.partnerstvo-prospect-item::before { 9600 counter-increment: prospects-counter; 9601 content: "0" counter(prospects-counter); 9602 position: absolute; 9603 top: 0px; 9604 left: 25px; 9605 z-index: 1; 9606 font-size: 6rem; 9607 font-weight: 700; 9608 color: var(--partnerstvo-color-primary); 9609 opacity: 0.15; 9610 line-height: 1; 9611} 9612.partnerstvo-prospect-icon, 9613.partnerstvo-prospect-item h3, 9614.partnerstvo-prospect-item p { 9615 position: relative; 9616 z-index: 2; 9617} 9618.partnerstvo-prospect-icon { 9619 width: 90px; 9620 height: 90px; 9621 margin: 0 0 25px; 9622 background-color: var(--partnerstvo-color-primary); 9623 border-radius: 50%; 9624 display: flex; 9625 align-items: center; 9626 justify-content: center; 9627} 9628.partnerstvo-prospect-icon img { 9629 width: 45px; 9630 height: 45px; 9631 object-fit: contain; 9632} 9633.partnerstvo-prospect-item h3 { 9634 font-size: 1.3rem; 9635 font-weight: 600; 9636 line-height: 1.4; 9637 margin-bottom: 10px; 9638} 9639.partnerstvo-prospect-item p { 9640 font-size: 1rem; 9641 line-height: 1.6; 9642 color: var(--partnerstvo-color-text-light); 9643 margin: 0; 9644} 9645 9646/* ====================================== 96477. Ðлок 2: Таби паÑÑнеÑÑв 9648====================================== 9649*/ 9650.partnerstvo-tabs-nav { 9651 display: flex; 9652 justify-content: center; 9653 border-bottom: 2px solid #eee; 9654 margin-bottom: 40px; 9655} 9656.partnerstvo-tab-link { 9657 border: none; 9658 background: none; 9659 padding: 15px 30px; 9660 cursor: pointer; 9661 font-size: 1.2rem; 9662 font-weight: 600; 9663 color: var(--partnerstvo-color-text-light); 9664 border-bottom: 3px solid transparent; 9665 margin-bottom: -2px; 9666 transition: color 0.3s, border-color 0.3s; 9667} 9668.partnerstvo-tab-link:hover { color: var(--partnerstvo-color-primary); } 9669.partnerstvo-tab-link.active { 9670 color: var(--partnerstvo-color-primary); 9671 border-bottom-color: var(--partnerstvo-color-primary); 9672} 9673.partnerstvo-tab-pane { display: none; } 9674.partnerstvo-tab-pane.active { display: block; } 9675.partnerstvo-logo-item { 9676 background: var(--partnerstvo-color-bg-white); 9677 border: 1px solid #e0e0e0; 9678 border-radius: var(--partnerstvo-border-radius); 9679 padding: 25px; 9680 display: flex; 9681 flex-direction: column; 9682 align-items: center; 9683 justify-content: center; 9684 transition: box-shadow 0.3s ease; 9685 min-height: 200px; 9686 text-align: center; 9687} 9688.partnerstvo-logo-item:hover { box-shadow: var(--partnerstvo-shadow); } 9689.partnerstvo-logo-item img { 9690 max-width: 100%; 9691 height: 90px; 9692 object-fit: contain; 9693 margin-bottom: 15px; 9694} 9695.partnerstvo-logo-item p { 9696 font-size: 15px; 9697 color: var(--partnerstvo-color-text-light); 9698 line-height: 1.5; 9699} 9700 9701/* ====================================== 97028. Ðлок 3: ФоÑмаÑи (4-в-ÑÑд) 9703====================================== 9704*/ 9705.partnerstvo-format-item { 9706 background: var(--partnerstvo-color-bg-white); 9707 border-radius: var(--partnerstvo-border-radius); 9708 box-shadow: var(--partnerstvo-shadow); 9709 padding: 40px; 9710 border-top: 5px solid var(--partnerstvo-color-primary); 9711} 9712.partnerstvo-format-item h3 { font-size: 1.4rem; } 9713.partnerstvo-format-item p { 9714 font-size: 1.1rem; 9715 line-height: 1.8; 9716 color: var(--partnerstvo-color-text-light); 9717} 9718 9719/* ====================================== 97209. Ðлок 4: Ðигоди (ÐÐТÐÐ ÐÐТÐÐÐÐÐ + ФÐÐУРÐ) 9721====================================== 9722*/ 9723.partnerstvo-interactive-grid { 9724 display: grid; 9725 grid-template-columns: 1fr 1fr; 9726 gap: 60px; 9727 align-items: flex-start; 9728} 9729@media (max-width: 992px) { 9730 .partnerstvo-interactive-grid { 9731 grid-template-columns: 1fr; 9732 } 9733} 9734/* Ðолонка 1: ÐенÑ-ÐккоÑдеон */ 9735.partnerstvo-accordion-menu { 9736 display: flex; 9737 flex-direction: column; 9738 gap: 15px; 9739} 9740/* ÐбгоÑÑка Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ Ñа опиÑÑ */ 9741.partnerstvo-accordion-item { 9742 background: var(--partnerstvo-color-bg-white); 9743 border-radius: var(--partnerstvo-border-radius); 9744 box-shadow: var(--partnerstvo-shadow); 9745 overflow: hidden; 9746 transition: box-shadow 0.3s ease; 9747} 9748.partnerstvo-accordion-item:hover { 9749 box-shadow: var(--partnerstvo-shadow-hover); 9750} 9751.partnerstvo-accordion-btn { 9752 background: none; 9753 border: none; 9754 padding: 0; 9755 margin: 0; 9756 font: inherit; 9757 color: inherit; 9758 cursor: pointer; 9759 width: 100%; 9760 display: block; 9761 text-align: left; 9762 padding: 20px 25px; 9763 font-size: 1.2rem; 9764 font-weight: 600; 9765 background-color: var(--partnerstvo-color-bg-white); 9766 transition: background-color 0.3s ease; 9767 position: relative; 9768 padding-right: 50px; 9769} 9770.partnerstvo-accordion-btn::after { 9771 content: '+'; 9772 position: absolute; 9773 right: 25px; 9774 top: 50%; 9775 transform: translateY(-50%); 9776 font-size: 1.8rem; 9777 font-weight: 300; 9778 color: var(--partnerstvo-color-primary); 9779 transition: transform 0.3s ease; 9780} 9781/* ÐкÑивний ÑÑан (ÑвÑй дизайн) */ 9782.partnerstvo-accordion-btn.active { 9783 background-color: var(--partnerstvo-color-primary-light); 9784 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 9785} 9786.partnerstvo-accordion-btn.active::after { 9787 content: 'â'; 9788 transform: translateY(-50%) rotate(180deg); 9789} 9790/* Ðлок опиÑÑ (ÑвÑй дизайн) */ 9791.partnerstvo-accordion-content { 9792 max-height: 0; 9793 overflow: hidden; 9794 transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); 9795 background-color: var(--partnerstvo-color-primary-light);
9796 padding: 0 30px; 9797} 9798/* ÐнÑмаÑÑÑ Ð¿Ð¾Ñви ÑекÑÑÑ */ 9799.partnerstvo-accordion-btn.active + .partnerstvo-accordion-content { 9800 padding: 25px 30px; 9801} 9802.partnerstvo-accordion-content p { 9803 margin: 0; 9804 font-size: 1.1rem; 9805 line-height: 1.7; 9806 color: var(--partnerstvo-color-text); 9807} 9808/* Ðолонка 2: ÐиÑплей з каÑÑинками (ÐÐÐÐÐÐÐРз ÑÑгÑÑоÑ) */ 9809.partnerstvo-image-display { 9810 position: relative; 9811 width: 100%; 9812 aspect-ratio: 4 / 3; 9813 border-radius: var(--partnerstvo-border-radius); 9814 overflow: hidden; 9815 background-color: var(--partnerstvo-color-bg-white); /* ÐÑлий Ñон */ 9816 position: -webkit-sticky; 9817 position: sticky; 9818 top: 100px; 9819} 9820@media (max-width: 992px) { 9821 .partnerstvo-image-display { 9822 position: relative; 9823 top: 0; 9824 margin-bottom: 30px; 9825 } 9826} 9827/* ÐÐÐРФÐÐÐÐРФÐÐУРР*/ 9828.partnerstvo-image-display::before { 9829 content: ''; 9830 position: absolute; 9831 top: 50%; 9832 left: 50%; 9833 width: 80%; 9834 height: 80%; 9835 background-color: var(--partnerstvo-color-primary); 9836 opacity: 0.15; 9837 transform: translate(-50%, -50%) rotate(15deg); 9838 border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; 9839 z-index: 1; /* ÐРкаÑÑÐ¸Ð½ÐºÐ¾Ñ */ 9840 animation: partnerstvo-blob-morph 15s infinite alternate; 9841} 9842/* ÐлÑÑÐ¾Ð²Ñ ÐºÐ°Ð´Ñи Ð´Ð»Ñ Ð°Ð½ÑмаÑÑÑ ÑÑгÑÑи */ 9843@keyframes partnerstvo-blob-morph { 9844 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 9845 100% { border-radius: 40% 60% 70% 30% / 40% 70% 30% 60%; } 9846} 9847.partnerstvo-benefit-image { 9848 position: absolute; 9849 top: 0; 9850 left: 0; 9851 width: 100%; 9852 height: 100%; 9853 opacity: 0; 9854 transform: scale(1.05); 9855 transition: opacity 0.5s ease, transform 0.5s ease; 9856 padding: 20px; 9857 z-index: 2; /* ÐÐÐ ÐÐ ÑÑгÑÑÐ¾Ñ */ 9858} 9859.partnerstvo-benefit-image.active { 9860 opacity: 1; 9861 transform: scale(1); 9862} 9863.partnerstvo-benefit-image img { 9864 width: 100%; 9865 height: 100%; 9866 object-fit: contain; 9867 position: relative; 9868 z-index: 2; 9869} 9870 9871/* ====================================== 987210. Ðлок 5: Як ÑÑаÑи (1 колонка) 9873====================================== 9874*/ 9875.partnerstvo-how-to-steps-list { 9876 counter-reset: steps-counter; 9877 display: grid; 9878 grid-template-columns: 1fr; 9879 gap: 20px; 9880 max-width: 800px; 9881 margin: 0 auto; 9882} 9883.partnerstvo-how-to-step-item { 9884 position: relative; 9885 padding: 30px 30px 30px 120px; 9886 background: var(--partnerstvo-color-bg-white); 9887 border-radius: var(--partnerstvo-border-radius); 9888 box-shadow: var(--partnerstvo-shadow); 9889 font-size: 1.2rem; 9890 line-height: 1.7; 9891 min-height: 100px; 9892 display: flex; 9893 align-items: center; 9894 overflow: hidden; 9895 transition: transform 0.3s ease, box-shadow 0.3s ease; 9896} 9897.partnerstvo-how-to-step-item:hover { 9898 transform: translateY(-5px); 9899 box-shadow: var(--partnerstvo-shadow-hover); 9900} 9901.partnerstvo-how-to-step-item p { margin: 0; z-index: 2; } 9902.partnerstvo-how-to-step-item::before { 9903 counter-increment: steps-counter; 9904 content: "0" counter(steps-counter); 9905 position: absolute; 9906 left: 20px; 9907 top: 50%; 9908 transform: translateY(-50%); 9909 font-size: 5.5rem; 9910 font-weight: 700; 9911 color: var(--partnerstvo-color-primary); 9912 opacity: 0.15; 9913 z-index: 1; 9914 line-height: 1; 9915} 9916@media (max-width: 992px) { 9917 .partnerstvo-how-to-step-item { 9918 font-size: 1.1rem; 9919 padding: 25px 25px 25px 100px; 9920 min-height: auto; 9921 } 9922 .partnerstvo-how-to-step-item::before { font-size: 4.5rem; } 9923} 9924 9925/* 9926====================================== 992711. Ðлок 6: ФоÑма (СÐÐ ÐЩÐÐÐ ÐÐРСÐЯ РФÐÐÐÐ) 9928====================================== 9929*/ 9930 9931/* * ÐÐÐÐÐÐÐÐЯ: Ðи гаÑанÑÑÑмо, Ñо вÑÑ ÑекÑÑÑ ÑоÑми 9932 * Ð¼Ð°Ñ ÑÑÑий Ñон, Ñоб наÑа бÑла каÑÑка видÑлÑлаÑÑ. 9933*/ 9934.partnerstvo-form-block { 9935 background-color: var(--partnerstvo-color-bg) !important; /* СÑÑий Ñон */ 9936 text-align: left; 9937} 9938 9939/* 9940 * ====================================== 9941 * ÐСЬ ТÐÐЯ "ÐÐÐÐÐÐÐ" / ФÐÐ ÐÐЯ ФÐÐ ÐÐ 9942 * ====================================== 9943*/ 9944.partnerstvo-form-card-wrapper { 9945 max-width: 800px; /* ÐбмежÑÑмо ÑиÑÐ¸Ð½Ñ ÑоÑми */ 9946 margin: 0 auto; /* ЦенÑÑÑÑмо ÑÑ */ 9947 background-color: var(--partnerstvo-color-bg-white);
9947 /* ÐÑлий Ñон */ 9948 border-radius: var(--partnerstvo-border-radius); /* Ð¢Ð²Ð¾Ñ Ð·Ð°Ð¾ÐºÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 9949 box-shadow: var(--partnerstvo-shadow); /* ТÑÐ½Ñ */ 9950 padding: 40px; /* ÐнÑÑÑÑÑÐ½Ñ Ð²ÑдÑÑÑпи */ 9951} 9952@media (max-width: 768px) { 9953 .partnerstvo-form-card-wrapper { 9954 padding: 30px 25px; /* ÐенÑе вÑдÑÑÑпÑв на мобÑлÑÐ½Ð¸Ñ */ 9955 } 9956} 9957 9958/* Ðаголовок Ñа Ð¾Ð¿Ð¸Ñ Ð²ÑеÑÐµÐ´Ð¸Ð½Ñ ÐºÐ°ÑÑки */ 9959.partnerstvo-form-header h2 { 9960 margin-top: 0; 9961} 9962.partnerstvo-form-header p { 9963 font-size: 1.2rem; 9964 color: var(--partnerstvo-color-text-light); 9965 max-width: 100%; 9966 margin: -15px 0 30px; 9967} 9968 9969/* --- СÑилÑзаÑÑÑ ÑÐ°Ð¼Ð¾Ñ ÑоÑми (CF7) --- */ 9970 9971/* СÑÑка 2x2 Ð´Ð»Ñ Ð²ÐµÑÑ Ð½ÑÑ Ð¿Ð¾Ð»Ñв */ 9972.partnerstvo-form-content .partnerstvo-form-grid { 9973 display: grid; 9974 grid-template-columns: 1fr 1fr; 9975 gap: 20px 25px; 9976} 9977@media (max-width: 768px) { 9978 .partnerstvo-form-content .partnerstvo-form-grid { 9979 grid-template-columns: 1fr; 9980 } 9981} 9982 9983/* ÐÑÑпа полÑв */ 9984.partnerstvo-form-group { 9985 margin-bottom: 25px; 9986} 9987.partnerstvo-form-block label { 9988 font-size: 1rem; 9989 font-weight: 600; 9990 color: var(--partnerstvo-color-text); 9991 display: block; 9992 margin-bottom: 10px; 9993} 9994 9995/* Ðизайн "ТÑлÑки лÑнÑÑ" */ 9996.partnerstvo-form-block input[type="text"], 9997.partnerstvo-form-block input[type="email"], 9998.partnerstvo-form-block input[type="tel"], 9999.partnerstvo-form-block textarea { 10000 width: 100%; 10001 padding: 10px 5px; 10002 font-size: 1rem; 10003 background-color: transparent; 10004 border: none; 10005 border-bottom: 2px solid #ddd; 10006 border-radius: 0; 10007 box-shadow: none; 10008 transition: border-color 0.3s ease; 10009} 10010.partnerstvo-form-block textarea { 10011 min-height: 100px; 10012 resize: vertical; 10013} 10014.partnerstvo-form-block input:focus, 10015.partnerstvo-form-block textarea:focus { 10016 outline: none; 10017 border-bottom-color: var(--partnerstvo-color-primary); 10018 box-shadow: none; 10019} 10020 10021/* СÑилÑзаÑÑÑ Ð Ð°Ð´Ñо-кнопок */ 10022.partnerstvo-form-radio .wpcf7-list-item { 10023 display: inline-flex; 10024 align-items: center; 10025 margin-right: 20px; 10026 margin-bottom: 10px; 10027 cursor: pointer; 10028} 10029.partnerstvo-form-radio .wpcf7-list-item-label { font-size: 1rem; font-weight: 500; } 10030.partnerstvo-form-radio input[type="radio"] { 10031 appearance: none; -webkit-appearance: none; 10032 width: 20px; height: 20px; 10033 border: 2px solid #ccc; 10034 border-radius: 50%; 10035 margin: 0 10px 0 0; 10036 cursor: pointer; 10037 transition: border-color 0.3s ease; 10038 position: relative; top: -1px; 10039} 10040.partnerstvo-form-radio input[type="radio"]:checked { 10041 border-color: var(--partnerstvo-color-primary); 10042} 10043.partnerstvo-form-radio input[type="radio"]::after { 10044 content: ''; display: block; 10045 width: 10px; height: 10px; 10046 border-radius: 50%; 10047 background-color: var(--partnerstvo-color-primary); 10048 position: absolute; top: 50%; left: 50%; 10049 transform: translate(-50%, -50%) scale(0); 10050 transition: transform 0.2s ease; 10051} 10052.partnerstvo-form-radio input[type="radio"]:checked::after { 10053 transform: translate(-50%, -50%) scale(1); 10054} 10055 10056/* Ðнопка на 100% ÑиÑини */ 10057.partnerstvo-form-submit { margin-top: 20px; } 10058.partnerstvo-form-submit input[type="submit"] { 10059 width: 100%; 10060 background-color: var(--partnerstvo-color-primary); 10061 color: #111; 10062 font-size: 1.2rem; 10063 font-weight: 600; 10064 padding: 20px 40px; 10065 border: none; 10066 border-radius: var(--partnerstvo-border-radius); 10067 cursor: pointer; 10068 transition: background-color 0.3s ease, transform 0.3s ease; 10069} 10070.partnerstvo-form-submit input[type="submit"]:hover { 10071 background-color: #f7d59b; 10072 transform: translateY(-3px); 10073} 10074 10075/* ÐовÑÐ´Ð¾Ð¼Ð»ÐµÐ½Ð½Ñ CF7 */ 10076.partnerstvo-form-block .wpcf7-response-output { 10077 border-radius: var(--partnerstvo-border-radius); 10078 padding: 20px; 10079} 10080.partnerstvo-form-block .wpcf7-not-valid-tip { font-size: 0.9rem; } 10081 10082 10083/* ====================================== 100847. Ðлок 2: Таби паÑÑнеÑÑв (ЧÐСТÐÐ ÐÐÐÐÐÐ) 10085====================================== 10086*/ 10087/* ... (ÑÑÐ¸Ð»Ñ tabs-nav залиÑаÑÑÑÑÑ Ð±ÐµÐ· змÑн) ... */ 10088 10089.partnerstvo-logo-item { 10090 background: var(--partnerstvo-color-bg-white); 10091 border: 1px solid #e0e0e0; 10092 border-radius: var(--partnerstvo-border-radius); 10093 /* Робимо ÑÑкÑÐ¾Ð²Ð°Ð½Ñ Ð²Ð¸ÑоÑÑ Ð´Ð»Ñ Ð°ÐºÑÑаÑноÑÑÑ */ 10094 height: 180px; 10095 padding: 30px; 10096 display: flex; 10097 align-items: center; 10098 justify-content: center; 10099 transition: all 0.3s ease; 10100 cursor: pointer; 10101 position: relative; 10102} 10103
10104/* ÐÑÐµÐºÑ Ð¿Ñи наведеннÑ: легкий пÑдйом Ñ Ð·Ð¾Ð»Ð¾Ñа ÑÑÐ½Ñ */ 10105.partnerstvo-logo-item:hover { 10106 transform: translateY(-5px); 10107 border-color: var(--partnerstvo-color-primary); 10108 box-shadow: 0 10px 25px rgba(235, 194, 119, 0.25); 10109} 10110 10111.partnerstvo-logo-item img { 10112 max-width: 100%; 10113 max-height: 100%; 10114 object-fit: contain; 10115 filter: grayscale(100%); /* Ðого ÑÑÑÑ Ð·Ð° замовÑÑваннÑм */ 10116 opacity: 0.7; 10117 transition: all 0.3s ease; 10118} 10119 10120.partnerstvo-logo-item:hover img { 10121 filter: grayscale(0%); /* СÑаÑÑÑ ÐºÐ¾Ð»ÑоÑовими пÑи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 10122 opacity: 1; 10123 transform: scale(1.05); 10124} 10125 10126 10127/* 10128====================================== 1012912. ÐодалÑне вÑкно (PREMIUM DESIGN з ÑÑгÑÑами) 10130====================================== 10131*/ 10132 10133.partnerstvo-modal { 10134 position: fixed; 10135 top: 0; left: 0; 10136 width: 100%; height: 100%; 10137 z-index: 9999; 10138 display: flex; 10139 align-items: center; 10140 justify-content: center; 10141 opacity: 0; 10142 visibility: hidden; 10143 transition: opacity 0.3s ease, visibility 0.3s ease; 10144 padding: 20px; /* ÐÑдÑÑÑп на мобÑлÑÐ½Ð¸Ñ */ 10145} 10146 10147.partnerstvo-modal.active { 10148 opacity: 1; 10149 visibility: visible; 10150} 10151 10152.partnerstvo-modal-overlay { 10153 position: absolute; 10154 top: 0; left: 0; 10155 width: 100%; height: 100%; 10156 background-color: rgba(20, 20, 20, 0.6); /* ТемнÑÑий Ñон */ 10157 backdrop-filter: blur(8px); /* СилÑнÑÑе ÑозмиÑÑÑ */ 10158} 10159 10160/* ÐÐРТÐÐ ÐÐÐÐÐÐÐ */ 10161.partnerstvo-modal-content { 10162 position: relative; 10163 background-color: var(--partnerstvo-color-bg-white); 10164 width: 100%; 10165 max-width: 550px; 10166 border-radius: 30px; /* ÐÑже м'ÑÐºÑ ÐºÑÑи */ 10167 box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3); 10168 text-align: center; 10169 transform: translateY(30px) scale(0.95); 10170 transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); /* ÐÑÐµÐºÑ "пÑÑжини" */ 10171 overflow: hidden; /* ÐбÑÑзаÑмо ÑÑгÑÑи */ 10172 z-index: 10000; 10173 padding: 0; /* ÐÑдÑÑÑпи задамо внÑÑÑÑÑнÑÐ¾Ð¼Ñ Ð±Ð»Ð¾ÐºÑ */ 10174} 10175 10176.partnerstvo-modal.active .partnerstvo-modal-content { 10177 transform: translateY(0) scale(1); 10178} 10179 10180/* * --- ФÐÐÐÐРФÐÐУРР(RASTER SHAPES) --- 10181 * Ðи викоÑиÑÑовÑÑмо пÑевдо-елеменÑи, Ñоб ÑÑвоÑиÑи 10182 * абÑÑÑакÑÐ½Ñ Ð¿Ð»Ñми Ñвого колÑоÑÑ Ð½Ð° ÑонÑ. 10183*/ 10184.partnerstvo-modal-content::before, 10185.partnerstvo-modal-content::after { 10186 content: ''; 10187 position: absolute; 10188 border-radius: 50%; 10189 filter: blur(40px); /* ÐÑÐµÐºÑ ÑозмиÑÑÑ (Raster look) */ 10190 z-index: 0; /* Ðа заднÑÐ¾Ð¼Ñ Ð¿Ð»Ð°Ð½Ñ */ 10191} 10192 10193/* ÐлÑма 1 (ÐеÑÑ Ð½Ñй пÑавий кÑÑ) */ 10194.partnerstvo-modal-content::before { 10195 top: -50px; 10196 right: -50px; 10197 width: 200px; 10198 height: 200px; 10199 background-color: rgba(235, 194, 119, 0.15); /* #EBC277 дÑже пÑозоÑий */ 10200} 10201 10202/* ÐлÑма 2 (ÐижнÑй лÑвий кÑÑ) */ 10203.partnerstvo-modal-content::after { 10204 bottom: -30px; 10205 left: -30px; 10206 width: 150px; 10207 height: 150px; 10208 background-color: rgba(235, 194, 119, 0.1); 10209} 10210 10211/* ÐмÑÑÑ Ð¼Ð¾Ð´Ð°Ð»ÐºÐ¸ (повеÑÑ Ð¿Ð»Ñм) */ 10212.partnerstvo-modal-body { 10213 position: relative; 10214 z-index: 1; 10215 padding: 50px 40px; 10216} 10217 10218/* ÐогоÑип */ 10219.partnerstvo-modal-logo { 10220 width: 120px; 10221 height: 120px; 10222 margin: 0 auto 25px; 10223 background: #fff; 10224 border-radius: 50%; 10225 box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* ТÑÐ½Ñ Ð´Ð»Ñ Ð¾Ð±'ÑÐ¼Ñ */ 10226 display: flex; 10227 align-items: center; 10228 justify-content: center; 10229 border: 1px solid #f0f0f0; 10230} 10231.partnerstvo-modal-logo img { 10232 max-width: 70%; 10233 max-height: 70%; 10234 object-fit: contain; 10235} 10236 10237/* ТекÑÑи */ 10238.partnerstvo-modal-content h3 { 10239 font-size: 1.8rem; 10240 color: #111; 10241 margin: 0 0 15px; 10242 text-align: center; 10243} 10244 10245.partnerstvo-modal-content p { 10246 font-size: 1.1rem; 10247 color: var(--partnerstvo-color-text-light); 10248 line-height: 1.6; 10249 margin-bottom: 35px; 10250} 10251 10252/* Ðнопка */ 10253.partnerstvo-modal-btn { 10254 display: inline-block; 10255 background-color: var(--partnerstvo-color-primary); 10256 color: #111; 10257 font-size: 1.1rem; 10258 font-weight: 700; 10259 padding: 18px 45px; 10260 border-radius: 50px; /* Pill shape */ 10261 text-decoration: none; 10262 transition: all 0.3s ease; 10263 box-shadow: 0 5px 15px rgba(235, 194, 119, 0.4); 10264} 10265.partnerstvo-modal-btn:hover { 10266 background-color: #f7d59b; 10267 transform: translateY(-3px); 10268 box-shadow: 0 8px 20px rgba(235, 194, 119, 0.6); 10269} 10270 10271/* Ð¥ÑеÑÑик */ 10272.partnerstvo-modal-close { 10273 position: absolute; 10274 top: 20px; 10275 right: 20px; 10276 width: 40px; 10277 height: 40px; 10278 background: rgba(255,255,255,0.5); 10279 border-radius: 50%; 10280 border: none; 10281 font-size: 24px; 10282 line-height: 1; 10283 color: #333; 10284 cursor: pointer; 10285 transition: all 0.3s ease; 10286 z-index: 2; 10287 display: flex; 10288 align-items: center; 10289 justify-content: center; 10290}
10291.partnerstvo-modal-close:hover { 10292 background: #fff; 10293 transform: rotate(90deg); 10294 color: #Eda009; /* ЧеÑвоний пÑи наведеннÑ, або можна ÑвÑй золоÑий */ 10295} 10296 10297.partnerstvo-logo-item img { 10298 /* drop-shadow паÑамеÑÑÑ: ÑмеÑение-X ÑмеÑение-Y ÑазмÑÑие ÑвеÑ. 10299 ÐÑ Ð¿ÐµÑеÑиÑлÑем ÑилÑÑÑÑ ÑеÑез пÑобел: ÑнаÑала Ñ/б, поÑом ÑенÑ. 10300 */ 10301 filter: grayscale(100%) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8)); 10302 10303 /* ÐÐ»Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾ÑÑи пÑи наведении, еÑли нÑжно */ 10304 transition: filter 0.3s ease; 10305} 10306 10307/* ÐпÑионалÑно: ÑбиÑаÑÑ Ñ/б и ÑÐµÐ½Ñ Ð¿Ñи наведении */ 10308.partnerstvo-logo-item img:hover { 10309 filter: grayscale(0%) drop-shadow(none); 10310} 10311</style> 10312 10313 <link rel="preconnect" href="https://fonts.googleapis.com"> 10314 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10315 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap" rel="stylesheet"> 10316 10317 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> 10318 10319 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" 10320 integrity="sha384-Q8BgkilbsFGYNNiDqJm69hvDS7NCJWOodvfK/cwTyQD4VQA0qKzuPpvqNER1UC0F" 10321 crossorigin="anonymous" referrerpolicy="no-referrer" /> 10322 10323 <link rel="stylesheet" href="/wp-content/themes/burot/css/custom-style.css"> 10324 10325<!--UniTalk call-tracking and website widgets--> 10326<!--
10326<script async src="https://api.unitalk.cloud/script/11832/2764"></script>
10326--> 10327 10328 10329 10330<meta name="google-site-verification" content="Vpo9cV9q72mzClfrmt4Po8OTFffgvRWCideoE2ZV4NU" /> 10331<meta name="google-site-verification" content="OK7dADHjOjz1vAXkMQWUlwY3AocSkBt5znEm-BoB2rI" /> 10332<meta name="msvalidate.01" content="2012C979313F119E62006AAE7E2BE8D4" /> 10333
10333<script type="text/javascript"> 10334 (function(c,l,a,r,i,t,y){ 10335 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 10336 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 10337 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 10338 })(window, document, "clarity", "script", "vuof2r04ik"); 10339</script>
10339 10340<link rel='stylesheet' id='contact-form-7-css' href='https://burocompany.com.ua/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' /> 10341<link rel='stylesheet' id='yasrcss-css' href='https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/css/yasr.css?ver=3.4.15' media='all' /> 10342<style id="yasrcss-inline-css"> 10343 10344 .yasr-star-rating { 10345 background-image: url('https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/img/star_2.svg'); 10346 } 10347 .yasr-star-rating .yasr-star-value { 10348 background: url('https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/img/star_3.svg') ; 10349 } 10350/*# sourceURL=yasrcss-inline-css */ 10351</style> 10352 10353<meta name="generator" content="WP Rocket 3.20.3" data-wpr-features="wpr_preload_links wpr_desktop" /></head> 10354 10355<body class="wp-singular service-template-default single single-service postid-20 wp-custom-logo wp-theme-burot"> 10356<div data-rocket-location-hash="54257ff4dc2eb7aae68fa23eb5f11e06" id="page" class="site"> 10357 <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> 10358 10359<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 10359-10360
10359 10360<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10360GTM-TGK76JPM
vendor: 83 bytes, lines 10360-10361
10360" 10361height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10362<!-- End Google Tag Manager (noscript) --> 10363 10364 <header data-rocket-location-hash="e04a1d2c6cea256152f41f7049046fd5" class="header"> 10365 <div data-rocket-location-hash="40f22408a88335a0945fffe944caafc3" class="container"> 10366 <div class="header__inner"> 10367 <div class="site-branding"> 10368 <a href="https://burocompany.com.ua/" class="custom-logo-link" rel="home"><img width="105" height="105" src="https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png" class="custom-logo" alt="logo" decoding="async" /></a> </div> 10369 <nav id="site-navigation" class="main-navigation"> 10370 <ul id="primary-menu" class="menu"><li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="/">Ðоловна</a></li> 10371<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="/about-us">ÐÑо наÑ</a></li> 10372<li id="menu-item-4734" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-4734"><a href="/about-us/#service">ÐоÑлÑги</a> 10373<ul class="sub-menu"> 10374 <li id="menu-item-4736" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4736"><a href="http://burocompany.com.ua/about-us/#mgmt-solutions">УпÑавлÑнÑÑÐºÑ ÑÑÑеннÑ</a> 10375 <ul class="sub-menu"> 10376 <li id="menu-item-4761" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-4761"><a href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" aria-current="page">ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ <span class="menu-item-badge">ФÐÐÐÐÐÐ</span></a></li> 10377 <li id="menu-item-4762" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4762"><a href="https://burocompany.com.ua/service/biudzhetuvannia-ta-finansove-planuvannia-zamovyty-posluhy-z-biudzhetuvannia/">ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð±ÑджеÑÑваннÑ</a></li> 10378 <li id="menu-item-4763" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4763"><a href="https://burocompany.com.ua/service/posluhy-finansovoho-konsaltynhu-ekonomist-na-autsors/">ФÑнанÑовий конÑалÑинг</a></li> 10379 <li id="menu-item-4764" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4764"><a href="https://burocompany.com.ua/service/ekonomist-na-autsors-vid-biuro/">ÐкономÑÑÑ Ð½Ð° аÑÑÑоÑÑ</a></li> 10380 </ul> 10381</li> 10382 <li id="menu-item-4735" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4735"><a href="http://burocompany.com.ua/about-us/#accounting-support">ÐÑÑ Ð³Ð°Ð»ÑеÑÑÑкий облÑк</a> 10383 <ul class="sub-menu"> 10384 <li id="menu-item-4765" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4765"><a href="https://burocompany.com.ua/service/bukhhalterskyy-oblik-tov-zamovyty-posluhy-bukhhaltera-dlia-tov-za-hnuchkymy-tsinamy/">ÐÑÑ Ð³Ð°Ð»ÑÐµÑ Ð´Ð»Ñ Ð¢ÐÐ</a></li> 10385 <li id="menu-item-4766" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4766"><a href="https://burocompany.com.ua/service/posluhy-bukhhaltera-dlia-fop-zamovyty-vedennia-bukhhalterii-fop-za-hnuchkymy-tsinamy/">ÐÑÑ Ð³Ð°Ð»ÑÐµÑ Ð´Ð»Ñ Ð¤ÐÐ</a></li> 10386 <li id="menu-item-4767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4767"><a href="https://burocompany.com.ua/service/vidnovlennia-obliku-ta-zvitnosti-zamovyty-posluhu-vidnovlennia-bukhhalterskoho-obliku/">ÐÑÐ´Ð½Ð¾Ð²Ð»ÐµÐ½Ð½Ñ Ð±ÑÑ Ð¾Ð±Ð»ÑкÑ</a></li> 10387 <li id="menu-item-4768" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4768"><a href="https://burocompany.com.ua/service/bukhgalterska-konsultatsiya/">ÐÑÑ Ð³Ð°Ð»ÑеÑÑÑка конÑÑлÑÑаÑÑÑ</a></li> 10388 </ul> 10389</li> 10390 <li id="menu-item-4760" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4760"><a href="http://burocompany.com.ua/about-us/#audit-verification">ÐÑÐ´Ð¸Ñ Ñа конÑалÑинг</a> 10391 <ul class="sub-menu"> 10392 <li id="menu-item-4772" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4772"><a href="https://burocompany.com.ua/service/bukhhalterskyy-konsaltynh-vid-biuro/">ÐÑÑ Ð³Ð°Ð»ÑеÑÑÑкий конÑалÑинг</a></li> 10393 <li id="menu-item-4771" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4771">
10393<a href="https://burocompany.com.ua/service/podatkovyy-konsaltynh-vid-biuro-3/">ÐодаÑковий конÑалÑинг</a></li> 10394 <li id="menu-item-4770" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4770"><a href="https://burocompany.com.ua/service/ekspres-audyt/">ÐкÑпÑÐµÑ Ð°ÑдиÑ</a></li> 10395 <li id="menu-item-4769" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4769"><a href="https://burocompany.com.ua/service/dobrovilny-audyt-2/">ÐнÑÑÑаÑивний аÑдиÑ</a></li> 10396 </ul> 10397</li> 10398</ul> 10399</li> 10400<li id="menu-item-3220" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3220"><a href="https://burocompany.com.ua/vprovadzhennia-erp-bimp-innovatsiyne-rishennia-dlia-upravlinskoho-obliku-burocompany/">ERP Bimp</a> 10401<ul class="sub-menu"> 10402 <li id="menu-item-3543" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3543"><a href="https://burocompany.com.ua/analiz-ta-audyt-biznes-protsesiv-hlyboke-doslidzhennia-ta-optymizatsiia-vid-burocompany/">ÐналÑз Ñа аÑÐ´Ð¸Ñ Ð±ÑзнеÑ-пÑоÑеÑÑв</a></li> 10403 <li id="menu-item-3537" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3537"><a href="https://burocompany.com.ua/pobudova-arkhitektury-erp-rishennia-stvorit-nadiynu-it-infrastrukturu-z-burocompany/">ÐобÑдова аÑÑ ÑÑекÑÑÑи ERP-ÑÑÑеннÑ</a></li> 10404 <li id="menu-item-3539" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3539"><a href="https://burocompany.com.ua/nalashtuvannia-ta-intehratsiia-bezperebiyna-robota-erp-system-z-burocompany/">ÐалаÑÑÑÐ²Ð°Ð½Ð½Ñ Ñа ÑнÑегÑаÑÑÑ ERP</a></li> 10405</ul> 10406</li> 10407<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="https://burocompany.com.ua/partnerstvo-z-byuro-rozshyriuyte-mozhlyvosti-vashoho-biznesu-konsaltynhova-kompaniia-byuro/">ÐаÑÑнеÑи</a></li> 10408<li id="menu-item-1650" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1650"><a href="https://burocompany.com.ua/kalkuliator/">ÐалÑкÑлÑÑоÑ</a> 10409<ul class="sub-menu"> 10410 <li id="menu-item-4610" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4610"><a href="https://burocompany.com.ua/kalkuliator/">ÐалÑкÑлÑÑÐ¾Ñ Ð±ÑÑ Ð³Ð°Ð»ÑеÑÑÑÐºÐ¸Ñ Ð¿Ð¾ÑлÑг</a></li> 10411 <li id="menu-item-4607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4607"><a href="https://burocompany.com.ua/kalkulyator-vartosti-upravlinskoho-obliku/">ÐалÑкÑлÑÑÐ¾Ñ ÑпÑавлÑнÑÑкого облÑкÑ</a></li> 10412</ul> 10413</li> 10414<li id="menu-item-2977" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2977"><a href="https://burocompany.com.ua/contacts/">ÐонÑакÑи</a></li> 10415</ul> </nav> 10416 <div class="phone_number"><a href="tel: 0676521688" class="header__link"> 10417 +380 (67) 652 16 88 </a></div> 10418 10419<div class="language-switcher"> 10420 <a href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" class="language-option active"> 10421 UA </a> 10422 <a href="https://burocompany.com.ua/ru/service/upravlinskyy-oblik-vid-biuro-2/" class="language-option "> 10423 RU </a> 10424 </div> 10425 10426 10427 10428 10429 10430<ul class="social"> 10431 <li> 10432 <a href="https://t.me/buroconsulting"> 10433 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/image-removebg-preview-22-e1726932824384.png" alt=""> 10434 </a> 10435 </li> 10436 <li> 10437 <a href="https://www.instagram.com/burocompany/"> 10438 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/instagram-new.png" alt=""> 10439 </a> 10440 </li> 10441 <li> 10442 <a href="https://www.facebook.com/burocompany"> 10443 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/59439.png" alt=""> 10444 </a> 10445 </li> 10446 </ul> 10447<button class="header__btn"> 10448 <span></span> 10449</button> 10450 10451 10452 <!-- Ðод пеÑеклÑÑаÑÐµÐ»Ñ ÑзÑков --> 10453<!-- <div class="custom-language-switcher"> 10454 <img src="https://img.icons8.com/?size=100&id=3685&format=png&color=000000" class="planet-icon" alt="Planet">
10455 <span class="arrow-icon">ᐅ</span> 10456 <div id="languageMenu"> 10457 <a href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/" class="language-option selected"> 10458 UA </a> 10459 <a href="https://burocompany.com.ua/ru/service/upravlinskyy-oblik-vid-biuro-2/" class="language-option "> 10460 RU </a> 10461 </div> 10462 </div> --> 10463 <!-- ÐÐ¾Ð½ÐµÑ ÐºÐ¾Ð´Ð° пеÑеклÑÑаÑÐµÐ»Ñ ÑзÑков --> 10464 10465 10466 10467<!--
10467<script> 10468 document.addEventListener("DOMContentLoaded", function() { 10469 var arrowIcon = document.querySelector(".arrow-icon"); 10470 var languageMenu = document.getElementById("languageMenu"); 10471 10472 // ÐоказÑваем/ÑкÑÑваем Ð¼ÐµÐ½Ñ Ð¿Ñи клике на ÑÑÑелоÑÐºÑ 10473 arrowIcon.addEventListener('click', function() { 10474 if (languageMenu.style.display === 'none' || languageMenu.style.display === '') { 10475 languageMenu.style.display = 'block'; // ÐоказÑваем Ð¼ÐµÐ½Ñ 10476 arrowIcon.style.transform = 'rotate(90deg)'; // ÐовоÑаÑиваем ÑÑÑелоÑÐºÑ 10477 } else { 10478 languageMenu.style.display = 'none'; // СкÑÑваем Ð¼ÐµÐ½Ñ 10479 arrowIcon.style.transform = 'rotate(0deg)'; // ÐозвÑаÑаем ÑÑÑелоÑÐºÑ Ð² иÑÑ Ð¾Ð´Ð½Ð¾Ðµ положение 10480 } 10481 }); 10482 }); 10483 </script>
10483 --> 10484 10485 10486 10487 </header> 10488<div id="breadcrumbs"><span><span><a href="https://burocompany.com.ua/">Ðоловна</a></span> » <span class="breadcrumb_last" aria-current="page">УпÑавлÑнÑÑкий облÑк ⤠ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð² УкÑаÑÐ½Ñ Ð·Ð° гнÑÑкими ÑÑнами</span></span></div></div> 10489</body> 10490</html> 10491<section class="consalting-intro"> 10492 <div class="container"> 10493 <div class="consalting-intro__top"> 10494 <div class="consalting-intro__left"> 10495 <h1>УпÑавлÑнÑÑкий облÑк</h1> 10496 <h3 class="page-subtitle">Ðоли поÑÑÑбен ÑпÑавлÑнÑÑкий облÑк?</h3> 10497 </div> 10498 <div class="consalting-intro__right"> 10499 <p>РозпоÑнÑÑÑ ÑпÑвпÑаÑÑ Ð· нами пÑоÑÑо заÑаз â залиÑÑе заÑÐ²ÐºÑ Ð½Ð° конÑÑлÑÑаÑÑÑ!</p> 10500 <a href="#forminservice" class="btn btn--yellow"> 10501 ÐÑÑимаÑи конÑÑлÑÑаÑÑÑ </a> 10502 </div> 10503 </div> 10504 <div class="consalting-intro__img"> 10505 <img src="" alt="УпÑавлÑнÑÑкий облÑк зобÑÐ°Ð¶ÐµÐ½Ð½Ñ 1" title="УпÑавлÑнÑÑкий облÑк ÑоÑо 1"> 10506 </div> 10507 10508 <!-- ÐовÑй блок "Ðоли клиенÑа" --> 10509 10510 <div class="client-pains-container"> 10511 <!-- ÐобавлÑем заголовок --> 10512 <h2 class="client-pains-title">Чи зÑÑÑÐ¾Ð²Ñ ÑÑÑеÑÑ Ð· подÑбними пÑоблемами ?</h2> 10513 <div class="client-pains-row"> 10514 <div class="client-pain-block"> 10515 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/money-with-wings_1f4b8.png" alt="" /> 10516 <p>Ðажко зÑозÑмÑÑи, кÑди йдÑÑÑ Ð³ÑоÑÑ? ÐвÑомаÑизаÑÑÑ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð¶Ðµ вам зÑозÑмÑÑи, на Ñо виÑÑаÑаÑÑÑÑÑ ÐºÐ¾ÑÑи. Ðи Ñакож ÑозÑÐ°Ñ ÑÑмо ваÑÑÑÑÑÑ Ð²Ð¿ÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP Ð´Ð»Ñ Ð²Ð°Ñого бÑзнеÑÑ.</p> 10517 </div> 10518 <div class="client-pain-block"> 10519 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/407.png" alt="" /> 10520 <p>Ðе можеÑе ÑоÑно пеÑедбаÑиÑи пÑибÑÑок Ñ Ð²Ð¸ÑÑаÑи. ÐаÑа компанÑÑ Ð½Ðµ може пÑогнозÑваÑи ÑÑнанÑÐ¾Ð²Ñ ÑезÑлÑÑаÑи, Ñо ÑÑкладнÑÑ Ð¿Ð»Ð°Ð½ÑваннÑ.</p> 10521 </div> 10522 <div class="client-pain-block"> 10523 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f92f.png" alt="" /> 10524 <p>ÐоÑÑÑÐ¹Ð½Ñ Ð¿Ñоблеми з гÑоÑовими поÑоками. ÐаÑа компанÑÑ ÑÑикаÑÑÑÑÑ Ð· каÑовими ÑозÑивами Ñ Ð±Ñаком коÑÑÑв Ð´Ð»Ñ Ð¾Ð¿ÐµÑаÑÐ¸Ð²Ð½Ð¸Ñ </p> 10525 </div> 10526 <div class="client-pain-block"> 10527 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f4c8.png" alt="" /> 10528 <p>Ðе знаÑÑе, ÑÐºÑ Ð²Ð°ÑÑ Ð¿ÑодÑкÑи або поÑлÑги пÑиноÑÑÑÑ Ð½Ð°Ð¹Ð±ÑлÑÑе пÑибÑÑкÑ. Ðи не маÑÑе ÑÑÑÐºÐ¾Ñ ÐºÐ°ÑÑини пÑо Ñе, ÑÐºÑ Ð½Ð°Ð¿ÑÑми дÑÑлÑноÑÑÑ Ð½Ð°Ð¹Ð¿ÑибÑÑковÑÑÑ.</p> 10529 </div> 10530 <div class="client-pain-block"> 10531 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f4b0.png" alt="" /> 10532 <p>ЧаÑÑо пеÑевиÑÑÑÑÑÑÑ Ð±ÑджеÑ. Ðи не можеÑе конÑÑолÑваÑи виÑÑаÑи Ñ ÑаÑÑо Ð²Ð¸Ñ Ð¾Ð´Ð¸Ñе за Ð¼ÐµÐ¶Ñ Ð±ÑджеÑÑ.</p> 10533 </div> 10534 <div class="client-pain-block"> 10535 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f915.png" alt="" /> 10536 <p>ÐнÑоÑмаÑÑÑ Ð· ÑÑÐ·Ð½Ð¸Ñ Ð²ÑддÑлÑв Ð½Ð°Ð´Ñ Ð¾Ð´Ð¸ÑÑ Ð² ÑÑзний ÑÐ°Ñ Ñ Ð½Ðµ завжди доÑÑовÑÑна.</p> 10537 </div> 10538 <div class="client-pain-block"> 10539 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f40c.png" alt="" /> 10540 <p>Ðе можеÑе Ñвидко маÑÑÑабÑваÑи бÑзнеÑ. Ðи не можеÑе Ñвидко ÑозÑиÑÑваÑиÑÑ ÑеÑез вÑдÑÑÑнÑÑÑÑ ÐµÑекÑÐ¸Ð²Ð½Ð¾Ñ ÑиÑÑеми облÑкÑ.</p> 10541 </div> 10542 <div class="client-pain-block"> 10543 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/1f916.png" alt="" /> 10544 <p>Ðе виÑÑаÑÐ°Ñ Ð°Ð²ÑомаÑизаÑÑÑ, вÑе доводиÑÑÑÑ ÑобиÑи вÑÑÑнÑ. ÐаÑÑ Ð¿ÑоÑеÑи не авÑомаÑизованÑ, Ñ Ð±Ð°Ð³Ð°Ñо ÑобоÑи виконÑÑÑÑÑÑ Ð²ÑÑÑнÑ, Ñо пÑизводиÑÑ Ð´Ð¾ помилок.</p> 10545 </div> 10546 </div> 10547 </div> 10548 <!-- ÐÐ¾Ð½ÐµÑ Ð±Ð»Ð¾ÐºÐ° "Ðоли клиенÑа" --> 10549 10550 <div class="consalting-intro__box"> 10551 <div class="consalting-intro__item"> 10552 <div class="consalting-intro__item-content"> 10553 <h5> 10554 УпÑавлÑнÑÑкий облÑк </h5> 10555 <ul> 10556 <ul> 10557<li><i><i><i><span style="font-weight: 400;">ÐÑоÑеÑÑйне впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð´Ð»Ñ Ð²Ð°Ñого бÑзнеÑÑ </span></i></i></i></li> 10558<li><em><br /> 10559Що ми не вимÑÑÑÑмо – Ñим ми не кеÑÑÑмо</em></li> 10560</ul> 10561 </ul> 10562 </div> 10563 </div> 10564 <div class="consalting-intro__item consalting-intro__item--large"> 10565 <div class="consalting-intro__item-content"> 10566 <h5> 10567 Що Ñе? </h5> 10568 <ul> 10569 <ul> 10570<li><span style="font-weight: 400;">УпÑавлÑнÑÑкий облÑк â Ñе авÑомаÑизаÑÑÑ Ð²Ð°Ñого бÑзнеÑÑ. Ðого меÑа â допомогÑи кеÑÑвникам еÑекÑивно кеÑÑваÑи компанÑÑÑ, планÑваÑи майбÑÑÐ½Ñ Ð´ÑÑ Ñа конÑÑолÑваÑи поÑоÑÐ½Ñ Ð´ÑÑлÑнÑÑÑÑ. ÐÑн вклÑÑÐ°Ñ Ð² Ñебе аналÑз виÑÑаÑ, Ð´Ð¾Ñ Ð¾Ð´Ñв, бÑджеÑÑваннÑ, пÑогнозÑÐ²Ð°Ð½Ð½Ñ Ñа оÑÑÐ½ÐºÑ ÐµÑекÑивноÑÑÑ ÑÑÐ·Ð½Ð¸Ñ Ð¿ÑоекÑÑв або пÑдÑоздÑлÑв компанÑÑ. </span></li> 10571</ul> 10572 </ul> 10573 </div> 10574 <div class="consalting-intro__item-img"> 10575 <img src="https://burocompany.com.ua/wp-content/uploads/2023/11/DSC_00438-PhotoRoom.png-PhotoRoom-e1701946658330.png" alt="УпÑавлÑнÑÑкий облÑк зобÑÐ°Ð¶ÐµÐ½Ð½Ñ 2" title="УпÑавлÑнÑÑкий облÑк ÑоÑо 2"> 10576 </div> 10577 </div> 10578 </div> 10579 </div> 10580</section> 10581 10582<!-- Ðлок Ñ ÑаблиÑами "РпоÑлÑгоÑ" и "Ðез поÑлÑги" --> 10583 10584 10585<div class="iphone-container"> 10586 <div class="iphone-wrap-left"> 10587 <div class="with_service_title"> 10588 <h3><p>Ð ÑпÑавлÑнÑÑким облÑком</p> 10589</h3> 10590 </div> 10591 <div class="iphone-wrap"> 10592 <div class="iphone-notch"></div> 10593 <div class="power-button"></div> 10594 <div class="volume-buttons"> 10595 <div class="volume-button-upper"></div> 10596 <div class="volume-button-lower"></div> 10597 </div> 10598 <div class="home-indicator"></div> 10599 <div class="iphone-content"> 10600 <div class="comparison-table"> 10601 <div class="comparison-table__body"> 10602 <ul class="comparison-table__list"> 10603 <li class="comparison-table__item"> 10604 <div class="comparison-table__checkmark"> 10605 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10606 </div> 10607 <p>ЧÑÑка, ÑвоÑÑаÑна Ñа доÑÑовÑÑна ÑнÑоÑмаÑÑÑ Ð´Ð»Ñ Ð¿ÑийнÑÑÑÑ ÑпÑавлÑнÑÑÐºÐ¸Ñ ÑÑÑÐµÐ½Ñ Ð·Ð°Ð²Ð´Ñки ÑиÑÑÐµÐ¼Ñ Ð°Ð²ÑомаÑизаÑÑÑ Ð¾Ð±Ð»ÑкÑ, впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP Ñа авÑомаÑизаÑÑÑ ÑпÑавлÑнÑÑÐºÐ¸Ñ Ð¿ÑоÑеÑÑв.</p> 10608 </li> 10609 <li class="comparison-table__item"> 10610 <div class="comparison-table__checkmark"> 10611 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10612 </div> 10613 <p>ÐпÑимÑзаÑÑÑ Ð²Ð¸ÐºÐ¾ÑиÑÑÐ°Ð½Ð½Ñ ÑеÑÑÑÑÑв, конÑÑÐ¾Ð»Ñ Ð·Ð° виÑÑаÑами</p> 10614 </li> 10615 <li class="comparison-table__item"> 10616 <div class="comparison-table__checkmark"> 10617 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10618 </div> 10619 <p>ÐбаланÑÐ¾Ð²Ð°Ð½Ñ Ð³ÑоÑÐ¾Ð²Ñ Ð¿Ð¾Ñоки, вÑдÑÑÑнÑÑÑÑ ÐºÐ°ÑÐ¾Ð²Ð¸Ñ ÑозÑивÑв</p> 10620 </li> 10621 <li class="comparison-table__item"> 10622 <div class="comparison-table__checkmark"> 10623 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10624 </div> 10625 <p>ТоÑний аналÑз пÑибÑÑковоÑÑÑ Ð¿ÑодÑкÑÑв Ñ Ð¿Ð¾ÑлÑг, можливÑÑÑÑ ÑÑÑÐ½ÐµÐ½Ð½Ñ Ð½ÐµÐ¿ÑодÑкÑÐ¸Ð²Ð½Ð¸Ñ Ð°ÐºÑивноÑÑей</p> 10626 </li> 10627 <li class="comparison-table__item"> 10628 <div class="comparison-table__checkmark"> 10629 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10630 </div> 10631 <p>ÐÑекÑивне бÑджеÑÑваннÑ, конÑÑÐ¾Ð»Ñ Ð·Ð° виконаннÑм бÑджеÑÑ, аналÑз вÑÐ´Ñ Ð¸Ð»ÐµÐ½Ñ</p> 10632 </li> 10633 <li class="comparison-table__item"> 10634 <div class="comparison-table__checkmark"> 10635 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10636 </div> 10637 <p>ÐнÑегÑаÑÑÑ Ð´Ð°Ð½Ð¸Ñ Ð· ÑÑÐ·Ð½Ð¸Ñ Ð¿ÑдÑоздÑлÑв, Ñдина ÑиÑÑема облÑкÑ</p> 10638 </li> 10639 <li class="comparison-table__item"> 10640 <div class="comparison-table__checkmark"> 10641 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/gas-kvas-com-p-belaya-galochka-na-prozrachnom-fone-12-removebg-preview-1.png" alt="Checkmark"> 10642 </div> 10643 <p>Ðегке маÑÑÑабÑÐ²Ð°Ð½Ð½Ñ Ð±ÑзнеÑÑ Ð·Ð° ÑÐ°Ñ Ñнок еÑекÑÐ¸Ð²Ð½Ð¸Ñ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ Ð¿ÑоÑеÑÑв</p> 10644 </li> 10645 </ul> 10646 </div> 10647 </div> 10648 </div> 10649 </div> 10650 </div> 10651 10652 <div class="iphone-wrap-right"> 10653 <div class="without_service_title"> 10654 <h3><p>Ðез ÑпÑавлÑнÑÑкого облÑкÑ</p> 10655</h3> 10656 </div> 10657 <div class="iphone-wrap"> 10658 <div class="iphone-notch"></div> 10659 <div class="power-button"></div> 10660 <div class="volume-buttons"> 10661 <div class="volume-button-upper"></div> 10662 <div class="volume-button-lower"></div> 10663 </div> 10664 <div class="home-indicator"></div> 10665 <div class="iphone-content"> 10666 <div class="comparison-table comparison-table--dark"> 10667 <div class="comparison-table__body"> 10668 <ul class="comparison-table__list"> 10669 <li class="comparison-table__item"> 10670 <div class="comparison-table__crossmark"> 10671 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10672 </div> 10673 <p>ÐеÑÑаÑа ÑнÑоÑмаÑÑÑ Ð´Ð»Ñ Ð¿ÑийнÑÑÑÑ ÑÑÑÐµÐ½Ñ </p> 10674 </li> 10675 <li class="comparison-table__item"> 10676 <div class="comparison-table__crossmark"> 10677 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10678 </div> 10679 <p>ÐееÑекÑивне ÑпÑавлÑÐ½Ð½Ñ ÑеÑÑÑÑами(ÐеÑегÑлÑÑÐ½Ñ Ð½Ð°Ð´Ñ Ð¾Ð´Ð¶ÐµÐ½Ð½Ñ, заÑÑимки в плаÑÐµÐ¶Ð°Ñ , недолÑки в планÑÐ²Ð°Ð½Ð½Ñ Ð±ÑджеÑÑ)</p> 10680 </li> 10681 <li class="comparison-table__item"> 10682 <div class="comparison-table__crossmark"> 10683 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10684 </div> 10685 <p>ÐÑоблеми з гÑоÑовими поÑоками</p> 10686 </li> 10687 <li class="comparison-table__item"> 10688 <div class="comparison-table__crossmark"> 10689 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10690 </div> 10691 <p>ÐизÑка ÑенÑабелÑнÑÑÑÑ(ÐиÑÐ¾ÐºÑ Ð²Ð¸ÑÑаÑи, низÑÐºÑ Ð¿ÑибÑÑки, нееÑекÑивне ÑпÑавлÑннÑ)</p> 10692 </li> 10693 <li class="comparison-table__item"> 10694 <div class="comparison-table__crossmark"> 10695
10695 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10696 </div> 10697 <p>ÐÑоблеми з ÑпÑавлÑннÑм бÑджеÑом</p> 10698 </li> 10699 <li class="comparison-table__item"> 10700 <div class="comparison-table__crossmark"> 10701 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10702 </div> 10703 <p>ÐÑдÑÑÑнÑÑÑÑ Ñдиного ÑнÑоÑмаÑÑйного пÑоÑÑоÑÑ(РозÑÑÐ·Ð½ÐµÐ½Ñ Ð´Ð°Ð½Ñ, ÑÑкладнена комÑнÑкаÑÑÑ, вÑдÑÑÑнÑÑÑÑ ÑнÑегÑаÑÑÑ)</p> 10704 </li> 10705 <li class="comparison-table__item"> 10706 <div class="comparison-table__crossmark"> 10707 <img src="https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-2.png" alt="Crossmark"> 10708 </div> 10709 <p>СкладноÑÑ Ð· маÑÑÑабованÑÑÑÑ(ÐеÑÑаÑа ÑеÑÑÑÑÑв, недоÑÑаÑÐ½Ñ ÑнÑÑаÑÑÑÑкÑÑÑа, непеÑедбаÑÑÐ²Ð°Ð½Ñ Ð²Ð¸ÑÑаÑи)</p> 10710 </li> 10711 </ul> 10712 </div> 10713 </div> 10714 </div> 10715 </div> 10716 </div> 10717</div> 10718 10719 10720 10721 10722 10723 10724 10725<!-- Раздел ÑезÑлÑÑаÑÑ --> 10726 10727<div class="container"> 10728 <div class="results-block"> 10729 10730 <h2 id="typing-effect" class="results-block-title typing-effect-title">ÐÑÑо: ÐÑоÑеÑÑоналÑзм Ñ ÑиÑÑÐ°Ñ </h2> 10731 10732 <div class="results-items"> 10733 <div class="results-block-item"> 10734 <div class="result-header"> 10735 <span class="result-number">20%</span> 10736 <span class="result-title">ÐменÑÐµÐ½Ð½Ñ Ð²Ð¸ÑÑаÑ</span> 10737 </div> 10738 <p class="result-text">ÐавдÑки викоÑиÑÑÐ°Ð½Ð½Ñ ERP Ñа ÑнÑегÑаÑÑÑ ERP Ñа CRM</p> 10739 </div> 10740 <div class="results-block-item"> 10741 <div class="result-header"> 10742 <span class="result-number">15%</span> 10743 <span class="result-title">ÐбÑлÑÑÐµÐ½Ð½Ñ Ð¿ÑибÑÑковоÑÑÑ</span> 10744 </div> 10745 <p class="result-text">Ðа ÑÐ°Ñ Ñнок авÑомаÑизаÑÑÑ ÑпÑавлÑнÑÑкого облÑкÑ</p> 10746 </div> 10747 <div class="results-block-item"> 10748 <div class="result-header"> 10749 <span class="result-number">50%</span> 10750 <span class="result-title">СкоÑоÑÐµÐ½Ð½Ñ ÐºÐ°ÑÐ¾Ð²Ð¸Ñ ÑозÑивÑв</span> 10751 </div> 10752 <p class="result-text">ÐолÑпÑене ÑпÑавлÑÐ½Ð½Ñ Ð³ÑоÑовими поÑоками допоможе зменÑиÑи кÑлÑкÑÑÑÑ ÐºÐ°ÑÐ¾Ð²Ð¸Ñ ÑозÑивÑв на 50%, забезпеÑÑÑÑи ÑÑабÑлÑнÑÑÑÑ ÑÑнанÑÐ¾Ð²Ð¸Ñ Ð¾Ð¿ÐµÑаÑÑй.</p> 10753 </div> 10754 <div class="results-block-item"> 10755 <div class="result-header">
10756 <span class="result-number">30%</span> 10757 <span class="result-title">ÐменÑÐµÐ½Ð½Ñ ÑÑÑÐ½Ð¾Ñ ÑобоÑи</span> 10758 </div> 10759 <p class="result-text">ÐвÑомаÑизаÑÑÑ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ Ð¿ÑоÑеÑÑв дозволиÑÑ Ð·Ð½Ð¸Ð·Ð¸Ñи обÑÑг ÑÑÑÐ½Ð¾Ñ ÑобоÑи на 30%, звÑлÑнÑÑÑи ÑÐ°Ñ Ð´Ð»Ñ ÑÑÑаÑегÑÑÐ½Ð¸Ñ Ð·Ð°Ð²Ð´Ð°Ð½Ñ.</p> 10760 </div> 10761 <div class="results-block-item"> 10762 <div class="result-header"> 10763 <span class="result-number">40%</span> 10764 <span class="result-title">ÐменÑÐµÐ½Ð½Ñ ÐºÑлÑкоÑÑÑ Ð¿Ð¾Ð¼Ð¸Ð»Ð¾Ðº </span> 10765 </div> 10766 <p class="result-text">ÐавдÑки авÑомаÑизаÑÑÑ Ñ Ð²Ð¸ÐºÐ¾ÑиÑÑÐ°Ð½Ð½Ñ ÑÑÑаÑÐ½Ð¸Ñ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ ÑиÑÑем, кÑлÑкÑÑÑÑ Ð¿Ð¾Ð¼Ð¸Ð»Ð¾Ðº Ñ ÑÑнанÑÐ¾Ð²Ð¸Ñ Ð´Ð°Ð½Ð¸Ñ Ð·Ð¼ÐµÐ½ÑиÑÑÑÑ Ð½Ð° 40%.</p> 10767 </div> 10768 <div class="results-block-item"> 10769 <div class="result-header"> 10770 <span class="result-number">25%</span> 10771 <span class="result-title">ÐокÑаÑÐµÐ½Ð½Ñ ÑоÑноÑÑÑ Ð¿ÑогнозÑваннÑ</span> 10772 </div> 10773 <p class="result-text">РвпÑовадженнÑм ÑпÑавлÑнÑÑкого облÑкÑ, ÑоÑнÑÑÑÑ ÑÑнанÑÐ¾Ð²Ð¸Ñ Ð¿ÑогнозÑв зÑоÑÑе на 25%, Ñо дозволиÑÑ ÐºÑаÑе планÑваÑи майбÑÑÐ½Ñ Ð²Ð¸ÑÑаÑи Ñ Ð´Ð¾Ñ Ð¾Ð´Ð¸.</p> 10774 </div> 10775 <div class="results-block-item"> 10776 <div class="result-header"> 10777 <span class="result-number">50%</span> 10778 <span class="result-title">ÐбÑлÑÑÐµÐ½Ð½Ñ Ð¾Ð¿ÐµÑаÑивноÑÑÑ Ð·Ð²ÑÑноÑÑÑ </span> 10779 </div> 10780 <p class="result-text">СÑвоÑÐµÐ½Ð½Ñ Ð·Ð²ÑÑÑв займаÑиме вдвÑÑÑ Ð¼ÐµÐ½Ñе ÑаÑÑ, Ñо дозволиÑÑ Ð¾ÑÑимÑваÑи акÑÑалÑÐ½Ñ ÑнÑоÑмаÑÑÑ Ð·Ð½Ð°Ñно ÑвидÑе.</p> 10781 </div> 10782 <div class="results-block-item"> 10783 <div class="result-header"> 10784 <span class="result-number">35%</span> 10785 <span class="result-title">ÐокÑаÑÐµÐ½Ð½Ñ ÐºÐ¾Ð½ÑÑÐ¾Ð»Ñ Ð·Ð° бÑджеÑом </span> 10786 </div> 10787 <p class="result-text">ÐÑекÑивний конÑÑÐ¾Ð»Ñ Ð·Ð° виконаннÑм бÑджеÑÑ Ð´Ð¾Ð·Ð²Ð¾Ð»Ð¸ÑÑ Ð·Ð¼ÐµÐ½ÑиÑи пеÑевиÑÐµÐ½Ð½Ñ Ð·Ð°Ð¿Ð»Ð°Ð½Ð¾Ð²Ð°Ð½Ð¸Ñ Ð²Ð¸ÑÑÐ°Ñ Ð½Ð° 35%.</p> 10788 </div> 10789 <div class="results-block-item"> 10790 <div class="result-header"> 10791 <span class="result-number">10%</span> 10792 <span class="result-title">ÐÑдвиÑÐµÐ½Ð½Ñ Ð·Ð°Ð´Ð¾Ð²Ð¾Ð»ÐµÐ½Ð¾ÑÑÑ ÐºÐ»ÑÑнÑÑв </span> 10793 </div> 10794 <p class="result-text">ÐолÑпÑÐµÐ½Ð½Ñ ÑÑнанÑÐ¾Ð²Ð¾Ñ ÑÑабÑлÑноÑÑÑ Ñа опеÑаÑивноÑÑÑ Ð´Ð¾Ð·Ð²Ð¾Ð»Ð¸ÑÑ Ð¿ÑдвиÑиÑи ÑÑÐ²ÐµÐ½Ñ Ð·Ð°Ð´Ð¾Ð²Ð¾Ð»ÐµÐ½Ð¾ÑÑÑ ÐºÐ»ÑÑнÑÑв ваÑими поÑлÑгами або пÑодÑкÑами Ð
10794½Ð° 10%.</p> 10795 </div> 10796 </div> 10797 </div> 10798 </div> 10799 10800 10801 10802 10803<!-- Раздел пакеÑÑ --> 10804 10805 10806 10807<section class="stepss"> 10808 <div class="container"> 10809 <h3> 10810 ÐпÑималÑÐ½Ñ Ð¿Ð°ÐºÐµÑи Ð´Ð»Ñ Ð²Ð°Ñого бÑзнеÑÑ </h3> 10811 <p class="stepss_text_under_title"> 10812 </p> 10813 <ol class="stepss__list"> 10814 <li> 10815 <div class="block_sequence_number"> 10816 1 </div> 10817 10818 10819 <!-- Ðаголовок ÑÑапа --> 10820 <h4>ÐндивÑдÑалÑний ÑÑпÑовÑд</h4> 10821 10822 <!-- ÐÑеÑикÑ, Ñена, и ÑÑÑÑÐ¸ÐºÑ --> 10823 <p class="steps_price"> 10824 <span>â¬</span> 10825 60 <span style="font-size: 0.8em; margin-left: -7px;">/год</span> 10826 </p> 10827 10828 <!-- СпиÑок Ñ Ð³Ð°Ð»Ð¾Ñками --> 10829 <div class="checklist_wrapper"> 10830 <ul class="steps_checklist"> 10831 <li class="check_item"> 10832 <span class="checkmark">â</span> ÐндивÑдÑалÑна пÑдÑÑимка екÑпеÑÑа </li> 10833 <li class="check_item"> 10834 <span class="checkmark">â</span> ÐпÑимÑзаÑÑÑ Ð¾Ð±Ð»ÑÐºÑ Ð´Ð»Ñ Ð¿ÑдвиÑÐµÐ½Ð½Ñ ÐµÑекÑивноÑÑÑ </li> 10835 <li class="check_item"> 10836 <span class="checkmark">â</span> ÐвÑомаÑизаÑÑÑ Ð¿ÑоÑеÑÑв Ð´Ð»Ñ ÐµÐºÐ¾Ð½Ð¾Ð¼ÑÑ ÑаÑÑ </li> 10837 <li class="check_item"> 10838 <span class="checkmark">â</span> ФокÑÑ Ð½Ð° ÑезÑлÑÑаÑÑ, а не на пÑоÑеÑÑ </li> 10839 <li class="check_item"> 10840 <span class="checkmark">â</span> ÐнÑÑкий гÑаÑÑк конÑÑлÑÑаÑÑй </li> 10841 <li class="check_item"> 10842 <span class="checkmark">â</span> ÐеÑÑоналÑÐ·Ð¾Ð²Ð°Ð½Ñ ÑÑÑÐµÐ½Ð½Ñ Ð´Ð»Ñ Ð²Ð°Ñого бÑзнеÑÑ </li> 10843 </ul> 10844 </div> 10845 10846 <!-- Ðнопка "ÐеÑалÑнÑÑе" --> 10847 <a href="https://burocompany.com.ua/contacts/" class="btn btn--small"> 10848 ÐамовиÑи конÑÑлÑÑаÑÑÑ </a> 10849 </li> 10850 <li> 10851 <div class="block_sequence_number"> 10852 2 </div> 10853 10854 10855 <!-- Ðаголовок ÑÑапа --> 10856 <h4>ÐомплекÑне пÑоÑкÑне впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð´Ð»Ñ Ð±ÑзнеÑÑ</h4> 10857 10858 <!-- ÐÑеÑикÑ, Ñена, и ÑÑÑÑÐ¸ÐºÑ --> 10859 <p class="steps_price"> 10860 <sp
10860an>вÑд </span> 10861 <span>â¬</span> 10862 2000 </p> 10863 10864 <!-- СпиÑок Ñ Ð³Ð°Ð»Ð¾Ñками --> 10865 <div class="checklist_wrapper"> 10866 <ul class="steps_checklist"> 10867 <li class="check_item"> 10868 <span class="checkmark">â</span> Ðлибокий аналÑз бÑзнеÑ-пÑоÑеÑÑв Ð´Ð»Ñ Ð²Ð¸ÑÐ²Ð»ÐµÐ½Ð½Ñ ÑоÑок зÑоÑÑÐ°Ð½Ð½Ñ </li> 10869 <li class="check_item"> 10870 <span class="checkmark">â</span> ÐизнаÑÐµÐ½Ð½Ñ ÐºÐ»ÑÑÐ¾Ð²Ð¸Ñ ÑÑнанÑÐ¾Ð²Ð¸Ñ Ð¿Ð¾ÐºÐ°Ð·Ð½Ð¸ÐºÑв Ð´Ð»Ñ ÑÑÑаÑегÑÑного планÑÐ²Ð°Ð½Ð½Ñ </li> 10871 <li class="check_item"> 10872 <span class="checkmark">â</span> ÐвÑомаÑизаÑÑÑ Ð¿ÑоÑеÑÑв Ð´Ð»Ñ Ð¿ÑдвиÑÐµÐ½Ð½Ñ ÐµÑекÑивноÑÑÑ Ñа Ð·Ð½Ð¸Ð¶ÐµÐ½Ð½Ñ Ð²Ð¸ÑÑÐ°Ñ </li> 10873 <li class="check_item"> 10874 <span class="checkmark">â</span> ÐÑакÑиÑне навÑÐ°Ð½Ð½Ñ ÑпÑвÑобÑÑникÑв Ð´Ð»Ñ ÐµÑекÑÐ¸Ð²Ð½Ð¾Ñ ÑобоÑи з новими ÑнÑÑÑÑменÑами </li> 10875 </ul> 10876 </div> 10877 10878 <!-- Ðнопка "ÐеÑалÑнÑÑе" --> 10879 <a href="https://burocompany.com.ua/contacts/" class="btn btn--small"> 10880 ÐамовиÑи пÑоÑÐºÑ </a> 10881 </li> 10882 <li> 10883 <div class="block_sequence_number"> 10884 3 </div> 10885 10886 10887 <!-- Ðаголовок ÑÑапа --> 10888 <h4>ÐавÑÐ°Ð½Ð½Ñ ÑиÑÑÐµÐ¼Ñ ÑпÑавлÑнÑÑкого облÑкÑ</h4> 10889 10890 <!-- ÐÑеÑикÑ, Ñена, и ÑÑÑÑÐ¸ÐºÑ --> 10891 <p class="steps_price"> 10892 <span>â¬</span> 10893 50 <span style="font-size: 0.8em; margin-left: -7px;">/год</span> 10894 </p> 10895 10896 <!-- СпиÑок Ñ Ð³Ð°Ð»Ð¾Ñками --> 10897 <div class="checklist_wrapper"> 10898 <ul class="steps_checklist"> 10899 <li class="check_item"> 10900 <span class="checkmark">â</span> Ðазове Ñа пÑоÑÑнÑÑе навÑÐ°Ð½Ð½Ñ ÑобоÑи в ÑиÑÑÐµÐ¼Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ </li> 10901 <li class="check_item"> 10902 <span class="checkmark">â</span> ÐндивÑдÑалÑÐ½Ñ Ð·Ð°Ð½ÑÑÑÑ Ð· ÑÑÐ°Ñ ÑваннÑм ваÑÐ¸Ñ Ð¿Ð¾ÑÑеб </li> 10903 <li class="check_item">
10904 <span class="checkmark">â</span> ÐÑакÑиÑÐ½Ñ ÐºÐµÐ¹Ñи Ñа ÑеалÑÐ½Ñ Ð±ÑзнеÑ-ÑиÑÑаÑÑÑ </li> 10905 <li class="check_item"> 10906 <span class="checkmark">â</span> ÐпÑимÑзаÑÑÑ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ Ð¿ÑоÑеÑÑв Ð´Ð»Ñ Ð¿ÑдвиÑÐµÐ½Ð½Ñ ÐµÑекÑивноÑÑÑ </li> 10907 <li class="check_item"> 10908 <span class="checkmark">â</span> ÐÑдÑÑимка пÑÑÐ»Ñ Ð·Ð°Ð²ÐµÑÑÐµÐ½Ð½Ñ ÐºÑÑÑÑ Ð´Ð»Ñ Ñвидкого виÑÑÑÐµÐ½Ð½Ñ Ð¿Ð¸ÑÐ°Ð½Ñ </li> 10909 </ul> 10910 </div> 10911 10912 <!-- Ðнопка "ÐеÑалÑнÑÑе" --> 10913 <a href="https://burocompany.com.ua/contacts/" class="btn btn--small"> 10914 ÐамовиÑи занÑÑÑÑ </a> 10915 </li> 10916 </ol> 10917 <p> 10918 ÐибеÑÑÑÑ Ð¾Ð¿ÑималÑний Ð¿Ð°ÐºÐµÑ Ð´Ð»Ñ Ð¼Ð°ÐºÑималÑного еÑекÑÑ Ð²Ñд наÑого конÑалÑингÑ. Ð¦Ñ Ð¿ÑопозиÑÑÑ ÑÑвоÑенÑ, Ñоб задоволÑниÑи ваÑÑ ÑнÑкалÑÐ½Ñ Ð¿Ð¾ÑÑеби Ñа забезпеÑиÑи ÑÑпÑÑний ÑозвиÑок ваÑого бÑзнеÑÑ. </p> 10919 10920 </div> 10921</section> 10922 10923 10924 10925<!-- Раздел Ñ ÑоÑмой --> 10926 10927<div class="container" id="forminservice"> 10928<div class="contact-section"> <h2 class="contact-heading">ÐалиÑÑе заÑвкÑ, Ñ Ð¼Ð¸ з вами зв'ÑжемоÑÑ!</h2> <div class="contact-container"><div class="contact-form"> 10929<div class="wpcf7 no-js" id="wpcf7-f2008-o1" lang="uk" dir="ltr" data-wpcf7-id="2008"> 10930<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 10931<form action="/service/upravlinskyy-oblik-vid-biuro/#wpcf7-f2008-o1" method="post" class="wpcf7-form init" aria-label="ÐонÑакÑна ÑоÑма" novalidate="novalidate" data-status="init"> 10932<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="2008" /><input type="hidden" name="_wpcf7_version" value="6.1.7" /><input type="hidden" name="_wpcf7_locale" value="uk" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2008-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /><input type="hidden" name="_wpcf7_recaptcha_response" value="" /> 10933</fieldset> 10934<p><label>ÐÐÐ:<br /> 10935<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="ÐÐÐ" value="" type="text" name="your-name" /></span><br /> 10936</label> 10937</p> 10938<p><label>ÐÐ¾Ð¼ÐµÑ ÑелеÑонÑ:<br /> 10939<span class="wpcf7-form-control-wrap" data-name="your-phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="ÐÐ¾Ð¼ÐµÑ ÑелеÑонÑ" value="" type="tel" name="your-phone" /></span><br /> 10940</label> 10941</p> 10942<p><label>Тема:<br /> 10943<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Тема" value="" type="text" name="your-subject" /></span><br /> 10944</label> 10945</p> 10946<p><label>ÐовÑÐ´Ð¾Ð¼Ð»ÐµÐ½Ð½Ñ (необов'Ñзково):<br /> 10947<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="ÐовÑÐ´Ð¾Ð¼Ð»ÐµÐ½Ð½Ñ (необов'Ñзково)" name="your-message"></textarea></span><br /> 10948</label> 10949</p> 10950<p><input class="wpcf7-form-control wpcf7-submit has-spinner phone_number" type="submit" value="ÐÑдпÑавиÑи" /> 10951</p><div class="wpcf7-response-output" aria-hidden="true"></div> 10952</form> 10953</div> 10954 10955</div><div class="contact-info-container"> <div class="contact-info-message"> <p>ÐÑ Ð·Ð´ÐµÑÑ, ÑÑÐ¾Ð±Ñ Ð¿Ð¾Ð¼Ð¾ÑÑ Ð²Ð°Ð¼! СвÑжиÑеÑÑ Ñ Ð½Ð°Ð¼Ð¸, и Ð¼Ñ Ð¾ÑвеÑим на вÑе ваÑи вопÑоÑÑ Ð² кÑаÑÑайÑие ÑÑоки.</p> </div> <div class="contact-info"> <h3>ÐонÑакÑи</h3> <p><img src="https://cdn-icons-png.flaticon.com/128/126/126509.png" class="contact-icon" alt="Phone Icon">
10955 <a href="tel:380676521688" class="contact-link">+380 (67) 652 16 88</a></p> <p><img src="https://cdn-icons-png.flaticon.com/128/481/481659.png" class="contact-icon" alt="Email Icon"> <a href="mailto:[email protected]" class="contact-link">[email protected]</a></p> <p><i class="fas fa-map-marker-alt"></i> Ð. ÐиÑв, УкÑаÑна<br>ÐЦ FORUM Victoria Park<br>пÑов. ÐÑ ÑиÑÑÑкий, 7, коÑпÑÑ 3, повеÑÑ 1<br>ÐÑимÑÑÐµÐ½Ð½Ñ â 3(Ð) - 105</p> </div></div> </div></div> 10956 10957</div> 10958 10959 10960 10961 10962 10963 10964<section class="top-expert"> 10965 <div class="container"> 10966 <h3> 10967 ÐÑовÑдний екÑпеÑÑ </h3> 10968 <div class="top-expert__inner"> 10969 <div class="top-expert__left"> 10970 <h5> 10971 ЮлÑÑ ÐиÑÑвко </h5> 10972 <p> 10973 ÐаÑÑнеÑ. ÐкÑпеÑÑ Ð² облаÑÑÑ ÑпÑавлÑнÑÑкого облÑкÑ, доÑвÑд ÑобоÑи бÑлÑÑе 20 ÑокÑв. ÐолодаÑка Ð´Ð¸Ð¿Ð»Ð¾Ð¼Ñ General MBA Ñа ÑеÑÑиÑÑкаÑÑ AMBA </p> 10974 </div> 10975 <div class="top-expert__img"> 10976 <img src="https://burocompany.com.ua/wp-content/uploads/2023/11/DSC_00103-scaled-e1701868270589.jpg" alt="УпÑавлÑнÑÑкий облÑк зобÑÐ°Ð¶ÐµÐ½Ð½Ñ 3" title="УпÑавлÑнÑÑкий облÑк ÑоÑо 3"> 10977 </div> 10978 </div> 10979 </div> 10980</section> 10981 10982<section class="casee"> 10983 <div class="container"> 10984 <h3> 10985 ÐÐ¾Ð¼Ñ Ð¿Ð¾ÑÑÑбна авÑомаÑизаÑÑÑ Ð±ÑзнеÑÑ? </h3> 10986 <div class="casee__inner"> 10987 <div class="casee__left"> 10988 <p> </p> 10989<p>ÐÑзнайÑеÑÑ Ð· ÑÑого вÑдео:</p> 10990<p>-ÐºÐ¾Ð¼Ñ Ð¿Ð¾ÑÑÑбна авÑомаÑизаÑÑÑ Ð² бÑзнеÑÑ, Ñа ÑÐºÑ Ð³Ð°Ð»ÑÐ·Ñ ÑÑого поÑÑебÑÑÑÑ</p> 10991<p>-Ñо полегÑиÑÑ ÑпÑавлÑÐ½Ð½Ñ ÑеÑÑÑÑами</p> 10992<p>-Ñке ÑÑÑÐµÐ½Ð½Ñ Ð¿Ñизведе до Ð·Ð½Ð¸Ð¶ÐµÐ½Ð½Ñ Ð²Ð¸ÑÑÐ°Ñ Ñ ÑоÑÑÑ Ð´Ð¾Ñ ÑдноÑÑÑ</p> 10993 </div> 10994 <div class="casee__right"> 10995 <div class="casee__right-inner"> 10996 <iframe width="560" height="315" src="https://www.youtube.com/embed/29iJyopQKhw?si=nxc9G8e6AZqDGet0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> 10997 </div> 10998 </div> 10999 <a href="#" class="btn btn--yellow"> 11000 ÐивиÑиÑÑ ÑнÑÑ Ð²Ñдео на YouTube <img src="/wp-content/uploads/2023/11/play.svg" alt="УпÑавлÑнÑÑкий облÑк зобÑÐ°Ð¶ÐµÐ½Ð½Ñ 4" title="УпÑавлÑнÑÑкий облÑк ÑоÑо 4"> 11001 </a> 11002 </div> 11003</section> 11004 11005<section class="services-section"> 11006 <div class="container"> 11007 <!-- Ðаголовок --> 11008 <h2 class="services-title">ÐаÑÑ ÐºÐ»ÑÑÐ¾Ð²Ñ Ð¿Ð¾ÑлÑги</h2> 11009 <!-- Ðодзаголовок --> 11010 <p class="services-subtitle">Ð ÑÑÐµÐ½Ð½Ñ Ð´Ð»Ñ ÐµÑекÑивного ÑпÑавлÑÐ½Ð½Ñ Ñа ÑозвиÑÐºÑ Ð²Ð°Ñого бÑзнеÑÑ.</p> 11011 11012 <!-- СеÑка ÑÑлÑг --> 11013 <div class="services-grid"> 11014 <div class="service-item"> 11015 <a href="https://burocompany.com.ua/service/podatkovyy-konsaltynh-vid-biuro-3/" class="service-link"> 11016 <div class="service-icon-wrapper"> 11017 <div class="service-inner-circle"></div> 11018 </div> 11019 <span class="service-text">ÐодаÑковий конÑалÑинг</span> 11020 <span class="service-arrow-wrapper"> 11021 <div class="service-arrow-circle"> 11022 <span class="service-arrow">â</span> 11023 </div> 11024 </span> 11025 </a> 11026 </div> 11027 <div class="service-item"> 11028 <a href="https://burocompany.com.ua/service/bukhhalterskyy-konsaltynh-vid-biuro/" class="service-link"> 11029 <div class="service-icon-wrapper"> 11030 <div class="service-inner-circle"></div> 11031 </div>
11032 <span class="service-text">ÐÑÑ Ð³Ð°Ð»ÑеÑÑÑкий конÑалÑинг</span> 11033 <span class="service-arrow-wrapper"> 11034 <div class="service-arrow-circle"> 11035 <span class="service-arrow">â</span> 11036 </div> 11037 </span> 11038 </a> 11039 </div> 11040 <div class="service-item"> 11041 <a href="https://burocompany.com.ua/service/ekonomist-na-autsors-vid-biuro/" class="service-link"> 11042 <div class="service-icon-wrapper"> 11043 <div class="service-inner-circle"></div> 11044 </div> 11045 <span class="service-text">ÐкономÑÑÑ Ð½Ð° аÑÑÑоÑÑ</span> 11046 <span class="service-arrow-wrapper"> 11047 <div class="service-arrow-circle"> 11048 <span class="service-arrow">â</span> 11049 </div> 11050 </span> 11051 </a> 11052 </div> 11053 <div class="service-item"> 11054 <a href="https://burocompany.com.ua/service/dobrovilny-audyt-2/" class="service-link"> 11055 <div class="service-icon-wrapper"> 11056 <div class="service-inner-circle"></div> 11057 </div> 11058 <span class="service-text">ÐнÑÑÑаÑивний аÑдиÑ</span> 11059 <span class="service-arrow-wrapper"> 11060 <div class="service-arrow-circle"> 11061 <span class="service-arrow">â</span> 11062 </div> 11063 </span> 11064 </a> 11065 </div> 11066 <div class="service-item"> 11067 <a href="https://burocompany.com.ua/service/ekspres-audyt/" class="service-link"> 11068 <div class="service-icon-wrapper"> 11069 <div class="service-inner-circle"></div> 11070 </div> 11071 <span class="service-text">ÐкÑпÑÐµÑ Ð°ÑдиÑ</span> 11072 <span class="service-arrow-wrapper"> 11073 <div class="service-arrow-circle"> 11074 <span class="service-arrow">â</span> 11075 </div> 11076 </span> 11077 </a> 11078 </div> 11079 <div class="service-item"> 11080 <a href="https://burocompany.com.ua/service/bukhgalterska-konsultatsiya/" class="service-link"> 11081 <div class="service-icon-wrapper"> 11082 <div class="service-inner-circle"></div> 11083 </div> 11084 <span class="service-text">ÐÑÑ Ð³Ð°Ð»ÑеÑÑÑка конÑÑлÑÑаÑÑÑ</span> 11085 <span class="service-arrow-wrapper"> 11086 <div class="service-arrow-circle"> 11087 <span class="service-arrow">â</span> 11088 </div> 11089 </span> 11090 </a> 11091 </div> 11092 <div class="service-item"> 11093 <a href="https://burocompany.com.ua/service/posluhy-bukhhaltera-dlia-fop-zamovyty-vedennia-bukhhalterii-fop-za-hnuchkymy-tsinamy/" class="service-link"> 11094 <div class="service-icon-wrapper"> 11095 <div class="service-inner-circle"></div> 11096 </div> 11097 <span class="service-text">ÐÑÑ Ð³Ð°Ð»ÑÐµÑ Ð´Ð»Ñ Ð¤ÐÐ</span>
11098 <span class="service-arrow-wrapper"> 11099 <div class="service-arrow-circle"> 11100 <span class="service-arrow">â</span> 11101 </div> 11102 </span> 11103 </a> 11104 </div> 11105 <div class="service-item"> 11106 <a href="https://burocompany.com.ua/service/bukhhalterskyy-oblik-tov-zamovyty-posluhy-bukhhaltera-dlia-tov-za-hnuchkymy-tsinamy/" class="service-link"> 11107 <div class="service-icon-wrapper"> 11108 <div class="service-inner-circle"></div> 11109 </div> 11110 <span class="service-text">ÐÑÑ Ð³Ð°Ð»ÑÐµÑ Ð´Ð»Ñ Ð¢ÐÐ</span> 11111 <span class="service-arrow-wrapper"> 11112 <div class="service-arrow-circle"> 11113 <span class="service-arrow">â</span> 11114 </div> 11115 </span> 11116 </a> 11117 </div> 11118 <div class="service-item"> 11119 <a href="https://burocompany.com.ua/service/posluhy-finansovoho-konsaltynhu-ekonomist-na-autsors/" class="service-link"> 11120 <div class="service-icon-wrapper"> 11121 <div class="service-inner-circle"></div> 11122 </div> 11123 <span class="service-text">ФÑнанÑовий конÑалÑинг</span> 11124 <span class="service-arrow-wrapper"> 11125 <div class="service-arrow-circle"> 11126 <span class="service-arrow">â</span> 11127 </div> 11128 </span> 11129 </a> 11130 </div> 11131 <div class="service-item"> 11132 <a href="https://burocompany.com.ua/service/biudzhetuvannia-ta-finansove-planuvannia-zamovyty-posluhy-z-biudzhetuvannia/" class="service-link"> 11133 <div class="service-icon-wrapper"> 11134 <div class="service-inner-circle"></div> 11135 </div> 11136 <span class="service-text">ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð±ÑджеÑÑваннÑ</span> 11137 <span class="service-arrow-wrapper"> 11138 <div class="service-arrow-circle"> 11139 <span class="service-arrow">â</span> 11140 </div> 11141 </span> 11142 </a> 11143 </div> 11144 <!-- ÐоÑледний блок на вÑÑ ÑиÑÐ¸Ð½Ñ --> 11145 </div> 11146 </div> 11147</section> 11148 11149 11150<section class="top-expert seo-block"> 11151 <div class="container"> 11152 <!-- Ðаголовок SEO ÑекÑÑа --> 11153 11154 <!-- ÐÑновной конÑÐµÐ¹Ð½ÐµÑ ÑекÑÑа --> 11155 <div class="seo-text-content"> 11156 <h2 style="text-align: center;">ÐнаÑÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð´Ð»Ñ ÑÑÑаÑного бÑзнеÑÑ.</h2> 11157<p style="text-align: left;">ÐонкÑÑенÑÑÑ Ð½Ð° ÑÐ¸Ð½ÐºÑ Ð£ÐºÑаÑни пÑодовжÑÑ Ð·ÑоÑÑаÑи, Ñ ÐµÑекÑивне ÑпÑавлÑÐ½Ð½Ñ ÑÑнанÑами ÑÑÐ°Ñ Ð´ÐµÐ´Ð°Ð»Ñ Ð²Ð°Ð¶Ð»Ð¸Ð²ÑÑим. Щоб налагодиÑи ÑÑнанÑовий облÑк пÑдпÑиÑмÑÑва, ваÑÑо довÑÑиÑи Ñей пÑоÑÐµÑ Ð´Ð¾ÑвÑдÑÐµÐ½Ð¾Ð¼Ñ ÑÐ°Ñ ÑвÑÑ. У Ð²Ð¸Ð¿Ð°Ð´ÐºÐ°Ñ , коли кеÑÑвниÑÑво компанÑÑ Ð½Ðµ може опеÑаÑивно пÑиймаÑи еÑекÑÐ¸Ð²Ð½Ñ ÑпÑавлÑнÑÑÐºÑ ÑÑÑеннÑ, ваÑÑо ÑозглÑнÑÑи можливÑÑÑÑ Ð·Ð°Ð»ÑÑÐµÐ½Ð½Ñ Ð·Ð¾Ð²Ð½ÑÑнÑÑ ÐµÐºÑпеÑÑÑв до подаÑкового Ñа ÑÑнанÑового конÑалÑингÑ. ÐÑÑÑоÑÑинг ÑпÑавлÑнÑÑкого облÑÐºÑ Ñк ÑдоÑконалÑÑ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ñ Ð¿ÑоÑеÑи, а й Ð´Ð¾Ð¿Ð¾Ð¼Ð°Ð³Ð°Ñ Ð¾Ð¿ÑимÑзÑваÑи подаÑкове планÑваннÑ. ÐвÑомаÑизаÑÑÑ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð¿ÑдвиÑÑÑ ÐµÑекÑивнÑÑÑÑ ÑобоÑи, знижÑÑ Ð¹Ð¼Ð¾Ð²ÑÑнÑÑÑÑ Ð¿Ð¾Ð¼Ð¸Ð»Ð¾Ðº Ñа ÑпÑоÑÑÑ Ð°Ð½Ð°Ð»Ñз Ð´Ð°Ð½Ð¸Ñ .</p> 11158<h2 style="text-align: left;">Що Ñаке ÑпÑавлÑнÑÑкий облÑк?</h2> 11159<p style="text-align: left;">УпÑавлÑнÑÑкий облÑк â Ñе пÑоÑÐµÑ Ð·Ð±Ð¸ÑаннÑ, аналÑÐ·Ñ Ñа ÑнÑеÑпÑеÑаÑÑÑ ÑÑнанÑÐ¾Ð²Ð¸Ñ Ð´Ð°Ð½Ð¸Ñ Ð¿ÑдпÑиÑмÑÑва. ЯкÑо Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½ÑÑ Ð½ÐµÐ¼Ð°Ñ ÑпеÑÑалÑзованого ÑпÑвÑобÑÑника, можна ÑкоÑиÑÑаÑиÑÑ Ð¿Ð¾ÑлÑгами зовнÑÑнÑÑ ÐºÐ¾Ð½ÑÑлÑÑанÑÑв, ÑÐºÑ Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð¶ÑÑÑ ÑдоÑконалиÑи ÑÑнанÑÐ¾Ð²Ñ Ð¿ÑоÑеÑи, ÑÑÑаÑегÑÑ Ñа ÑиÑÑеми облÑкÑ. ÐкÑпеÑÑи в галÑÐ
11159·Ñ ÑÑнанÑового конÑалÑÐ¸Ð½Ð³Ñ Ð°Ð½Ð°Ð»ÑзÑÑÑÑ Ð·Ð²ÑÑнÑÑÑÑ, впÑоваджÑÑÑÑ Ð½Ð¾Ð²Ñ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ñ ÑиÑÑеми Ñа опÑимÑзÑÑÑÑ ÑÑнанÑÐ¾Ð²Ñ Ð¿ÑоÑеÑи. ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP-ÑиÑÑем авÑомаÑизÑÑ ÑпÑавлÑнÑÑкий облÑк Ñа ÑпÑиÑÑ Ð·Ð½Ð¸Ð¶ÐµÐ½Ð½Ñ Ð¾Ð¿ÐµÑаÑÑÐ¹Ð½Ð¸Ñ Ð²Ð¸ÑÑаÑ.</p> 11160<h2 style="text-align: left;">ÐÐ¾Ð¼Ñ Ð½ÐµÐ¾Ð±Ñ ÑÐ´Ð½Ñ Ð¿Ð¾ÑлÑги ÑпÑавлÑнÑÑкого облÑкÑ?</h2> 11161<p style="text-align: left;">ÐÑджеÑÑÐ²Ð°Ð½Ð½Ñ ÑÑÑно пов’Ñзане з ÑпÑавлÑнÑÑким облÑком. Ð¢Ð°ÐºÑ Ð¿Ð¾ÑлÑги заÑÑебÑÐ²Ð°Ð½Ñ Ñк ÑеÑед Ð²ÐµÐ»Ð¸ÐºÐ¸Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ñй, Ñак Ñ ÑеÑед Ð¼Ð°Ð»Ð¸Ñ Ñа ÑеÑеднÑÑ Ð¿ÑдпÑиÑмÑÑв, ÑÑаÑÑапÑв, деÑÐ¶Ð°Ð²Ð½Ð¸Ñ Ñа некомеÑÑÑÐ¹Ð½Ð¸Ñ Ð¾ÑганÑзаÑÑй. ÐвÑомаÑизаÑÑÑ Ð±ÑзнеÑÑ Ð·Ð° Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ ÑпеÑÑалÑзованого пÑогÑамного забезпеÑÐµÐ½Ð½Ñ Ð´Ð¾Ð·Ð²Ð¾Ð»ÑÑ Ð¿ÑдпÑиÑмÑÑм зоÑеÑедиÑиÑÑ Ð½Ð° ÑÑÑаÑегÑÑÐ½Ð¾Ð¼Ñ ÑозвиÑкÑ, мÑнÑмÑзÑÑÑи ÑÑÑÐ¸Ð½Ð½Ñ Ð·Ð°Ð²Ð´Ð°Ð½Ð½Ñ.</p> 11162<p style="text-align: left;">ÐомпанÑÑ Ð·Ð²ÐµÑÑаÑÑÑÑÑ Ð´Ð¾ екÑпеÑÑÑв Ñ Ð²Ð¸Ð¿Ð°Ð´ÐºÐ°Ñ , коли Ð½ÐµÐ¾Ð±Ñ Ñдно:</p> 11163<p style="text-align: left;">â опÑимÑзÑваÑи ÑÑнанÑÐ¾Ð²Ñ Ð¿ÑоÑеÑи;</p> 11164<p style="text-align: left;">â пÑдвиÑиÑи ÑÑнанÑÐ¾Ð²Ñ ÐµÑекÑивнÑÑÑÑ;</p> 11165<p style="text-align: left;">â виÑÑÑиÑи конкÑеÑÐ½Ñ ÑÑнанÑÐ¾Ð²Ñ Ð¿Ñоблеми;</p> 11166<p style="text-align: left;">â ÑозÑобиÑи бÑзнеÑ-плани Ñа кеÑÑваÑи Ñизиками;</p> 11167<p style="text-align: left;">â ÑÑвоÑиÑи ÑÑнанÑÐ¾Ð²Ñ ÑÑÑаÑегÑÑ;</p> 11168<p style="text-align: left;">â налагодиÑи бÑджеÑÑваннÑ;</p> 11169<p style="text-align: left;">â ÑвоÑÑаÑно веÑÑи облÑк Ñа ÑоÑмÑваÑи звÑÑи;</p> 11170<p style="text-align: left;">â пÑдвиÑиÑи еÑекÑивнÑÑÑÑ Ð²Ð¸ÐºÐ¾ÑиÑÑÐ°Ð½Ð½Ñ ÑÑнанÑÐ¾Ð²Ð¸Ñ ÑеÑÑÑÑÑв;</p> 11171<p style="text-align: left;">â впÑовадиÑи ÑиÑÑеми авÑомаÑизаÑÑÑ Ñа ÑнÑегÑаÑÑÑ ERP-ÑеÑвÑÑÑ.</p> 11172<p style="text-align: left;">ÐаÑÑÑÑÑÑ Ð¿Ð¾ÑлÑг ÑпÑавлÑнÑÑкого облÑÐºÑ Ð² УкÑаÑÐ½Ñ Ð·Ð°Ð»ÐµÐ¶Ð¸ÑÑ Ð²Ñд Ð·Ð°Ð²Ð´Ð°Ð½Ñ Ñа ÑеÑмÑнÑв ÑÑ Ð²Ð¸ÐºÐ¾Ð½Ð°Ð½Ð½Ñ, а Ñакож вÑд Ð½ÐµÐ¾Ð±Ñ ÑдноÑÑÑ Ð²Ð¿ÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP.</p> 11173<h2 style="text-align: left;">ÐÑÐ½Ð¾Ð²Ð½Ñ ÑÑÐ»Ñ Ñа Ð·Ð°Ð²Ð´Ð°Ð½Ð½Ñ ÑпÑавлÑнÑÑкого облÑкÑ</h2> 11174<p style="text-align: left;">Ðоловна меÑа ÑпÑавлÑнÑÑкого облÑÐºÑ â аналÑз ÑÑнанÑового ÑÑÐ°Ð½Ñ Ð¿ÑдпÑиÑмÑÑва, пÑдвиÑÐµÐ½Ð½Ñ ÐµÑекÑивноÑÑÑ ÑпÑавлÑннÑ, збÑлÑÑÐµÐ½Ð½Ñ Ð¿ÑибÑÑÐºÑ Ñа опÑимÑзаÑÑÑ Ð²Ð¸ÑÑаÑ. ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ ÑиÑÑем дозволÑÑ Ð²Ð¸ÑвиÑи ÑилÑÐ½Ñ Ñа ÑÐ»Ð°Ð±ÐºÑ ÑÑоÑони бÑзнеÑÑ, покÑаÑиÑи ÑÑÑаÑегÑÑне планÑÐ²Ð°Ð½Ð½Ñ Ñа пÑдвиÑиÑи опеÑаÑÑÐ¹Ð½Ñ ÐµÑекÑивнÑÑÑÑ.</p> 11175<p style="text-align: left;">ÐлÑÑÐ¾Ð²Ñ Ð·Ð°Ð²Ð´Ð°Ð½Ð½Ñ ÑпÑавлÑнÑÑкого облÑкÑ:</p> 11176<p style="text-align: left;">â аналÑз ÑÑнанÑового ÑÑÐ°Ð½Ñ Ñа виÑÐ²Ð»ÐµÐ½Ð½Ñ Ð¿Ñоблем;</p> 11177<p style="text-align: left;">â ÑозÑобка ÑÑÑаÑегÑй ÑпÑавлÑÐ½Ð½Ñ ÑÑнанÑами;</p> 11178<p style="text-align: left;">â впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÐµÑекÑÐ¸Ð²Ð½Ð¸Ñ Ð¾Ð±Ð»ÑÐºÐ¾Ð²Ð¸Ñ Ð¼ÐµÑодик;</p> 11179<p style="text-align: left;">â ÑоÑмÑÐ²Ð°Ð½Ð½Ñ ÑиÑÑеми планÑÐ²Ð°Ð½Ð½Ñ Ñа конÑÑÐ¾Ð»Ñ Ð¿ÑибÑÑкÑ;</p> 11180<p style="text-align: left;">â конÑÑлÑÑаÑÑÑ Ð· ÑÑнанÑового ÑпÑавлÑннÑ;</p> 11181<p style="text-align: left;">â впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ð¿ÑогÑам Ð´Ð»Ñ Ð°Ð²ÑомаÑизаÑÑÑ Ð¾Ð±Ð»ÑкÑ.</p> 11182<h2 style="text-align: left;">ÐÑапи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑкÑ</h2> 11183<p style="text-align: left;">ÐÑи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð²Ð¸ÐºÐ¾ÑиÑÑовÑÑÑÑÑÑ Ð¼ÐµÑодика аналÑÐ·Ñ ÐºÐ»ÑÑÐ¾Ð²Ð¸Ñ Ð¿ÑоÑеÑÑв, Ñо впливаÑÑÑ Ð½Ð° пÑибÑÑковÑÑÑÑ Ð±ÑзнеÑÑ. Це дозволÑÑ Ð²Ð¸ÑвиÑи вÑзÑÐºÑ Ð¼ÑÑÑÑ Ð² облÑÐºÑ Ð´Ð¾Ñ Ð¾Ð´Ñв Ñа виÑÑÐ°Ñ Ñа ÑÑоÑмÑваÑи облÑÐºÐ¾Ð²Ñ Ð¿Ð¾Ð»ÑÑикÑ.</p> 11184<p style="text-align: left;">ÐÑÐ½Ð¾Ð²Ð½Ñ ÐµÑапи впÑовадженнÑ:</p> 11185<p style="text-align: left;">1. ÐÑÐ´Ð¸Ñ ÑÑнанÑового облÑÐºÑ ÐºÐ¾Ð¼Ð¿Ð°Ð½ÑÑ.</p> 11186<p style="text-align: left;">2. ÐобÑдова облÑÐºÐ¾Ð²Ð¸Ñ Ð¿ÑоÑеÑÑв.</p> 11187<p style="text-align: left;">3. РозÑобка облÑÐºÐ¾Ð²Ð¾Ñ Ð¿Ð¾Ð»ÑÑики.</p> 11188<p style="text-align: left;">4. ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑиÑÑеми ÑпÑавлÑнÑÑÐºÐ¸Ñ Ð·Ð²ÑÑÑв.</p> 11189<p style="text-align: left;">5. ÐнÑегÑаÑÑÑ CRM Ñа ERP Ð´Ð»Ñ Ð¿Ð¾ÐºÑаÑÐµÐ½Ð½Ñ ÑобоÑи вÑддÑлÑв.</p> 11190<p style="text-align: left;">ÐвÑомаÑизаÑÑÑ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð·Ð½Ð°Ñно ÑпÑоÑÑÑ Ð²ÐµÐ´ÐµÐ½Ð½Ñ Ð±ÑзнеÑÑ. ÐикоÑиÑÑÐ°Ð½Ð½Ñ ÑпеÑÑалÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¿ÑогÑам дозволÑÑ:</p> 11191<p style="text-align: left;">â пÑдвиÑиÑи пÑибÑÑковÑÑÑÑ;</p> 11192<p style="text-align: left;">â зменÑиÑи виÑÑаÑи;</p> 11193<p style="text-align: left;">â полÑпÑиÑи ÑпÑавлÑÐ½Ð½Ñ ÑеÑÑÑÑами;</p> 11194<p style="text-align: left;">â мÑнÑмÑзÑваÑи Ñизик помилок;</p> 11195<p style="text-align: left;">â ÑпÑоÑÑиÑи онлайн аналÑз Ð´Ð°Ð½Ð¸Ñ ;</p> 11196<p style="text-align: left;">â пÑиÑкоÑиÑи пÑоÑÐµÑ Ð¾Ð±Ð»ÑÐºÑ Ñа звÑÑноÑÑÑ;</p> 11197<p style="text-align: left;">â забезпеÑиÑи ÑоÑний пÑогноз дÑÑлÑноÑÑÑ.</p> 11198<h2><span style="font-weight: 400;">УпÑавлÑнÑÑкий облÑк на пÑдпÑиÑмÑÑвÑ</span></h2> 11199<p><span style="font-weight: 400;">ÐапÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ Ð² УкÑаÑÐ½Ñ ÑÑало оÑобливо акÑÑалÑним оÑÑаннÑми Ñоками. ÐлаÑники бÑзнеÑÑ ÑозÑмÑÑÑÑ, Ñо без пÑозоÑÐ¾Ñ ÑиÑÑеми облÑÐºÑ Ð½ÐµÐ¼Ð¾Ð¶Ð»Ð¸Ð²Ð¾ кеÑÑваÑи ÑÑнанÑами, опÑимÑзÑваÑи виÑÑаÑи Ñа бÑдÑваÑи ÑÑÑаÑегÑÑ ÑозвиÑкÑ. ÐлÑÑÐ¾Ð²Ñ ÐµÐ»ÐµÐ¼ÐµÐ½Ñи ÑиÑÑеми ÑпÑавлÑнÑÑкого облÑÐºÑ Ð½Ð° пÑдпÑиÑмÑÑвÑ:</span></p> 11200<ul> 11201<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ÐÑджеÑÑваннÑ. ÐеÑедбаÑÐ°Ñ Ð¿Ð»Ð°Ð½ÑÐ²Ð°Ð½Ð½Ñ Ð´Ð¾Ñ Ð¾Ð´Ñв Ñ Ð²Ð¸ÑÑÐ°Ñ Ð· ÑÑÐ°Ñ ÑваннÑм ÑеалÑÐ½Ð¸Ñ ÑеÑÑÑÑÑв компанÑÑ.</span></li> 11202<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">УпÑавлÑнÑÑка звÑÑнÑÑÑÑ. ÐклÑÑÐ°Ñ ÑоÑмÑÐ²Ð°Ð½Ð½Ñ Ð·Ð²ÑÑÑв за ÑенÑÑами пÑибÑÑкÑ, пÑоÑÐ
11202ºÑами Ñа напÑÑмами.</span></li> 11203<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ÐналÑз вÑÐ´Ñ Ð¸Ð»ÐµÐ½Ñ, зокÑема поÑÑвнÑÐ½Ð½Ñ Ð¿Ð»Ð°Ð½Ð¾Ð²Ð¸Ñ Ñ ÑакÑиÑÐ½Ð¸Ñ Ð¿Ð¾ÐºÐ°Ð·Ð½Ð¸ÐºÑв.</span></li> 11204<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">УпÑавлÑнÑÑкий аналÑз. ÐÐµÐ¾Ð±Ñ Ñдний Ð´Ð»Ñ Ð¿Ð¾ÑÑÐºÑ Ð¿ÑиÑин пÑоблем Ñ Ð²Ð¸ÑÐ²Ð»ÐµÐ½Ð½Ñ ÑоÑок зÑоÑÑаннÑ.</span></li> 11205</ul> 11206<p><span style="font-weight: 400;">У ÑезÑлÑÑаÑÑ ÐºÐ¾Ð¼Ð¿Ð°Ð½ÑÑ Ð¾ÑÑимÑÑ ÑÑÑÐºÑ ÐºÐ°ÑÑинÑ: ÑÐºÑ Ð¿ÑоÑкÑи пÑибÑÑковÑ, де âвиÑÑкаÑÑÑâ гÑоÑÑ Ñа ÑÐºÑ ÑÑÑÐµÐ½Ð½Ñ Ð¿ÑинеÑÑÑÑ Ð¼Ð°ÐºÑималÑний еÑекÑ.</span></p> 11207<p style="text-align: left;">ÐаÑÑÑÑÑÑ Ð²Ð¿ÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP залежиÑÑ Ð²Ñд ÑозмÑÑÑ Ð±ÑзнеÑÑ, ÑÑнкÑÑÐ¾Ð½Ð°Ð»Ñ ÑиÑÑеми Ñа ÑкладноÑÑÑ ÑнÑегÑаÑÑÑ.</p> 11208<p style="text-align: left;">ÐамовлÑÑÑи поÑлÑги ÑпÑавлÑнÑÑкого облÑкÑ, влаÑники бÑзнеÑÑ Ð¼Ð¾Ð¶ÑÑÑ ÐµÑекÑивно виÑÑÑÑваÑи ÑÑнанÑÐ¾Ð²Ñ Ð¿Ð¸ÑаннÑ, опÑимÑзÑваÑи пÑоÑеÑи Ñа забезпеÑиÑи ÑÑабÑлÑний ÑозвиÑок компанÑÑ. ÐвÑомаÑÐ¸Ð·Ð¾Ð²Ð°Ð½Ñ ÑиÑÑеми ÑпÑавлÑÐ½Ð½Ñ Ð±ÑзнеÑом ÑÑаÑÑÑ ÐºÐ»ÑÑовим ÑнÑÑÑÑменÑом пÑдвиÑÐµÐ½Ð½Ñ ÐºÐ¾Ð½ÐºÑÑенÑоÑпÑоможноÑÑÑ Ð½Ð° ÑинкÑ.</p> 11209 </div> 11210 </div> 11211</section> 11212 11213<!-- ÐополниÑелÑнÑй блок поÑле SEO ÑекÑÑа --> 11214<div class="container"> 11215<div style='text-align:center' class='yasr-auto-insert-visitor'><!--Yasr Visitor Votes Shortcode--><div id='yasr_visitor_votes_c7567fabc49a6' class='yasr-visitor-votes'><div class="yasr-custom-text-vv-before yasr-custom-text-vv-before-20">ÐлÑкни, Ñоб оÑÑниÑи!</div><div id='yasr-vv-second-row-container-c7567fabc49a6' 11216 class='yasr-vv-second-row-container'><div id='yasr-visitor-votes-rater-c7567fabc49a6' 11217 class='yasr-rater-stars-vv' 11218 data-rater-postid='20' 11219 data-rating='5' 11220 data-rater-starsize='24' 11221 data-rater-readonly='false' 11222 data-rater-nonce='f89c621e4e' 11223 data-issingular='true' 11224 ></div><div class="yasr-vv-stats-text-container" id="yasr-vv-stats-text-container-c7567fabc49a6"><svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" 11225 class="yasr-dashicons-visitor-stats" 11226 data-postid="20" 11227 id="yasr-stats-dashicon-c7567fabc49a6"> 11228 <path d="M18 18v-16h-4v16h4zM12 18v-11h-4v11h4zM6 18v-8h-4v8h4z"></path> 11229 </svg><span id="yasr-vv-text-container-c7567fabc49a6" class="yasr-vv-text-container">[Total: <span id="yasr-vv-votes-number-container-c7567fabc49a6">1</span> Average: <span id="yasr-vv-average-container-c7567fabc49a6">5</span>]</span></div><div id='yasr-vv-loader-c7567fabc49a6' class='yasr-vv-container-loader'></div></div><div id='yasr-vv-bottom-container-c7567fabc49a6' 11230 class='yasr-vv-bottom-container' 11231 style='display:none'></div></div><!--End Yasr Visitor Votes Shortcode--></div><div class="related-posts"><h3 class="related-posts-heading">ÐнÑÑ Ð·Ð°Ð¿Ð¸Ñи</h3><div class="related-posts-menu"><div class="related-post"><a href="https://burocompany.com.ua/shcho-take-systema-erp/"><img decoding="async" src="https://burocompany.com.ua/wp-content/uploads/2025/04/page-55-2-150x150.png" class="related-post-thumbnail" /></a><h4><a href="https://burocompany.com.ua/shcho-take-systema-erp/">Що Ñаке ERP ÑиÑÑема á Як пÑаÑÑÑ ERP Ñа ÑÐºÑ ÑÑ Ð¿ÐµÑеваги Ð´Ð»Ñ Ð±ÑзнеÑÑ</a></h4></div><div class="related-post"><a href="https://burocompany.com.ua/tipovi-pomilki-pri-vprovadzhenni-erp-yaki-koshtuyut-biznesu-groshej/"><img decoding="async" src="https://burocompany.com.ua/wp-content/uploads/2025/12/page-79-150x150.png" class="related-post-thumbnail" /></a><h4><a href="https://burocompany.com.ua/tipovi-pomilki-pri-vprovadzhenni-erp-yaki-koshtuyut-biznesu-groshej/">Ð¢Ð¸Ð¿Ð¾Ð²Ñ Ð¿Ð¾Ð¼Ð¸Ð»ÐºÐ¸ пÑи впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP, ÑÐºÑ ÐºÐ¾ÑÑÑÑÑÑ Ð±ÑзнеÑÑ Ð³ÑоÑей</a></h4></div><div class="related-post"><a href="https://burocompany.com.ua/shvydkyy-start-abo-iak-vprovadyty-erp-za-2-tyzhni-html/"><img decoding="async" src="https://burocompany.com.ua/wp-content/uploads/2026/06/page-73-150x150.png" class="related-post-thumbnail" /></a><h4><a href="https://burocompany.com.ua/shvydkyy-start-abo-iak-vprovadyty-erp-za-2-tyzhni-html/">«Швидкий ÑÑаÑÑ» або Ñк впÑовадиÑи ERP за 2 ÑÐ¸Ð¶Ð½Ñ HTML</a></h4></div><div class="related-post"><a href="https://burocompany.com.ua/initsiatyvnyy-audyt-vazhlyvist-tsili-ta-osoblyvosti/"><img decoding="async" src="https://burocompany.com.ua/wp-content/uploads/2025/01/page-49-150x150.png" class="related-post-thumbnail" /></a><h4><a href="https://burocompany.com.ua/initsiatyvnyy-audyt-vazhlyvist-tsili-ta-osoblyvosti/">ÐобÑовÑлÑний або ÑнÑÑÑаÑивний аÑдиÑ</a></h4></div></div></div>
11231<script type="application/ld+json" class="yasr-schema-graph">{"@context":"https:\/\/schema.org\/","@type":"Product","name":"\u0423\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u0441\u044c\u043a\u0438\u0439 \u043e\u0431\u043b\u0456\u043a \u27a4 \u0412\u043f\u0440\u043e\u0432\u0430\u0434\u0436\u0435\u043d\u043d\u044f \u0432 \u0423\u043a\u0440\u0430\u0457\u043d\u0456 \u0437\u0430 \u0433\u043d\u0443\u0447\u043a\u0438\u043c\u0438 \u0446\u0456\u043d\u0430\u043c\u0438","description":"\u041a\u043b\u0456\u043a\u043d\u0438, \u0449\u043e\u0431 \u043e\u0446\u0456\u043d\u0438\u0442\u0438! [Total: 1 Average: 5]\u0406\u043d\u0448\u0456 \u0437\u0430\u043f\u0438\u0441\u0438\u0429\u043e \u0442\u0430\u043a\u0435 ERP \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u1409 \u042f\u043a \u043f\u0440\u0430\u0446\u044e\u0454 ERP \u0442\u0430 \u044f\u043a\u0456 \u0457\u0457 \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0434\u043b\u044f \u0431\u0456\u0437\u043d\u0435\u0441\u0443\u0422\u0438\u043f\u043e\u0432\u0456 \u043f\u043e\u043c\u0438\u043b\u043a\u0438 \u043f\u0440\u0438 \u0432\u043f\u0440\u043e\u0432\u0430\u0434\u0436\u0435\u043d\u043d\u0456 ERP, \u044f\u043a\u0456 \u043a\u043e\u0448\u0442\u0443\u044e\u0442\u044c \u0431\u0456\u0437\u043d\u0435\u0441\u0443 \u0433\u0440\u043e\u0448\u0435\u0439\u00ab\u0428\u0432\u0438\u0434\u043a\u0438\u0439 \u0441\u0442\u0430\u0440\u0442\u00bb \u0430\u0431\u043e \u044f\u043a \u0432\u043f\u0440\u043e\u0432\u0430\u0434\u0438\u0442\u0438 ERP \u0437\u0430 2 \u0442\u0438\u0436\u043d\u0456 HTML\u0414\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u0438\u0439 \u0430\u0431\u043e \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0430\u0443\u0434\u0438\u0442","image":{"@type":"ImageObject","url":"https:\/\/burocompany.com.ua\/wp-content\/uploads\/2023\/12\/cropped-favicon.png","width":512,"height":512},"aggregateRating":{"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"bestRating":5,"worstRating":1},"brand":{"@type":"Brand","name":""},"sku":"","":""}</script>
11231</div> 11232 11233
11234<script> 11235document.addEventListener('DOMContentLoaded', function() { 11236 document.body.style.overflowX = 'hidden'; // УбиÑаем гоÑизонÑалÑнÑй ÑкÑоллинг 11237}); 11238</script>
11238 11239 11240 11241 11242<footer class="footer"> 11243 <h2 style="padding: 0 30px !important;">Ðв'ÑзаÑиÑÑ Ð· нами</h2> 11244 11245<div class="footer__inner" style="display: flex; justify-content: space-between; align-items: stretch; padding: 0 20px; width: 100%; box-sizing: border-box;"> 11246 <div style="flex: 1; background-color: #1a1a1a; padding: 20px; border-right: 2px solid #000; display: flex; flex-direction: column; justify-content: space-between; min-height: 220px;"> 11247 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐаÑелеÑонÑваÑи</h5> 11248 <div class="phone_number"><a href="tel:+380676521688" style="color: #fff; font-size: 1.2rem;">+380 (67) 652 16 88</a></div> 11249 </div> 11250 11251 <div style="flex: 1; background-color: #1a1a1a; padding: 20px; border-right: 2px solid #000; display: flex; flex-direction: column; justify-content: space-between; min-height: 220px;"> 11252 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐапиÑаÑи на поÑÑÑ</h5> 11253 <a href="mailto:[email protected]" style="color: #fff; font-size: 1.2rem;">[email protected]</a> 11254 </div> 11255 11256 <div style="flex: 1; background-color: #1a1a1a; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 220px;"> 11257 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐÐ°Ñ Ð¾ÑÑÑ</h5> 11258 <p style="color: #fff; font-size: 1.2rem;">Ð. ÐиÑв, УкÑаÑна ÐЦ FORUM Victoria Park пÑов. ÐÑ ÑиÑÑÑкий, 7, коÑпÑÑ 3, повеÑÑ 1 ÐÑимÑÑÐµÐ½Ð½Ñ â 3(Ð) - 105</p> 11259 </div> 11260</div> 11261 11262 11263 11264 11265 <div class="footer__bottom" style="display: flex; justify-content: space-between; align-items: center; margin-top: 30px;"> 11266 <div class="footer__logo"> 11267 <img src="https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png" alt="ÐогоÑип ÐÑÑо"> 11268 </div> 11269 11270 <div class="footer__menu"> 11271 <ul id="menu-footer-menu-ua" class="footer-menu"><li id="menu-item-2162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2162"><a href="https://burocompany.com.ua/zmi-pro-nas-statti-ta-materialy-pro-kompaniiu-byuro/">ÐÐРпÑо наÑ</a></li> 11272<li id="menu-item-2164" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2164"><a href="https://burocompany.com.ua/#service">ÐоÑлÑги</a></li> 11273<li id="menu-item-2165" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2165"><a href="https://burocompany.com.ua/about-us/">ÐÑо наÑ</a></li> 11274<li id="menu-item-2166" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2166"><a href="https://burocompany.com.ua/category/blog/">Ðлог</a></li> 11275<li id="menu-item-2161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2161"><a href="https://burocompany.com.ua/kalkuliator/">ÐалÑкÑлÑÑоÑ</a></li> 11276<li id="menu-item-2167" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2167"><a href="https://burocompany.com.ua/vidpovidaiemo-na-vashi-chasti-zapytannia/">FAQ</a></li> 11277<li id="menu-item-3755" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3755"><a href="https://burocompany.com.ua/glossary/">ÐлоÑаÑÑй</a></li> 11278</ul> </div> 11279 11280 <div class="footer__social"> 11281 <ul class="social" style="display: flex; gap: 15px;"> 11282 <li> 11283 <a href="https://t.me/buroconsulting" target="_blank" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #fff;"> 11284 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/image-removebg-preview-22.png" alt="Telegram" style="width: 30px; height: 30px;"> 11285 </a> 11286 </li> 11287 <li> 11288 <a href="https://www.facebook.com/burocompany" target="_blank" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #fff;"> 11289 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/59439.png" alt="Facebook" style="width: 30px; height: 30px;"> 11290 </a> 11291 </li> 11292 <li> 11293 <a href="https://www.instagram.com/burocompany/" target="_blank" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #fff;"> 11294 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/instagram-new.png" alt="Instagram" style="width: 30px; height: 30px;"> 11295 </a> 11296 </li> 11297 </ul> 11298 </div> 11299 </div> 11300 11301 <div class="footer__bottom-line" style="border-top: 1px solid #555; margin: 20px 30px;"></div>
11302 <div class="footer__copyright" style="display: flex; justify-content: space-between; font-size: 0.9rem; color: #999; padding: 0 30px;"> 11303 <span>© 2024</span> 11304 <span>ÐÑÑ Ð¿Ñава Ð·Ð°Ñ Ð¸ÑенÑ</span> 11305 <a href="/privacy-policy/" style="color: #999; text-decoration: none;">ÐолÑÑика конÑÑденÑÑйноÑÑÑ</a> 11306 </div> 11307</footer> 11308 11309 11310 11311
11312<script src="/wp-content/themes/burot/js/app.min.js"></script>
11312 11313<div id="contact-popup" class="bcp-wrapper"> 11314 <div class="bcp-overlay"></div> 11315 <div class="bcp-content"> 11316 <button class="bcp-close">×</button> 11317 11318 <div class="bcp-form-column"> 11319 <h3>ÐамовиÑи конÑÑлÑÑаÑÑÑ</h3> 11320 <p>ÐалиÑÑе ваÑÑ Ð´Ð°Ð½Ñ, Ñ Ð¼Ð¸ зв'ÑжемоÑÑ Ð· вами найближÑим ÑаÑом.</p> 11321 11322 11323<div class="wpcf7 no-js" id="wpcf7-f3922-o2" lang="uk" dir="ltr" data-wpcf7-id="3922"> 11324<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 11325<form action="/service/upravlinskyy-oblik-vid-biuro/#wpcf7-f3922-o2" method="post" class="wpcf7-form init" aria-label="ÐонÑакÑна ÑоÑма" novalidate="novalidate" data-status="init"> 11326<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="3922" /><input type="hidden" name="_wpcf7_version" value="6.1.7" /><input type="hidden" name="_wpcf7_locale" value="uk" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f3922-o2" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /><input type="hidden" name="_wpcf7_recaptcha_response" value="" /> 11327</fieldset> 11328<div class="bcp-input-group"> 11329 <p><label for="popup-name">ÐаÑе Ñм'Ñ</label><br /> 11330<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="popup-name" aria-required="true" aria-invalid="false" value="" type="text" name="your-name" /></span> 11331 </p> 11332</div> 11333<div class="bcp-input-group"> 11334 <p><label for="popup-email">ÐÐ°Ñ Email (необов'Ñзково)</label><br /> 11335<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email" id="popup-email" aria-invalid="false" value="" type="email" name="your-email" /></span> 11336 </p> 11337</div> 11338<div class="bcp-input-group"> 11339 <p><label for="popup-phone">ÐÐ°Ñ ÑелеÑон</label><br /> 11340<span class="wpcf7-form-control-wrap" data-name="your-phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" id="popup-phone" aria-required="true" aria-invalid="false" value="" type="tel" name="your-phone" /></span> 11341 </p> 11342</div> 11343<p><input class="wpcf7-form-control wpcf7-submit has-spinner phone_number" type="submit" value="ÐÑÑимаÑи конÑÑлÑÑаÑÑÑ" /> 11344</p><div class="wpcf7-response-output" aria-hidden="true"></div> 11345</form> 11346</div> 11347 </div> 11348 11349 <div class="bcp-image-column"> 11350 <img src="https://burocompany.com.ua/wp-content/uploads/2025/08/NP-102-removebg-preview-e1755685613422.png" alt="ÐонÑÑлÑÑаÑÑÑ"> 11351 </div> 11352 11353 </div> 11354</div>
11355<script type="speculationrules"> 11356{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/burot/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 11357</script>
vendor: 1 bytes, line 11357
11357
11358<script> 11359document.addEventListener('DOMContentLoaded', function() { 11360 if (window.location.href.includes('/kalkuliator/')) { 11361 var currentStepIndex = 1; 11362 var baseCost = 5000; 11363 11364 function showNextStep() { 11365 var currentStep = document.getElementById('step-' + currentStepIndex); 11366 var nextStep = document.getElementById('step-' + (currentStepIndex + 1)); 11367 11368 var valid = false; 11369 11370 var numberInputs = currentStep.querySelectorAll('input[type="number"]'); 11371 numberInputs.forEach(function(input) { 11372 if (input.value > 0) { 11373 valid = true; 11374 } 11375 }); 11376 11377 var selectedInputs = currentStep.querySelectorAll('input[type="radio"]:checked, input[type="checkbox"]:checked'); 11378 if (selectedInputs.length > 0) { 11379 valid = true; 11380 } 11381 11382 if (!valid) { 11383 alert('ÐÑÐ´Ñ Ð»Ð°Ñка, заповнÑÑÑ Ñе пиÑÐ°Ð½Ð½Ñ Ð¿ÐµÑед Ñим, Ñк пеÑейÑи далÑ.'); 11384 return; 11385 } 11386 11387 currentStep.style.opacity = '0'; 11388 setTimeout(function() { 11389 currentStep.style.display = 'none'; 11390 nextStep.style.display = 'block'; 11391 setTimeout(function() { 11392 nextStep.style.opacity = '1'; 11393 }, 50); 11394 }, 500); 11395 11396 currentStepIndex++; 11397 11398 if (currentStepIndex === 12) { 11399 document.getElementById('contact-info').style.display = 'block'; 11400 } 11401 } 11402 11403 function showPreviousStep() { 11404 var currentStep = document.getElementById('step-' + currentStepIndex); 11405 var previousStep = document.getElementById('step-' + (currentStepIndex - 1)); 11406 11407 currentStep.style.opacity = '0'; 11408 setTimeout(function() { 11409 currentStep.style.display = 'none'; 11410 previousStep.style.display = 'block'; 11411 setTimeout(function() { 11412 previousStep.style.opacity = '1'; 11413 }, 50); 11414 }, 500); 11415 11416 currentStepIndex--; 11417 } 11418 11419 document.querySelectorAll('.next-step').forEach(function(button) { 11420 button.addEventListener('click', showNextStep); 11421 }); 11422 11423 document.querySelectorAll('.previous-step').forEach(function(button) { 11424 button.addEventListener('click', showPreviousStep); 11425 }); 11426 11427 document.getElementById('calculate-button').addEventListener('click', function() { 11428 var numCompanies = parseInt(document.getElementById('num-companies').value); 11429 var monthlySales = parseInt(document.getElementById('monthly-sales').value); 11430 var monthlyPurchases = parseInt(document.getElementById('monthly-purchases').value); 11431 var numEmployees = parseInt(document.getElementById('num-employees').value); 11432 11433 var taxSystem = parseFloat(document.querySelector('input[name="tax-system"]:checked').value); 11434 var activityType = parseFloat(document.querySelector('input[name="activity-type"]:checked').value); 11435 var turnover = parseFloat(document.querySelector('input[name="turnover"]:checked').value); 11436 var zno = parseFloat(document.querySelector('input[name="zno"]:checked').value); 11437 var rro = parseFloat(document.querySelector('input[name="rro"]:checked').value); 11438 var vatPayer = parseFloat(document.querySelector('input[name="vat-payer"]:checked').value); 11439 var additionalFeatures = Array.from(document.querySelectorAll('input[name="additional-features"]:checked')).reduce(function(acc, checkbox) { 11440 return acc + parseFloat(checkbox.value); 11441 }, 0); 11442 11443 var totalCoefficient = taxSystem + vatPayer + turnover + zno + rro + additionalFeatures; 11444 11445 var servicePackage = parseFloat(document.querySelector('input[name="service-package"]:checked').value); 11446
11447 var companiesCost = baseCost * numCompanies; 11448 11449 var calculatedCost; 11450 11451 if (servicePackage === 1) { 11452 var totalDocuments = monthlySales + monthlyPurchases; 11453 var multiplier = (totalDocuments > 200) ? 1.2 : 1; 11454 calculatedCost = companiesCost * (1 + totalCoefficient) * multiplier; 11455 } else if (servicePackage === 1.2) { 11456 var baseCalculatedCost = companiesCost * (1 + totalCoefficient); 11457 var salesCost = 120 * monthlySales; 11458 var purchasesCost = 120 * monthlyPurchases; 11459 var employeesCost = 500 * numEmployees; 11460 calculatedCost = baseCalculatedCost + salesCost + purchasesCost + employeesCost; 11461 } 11462 11463 calculatedCost = calculatedCost / 2; 11464 11465 if (calculatedCost > 50000) { 11466 document.getElementById('result').textContent = "РозÑÐ°Ñ Ñнок вийÑов неÑоÑний, набеÑÑÑÑ Ð½Ð°Ñ, бÑÐ´Ñ Ð»Ð°Ñка, або заповнÑÑÑ ÑоÑÐ¼Ñ Ð·Ð²Ð¾ÑоÑного зв'ÑзкÑ."; 11467 } else { 11468 document.getElementById('result').textContent = "ÐÑÑÑнÑовна ваÑÑÑÑÑÑ: " + calculatedCost.toFixed(2) + " гÑн"; 11469 } 11470 11471 document.getElementById('calculate-button').style.display = 'none'; 11472 var resultContainer = document.getElementById('result-container'); 11473 resultContainer.style.display = 'block'; 11474 setTimeout(function() { 11475 resultContainer.style.opacity = '1'; 11476 }, 50); 11477 document.getElementById('contact-info').style.display = 'block'; 11478 }); 11479 11480 var calculatorImage = document.querySelector('.calculator-image'); 11481 var calculatorContainer = document.getElementById('calculator-container'); 11482 11483 function checkWindowSize() { 11484 if (window.innerWidth <= 768) { 11485 if (calculatorImage) { 11486 calculatorImage.style.display = 'none'; 11487 } 11488 if (calculatorContainer) { 11489 calculatorContainer.style.width = '100%'; 11490 calculatorContainer.style.maxWidth = 'none'; 11491 } 11492 } else { 11493 if (calculatorImage) { 11494 calculatorImage.style.display = 'flex'; 11495 } 11496 if (calculatorContainer) { 11497 calculatorContainer.style.width = '60%'; 11498 calculatorContainer.style.maxWidth = '600px'; 11499 } 11500 } 11501 } 11502 11503 window.addEventListener('resize', checkWindowSize); 11504 checkWindowSize(); // Initial check 11505 } 11506}); 11507</script>
11507 11508 11509<!-- Ðод Ð´Ð»Ñ ÑÑÑÑкой веÑÑии калÑкÑлÑÑоÑа --> 11510
11511<script> 11512document.addEventListener('DOMContentLoaded', function() { 11513 if (window.location.href.includes('/ru/kalkuliator-stoymosty-bukhhalterskykh-usluh-byuro/')) { 11514 var currentStepIndex = 1; 11515 var baseCost = 5000; 11516 11517 function showNextStep() { 11518 var currentStep = document.getElementById('step-' + currentStepIndex); 11519 var nextStep = document.getElementById('step-' + (currentStepIndex + 1)); 11520 11521 var valid = false; 11522 11523 var numberInputs = currentStep.querySelectorAll('input[type="number"]'); 11524 numberInputs.forEach(function(input) { 11525 if (input.value > 0) { 11526 valid = true; 11527 } 11528 }); 11529 11530 var selectedInputs = currentStep.querySelectorAll('input[type="radio"]:checked, input[type="checkbox"]:checked'); 11531 if (selectedInputs.length > 0) { 11532 valid = true; 11533 } 11534 11535 if (!valid) { 11536 alert('ÐожалÑйÑÑа, заполниÑе ÑÑÐ¾Ñ Ð²Ð¾Ð¿ÑÐ¾Ñ Ð¿ÐµÑед Ñем, как пеÑейÑи далÑÑе.'); 11537 return; 11538 } 11539 11540 currentStep.style.opacity = '0'; 11541 setTimeout(function() { 11542 currentStep.style.display = 'none'; 11543 nextStep.style.display = 'block'; 11544 setTimeout(function() { 11545 nextStep.style.opacity = '1'; 11546 }, 50); 11547 }, 500); 11548 11549 currentStepIndex++; 11550 11551 if (currentStepIndex === 12) { 11552 document.getElementById('contact-info').style.display = 'block'; 11553 } 11554 } 11555 11556 function showPreviousStep() { 11557 var currentStep = document.getElementById('step-' + currentStepIndex); 11558 var previousStep = document.getElementById('step-' + (currentStepIndex - 1)); 11559 11560 currentStep.style.opacity = '0'; 11561 setTimeout(function() { 11562 currentStep.style.display = 'none'; 11563 previousStep.style.display = 'block'; 11564 setTimeout(function() { 11565 previousStep.style.opacity = '1'; 11566 }, 50); 11567 }, 500); 11568 11569 currentStepIndex--; 11570 } 11571 11572 document.querySelectorAll('.next-step').forEach(function(button) { 11573 button.addEventListener('click', showNextStep); 11574 }); 11575 11576 document.querySelectorAll('.previous-step').forEach(function(button) { 11577 button.addEventListener('click', showPreviousStep); 11578 }); 11579 11580 document.getElementById('calculate-button').addEventListener('click', function() { 11581 var numCompanies = parseInt(document.getElementById('num-companies').value); 11582 var monthlySales = parseInt(document.getElementById('monthly-sales').value); 11583 var monthlyPurchases = parseInt(document.getElementById('monthly-purchases').value); 11584 var numEmployees = parseInt(document.getElementById('num-employees').value); 11585 11586 var taxSystem = parseFloat(document.querySelector('input[name="tax-system"]:checked').value); 11587 var activityType = parseFloat(document.querySelector('input[name="activity-type"]:checked').value); 11588 var turnover = parseFloat(document.querySelector('input[name="turnover"]:checked').value); 11589 var zno = parseFloat(document.querySelector('input[name="zno"]:checked').value); 11590 var rro = parseFloat(document.querySelector('input[name="rro"]:checked').value); 11591 var vatPayer = parseFloat(document.querySelector('input[name="vat-payer"]:checked').value); 11592 var additionalFeatures = Array.from(document.querySelectorAll('input[name="additional-features"]:checked')).reduce(function(acc, checkbox) { 11593 return acc + parseFloat(checkbox.value); 11594 }, 0); 11595 11596 var totalCoefficient = taxSystem + vatPayer + turnover + zno + rro + additionalFeatures; 11597 11598 var servicePackage = parseFloat(document.querySelector('input[name="service-package"]:checked').value); 11599
11600 var companiesCost = baseCost * numCompanies; 11601 11602 var calculatedCost; 11603 11604 if (servicePackage === 1) { 11605 var totalDocuments = monthlySales + monthlyPurchases; 11606 var multiplier = (totalDocuments > 200) ? 1.2 : 1; 11607 calculatedCost = companiesCost * (1 + totalCoefficient) * multiplier; 11608 } else if (servicePackage === 1.2) { 11609 var baseCalculatedCost = companiesCost * (1 + totalCoefficient); 11610 var salesCost = 120 * monthlySales; 11611 var purchasesCost = 120 * monthlyPurchases; 11612 var employeesCost = 500 * numEmployees; 11613 calculatedCost = baseCalculatedCost + salesCost + purchasesCost + employeesCost; 11614 } 11615 11616 calculatedCost = calculatedCost / 2; 11617 11618 if (calculatedCost > 50000) { 11619 document.getElementById('result').textContent = "РаÑÑÐµÑ Ð²ÑÑел неÑоÑнÑм, позвониÑе нам, пожалÑйÑÑа, или заполниÑе ÑоÑÐ¼Ñ Ð¾Ð±ÑаÑной ÑвÑзи."; 11620 } else { 11621 document.getElementById('result').textContent = "ÐÑиенÑиÑовоÑÐ½Ð°Ñ ÑÑоимоÑÑÑ: " + calculatedCost.toFixed(2) + " гÑн"; 11622 } 11623 11624 document.getElementById('calculate-button').style.display = 'none'; 11625 var resultContainer = document.getElementById('result-container'); 11626 resultContainer.style.display = 'block'; 11627 setTimeout(function() { 11628 resultContainer.style.opacity = '1'; 11629 }, 50); 11630 document.getElementById('contact-info').style.display = 'block'; 11631 }); 11632 11633 var calculatorImage = document.querySelector('.calculator-image'); 11634 var calculatorContainer = document.getElementById('calculator-container'); 11635 11636 function checkWindowSize() { 11637 if (window.innerWidth <= 768) { 11638 if (calculatorImage) { 11639 calculatorImage.style.display = 'none'; 11640 } 11641 if (calculatorContainer) { 11642 calculatorContainer.style.width = '100%'; 11643 calculatorContainer.style.maxWidth = 'none'; 11644 } 11645 } else { 11646 if (calculatorImage) { 11647 calculatorImage.style.display = 'flex'; 11648 } 11649 if (calculatorContainer) { 11650 calculatorContainer.style.width = '60%'; 11651 calculatorContainer.style.maxWidth = '600px'; 11652 } 11653 } 11654 } 11655 11656 window.addEventListener('resize', checkWindowSize); 11657 checkWindowSize(); // Initial check 11658 } 11659}); 11660</script>
11660 11661
11662<script> 11663document.addEventListener("DOMContentLoaded", function() { 11664 const leftBlock = document.querySelector('.iphone-wrap-left'); 11665 const rightBlock = document.querySelector('.iphone-wrap-right'); 11666 11667 const observerOptions = { 11668 threshold: 0.5 // ÐÑоÑÐµÐ½Ñ Ð²Ð¸Ð´Ð¸Ð¼Ð¾ÑÑи ÑлеменÑа на ÑкÑане 11669 }; 11670 11671 const observerCallback = (entries, observer) => { 11672 entries.forEach(entry => { 11673 if (entry.isIntersecting) { 11674 entry.target.classList.add('animated'); 11675 observer.unobserve(entry.target); // ÐÑклÑÑаем наблÑдение поÑле пеÑвого поÑÐ²Ð»ÐµÐ½Ð¸Ñ 11676 } 11677 }); 11678 }; 11679 11680 const observer = new IntersectionObserver(observerCallback, observerOptions); 11681 11682 observer.observe(leftBlock); 11683 observer.observe(rightBlock); 11684}); 11685 11686</script>
11686 11687
11688<script> 11689document.addEventListener("DOMContentLoaded", function() { 11690 const elements = document.querySelectorAll('.typing-effect-title'); // ÐÑбиÑаем ÑолÑко заголовки Ñ ÑÑим клаÑÑом 11691 const typingSpeed = 100; // СкоÑоÑÑÑ Ð¿ÐµÑаÑÐ°Ð½Ð¸Ñ Ð² миллиÑекÑÐ½Ð´Ð°Ñ 11692 11693 // ФÑнкÑÐ¸Ñ Ð¿ÐµÑаÑÐ°Ð½Ð¸Ñ ÑекÑÑа 11694 function typeWriter(element, text) { 11695 let i = 0; 11696 function type() { 11697 if (i < text.length) { 11698 element.innerHTML += text.charAt(i); 11699 i++; 11700 setTimeout(type, typingSpeed); 11701 } 11702 } 11703 type(); 11704 } 11705 11706 // ÐаÑÑÑаиваем наблÑдаÑÐµÐ»Ñ 11707 const observer = new IntersectionObserver((entries, observer) => { 11708 entries.forEach(entry => { 11709 if (entry.isIntersecting) { 11710 const element = entry.target; 11711 const text = element.textContent.trim(); 11712 element.textContent = ''; // ÐÑиÑÑка ÑекÑÑа пеÑед анимаÑией 11713 typeWriter(element, text); 11714 observer.unobserve(element); // ÐÑÑановиÑÑ Ð½Ð°Ð±Ð»Ñдение поÑле наÑала анимаÑии 11715 } 11716 }); 11717 }, { 11718 threshold: 0.1 // ÐÑоÑÐµÐ½Ñ Ð²Ð¸Ð´Ð¸Ð¼Ð¾ÑÑи ÑлеменÑа (10%) 11719 }); 11720 11721 // ÐÑименÑем наблÑдаÑÐµÐ»Ñ ÐºÐ¾ вÑем заголовкам Ñ Ð°Ð½Ð¸Ð¼Ð°Ñией 11722 elements.forEach(element => { 11723 observer.observe(element); 11724 }); 11725}); 11726</script>
11726 11727 11728
11729<script id="call_ac-custom-js-front-js" src="https://burocompany.com.ua/wp-content/plugins/responsive-accordion-and-collapse/js/accordion-custom.js?ver=7.1.3"></script>
vendor: 1 bytes, line 11729
11729
11730<script id="call_ac-js-front-js" src="https://burocompany.com.ua/wp-content/plugins/responsive-accordion-and-collapse/js/accordion.js?ver=7.1.3"></script>
vendor: 1 bytes, line 11730
11730
11731<script id="wp-google-reviews_plublic_comb-js-extra"> 11732var wprevpublicjs_script_vars = {"wpfb_nonce":"0536aa17fd","wpfb_ajaxurl":"https://burocompany.com.ua/wp-admin/admin-ajax.php","wprevpluginsurl":"https://burocompany.com.ua/wp-content/plugins/wp-google-places-review-slider"}; 11733//# sourceURL=wp-google-reviews_plublic_comb-js-extra 11734</script>
vendor: 1 bytes, line 11734
11734
11735<script id="wp-google-reviews_plublic_comb-js" src="https://burocompany.com.ua/wp-content/plugins/wp-google-places-review-slider/public/js/wprev-public-com-min.js?ver=18.7"></script>
vendor: 1 bytes, line 11735
11735
11736<script id="wp-postviews-cache-js-extra"> 11737var viewsCacheL10n = {"admin_ajax_url":"https://burocompany.com.ua/wp-admin/admin-ajax.php","nonce":"07af05861e","post_id":"20"}; 11738//# sourceURL=wp-postviews-cache-js-extra 11739</script>
vendor: 1 bytes, line 11739
11739
11740<script id="wp-postviews-cache-js" src="https://burocompany.com.ua/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.78.1"></script>
vendor: 1 bytes, line 11740
11740
11741<script id="pll_cookie_script-js-after"> 11742(function() { 11743 var expirationDate = new Date(); 11744 expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); 11745 document.cookie = "pll_language=uk; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; 11746 }()); 11747 11748//# sourceURL=pll_cookie_script-js-after 11749</script>
vendor: 1 bytes, line 11749
11749
11750<script id="rocket-browser-checker-js-after"> 11751"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 11752//# sourceURL=rocket-browser-checker-js-after 11753</script>
vendor: 1 bytes, line 11753
11753
11754<script id="rocket-preload-links-js-extra"> 11755var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://burocompany.com.ua","onHoverDelay":"100","rateThrottle":"3"}; 11756//# sourceURL=rocket-preload-links-js-extra 11757</script>
vendor: 1 bytes, line 11757
11757
11758<script id="rocket-preload-links-js-after"> 11759(function() { 11760"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 11761}()); 11762 11763//# sourceURL=rocket-preload-links-js-after 11764</script>
vendor: 1 bytes, line 11764
11764
11765<script id="wpcf7mf-mask-js" src="https://burocompany.com.ua/wp-content/plugins/cf7-phone-mask-field/assets/js/jquery.maskedinput.js?ver=1.4"></script>
vendor: 1 bytes, line 11765
11765
11766<script id="burot-navigation-js" src="https://burocompany.com.ua/wp-content/themes/burot/js/navigation.js?ver=1.0.0"></script>
vendor: 1 bytes, line 11766
11766
11767<script id="jquery-inputmask-js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js"></script>
vendor: 1 bytes, line 11767
11767
11768<script id="custom-script-js-extra"> 11769var ajaxurl = "https://burocompany.com.ua/wp-admin/admin-ajax.php"; 11770//# sourceURL=custom-script-js-extra 11771</script>
vendor: 1 bytes, line 11771
11771
11772<script id="custom-script-js" src="https://burocompany.com.ua/wp-content/themes/burot/js/custom-script.js"></script>
vendor: 1 bytes, line 11772
11772
11773<script id="slick-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 11773
11773
11774<script id="swiper-js-js" src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 11774
11774
11775<script id="popup-handler-js" src="https://burocompany.com.ua/wp-content/themes/burot/js/popup-handler.js?ver=1.0.0"></script>
vendor: 1 bytes, line 11775
11775
11776<script id="yasr-window-var-js-extra"> 11777var yasrWindowVar = {"siteUrl":"https://burocompany.com.ua","adminUrl":"https://burocompany.com.ua/wp-admin/","ajaxurl":"https://burocompany.com.ua/wp-admin/admin-ajax.php","visitorStatsEnabled":"yes","ajaxEnabled":"yes","loaderHtml":"\u003Cdiv id=\"yasr-loader\" style=\"display: inline-block\"\u003E\u00a0 \u003Cimg src=\"https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/img/loader.gif\" \r\n title=\"yasr-loader\" alt=\"yasr-loader\" height=\"16\" width=\"16\"\u003E\u003C/div\u003E","loaderUrl":"https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/img/loader.gif","isUserLoggedIn":"false","isRtl":"false","starSingleForm":"\"star\"","starsPluralForm":"\"stars\"","textAfterVr":"\"[Total: %total_count% Average: %average%]\"","textRating":"\"Rating\"","textLoadRanking":"\"Loading, please wait\"","textVvStats":"\"out of 5 stars\"","textOrderBy":"\"Order by\"","textMostRated":"\"Most Rated\"","textHighestRated":"\"Highest Rated\"","textLeftColumnHeader":"\"Post\""}; 11778//# sourceURL=yasr-window-var-js-extra 11779</script>
vendor: 86 bytes, lines 11779-11780
11779 11780<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
117806Ld_vP0pAAAAAKFa6NsNRQo9pmhtm81fibKPHDAM
vendor: 25 bytes, line 11780
11780&ver=3.0"></script>
11781<script id="wp-polyfill-js" src="https://burocompany.com.ua/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 11781
11781
11782<script id="wpcf7-recaptcha-js-before"> 11783var wpcf7_recaptcha = { 11784 "sitekey": "6Ld_vP0pAAAAAKFa6NsNRQo9pmhtm81fibKPHDAM", 11785 "actions": { 11786 "homepage": "homepage", 11787 "contactform": "contactform" 11788 } 11789}; 11790//# sourceURL=wpcf7-recaptcha-js-before 11791</script>
vendor: 1 bytes, line 11791
11791
11792<script id="wpcf7-recaptcha-js" src="https://burocompany.com.ua/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 11792
11792
11793<script id="googlesitekit-events-provider-contact-form-7-js" src="https://burocompany.com.ua/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" defer></script>
vendor: 1 bytes, line 11793
11793
11794<script id="googlesitekit-events-provider-content-events-js-before"> 11795window._googlesitekit = window._googlesitekit || {}; 11796window._googlesitekit.contentEvents = {"postID":20,"isReadableSinglePost":false,"hasVimeoEmbed":false,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":false,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}; 11797//# sourceURL=googlesitekit-events-provider-content-events-js-before 11798</script>
vendor: 1 bytes, line 11798
11798
11799<script id="googlesitekit-events-provider-content-events-js" src="https://burocompany.com.ua/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-6b04077d00f0d606ba42.js" defer></script>
vendor: 1 bytes, line 11799
11799
11800<script id="wp-hooks-js" src="https://burocompany.com.ua/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 11800
11800
11801<script id="wp-i18n-js" src="https://burocompany.com.ua/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 11801
11801
11802<script id="wp-i18n-js-after"> 11803wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 11804//# sourceURL=wp-i18n-js-after 11805</script>
vendor: 1 bytes, line 11805
11805
11806<script id="swv-js" src="https://burocompany.com.ua/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 11806
11806
11807<script id="contact-form-7-js-translations"> 11808( function( domain, translations ) { 11809 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 11810 localeData[""].domain = domain; 11811 wp.i18n.setLocaleData( localeData, domain ); 11812} )( "contact-form-7", {"translation-revision-date":"2025-12-27 13:54:22+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"uk_UA"},"This contact form is placed in the wrong place.":["\u0426\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430 \u0444\u043e\u0440\u043c\u0430 \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043c\u0456\u0441\u0446\u0456."],"Error:":["\u041f\u043e\u043c\u0438\u043b\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 11813//# sourceURL=contact-form-7-js-translations 11814</script>
vendor: 1 bytes, line 11814
11814
11815<script id="contact-form-7-js-before"> 11816var wpcf7 = { 11817 "api": { 11818 "root": "https:\/\/burocompany.com.ua\/wp-json\/", 11819 "namespace": "contact-form-7\/v1" 11820 }, 11821 "cached": 1 11822}; 11823//# sourceURL=contact-form-7-js-before 11824</script>
vendor: 1 bytes, line 11824
11824
11825<script id="contact-form-7-js" src="https://burocompany.com.ua/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 11825
11825
11826<script id="yasr-global-functions-js" src="https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/js/yasr-globals.js?ver=3.4.15"></script>
vendor: 1 bytes, line 11826
11826
11827<script id="tippy-js" src="https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/js/tippy.all.min.js?ver=3.6.0"></script>
vendor: 1 bytes, line 11827
11827
11828<script id="yasr-front-vv-js" src="https://burocompany.com.ua/wp-content/plugins/yet-another-stars-rating/includes/js/shortcodes/visitorVotes.js?ver=3.4.15"></script>
11828 11829
11830<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" 11831 integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" 11832 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
11832 11833
11834<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js" 11835 integrity="sha512-efAcjYoYT0sXxQRtxGY37CKYmqsFVOIwMApaEbrxJr4RwqVVGw8o+Lfh/+59TU07+suZn1BWq4fDl5fdgyCNkw==" 11836 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
11836 11837
11838<script> 11839 // ÐнÑÑÑалÑзÑÑмо Inputmask Ð´Ð»Ñ Ð¿Ð¾Ð»Ñ ÑелеÑÐ¾Ð½Ñ 11840 $(document).ready(function(){ 11841 $('input[type="tel"]').inputmask({"mask": "+38(999)999-99-99"}); 11842 }); 11843</script>
vendor: 1 bytes, line 11843
11843
11844<script> 11845 var ajaxurl = 'https://burocompany.com.ua/wp-admin/admin-ajax.php'; 11846</script>
11846 11847
11848<script> 11849 document.addEventListener("DOMContentLoaded", function () { 11850 const OFFSET_DESKTOP = 100; // виÑоÑа Ñ ÐµÐ´ÐµÑа на деÑкÑÐ¾Ð¿Ñ 11851 const OFFSET_MOBILE = 60; // виÑоÑа Ñ ÐµÐ´ÐµÑа на мобÑлÑÑ 11852 11853 function getOffset() { 11854 return window.innerWidth < 768 ? OFFSET_MOBILE : OFFSET_DESKTOP; 11855 } 11856 11857 document.querySelectorAll('.letter-nav a').forEach(link => { 11858 link.addEventListener('click', function (e) { 11859 e.preventDefault(); 11860 const targetId = this.getAttribute('href').substring(1); 11861 const target = document.getElementById(targetId); 11862 11863 if (target) { 11864 const yOffset = -getOffset(); 11865 const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset; 11866 11867 window.scrollTo({ top: y, behavior: 'smooth' }); 11868 } 11869 }); 11870 }); 11871 }); 11872</script>
11872 11873 11874 11875
11876<script>var rocket_beacon_data = {"ajax_url":"https:\/\/burocompany.com.ua\/wp-admin\/admin-ajax.php","nonce":"eb1cb47d82","url":"https:\/\/burocompany.com.ua\/service\/upravlinskyy-oblik-vid-biuro","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script>
11876<script data-name="wpr-wpr-beacon" src='https://burocompany.com.ua/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script>
11876</body> 11877</html> 11878<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1791378873 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.