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/" hreflang="uk" /> 33<link rel="alternate" href="https://burocompany.com.ua/ru/" hreflang="ru" /> 34 35 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 36 <title>ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа налаÑÑÑÐ²Ð°Ð½Ð½Ñ ERP-ÑиÑÑем пÑд клÑÑ â¤ ÐонÑалÑингова компанÑÑ ÐЮРÐ</title> 37<link data-rocket-prefetch href="https://www.gstatic.com" rel="dns-prefetch"> 38<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch"> 39<link data-rocket-prefetch href="https://connect.facebook.net" rel="dns-prefetch"> 40<link data-rocket-prefetch href="https://www.clarity.ms" rel="dns-prefetch"> 41<link data-rocket-prefetch href="https://scripts.clarity.ms" rel="dns-prefetch"> 42<link data-rocket-prefetch href="https://buttons-config.sharethis.com" rel="dns-prefetch"> 43<link data-rocket-prefetch href="https://fonts.googleapis.com" rel="dns-prefetch"> 44<link data-rocket-prefetch href="https://cdnjs.cloudflare.com" rel="dns-prefetch"> 45<link data-rocket-prefetch href="https://cdn.jsdelivr.net" rel="dns-prefetch"> 46<link data-rocket-prefetch href="https://platform-api.sharethis.com" rel="dns-prefetch"> 47<link data-rocket-prefetch href="https://static.hotjar.com" rel="dns-prefetch"> 48<link data-rocket-prefetch href="https://script.hotjar.com" rel="dns-prefetch"> 49<link data-rocket-prefetch href="https://my.unitalk.cloud" rel="dns-prefetch"> 50<link data-rocket-prefetch href="https://googleads.g.doubleclick.net" rel="dns-prefetch"> 51<link data-rocket-prefetch href="https://www.google.com" rel="dns-prefetch"> 52<link data-rocket-prefetch href="https://api.unitalk.cloud" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png" fetchpriority="high"> 53 <meta name="description" content="ÐÑоÑеÑÑйне налаÑÑÑваннÑ, впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа ÑнÑегÑаÑÑÑ ERP-ÑиÑÑем Ð´Ð»Ñ Ð±ÑзнеÑÑ. ÐпÑимÑзаÑÑÑ Ð¿ÑоÑеÑÑв, авÑомаÑизаÑÑÑ Ñа пÑдÑÑимка. Ð ÑÑÐµÐ½Ð½Ñ Ð¿Ñд клÑÑ." /> 54 <link rel="canonical" href="https://burocompany.com.ua/" /> 55 <meta property="og:locale" content="uk_UA" /> 56 <meta property="og:locale:alternate" content="ru_RU" /> 57 <meta property="og:type" content="website" /> 58 <meta property="og:title" content="ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа налаÑÑÑÐ²Ð°Ð½Ð½Ñ ERP-ÑиÑÑем пÑд клÑÑ â¤ ÐонÑалÑингова компанÑÑ ÐЮРÐ" /> 59 <meta property="og:description" content="ÐÑоÑеÑÑйне налаÑÑÑваннÑ, впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа ÑнÑегÑаÑÑÑ ERP-ÑиÑÑем Ð´Ð»Ñ Ð±ÑзнеÑÑ. ÐпÑимÑзаÑÑÑ Ð¿ÑоÑеÑÑв, авÑомаÑизаÑÑÑ Ñа пÑдÑÑимка. Ð ÑÑÐµÐ½Ð½Ñ Ð¿Ñд клÑÑ." /> 60 <meta property="og:url" content="https://burocompany.com.ua/" /> 61 <meta property="og:site_name" content="Buro" /> 62 <meta property="article:publisher" content="https://www.facebook.com/burocompany" /> 63 <meta property="article:modified_time" content="2025-12-01T11:04:46+00:00" /> 64 <meta name="twitter:card" content="summary_large_image" /> 65
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/burocompany.com.ua\/","url":"https:\/\/burocompany.com.ua\/","name":"ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа налаÑÑÑÐ²Ð°Ð½Ð½Ñ ERP-ÑиÑÑем пÑд клÑÑ â¤ ÐонÑалÑингова компанÑÑ ÐЮРÐ","isPartOf":{"@id":"https:\/\/burocompany.com.ua\/#website"},"about":{"@id":"https:\/\/burocompany.com.ua\/#organization"},"datePublished":"2025-10-28T15:50:07+00:00","dateModified":"2025-12-01T11:04:46+00:00","description":"ÐÑоÑеÑÑйне налаÑÑÑваннÑ, впÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ Ñа ÑнÑегÑаÑÑÑ ERP-ÑиÑÑем Ð´Ð»Ñ Ð±ÑзнеÑÑ. ÐпÑимÑзаÑÑÑ Ð¿ÑоÑеÑÑв, авÑомаÑизаÑÑÑ Ñа пÑдÑÑимка. Ð ÑÑÐµÐ½Ð½Ñ Ð¿Ñд клÑÑ.","breadcrumb":{"@id":"https:\/\/burocompany.com.ua\/#breadcrumb"},"inLanguage":"uk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/burocompany.com.ua\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/burocompany.com.ua\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"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>
65 66 <!-- / Yoast SEO plugin. --> 67 68 69<link rel='dns-prefetch' href='//platform-api.sharethis.com' /> 70<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 71<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 72<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 73<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%2F&lang=uk" /> 74<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%2F&format=xml&lang=uk" /> 75<style id="wp-img-auto-sizes-contain-inline-css"> 76img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 77/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 78</style> 79<style id="wp-emoji-styles-inline-css"> 80 81 img.wp-smiley, img.emoji { 82 display: inline !important; 83 border: none !important; 84 box-shadow: none !important; 85 height: 1em !important; 86 width: 1em !important; 87 margin: 0 0.07em !important; 88 vertical-align: -0.1em !important; 89 background: none !important; 90 padding: 0 !important; 91 } 92/*# sourceURL=wp-emoji-styles-inline-css */ 93</style> 94 95 96<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' /> 97<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' /> 98<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' /> 99<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' /> 100<link rel='stylesheet' id='burot-style-css' href='https://burocompany.com.ua/wp-content/themes/burot/style.css?ver=1.0.0' media='all' /> 101<link rel='stylesheet' id='slick-css-css' href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?ver=7.1.3' media='all' /> 102<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' /> 103<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' />
104<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 104
104
105<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 105
105
106<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>
106 107 108<!-- ÐоÑаÑок ÑÑагменÑа ÑÐµÐ³Ñ Google (gtag.js), доданого за Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ Site Kit --> 109<!-- ФÑÐ°Ð³Ð¼ÐµÐ½Ñ Google Analytics, доданий Site Kit -->
vendor: 80 bytes, lines 109-110
109 110<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
110GT-KDQNQMB
vendor: 18 bytes, line 110
110" async></script>
111<script id="google_gtagjs-js-after"> 112window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 113gtag("set","linker",{"domains":["burocompany.com.ua"]}); 114gtag("js", new Date()); 115gtag("set", "developer_id.dZTNiMT", true); 116gtag("config", "GT-KDQNQMB", {"googlesitekit_post_type":"page"}); 117 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" } ); }; 118//# sourceURL=google_gtagjs-js-after 119</script>
119 120<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/pages/4245" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://burocompany.com.ua/xmlrpc.php?rsd" /> 121<meta name="generator" content="WordPress 7.1.3" /> 122<link rel='shortlink' href='https://burocompany.com.ua/' /> 123<meta name="generator" content="Site Kit by Google 1.189.0" /> 124
124<script>
vendor: 113 bytes, lines 124-127
124 125 (function(h,o,t,j,a,r){ 126 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 127 h._hjSettings={hjid:
1275091967
vendor: 232 bytes, lines 127-133
127,hjsv:5}; 128 a=o.getElementsByTagName('head')[0]; 129 r=o.createElement('script');r.async=1; 130 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 131 a.appendChild(r); 132 })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); 133
133</script>
133 134 <style> 135 .related-posts { 136 margin-top: 30px; 137 } 138 .related-posts-menu { 139 display: flex; 140 flex-wrap: wrap; 141 justify-content: space-between; 142 } 143 .related-post { 144 flex-basis: calc(25% - 10px); 145 margin-bottom: 20px; 146 text-align: center; 147 } 148 .related-post a { 149 text-decoration: none; 150 } 151 .related-post-thumbnail { 152 max-width: 100%; 153 height: auto; 154 border-radius: 10px; /* ÐакÑÑглÑем ÑÐ³Ð»Ñ */ 155 } 156 .related-post h4 { 157 margin-top: 10px; 158 font-size: 14px; 159 } 160 .related-posts-heading { 161 text-align: center; 162 margin-top: 0; 163 margin-bottom: 20px; 164 } 165 </style>
165<script type="application/ld+json">{ 166 "@context": "https://schema.org", 167 "@type": "AccountingService", 168 "name": "ÐЮРÐ", 169 "url": "https://burocompany.com.ua/", 170 "logo": "https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png", 171 "image": "https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png", 172 "description": "ÐабезпеÑÑе ÑÑпÑÑ Ð²Ð°Ñого бÑзнеÑÑ Ð· ÐЮРÐ, пÑовÑдним конÑалÑинговим агенÑÑÑвом в УкÑаÑнÑ. ÐÑоÑеÑÑÐ¹Ð½Ñ ÐºÐ¾Ð½ÑалÑÐ¸Ð½Ð³Ð¾Ð²Ñ Ð¿Ð¾ÑлÑги з бÑÑ Ð³Ð°Ð»ÑеÑÑÑкого облÑкÑ, ÑÑнанÑÑв Ñа ÑÑÑаÑегÑÑного планÑваннÑ.", 173 "telephone": "+380 (67) 652 16 88", 174 "email": "[email protected]", 175 "address": { 176 "@type": "PostalAddress", 177 "streetAddress": "пÑов. ÐÑ ÑиÑÑÑкий, 7, коÑпÑÑ 3, ÐовеÑÑ 1, ÐÑимÑÑÐµÐ½Ð½Ñ â 3(Ð) - 105", 178 "addressLocality": "м. ÐиÑв", 179 "addressRegion": "ÐиÑвÑÑка облаÑÑÑ", 180 "postalCode": "03066", 181 "addressCountry": "UA" 182 }, 183 "geo": { 184 "@type": "GeoCoordinates", 185 "latitude": "50.3950861", 186 "longitude": "30.4787711" 187 }, 188 "openingHours": "Mo-Fr 09:00-18:00", 189 "priceRange": "$$", 190 "areaServed": "ÐиÑв, УкÑаÑна", 191 "contactPoint": { 192 "@type": "ContactPoint", 193 "telephone": "+380 (67) 652 16 88", 194 "contactType": "Customer Service", 195 "availableLanguage": ["Ukrainian", "Russian"] 196 }, 197 "sameAs": [ 198 "https://www.instagram.com/burocompany/", 199 "https://www.facebook.com/burocompany" 200 ] 201}</script>
201<link rel="icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-150x150.png" sizes="32x32" /> 202<link rel="icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" sizes="192x192" /> 203<link rel="apple-touch-icon" href="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" /> 204<meta name="msapplication-TileImage" content="https://burocompany.com.ua/wp-content/uploads/2023/12/cropped-favicon-300x300.png" /> 205<style id="wp-custom-css"> 206@media (min-width: 1024px) { 207.post-box { 208 width: 800px; 209 margin: 0 auto; 210} 211} 212 213.blogg li p { 214 min-height: 50px !important; 215} 216 217.blogg li { 218 margin: 0 0 30px 30px !important; 219} 220 221.single-post .entry-footer { 222 display: none; 223} 224 225.single-post .entry-title { 226 font-size: 32px; 227 font-weight: 600; 228 margin-bottom: 30px; 229} 230 231.single-post .post-thumbnail img { 232 border-radius: 30px; 233} 234 235.single-post .entry-meta { 236 display: none; 237} 238 239.consalting-intro__box a { 240 text-decoration: underline; 241} 242 243 244.site-main { 245 margin: 50px 0; 246} 247 248.cooperation__list a{ 249 outline: none; 250} 251 252/* ÐагалÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑоÑми */ 253.wpcf7 { 254 max-width: 500px; /* ÐакÑималÑна ÑиÑина ÑоÑми */ 255 margin: 0 auto; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ ÑенÑÑÑ */ 256} 257 258/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑнпÑÑÑв Ñ ÑекÑÑÐ¾Ð²Ð¸Ñ Ð¿Ð¾Ð»Ñв */ 259.wpcf7 input[type="text"], 260.wpcf7 input[type="email"], 261.wpcf7 textarea { 262 width: 100%; /* ÐаповниÑи вÑÑ ÑиÑÐ¸Ð½Ñ ÐºÐ¾Ð½ÑейнеÑа */ 263 padding: 10px; /* ÐнÑÑÑÑÑнÑй вÑдÑÑÑп */ 264 margin-bottom: 15px; /* ÐовнÑÑнÑй вÑдÑÑÑп мÑж полÑми */ 265 border: 1px solid #ccc; /* Тонка Ñамка */ 266 border-radius: 5px; /* ÐакÑÑÐ³Ð»ÐµÐ½Ñ ÐºÑÑи */ 267 box-sizing: border-box; /* ÐбÑиÑлиÑи ÑиÑÐ¸Ð½Ñ Ñ Ð²Ð¸ÑоÑÑ, вклÑÑаÑÑи падÑÐ½Ð½Ñ Ñа Ð¼ÐµÐ¶Ñ */ 268} 269 270/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ вÑдпÑавки */ 271.wpcf7 input[type="submit"] { 272 background-color: #EBC277; /* ÐолÑÑ ÑÐ¾Ð½Ñ */ 273 color: white; /* ÐолÑÑ ÑекÑÑÑ */ 274 padding: 10px 15px; /* ÐнÑÑÑÑÑнÑй вÑдÑÑÑп */ 275 border: none; /* Ðез Ñамки */ 276 border-radius: 25px; /* ÐакÑÑÐ³Ð»ÐµÐ½Ñ ÐºÑÑи */ 277 cursor: pointer; /* ÐмÑнÑÑÑÑÑÑ ÐºÑÑÑÐ¾Ñ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 278} 279 280.wpcf7 input[type="submit"] { 281 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐнимаÑÐ¸Ñ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ ÑÐ¼ÐµÐ½Ñ ÑвеÑа */ 282} 283 284.wpcf7 input[type="submit"]:hover { 285 background-color: #d9b46f; /* ÐолÑÑ ÑÐ¾Ð½Ñ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 286 transform: scale(1.1); /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ на 10% */ 287} 288 289 290.contact-info { 291 background-color: #f5f5f5; 292 padding: 20px; 293 margin-bottom: 20px; 294 border-radius: 8px; 295 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 296} 297 298.contact-info h2 { 299 color: #333; 300 margin-bottom: 10px; 301} 302 303.contact-info p { 304 margin: 0 0 10px; 305} 306 307.contact-info strong { 308 font-weight: bold; 309} 310 311.widget-area#secondary { 312 display: none; 313} 314 315.entry-content a { 316 text-decoration: underline; 317} 318 319#form-messages { 320 padding: 10px; 321 margin-bottom: 20px; 322 border-radius: 5px; 323} 324 325.form input[type="text"], 326.form input[type="tel"] { 327 color: #fff; /* ÐолÑÑ ÑекÑÑÑ */ 328} 329 330.entry-title { 331 display: none; 332} 333 334.content-table { 335 margin-top: 30px; 336 padding-top: 20px; 337 border-top: 1px solid black; 338 border-bottom: 1px solid black; 339} 340 341.content-table h2 { 342 font-size: 24px; 343 margin-bottom: 15px; 344} 345 346.content-table ul { 347 list-style: none; 348 padding: 0; 349} 350 351.content-table ul li { 352 margin-bottom: 10px; 353} 354 355.content-table ul li::before { 356 content: "- "; 357 display: inline; 358} 359 360.content-table ul li a { 361 text-decoration: underline; /* ÐÑполÑзÑем подÑеÑкивание */ 362 color: #333; 363} 364 365.content-table ul li a:hover { 366 color: #007bff; 367} 368 369.author-header { 370 display: flex; 371 align-items: center; 372 margin-bottom: 20px; 373} 374 375.author-avatar { 376 margin-right: 20px; 377} 378 379.author-avatar img { 380 border-radius: 50%; 381} 382 383.author-info { 384 flex: 1; 385} 386 387.author-name { 388 font-size: 24px; 389 margin-bottom: 10px; 390} 391 392.author-description { 393 font-style: italic; 394 color: #666; 395 margin-bottom: 20px; 396} 397 398.author-posts { 399 margin-top: 40px; 400 display: flex; 401 flex-wrap: wrap; 402 justify-content: center; 403} 404 405.author-posts .entry { 406 margin: 0 10px 20px; /* ÐобавлÑем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð·Ð°Ð¿Ð¸ÑÑми */ 407} 408 409.author-posts .entry img { 410 border-radius: 10px; /* ÐакÑÑглÑем кÑÐ°Ñ Ð¸Ð·Ð¾Ð±Ñажений запиÑей */ 411 margin-bottom: 10px; 412} 413 414.author-posts .entry-title { 415 font-size: 20px; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° запиÑи */ 416 margin-bottom: 10px; 417} 418 419.author-posts .entry-content { 420 margin-bottom: 10px; 421} 422 423 424/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿Ð¾Ðº "Previous" и "Next" */ 425.slick-prev, 426.slick-next { 427 font-size: 16px; 428 background-color: transparent; 429 border: 2px solid #000; 430 padding: 10px 15px; 431 border-radius: 5px; 432 color: #000; 433 cursor: pointer; 434 transition: background-color 0.3s ease; 435 z-index: 1; /* ЧÑÐ¾Ð±Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ бÑли повеÑÑ Ñлайдов */ 436} 437 438/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ "Previous" */ 439.slick-prev { 440 transform: translateY(-50%); 441} 442 443/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ "Next" */ 444.slick-next { 445 transform: translateY(50%); 446} 447 448 449@media(max-width: 991px) { 450.author-header { 451flex-direction: column; 452} 453 454.author-avatar { 455 margin-bottom: 20px; 456 margin-right: 0; 457} 458} 459 460.header .custom-logo-link img { 461 width: 70% !important; 462} 463 464 465} 466 467.stepss_text_under_title { 468 margin-top: 20px !important; 469 font-size: 20px !important; 470} 471 472@media (max-width: 768px) { 473 .calculator-image { 474 display: none; 475 } 476} 477 478/* --- ÐÐÐ ÐÐТÐÐ ÐÐÐÐÐЫРÐÐТÐÐ ÐÐЯ ÐÐРТÐÐÐÐЬÐÐÐÐ ÐÐÐÐÐ --- */ 479
480/* ÐоÑаÑковий ÑÑан: ÐÐРТÐÐÐÐЬÐÐРблок */ 481.video { 482 position: relative; 483 width: 250px; /* ШиÑина веÑÑикалÑного Ð±Ð»Ð¾ÐºÑ */ 484 aspect-ratio: 9 / 16 !important; /* ÐÑимÑÑово задаÑмо веÑÑикалÑÐ½Ñ Ð¿ÑопоÑÑÑÑ */ 485 height: auto !important; /* ÐозволÑÑмо виÑоÑÑ ÑозÑÐ°Ñ ÑваÑиÑÑ Ð°Ð²ÑомаÑиÑно */ 486 border-radius: 12px; 487 overflow: hidden; 488 cursor: pointer; 489} 490 491/* Ðнопка закÑиÑÑÑ */ 492.video__close { 493 position: absolute; 494 top: 10px; 495 right: 10px; 496 cursor: pointer; 497 z-index: 1000; 498 transition: top 0.3s ease, right 0.3s ease; 499} 500 501/* ÐÑдео вÑеÑÐµÐ´Ð¸Ð½Ñ ÐºÐ¾Ð½ÑейнеÑа */ 502.js-video { 503 width: 100%; 504 height: 100%; 505 object-fit: cover; /* ÐлÑÑова влаÑÑивÑÑÑÑ: заповнÑÑ ÐºÐ¾Ð½ÑейнеÑ, обÑÑзаÑÑи зайве */ 506 transition: transform 0.3s ease; 507} 508 509/* --- СТÐÐÐ ÐÐЯ ÐÐÐÐЬШÐÐÐЯ (ЯРÐУÐÐ Ð ÐÐÐШÐ) --- */ 510 511.video.fullscreen .js-video { 512 transform: scale(1.5); 513 transform-origin: bottom left; 514} 515 516.video.fullscreen .video__close { 517 top: -65px; 518 right: -115px; 519} 520 521/* ÐÐ»Ð°Ñ Ð´Ð»Ñ Ð¿ÑÐ¸Ñ Ð¾Ð²ÑÐ²Ð°Ð½Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 522.video.hide { 523 display: none; 524} 525 526.rngst_phone_button { 527 position: fixed; 528 bottom: 110px !important; /* 20px Ð¾Ñ Ð½Ð¸Ð¶Ð½ÐµÐ³Ð¾ кÑÐ°Ñ ÑкÑана */ 529 right: -25px !important; /* 20px Ð¾Ñ Ð¿Ñавого кÑÐ°Ñ ÑкÑана */ 530 z-index: 1000; 531} 532 533.client-pains-title { 534 font-size: 2.5em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа заголовка */ 535 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа */ 536 text-align: center; /* ЦенÑÑиÑование заголовка */ 537 margin-bottom: 30px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° до блоков */ 538 font-weight: 590; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 539 540 letter-spacing: 1px; /* РаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ Ð±Ñквами */ 541} 542 543 544.client-pains-container { 545 margin-top: 40px; 546 text-align: center; 547} 548 549.client-pains-row { 550 display: flex; 551 flex-wrap: wrap; 552 justify-content: center; 553 opacity: 0; /* ÐзнаÑалÑно конÑÐµÐ¹Ð½ÐµÑ Ð½ÐµÐ²Ð¸Ð´Ð¸Ð¼ */ 554 transform: translateY(50px); /* Сдвиг конÑейнеÑа вниз */ 555 animation: slideUp 0.6s ease-out forwards; /* ÐнимаÑÐ¸Ñ Ñлайд-ин ÑÐ½Ð¸Ð·Ñ */ 556} 557 558@keyframes slideUp { 559 to { 560 opacity: 1; 561 transform: translateY(0); /* ÐонÑÐµÐ¹Ð½ÐµÑ Ð²Ð¾Ð·Ð²ÑаÑаеÑÑÑ Ð½Ð° меÑÑо */ 562 } 563} 564 565.client-pain-block { 566 flex: 0 1 calc(25% - 20px); /* 4 блока в ÑÑÐ´Ñ */ 567 margin: 10px; 568 text-align: center; 569 box-sizing: border-box; 570} 571 572.client-pain-block img { 573 max-width: 60px; 574 margin-bottom: 10px; 575} 576 577.client-pain-block p { 578 margin-top: 0; 579 min-height: 50px; /* УÑÑановиÑе минималÑнÑÑ Ð²ÑÑоÑÑ Ð´Ð»Ñ ÑекÑÑа */ 580} 581 582@media (max-width: 1024px) { 583 .client-pain-block { 584 flex: 0 1 calc(50% - 20px); /* 2 блока в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 585 } 586} 587 588@media (max-width: 768px) { 589 .client-pain-block { 590 flex: 0 1 calc(50% - 10px); /* 2 блока в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 591 } 592} 593 594@media (max-width: 480px) { 595 .client-pain-block { 596 flex: 0 1 100%; /* 1 блок в ÑÑÐ´Ñ Ð½Ð° ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 480px */ 597 } 598} 599 600.consalting-intro__img { 601 display: none; 602} 603 604 605.page-subtitle { 606 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 607 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 608 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 609 margin-left: 70px; 610 font-weight: 400; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 611 text-align: center; /* ÐÑÑавнивание ÑекÑÑа */ 612} 613 614@media (min-width: 768px) { 615.page-subtitle { 616 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 617 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 618 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 619 margin-left: 70px; 620 font-weight: 400; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 621 text-align: left; /* ÐÑÑавнивание ÑекÑÑа */ 622} 623} 624 625@media (max-width: 768px) { 626.page-subtitle { 627 font-size: 1.5em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа подзаголовка */ 628 color: #333; /* Ð¦Ð²ÐµÑ ÑекÑÑа подзаголовка */ 629 margin-top: 10px; /* ÐÑÑÑÑп ÑвеÑÑ Ñ Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 630 margin-left: 60px; 631 font-weight: 500; /* ÐбÑÑнÑй Ð²ÐµÑ ÑÑиÑÑа */ 632 text-align: left; /* ÐÑÑавнивание ÑекÑÑа */ 633} 634} 635 636.intro__right p { 637 font-size: 1.300em !important; /* УменÑÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (пÑимеÑно 14px) */ 638 line-height: 1.5; /* ÐÑÑоÑа ÑÑÑоки Ð´Ð»Ñ Ð»ÑÑÑей ÑиÑаемоÑÑи */ 639 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ Ð´Ð»Ñ ÑÐ°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ ÑлеменÑов */ 640} 641 642 643 644 645 646/* Раздел пакеÑÑ */ 647 648.stepss__list { 649 display: flex; 650 flex-wrap: wrap; 651 justify-content: center; /* ЦенÑÑиÑование блоков */ 652 gap: 20px; /* ÐÑомежÑÑок Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 653} 654 655.stepss__list li { 656 display: flex; 657 flex-direction: column; 658 justify-content: space-between; 659 align-items: center; 660 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 661 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 662 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 663 border: 1px solid #ddd; 664 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 665 margin-bottom: 20px; 666 position: relative; 667 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 668 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 669 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 670 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 671} 672 673.stepss__list li:hover { 674 transform: scale(1.05); /* УвелиÑение блока пÑи наведении */ 675 background-color: #Ebc277; /* Ðзменение ÑвеÑа Ñона пÑи наведении */ 676 z-index: 2; /* ÐоднÑÑие блока над дÑÑгими пÑи ÑвелиÑении */ 677} 678 679.stepss__list li h4 {
680 text-align: center; /* ÐÑÑовнÑÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº по ÑенÑÑÑ */ 681 font-weight: normal; /* ÐоÑмалÑÐ½Ð°Ñ ÑолÑина ÑекÑÑа */ 682 font-size: 1.4em; /* Ð Ð°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 683 margin-top: 0; 684 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 685 line-height: 1.2; 686} 687 688.steps_price { 689 font-weight: bold !important; /* ÐиÑнÑй ÑекÑÑ */ 690 font-size: 2.2em !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа Ð´Ð»Ñ ÑÑÐ¼Ð¼Ñ */ 691 text-align: center !important; /* ÐÑÑовнÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 692 margin: -10px 0 !important; /* ÐÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 693} 694 695 696.steps_checklist { 697 all: unset; /* СбÑÐ¾Ñ Ð²ÑÐµÑ Ð½Ð°ÑледÑемÑÑ ÑÑилей */ 698 list-style-type: none !important; /* УбиÑаем ÑÑандаÑÑнÑе маÑкеÑÑ ÑпиÑка */ 699 padding: 0 !important; 700 margin: 20px 0 !important; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑпиÑка */ 701 width: 100% !important; /* ÐÐ¾Ð»Ð½Ð°Ñ ÑиÑина блока */ 702 display: block !important; 703} 704 705.steps_checklist .check_item { 706 all: unset; /* СбÑÐ¾Ñ Ð²ÑÐµÑ Ð½Ð°ÑледÑемÑÑ ÑÑилей */ 707 display: flex !important; /* Flexbox Ð´Ð»Ñ Ð²ÑÑÐ°Ð²Ð½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð³Ð°Ð»Ð¾Ñки и ÑекÑÑа */ 708 align-items: center !important; /* ЦенÑÑиÑование по веÑÑикали */ 709 margin-bottom: 10px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑлеменÑами ÑпиÑка */ 710 font-size: 1em !important; /* СÑандаÑÑнÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 711 line-height: 1.6 !important; /* ÐежÑÑÑоÑнÑй инÑеÑвал */ 712 color: inherit !important; /* УнаÑледованнÑй ÑÐ²ÐµÑ ÑекÑÑа */ 713 text-align: left !important; /* ÐÑÑавнивание по Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 714} 715 716.steps_checklist .check_item .checkmark { 717 color: #007bff !important; /* Ð¦Ð²ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 718 font-weight: bold !important; 719 margin-right: 8px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð³Ð°Ð»Ð¾Ñкой и ÑекÑÑом */ 720 font-size: 1.2em !important; /* ЧÑÑÑ ÑвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 721} 722 723.btn--small { 724 display: inline-block; 725 padding: 4px 8px; /* УменÑÑеннÑе оÑÑÑÑÐ¿Ñ */ 726 background-color: #Ebc277; /* Ð¦Ð²ÐµÑ Ñона */ 727 color: #fff; /* Ð¦Ð²ÐµÑ ÑекÑÑа */ 728 text-decoration: none; 729 font-weight: bold; 730 border-radius: 30px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 731 font-size: 0.75em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа */ 732 transition: background-color 0.3s ease; 733 margin-top: auto; /* Ðнопка пÑижаÑа к нижней ÑаÑÑи блока */ 734} 735 736/* Ðнопка ÑÑановиÑÑÑ ÑеÑной пÑи наведении на блок */ 737.stepss__list li:hover .btn--small { 738 background-color: #fff; 739 color: #454444; 740} 741 742/* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении на ÑÐ°Ð¼Ñ ÐºÐ½Ð¾Ð¿ÐºÑ */ 743.btn--small:hover { 744 background-color: #333; 745 color: #fff; 746} 747 748@media (max-width: 1024px) { 749 .stepss__list li { 750 flex: 1 1 calc(50% - 20px); /* 2 блока в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 751 max-width: calc(50% - 20px); 752 } 753} 754 755@media (max-width: 768px) { 756 .stepss__list li { 757 flex: 1 1 100%; /* 1 блок в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 758 max-width: 100%; 759 } 760} 761 762.stepss__list li { 763 display: flex; 764 flex-direction: column; 765 justify-content: space-between; 766 align-items: center; 767 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 768 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 769 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 770 border: 1px solid #ddd; 771 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 772 margin-bottom: 20px; 773 position: relative; 774 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 775 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 776 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 777 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 778 overflow: hidden; /* СкÑÑÑÑ Ð»ÑбÑе ÑлеменÑÑ, вÑÑ Ð¾Ð´ÑÑие за пÑÐµÐ´ÐµÐ»Ñ Ð±Ð»Ð¾ÐºÐ° */ 779} 780 781.stepss__list { 782 display: flex; 783 flex-wrap: wrap; 784 justify-content: center; /* ЦенÑÑиÑование блоков */ 785 gap: 20px; /* ÐÑомежÑÑок Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 786} 787 788.stepss__list li { 789 display: flex; 790 flex-direction: column; 791 justify-content: space-between; 792 align-items: center; 793 background-color: #f9f9f9; /* ÐÑновной ÑÐ²ÐµÑ Ñона блока */ 794 transition: transform 0.3s ease, background-color 0.3s ease; /* ÐлавнÑй пеÑÐµÑ Ð¾Ð´ Ð´Ð»Ñ ÑвелиÑÐµÐ½Ð¸Ñ Ð¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñона */ 795 padding: 15px; /* ÐнÑÑÑенний оÑÑÑÑп */ 796 border: 1px solid #ddd; 797 border-radius: 20px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 798 margin-bottom: 20px; 799 position: relative; 800 z-index: 1; /* ÐбеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ пÑи ÑвелиÑении */ 801 flex: 1 1 calc(50% - 40px); /* ÐаждÑй блок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ 50% ÑиÑÐ¸Ð½Ñ Ñ ÑÑеÑом пÑомежÑÑков */ 802 max-width: calc(50% - 40px); /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина блока */ 803 height: auto; /* ÐвÑомаÑиÑеÑÐºÐ°Ñ Ð²ÑÑоÑа */ 804 overflow: hidden; /* СкÑÑÑÑ Ð»ÑбÑе ÑлеменÑÑ, вÑÑ Ð¾Ð´ÑÑие за пÑÐµÐ´ÐµÐ»Ñ Ð±Ð»Ð¾ÐºÐ° */ 805} 806 807.stepss__list li:hover { 808 transform: scale(1.05); /* УвелиÑение блока пÑи наведении */ 809 background-color: #Ebc277; /* Ðзменение ÑвеÑа Ñона пÑи наведении */ 810 z-index: 2; /* ÐоднÑÑие блока над дÑÑгими пÑи ÑвелиÑении */ 811} 812 813.stepss__list li h4 {
814 text-align: center; /* ÐÑÑовнÑÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº по ÑенÑÑÑ */ 815 font-weight: normal; /* ÐоÑмалÑÐ½Ð°Ñ ÑолÑина ÑекÑÑа */ 816 font-size: 1.4em; /* Ð Ð°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 817 margin-top: 0; 818 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 819 line-height: 1.2; 820} 821 822.steps_price { 823 font-weight: bold !important; /* ÐиÑнÑй ÑекÑÑ */ 824 font-size: 2.2em !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑекÑÑа Ð´Ð»Ñ ÑÑÐ¼Ð¼Ñ */ 825 text-align: center !important; /* ÐÑÑовнÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 826 margin: -10px 0 !important; /* ÐÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 827} 828 829.steps_checklist { 830 list-style-type: none !important; /* УбиÑаем ÑÑандаÑÑнÑе маÑкеÑÑ ÑпиÑка */ 831 padding: 0 !important; 832 margin: 20px 0 !important; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑпиÑка */ 833 width: 100% !important; /* ÐÐ¾Ð»Ð½Ð°Ñ ÑиÑина блока */ 834 display: block !important; 835} 836 837.steps_checklist .check_item { 838 display: flex !important; /* Flexbox Ð´Ð»Ñ Ð²ÑÑÐ°Ð²Ð½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð³Ð°Ð»Ð¾Ñки и ÑекÑÑа */ 839 align-items: center !important; /* ЦенÑÑиÑование по веÑÑикали */ 840 margin-bottom: 10px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑлеменÑами ÑпиÑка */ 841 font-size: 1.1em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 842 line-height: 1.6 !important; /* ÐежÑÑÑоÑнÑй инÑеÑвал */ 843 color: inherit !important; /* УнаÑледованнÑй ÑÐ²ÐµÑ ÑекÑÑа */ 844 text-align: left !important; /* ÐÑÑавнивание по Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 845 position: relative; /* ÐÑноÑиÑелÑное позиÑиониÑование Ð´Ð»Ñ ÑазделиÑелей */ 846} 847 848.steps_checklist .check_item .checkmark { 849 color: #333 !important; /* ЧÑÑнÑй ÑÐ²ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 850 font-weight: bold !important; 851 margin-right: 8px !important; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð³Ð°Ð»Ð¾Ñкой и ÑекÑÑом */ 852 font-size: 1.4em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð³Ð°Ð»Ð¾Ñки */ 853 transition: transform 0.3s ease; /* ÐÐ»Ð°Ð²Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ ÑвелиÑÐµÐ½Ð¸Ñ */ 854} 855 856.steps_checklist .check_item:hover .checkmark { 857 transform: scale(1.2); /* УвелиÑение галоÑки пÑи наведении */ 858} 859 860.steps_checklist .check_item:after { 861 content: ""; 862 position: absolute; 863 bottom: -5px; 864 left: 0; 865 width: 100%; 866 height: 1px; 867 background-color: #333; /* СеÑÑй ÑÐ²ÐµÑ ÑазделиÑÐµÐ»Ñ */ 868 transform: scaleX(0); /* ÐаÑалÑное ÑоÑÑоÑние линии - невидимо */ 869 transition: transform 0.3s ease; /* Ðлавное поÑвление линии */ 870} 871 872.steps_checklist .check_item:hover:after { 873 transform: scaleX(1); /* ÐÑобÑажение линии пÑи наведении */ 874} 875 876.steps_checklist .check_item:before { 877 content: none !important; /* УбиÑаем ÑодеÑжимое пÑевдоÑлеменÑа */ 878} 879 880 881 882/* УвелиÑение ÑекÑÑа на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 883@media (max-width: 768px) { 884 .btn--small { 885 font-size: 1.2em !important; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 886 } 887} 888 889/* Ðнопка ÑÑановиÑÑÑ ÑеÑной пÑи наведении на блок */ 890.stepss__list li:hover .btn--small { 891 background-color: #fff; 892 color: #454444; 893} 894 895/* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении на ÑÐ°Ð¼Ñ ÐºÐ½Ð¾Ð¿ÐºÑ */ 896.btn--small:hover { 897 background-color: #333; 898 color: #fff; 899} 900 901@media (max-width: 1024px) { 902 .stepss__list li { 903 flex: 1 1 calc(50% - 20px) !important; /* 2 блока в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 1024px */ 904 } 905} 906 907@media (max-width: 768px) { 908 .stepss__list li { 909 flex: 1 1 100%; /* 1 блок в ÑÑд на ÑкÑÐ°Ð½Ð°Ñ Ð´Ð¾ 768px */ 910 max-width: 100%; 911 } 912} 913 914.stepss h3 { 915 font-size: 4em ; /* УÑÑанавливаем ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа 4em */ 916 text-align: center; /* ÐÑÑовнÑÑÑ ÑекÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 917 margin: 0 auto; /* УбиÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑнизÑ, и ÑенÑÑиÑÑем по гоÑизонÑали */ 918} 919 920.stepss__list li:before { 921 content: none !important; /* УбиÑаем ÑÑаÑÑÑ ÑиÑÑÑ, еÑли она бÑла ÑеÑез пÑевдоÑÐ»ÐµÐ¼ÐµÐ½Ñ */ 922} 923 924.stepss__list li { 925 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 926} 927 928.stepss__list li:hover { 929 transform: scale(1.05) !important; 930 background-color: #Ebc277 !important; 931} 932 933.block_sequence_number { 934 position: absolute !important; 935 top: 25px !important; /* СмеÑение ÑиÑÑÑ Ð²Ð²ÐµÑÑ Ð¾ÑноÑиÑелÑно ÑодиÑелÑÑкого ÑлеменÑа */ 936 left: 50% !important; 937 transform: translateX(-50%) !important; 938 display: flex !important; 939 justify-content: center !important;
940 align-items: center !important; 941 width: 70px !important; 942 height: 70px !important; 943 background-color: #5C5C5C !important; 944 color: #EBC277 !important; 945 border-radius: 50% !important; /* ÐкÑÑглÑем кÑаÑ, ÑÑÐ¾Ð±Ñ ÑделаÑÑ ÑиÑÑÑ ÐºÑÑглой */ 946 font-size: 34px !important; 947 font-weight: 500 !important; 948 line-height: 60px !important; /* ЦенÑÑиÑÑем ÑекÑÑ Ð²Ð½ÑÑÑи кÑÑга */ 949 z-index: 1 !important; /* Ðоднимаем ÑиÑÑÑ Ð½Ð°Ð´ оÑÑалÑнÑми ÑлеменÑами */ 950} 951 952.stepss__list h4 { 953 font-size: 1.5em !important; 954 margin-top: 100px !important; /* ÐÑÑÑÑп, ÑÑÐ¾Ð±Ñ ÑазмеÑÑиÑÑ ÑиÑÑÑ ÑвеÑÑ Ñ */ 955 font-weight: 600 !important; 956} 957 958.stepss_text_under_title { 959 font-size: 1.2em !important; 960 margin-top: 10px !important; 961 margin-bottom: 20px !important; 962 font-weight: 400 !important; 963} 964 965.steps_price { 966 font-weight: bold !important; 967 font-size: 2em !important; 968 margin: 10px 0 !important; 969} 970 971.steps_price span { 972 font-size: 0.8em !important; 973 margin-left: 5px !important; 974} 975 976.checklist_wrapper { 977 margin: 20px 0 !important; 978} 979 980.steps_checklist { 981 list-style-type: none !important; 982 padding: 0 !important; 983 margin: 0 !important; 984} 985 986.check_item { 987 display: flex !important; 988 align-items: center !important; 989 font-size: 1em !important; 990 line-height: 1.6 !important; 991 margin-bottom: 10px !important; 992 text-align: left !important; 993} 994 995.checkmark { 996 color: #007bff !important; 997 font-weight: bold !important; 998 margin-right: 8px !important; 999 font-size: 1.2em !important; 1000} 1001 1002.btn--small { 1003 display: inline-block !important; 1004 padding: 17px 110px !important; 1005 background-color: #Ebc277 !important; 1006 color: #282B2A !important; 1007 text-decoration: none !important; 1008 font-weight: bold !important; 1009 border-radius: 30px !important; 1010 font-size: 20px !important; 1011-webkit-transition: linear .2s; 1012 -o-transition: linear .2s; 1013 transition: linear .2s; 1014 margin-top: auto !important; 1015} 1016 1017.stepss__list li:hover .btn--small { 1018 background-color: #fff !important; 1019 color: #000 !important; 1020} 1021 1022@media (max-width: 1024px) { 1023 .stepss__list li { 1024 width: calc(50% - 30px) !important; 1025 } 1026} 1027 1028@media (max-width: 768px) { 1029 .stepss__list li { 1030 width: 100% !important; 1031 } 1032} 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043/* ========== ÐÑновнÑе ÑÑили ========== */ 1044 1045/* ÐонÑÐµÐ¹Ð½ÐµÑ Ñ iPhone */ 1046.iphone-container { 1047 display: flex; 1048 justify-content: center; /* ЦенÑÑиÑование ÑелеÑонов */ 1049 align-items: flex-start; 1050 flex-wrap: wrap; 1051 gap: 40px; /* РаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ ÑелеÑонами */ 1052 width: 100%; 1053 max-width: 100%; 1054 box-sizing: border-box; 1055 background: linear-gradient(to bottom right, #f7c94b, #Ebc277); 1056 padding: 60px 20px; 1057 position: relative; 1058} 1059 1060/* ÐдинаковÑй ÑÐ°Ð·Ð¼ÐµÑ ÑелеÑонов */ 1061.iphone-wrap { 1062 width: 375px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина Ð´Ð»Ñ Ð¾Ð±ÐµÐ¸Ñ Ð¼Ð¾Ð´ÐµÐ»ÐµÐ¹ */ 1063 height: 762px; /* ÐÐ´Ð¸Ð½Ð°ÐºÐ¾Ð²Ð°Ñ Ð²ÑÑоÑа */ 1064 max-width: 100%; 1065 display: flex; 1066 flex-direction: column; 1067 justify-content: center; 1068 align-items: center; 1069 background-color: white; 1070 border-radius: 35px; 1071 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1072 border: 5px solid black; 1073 overflow: hidden; 1074 position: relative; 1075} 1076 1077/* ÐонÑÐµÐ½Ñ Ð²Ð½ÑÑÑи iPhone */ 1078.iphone-content { 1079 position: relative; 1080 z-index: 1; 1081 width: 100%; 1082 height: 100%; 1083 overflow-y: auto; 1084 background-color: rgba(255, 255, 255, 0.3); 1085 border-radius: 30px; 1086 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1087 backdrop-filter: blur(10px); 1088 -webkit-backdrop-filter: blur(10px); 1089 border: 1px solid rgba(255, 255, 255, 0.2); 1090} 1091 1092/* Ðлок Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ°Ð¼Ð¸ */ 1093.title-container { 1094 display: flex; 1095 justify-content: center; /* ÐÑÑавниваем заголовки по ÑенÑÑÑ */ 1096 gap: 40px; 1097 width: 100%; 1098 padding-bottom: 20px; 1099} 1100 1101/* Ðаголовки над ÑелеÑонами */ 1102.with_service_title, 1103.without_service_title { 1104 font-size: 2em; 1105 font-weight: bold; 1106 color: #333; 1107 text-align: center; 1108 width: 375px; /* Ðелаем ÑиÑÐ¸Ð½Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² Ñавной ÑелеÑÐ¾Ð½Ñ */ 1109 margin-bottom: 10px; 1110 position: relative; 1111} 1112
1113/* ЦенÑÑиÑование заголовков над ÑелеÑонами */ 1114.with_service_title { 1115 text-align: center; 1116} 1117 1118.without_service_title { 1119 text-align: center; 1120} 1121 1122/* СÑили Ð´Ð»Ñ ÑаблиÑÑ */ 1123.comparison-table { 1124 width: 100%; 1125 height: 100%; 1126 margin: 0; 1127 padding: 0; 1128 box-sizing: border-box; 1129 overflow-y: auto; 1130 border-radius: 10px; 1131} 1132 1133/* СÑили Ð´Ð»Ñ ÑлеменÑов ÑпиÑка */ 1134.comparison-table__list { 1135 list-style: none; 1136 margin: 0; 1137 padding: 0; 1138} 1139 1140.comparison-table__item { 1141 display: flex; 1142 align-items: center; 1143 padding: 10px 15px; 1144 background-color: #fff; 1145 width: 100%; 1146 font-size: 1.1em; 1147 border-bottom: 1px solid #ddd; 1148 transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; 1149} 1150 1151/* ЧеÑедование ÑвеÑов ÑÑÑок */ 1152.comparison-table__item:nth-child(even) { 1153 background-color: #f3f3f3; 1154} 1155 1156/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении */ 1157.comparison-table__item:hover { 1158 transform: scale(1.05); 1159 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 1160 background-color: #ebc277 !important; /* ÐÑинÑдиÑелÑное изменение ÑвеÑа */ 1161 z-index: 10; 1162} 1163 1164/* ÐÑмеÑки â â */ 1165.comparison-table__checkmark, 1166.comparison-table__crossmark { 1167 flex-shrink: 0; 1168 width: 30px; 1169 height: 30px; 1170 display: flex; 1171 align-items: center; 1172 justify-content: center; 1173 border-radius: 50%; 1174 margin-right: 20px; 1175 transition: transform 0.3s ease; 1176} 1177 1178/* УбиÑаем гоÑизонÑалÑнÑй ÑкÑолл на ÑÑÑаниÑе */ 1179html, body { 1180 overflow-x: hidden; 1181 max-width: 100%; 1182} 1183 1184/* ========== ÐополниÑелÑнÑе ÑлеменÑÑ iPhone ========== */ 1185.iphone-notch { 1186 position: absolute; 1187 top: -39px; 1188 left: 90%; 1189 transform: translateX(-50%); 1190 width: 480px; 1191 height: 127px; 1192 background-image: url('https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-4-e1724114437950.png'); 1193 background-size: contain; 1194 background-repeat: no-repeat; 1195 z-index: 3; 1196} 1197 1198@media (max-width: 768px) { 1199 .iphone-notch { 1200 width: 250px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 1201 top: -35px; /* ÐоÑÑекÑиÑÑем оÑÑÑÑп */ 1202 left: 58%; /* СмеÑаем левее */ 1203 transform: translateX(-50%); /* ЦенÑÑиÑÑем Ñ ÑÑеÑом нового left */ 1204 } 1205} 1206 1207@media (max-width: 480px) { 1208 .iphone-notch { 1209 width: 230px; /* Ðелаем еÑе менÑÑе Ð´Ð»Ñ ÑÐ·ÐºÐ¸Ñ ÑкÑанов */ 1210 top: -38px; /* Ðелаем плавное ÑмеÑение */ 1211 left: 60%; /* ÐÑе болÑÑе ÑмеÑаем левее */ 1212 transform: translateX(-50%); /* ÐоÑÑекÑиÑÑем ÑенÑÑиÑование */ 1213 } 1214} 1215 1216/* ========== â СÑили Ð´Ð»Ñ Ð³Ð°Ð»Ð¾Ñки (checkmark) ========== */ 1217.comparison-table__checkmark { 1218 flex-shrink: 0; 1219 width: 28px; 1220 height: 28px; 1221 display: flex; 1222 align-items: center; 1223 justify-content: center; 1224 border-radius: 50%; 1225 background-color: #ebc277; /* ÐÑгкий желÑÑй */ 1226 border: 2px solid #d1a85b; /* Темнее Ð´Ð»Ñ Ð¾Ð±Ñема */ 1227 transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; 1228 position: relative; 1229} 1230 1231/* УдалÑем лÑбÑе ÑÑаÑÑе изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð²Ð½ÑÑÑи */ 1232.comparison-table__checkmark img { 1233 display: none !important; 1234} 1235 1236/* ÐобавлÑем новÑÑ Ð³Ð°Ð»Ð¾ÑÐºÑ */ 1237.comparison-table__checkmark::before { 1238 content: "â"; /* ÐовÑй Ñимвол галоÑки */ 1239 font-size: 16px; 1240 color: white; /* ÐÐµÐ»Ð°Ñ Ð³Ð°Ð»Ð¾Ñка */ 1241 font-weight: bold; 1242} 1243 1244/* ========== â СÑили Ð´Ð»Ñ ÐºÑеÑÑика (crossmark) ========== */ 1245.comparison-table__crossmark { 1246 flex-shrink: 0; 1247 width: 28px; 1248 height: 28px; 1249 display: flex; 1250 align-items: center; 1251 justify-content: center; 1252 border-radius: 50%; 1253 background-color: #333; /* СеÑÑй Ñон */ 1254 transition: transform 0.3s ease, box-shadow 0.3s ease; 1255 position: relative; 1256} 1257
1258/* УдалÑем ÑÑаÑÑе изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 1259.comparison-table__crossmark img { 1260 display: none !important; 1261} 1262 1263/* ÐобавлÑем новÑй кÑеÑÑик */ 1264.comparison-table__crossmark::before { 1265 content: "â"; /* ÐовÑй Ñимвол кÑеÑÑика */ 1266 font-size: 16px; 1267 color: white; /* ÐелÑй ÑÐ²ÐµÑ ÐºÑеÑÑика */ 1268 font-weight: bold; 1269} 1270 1271/* ========== ð¦ СÑили Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ° (comparison-table__item) ========== */ 1272.comparison-table__item { 1273 display: flex; 1274 align-items: center; 1275 padding: 10px 15px; 1276 background-color: #ffffff; 1277 width: 100%; 1278 font-size: 1em; 1279 border-radius: 8px; 1280 border: 1px solid rgba(0, 0, 0, 0.1); 1281 transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; 1282} 1283 1284/* ÐнимаÑÐ¸Ñ Ð±Ð»Ð¾ÐºÐ° пÑи наведении */ 1285.comparison-table__item:hover { 1286 transform: scale(1.03); 1287 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); 1288 background-color: #fae7b5; /* СвеÑло-желÑÑй оÑÑенок */ 1289} 1290 1291/* ========== ð¥ ÐополниÑелÑнÑе анимаÑии ========== */ 1292@keyframes fadeInScale { 1293 0% { 1294 opacity: 0; 1295 transform: scale(0.8); 1296 } 1297 100% { 1298 opacity: 1; 1299 transform: scale(1); 1300 } 1301} 1302 1303/* ÐÑименÑем анимаÑÐ¸Ñ Ð¿Ñи загÑÑзке */ 1304.comparison-table__checkmark, 1305.comparison-table__crossmark { 1306 animation: fadeInScale 0.5s ease-in-out; 1307} 1308 1309 1310.power-button { 1311 position: absolute; 1312 right: -185px; 1313 top: 32%; 1314 transform: translateY(-50%); 1315 width: 350px; 1316 height: 390px; 1317 background-image: url('https://burocompany.com.ua/wp-content/uploads/2024/08/image-removebg-preview-16.png'); 1318 background-size: contain; 1319 background-repeat: no-repeat; 1320} 1321 1322/* ========== ÐобилÑÐ½Ð°Ñ Ð°Ð´Ð°Ð¿ÑаÑÐ¸Ñ ========== */ 1323@media (max-width: 768px) { 1324 .iphone-container { 1325 flex-direction: column; 1326 align-items: center; 1327 gap: 20px; 1328 } 1329 1330 .iphone-wrap { 1331 width: 100%; 1332 max-width: 375px; 1333 } 1334 1335 .title-container { 1336 flex-direction: column; 1337 align-items: center; 1338 gap: 10px; 1339 } 1340 1341 .with_service_title, 1342 .without_service_title { 1343 font-size: 1.8em; 1344 position: relative; 1345 text-align: center; 1346 width: 100%; 1347 margin-bottom: 10px; 1348 } 1349} 1350 1351/* ========== ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов ========== */ 1352@media (min-width: 769px) and (max-width: 1024px) {
1353 .with_service_title h3, .without_service_title h3 { 1354 word-break: break-word; 1355 white-space: normal; 1356 text-align: center; 1357 margin: 0; 1358 display: inline-block; 1359 } 1360 1361 .with_service_title, 1362 .without_service_title { 1363 width: 375px; 1364 text-align: center; 1365 position: relative; 1366 margin-bottom: 20px; 1367 } 1368} 1369 1370 1371 1372 1373 1374 1375/* Ðнопка "ЧиÑаÑи далÑ" в ÑозÑÐ²Ð°Ñ Ð½Ð° главной ÑÑÑаниÑе */ 1376 1377.wprs_rd_more { 1378 cursor: pointer; 1379 transition: color 0.3s ease, text-shadow 0.3s ease; 1380} 1381 1382.wprs_rd_more:hover { 1383 color: #333; 1384 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); /* Ð¢ÐµÐ½Ñ ÑекÑÑа пÑи наведении */ 1385} 1386 1387.wprs_rd_more { 1388 white-space: nowrap; /* ÐÑедоÑвÑаÑÐ°ÐµÑ Ð¿ÐµÑÐµÐ½Ð¾Ñ ÑекÑÑа внÑÑÑи ÑлеменÑа */ 1389 display: block; /* ÐбеÑпеÑиваеÑ, ÑÑо каждÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð±ÑÐ´ÐµÑ Ð½Ð°ÑинаÑÑÑÑ Ñ Ð½Ð¾Ð²Ð¾Ð¹ ÑÑÑоки */ 1390} 1391 1392 1393 1394 1395/* Раздел ÑезÑлÑÑаÑÑ */ 1396 1397.results-block { 1398 background-color: #f3f3f3; 1399 padding: 20px; 1400 border-radius: 30px 30px 0 0; 1401 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Ðобавлена ÑÐµÐ½Ñ ÐºÐ¾ вÑÐµÐ¼Ñ Ð±Ð»Ð¾ÐºÑ */ 1402 margin-top: -30px; /* ÐеÑекÑÑÑие на болÑÑÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ */ 1403 position: relative; 1404 z-index: 1; 1405} 1406 1407@media (max-width: 768px) { 1408 .results-block { 1409 margin-top: 0; /* УбиÑаем пеÑекÑÑÑие на планÑеÑÐ°Ñ */ 1410 padding: 15px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи блока на планÑеÑÐ°Ñ */ 1411 } 1412} 1413 1414@media (max-width: 480px) { 1415 .results-block { 1416 margin-top: 0; /* УбиÑаем пеÑекÑÑÑие на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 1417 padding: 10px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи блока на мобилÑнÑÑ */ 1418 } 1419} 1420 1421 1422.results-block h2.results-block-title { 1423 font-size: 38px; 1424 font-weight: bold; 1425 text-align: center; 1426 margin-bottom: 30px; 1427 color: #333; 1428 width: 100%; 1429 position: relative; 1430 z-index: 2; 1431} 1432 1433.results-items { 1434 display: flex; 1435 flex-wrap: wrap; 1436 justify-content: space-between; 1437} 1438 1439.results-block-item { 1440 flex-basis: calc(33.333% - 20px); 1441 margin: 10px; 1442 background-color: white; 1443 padding: 20px; 1444 border-radius: 5px; 1445 transition: transform 0.3s ease, box-shadow 0.3s ease; 1446 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 1447 text-align: center; 1448 position: relative; 1449} 1450 1451.results-block-item h3 { 1452 font-size: 24px; 1453 font-weight: bold; 1454 margin-bottom: 10px; 1455} 1456 1457.results-block-item p { 1458 font-size: 19px; 1459 color: #000; 1460} 1461 1462.results-block-item:hover { 1463 transform: scale(1.05); 1464 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1465} 1466 1467.result-icon img { 1468 max-width: 60px; 1469 margin-bottom: 15px; 1470} 1471 1472@media (max-width: 768px) { 1473 .results-block-item { 1474 flex-basis: calc(50% - 20px); /* Ðва блока в ÑÑд на планÑеÑÐ°Ñ */ 1475 margin: 10px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1476 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1477 } 1478} 1479 1480@media (max-width: 480px) { 1481 .results-block-item { 1482 flex-basis: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑкÑана на мобилÑнÑÑ */ 1483 margin: 5px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 1484 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 1485 } 1486} 1487 1488@keyframes typing { 1489 from { 1490 width: 0; 1491 } 1492 to { 1493 width: 100%; 1494 } 1495} 1496 1497.typing-effect { 1498 overflow: hidden; 1499 font-family: monospace; 1500 font-size: 24px; 1501 display: inline-block; 1502 max-width: 100%; 1503 animation: typing 3s steps(30, end); /* УбÑали мигаÑÑий кÑÑÑÐ¾Ñ */ 1504 box-sizing: border-box; 1505 word-break: break-word; 1506} 1507 1508.results-block-item { 1509 flex-basis: calc(33.333% - 20px); 1510 margin: 10px; 1511 background-color: white; 1512 padding: 20px 20px 0px 20px; /* УменÑÑили нижний padding */ 1513 border-radius: 25px; 1514 transition: transform 0.3s ease, box-shadow 0.3s ease, padding-bottom 0.3s ease; /* Ðобавили плавноÑÑÑ Ð´Ð»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ padding */ 1515 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 1516 text-align: left; 1517 position: relative; 1518} 1519 1520.results-block-item:hover { 1521 transform: scale(1.05); 1522 padding-bottom: 20px; /* ÐоÑÑÑановили padding пÑи наведении */ 1523 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1524} 1525 1526 1527.result-header { 1528 display: flex; 1529 align-items: baseline; /* ÐÑÑавниваем по нижней линии */ 1530 margin-bottom: 10px; 1531} 1532 1533.result-number { 1534 font-size: 36px; /* ÐолÑÑой ÑÑиÑÑ Ð´Ð»Ñ ÑиÑÑÑ */ 1535 font-weight: bold; 1536 margin-right: 10px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑиÑÑой и ÑекÑÑом */ 1537} 1538 1539.result-title { 1540 font-size: 24px; /* СÑедний ÑÑиÑÑ Ð´Ð»Ñ ÑекÑÑа */ 1541 font-weight: normal; 1542} 1543 1544.result-text { 1545 font-size: 16px; /* ÐаленÑкий ÑÑиÑÑ Ð´Ð»Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½Ð¸ÑелÑного ÑекÑÑа */ 1546 color: #777; 1547 max-height: 0; /* ÐаÑалÑÐ½Ð°Ñ Ð²ÑÑоÑа - ÑкÑÑваем ÑекÑÑ */ 1548 overflow: hidden; /* СкÑÑваем ÑекÑÑ, еÑли он пÑевÑÑÐ°ÐµÑ Ð²ÑÑоÑÑ */ 1549 transition: max-height 0.5s ease-out, opacity 0.5s ease-out; /* Ðлавное изменение вÑÑоÑÑ Ð¸ пÑозÑаÑноÑÑи */ 1550 opacity: 0; /* ÐаÑалÑÐ½Ð°Ñ Ð½ÐµÐ¿ÑозÑаÑноÑÑÑ */ 1551} 1552 1553.results-block-item:hover .result-text { 1554 max-height: 500px; /* ÐоÑÑаÑоÑно болÑÑÐ°Ñ Ð²ÑÑоÑа Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑекÑÑа */ 1555 opacity: 1; /* ÐÐµÐ»Ð°ÐµÑ ÑекÑÑ Ð²Ð¸Ð´Ð¸Ð¼Ñм */ 1556} 1557 1558 1559.results-block-item:hover { 1560 transform: scale(1.05); 1561 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 1562} 1563 1564@media (max-width: 768px) { 1565 .results-block-item { 1566 flex-basis: calc(50% - 20px); /* Ðва блока в ÑÑд на планÑеÑÐ°Ñ */ 1567 margin: 10px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1568 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð½Ð° планÑеÑÐ°Ñ */ 1569 } 1570} 1571 1572@media (max-width: 480px) { 1573 .results-block-item { 1574 flex-basis: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑкÑана на мобилÑнÑÑ */ 1575 margin: 5px 0; /* УменÑÑаем оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 1576 padding: 15px; /* УменÑÑаем внÑÑÑенние оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 1577 } 1578} 1579 1580 1581 1582 1583 1584 1585 1586/* СекÑÐ¸Ñ Ñ ÑоÑмой и конÑакÑами */ 1587/* ÐÑновнÑе ÑÑили (Ð´Ð»Ñ Ð½Ð°ÑÑолÑнÑÑ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов) */
1588.contact-section { 1589 padding: 40px 20px; 1590 background-color: #f9f9f9; 1591 border-radius: 30px; 1592 margin: 40px auto; 1593 max-width: 1200px; 1594} 1595 1596.contact-heading { 1597 text-align: center; 1598 font-size: 2em; 1599 margin-bottom: 30px; 1600 color: #333; 1601} 1602 1603.contact-container { 1604 display: flex; 1605 justify-content: space-between; 1606 align-items: stretch; 1607 gap: 20px; 1608} 1609 1610.contact-info-container { 1611 flex: 0 0 50%; 1612 display: flex; 1613 flex-direction: column; 1614 gap: 15px; 1615} 1616 1617.contact-info-message { 1618 background-color: #ffffff; 1619 border-radius: 30px; 1620 padding: 15px 20px; 1621 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1622 text-align: center; 1623 font-size: 1.1em; 1624 color: #555; 1625} 1626 1627.contact-form { 1628 margin-bottom:20px; 1629 flex: 0 0 45%; 1630 padding: 20px; 1631 background-color: #ffffff; 1632 border-radius: 30px; 1633 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1634 display: flex; 1635 flex-direction: column; 1636} 1637 1638.contact-info { 1639 padding: 30px; 1640 background-color: #ffffff; 1641 border-radius: 30px; 1642 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 1643 display: flex; 1644 flex-direction: column; 1645 justify-content: space-between; 1646 height: 100%; 1647 1648} 1649 1650.contact-info h3 { 1651 margin-bottom: 20px; 1652 font-size: 1.8em; 1653 color: #333; 1654} 1655 1656.contact-info p { 1657 margin-bottom: 15px; 1658 font-size: 1.2em; 1659 color: #333; 1660 line-height: 1.6; 1661 display: flex; 1662 align-items: center; 1663} 1664 1665.contact-info img.contact-icon { 1666 margin-right: 10px; 1667 width: 20px; 1668 height: 20px; 1669} 1670 1671.contact-link { 1672 color: #333; 1673 text-decoration: none; 1674 font-weight: bold; 1675} 1676 1677.contact-link:hover { 1678 text-decoration: underline; 1679} 1680 1681.contact-form input[type="text"], 1682.contact-form input[type="email"], 1683.contact-form input[type="tel"], 1684.contact-form textarea { 1685 width: 100%; 1686 padding: 10px; 1687 margin-bottom: 15px; 1688 border: 1px solid #ddd; 1689 border-radius: 5px; 1690 font-size: 1em; 1691 color: #333; 1692 box-sizing: border-box; 1693} 1694 1695.contact-form textarea { 1696 height: 100px; 1697 resize: none; 1698} 1699 1700.contact-form button[type="submit"] { 1701 background-color: #Ebc277; 1702 color: #fff; 1703 border: none; 1704 padding: 10px 20px; 1705 border-radius: 5px; 1706 cursor: pointer; 1707 font-size: 1em; 1708 width: 100%; 1709} 1710 1711.contact-form button[type="submit"]:hover { 1712 background-color: #d1a65a; 1713} 1714 1715@media (max-width: 768px) { 1716 .contact-info-message { 1717 display: none; 1718 } 1719 1720 .contact-container { 1721 flex-direction: column; 1722 align-items: center; 1723 padding: 0 20px; 1724 } 1725 1726 .contact-form, 1727 .contact-info { 1728 width: 100%; 1729 max-width: 600px; 1730 padding: 20px; 1731 margin: 0 auto; 1732 } 1733 1734 .contact-form { 1735 margin-bottom: 20px; 1736 } 1737} 1738 1739@media (max-width: 480px) { 1740 .contact-form, 1741 .contact-info { 1742 max-width: 100%; 1743 padding: 20px; 1744 } 1745} 1746 1747 1748 1749 1750 1751/* Раздел "Ðоманда" */ 1752 1753/* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ */ 1754.team-section { 1755 padding: 30px 0; 1756} 1757 1758/* Ðлок ÑоздаÑелей */ 1759.team-creators { 1760 display: flex; 1761 justify-content: space-between; 1762 gap: 20px; 1763 flex-wrap: nowrap; 1764} 1765 1766.creator-block { 1767 display: flex; 1768 justify-content: space-between; 1769 align-items: center; 1770 background-color: #fff; 1771 padding: 20px; 1772 border-radius: 15px; 1773 overflow: hidden; 1774 height: 300px; 1775 width: 100%; 1776 max-width: 1000px; 1777 margin: 0 auto 40px auto; 1778 position: relative; 1779 box-sizing: border-box; 1780 transition: all 0.5s ease-in-out; 1781 box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2); 1782 border: 2px solid transparent; 1783 background-clip: padding-box; 1784 animation: slideIn 1s ease-out; 1785} 1786 1787.creator-block.animate-left { 1788 animation-name: slideInLeft; 1789} 1790 1791.creator-block.animate-right { 1792 animation-name: slideInRight; 1793} 1794 1795@keyframes slideInLeft { 1796 from { 1797 transform: translateX(-100%); 1798 opacity: 0; 1799 } 1800 to { 1801 transform: translateX(0); 1802 opacity: 1; 1803 } 1804} 1805 1806@keyframes slideInRight { 1807 from { 1808 transform: translateX(100%); 1809 opacity: 0; 1810 } 1811 to { 1812 transform: translateX(0); 1813 opacity: 1; 1814 } 1815} 1816 1817.creator-block::before { 1818 content: ''; 1819 position: absolute; 1820 top: -2px; 1821 left: -2px; 1822 right: -2px; 1823 bottom: -2px; 1824 z-index: -1;
1825 border-radius: 17px; 1826 background: linear-gradient(45deg, #ebc277, #f3f3f3); 1827 opacity: 0; 1828 transition: opacity 0.5s ease-in-out; 1829} 1830 1831.creator-block:hover::before { 1832 opacity: 1; 1833} 1834 1835.creator-block:hover { 1836 transform: scale(1.02); 1837 box-shadow: 0 25px 25px rgba(0, 0, 0, 0.4); 1838} 1839 1840/* ÐÐµÐ²Ð°Ñ ÑекÑÑÐ¾Ð²Ð°Ñ ÑаÑÑÑ */ 1841.creator-text { 1842 width: 50%; 1843 padding-right: 15px; 1844 padding-top: 20px; 1845 position: relative; 1846 z-index: 2; 1847} 1848 1849.creator-title { 1850 font-size: clamp(20px, 2.5vw, 36px); /* Ð¾Ñ 20px на моб до 36px на болÑÑÐ¸Ñ */ 1851 color: #ebc277; 1852 margin-bottom: 20px; 1853 white-space: nowrap; 1854 transition: color 0.3s ease; 1855} 1856 1857 1858.creator-subtitle { 1859 font-size: clamp(14px, 1.3vw, 22px); /* адапÑивно Ð¾Ñ 14 до 22 */ 1860 line-height: 1.4; 1861 color: #000; 1862 transition: transform 0.3s ease-in-out; 1863} 1864 1865 1866.creator-block:hover .creator-title { 1867 color: #fff; 1868 text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 1869 animation: textGlow 0.7s alternate infinite; 1870} 1871 1872.creator-block:hover .creator-subtitle { 1873 transform: translateY(-5px); 1874} 1875 1876@keyframes textGlow { 1877 from { 1878 text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 1879 } 1880 to { 1881 text-shadow: 2px 2px 20px rgba(255, 255, 255, 0.8); 1882 } 1883} 1884 1885/* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ â изобÑажение */ 1886.creator-image { 1887 width: 50%; 1888 display: flex; 1889 justify-content: flex-end; 1890 align-items: center; 1891 overflow: hidden; 1892 position: relative; 1893} 1894 1895.creator-image img { 1896 width: clamp(150px, 28vw, 320px); /* ÑиÑина по ÑиÑине ÑкÑана */ 1897 height: clamp(220px, 35vw, 300px); /* вÑÑоÑа маÑÑÑабиÑÑеÑÑÑ */ 1898 object-fit: cover; 1899 border-radius: 15px; 1900 transition: transform 0.5s ease, filter 0.5s ease, box-shadow 0.3s; 1901 filter: grayscale(50%) brightness(90%); 1902} 1903 1904 1905.creator-block:hover .creator-image img { 1906 transform: scale(1.1); 1907 filter: grayscale(0%) brightness(100%); 1908 box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); 1909} 1910 1911/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 1912@media (max-width: 768px) { 1913 .team-creators { 1914 display: flex; 1915 flex-direction: column; /* âï¸ Ð¡Ñавим блоки в ÐºÐ¾Ð»Ð¾Ð½ÐºÑ */ 1916 gap: 20px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */ 1917 } 1918 1919 .creator-block { 1920 width: 100%; /* каждÑй блок на вÑÑ ÑиÑÐ¸Ð½Ñ */ 1921 margin: 0 auto; 1922 height: auto; 1923 flex-direction: row; /* ÑÐ¾Ñ ÑанÑем гоÑизонÑалÑнÑÑ ÑÑÑÑкÑÑÑÑ Ð²Ð½ÑÑÑи */ 1924 flex-wrap: nowrap; 1925 padding: 20px; 1926 } 1927 1928 .creator-text, 1929 .creator-image { 1930 width: 50%; 1931 padding: 10px; 1932 justify-content: center; 1933 align-items: center; 1934 display: flex; 1935 flex-direction: column; 1936 } 1937 1938 .creator-image img { 1939width:450px 1940 1941 } 1942 1943 .creator-title { 1944 font-size: clamp(20px, 5vw, 26px); 1945 } 1946 1947 .creator-subtitle { 1948 font-size: clamp(14px, 4vw, 20px); 1949 } 1950} 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966.brand-showcase { 1967 padding: 60px 0; 1968 background-color: #1a1a1a; 1969} 1970 1971.brand-showcase-heading { 1972 text-align: left; 1973 font-size: 2.2rem; 1974 font-weight: 600; 1975 margin-bottom: 50px; 1976 color: #ffffff; 1977} 1978 1979.brand-showcase-logos-wrapper { 1980 position: relative; 1981 padding: 0; 1982 max-width: 800px; 1983 margin: 0 auto; 1984} 1985 1986.brand-showcase-logos-wrapper .slick-list { 1987 overflow: visible !important; 1988} 1989 1990.brand-showcase-logos-wrapper .slick-track { 1991 display: flex; 1992 align-items: center; 1993} 1994 1995.brand-showcase-item { 1996 height: 100px; 1997 display: flex; 1998 justify-content: center; 1999 align-items: center; 2000 box-sizing: border-box; 2001 position: relative; 2002 z-index: 1; 2003 transition: transform 0.3s ease-in-out, z-index 0s 0.3s; 2004 padding: 0 15px; 2005} 2006 2007.brand-showcase-logo { 2008 max-width: 100%; 2009 max-height: 60px; 2010 width: auto; 2011 height: auto; 2012 object-fit: contain; 2013 filter: grayscale(100%) brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.3)); 2014 opacity: 0.7; 2015 transition: all 0.3s ease-in-out; 2016 margin: 0 auto; 2017} 2018 2019.brand-showcase-item:hover { 2020 z-index: 10; 2021 transform: scale(1.1); 2022 transition: transform 0.3s ease-in-out, z-index 0s; 2023} 2024 2025.brand-showcase-item:hover .brand-showcase-logo { 2026 filter: grayscale(0%) brightness(1) invert(0) drop-shadow(0 0 12px rgba(255, 255, 255, 0.7)); 2027 opacity: 1; 2028} 2029 2030.brand-showcase-logo[src*="/wp-content/uploads/2024/09/logo.webp"] { 2031 filter: none !important; 2032 opacity: 0.7; 2033} 2034 2035.brand-showcase-item:hover .brand-showcase-logo[src*="/wp-content/uploads/2024/09/logo.webp"] { 2036 filter: none !important; 2037 opacity: 1; 2038} 2039 2040.brand-showcase-logos-wrapper .slick-arrow { 2041 position: absolute; 2042 top: 100%; 2043 transform: translateY(-50%); 2044 z-index: 5; 2045 background: rgba(255, 255, 255, 0.1); 2046 border: 1px solid rgba(255, 255, 255, 0.2); 2047 border-radius: 50%; 2048 width: 45px; 2049 height: 45px; 2050 cursor: pointer; 2051 transition: all 0.3s ease; 2052 font-size: 0; 2053 color: transparent; 2054}
2055.brand-showcase-logos-wrapper .slick-arrow:hover { 2056 background: rgba(255, 255, 255, 0.2); 2057} 2058 2059.brand-showcase-logos-wrapper .slick-prev { 2060 left: -20px; 2061} 2062.brand-showcase-logos-wrapper .slick-next { 2063 right: -20px; 2064} 2065 2066.brand-showcase-logos-wrapper .slick-arrow::before { 2067 content: ''; 2068 display: block; 2069 width: 10px; 2070 height: 10px; 2071 border-top: 2px solid white; 2072 border-left: 2px solid white; 2073 position: absolute; 2074 top: 50%; 2075 left: 50%; 2076} 2077.brand-showcase-logos-wrapper .slick-prev::before { 2078 transform: translate(-30%, -50%) rotate(-45deg); 2079} 2080.brand-showcase-logos-wrapper .slick-next::before { 2081 transform: translate(-70%, -50%) rotate(135deg); 2082} 2083 2084@media (min-width: 1440px) { 2085 .brand-showcase-heading { 2086 font-size: 80px; 2087 line-height: 96px; 2088 } 2089} 2090 2091@media (max-width: 1200px) { 2092 .brand-showcase-logos-wrapper .slick-prev { 2093 left: 0px; 2094 } 2095 .brand-showcase-logos-wrapper .slick-next { 2096 right: 0px; 2097 } 2098} 2099 2100@media (max-width: 768px) { 2101 .brand-showcase-heading { 2102 text-align: left; 2103 font-size: 1.8rem; 2104 } 2105 .brand-showcase-item { 2106 width: auto; 2107 height: 80px; 2108 } 2109 .brand-showcase-logo { 2110 max-height: 50px; 2111 } 2112 .brand-showcase-logos-wrapper .slick-arrow { 2113 width: 40px; 2114 height: 40px; 2115 top: 100%; 2116 } 2117 .brand-showcase-logos-wrapper .slick-prev { 2118 left: -10px; 2119 } 2120 .brand-showcase-logos-wrapper .slick-next { 2121 right: -10px; 2122 } 2123} 2124 2125 2126 2127 2128 2129 2130 2131/* Ð¥ÐÐÐÐ */ 2132 2133@media (min-width: 1025px) and (max-width: 1754px) { 2134 /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ñ ÐµÐ´ÐµÑа */ 2135 .header { 2136 display: flex !important; 2137 align-items: center !important; 2138 justify-content: space-between !important; 2139 height: 90px !important; 2140 padding: 5px 40px !important; /* ÐÑÑÑÑÐ¿Ñ Ð¿Ð¾ бокам */ 2141 } 2142 2143 /* ÐогоÑип */ 2144 .site-branding { 2145 margin-right: 10px !important; /* УменÑÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð»Ð¾Ð³Ð¾Ñипа */ 2146 } 2147 2148 /* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2149 .main-navigation { 2150 display: flex !important; 2151 align-items: center !important; 2152 margin-left: 0 !important; /* УбиÑаем оÑÑÑÑп Ñлева Ð¾Ñ Ð¼ÐµÐ½Ñ */ 2153 } 2154 2155 .main-navigation a { 2156 font-size: 18px !important; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ Ð¿ÑнкÑов Ð¼ÐµÐ½Ñ */ 2157 font-weight: 500 !important; /* Ðегкий жиÑнÑй ÑÑиÑÑ */ 2158 padding: 0 10px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2159 white-space: nowrap !important; /* ÐÑедоÑвÑаÑаем пеÑÐµÐ½Ð¾Ñ ÑекÑÑа на дÑÑгÑÑ ÑÑÑÐ¾ÐºÑ */ 2160 } 2161 2162 /* ÐÐ¾Ð¼ÐµÑ ÑелеÑона */ 2163 .header__link { 2164 font-size: 17px !important; 2165 font-weight: 600 !important; 2166 color: #000 !important; 2167 text-decoration: none !important; 2168 margin-left: 20px !important; 2169 } 2170 2171 /* СоÑÑеÑи */ 2172 .social { 2173 display: flex !important; 2174 align-items: center !important; 2175 justify-content: flex-end !important; 2176 margin-left: 10px !important; /* УменÑÑаем оÑÑÑÑп Ð¾Ñ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ ÑзÑков */ 2177 } 2178 2179 .social li { 2180 margin: 0 5px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ ÑоÑÑеÑей */ 2181 } 2182} 2183 2184/* ÐÐ»Ñ ÑкÑанов болÑÑе 1755px */ 2185@media (min-width: 1755px) { 2186 /* ÐогоÑип */ 2187 .site-branding { 2188 margin-right: 30px !important; /* УменÑÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð»Ð¾Ð³Ð¾Ñипа */ 2189 } 2190 2191 /* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2192 .main-navigation { 2193 display: flex !important; 2194 align-items: center !important; 2195 margin-left: 0 !important; /* УбиÑаем оÑÑÑÑп Ñлева Ð¾Ñ Ð¼ÐµÐ½Ñ */ 2196 } 2197 2198 .main-navigation a { 2199 font-size: 18px !important; 2200 font-weight: 500 !important; 2201 padding: 0 25px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2202 } 2203 2204 /* ÐÐ¾Ð¼ÐµÑ ÑелеÑона */ 2205 .header__link { 2206 font-size: 17px !important; 2207 font-weight: 600 !important; 2208 color: #000 !important; 2209 text-decoration: none !important; 2210 margin-left: 30px !important; 2211 } 2212 2213 /* СоÑÑеÑи */ 2214 .social { 2215 display: flex !important; 2216 align-items: center !important; 2217 justify-content: flex-end !important; 2218 margin-left: 0px !important; /* УменÑÑаем оÑÑÑÑп Ð¾Ñ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ ÑзÑков */ 2219 } 2220 2221 .social li { 2222 margin: 0 5px !important; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ ÑоÑÑеÑей */ 2223 } 2224} 2225 2226 2227 2228 2229 2230/* ÐеÑÐµÐ¼Ð¸ÐºÐ°Ñ Ð¼Ð¾Ð² */ 2231 2232 2233 2234/* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑзÑкового пеÑеклÑÑаÑÐµÐ»Ñ */ 2235.language-switcher { 2236 display: flex; 2237 align-items: center; 2238 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 2239 margin-right: 20px; /* ÐÑÑÑÑп ÑпÑава Ð¾Ñ ÑзÑкового пеÑеклÑÑаÑÐµÐ»Ñ */ 2240 padding-left: 10px; /* ЧÑÐ¾Ð±Ñ Ð½Ðµ бÑло Ñдвига за пÑÐµÐ´ÐµÐ»Ñ 50px */ 2241} 2242 2243/* СÑили Ð´Ð»Ñ ÑзÑка */ 2244.language-switcher a { 2245 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÑÑÑлок */ 2246 text-decoration: none; 2247 padding: 0 10px; /* ÐÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ ÑзÑками */ 2248 color: #999; /* ÐеакÑивнÑй ÑÐ²ÐµÑ (ÑеÑÑй) */ 2249 transition: color 0.3s ease; 2250 display: flex; 2251 align-items: center; 2252} 2253 2254/* Ð¦Ð²ÐµÑ Ð¸ ÑÑÐ¸Ð»Ñ Ð°ÐºÑивного ÑзÑка */ 2255.language-switcher a.active { 2256 color: #000; /* Ð¦Ð²ÐµÑ Ð°ÐºÑивного ÑзÑка (ÑеÑнÑй) */ 2257 font-weight: bold; 2258} 2259 2260/* Ðобавление и ÑÑилизаÑÐ¸Ñ Ð¿Ð°Ð»ÐºÐ¸ | Ð¼ÐµÐ¶Ð´Ñ ÑзÑками */ 2261.language-switcher a:not(:last-child)::after { 2262 content: '|'; 2263 color: #999; /* Ð¦Ð²ÐµÑ Ð¿Ð°Ð»ÐºÐ¸ | */ 2264 font-size: 18px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ Ð¿Ð°Ð»ÐºÐ¸ */ 2265 margin-left: 10px; /* ÐÑÑÑÑÐ¿Ñ Ð²Ð¾ÐºÑÑг палки */ 2266 margin-right: -10px; 2267 display: inline-flex; 2268 align-items: center; 2269} 2270 2271/* ÐÑÑÑÑп Ð´Ð»Ñ Ð¿Ñавого ÑзÑка поÑле палки */ 2272.language-switcher a:nth-child(2) { 2273 margin-left: 0; /* УбиÑаем оÑÑÑÑп Ñ Ð»ÐµÐ²Ð¾Ð¹ ÑÑоÑÐ¾Ð½Ñ Ð²ÑоÑого ÑзÑка */ 2274} 2275 2276/* ÐÑли нÑжно измениÑÑ Ð¾ÑÑÑÑп Ð´Ð»Ñ Ð¿ÐµÑвого ÑзÑка */ 2277.language-switcher a:first-child { 2278 margin-right: 0 !important; /* УбиÑаем оÑÑÑÑп ÑпÑава Ð¾Ñ Ð¿ÐµÑвого ÑзÑка, еÑли ÑÑебÑеÑÑÑ */ 2279} 2280 2281 2282 2283/* ========== СÑилÑзаÑÑÑ SEO-Ð±Ð»Ð¾ÐºÑ ========== */ 2284
2285/* ÐонÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð²ÑÑого ÑекÑÑÑ */ 2286.seo-text-content { 2287 /* ТÑÑ Ð¼Ð¾Ð¶Ð½Ð° вÑÑановиÑи макÑималÑÐ½Ñ ÑиÑÐ¸Ð½Ñ ÑекÑÑÑ, ÑкÑо поÑÑÑбно */ 2288 /* max-width: 900px; */ 2289} 2290 2291/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÑв Ñа паÑагÑаÑÑв вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 2292.seo-text-content h2, 2293.seo-text-content h3, 2294.seo-text-content p, 2295.seo-text-content ul, 2296.seo-text-content ol { 2297 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 2298 color: #000000; 2299} 2300 2301.seo-text-content h2 { 2302 font-size: 2rem; 2303 font-weight: 600; 2304 margin-bottom: 25px; 2305 padding-bottom: 15px; 2306 border-bottom: 1px solid #ccc; /* ÐÑнÑÑ Ð¿Ñд заголовком */ 2307} 2308 2309.seo-text-content h3 { 2310 font-size: 1.75rem; 2311 font-weight: 600; 2312 margin-top: 30px; 2313 margin-bottom: 15px; 2314} 2315 2316.seo-text-content p { 2317 font-size: 1.3rem; 2318 line-height: 1.6; 2319 margin-bottom: 20px; 2320} 2321 2322.seo-text-content ul, 2323.seo-text-content ol { 2324 padding-left: 25px; 2325 margin-bottom: 20px; 2326} 2327 2328/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ H1 залиÑаÑÑÑÑÑ Ð±ÐµÐ· змÑн, але на вÑÑк випадок */ 2329.seo-custom-h1 { 2330 font-size: 4.5rem; 2331 font-weight: 700; 2332 color: #000000; 2333 text-align: left; 2334 margin-bottom: 40px; 2335} 2336 2337 2338/* ========== ÐдапÑив ========== */ 2339@media (max-width: 768px) { 2340 .seo-custom-h1 { 2341 font-size: 3rem; /* ÐменÑений ÑозмÑÑ Ð´Ð»Ñ ÑелеÑонÑв */ 2342 } 2343 2344 .seo-text-content h2 { 2345 font-size: 1.8rem; 2346 } 2347 2348 .seo-text-content h3 { 2349 font-size: 1.5rem; 2350 } 2351 2352 .seo-text-content p { 2353 font-size: 1.1rem; 2354 } 2355} 2356 2357 2358 2359 2360 2361 2362/* ÐбÑие ÑÑили Ð´Ð»Ñ ÑÑÑеÑа */ 2363.footer { 2364 background-color: #1c1c1c !important; /* ТемнÑй Ñон ÑÑÑеÑа */ 2365 color: #fff; 2366 padding: 60px 0; 2367 width: 100%; 2368 box-sizing: border-box; 2369} 2370 2371/* ÐнÑÑÑеннÑÑ ÑÑÑÑкÑÑÑа ÑÑÑеÑа */ 2372.footer__inner { 2373 display: flex; 2374 justify-content: space-between; 2375 align-items: flex-start; 2376 width: 100%; 2377} 2378 2379/* СÑили Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº Ñ ÐºÐ¾Ð½ÑакÑами */ 2380.footer__column { 2381 background-color: #2e2e2e !important; /* Фон Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº */ 2382 border: 1px solid #1c1c1c; /* ЧеÑÐ½Ð°Ñ Ð¾Ð±Ð²Ð¾Ð´ÐºÐ° */ 2383 padding: 20px; 2384 flex: 1; 2385 margin: 0 10px; 2386 text-align: left; 2387 color: #fff; 2388 display: flex; 2389 flex-direction: column; 2390 justify-content: space-between; 2391} 2392 2393/* Ðаголовки колонок */ 2394.footer__column h5 { 2395 font-size: 2rem !important; /* УвелиÑеннÑе заголовки */ 2396 margin-bottom: 10px; 2397 color: #f3c77e; /* Ð¦Ð²ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² */ 2398} 2399 2400/* ТекÑÑ Ð² ÐºÐ¾Ð»Ð¾Ð½ÐºÐ°Ñ */ 2401.footer__column a, .footer__column p { 2402 font-size: 1.2rem; 2403 color: #fff; 2404 margin-bottom: 10px; 2405} 2406 2407/* СÑили Ð´Ð»Ñ Ð¼ÐµÐ½Ñ Ð² ÑÑÑеÑе */ 2408.footer-menu { 2409 display: flex; 2410 flex-wrap: wrap; /* ÐозволÑÐµÑ Ð¿ÑнкÑам пеÑеноÑиÑÑÑÑ Ð½Ð° новÑÑ ÑÑÑÐ¾ÐºÑ */ 2411 gap: 120px; /* ÐÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2412 list-style: none; 2413 padding: 0; 2414 font-size: 25px; 2415 justify-content: space-between; 2416} 2417 2418/* ÐÑнкÑÑ Ð¼ÐµÐ½Ñ */ 2419.footer-menu li { 2420 display: inline-block; 2421 position: relative; 2422} 2423 2424/* СÑÑлки в Ð¼ÐµÐ½Ñ */ 2425.footer-menu a { 2426 color: #fff; 2427 text-decoration: none; 2428 padding-bottom: 5px; 2429 position: relative; 2430 display: inline-block; 2431} 2432 2433/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении: поÑвление линии */ 2434.footer-menu a::after { 2435 content: ''; 2436 position: absolute; 2437 width: 0; 2438 height: 2px; 2439 background-color: #EBC277; 2440 left: 0; 2441 bottom: 0; 2442 transition: width 0.3s ease-in-out; 2443} 2444 2445/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении: Ð»Ð¸Ð½Ð¸Ñ Ð¿Ð¾ÑвлÑеÑÑÑ ÑпÑава налево */ 2446.footer-menu a:hover::after { 2447 width: 100%; 2448} 2449 2450/* ÐнимаÑÐ¸Ñ ÑÑ Ð¾Ð´Ð°: Ñ Ð²Ð¾ÑÑ ÑÑ Ð¾Ð´Ð¸Ñ Ð²Ð¿Ñаво */ 2451.footer-menu a::before { 2452 content: ''; 2453 position: absolute; 2454 width: 0; 2455 height: 2px; 2456 background-color: #EBC277; 2457 right: 0; 2458 bottom: 0; 2459 transition: width 0.3s ease-in-out; 2460} 2461 2462.footer-menu a:hover::before { 2463 width: 100%; 2464} 2465 2466/* СоÑиалÑнÑе иконки */ 2467.footer__social { 2468 display: flex; 2469 margin-right:30px; 2470 gap: 15px; 2471 justify-content: center; 2472} 2473 2474.footer__social a { 2475 display: flex; 2476 justify-content: center;
2477 align-items: center; 2478 width: 40px; 2479 height: 40px; 2480 border-radius: 50%; 2481 background-color: #fff; /* ÐелÑй кÑÑг */ 2482} 2483 2484.footer__social a img { 2485 width: 30px; 2486 height: 30px; 2487} 2488 2489/* ÐижнÑÑ Ð»Ð¸Ð½Ð¸Ñ */ 2490.footer__bottom-line { 2491 border-top: 1px solid #555; 2492 margin: 20px 0; 2493} 2494 2495 .footer__logo { 2496 margin-left:30px; 2497} 2498 2499/* ÐопиÑÐ°Ð¹Ñ */ 2500.footer__copyright { 2501 display: flex; 2502 justify-content: space-between; 2503 font-size: 0.9rem; 2504 color: #999; 2505 width: 100%; 2506} 2507 2508/* ÐедиазапÑÐ¾Ñ Ð´Ð»Ñ ÑкÑанов менÑÑе 768px */ 2509@media (max-width: 768px) { 2510 .footer-menu { 2511 gap: 30px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑами Ð¼ÐµÐ½Ñ */ 2512 justify-content: center; /* ЦенÑÑиÑÑем Ð¼ÐµÐ½Ñ */ 2513 } 2514 2515 .footer-menu li { 2516 width: 100%; /* ÐÑнкÑÑ Ð·Ð°Ð½Ð¸Ð¼Ð°ÑÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 2517 text-align: center; /* ЦенÑÑиÑÑем ÑекÑÑ Ð²Ð½ÑÑÑи */ 2518 } 2519 2520 .footer-menu li a { 2521 display: block; /* ÐаждÑй пÑÐ½ÐºÑ Ð¿ÐµÑеноÑиÑÑÑ Ð½Ð° новÑÑ ÑÑÑÐ¾ÐºÑ */ 2522 } 2523 2524 .footer__inner { 2525 flex-direction: column; /* Ðолонки одна под одной */ 2526 } 2527 2528 .footer__social { 2529 flex-wrap: wrap; /* Ðконки ÑоÑÑеÑей наÑÑÑаиваÑÑÑÑ Ð½Ð° пеÑÐµÐ½Ð¾Ñ */ 2530 margin-top: 20px; 2531 justify-content: space-between; /* РазмеÑаем ÑоÑÑеÑи по ÑиÑине */ 2532 } 2533 2534 .footer__social a { 2535 margin-bottom: 10px; /* ÐÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ */ 2536 } 2537 2538 .footer__logo { 2539 display: none !important; /* СкÑÑваем логоÑип на малÑÑ ÑкÑÐ°Ð½Ð°Ñ */ 2540 } 2541} 2542 2543/* ÐедиазапÑÐ¾Ñ Ð´Ð»Ñ ÑкÑанов болÑÑе 1500px */ 2544@media (max-width: 1500px) { 2545 .footer-menu li { 2546 margin-left:30px 2547 } 2548 .footer__logo img { 2549 display: none !important; /* СкÑÑваем логоÑип на болÑÑÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ */ 2550 } 2551 2552 .footer__social { 2553 flex-direction: column !important; /* СоÑиалÑнÑе ÑеÑи ÑÑановÑÑÑÑ Ð² ÑÑолбик */ 2554 align-items: center; 2555 } 2556} 2557 2558.footer h2 { 2559 font-size:50px; 2560 font-weight: 500; /* ÐолÑжиÑнÑй */ 2561} 2562 2563 2564 2565 2566.subtitlevclasseabout { 2567 max-width: 60ch; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ Ð´Ð¾ 60 Ñимволов */ 2568 word-wrap: break-word; /* ÐеÑеноÑим Ñлова, еÑли они пÑевÑÑаÑÑ 60 Ñимволов */ 2569 word-break: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ñлов Ð´Ð»Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 2570} 2571 2572 2573 2574.blogg li { 2575 width: calc(25% - 30px) !important; /* 4 блока в ÑÑд */ 2576 margin: 0 0 0 30px !important; 2577 text-align: center !important; 2578 display: flex !important; 2579 flex-direction: column !important; 2580 justify-content: space-between !important; /* РаÑпÑеделÑем конÑÐµÐ½Ñ ÑавномеÑно */ 2581} 2582 2583.blogg li p { 2584 margin: 0 0 30px 0 !important; 2585 font-size: 20px !important; 2586 font-weight: 400 !important; 2587 line-height: 150% !important; 2588 display: -webkit-box !important; 2589 -webkit-line-clamp: 2 !important; /* ÐгÑаниÑиваем колиÑеÑÑво ÑÑÑок до 2 */ 2590 -webkit-box-orient: vertical !important; 2591 overflow: hidden !important; 2592 text-overflow: ellipsis !important; 2593} 2594 2595.blogg li .btn { 2596 width: 100% !important; 2597 height: 55px !important; 2598 background-color: transparent !important; 2599 margin-top: auto !important; /* Ðнопка вÑÑавниваеÑÑÑ Ð¿Ð¾ Ð½Ð¸Ð·Ñ */ 2600} 2601 2602.blogg__list { 2603 margin: 0 0 0 -30px !important; 2604 display: -webkit-box !important; 2605 display: -ms-flexbox !important; 2606 display: flex !important; 2607 -webkit-box-pack: start !important; 2608 -ms-flex-pack: start !important; 2609 justify-content: flex-start !important; 2610 -ms-flex-wrap: wrap !important; 2611 flex-wrap: wrap !important; 2612} 2613 2614 2615.blogg__img { 2616 margin: 0 0 20px 0 !important; 2617 width: 100% !important; 2618 height: 250px !important; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 2619 border-radius: 30px !important; 2620 overflow: hidden !important; 2621} 2622 2623.blogg__img img { 2624 width: 100% !important; 2625 height: 100% !important; 2626 -o-object-fit: cover !important; 2627 object-fit: cover !important; /* ÐÑопоÑÑионалÑное маÑÑÑабиÑование */ 2628} 2629 2630/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов (до 1024px) */ 2631@media (max-width: 1024px) { 2632 .blogg li { 2633 width: calc(50% - 30px) !important; /* 2 блока в ÑÑд на планÑеÑÐ°Ñ */ 2634 } 2635} 2636 2637/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв (до 768px) */ 2638@media (max-width: 768px) { 2639 .blogg li { 2640 width: calc(100% - 30px) !important; /* 1 блок в ÑÑд на мобилÑнÑÑ */ 2641 } 2642} 2643 2644.blogg__list li { 2645 margin-bottom: 15px !important; /* ÐадайÑе нÑжнÑй ÑÐ°Ð·Ð¼ÐµÑ Ð¾ÑÑÑÑпа */ 2646} 2647 2648 2649 2650 2651 2652 2653 2654 2655/* СÑили Ð´Ð»Ñ Ð°Ð½Ð¸Ð¼Ð°Ñии поÑÐ²Ð»ÐµÐ½Ð¸Ñ Ð¸ иÑÑÐµÐ·Ð½Ð¾Ð²ÐµÐ½Ð¸Ñ */ 2656.modal-overlay { 2657 display: none; 2658 position: fixed; 2659 top: 0; 2660 left: 0; 2661 width: 100%; 2662 height: 100%; 2663 background-color: rgba(0, 0, 0, 0.8); 2664 justify-content: center;
2665 align-items: center; 2666 z-index: 1000; 2667 opacity: 0; 2668 transform: translateY(-100%); /* ÐаÑалÑÐ½Ð°Ñ Ð¿Ð¾Ð·Ð¸ÑÐ¸Ñ Ð²Ð½Ðµ ÑкÑана */ 2669 transition: opacity 0.5s ease, transform 0.5s ease; 2670} 2671 2672.modal-overlay.active { 2673 display: flex; 2674 opacity: 1; 2675 transform: translateY(0); /* Сдвиг в ÑенÑÑ */ 2676} 2677 2678.modal-overlay.closing { 2679 opacity: 0; 2680 transform: translateY(-100%); /* Сдвиг обÑаÑно ввеÑÑ */ 2681} 2682 2683 2684.modal-content { 2685 background-color: #2c2c2c; 2686 border-radius: 20px; 2687 padding: 20px; 2688 max-width: 85%; 2689 max-height: 80%; 2690 overflow-y: auto; 2691 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); 2692 color: #f3f3f3; 2693 position: relative; 2694} 2695 2696.close-button-wrapper { 2697 position: absolute; 2698 top: 130px; /* РаÑположение ближе к модалÑÐ½Ð¾Ð¼Ñ Ð¾ÐºÐ½Ñ */ 2699 right: 60px; 2700 display: flex; 2701 flex-direction: column; 2702 align-items: center; 2703} 2704 2705.close-button { 2706 font-size: 36px; /* Ð Ð°Ð·Ð¼ÐµÑ ÐºÑеÑÑика */ 2707 color: #fff; 2708 background-color: rgba(200, 200, 200, 0.5); /* ÐолÑпÑозÑаÑнÑй ÑвеÑло-ÑеÑÑй Ñон */ 2709 border-radius: 10%; /* Ðегкое закÑÑгление */ 2710 width: 50px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина */ 2711 height: 50px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа */ 2712 display: flex; 2713 justify-content: center; 2714 align-items: center; 2715 cursor: pointer; 2716 transition: transform 0.3s ease, background 0.3s ease; 2717} 2718 2719.close-button:hover { 2720 transform: scale(1.2); /* УвелиÑение пÑи наведении */ 2721 background-color: rgba(200, 200, 200, 0.8); /* Ðолее ÑÑкий Ñон пÑи наведении */ 2722} 2723 2724 2725/* СÑили Ð´Ð»Ñ Ð½Ð°Ð´Ð¿Ð¸Ñи "Esc" */ 2726.close-label { 2727 font-size: 16px; 2728 color: #d3d3d3; 2729 text-align: center; 2730 margin-top: 5px; 2731 font-weight: bold; 2732} 2733 2734/* ТемнÑй ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки в модалÑном окне */ 2735.modal-content { 2736 scrollbar-width: thin; 2737 scrollbar-color: #444 #222; /* Ð¦Ð²ÐµÑ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки */ 2738} 2739 2740.modal-content::-webkit-scrollbar {
2741 width: 8px; /* ШиÑина полоÑÑ Ð¿ÑокÑÑÑки */ 2742} 2743 2744.modal-content::-webkit-scrollbar-track { 2745 background: #222; /* Ð¦Ð²ÐµÑ Ñона доÑожки */ 2746} 2747 2748.modal-content::-webkit-scrollbar-thumb { 2749 background-color: #444; /* Ð¦Ð²ÐµÑ Ð¿Ð¾Ð»Ð¾ÑÑ Ð¿ÑокÑÑÑки */ 2750 border-radius: 10px; /* ÐакÑÑгление */ 2751 border: 2px solid #222; /* Ðобавление оÑÑÑÑпов */ 2752} 2753 2754/* СÑили Ð´Ð»Ñ ÐºÐ°ÑÑоÑек ÑÑаÑÑников */ 2755.slider-container { 2756 display: grid; 2757 grid-template-columns: repeat(4, 1fr); /* 4 блока в ÑÑд */ 2758 gap: 20px; 2759 padding: 20px; 2760} 2761 2762.team-member { 2763 background-color: #333; 2764 border-radius: 15px; 2765 padding: 20px; 2766 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); 2767 transition: transform 0.3s ease; 2768 position: relative; 2769 display: flex; 2770 flex-direction: column; 2771 justify-content: flex-start; 2772 align-items: flex-start; 2773 height: 500px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа Ð´Ð»Ñ Ð²ÑÐµÑ Ð±Ð»Ð¾ÐºÐ¾Ð² */ 2774} 2775 2776.team-member:hover { 2777 transform: scale(1.05); 2778} 2779 2780.image-wrapper { 2781 width: 100%; 2782 height: 350px; /* Ðадаем ÑикÑиÑованнÑÑ Ð²ÑÑоÑÑ */ 2783 overflow: hidden; 2784 border-radius: 10px; /* ÐакÑÑгленнÑе ÑÐ³Ð»Ñ */ 2785 margin-bottom: 15px; 2786 display: flex; 2787 justify-content: center; 2788 align-items: center; 2789} 2790 2791.image-wrapper img { 2792 width: auto; 2793 height: 100%; /* ÐвÑомаÑиÑеÑки подÑÑÑÐ°Ð¸Ð²Ð°ÐµÑ ÑиÑÐ¸Ð½Ñ */ 2794 object-fit: contain; /* Ð¡Ð¾Ñ ÑанÑÐµÑ Ð¿ÑопоÑÑии без обÑезки */ 2795 border-radius: 10px; 2796 transition: transform 0.3s ease, filter 0.3s ease; 2797 filter: grayscale(100%) brightness(70%); 2798} 2799 2800.team-member:hover img { 2801 transform: scale(1.1); 2802 filter: grayscale(0%) brightness(100%); 2803} 2804 2805.member-name { 2806 font-size: 22px; 2807 font-weight: 600; 2808 color: #ebc277; 2809 margin-bottom: 10px; 2810 text-align: left; 2811 width: 100%; 2812} 2813 2814.member-position { 2815 font-size: 18px; 2816 color: #ccc; 2817 margin-bottom: 10px; 2818 text-align: left; 2819} 2820 2821.member-description { 2822 font-size: 16px; 2823 color: #bbb; 2824 text-align: left; 2825 width: 100%; 2826} 2827 2828/* СÑили Ð´Ð»Ñ Ñона каÑÑÑели */ 2829.carousel-background { 2830 position: relative; 2831 width: 100%; 2832 height: 300px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа */ 2833 margin: 20px 0; 2834 overflow: hidden; 2835 background: #333; /* Фон каÑÑÑели */ 2836 border-radius: 15px; 2837 display: flex; 2838 justify-content: center; 2839 align-items: center; 2840 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 2841 cursor: pointer; /* ÐÑÑÑоÑ-палÑÑик пÑи наведении */ 2842} 2843 2844/* СÑили Ð´Ð»Ñ ÑлайдеÑа в каÑÑÑели */ 2845.slick-carousel { 2846 width: 100%; 2847 height: 100%; 2848 z-index: 1; 2849 position: relative; 2850} 2851 2852.carousel-item { 2853 width: 200px; /* ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÑиÑина вÑÐµÑ ÑлеменÑов */ 2854 height: 300px; /* УвелиÑÐµÐ½Ð½Ð°Ñ Ð²ÑÑоÑа ÑлеменÑов */ 2855 margin: 0 2px; 2856 border-radius: 10px; 2857 overflow: hidden; 2858 background: rgba(0, 0, 0, 0.7); /* ÐаÑемнение Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑа */ 2859 transition: transform 0.3s ease, box-shadow 0.3s ease; 2860 cursor: pointer; /* ÐÑÑÑоÑ-палÑÑик пÑи наведении */ 2861} 2862 2863.carousel-item img { 2864 width: 100%; 2865 height: 100%; 2866 object-fit: cover; 2867 filter: grayscale(100%) brightness(50%); /* ÐÑÑÐµÐºÑ Ð´Ð»Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 2868 transition: filter 0.3s ease, transform 0.3s ease; 2869} 2870 2871.carousel-item:hover { 2872 transform: scale(1.05); 2873 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); 2874} 2875 2876.carousel-item:hover img { 2877 filter: grayscale(0%) brightness(100%); 2878 transform: scale(1.05); 2879} 2880 2881/* СÑили Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° и ÑÑÑелки каÑÑÑели */ 2882.carousel-overlay { 2883 position: absolute; 2884 top: 0; 2885 left: 0; 2886 width: 100%; 2887 height: 100%; 2888 z-index: 2; 2889 display: flex; 2890 justify-content: center; 2891 align-items: center; 2892 background: rgba(0, 0, 0, 0.5); /* ÐолÑпÑозÑаÑнÑй Ñон Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑа */ 2893} 2894 2895.carousel-title { 2896 font-size: 36px; 2897 color: #ebc277; 2898 z-index: 3; 2899 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); 2900} 2901 2902.carousel-arrow { 2903 font-size: 40px; 2904 color: #ebc277; 2905 margin-left: 20px; 2906 cursor: pointer; 2907 transition: transform 0.3s ease; 2908} 2909 2910.carousel-background:hover .carousel-arrow { 2911 transform: translateX(10px); 2912} 2913 2914/* ÐдапÑивнÑй дизайн */ 2915@media (max-width: 1024px) { 2916 .slider-container { 2917 grid-template-columns: repeat(2, 1fr); /* 2 блока в ÑÑд Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов */ 2918 } 2919} 2920 2921@media (max-width: 768px) { 2922 .slider-container { 2923 grid-template-columns: repeat(1, 1fr); /* 1 блок в ÑÑд Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2924 } 2925
2926 .modal-content { 2927 padding: 15px; 2928 } 2929 2930 .team-member { 2931 padding: 15px; 2932 height: auto; /* ÐÑÑоÑа блока ÑÑановиÑÑÑ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑеÑкой на мобилÑнÑÑ */ 2933 } 2934 2935 .close-button { 2936 font-size: 24px; 2937 } 2938 2939 .team-member img { 2940 height: 220px; /* УменÑÑÐµÐ½Ð½Ð°Ñ Ð²ÑÑоÑа изобÑажений Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2941 } 2942 2943 .carousel-background { 2944 height: 220px; /* Снижение вÑÑоÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 2945 } 2946 2947 .carousel-item { 2948 height: 220px; /* Снижение вÑÑоÑÑ ÑлеменÑов */ 2949 } 2950 2951 .carousel-title { 2952 font-size: 24px; 2953 } 2954 2955 .carousel-arrow { 2956 font-size: 30px; 2957 } 2958} 2959 2960 2961 2962.phone-icon { 2963 position: absolute; 2964 bottom: 15px; 2965 right: 15px; 2966 text-decoration: none; 2967} 2968 2969.phone-circle { 2970 width: 40px; 2971 height: 40px; 2972 background-color: #fff; 2973 border-radius: 50%; 2974 display: flex; 2975 justify-content: center; 2976 align-items: center; 2977 transition: background-color 0.3s ease, transform 0.3s ease; 2978} 2979 2980.phone-circle img { 2981 width: 20px; 2982 height: 20px; 2983} 2984 2985.phone-icon:hover .phone-circle { 2986 background-color: #ebc277; 2987 transform: scale(1.1); 2988} 2989 2990.phone-icon:hover img { 2991 animation: ring 1s infinite; 2992} 2993 2994@keyframes ring { 2995 0% { transform: rotate(0); } 2996 15% { transform: rotate(15deg); } 2997 30% { transform: rotate(-15deg); } 2998 45% { transform: rotate(15deg); } 2999 60% { transform: rotate(-15deg); } 3000 100% { transform: rotate(0); } 3001} 3002 3003 3004 3005 3006/* СТРÐÐÐЦРÐÐ Ð ÐÐС */ 3007 3008 3009/* ÐонÑÐµÐ¹Ð½ÐµÑ Ñ Ð°Ð½Ð¸Ð¼Ð°Ñией Ñона */ 3010.Pronas-animated-bg { 3011 display: flex; 3012 justify-content: space-between; 3013 align-items: center; 3014 padding: 50px 100px; /* УвелиÑÐµÐ½Ñ Ð¾ÑÑÑÑÐ¿Ñ Ð¿Ð¾ бокам */ 3015 border-radius: 20px; 3016 overflow: hidden; 3017 background: radial-gradient(circle, #ebc277, #f9f9f9, #d4a85c, #eaeaea); 3018 background-size: 200% 200%; 3019 animation: smooth-gradient 8s infinite; 3020} 3021 3022/* ÐевÑй блок (ÑекÑÑ) */ 3023.Pronas-left-content { 3024 max-width: 50%; 3025 padding-right: 20px; 3026} 3027 3028/* Ðаголовок */ 3029.Pronas-main-title { 3030 font-size: 3rem; 3031 color: #333; 3032 margin-bottom: 20px; 3033} 3034 3035/* ТекÑÑ Ð½Ð°Ð´ кнопкой */ 3036.Pronas-subtitle { 3037 font-size: 1.2rem; 3038 color: #555; 3039 margin-bottom: 20px; 3040} 3041 3042/* Ðнопка */ 3043.Pronas-button { 3044 display: inline-block; 3045 background-color: #ebc277; 3046 color: #fff; 3047 font-size: 1.2rem; 3048 padding: 15px 30px; 3049 border-radius: 50px; 3050 text-decoration: none; 3051 transition: all 0.3s ease; 3052} 3053 3054.Pronas-button:hover { 3055 background-color: #d4a85c; 3056 transform: scale(1.1); 3057} 3058 3059/* ÐÑавÑй блок (изобÑажение) */ 3060.Pronas-right-image { 3061 max-width: 45%; 3062 text-align: right; 3063} 3064 3065.Pronas-image { 3066 width: 100%; 3067 border-radius: 15px; 3068} 3069 3070/* ÐегÑÑÐ°Ñ ÑÑÑока */ 3071.Pronas-carousel-wrapper { 3072 background-color: #1C1C1C; /* ÐоÑÑи ÑеÑнÑй ÑÐ²ÐµÑ Ñона */ 3073 color: #ffffff; /* ÐелÑй ÑекÑÑ */ 3074 font-size: 1rem; 3075 padding: 1px 0; /* УменÑÑение вÑÑоÑÑ ÑÑÑоки */ 3076 width: 100%; 3077 overflow: hidden; 3078 position: relative; 3079 margin-top: 0; /* УбиÑаем оÑÑÑÑп ÑвеÑÑ Ñ */ 3080} 3081 3082.Pronas-carousel-text p { 3083 display: inline-block; 3084 padding-left: 100%; 3085 animation: scroll-text 15s linear infinite; 3086 white-space: nowrap; 3087} 3088 3089/* ÐнимаÑÐ¸Ñ Ð±ÐµÐ³ÑÑей ÑÑÑоки */ 3090@keyframes scroll-text { 3091 from { 3092 transform: translateX(0%); 3093 } 3094 to { 3095 transform: translateX(-100%); 3096 } 3097} 3098 3099 3100/* ÐнимаÑÐ¸Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾Ð³Ð¾ пеÑÐµÐ»Ð¸Ð²Ð°Ð½Ð¸Ñ Mesh Gradient */ 3101@keyframes smooth-gradient { 3102 0% { 3103 background-position: 0% 50%; 3104 } 3105 50% { 3106 background-position: 100% 50%; 3107 } 3108 100% { 3109 background-position: 0% 50%; 3110 } 3111} 3112 3113/* ÐдапÑаÑÐ¸Ñ Ð¿Ð¾Ð´ мобилÑнÑе ÑÑÑÑойÑÑва */ 3114@media (max-width: 768px) { 3115 .Pronas-animated-bg { 3116 flex-direction: column; 3117 padding: 30px; 3118 text-align: center; 3119 } 3120 3121 .Pronas-left-content { 3122 max-width: 100%; 3123 padding-right: 0; 3124 } 3125 3126 .Pronas-right-image { 3127 display: none; /* УбиÑаем каÑÑÐ¸Ð½ÐºÑ */ 3128 } 3129 3130 .Pronas-main-title { 3131 font-size: 2rem; 3132 } 3133 3134 .Pronas-button { 3135 font-size: 1rem; 3136 padding: 10px 20px; 3137 } 3138 3139 .Pronas-carousel-wrapper { 3140 font-size: 0.9rem; /* УменÑÑение ÑекÑÑа на мобилÑнÑÑ */ 3141 } 3142} 3143 3144/* ÐбÑий Ñон Ð´Ð»Ñ ÑекÑии ÑÑажей */ 3145.Pronas-floors-section { 3146 background: linear-gradient(to bottom, #f5f5f5, #ffffff); 3147 padding: 60px 0; 3148 border-radius: 20px; 3149 position: relative; 3150 overflow: hidden; 3151} 3152 3153/* ÐÐ¸Ð½Ð¸Ñ ÑÐ¾ÐµÐ´Ð¸Ð½ÐµÐ½Ð¸Ñ ÑÑажей */ 3154.Pronas-floors-section::before { 3155 content: ''; 3156 position: absolute; 3157 top: 0; 3158 left: 50%; 3159 width: 2px; 3160 height: 100%; 3161 background: linear-gradient(to bottom, #e0e0e0, #cfcfcf); 3162 z-index: 0; 3163 transform: translateX(-50%); 3164} 3165 3166/* Ðлок ÑÑажа */ 3167.Pronas-floor { 3168 display: flex; 3169 justify-content: space-between; 3170 align-items: center; 3171 margin-bottom: 60px; 3172 position: relative; 3173 z-index: 1; 3174 padding: 20px 0; 3175} 3176 3177.Pronas-floor.reverse .Pronas-floor-content { 3178 order: 2; 3179} 3180 3181/* ЦиÑÑовой кÑÑжок */ 3182.Pronas-floor-circle { 3183 background: #333; 3184 color: #ebc277; 3185 font-size: 1.5rem; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа в кÑÑжке */ 3186 font-weight: bold; 3187 display: flex; 3188 justify-content: center;
3189 align-items: center; 3190 width: 60px; /* УвелиÑиваем ÑиÑÐ¸Ð½Ñ ÐºÑÑжка */ 3191 height: 60px; /* УвелиÑиваем вÑÑоÑÑ ÐºÑÑжка */ 3192 border-radius: 50%; 3193 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3194 position: absolute; 3195 z-index: 2; 3196 transform: translateY(-50%); 3197 top: -5%; /* Ð¡Ð¾Ñ ÑанÑем положение по вÑÑоÑе */ 3198 left: calc(50% - 30px); /* ЦенÑÑиÑÑем по новой ÑиÑине */ 3199} 3200 3201.Pronas-floor.reverse .Pronas-floor-circle { 3202 right: calc(50% - 30px); /* ЦенÑÑиÑÑем Ð´Ð»Ñ reverse */ 3203 left: auto; 3204} 3205 3206/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ ÐºÑÑжков */ 3207@media (max-width: 768px) { 3208 .Pronas-floor-circle { 3209 top: 15%; /* Ðоднимаем кÑÑжок на мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ */ 3210 width: 50px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3211 height: 50px; /* УменÑÑаем ÑÐ°Ð·Ð¼ÐµÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3212 font-size: 1.2rem; /* УменÑÑаем ÑÑиÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3213 } 3214} 3215 3216 3217/* ÐонÑÐµÐ½Ñ Ð±Ð»Ð¾ÐºÐ° */ 3218.Pronas-floor-content { 3219 flex: 1; 3220 padding: 25px; 3221 background: #f9f9f9; 3222 border-radius: 20px; 3223 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3224 margin: 0 40px; 3225 word-wrap: break-word; 3226 display: flex; 3227 flex-direction: column; 3228 justify-content: center; 3229 max-width: 52%; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ ÑекÑÑа */ 3230} 3231 3232.Pronas-floor-content h3 { 3233 font-size: 3rem; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 3234 color: #333; 3235 margin-bottom: 15px; 3236} 3237 3238.Pronas-floor-content p { 3239 font-size: 1.4rem; /* УвелиÑеннÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 3240 color: #555; 3241 line-height: 1.8; 3242 margin: 0 auto; /* ЦенÑÑиÑÑем ÑекÑÑ */ 3243} 3244 3245 3246/* ÐаÑÑинка */ 3247.Pronas-floor-image { 3248 flex: 1; 3249 max-width: 25%; /* СилÑно ÑменÑÑаем ÑиÑÐ¸Ð½Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 3250 text-align: center; 3251 margin: 0 auto; 3252 padding-left: 20px; /* ÐобавлÑем оÑÑÑÑп Ñлева */ 3253} 3254 3255.Pronas-floor-image img { 3256 width: 100%; 3257 height: auto; 3258 border-radius: 40px; 3259 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3260} 3261 3262/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3263@media (max-width: 768px) { 3264 /* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии */ 3265 .Pronas-floors-section { 3266 padding: 40px 20px; 3267 } 3268 3269 /* ÐÑÑжок */ 3270 .Pronas-floor-circle { 3271 position: absolute; 3272 top: 20px; /* Сдвигаем кÑÑжок ниже */ 3273 left: calc(50% - 30px); /* ЦенÑÑиÑÑем кÑÑжок */ 3274 width: 70px; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÐºÑÑжка */ 3275 height: 70px; 3276 font-size: 1.5rem; /* УвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа в кÑÑжке */ 3277 z-index: 2; 3278 display: flex; 3279 justify-content: center; 3280 align-items: center; 3281 background: #333; 3282 color: #ebc277; 3283 border-radius: 50%; 3284 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3285 } 3286 3287 /* Ðлок ÑÑажа */ 3288 .Pronas-floor { 3289 flex-direction: column; 3290 align-items: center; 3291 text-align: center; 3292 margin-bottom: 50px; 3293 } 3294 3295 /* ÐонÑÐµÐ½Ñ Ð±Ð»Ð¾ÐºÐ° */ 3296 .Pronas-floor-content { 3297 order: 1; 3298 padding: 15px; /* ÐобавлÑем комÑоÑÑнÑй оÑÑÑÑп */ 3299 margin: 70px auto 30px auto; /* УвелиÑиваем оÑÑÑÑп ÑвеÑÑ Ñ Ð¸ ÑÐ½Ð¸Ð·Ñ */ 3300 background: #f9f9f9; 3301 border-radius: 20px; 3302 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3303 max-width: 95%; /* Ðемного ÑменÑÑаем ÑиÑÐ¸Ð½Ñ Ð½Ð° мобилÑнÑÑ */ 3304 } 3305 3306 .Pronas-floor-content h3 { 3307 font-size: 1.6rem; /* ЧÑÑÑ ÑвелиÑиваем ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 3308 margin-bottom: 12px; 3309 } 3310 3311 .Pronas-floor-content p { 3312 font-size: 1rem; /* ÐомÑоÑÑнÑй ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа */ 3313 line-height: 1.5; 3314 } 3315 3316 /* ÐзобÑажение */ 3317 .Pronas-floor-image { 3318 order: 2; 3319 max-width: 85%; /* УменÑÑаем ÑиÑÐ¸Ð½Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ */ 3320 margin: 20px auto 0 auto; 3321 position: relative; 3322 } 3323 3324 .Pronas-floor-image img { 3325 width: 100%; 3326 height: auto; 3327 border-radius: 40px; 3328 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3329 } 3330} 3331 3332 3333 3334/* ÐбÑий ÑÑÐ¸Ð»Ñ ÑекÑии */ 3335.Pronas-icons-section { 3336 background: linear-gradient(to bottom, #f5f5f5, #ffffff); 3337 padding: 60px 20px; 3338 border-radius: 20px; 3339 text-align: center; 3340} 3341 3342/* Ðаголовок ÑекÑии */ 3343.Pronas-icons-title { 3344 font-size: 2.5rem; 3345 color: #333; 3346 margin-bottom: 40px; 3347 font-weight: bold; 3348} 3349 3350/* ÐонÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº */ 3351.Pronas-icons-grid { 3352 display: flex; 3353 flex-wrap: wrap; 3354 justify-content: space-between; 3355 gap: 30px; 3356} 3357 3358/* ÐаÑÑоÑка иконки */ 3359.Pronas-icon { 3360 background: #ffffff; 3361 padding: 30px; 3362 border-radius: 20px; 3363 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 3364 flex: 1 1 calc(25% - 20px); /* 4 каÑÑоÑки в ÑÑд */ 3365 display: flex; 3366 flex-direction: column; 3367 align-items: center; 3368 justify-content: center; 3369 transition: transform 0.3s ease, box-shadow 0.3s ease; 3370} 3371 3372.Pronas-icon:hover { 3373 transform: translateY(-10px); 3374 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); 3375} 3376 3377/* СÑÐ¸Ð»Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 3378.Pronas-icon-image { 3379 width: 80px; 3380 height: 80px; 3381 object-fit: contain; 3382 margin-bottom: 20px; 3383} 3384 3385/* Ðаголовок иконки */ 3386.Pronas-icon-title { 3387 font-size: 1.5rem; 3388 color: #333; 3389 margin-bottom: 15px; 3390 font-weight: bold; 3391} 3392 3393/* ÐпиÑание иконки */ 3394.Pronas-icon-description { 3395 font-size: 1rem; 3396 color: #555; 3397 line-height: 1.6; 3398} 3399 3400/* ÐдапÑивноÑÑÑ */ 3401@media (max-width: 1024px) { 3402 .Pronas-icons-grid { 3403 gap: 20px; 3404 } 3405 3406 .Pronas-icon { 3407 flex: 1 1 calc(50% - 20px); /* 2 каÑÑоÑки в ÑÑд */ 3408 } 3409 3410 .Pronas-icon-title { 3411 font-size: 1.3rem; 3412 } 3413 3414 .Pronas-icon-description { 3415 font-size: 0.9rem; 3416 } 3417} 3418 3419@media (max-width: 768px) { 3420 .Pronas-icon { 3421 flex: 1 1 100%; /* 1 каÑÑоÑка в ÑÑд */ 3422 padding: 20px; 3423 } 3424 3425 .Pronas-icon-image { 3426 width: 60px; 3427 height: 60px; 3428 } 3429 3430 .Pronas-icon-title { 3431 font-size: 1.2rem; 3432 } 3433 3434 .Pronas-icon-description { 3435 font-size: 0.85rem; 3436 } 3437} 3438 3439/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 3440@media (max-width: 768px) { 3441 /* СекÑÐ¸Ñ Ñ Ñоном */ 3442 .Pronas-animated-bg { 3443 padding: 0; /* УбиÑаем оÑÑÑÑÐ¿Ñ */ 3444 border-radius: 0; /* УбиÑаем закÑÑÐ³Ð»ÐµÐ½Ð¸Ñ Ð½Ð° мобилÑнÑÑ */ 3445 background-size: cover; /* РаÑÑÑгиваем Ñон */ 3446 background-position: center; /* ЦенÑÑиÑÑем Ñон */ 3447 } 3448 3449 /* ÐаÑÑинка Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3450 .Pronas-mobile-image { 3451 display: block; /* ÐоказÑваем мобилÑное изобÑажение */ 3452 width: calc(100% - 40px); /* Ðелаем каÑÑÐ¸Ð½ÐºÑ ÑÑÑÑ Ð¼ÐµÐ½ÑÑе ÑиÑÐ¸Ð½Ñ ÑкÑана */ 3453 height: auto; /* Ð¡Ð¾Ñ ÑанÑем пÑопоÑÑии */ 3454 margin: 0 auto; /* ЦенÑÑиÑÑем каÑÑÐ¸Ð½ÐºÑ Ð³Ð¾ÑизонÑалÑно */ 3455 border-radius: 40px 40px 0px 0px; /* ÐакÑÑглÑем кÑÐ°Ñ */ 3456 } 3457 3458 /* СкÑÑваем изобÑажение Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов */ 3459 .Pronas-desktop-image { 3460 display: none; /* ÐÑÑÑем изобÑажение Ð´Ð»Ñ ÐÐ */ 3461 } 3462 3463 /* ÐобавлÑем оÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑекÑÑа */ 3464 .Pronas-left-content { 3465 text-align: center; 3466 padding: 20px; /* ÐÑÑÑÑÐ¿Ñ Ð´Ð»Ñ ÑекÑÑа */ 3467 } 3468 3469 .Pronas-main-title { 3470 font-size: 2rem; /* УменÑÑаем заголовок */ 3471 margin-top: 20px; /* ÐобавлÑем оÑÑÑÑп ÑвеÑÑ Ñ */ 3472 } 3473 3474 .Pronas-subtitle { 3475 font-size: 1.1rem; /* ЧÑÑÑ Ð¼ÐµÐ½ÑÑе подзаголовок */ 3476 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3477 } 3478 3479 .Pronas-button { 3480 font-size: 1rem; /* ЧÑÑÑ Ð¼ÐµÐ½ÑÑе ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 3481 padding: 10px 20px; /* УменÑÑаем оÑÑÑÑÐ¿Ñ Ð²Ð½ÑÑÑи кнопки */ 3482 margin-bottom: 20px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3483 } 3484} 3485 3486/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐÐ */ 3487@media (min-width: 769px) { 3488 /* ÐаÑÑинка Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3489 .Pronas-mobile-image { 3490 display: none; /* ÐÑÑÑем изобÑажение Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 3491 } 3492 3493 /* ÐоказÑваем деÑкÑопное изобÑажение */ 3494 .Pronas-desktop-image { 3495 display: block; 3496 } 3497} 3498 3499 3500 3501 3502 3503.media-block { 3504 border-radius:25px; 3505} 3506 3507 3508 3509/* === ÐбÑÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев === */ 3510.comments-area { 3511 width: 100%; 3512 max-width: 900px; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ */ 3513 margin: 0 auto; /* ЦенÑÑиÑÑем */ 3514 padding: 20px; 3515 background-color: #fff; 3516 border: 3px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3517 border-radius: 20px; 3518 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Ð¢ÐµÐ½Ñ */ 3519} 3520 3521/* === Ðаголовок блока комменÑаÑиев === */ 3522.comments-title { 3523 font-size: 1.6em; 3524 margin-bottom: 15px; 3525 color: black; 3526 font-weight: bold; 3527 border-bottom: 3px solid #Ebc277; /* ТолÑÑÐ°Ñ Ð»Ð¸Ð½Ð¸Ñ */ 3528 padding-bottom: 6px; 3529} 3530 3531/* === СпиÑок комменÑаÑиев === */ 3532.comment-list { 3533 list-style: none; /* УбиÑаем маÑкеÑÑ */ 3534 padding: 0; 3535 margin: 0; 3536} 3537 3538/* === Ðдин комменÑаÑий === */ 3539.comment {
3540 display: flex; 3541 flex-direction: column; /* Ðдин блок в ÑÑд */ 3542 padding: 20px; 3543 margin-bottom: 15px; 3544 border: 2px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3545 border-radius: 15px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3546 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 3547 background-color: #f9f9f9; 3548 width: 100%; /* ÐÐ°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 3549 max-width: 800px; /* ÐгÑаниÑиваем ÑиÑÐ¸Ð½Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3550 margin-left: auto; 3551 margin-right: auto; 3552} 3553 3554/* === ÐÑмеÑаÑÐ¸Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев === */ 3555.comment::before { 3556 content: attr(id); /* ÐÑполÑзÑем ID в каÑеÑÑве номеÑа */ 3557 position: absolute; 3558 top: -10px; 3559 left: -10px; 3560 width: 35px; 3561 height: 35px; 3562 background-color: #Ebc277; 3563 color: black; 3564 font-size: 1em; 3565 font-weight: bold; 3566 display: flex; 3567 align-items: center; 3568 justify-content: center; 3569 border-radius: 50%; /* ÐÑÑг */ 3570 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 3571} 3572 3573/* === ÐваÑаÑка авÑоÑа === */ 3574.comment-author img { 3575 width: 50px; 3576 height: 50px; 3577 border-radius: 50%; /* Ðелаем аваÑаÑÐºÑ ÐºÑÑглой */ 3578 margin-bottom: 10px; /* ÐÑÑÑÑп вниз */ 3579 border: 2px solid #Ebc277; /* Рамка вокÑÑг аваÑаÑки */ 3580} 3581 3582/* === ÐнÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑе === */ 3583.comment-author { 3584 font-weight: bold; 3585 font-size: 1.1em; 3586 color: black; 3587 margin-bottom: 5px; 3588} 3589 3590/* === ÐеÑаданнÑе (даÑа и ÑÑÑлка) === */ 3591.comment-metadata { 3592 font-size: 0.85em; 3593 color: #999; 3594 margin-bottom: 10px; 3595} 3596 3597/* === ТекÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ === */ 3598.comment-content { 3599 font-size: 1em; 3600 color: #333; 3601 line-height: 1.6; 3602 margin-bottom: 15px; 3603} 3604 3605/* === Ðнопка оÑвеÑа === */ 3606.reply a { 3607 display: inline-block; 3608 padding: 10px 20px; 3609 background-color: #Ebc277; 3610 color: black; 3611 text-decoration: none; 3612 border-radius: 15px; 3613 font-size: 0.9em; 3614 transition: all 0.3s ease; 3615 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 3616} 3617 3618.reply a:hover { 3619 background-color: black; 3620 color: #Ebc277; 3621 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 3622 transform: translateY(-2px); 3623} 3624 3625/* === СÑÑлка "РедакÑиÑоваÑÑ" === */ 3626.comment-edit-link { 3627 font-size: 0.85em; 3628 color: #Ebc277; 3629 text-decoration: none; 3630 transition: color 0.3s ease; 3631} 3632 3633.comment-edit-link:hover { 3634 text-decoration: underline; 3635 color: black; 3636} 3637 3638/* === ÐложеннÑе комменÑаÑии === */ 3639.comment-list .children { 3640 margin-left: 20px; 3641 padding-left: 15px; 3642 border-left: 2px solid #Ebc277; 3643} 3644 3645/* === ÐнимаÑии === */ 3646@keyframes fadeIn { 3647 from { 3648 opacity: 0; 3649 transform: translateY(-10px); 3650 } 3651 to { 3652 opacity: 1; 3653 transform: translateY(0); 3654 } 3655} 3656 3657/* ÐобавлÑем анимаÑÐ¸Ñ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев */ 3658.comment { 3659 animation: fadeIn 0.5s ease-in-out; 3660} 3661 3662 3663/* === Ðлок Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ === */ 3664.comment-respond { 3665 width: 100%; 3666 max-width: 900px; /* ÐакÑималÑÐ½Ð°Ñ ÑиÑина */ 3667 margin: 0 auto 20px; /* ЦенÑÑиÑÑем и добавлÑем оÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3668 padding: 20px; 3669 background-color: #fff; /* ÐелÑй Ñон */ 3670 border: 2px solid #Ebc277; /* ТолÑÑÐ°Ñ Ñамка */ 3671 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3672 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Ð¢ÐµÐ½Ñ */ 3673} 3674 3675/* === Ðаголовок блока === */ 3676.comment-reply-title { 3677 font-size: 1.6em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 3678 margin-bottom: 15px; /* ÐÑÑÑÑп ÑÐ½Ð¸Ð·Ñ */ 3679 color: black; /* ЧÑÑнÑй ÑекÑÑ */ 3680 font-weight: bold; /* ÐиÑнÑй ÑекÑÑ */ 3681 border-bottom: 2px solid #Ebc277; /* ÐÐ¸Ð½Ð¸Ñ Ð¿Ð¾Ð´ заголовком */ 3682 padding-bottom: 10px; /* ÐÑÑÑÑп под линией */ 3683} 3684 3685/* === ÐодÑказка о полÑÑ === */ 3686.comment-respond p { 3687 font-size: 0.9em; 3688 color: #666; /* СеÑÑй ÑекÑÑ */ 3689 margin-bottom: 15px; 3690} 3691 3692/* === Ðоле Ð´Ð»Ñ Ð²Ð²Ð¾Ð´Ð° ÑекÑÑа === */ 3693.comment-form-comment label { 3694 font-size: 1em; 3695 font-weight: bold; 3696 color: black; 3697 margin-bottom: 10px; 3698 display: block; /* ÐеÑеноÑим ÑекÑÑ Ð¼ÐµÑки на новÑÑ ÑÑÑÐ¾ÐºÑ */ 3699} 3700 3701.comment-form-comment textarea { 3702 width: 100%; 3703 height: 120px; /* ÐÑÑоÑа ÑекÑÑового Ð¿Ð¾Ð»Ñ */ 3704 padding: 10px 15px; 3705 font-size: 1em; 3706 resize: none; /* ÐапÑÐµÑ Ð½Ð° изменение ÑазмеÑа */ 3707 border: 2px solid #Ebc277; /* Рамка */ 3708 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3709 outline: none; 3710 background-color: #fff; 3711 transition: all 0.3s ease; /* ÐÐ»Ð°Ð²Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ */ 3712} 3713 3714/* ÐнимаÑÐ¸Ñ ÑокÑÑа */ 3715.comment-form-comment textarea:focus { 3716 box-shadow: 0 0 20px rgba(235, 194, 119, 0.6); /* ÐодÑвеÑка */ 3717 border-color: #Ebc277; /* ÐодÑвеÑка Ñамки */ 3718} 3719 3720/* === Ðнопка оÑпÑавки === */ 3721.form-submit .submit { 3722 padding: 12px 24px; /* ÐÑÑÑÑÐ¿Ñ */ 3723 background-color: #Ebc277; /* Ð¦Ð²ÐµÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 3724 color: black; 3725 border: 2px solid #Ebc277; /* Рамка */ 3726 border-radius: 20px; /* ÐакÑÑглÑннÑе ÑÐ³Ð»Ñ */ 3727 cursor: pointer; /* УказаÑÐµÐ»Ñ */ 3728 font-size: 1em; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа */ 3729 transition: all 0.3s ease; 3730 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ÐÑÐ³ÐºÐ°Ñ ÑÐµÐ½Ñ */ 3731 font-weight: bold; /* ÐиÑнÑй ÑекÑÑ */ 3732 text-transform: none; /* ÐбÑÑнÑе бÑÐºÐ²Ñ */ 3733} 3734 3735 3736 3737/* === ÐодÑказки и обÑзаÑелÑнÑе Ð¿Ð¾Ð»Ñ === */ 3738.required-field-message { 3739 font-size: 0.85em; 3740 color: #666; /* СеÑÑй ÑекÑÑ */ 3741 margin-top: 10px; 3742} 3743 3744.required { 3745 color: red; /* ÐÑаÑÐ½Ð°Ñ Ð·Ð²ÑздоÑка Ð´Ð»Ñ Ð¾Ð±ÑзаÑелÑнÑÑ Ð¿Ð¾Ð»ÐµÐ¹ */ 3746} 3747 3748/* === ÐÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð´Ð»Ð¸Ð½Ð½Ð¾Ð³Ð¾ ÑекÑÑа в комменÑаÑиÑÑ === */ 3749
3750/* ÐонÑÐµÐ¹Ð½ÐµÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3751.comment { 3752 3753 word-wrap: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 3754 overflow-wrap: break-word; /* ÐлÑÑеÑнаÑивнÑй пеÑÐµÐ½Ð¾Ñ */ 3755} 3756 3757/* ТекÑÑ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑÐ¸Ñ */ 3758.comment-content { 3759 font-size: 1em; 3760 color: #333; 3761 line-height: 1.6; 3762 margin-bottom: 15px; 3763 3764 /* ÐобавлÑем заÑиÑÑ Ð¾Ñ Ð²ÑÑ Ð¾Ð´Ð° ÑекÑÑа за гÑаниÑÑ */ 3765 word-wrap: break-word; /* ÐеÑÐµÐ½Ð¾Ñ Ð´Ð»Ð¸Ð½Ð½ÑÑ Ñлов */ 3766 overflow-wrap: break-word; /* ÐлÑÑеÑнаÑивнÑй пеÑÐµÐ½Ð¾Ñ */ 3767 white-space: normal; /* РазÑеÑаем пеÑеноÑÑ ÑÑÑок */ 3768} 3769 3770/* ÐнимаÑÐ¸Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи наведении */ 3771.form-submit .submit:hover { 3772 background-color: #1C1C1C; /* ТÑмнÑй ÑÐ²ÐµÑ */ 3773 color: #Ebc277; /* ÐÑлÑÑй ÑекÑÑ */ 3774 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* УÑÐ¸Ð»ÐµÐ½Ð½Ð°Ñ ÑÐµÐ½Ñ */ 3775 transform: translateY(-2px); /* ÐÑгкий подÑÑм */ 3776} 3777 3778/* ÐнимаÑÐ¸Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ пÑи нажаÑии */ 3779.form-submit .submit:active { 3780 background-color: #1C1C1C !important; /* ÐÑÑавлÑем ÑÐ¾Ñ Ð¶Ðµ ÑÐ²ÐµÑ */ 3781 color: #Ebc277; /* ÐÑлÑÑй ÑекÑÑ */ 3782 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* Ðолее мÑÐ³ÐºÐ°Ñ ÑÐµÐ½Ñ */ 3783 transform: translateY(1px); /* ÐÑгкое опÑÑкание */ 3784} 3785 3786 3787/* ÐбÑие ÑÑили Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² h3 */ 3788.brand-showcase-container h3, 3789.title_team h3, 3790.Reviews_holovna h3 { 3791 font-size: 80px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑов */ 3792 font-weight: 500; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 3793} 3794 3795/* Ðедиа-запÑÐ¾Ñ Ð´Ð»Ñ ÑелеÑонов (до 768px ÑиÑинÑ) */ 3796@media (max-width: 768px) { 3797 .brand-showcase-container h3, 3798 .title_team h3, 3799 .Reviews_holovna h3 { 3800 font-size: 42px; /* Ð Ð°Ð·Ð¼ÐµÑ ÑÑиÑÑа Ð´Ð»Ñ ÑелеÑонов */ 3801 font-weight: 500; /* ÐиÑноÑÑÑ ÑÑиÑÑа */ 3802 } 3803} 3804 3805 3806 3807 3808/* ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÑекÑÐ¸Ñ */ 3809.services-section { 3810 padding: 40px 20px; 3811 background-color: #f9f9f9; 3812} 3813 3814/* Ðаголовок */ 3815.services-title { 3816 font-size: 80px; 3817 font-weight: 500; 3818 color: #000000; 3819 margin-bottom: 15px; 3820 text-align: left; 3821} 3822 3823/* Ðодзаголовок */ 3824.services-subtitle { 3825 font-size: 1.5rem; 3826 font-weight: 400; 3827 color: #555555; 3828 margin-bottom: 30px; 3829 text-align: left; 3830} 3831 3832/* СеÑка ÑÑлÑг */ 3833.services-grid { 3834 display: grid; 3835 grid-template-columns: repeat(2, 1fr); /* Ðве колонки */ 3836 gap: 10px; 3837} 3838 3839/* ÐбÑий ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² ÑÑлÑг */ 3840.service-item { 3841 display: flex; 3842 align-items: center; 3843 justify-content: space-between; 3844 padding: 15px 30px; /* УвелиÑеннÑй padding */ 3845 background: #ffffff; 3846 border-radius: 60px; 3847 border: 1px solid #e0e0e0; 3848 transition: box-shadow 0.3s ease; 3849 position: relative; 3850 overflow: hidden; 3851 width: 100%; /* Ðлок Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ ÑодиÑÐµÐ»Ñ */ 3852} 3853 3854/* ÐÑÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ */ 3855.service-item:hover { 3856 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 3857} 3858 3859/* ÐоÑледний блок */ 3860.service-item-wide { 3861 grid-column: span 2; 3862} 3863 3864/* СÑÑлка внÑÑÑи блока */ 3865.service-link { 3866 display: flex; 3867 align-items: center; 3868 justify-content: space-between; /* ÐаÑанÑиÑÑем, ÑÑо ÑÑÑелка оÑÑаеÑÑÑ ÑпÑава */ 3869 width: 100%; 3870 text-decoration: none; 3871} 3872 3873/* ТекÑÑ ÑÑлÑги */ 3874.service-text { 3875 font-size: 1.2rem; 3876 color: #000000; 3877 font-weight: 500; 3878 text-align: left; /* ÐÑÑавниваем ÑекÑÑ Ð²Ð»ÐµÐ²Ð¾ */ 3879 flex-grow: 1; 3880} 3881 3882/* ÐевÑй кÑÑг */ 3883.service-icon-wrapper { 3884 width: 50px; 3885 height: 50px; 3886 background: #f1f1f1; 3887 border-radius: 50%; 3888 display: flex; 3889 align-items: center; 3890 justify-content: center; 3891 margin-right: 15px; 3892 position: relative; 3893 transition: transform 0.3s ease, background 0.3s ease; 3894} 3895 3896/* ÐнÑÑÑенний кÑÑг */ 3897.service-inner-circle {
3898 width: 20px; 3899 height: 20px; 3900 background: #c1c1c1; 3901 border-radius: 50%; 3902 transition: background 0.3s ease; 3903} 3904 3905/* ÐнимаÑÐ¸Ñ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð´Ð»Ñ ÐºÑÑгов */ 3906.service-item:hover .service-icon-wrapper { 3907 transform: rotate(360deg); 3908 background: #Ebc277; 3909} 3910 3911.service-item:hover .service-inner-circle { 3912 background: #000000; 3913} 3914 3915/* СÑÑелка */ 3916.service-arrow-wrapper { 3917 display: flex; 3918 align-items: center; 3919 position: absolute; 3920 right: 20px; /* ФикÑиÑÑем ÑÑÑÐµÐ»ÐºÑ ÑпÑава */ 3921 top: 50%; /* ÐÑÑавниваем ÑÑÑÐµÐ»ÐºÑ Ð¿Ð¾ веÑÑикали */ 3922 transform: translateY(-50%); 3923} 3924 3925/* СÑÑелка внÑÑÑи кÑÑга */ 3926.service-arrow-circle { 3927 width: 40px; 3928 height: 40px; 3929 background: #Ebc277; 3930 border-radius: 50%; 3931 display: flex; 3932 align-items: center; 3933 justify-content: center; 3934 transition: transform 0.3s ease; 3935} 3936 3937/* ÐÑÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð½Ð° ÑÑÑÐµÐ»ÐºÑ */ 3938.service-item:hover .service-arrow-circle { 3939 transform: translateX(5px); 3940} 3941 3942/* СÑÑелка */ 3943.service-arrow { 3944 font-size: 1.5rem; 3945 color: #000000; 3946 transition: color 0.3s ease; 3947 position: relative; 3948 top: -2px; 3949} 3950 3951/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов */ 3952@media (max-width: 1024px) { 3953 .services-title { 3954 font-size: 48px; 3955 } 3956 3957 .services-grid { 3958 grid-template-columns: 1fr; 3959 } 3960} 3961 3962/* ÐдапÑивноÑÑÑ Ð´Ð»Ñ ÑелеÑонов */ 3963@media (max-width: 768px) { 3964 .services-title { 3965 font-size: 42px; 3966 } 3967 3968 .service-text { 3969 font-size: 1rem; 3970 text-align: left; 3971 } 3972 3973 .service-arrow-circle { 3974 width: 30px; 3975 height: 30px; 3976 } 3977 3978 .service-icon-wrapper { 3979 width: 40px !important; 3980 height: 0px !important; 3981 right:20px 3982 } 3983 3984 .service-inner-circle { 3985 width: 25px !important; 3986 height: 25px !important; 3987 } 3988 3989 /* УвелиÑение ÑиÑÐ¸Ð½Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² на мобилÑнÑÑ */ 3990 .services-grid { 3991 display: flex; 3992 flex-direction: column; 3993 align-items: center; 3994 width: 100%; 3995 } 3996 3997 .service-item { 3998 width: 120%; /* ТепеÑÑ Ð±Ð»Ð¾ÐºÐ¸ занимаÑÑ Ð²ÑÑ ÑиÑÐ¸Ð½Ñ */ 3999 max-width: 1950px; /* ÐгÑаниÑение макÑималÑной ÑиÑÐ¸Ð½Ñ */ 4000 justify-content: space-between; 4001 padding: 15px 35px; 4002 } 4003 4004 .service-link { 4005 justify-content: space-between; 4006 width: 100%; 4007 } 4008 4009 /* СÑÑелка оÑÑаеÑÑÑ ÑпÑава */ 4010 .service-arrow-wrapper { 4011 right: 10px; /* СмеÑаем ÑÑÑÐµÐ»ÐºÑ Ð´Ð°Ð»ÑÑе впÑаво */ 4012 } 4013} 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029/* СкÑÑваем знаÑок reCAPTCHA */ 4030.grecaptcha-badge { 4031 visibility: hidden !important; 4032 opacity: 0; 4033 pointer-events: none; 4034} 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044/* ==================================================================== 4045 ÐÐ ÐÐÐÐÐЬÐÐÐ ÐÐÐЮ (ФÐÐС ШÐÐÐÐ Ð ÐЫÐÐТ ÐÐÐ ÐÐÐ) 4046 ==================================================================== */ 4047 4048/* --------------------------------------------------------- 4049 1. ÐÐÐÐÐÐЯ ШÐÐÐÐ (Ð¤Ð¸ÐºÑ Ð¿ÐµÑеноÑа Ñлов на маленÑÐºÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ ) 4050 --------------------------------------------------------- */ 4051.main-navigation > ul > li > a { 4052 display: inline-flex !important; 4053 align-items: center !important; 4054 white-space: nowrap !important; /* ÐапÑеÑаем пеÑÐµÐ½Ð¾Ñ ÑекÑÑа и ÑÑÑелки */ 4055 flex-wrap: nowrap !important; 4056} 4057 4058.main-navigation > ul > li.menu-item-has-children > a::after { 4059 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; 4060} 4061.main-navigation > ul > li.menu-item-has-children:hover > a::after { 4062 transform: translateY(1px) rotate(45deg) !important; color: #Ebc277 !important; 4063} 4064 4065/* --------------------------------------------------------- 4066 2. ÐÐÐТÐÐÐÐРЫ (Ðизайн блоков) 4067 --------------------------------------------------------- */ 4068.main-navigation ul.sub-menu { 4069 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; 4070 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; 4071} 4072.main-navigation li:hover > ul.sub-menu { 4073 opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; 4074} 4075 4076/* --------------------------------------------------------- 4077 3. ÐÐÐÐÐЫРÐÐÐÐÐÐ ÐУÐÐТÐÐ ÐÐÐÐÐÐЮ 4078 --------------------------------------------------------- */ 4079.main-navigation ul.sub-menu li { 4080 position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; list-style: none !important; box-sizing: border-box !important; 4081} 4082.main-navigation ul.sub-menu a { 4083 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; 4084} 4085.main-navigation ul.sub-menu li:last-child > a { border-bottom: none !important; } 4086 4087/* Ð¥Ð¾Ð²ÐµÑ ÑÑÑекÑÑ ÑекÑÑа */ 4088.main-navigation ul.sub-menu a:hover { background-color: #fafafa !important; color: #000000 !important; padding-left: 30px !important; } 4089.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;} 4090.main-navigation ul.sub-menu a:hover::before { transform: scaleY(1) !important; } 4091 4092/* УÐÐÐ ÐÐРСТÐРЫРСТРÐÐÐЧÐÐ ÐÐУТРРССЫÐÐÐ */ 4093.main-navigation ul.sub-menu li.menu-item-has-children > a::after { display: none !important; } 4094 4095/* --------------------------------------------------------- 4096 4. СÐÐÐТ-ÐÐÐÐÐÐ (СÑÑелоÑка как оÑделÑÐ½Ð°Ñ Ð·Ð¾Ð½Ð° клика) 4097 --------------------------------------------------------- */ 4098.main-navigation ul.sub-menu li.menu-item-has-children::after { 4099 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; 4100 /* РиÑÑем SVG-ÑÑÑелоÑкÑ, ÑмоÑÑÑÑÑÑ ÐÐÐ ÐÐÐ */ 4101 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; 4102 background-repeat: no-repeat !important; background-position: center !important; background-size: 16px !important; transition: all 0.3s ease !important; 4103} 4104.main-navigation ul.sub-menu li.menu-item-has-children:hover::after { 4105 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; 4106} 4107/* ÐаÑиÑаем ÑекÑÑ Ð¾Ñ Ð½Ð°ÐµÐ·Ð´Ð° на ÑÑÑелоÑÐºÑ */ 4108.main-navigation ul.sub-menu li.menu-item-has-children > a { padding-right: 55px !important; } 4109 4110/* ---------------------------------------------------------
4111 5. ÐÐÐШÐÐ (Badges) 4112 --------------------------------------------------------- */ 4113.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;} 4114 4115 4116/* ==================================================================== 4117 6. ÐÐ Ð ÐÐУТÐУÐÐ (ÐÑÐ»ÐµÑ ÐÐÐ ÐÐРбез ÑкÑолла) - ÐТ 992px 4118 ==================================================================== */ 4119@media (min-width: 992px) { 4120 /* 2-й ÑÑÐ¾Ð²ÐµÐ½Ñ */ 4121 .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; } 4122 .main-navigation > ul > li:hover > ul.sub-menu { transform: translateY(0) !important; } 4123 .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; } 4124 4125 /* 3-й ÑÑÐ¾Ð²ÐµÐ½Ñ Ð²ÑлеÑÐ°ÐµÑ ÐÐÐ ÐÐÐ */ 4126 .main-navigation ul.sub-menu li > ul.sub-menu { 4127 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; 4128 } 4129 .main-navigation ul.sub-menu li:hover > ul.sub-menu { transform: translateX(0) !important; } 4130 4131 /* ÐоÑÑ Ð´Ð»Ñ Ð¼ÑÑки (СÐÐÐÐ, Ñак как Ð¼ÐµÐ½Ñ Ð¾ÑкÑÑваеÑÑÑ Ð²Ð¿Ñаво) */ 4132 .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; } 4133} 4134 4135/* ==================================================================== 4136 7. ÐÐÐÐÐЬÐЫРТÐÐÐФÐÐЫ (ÐаÑмоÑка ÐÐÐÐ) - ÐÐ 991px 4137 ==================================================================== */ 4138/* ==================================================================== 4139 7. ÐÐÐÐÐЬÐЫРТÐÐÐФÐÐЫ (ÐаÑмоÑка ÐÐÐÐ + Ð¤Ð¸ÐºÑ ÑкÑолла) - ÐÐ 991px 4140 ==================================================================== */ 4141@media (max-width: 991px) { 4142 /* СкÑÑваем вÑе вÑпадаÑÑие ÑпиÑки */ 4143 .main-navigation ul.sub-menu { 4144 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; 4145 display: none !important; 4146 } 4147 4148 /* ÐÐÐÐÐÐÐÐТÐÐÐÐÐ ÐТÐРЫТÐÐ (ТолÑко по наÑÐµÐ¼Ñ ÐºÐ»Ð°ÑÑÑ) */ 4149 .main-navigation li.is-mobile-open > ul.sub-menu, 4150 .main-navigation ul.sub-menu li.is-mobile-open > ul.sub-menu { 4151 display: block !important; 4152 } 4153 4154 .main-navigation ul.sub-menu a { padding: 12px 15px !important; } 4155 4156 /* СÑÑелоÑка по ÑмолÑÐ°Ð½Ð¸Ñ Ð²Ð½Ð¸Ð· */ 4157 .main-navigation li.menu-item-has-children::after { 4158 transform: rotate(90deg) !important; 4159 } 4160 4161 /* СÑÑелоÑка ввеÑÑ Ð¿Ñи оÑкÑÑÑии + золоÑой ÑÐ²ÐµÑ */ 4162 .main-navigation li.menu-item-has-children.is-mobile-open::after { 4163 transform: rotate(270deg) !important; 4164 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; 4165 } 4166 4167 .menu-item-badge { font-size: 8px !important; padding: 2px 6px !important; vertical-align: middle !important; margin-top:-2px !important;} 4168} 4169 4170/* Ð¤Ð¸ÐºÑ Ð¾ÑкÑÑÑÐ¸Ñ 3-го ÑÑÐ¾Ð²Ð½Ñ Ð½Ð° ÑелеÑÐ¾Ð½Ð°Ñ */
4171.main-navigation ul.sub-menu li.mobile-open-fix > ul.sub-menu { 4172 display: block !important; 4173} 4174.main-navigation ul.sub-menu li.mobile-open-fix::after { 4175 transform: rotate(270deg) !important; /* РазвоÑаÑиваем ÑÑÑелоÑÐºÑ Ð²Ð²ÐµÑÑ Ð¿Ñи оÑкÑÑÑии */ 4176} 4177 4178/* ==================================================================== 4179 ÐÐТЧ: ФÐÐС ÐÐ ÐÐÐÐÐÐÐЯ ÐРРСÐÐ ÐÐÐÐ Ð ÐÐÐÐÐÐÐÐЯ ÐÐÐÐÐÐ 4180 ==================================================================== */ 4181 4182/* ==================================================================== 4183 ÐÐÐÐÐЬÐÐЯ ÐÐРСÐЯ (ÐÐ 991px): ТÐÐЬÐÐ 2 УРÐÐÐЯ (ЧÐСТЫРÐÐÐ) 4184 ==================================================================== */ 4185@media (max-width: 991px) { 4186 /* 1. ÐÑевÑаÑаем 2-й ÑÑÐ¾Ð²ÐµÐ½Ñ Ð² обÑÑнÑй ÑпиÑок (гаÑмоÑкÑ) */ 4187 .main-navigation ul.sub-menu { 4188 position: static !important; 4189 width: 100% !important; 4190 min-width: 100% !important; 4191 max-width: 100% !important; 4192 transform: none !important; 4193 margin: 0 !important; 4194 box-shadow: none !important; 4195 border: none !important; 4196 padding-left: 15px !important; 4197 display: none !important; /* СкÑÑÑо до нажаÑÐ¸Ñ Ð½Ð° главнÑÑ ÐºÐ½Ð¾Ð¿ÐºÑ */ 4198 opacity: 1 !important; /* ÐеÑÑкий ÑÐ¸ÐºÑ Ð¿ÑозÑаÑноÑÑи */ 4199 visibility: visible !important; 4200 pointer-events: auto !important; 4201 } 4202 4203 /* ÐÑкÑÑÑие 2-го ÑÑÐ¾Ð²Ð½Ñ (когда Ð±Ð°Ð·Ð¾Ð²Ð°Ñ Ñема Ð´Ð°ÐµÑ ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ) */ 4204 .main-navigation li:hover > ul.sub-menu, 4205 .main-navigation li.focus > ul.sub-menu, 4206 .main-navigation li.toggled > ul.sub-menu, 4207 .main-navigation li.open > ul.sub-menu { 4208 display: block !important; 4209 } 4210 4211 /* 2. ÐÐÐÐУХРСÐРЫÐÐÐÐ 3-РУРÐÐÐÐЬ (УÑлÑги) */ 4212 .main-navigation ul.sub-menu li > ul.sub-menu { 4213 display: none !important; 4214 } 4215 4216 /* 3. УбиÑаем ÑÑÑелоÑки на 2-м ÑÑовне (оÑкÑÑваÑÑ-Ñо болÑÑе неÑего) */ 4217 .main-navigation ul.sub-menu li.menu-item-has-children::after { 4218 display: none !important; 4219 } 4220 4221 /* 4. ÐозвÑаÑаем ноÑмалÑнÑе оÑÑÑÑÐ¿Ñ ÑекÑÑÑ (ÑбиÑаем пÑÑÑÑÑ Ð´ÑÑÑ ÑпÑава) */ 4222 .main-navigation ul.sub-menu a { 4223 padding: 12px 15px !important; 4224 } 4225 4226 /* 5. Убиваем "ÑÑеклÑннÑе баÑÑеÑÑ" (невидимÑе моÑÑÑ Ð´Ð»Ñ Ð¼ÑÑки) */ 4227 .main-navigation > ul > li > ul.sub-menu::before, 4228 .main-navigation ul.sub-menu li > ul.sub-menu::before { 4229 display: none !important; 4230 content: none !important; 4231 width: 0 !important; 4232 height: 0 !important; 4233 } 4234 4235 /* 6. ÐомпакÑнÑе плаÑки (Badges) */ 4236 .menu-item-badge { 4237 font-size: 8px !important; 4238 padding: 2px 6px !important; 4239 vertical-align: middle !important; 4240 margin-top: -2px !important; 4241 box-shadow: none !important; 4242 } 4243} 4244 4245 4246 4247 4248 4249 4250 4251 4252/* ÐÑклÑÑаем обÑÐµÐ·ÐºÑ Ð´Ð»Ñ ÐºÐ°ÑÑоÑек Ñ Ð¿Ð»Ð°Ñкой и Ð¸Ñ ÑÑÑлок */ 4253.service-item.has-badge, 4254.service-item.has-badge .service-link { 4255 overflow: visible !important; 4256} 4257 4258/* СÑили Ñамой плаÑки */ 4259.service-item-badge { 4260 position: absolute; 4261 top: -14px; /* Ðоднимаем ввеÑÑ , ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð° Ð½Ð°Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ñ ÑоÑÑала */ 4262 right: 20px; 4263 background: #ebc277; 4264 color: #fff; 4265 padding: 4px 14px; 4266 border-radius: 20px; 4267 font-size: 11px; 4268 font-weight: 800; 4269 text-transform: uppercase; 4270 letter-spacing: 0.5px; 4271 box-shadow: 0 5px 12px rgba(235, 194, 119, 0.4); 4272 z-index: 50; /* ÐÑводим повеÑÑ Ð´ÑÑÐ³Ð¸Ñ ÑлеменÑов */ 4273 white-space: nowrap; /* ЧÑÐ¾Ð±Ñ ÑекÑÑ Ð¿Ð»Ð°Ñки не пеÑеноÑилÑÑ Ð½Ð° две ÑÑÑоки */ 4274} 4275 4276 4277/* ----- ÐеÑÑ Ð½Ð¸Ð¹ блок Ñ ÐºÐ°ÑÑинкой и ÑекÑÑами ----- */ 4278 4279.contact-page-section { 4280 position: relative; 4281 background-size: cover; 4282 background-position: center; 4283 background-repeat: no-repeat; 4284 height: 80vh; /* ÐÑÑоÑа веÑÑ Ð½ÐµÐ³Ð¾ блока */ 4285 display: flex; 4286 justify-content: flex-start; /* ТекÑÑ Ð¿Ð¾ Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 4287 align-items: flex-start; /* ÐаÑинаем ÑекÑÑ ÑвеÑÑ Ñ */ 4288 padding: 0 40px; 4289} 4290 4291.contact-page-overlay { 4292 position: absolute; 4293 top: 0; /* ÐокÑÑваем вÑÑ ÑекÑÐ¸Ñ ÑвеÑÑ Ñ */ 4294 left: 0; 4295 width: 100%; /* ÐаÑемнение на вÑÑ ÑиÑÐ¸Ð½Ñ */ 4296 height: 100%; /* ÐаÑемнение на вÑÑ Ð²ÑÑоÑÑ */ 4297 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%); 4298 z-index: 1; /* ÐаÑемнение под ÑекÑÑом */ 4299} 4300 4301.contact-page-header { 4302 max-width: 600px; 4303 text-align: left; 4304 color: #fff; 4305 position: relative; 4306 z-index: 2; /* ТекÑÑ Ð¿Ð¾Ð²ÐµÑÑ Ð·Ð°ÑÐµÐ¼Ð½ÐµÐ½Ð¸Ñ */ 4307 margin-left: 100px; /* УвелиÑиваем оÑÑÑÑп Ñлева */ 4308 margin-top: 300px; /* ÐÑÑавлÑем ÑекÑÑ Ð½Ð° нÑжной вÑÑоÑе */ 4309} 4310 4311 4312.contact-page-small-text { 4313 font-size: 16px; 4314 font-weight: 400; 4315 text-transform: uppercase; 4316 margin-bottom: 10px; 4317 opacity: 0.8; 4318} 4319 4320.contact-page-title { 4321 font-size: 48px; 4322 font-weight: 900; 4323 margin-bottom: 35px; 4324 line-height: 1.2; 4325 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 4326} 4327 4328.contact-page-description { 4329 font-size: 20px; 4330 font-weight: 400; 4331 margin-bottom: 20px; 4332 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 4333} 4334 4335.contact-page-link { 4336 font-size: 16px; 4337 font-weight: 500; 4338 text-decoration: underline; 4339 color: #f6c26b; 4340 transition: color 0.3s ease; 4341} 4342 4343.contact-page-link:hover { 4344 color: #e4a856; 4345} 4346 4347/* ----- ÐонÑÐµÐ¹Ð½ÐµÑ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ ----- */ 4348.contact-page-overlay-blocks { 4349 position: relative; 4350 display: flex; 4351 justify-content: center;
4352 align-items: flex-start; 4353 margin-top: -60px; /* УменÑÑили оÑÑÑÑп ÑвеÑÑ Ñ */ 4354 margin-bottom: 40px; 4355 z-index: 10; 4356 width: 100%; 4357} 4358 4359/* ----- Ðлок Ñ ÐµÐ´Ð¸Ð½Ñм Ñоном ----- */ 4360.contact-page-container { 4361 display: flex; 4362 justify-content: center; 4363 align-items: stretch; 4364 width: 90%; 4365 max-width: 1200px; 4366 gap: 0; 4367 padding: 0 20px; 4368 background: linear-gradient(135deg, #ffffff, #f8f8f8); 4369 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); 4370 border-radius: 40px; 4371 padding: 20px; 4372 height: 660px; /* â УвелиÑили вÑÑоÑÑ Ð±Ð»Ð¾ÐºÐ° */ 4373 overflow: hidden; 4374} 4375 4376/* ----- ÐевÑй блок: ФоÑма ----- */ 4377.contact-overlay-form { 4378 flex: 1; 4379 background: none; 4380 padding: 0px; 4381 height: 100%; 4382 display: flex; 4383 flex-direction: column; 4384 justify-content: space-between; 4385 text-align: left; 4386} 4387 4388/* ð¹ Ðаголовок ÑоÑÐ¼Ñ */ 4389.contact-overlay-form h2 { 4390 font-size: 34px; 4391 font-weight: bold; 4392 margin-bottom: 15px; 4393 color: #333; 4394 text-align: left; 4395 margin-top: 0; 4396} 4397 4398/* ð¹ ÐÐ¾Ð»Ñ ÑоÑмÑ: Ð»Ð¸Ð½Ð¸Ñ Ð²Ð¼ÐµÑÑо Ñамки */ 4399.contact-overlay-form input[type="text"], 4400.contact-overlay-form input[type="tel"], 4401.contact-overlay-form textarea { 4402 width: 100%; 4403 padding: 15px 0 !important; /* â УбÑали оÑÑÑÑп Ñлева */ 4404 font-size: 18px; 4405 border: none; 4406 border-bottom: 2px solid #ccc; 4407 background: transparent; 4408 transition: all 0.3s ease; 4409 text-align: left; 4410} 4411 4412/* ð¹ ÐÑÑÐµÐºÑ Ð¿Ñи ÑокÑÑе */ 4413.contact-overlay-form input[type="text"]:focus, 4414.contact-overlay-form input[type="tel"]:focus, 4415.contact-overlay-form textarea:focus { 4416 border-bottom: 2px solid #ebc277; 4417 outline: none; 4418 transform: scale(1.02); 4419} 4420 4421/* Ðоле "ÐовÑдомленнÑ" ÑикÑиÑованной вÑÑоÑÑ */ 4422.contact-overlay-form textarea { 4423 resize: none; 4424 min-height: 80px; /* УвелиÑили вÑÑоÑÑ */ 4425 max-height: 120px; 4426} 4427 4428/* ð¹ ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÐ° */ 4429.contact-form-button-wrapper { 4430 position: relative; 4431 text-align: left; 4432 margin-top: 20px; 4433} 4434 4435/* ð¹ Ðнопка ÑепеÑÑ Ñнова видна и кÑÑпнее */ 4436.contact-overlay-form [type="submit"] { 4437 display: inline-block; 4438 padding: 18px 36px; 4439 font-size: 22px; /* УвелиÑили ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */ 4440 font-weight: bold; 4441 color: #fff;
4442 background: linear-gradient(135deg, #ebc277, #d4a75a); 4443 border: none; 4444 border-radius: 24 4445 cursor: pointer; 4446 box-shadow: 0 6px 12px rgba(235, 194, 119, 0.3); 4447 transition: all 0.3s ease-in-out; 4448 text-align: center; 4449} 4450 4451/* ð¹ ÐÑÑÐµÐºÑ Ð¿Ñи наведении */ 4452.contact-overlay-form [type="submit"]:hover { 4453 background: linear-gradient(135deg, #d4a75a, #b38a44); 4454 box-shadow: 0 8px 16px rgba(235, 194, 119, 0.5); 4455 transform: translateY(-2px); 4456} 4457 4458/* ----- ÐÑавÑй блок: ÐаÑÑа ----- */ 4459.contact-overlay-map { 4460 flex: 1; 4461 background: none; 4462 border-radius: 18px; 4463 overflow: hidden; 4464 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 4465} 4466 4467.contact-overlay-map iframe { 4468 width: 100%; 4469 height: 100%; 4470 border: none; 4471 border-radius: 18px; 4472} 4473 4474/* ----- ÐдапÑивноÑÑÑ ----- */ 4475 4476@media (max-width: 1024px) { 4477 .contact-page-overlay-blocks { 4478 flex-direction: column; 4479 } 4480 4481 .contact-page-container { 4482 width: 90%; 4483 max-width: 800px; 4484 flex-direction: column; 4485 background: none; 4486 box-shadow: none; 4487 padding: 0; 4488 height: auto; 4489 } 4490 4491 .contact-overlay-form, 4492 .contact-overlay-map { 4493 flex: 1; 4494 height: auto; 4495 background: #fff; 4496 border-radius: 16px; 4497 padding: 25px; 4498 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4499 } 4500 4501 .contact-overlay-form h2 { 4502 font-size: 26px; 4503 } 4504 4505 .contact-overlay-form { 4506 margin-bottom: 20px; 4507 } 4508} 4509 4510@media (max-width: 768px) { 4511 .contact-page-container { 4512 flex-direction: column; 4513 width: 95%; 4514 } 4515 4516 .contact-overlay-form { 4517 padding: 20px; 4518 } 4519 4520 .contact-overlay-form h2 { 4521 font-size: 24px; 4522 } 4523 4524 .contact-overlay-form input, 4525 .contact-overlay-form textarea { 4526 font-size: 16px; 4527 padding: 12px; 4528 } 4529 4530 .contact-overlay-form [type="submit"] { 4531 font-size: 20px; 4532 padding: 16px 28px; 4533 } 4534} 4535 4536 4537/* СекÑÐ¸Ñ Ñ ÐºÐ¾Ð½ÑакÑнÑми блоками */ 4538.contact-info-section { 4539 display: flex; 4540 justify-content: space-between; /* 3 блока в ÑÑд */ 4541 align-items: stretch; 4542 max-width: 1200px; /* Ð¡Ð¾Ð²Ð¿Ð°Ð´Ð°ÐµÑ Ñ ÑиÑиной блока ÑоÑÐ¼Ñ Ð¸ каÑÑÑ */ 4543 width: 90%; 4544 margin: 40px auto 0; /* ЦенÑÑиÑование */ 4545 padding: 20px 0; 4546} 4547 4548/* ÐонÑакÑнÑй блок */ 4549.contact-info-box { 4550 flex: 1; 4551 max-width: 30%; /* 3 блока в ÑÑд */ 4552 text-align: center; 4553 padding: 20px; 4554 background: #fff; 4555 border-radius: 20px; 4556 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4557 transition: transform 0.3s ease, box-shadow 0.3s ease; 4558} 4559 4560/* ÐÑÑÐµÐºÑ Ð¿Ñи наведении */ 4561.contact-info-box:hover { 4562 transform: translateY(-5px); 4563 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 4564} 4565 4566/* Ðконка */ 4567.contact-info-icon { 4568 max-width: 64px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 4569 margin-bottom: 15px; 4570} 4571 4572/* Ðаголовок блока */ 4573.contact-info-box h3 { 4574 font-size: 20px; 4575 font-weight: 700; 4576 margin-bottom: 10px; 4577 color: #333; 4578} 4579 4580/* ÐпиÑание блока */ 4581.contact-info-box p { 4582 font-size: 16px; 4583 color: #666; 4584 margin-bottom: 10px; 4585} 4586 4587/* СÑÑлка в блоке */ 4588.contact-info-box a { 4589 font-size: 16px; 4590 font-weight: 600; 4591 text-decoration: none; 4592 color: #ebc277; 4593 transition: color 0.3s ease; 4594} 4595 4596/* ÐнимаÑÐ¸Ñ ÑÑÑлки */ 4597.contact-info-box a:hover { 4598 color: #d4a75a; 4599 text-decoration: underline; 4600} 4601 4602/* ÐдапÑивноÑÑÑ */ 4603@media (max-width: 1024px) { 4604 .contact-info-section { 4605 flex-wrap: wrap; 4606 justify-content: center; 4607 } 4608 4609 .contact-info-box { 4610 max-width: 45%; /* 2 блока в ÑÑд на планÑеÑÐ°Ñ */ 4611 } 4612} 4613 4614@media (max-width: 768px) { 4615 .contact-info-box { 4616 max-width: 100%; /* 1 блок в ÑÑд на мобилÑнÑÑ */ 4617 } 4618} 4619 4620 4621/* ----- ÐеÑÑ Ð½Ð¸Ð¹ блок Ñ ÐºÐ°ÑÑинкой и ÑекÑÑами ----- */ 4622.contact-page-section { 4623 position: relative; 4624 background-size: cover; 4625 background-position: center; 4626 background-repeat: no-repeat; 4627 height: 60vh; /* â УменÑÑили вÑÑоÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 4628 display: flex; 4629 justify-content: flex-start;
4630 align-items: flex-start; 4631 padding: 0 40px; 4632} 4633 4634.contact-page-header { 4635 max-width: 600px; 4636 text-align: left; 4637 color: #fff; 4638 position: relative; 4639 z-index: 2; 4640 margin-left: 100px; 4641 margin-top: 200px; /* â УменÑÑили оÑÑÑÑп */ 4642} 4643 4644/* ð± ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 4645@media (max-width: 768px) { 4646 .contact-page-section { 4647 height: 50vh; /* â Сделали менÑÑе */ 4648 padding: 0 20px; 4649 } 4650 4651 .contact-page-header { 4652 margin-left: 20px; 4653 margin-top: 100px; /* â ÐоднÑли ÑекÑÑ */ 4654 max-width: 90%; 4655 } 4656 4657 .contact-page-title { 4658 font-size: 32px; /* â УменÑÑили заголовок */ 4659 } 4660 4661 .contact-page-description { 4662 font-size: 16px; 4663 } 4664} 4665 4666/* ----- ÐонÑÐµÐ¹Ð½ÐµÑ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ ----- */ 4667.contact-page-overlay-blocks { 4668 position: relative; 4669 display: flex; 4670 justify-content: center; 4671 align-items: flex-start; 4672 margin-top: -40px; /* â ÐоднÑли блок */ 4673 margin-bottom: 30px; 4674 width: 100%; 4675} 4676 4677.contact-page-container { 4678 display: flex; 4679 justify-content: center; 4680 align-items: stretch; 4681 width: 90%; 4682 max-width: 1200px; 4683 flex-wrap: wrap; /* â ÐозволÑÐµÑ Ð±Ð»Ð¾ÐºÑ ÑÑаÑÑ Ð°Ð´Ð°Ð¿ÑивнÑм */ 4684 padding: 20px; 4685 background: linear-gradient(135deg, #ffffff, #f8f8f8); 4686 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); 4687 border-radius: 40px; 4688 height: auto; /* â УбÑали ÑикÑиÑованнÑÑ Ð²ÑÑоÑÑ */ 4689} 4690 4691/* ð± ÐдапÑаÑÐ¸Ñ ÑоÑÐ¼Ñ Ð¸ каÑÑÑ */ 4692@media (max-width: 1024px) { 4693 .contact-page-container { 4694 flex-direction: column; 4695 width: 95%; 4696 padding: 20px; 4697 } 4698 4699 .contact-overlay-form, 4700 .contact-overlay-map { 4701 width: 100%; 4702 flex: none; 4703 padding: 20px; 4704 border-radius: 20px; 4705 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4706 } 4707 4708 .contact-overlay-form h2 { 4709 font-size: 28px; 4710 } 4711} 4712 4713@media (max-width: 768px) { 4714 .contact-page-container { 4715 flex-direction: column; 4716 width: 100%; 4717 } 4718 4719 .contact-overlay-form { 4720 padding: 20px; 4721 } 4722 4723 .contact-overlay-map { 4724 height: 300px; /* â ФикÑиÑÐ¾Ð²Ð°Ð½Ð½Ð°Ñ Ð²ÑÑоÑа каÑÑÑ */ 4725 } 4726 4727 .contact-overlay-form input, 4728 .contact-overlay-form textarea { 4729 font-size: 16px; 4730 padding: 10px; 4731 } 4732} 4733 4734/* ----- ÐонÑакÑнÑе блоки (3 в ÑÑд) ----- */ 4735.contact-info-section { 4736 display: flex; 4737 justify-content: space-between; 4738 align-items: stretch; 4739 flex-wrap: wrap; /* â ТепеÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ пеÑеноÑиÑÑ Ð½Ð° новÑе ÑÑÑоки */ 4740 max-width: 1200px; 4741 width: 90%; 4742 margin: 40px auto 0; 4743 padding: 20px 0; 4744} 4745 4746/* ÐонÑакÑнÑй блок */ 4747.contact-info-box { 4748 flex: 1; 4749 max-width: 30%; /* â 3 блока в ÑÑд */ 4750 text-align: center; 4751 padding: 20px; 4752 background: #fff; 4753 border-radius: 20px; 4754 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 4755 transition: transform 0.3s ease, box-shadow 0.3s ease; 4756} 4757 4758/* ð± ÐдапÑаÑÐ¸Ñ ÐºÐ¾Ð½ÑакÑнÑÑ Ð±Ð»Ð¾ÐºÐ¾Ð² */ 4759@media (max-width: 1024px) { 4760 .contact-info-section { 4761 justify-content: center; 4762 } 4763 4764 .contact-info-box { 4765 max-width: 45%; /* â 2 в ÑÑд на планÑеÑÐ°Ñ */ 4766 margin-bottom: 20px; 4767 } 4768} 4769 4770@media (max-width: 768px) { 4771 .contact-info-box { 4772 max-width: 100%; /* â 1 в ÑÑд на мобилÑнÑÑ */ 4773 padding: 15px; 4774 } 4775 4776 .contact-info-icon { 4777 max-width: 50px; /* â УменÑÑили иконки */ 4778 } 4779 4780 .contact-info-box h3 { 4781 font-size: 18px; /* â УменÑÑили заголовок */ 4782 } 4783 4784 .contact-info-box p { 4785 font-size: 14px; 4786 } 4787 4788 .contact-info-box a { 4789 font-size: 14px; 4790 } 4791} 4792 4793@media (max-width: 768px) { 4794 /* УменÑÑаем вÑÑоÑÑ Ð±Ð»Ð¾ÐºÐ° */ 4795 .contact-page-section { 4796 height: 50vh; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе вÑÑоÑа */ 4797 padding: 0 10px; 4798 align-items: flex-start; /* â ТекÑÑ Ð¿ÑижимаеÑÑÑ Ðº веÑÑ Ð½ÐµÐ¼Ñ ÐºÑÐ°Ñ */ 4799 } 4800 4801 /* ÐпÑимизиÑÑем оÑÑÑÑÐ¿Ñ */ 4802 .contact-page-header { 4803 max-width: 90%; 4804 margin-left: 20px; /* â Ðлиже к Ð»ÐµÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 4805 margin-top: 30px; /* â Ðоднимаем ÑекÑÑ Ð²Ð²ÐµÑÑ */ 4806 } 4807 4808 /* Ðаголовок ÑÑановиÑÑÑ ÐºÐ¾Ð¼Ð¿Ð°ÐºÑнее */ 4809 .contact-page-title { 4810 font-size: 28px; /* â ÐенÑÑе заголовок */ 4811 line-height: 1.1; 4812 margin-bottom: 15px; 4813 } 4814 4815 /* ÐпиÑание Ñоже ÑменÑÑаем */ 4816 .contact-page-description { 4817 font-size: 14px; 4818 line-height: 1.3; 4819 margin-bottom: 10px; 4820 } 4821 4822 /* ÐаленÑкий ÑекÑÑ */ 4823 .contact-page-small-text { 4824 font-size: 12px; /* â ÐомпакÑнее */ 4825 } 4826} 4827 4828@media (max-width: 768px) { 4829 /* УменÑÑаем вÑоÑой Ñаздел */ 4830 .contact-page-container { 4831 width: 95%; 4832 max-width: 600px; /* â Ðелаем компакÑнее */ 4833 padding: 15px; 4834 height: auto; /* â ÐÑÑоÑа адапÑÐ¸Ð²Ð½Ð°Ñ */ 4835 } 4836 4837 /* ЦенÑÑиÑÑем ÑоÑÐ¼Ñ Ð¸ каÑÑÑ Ð¿Ð¾ ÑенÑÑÑ */ 4838 .contact-page-overlay-blocks { 4839 justify-content: center; /* â ЦенÑÑиÑование */ 4840 align-items: center; 4841 text-align: center; 4842 } 4843 4844 /* ÐоÑÑекÑиÑÑем ÑоÑÐ¼Ñ */ 4845 .contact-overlay-form { 4846 text-align: center; /* â ЦенÑÑиÑование ÑекÑÑа */ 4847 width: 100%; 4848 } 4849 4850 /* ÐоÑÑекÑиÑÑем заголовок ÑоÑÐ¼Ñ */ 4851 .contact-overlay-form h2 { 4852 font-size: 22px; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе заголовок */ 4853 margin-bottom: 10px; 4854 } 4855 4856 /* ÐоÑÑекÑиÑÑем Ð¿Ð¾Ð»Ñ ÑоÑÐ¼Ñ */ 4857 .contact-overlay-form input, 4858 .contact-overlay-form textarea { 4859 font-size: 16px; /* â ÐенÑÑе ÑÑиÑÑ */ 4860 padding: 10px; 4861 } 4862 4863 /* ÐоÑÑекÑиÑÑем каÑÑÑ */ 4864 .contact-overlay-map { 4865 width: 100%; 4866 height: 250px; /* â УменÑÑаем вÑÑоÑÑ ÐºÐ°ÑÑÑ */ 4867 } 4868 4869 /* ФикÑиÑÑем ÐºÐ½Ð¾Ð¿ÐºÑ */ 4870 .contact-form-button-wrapper { 4871 text-align: center; 4872 margin-top: 15px; 4873 } 4874 4875 /* ÐоÑÑекÑиÑÑем ÐºÐ½Ð¾Ð¿ÐºÑ */ 4876 .contact-overlay-form [type="submit"] { 4877 font-size: 18px; /* â ЧÑÑÑ Ð¼ÐµÐ½ÑÑе ÑÑиÑÑ */ 4878 padding: 14px 28px; 4879 border-radius: 10px; 4880 } 4881} 4882 4883 4884 4885 4886 4887/* ERP BIMP PAGE */ 4888 4889.erp-service { 4890 padding: 60px 0; 4891 background-color: #f9f9f9; 4892} 4893 4894.erp-service h2 { 4895 text-align: left; 4896 margin-bottom: 40px; 4897 font-size: 32px; 4898 font-weight: 700; 4899} 4900 4901.erp-service__items { 4902 display: flex; 4903 gap: 30px; 4904 justify-content: space-between; 4905 flex-wrap: wrap; 4906} 4907 4908.erp-service__item { 4909 flex: 1 1 calc(33.333% - 30px); 4910 background: #fff; 4911 border-radius: 20px; 4912 padding: 30px 20px; 4913 display: flex; 4914 flex-direction: column; 4915 align-items: flex-start; 4916 text-align: left; 4917 box-shadow: 0 4px 12px rgba(0,0,0,0.05); 4918 opacity: 0; 4919 transform: translateY(20px); 4920 transition: opacity 0.6s ease, transform 0.3s ease; 4921} 4922 4923/* Ðлавное поÑвление */ 4924.erp-service__item.visible { 4925 opacity: 1; 4926 transform: translateY(0); 4927} 4928
4929/* ХовеÑ-ÑÑÑÐµÐºÑ */ 4930.erp-service__item:hover { 4931 transform: translateY(-5px); 4932} 4933 4934.erp-service__icon img { 4935 width: 40px; 4936 height: 40px; 4937 margin-bottom: 20px; 4938} 4939 4940.erp-service__item h3 { 4941 margin: 0 0 15px; 4942 font-size: 20px; 4943 font-weight: 600; 4944} 4945 4946.erp-service__item p { 4947 margin: 0; 4948 line-height: 1.6; 4949 color: #444; 4950} 4951 4952/* Ðнопка CTA */ 4953.erp-service__cta { 4954 text-align: center; 4955 margin-top: 40px; 4956} 4957 4958.erp-service__cta a { 4959 display: inline-block; 4960 background-color: #f4c04e; 4961 color: #000; 4962 padding: 12px 30px; 4963 border-radius: 30px; 4964 text-decoration: none; 4965 font-weight: 600; 4966 transition: background-color 0.3s ease; 4967} 4968 4969.erp-service__cta a:hover { 4970 background-color: #e6b53d; 4971} 4972 4973/* ÐдапÑив */ 4974@media (max-width: 992px) { 4975 .erp-service__item { 4976 flex: 1 1 100%; 4977 } 4978} 4979.additional-services { 4980 position: relative; 4981 overflow: hidden; 4982 padding: 100px 0; 4983 background-color: #fff; 4984 z-index: 1; 4985} 4986 4987/* ФигÑÑÑ */ 4988.additional-services::before { 4989 content: ''; 4990 position: absolute; 4991 top: -200px; 4992 left: -150px; 4993 width: 600px; 4994 height: 600px; 4995 background: linear-gradient(135deg, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 4996 clip-path: polygon(0% 0%, 100% 20%, 80% 80%, 10% 100%); 4997 transform: rotate(15deg); 4998 opacity: 0.25; 4999 filter: blur(25px); 5000 z-index: -1; 5001} 5002 5003.additional-services::after { 5004 content: ''; 5005 position: absolute; 5006 bottom: -150px; 5007 right: -200px; 5008 width: 700px; 5009 height: 700px; 5010 background: radial-gradient(circle at center, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 5011 clip-path: ellipse(60% 40% at 50% 50%); 5012 opacity: 0.25; 5013 filter: blur(25px); 5014 z-index: -1; 5015} 5016 5017.background-shape { 5018 position: absolute; 5019 top: 30%; 5020 left: 50%; 5021 width: 800px; 5022 height: 800px; 5023 background: linear-gradient(225deg, #EBC277 0%, rgba(235, 194, 119, 0) 70%); 5024 clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 80%); 5025 transform: translate(-50%, -50%) rotate(-10deg); 5026 opacity: 0.2; 5027 filter: blur(20px); 5028 z-index: -1; 5029} 5030 5031/* ÐонÑейнеÑÑ */ 5032.additional-services__wrapper { 5033 display: flex; 5034 justify-content: space-between; 5035 align-items: flex-start; 5036 gap: 40px; 5037 flex-wrap: wrap; 5038} 5039 5040/* ÐÐµÐ²Ð°Ñ ÑаÑÑÑ */ 5041.additional-services__left { 5042 flex: 0 0 35%; 5043} 5044 5045.additional-services__left h2 { 5046 font-size: 32px; 5047 font-weight: 700; 5048 margin-bottom: 20px; 5049 color: #000; 5050} 5051 5052.additional-services__left p { 5053 color: #444; 5054 line-height: 1.6; 5055} 5056 5057.additional-services__left a.btn { 5058 display: inline-block; 5059 background-color: #EBC277; 5060 color: #000; 5061 padding: 14px 30px; 5062 border-radius: 50px; 5063 margin-top: 25px; 5064 font-weight: 600; 5065 text-decoration: none; 5066 transition: background-color 0.3s ease, transform 0.3s ease; 5067} 5068 5069.additional-services__left a.btn:hover { 5070 background-color: #d8a84d; 5071 transform: translateY(-2px); 5072} 5073 5074/* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ */ 5075.additional-services__right { 5076 flex: 0 0 60%; 5077} 5078 5079.additional-services__cards { 5080 display: grid; 5081 grid-template-columns: repeat(2, 47%); 5082 gap: 25px; 5083} 5084 5085/* ÐаÑÑоÑки */ 5086.additional-services__card { 5087 position: relative; 5088 background: #fff; 5089 padding: 25px 20px; 5090 border-radius: 20px; 5091 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); 5092 display: flex; 5093 flex-direction: column; 5094 align-items: flex-start; 5095 text-align: left; 5096 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1); 5097 overflow: hidden; 5098} 5099 5100/* ÐеÑенка */ 5101.additional-services__card:nth-child(1) { transform: translateY(0); } 5102.additional-services__card:nth-child(2) { transform: translateY(20px); } 5103.additional-services__card:nth-child(3) { transform: translateY(-10px) translateX(10px); } 5104.additional-services__card:nth-child(4) { transform: translateY(25px) translateX(10px); } 5105 5106/* Ð¥Ð¾Ð²ÐµÑ */ 5107.additional-services__card:hover { 5108 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); 5109 transform: scale(1.02); 5110} 5111 5112/* ÐнимаÑÐ¸Ñ Ð»Ð¸Ð½Ð¸Ð¸ */ 5113.additional-services__card::after { 5114 content: ''; 5115 position: absolute; 5116 bottom: 0; 5117 left: 0; 5118 height: 3px; 5119 width: 0; 5120 background-color: #EBC277; 5121 transition: width 0.4s ease; 5122} 5123 5124.additional-services__card:hover::after { 5125 width: 100%; 5126} 5127 5128/* Ðконки */ 5129.additional-services__icon { 5130 width: 60px; 5131 height: 60px; 5132 background-color: #EBC277; 5133 border-radius: 50%; 5134 display: flex; 5135 align-items: center; 5136 justify-content: center; 5137 margin-bottom: 15px; 5138} 5139 5140.additional-services__icon img { 5141 width: 30px; 5142 height: 30px; 5143 object-fit: contain; 5144 filter: brightness(0) saturate(100%) invert(0) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%); 5145} 5146 5147/* Ðаголовок каÑÑоÑки */ 5148.additional-services__card h3 { 5149 font-size: 18px; 5150 margin: 0 0 10px; 5151 font-weight: 700; 5152 color: #000; 5153} 5154 5155/* ТекÑÑ ÐºÐ°ÑÑоÑки */ 5156.additional-services__card p { 5157 margin: 0; 5158 color: #444; 5159 line-height: 1.6; 5160} 5161 5162/* ÐдапÑив */ 5163@media (max-width: 992px) { 5164 .additional-services__wrapper { 5165 flex-direction: column; 5166 } 5167 5168 .additional-services__right { 5169 width: 100%; 5170 } 5171 5172 .additional-services__cards { 5173 grid-template-columns: 1fr; 5174 } 5175 5176 .additional-services__card { 5177 margin: 0 !important; 5178 } 5179} 5180 5181@media (max-width: 768px) { 5182 .additional-services__wrapper { 5183 flex-direction: column; 5184 gap: 30px; 5185 } 5186 5187 .additional-services__left, 5188 .additional-services__right { 5189 flex: 0 0 100%; 5190 width: 100%; 5191 } 5192 5193 .additional-services__cards { 5194 grid-template-columns: 1fr; /* одна колонка */ 5195 gap: 20px; 5196 } 5197 5198 .additional-services__card { 5199 transform: none !important; /* ÑбиÑаем леÑÐµÐ½ÐºÑ */ 5200 margin: 0 auto; 5201 max-width: 100%; 5202 } 5203} 5204 5205 5206.bimp-video-section { 5207 padding: 100px 0; 5208} 5209 5210.bimp-video-wrapper { 5211 display: flex; 5212 align-items: center; 5213 justify-content: space-between; 5214 gap: 50px; 5215 flex-wrap: wrap; 5216} 5217 5218.bimp-video-block { 5219 flex: 0 0 50%; 5220} 5221 5222 5223 5224.bimp-video-frame { 5225 position: relative; 5226 padding-bottom: 56.25%; 5227 height: 0; 5228 overflow: hidden; 5229 border-radius: 20px; 5230 box-shadow: 0 10px 25px rgba(0,0,0,0.1); 5231} 5232 5233.bimp-video-frame iframe { 5234 position: absolute; 5235 top: 0; 5236 left: 0; 5237 width: 100%; 5238 height: 100%; 5239} 5240 5241 5242.bimp-video-content { 5243 flex: 0 0 45%; 5244} 5245 5246.bimp-video-content h2 { 5247 font-size: 30px; 5248 margin-bottom: 20px; 5249 color: #000; 5250} 5251 5252.bimp-video-content p { 5253 margin-bottom: 20px; 5254 color: #444; 5255 line-height: 1.6; 5256} 5257 5258.bimp-video-btn { 5259 display: inline-block; 5260 background-color: #EBC277; 5261 color: #000; 5262 padding: 14px 30px; 5263 border-radius: 50px; 5264 font-weight: 600; 5265 text-decoration: none; 5266 transition: background-color 0.3s ease; 5267} 5268 5269.bimp-video-btn:hover { 5270 background-color: #d8a84d; 5271} 5272 5273@media (max-width: 768px) { 5274 .bimp-video-wrapper { 5275 flex-direction: column; 5276 } 5277 5278 .bimp-video-block, 5279 .bimp-video-content { 5280 flex: 0 0 100%; 5281 width: 100%; 5282 } 5283} 5284 5285/* ÐаÑалÑÐ½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 5286.bimp-video-block { 5287 opacity: 0; 5288 transform: translateY(30px); 5289 animation: fadeSlideIn 1s ease forwards; 5290 animation-delay: 0.3s; 5291} 5292 5293/* Хов ÑÑÑÐµÐºÑ */ 5294.bimp-video-frame { 5295 transition: transform 0.5s ease, box-shadow 0.5s ease; 5296 border-radius: 20px; 5297 box-shadow: 0 10px 25px rgba(0,0,0,0.1); 5298} 5299 5300.bimp-video-frame:hover { 5301 transform: scale(1.03); 5302 box-shadow: 0 15px 35px rgba(0,0,0,0.15); 5303} 5304 5305/* ÐлÑÑевÑе кадÑÑ Ð´Ð»Ñ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 5306@keyframes fadeSlideIn { 5307 0% { 5308 opacity: 0; 5309 transform: translateY(30px); 5310 } 5311 100% { 5312 opacity: 1; 5313 transform: translateY(0); 5314 } 5315} 5316 5317 5318/* ÐеÑÐ²Ð°Ñ Ð±Ð¾Ð»ÑÑÐ°Ñ ÑигÑÑа */ 5319.bimp-video-block::before { 5320 content: ""; 5321 position: absolute; 5322 top: -40px; 5323 left: -60px; 5324 width: 160%; 5325 height: 160%; 5326 background: radial-gradient(circle at 30% 30%, rgba(235, 194, 119, 0.25), transparent 70%); 5327 z-index: ; 5328 border-radius: 50%; 5329 transform: rotate(25deg); 5330 filter: blur(20px); 5331 transition: all 1s ease; 5332} 5333 5334/* ÐÑоÑÐ°Ñ Ð½ÐµÐ±Ð¾Ð»ÑÑÐ°Ñ ÑигÑÑа */ 5335.bimp-video-block::after { 5336 content: ""; 5337 position: absolute; 5338 bottom: -30px; 5339 right: -50px; 5340 width: 120%; 5341 height: 120%; 5342 background: radial-gradient(circle at 70% 70%, rgba(235, 194, 119, 0.2), transparent 60%); 5343 z-index: -2; 5344 border-radius: 50%; 5345 transform: rotate(-15deg); 5346 filter: blur(15px); 5347 transition: all 1s ease; 5348} 5349 5350.bimp-video-block::before { 5351 width: 120%; 5352 height: 120%; 5353 top: -20px; 5354 left: -30px; 5355} 5356 5357.bimp-video-block::after { 5358 width: 100%; 5359 height: 100%; 5360 bottom: -80px; 5361 right: -80px; 5362} 5363 5364 5365 5366.bimp-steps { 5367 padding: 80px 0; 5368 background-color: #f9f9f9;
5368 /* СвеÑло-ÑеÑÑй Ñон */ 5369 position: relative; 5370} 5371 5372.bimp-steps h2 { 5373 text-align: left; 5374 margin-bottom: 80px; 5375 font-size: 48px; 5376 font-weight: 700; 5377} 5378 5379.bimp-steps__wrapper { 5380 display: flex; 5381 justify-content: space-between; 5382 align-items: flex-start; 5383 flex-wrap: nowrap; 5384 position: relative; 5385} 5386 5387.bimp-step__item { 5388 width: 22%; 5389 text-align: center; 5390 display: flex; 5391 flex-direction: column; 5392 align-items: center; 5393 position: relative; 5394} 5395 5396.bimp-step__circle { 5397 width: 100px; 5398 height: 100px; 5399 background-color: #EBC277; 5400 border-radius: 50%; 5401 display: flex; 5402 justify-content: center; 5403 align-items: center; 5404 font-size: 32px; 5405 font-weight: 700; 5406 color: #000; 5407 margin-bottom: 20px; 5408 position: relative; 5409 z-index: 2; 5410} 5411 5412/* Ðинии */ 5413.bimp-step__item:not(:last-child)::after { 5414 content: ""; 5415 position: absolute; 5416 top: 50px; /* ÐÑÑоÑа кÑÑга / 2 */ 5417 left: 100%; 5418 width: 60px; 5419 height: 2px; 5420 background-color: #ccc; 5421 z-index: 1; 5422} 5423 5424/* Ðаголовок и ÑекÑÑ */ 5425.bimp-step__item h3 { 5426 font-size: 20px; 5427 font-weight: 700; 5428 margin-bottom: 10px; 5429} 5430 5431.bimp-step__item p { 5432 font-size: 16px; 5433 line-height: 1.5; 5434 color: #333; 5435 max-width: 230px; 5436} 5437 5438/* ÐдапÑив */ 5439@media(max-width: 991px) { 5440 .bimp-steps__wrapper { 5441 flex-wrap: wrap; 5442 justify-content: center; 5443 gap: 40px; 5444 } 5445 5446 .bimp-step__item { 5447 width: 45%; 5448 } 5449 5450 .bimp-step__item::after { 5451 display: none; 5452 } 5453 5454 .bimp-steps h2 { 5455 text-align: center; 5456 } 5457} 5458 5459@media(max-width: 575px) { 5460 .bimp-step__item { 5461 width: 100%; 5462 } 5463 5464 .bimp-steps h2 { 5465 font-size: 36px; 5466 } 5467} 5468 5469 5470/* === ÐÐЩÐЯ ÐÐÐРТÐÐ === */ 5471.erp-case-section { 5472 padding: 100px 0; 5473 background-color: #f4f4f4; 5474} 5475 5476.erp-case-heading { 5477 margin-bottom: 50px; 5478 text-align: left; 5479} 5480 5481.erp-case-heading h2 { 5482 font-size: 40px; 5483 font-weight: 800; 5484 color: #222; 5485 margin-bottom: 12px; 5486} 5487 5488.erp-case-heading-line { 5489 width: 150px; 5490 height: 4px; 5491 background: linear-gradient(90deg, #EBC277, #EBC277); 5492 border-radius: 2px; 5493} 5494 5495/* === СÐÐÐÐÐÐ === */ 5496.erp-case-slider .slick-slide { 5497 opacity: 0.3; 5498 transform: scale(0.94); 5499 transition: all 0.4s ease; 5500 pointer-events: none; 5501 padding: 10px; 5502} 5503 5504.erp-case-slider .slick-center { 5505 opacity: 1; 5506 transform: scale(1); 5507 pointer-events: auto; 5508 z-index: 2; 5509} 5510 5511/* СÑÑелки */ 5512.erp-case-slider .slick-arrow { 5513 position: absolute; 5514 top: 50%; 5515 transform: translateY(-50%); 5516 background: #EBC277; 5517 color: #000; 5518 border: none; 5519 width: 48px; 5520 height: 48px; 5521 border-radius: 50%; 5522 z-index: 10; 5523 cursor: pointer; 5524 font-size: 20px; 5525 display: flex; 5526 justify-content: center; 5527 align-items: center; 5528 transition: 0.3s ease; 5529 padding: 0; 5530} 5531 5532.erp-case-slider .slick-prev { 5533 left: -50px; 5534} 5535 5536.erp-case-slider .slick-next { 5537 right: -50px; 5538} 5539 5540.erp-case-slider .slick-arrow:hover { 5541 background: #dec067; 5542} 5543 5544/* === ÐÐРТÐЧÐÐ === */ 5545.erp-case-wrapper { 5546 position: relative; 5547 background-color: #fff; 5548 border-radius: 20px; 5549 overflow: hidden; 5550 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); 5551 display: flex; 5552 flex-direction: row; 5553 align-items: stretch; 5554 transition: transform 0.3s ease, box-shadow 0.3s ease; 5555 z-index: 1; 5556} 5557 5558.erp-case-wrapper:hover { 5559 transform: translateY(-5px); 5560 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); 5561} 5562 5563.erp-case-side-bar { 5564 width: 8px; 5565 background: linear-gradient(180deg, #EBC277, #EBC277); 5566} 5567 5568.erp-case-inner { 5569 display: flex; 5570 justify-content: space-between; 5571 align-items: center; 5572 padding: 30px; 5573 flex-wrap: wrap; 5574 width: 100%; 5575 position: relative; 5576 z-index: 2; 5577} 5578 5579.erp-case-content { 5580 flex: 1 1 60%; 5581} 5582 5583/* === ТÐÐСТ â ÑиÑаемоÑÑÑ, ÑÑÑкоÑÑÑ === */ 5584.erp-case-title { 5585 font-size: 36px; 5586 font-weight: 800; 5587 margin-bottom: 25px; 5588 color: #1c1c1c; 5589 text-shadow: 0 1px 2px rgba(0,0,0,0.1); 5590} 5591 5592.erp-case-description { 5593 font-size: 18px; 5594 margin-bottom: 30px; 5595 color: #333; 5596 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5597} 5598 5599.erp-case-details h4 { 5600 font-size: 25px; 5601 margin: 20px 0 10px; 5602 color: #EBC277; 5603 font-weight: 700; 5604 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5605} 5606 5607.erp-case-details p { 5608 font-size: 16px; 5609 color: #333; 5610 line-height: 1.7; 5611 text-shadow: 0 1px 2px rgba(0,0,0,0.08); 5612} 5613 5614/* === ФÐÐÐÐЫРÐÐÐÐТÐÐ â ÑолÑко пÑавÑй === */ 5615.erp-case-logo { 5616 position: absolute; 5617 top: 0; 5618 left: 0; 5619 width: 100%; 5620 height: 100%; 5621 pointer-events: none; 5622 z-index: 1; 5623} 5624 5625.erp-case-logo-inner { 5626 position: relative; 5627 width: 100%; 5628 height: 100%; 5629} 5630 5631.erp-logo-right { 5632 position: absolute; 5633 opacity: 0.1; 5634 object-fit: contain; 5635 z-index: 1; 5636 pointer-events: none; 5637 border-radius: 50%; 5638 overflow: hidden; 5639 5640 width: 400px; 5641 height: 400px; 5642 right: 5%; 5643 top: 50%; 5644 transform: translateY(-50%); 5645} 5646 5647/* === ÐÐÐÐТÐÐ === */ 5648@media (max-width: 1024px) { 5649 .erp-case-inner { 5650 flex-direction: column; 5651 align-items: flex-start; 5652 } 5653 5654 .erp-case-content { 5655 flex: 1 1 100%; 5656 margin-bottom: 20px; 5657 } 5658 5659 .erp-case-slider .slick-prev { 5660 left: -30px; 5661 } 5662 5663 .erp-case-slider .slick-next { 5664 right: -30px; 5665 } 5666 5667 /* УбиÑаем заÑемнение на планÑеÑÐ°Ñ */ 5668 .erp-case-slider .slick-slide { 5669 opacity: 1 !important; 5670 transform: scale(1) !important; 5671 pointer-events: auto; 5672 } 5673} 5674 5675@media (max-width: 768px) { 5676 .erp-case-title { 5677 font-size: 28px; 5678 } 5679 5680 .erp-case-heading h2 { 5681 font-size: 32px; 5682 } 5683 5684 .erp-case-description { 5685 font-size: 16px; 5686 } 5687 5688 .erp-case-details h4 { 5689 font-size: 20px; 5690 } 5691 5692 .erp-case-details p { 5693 font-size: 14px; 5694 } 5695 5696 .erp-logo-right { 5697 width: 260px; 5698 height: 260px; 5699 top: 50%; 5700 } 5701 5702 /* Рна Ð¼Ð¾Ð±Ð¸Ð»ÐºÐ°Ñ Ñоже */ 5703 .erp-case-slider .slick-slide { 5704 opacity: 1 !important; 5705 transform: scale(1) !important; 5706 pointer-events: auto; 5707 } 5708} 5709 5710 5711 5712/* ======= ÐбÑÐ°Ñ ÑÑилизаÑÐ¸Ñ ÑекÑии FAQ ======= */ 5713 5714.erp-faq-section { 5715 padding: 100px 0; 5716 background: linear-gradient(90deg, #fff 60%, #f9f9f9 100%); 5717 position: relative; 5718} 5719 5720.erp-faq-title { 5721 font-size: 38px; 5722 font-weight: 800; 5723 color: #222; 5724 margin-bottom: 20px; 5725 position: relative; 5726} 5727 5728.erp-faq-title::after { 5729 content: ''; 5730 display: block; 5731 width: 80px; 5732 height: 4px; 5733 background: #EBC277; 5734 margin-top: 12px; 5735 border-radius: 2px; 5736} 5737 5738.erp-faq-description { 5739 font-size: 18px; 5740 color: #555; 5741 max-width: 700px; 5742 margin-bottom: 50px; 5743 line-height: 1.6; 5744} 5745 5746.accordion-wrapper { 5747 display: flex; 5748 position: relative;
5749 align-items: stretch; 5750} 5751 5752.faq-content { 5753 flex: 1 1 85%; 5754 max-width: 95%; 5755} 5756 5757.erp-faq-label { 5758 flex: 1 1 15%; 5759 display: flex; 5760 align-items: center; 5761 justify-content: center; 5762 writing-mode: vertical-rl; 5763 transform: rotate(180deg); 5764 font-size: 156px; 5765 font-weight: 800; 5766 color: #000; 5767 margin-left: -20px; 5768 letter-spacing: 10px; 5769 opacity: 0.; 5770} 5771 5772/* ======= ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÐºÐ¸ ======= */ 5773@media (max-width: 768px) { 5774 .accordion-wrapper { 5775 flex-direction: column; 5776 } 5777 5778 .faq-content { 5779 max-width: 100%; 5780 } 5781 5782 .erp-faq-label { 5783 display: none; /* СкÑÑваем надпиÑÑ FAQ */ 5784 } 5785 5786 .erp-faq-title { 5787 font-size: 28px; 5788 } 5789 5790 .erp-faq-description { 5791 font-size: 16px; 5792 } 5793} 5794 5795 5796/* СекÑÐ¸Ñ */ 5797.erp-faq-cta-block { 5798 background-color: #3c3c3c; 5799 padding: 60px 0; 5800} 5801 5802/* ÐнÑÑÑеннÑÑ Ð¾Ð±ÐµÑÑка */ 5803.erp-faq-cta-inner { 5804 display: flex; 5805 justify-content: space-between; 5806 align-items: center; 5807 flex-wrap: wrap; 5808} 5809 5810/* ТекÑÑ */ 5811.erp-faq-cta-text { 5812 color: #EBC277; 5813 font-size: 36px; 5814 font-weight: 700; 5815 max-width: 60%; 5816 line-height: 1.4; 5817} 5818 5819/* Ðнопка */ 5820.erp-faq-cta-button { 5821 display: flex; 5822 align-items: center; 5823 justify-content: center; 5824 max-width: 40%; 5825 margin-top: 20px; 5826} 5827 5828/* ÐÑÑг */ 5829.erp-faq-cta-circle { 5830 display: flex; 5831 align-items: center; 5832 justify-content: center; 5833 background-color: #EBC277; 5834 width: 100px; 5835 height: 100px; 5836 border-radius: 50%; 5837 text-decoration: none; 5838 position: relative; 5839 overflow: hidden; 5840} 5841 5842/* СÑÑелка */ 5843.erp-faq-cta-circle .arrow { 5844 display: block; 5845 color: #3c3c3c; 5846 font-weight: bold; 5847 font-size: 64px; 5848 transition: margin-left 0.3s ease; 5849 margin-left: 0; 5850} 5851 5852/* Ð¥Ð¾Ð²ÐµÑ */ 5853.erp-faq-cta-circle:hover .arrow { 5854 margin-left: 22px; 5855} 5856 5857 5858.erp-intro { 5859 padding: 60px 0; 5860} 5861 5862.erp-intro__wrapper { 5863 display: flex; 5864 flex-wrap: wrap; 5865 align-items: flex-start; 5866 justify-content: space-between; 5867 gap: 40px; 5868} 5869 5870.erp-intro__content { 5871 flex: 1 1 50%; 5872 max-width: 700px; 5873 display: flex; 5874 flex-direction: column; 5875 align-items: flex-start; 5876} 5877 5878.erp-intro__content h1 { 5879 margin-bottom: 20px; 5880 text-align: left; 5881 font-size: 65px; 5882 font-weight: 500; /* ÑÑало легÑе */ 5883 line-height: 1.2; 5884 font-family: 'Manrope', sans-serif; 5885} 5886 5887.erp-intro__subtitle { 5888 margin-bottom: 20px; 5889 font-weight: 400; 5890 font-size: 22px; 5891 color: #444; 5892 text-align: left; 5893 font-family: 'Manrope', sans-serif; 5894} 5895 5896.erp-intro__text { 5897 margin-bottom: 25px; 5898 font-size: 18px; 5899 line-height: 1.6; 5900 text-align: left; 5901 font-family: 'Manrope', sans-serif; 5902} 5903 5904.erp-intro__button { 5905 background: #EBC277; 5906 color: #282B2A; 5907 font-size: 20px; 5908 font-family: 'Manrope', sans-serif; 5909 padding: 17px 110px; 5910 border-radius: 30px; 5911 display: inline-block; 5912 text-decoration: none; 5913 transition: 0.3s ease; 5914 font-weight: 500; 5915} 5916 5917.erp-intro__button:hover { 5918 background: #e3b85a; 5919} 5920 5921.erp-intro__video-wrapper { 5922 flex: 1 1 45%; 5923 display: flex; 5924 align-items: flex-start; 5925 justify-content: flex-end; 5926} 5927 5928.erp-intro__video { 5929 width: 100%; 5930 aspect-ratio: 16 / 9; 5931 border-radius: 16px; 5932 overflow: hidden; 5933 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); 5934} 5935 5936.erp-intro__video iframe { 5937 width: 100%; 5938 height: 100%; 5939 display: block; 5940 border: 0; 5941} 5942 5943@media (max-width: 1024px) { 5944 .erp-intro__wrapper { 5945 flex-direction: column; 5946 align-items: flex-start; 5947 } 5948 5949 .erp-intro__content, 5950 .erp-intro__video-wrapper { 5951 flex: 1 1 100%; 5952 max-width: 100%; 5953 } 5954 5955 .erp-intro__video { 5956 width: 100%; 5957 min-height: 320px; 5958 aspect-ratio: 16 / 9; 5959 } 5960 5961 .erp-intro__video iframe { 5962 width: 100%; 5963 height: 100%; 5964 } 5965} 5966 5967 5968@media (max-width: 768px) { 5969 .erp-intro__content h1 { 5970 font-size: 42px; 5971 } 5972 5973 .erp-intro__subtitle { 5974 font-size: 18px; 5975 } 5976 5977 .erp-intro__text { 5978 font-size: 16px; 5979 } 5980 5981 .erp-intro__button { 5982 width: 100%; 5983 padding: 17px 0; 5984 text-align: center; 5985 } 5986} 5987 5988.intro::before { 5989 background: none !important; 5990} 5991 5992.intro__left h1 { 5993 text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 5994} 5995 5996/* --- Ðовний ÑÑналÑний набÑÑ ÑÑилÑв Ð´Ð»Ñ HERO-Ð±Ð»Ð¾ÐºÑ --- */ 5997 5998.micro-hero { 5999 background-size: cover; 6000 background-position: center; 6001 height: 80vh; 6002 min-height: 600px; 6003 display: flex; 6004 align-items: center; 6005 position: relative; 6006 color: #fff; 6007 overflow: hidden; 6008 z-index: 1; 6009} 6010 6011/* ÐÑадÑÑнÑна пÑдкладка */ 6012.micro-hero::before { 6013 content: ''; 6014 position: absolute; 6015 inset: 0; 6016 background: linear-gradient(to right, rgba(10,10,10,0.85), rgba(10,10,10,0.6)); 6017 z-index: 1; 6018} 6019 6020/* ÐнÑмований Ñон â ÑÐµÐ¿Ð»Ñ Ð¿Ð»Ñми */ 6021.animated-bg { 6022 position: absolute; 6023 width: 100%; 6024 height: 100%; 6025 background: radial-gradient(circle at 25% 30%, rgba(235,194,119,0.15), transparent 40%), 6026 radial-gradient(circle at 75% 70%, rgba(235,194,119,0.08), transparent 30%); 6027 animation: float-bg 18s linear infinite; 6028 z-index: 0; 6029} 6030 6031@keyframes float-bg { 6032 0%, 100% { background-position: 25% 30%, 75% 70%; } 6033 50% { background-position: 27% 33%, 73% 68%; } 6034} 6035 6036/* ÐовÑлÑно обеÑÑаÑÑÑÑÑ ÐµÐ»ÐµÐ¼ÐµÐ½Ñ */ 6037.hero-orb { 6038 position: absolute; 6039 width: 300px; 6040 height: 300px; 6041 border-radius: 50%; 6042 background: rgba(255,255,255,0.03); 6043 top: 10%; 6044 right: -100px; 6045 animation: rotate-orb 40s linear infinite; 6046 z-index: 0; 6047} 6048 6049@keyframes rotate-orb { 6050 from { transform: rotate(0deg); } 6051 to { transform: rotate(360deg); } 6052} 6053 6054.hero-content { 6055 display: flex; 6056 justify-content: space-between; 6057 align-items: center; 6058 max-width: 1200px; 6059 margin: 0 auto; 6060 padding: 0 20px; 6061 width: 100%; 6062 position: relative; 6063 z-index: 2; 6064} 6065 6066/* --- ÐÐ½Ð¾Ð²Ð»ÐµÐ½Ñ ÑÑÐ¸Ð»Ñ Ð¢ÐÐЬÐÐ Ð´Ð»Ñ ÑекÑÑового Ð±Ð»Ð¾ÐºÑ (виÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑаÑ) --- */ 6067 6068.hero-text { 6069 flex: 1 1 55%; 6070 text-align: left; /* ÐÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6071 display: flex; 6072 flex-direction: column; 6073 align-items: flex-start; /* ÐÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6074 padding-right: 30px;
6075} 6076 6077.hero-eyebrow { 6078 font-size: 14px; 6079 font-weight: 600; 6080 color: #EBC277 !important; /* ÐÑÑановлено Ð²Ð°Ñ ÐºÐ¾Ð»ÑÑ */ 6081 text-transform: uppercase; 6082 letter-spacing: 1px; 6083 margin-bottom: 15px; 6084 animation: fadeInUp 0.5s ease forwards; 6085 opacity: 0; 6086} 6087 6088.hero-text h1 { 6089 font-size: 52px; 6090 color: #FFFFFF; 6091 margin-bottom: 20px; 6092 animation: fadeInUp 0.6s ease forwards; 6093} 6094 6095.hero-text p { 6096 font-size: 20px; 6097 color: #f0f0f0; 6098 margin-bottom: 35px; 6099 max-width: 600px; 6100 animation: fadeInUp 0.9s ease forwards; 6101 opacity: 0; 6102} 6103 6104.hero-text .btn { 6105 background-color: #EBC277; 6106 color: #111; 6107 padding: 14px 36px; 6108 border-radius: 50px; 6109 font-weight: 600; 6110 font-size: 16px; 6111 text-decoration: none; 6112 animation: fadeInUp 1.3s ease forwards; 6113 opacity: 0; 6114 transition: all 0.3s ease; 6115 display: inline-block; 6116} 6117 6118.hero-text .btn:hover { 6119 background-color: #fff3dc; 6120 color: #000; 6121 transform: translateY(-2px); 6122} 6123/* ------------------------------------------- */ 6124 6125.hero-media { 6126 flex: 1 1 40%; 6127 text-align: right; 6128} 6129 6130.hero-media img { 6131 max-width: 140%; 6132 transform: scale(1.1); 6133 filter: drop-shadow(0 0 25px rgba(0,0,0,0.4)); 6134} 6135 6136.scroll-down { 6137 position: absolute; 6138 bottom: 20px; 6139 left: 50%; 6140 transform: translateX(-50%); 6141 z-index: 3; 6142 width: 30px; 6143 height: 50px; 6144 border: 2px solid #EBC277; 6145 border-radius: 25px; 6146 display: flex; 6147 align-items: flex-start; 6148 justify-content: center; 6149 text-decoration: none; 6150 opacity: 0.85; 6151} 6152 6153.scroll-down span { 6154 width: 6px; 6155 height: 6px; 6156 background: #EBC277; 6157 border-radius: 50%; 6158 margin-top: 8px; 6159 animation: scrollAnim 2s infinite; 6160} 6161 6162@keyframes scrollAnim { 6163 0% { transform: translateY(0); opacity: 1; } 6164 100% { transform: translateY(20px); opacity: 0; } 6165} 6166 6167@keyframes fadeInUp { 6168 0% { opacity: 0; transform: translateY(20px); } 6169 100% { opacity: 1; transform: translateY(0); } 6170} 6171 6172/* ÐдапÑив */ 6173@media screen and (max-width: 768px) { 6174 .hero-content { 6175 flex-direction: column; 6176 text-align: center; 6177 } 6178 6179 .hero-text { 6180 flex: 1 1 100%; 6181 padding-right: 0; /* ÐÑибиÑаÑмо вÑдÑÑÑп на мобÑлÑÐ½Ð¸Ñ */ 6182 } 6183 6184 .hero-media { 6185 display: none; 6186 } 6187 6188 .micro-hero { 6189 height: auto; 6190 padding: 100px 0; 6191 } 6192 6193 .hero-text h1 { 6194 font-size: 36px; 6195 } 6196 6197 .hero-text p { 6198 font-size: 18px; 6199 } 6200 6201 .scroll-down { 6202 bottom: 10px; 6203 } 6204} 6205 6206 6207/* --- СекÑÑÑ "Що вклÑÑаÑ" --- */ 6208 6209/* --- СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÑв Ð±Ð»Ð¾ÐºÑ "Що вклÑÑаÑ" --- */ 6210 6211.erp-includes-header { 6212 margin-bottom: 40px; /* ÐÑдÑÑÑп вÑд заголовкÑв до ÑпиÑÐºÑ */ 6213} 6214 6215.erp-includes-header .eyebrow { 6216 display: block; 6217 margin-bottom: 10px; 6218 color: #EBC277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 6219 font-weight: 600; 6220 text-transform: uppercase; 6221 letter-spacing: 0.5px; 6222 font-size: 14px; 6223} 6224 6225/* ÐновлÑÑмо оÑновний заголовок, Ñоб пÑибÑаÑи вÑдÑÑÑп знизÑ, ÑкÑо Ñ Ð¿Ñдзаголовок */ 6226.erp-includes-text h2 { 6227 margin-bottom: 15px; 6228} 6229 6230.erp-includes-header .subtitle { 6231 font-size: 18px; 6232 color: #666; 6233 line-height: 1.7; 6234 margin-top: 0; 6235} 6236 6237.erp-includes-section { 6238 padding: 100px 20px; 6239 background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%); 6240 position: relative; 6241 overflow: hidden; 6242} 6243 6244.erp-includes-container { 6245 max-width: 1200px; 6246 margin: 0 auto; 6247} 6248 6249.erp-flex { 6250 display: flex; 6251 gap: 60px; 6252 flex-wrap: nowrap; 6253 align-items: center; 6254 justify-content: space-between; 6255} 6256 6257.erp-includes-text { 6258 flex: 0 0 55%; 6259 max-width: 55%; 6260} 6261 6262.erp-includes-text h2 { 6263 font-size: 32px; 6264 color: #111; 6265 margin-bottom: 30px; 6266 position: relative; 6267 line-height: 1.2; 6268} 6269 6270.erp-includes-text h2::after { 6271 content: ''; 6272 display: block; 6273 width: 60px; 6274 height: 4px; 6275 background-color: #EBC277; 6276 margin-top: 12px; 6277 border-radius: 2px; 6278} 6279 6280.erp-includes-grid { 6281 display: grid; 6282 grid-template-columns: 1fr; /* ÐÐÐÐÐÐÐ: 1 блок в ÑÑд */ 6283 gap: 20px; /* ÐеÑÑикалÑний вÑдÑÑÑп мÑж блоками */ 6284} 6285 6286.erp-includes-item { 6287 background: #fdfdfd;
6288 padding: 22px 26px; 6289 border-radius: 12px; 6290 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 6291 transition: transform 0.3s ease, box-shadow 0.3s ease; 6292} 6293 6294.erp-includes-item:hover { 6295 transform: translateY(-4px); 6296 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); 6297} 6298 6299.erp-includes-item h4 { 6300 font-size: 18px; 6301 font-weight: 600; 6302 color: #111; 6303 margin-bottom: 8px; 6304 line-height: 1.3; 6305} 6306 6307.erp-includes-item p { 6308 font-size: 16px; 6309 color: #555; 6310 line-height: 1.6; 6311 margin: 0; 6312} 6313 6314.erp-includes-image { 6315 flex: 0 0 40%; 6316 max-width: 40%; 6317 text-align: center; 6318} 6319 6320.erp-includes-image img { 6321 max-width: 100%; 6322 max-height: 500px; 6323 width: auto; 6324 height: auto; 6325 object-fit: contain; 6326 border-radius: 16px; 6327 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); 6328 transition: transform 0.3s ease; 6329} 6330 6331.erp-includes-image img:hover { 6332 transform: scale(1.03); 6333} 6334 6335/* --- ÐдапÑив --- */ 6336@media screen and (max-width: 992px) { 6337 .erp-flex { 6338 flex-direction: column; 6339 text-align: center; 6340 } 6341 6342 .erp-includes-text h2::after { 6343 margin-left: auto; 6344 margin-right: auto; 6345 } 6346 6347 .erp-includes-text, 6348 .erp-includes-image { 6349 flex: 1 1 100%; 6350 max-width: 100%; 6351 margin-bottom: 40px; 6352 } 6353} 6354.erp-for-section { 6355 padding: 100px 20px; 6356 background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%); 6357 position: relative; 6358 overflow: hidden; 6359} 6360 6361.erp-for-container { 6362 max-width: 1200px; 6363 margin: 0 auto; 6364} 6365 6366.erp-flex { 6367 display: flex; 6368 gap: 60px; 6369 flex-wrap: nowrap; 6370 align-items: center; 6371 justify-content: space-between; 6372} 6373 6374.erp-for-text { 6375 flex: 0 0 55%; 6376 max-width: 55%; 6377} 6378 6379.erp-for-text h2 { 6380 font-size: 32px; 6381 color: #111; 6382 margin-bottom: 30px; 6383 position: relative; 6384 line-height: 1.2; 6385} 6386 6387.erp-for-text h2::after { 6388 content: ''; 6389 display: block; 6390 width: 60px; 6391 height: 4px; 6392 background-color: #EBC277; 6393 margin-top: 12px; 6394 border-radius: 2px; 6395} 6396 6397.erp-for-grid { 6398 display: flex; 6399 flex-direction: column; 6400 gap: 20px; 6401} 6402 6403.erp-for-item { 6404 background: #f7f7f7; 6405 padding: 22px 26px; 6406 border-radius: 12px; 6407 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); 6408 transition: box-shadow 0.3s ease; 6409} 6410 6411.erp-for-item:hover { 6412 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); 6413} 6414 6415.erp-for-item h4 { 6416 font-size: 18px; 6417 font-weight: 600; 6418 color: #111; 6419 margin-bottom: 8px; 6420 line-height: 1.3; 6421} 6422 6423.erp-for-item p { 6424 font-size: 16px; 6425 color: #555; 6426 line-height: 1.6; 6427 margin: 0; 6428} 6429 6430.erp-for-image { 6431 flex: 0 0 40%; 6432 max-width: 40%; 6433 text-align: center; 6434} 6435 6436.erp-for-image img { 6437 max-width: 100%; 6438 max-height: 500px; 6439 object-fit: contain; 6440 border-radius: 16px; 6441 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); 6442 transition: transform 0.3s ease; 6443} 6444 6445.erp-for-image img:hover { 6446 transform: scale(1.03); 6447} 6448 6449/* ð± ÐдапÑив */ 6450@media screen and (max-width: 992px) { 6451 .erp-flex { 6452 flex-direction: column; 6453 text-align: center; 6454 } 6455 6456 .erp-for-text, 6457 .erp-for-image { 6458 flex: 1 1 100%; 6459 max-width: 100%; 6460 } 6461 6462 .erp-for-text h2::after { 6463 margin-left: auto; 6464 margin-right: auto; 6465 } 6466} 6467 6468 6469.erp-problems-section { 6470 padding: 60px 20px; 6471 background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%); 6472} 6473 6474.erp-problems-container { 6475 max-width: 1200px; 6476 margin: 0 auto; 6477} 6478 6479.erp-problems-container h2 { 6480 font-size: 32px; 6481 color: #111; 6482 margin-bottom: 30px; 6483 line-height: 1.2; 6484 position: relative; 6485 text-align: left; 6486} 6487 6488.erp-problems-container h2::after { 6489 content: ''; 6490 display: block; 6491 width: 60px; 6492 height: 4px; 6493 background-color: #EBC277; 6494 margin-top: 10px; 6495 border-radius: 2px; 6496} 6497 6498/* СÑÑка: 2 блоки звеÑÑ Ñ (50%), 3 Ð·Ð½Ð¸Ð·Ñ (33%) */ 6499.erp-problems-grid { 6500 display: flex; 6501 flex-wrap: wrap; 6502 gap: 20px; 6503} 6504 6505/* ÐагалÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð±Ð»Ð¾ÐºÑв */ 6506.erp-problem-item { 6507 background: #ffffff; 6508 padding: 22px 26px 22px 48px; 6509 border-left: 4px solid #EBC277; 6510 border-radius: 10px; 6511 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 6512 box-sizing: border-box; 6513 position: relative; 6514 transition: transform 0.3s ease, box-shadow 0.3s ease; 6515 min-height: 120px; 6516 display: flex; 6517 flex-direction: column; 6518 justify-content: center; 6519} 6520 6521/* âï¸ ÐÑÑжок */ 6522.erp-problem-item::before { 6523 content: "!"; 6524 position: absolute; 6525 top: 16px; 6526 left: 16px; 6527 width: 24px; 6528 height: 24px; 6529 line-height: 24px; 6530 background-color: #EBC277; 6531 color: #111; 6532 font-weight: bold; 6533 font-size: 14px; 6534 text-align: center; 6535 border-radius: 50%; 6536 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 6537} 6538 6539/* ÐÑÐµÐºÑ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 6540.erp-problem-item:hover { 6541 transform: translateY(-3px); 6542 box-shadow: 0 6px 12px rgba(0,0,0,0.08); 6543} 6544 6545/* ÐеÑÑÑ 2 блоки */ 6546.erp-problem-item:nth-child(-n+2) {
6547 flex: 1 1 calc(50% - 10px); 6548} 6549 6550/* ÐаÑÑÑÐ¿Ð½Ñ 3 блоки */ 6551.erp-problem-item:nth-child(n+3) { 6552 flex: 1 1 calc(33.333% - 13.33px); 6553} 6554 6555/* ТекÑÑ */ 6556.erp-problem-item p { 6557 font-size: 16px; 6558 color: #333; 6559 line-height: 1.6; 6560 margin: 0; 6561} 6562 6563.erp-problem-item p strong { 6564 display: block; 6565 margin-bottom: 6px; 6566} 6567 6568.erp-problem-desc { 6569 font-size: 14px; 6570 color: #777; 6571 line-height: 1.4; 6572 margin-top: 4px; 6573} 6574 6575/* ð± ÐдапÑив */ 6576@media screen and (max-width: 992px) { 6577 .erp-problem-item { 6578 flex: 1 1 100% !important; 6579 } 6580 6581 .erp-problems-container h2::after { 6582 margin-left: 0; 6583 } 6584} 6585 6586 6587.erp-problems-cta { 6588 text-align: left; 6589 margin-top: 50px; 6590} 6591 6592.btn.btn-small-cta { 6593 display: inline-block; 6594 background: #EBC277; 6595 color: #111; 6596 padding: 16px 50px; 6597 border-radius: 50px; 6598 font-size: 18px; 6599 font-weight: 600; 6600 text-decoration: none; 6601 transition: background 0.3s ease, transform 0.3s ease; 6602 min-width: 280px; /* ÐÑобимо ÑÑ ÑиÑÑÐ¾Ñ */ 6603 text-align: center; 6604} 6605 6606.btn.btn-small-cta:hover { 6607 background: #d6a84f; 6608 transform: scale(1.04); 6609} 6610 6611.erp-between-image { 6612 display: none; /* за замовÑÑваннÑм пÑÐ¸Ñ Ð¾Ð²Ð°Ð½Ð¾ */ 6613 width: 100%; 6614 margin: 40px 0; 6615 text-align: center; 6616} 6617 6618.erp-between-image img { 6619 max-width: 100%; 6620 height: auto; 6621 border-radius: 12px; 6622 box-shadow: 0 4px 20px rgba(0,0,0,0.08); 6623 transition: transform 0.3s ease; 6624} 6625 6626.erp-between-image img:hover { 6627 transform: scale(1.02); 6628} 6629 6630/* ð± ÐоказÑÑмо каÑÑÐ¸Ð½ÐºÑ ÑÑлÑки на мобÑлÑÐ½Ð¸Ñ / планÑеÑÐ°Ñ */ 6631@media screen and (max-width: 992px) { 6632 .erp-between-image { 6633 display: block; 6634 } 6635 6636 /* РпÑÐ¸Ñ Ð¾Ð²ÑÑмо Ð±Ð¾ÐºÐ¾Ð²Ñ ÐºÐ°ÑÑинки */ 6637 .erp-includes-image, 6638 .erp-for-image { 6639 display: none; 6640 } 6641} 6642 6643/* ÐоÑаÑковий ÑÑан анÑмаÑÑÑ */ 6644.erp-animated { 6645 opacity: 0; 6646 transform: translateY(30px); 6647 transition: opacity 0.8s ease, transform 0.8s ease; 6648} 6649 6650/* Ðоли ÑекÑÑÑ Ð·Ê¼ÑвилаÑÑ */ 6651.erp-animated.visible { 6652 opacity: 1; 6653 transform: translateY(0); 6654} 6655 6656 6657 6658.erp-steps-section { 6659 padding: 100px 20px; 6660 background: 6661 radial-gradient(circle at 25% 40%, rgba(235, 194, 119, 0.1) 0%, rgba(255, 255, 255, 0.9) 60%), 6662 #ffffff; 6663 position: relative; 6664 overflow: hidden; 6665} 6666 6667.erp-steps-container { 6668 max-width: 1000px; 6669 margin: 0 auto; 6670 text-align: left; /* ÐÑÑ ÐµÐ»ÐµÐ¼ÐµÐ½Ñи в конÑейнеÑÑ Ð±ÑдÑÑÑ Ð²Ð¸ÑÑвнÑÐ½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6671 position: relative; 6672} 6673 6674.erp-steps-container h2 { 6675 font-size: 40px; /* ÐбÑлÑÑено ÑозмÑÑ ÑÑиÑÑÑ */ 6676 color: #111; 6677 margin-bottom: 10px; /* ÐменÑено вÑдÑÑÑп Ð·Ð½Ð¸Ð·Ñ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° */ 6678 line-height: 1.2; 6679 position: relative; 6680} 6681 6682.erp-steps-container h2::after { 6683 content: none; /* ÐÐ¸Ð´Ð°Ð»ÐµÐ½Ð½Ñ Ð»ÑнÑÑ */ 6684 display: none; 6685} 6686 6687.erp-steps-subtitle { 6688 font-size: 1.5rem; /* ÐбÑлÑÑено ÑозмÑÑ ÑÑиÑÑÑ */ 6689 color: #666; 6690 text-align: left; /* ÐалиÑаÑмо виÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 6691 margin-top: 0; /* ÐÐ¸Ð´Ð°Ð»ÐµÐ½Ð½Ñ Ð²ÑдÑÑÑÐ¿Ñ Ð·Ð²ÐµÑÑ Ñ, Ñоб вÑн бÑв ближÑе до заголовка */ 6692 margin-bottom: 40px; /* Ðодано бÑлÑÑий вÑдÑÑÑп Ð·Ð½Ð¸Ð·Ñ */ 6693} 6694 6695.erp-steps-grid { 6696 display: grid; 6697 grid-template-columns: repeat(2, 1fr); 6698 grid-template-rows: repeat(2, 1fr); 6699 gap: 40px 60px; 6700 position: relative; 6701} 6702 6703.erp-step-item { 6704 padding: 20px; 6705 display: flex; 6706 flex-direction: column; 6707 align-items: center; 6708 justify-content: center; 6709 transition: transform 0.3s ease; 6710 background: transparent; 6711 text-align: center; 6712} 6713 6714.erp-step-item:hover { 6715 transform: scale(1.03); 6716} 6717 6718.erp-step-icon { 6719 width: 70px; 6720 height: 70px; 6721 background: rgba(235, 194, 119, 0.2); /* Ðегкий Ñон, не кÑиÑÑÑий */ 6722 border-radius: 50%; 6723 display: flex; 6724 align-items: center; 6725 justify-content: center; 6726 margin-bottom: 16px; 6727 box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* легка ÑÑÐ½Ñ */ 6728 transition: background 0.3s ease, transform 0.3s ease; 6729} 6730 6731.erp-step-item:hover .erp-step-icon { 6732 transform: scale(1.08); 6733 background: #EBC277; 6734} 6735 6736.erp-step-icon img { 6737 max-width: 32px; 6738 max-height: 32px; 6739} 6740 6741.erp-step-item h3 { 6742 font-size: 18px; 6743 color: #111; 6744 margin-bottom: 8px; 6745} 6746 6747.erp-step-item p { 6748 font-size: 15px; 6749 color: #555; 6750 line-height: 1.5; 6751 margin: 0; 6752 max-width: 280px; 6753} 6754 6755/* Ð¥ÑеÑÑики-нÑлики лÑнÑÑ */ 6756.erp-steps-grid::before, 6757.erp-steps-grid::after {
6758 content: ''; 6759 position: absolute; 6760 background: #ddd; 6761} 6762 6763.erp-steps-grid::before { 6764 top: 50%; 6765 left: 0; 6766 width: 100%; 6767 height: 1px; 6768 transform: translateY(-0.5px); 6769} 6770 6771.erp-steps-grid::after { 6772 top: 0; 6773 left: 50%; 6774 height: 100%; 6775 width: 1px; 6776 transform: translateX(-0.5px); 6777} 6778 6779/* ð± ÐдапÑив */ 6780@media screen and (max-width: 768px) { 6781 .erp-steps-grid { 6782 display: flex; 6783 flex-direction: column; 6784 gap: 30px; 6785 } 6786 6787 .erp-steps-grid::before, 6788 .erp-steps-grid::after { 6789 display: none; 6790 } 6791 6792 .erp-step-item { 6793 margin-bottom: 20px; 6794 } 6795 6796 .erp-steps-container h2::after { 6797 margin-left: 0; 6798 } 6799} 6800 6801.erp-step-item { 6802 position: relative; 6803} 6804 6805/* СÑвоÑÑÑмо нÑмеÑаÑÑÑ Ð·Ð° Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ :nth-child */ 6806.erp-step-item:nth-child(1)::before { 6807 content: "01"; 6808} 6809 6810.erp-step-item:nth-child(2)::before { 6811 content: "02"; 6812} 6813 6814.erp-step-item:nth-child(3)::before { 6815 content: "03"; 6816} 6817 6818.erp-step-item:nth-child(4)::before { 6819 content: "04"; 6820} 6821 6822/* СÑÐ¸Ð»Ñ Ñамого номеÑа */ 6823.erp-step-item::before { 6824 position: absolute; 6825 top: -10px; 6826 left: -10px; 6827 font-size: 20px; 6828 color: #EBC277; 6829 font-weight: bold; 6830} 6831 6832 6833/* -- Ðлок CTA (з ÑоÑмоÑ) -- */ 6834.erp-cta-hero { 6835 position: relative; 6836 background-size: cover; 6837 background-position: center top; 6838 padding: 140px 20px; 6839 color: #fff; 6840 text-align: center; 6841 overflow: hidden; 6842 min-height: 500px; 6843} 6844 6845.erp-cta-hero-overlay { 6846 position: absolute; 6847 top: 0; left: 0; 6848 width: 100%; height: 100%; 6849 background: linear-gradient(135deg, rgba(17,17,17,0.7) 0%, rgba(34,34,34,0.5) 100%); 6850 z-index: 1; 6851} 6852 6853.erp-cta-hero-content { 6854 position: relative; 6855 z-index: 2; 6856 max-width: 800px; 6857 margin: 0 auto; 6858 top: 140px; 6859} 6860 6861.erp-cta-hero-content h2 { 6862 font-size: 42px; 6863 margin-bottom: 20px; 6864 line-height: 1.3; 6865 color: #fff; 6866} 6867 6868.erp-cta-hero-content .cta-sub { 6869 font-size: 20px; 6870 margin-bottom: 35px; 6871 color: #ddd; 6872} 6873 6874/* -- СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑоÑми Contact Form 7 -- */ 6875.erp-cta-form-wrapper { 6876 max-width: 500px; 6877 margin: 0 auto; 6878 background: rgba(255, 255, 255, 0.1); 6879 backdrop-filter: blur(10px); 6880 border-radius: 12px; 6881 padding: 30px; 6882} 6883 6884.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit) { 6885 display: block; 6886 width: 100%; 6887 padding: 16px 20px; 6888 margin-bottom: 20px; 6889 border: none; 6890 border-radius: 8px; 6891 background: rgba(255, 255, 255, 0.9); 6892 color: #333; 6893 font-size: 16px; 6894 font-weight: 500; 6895 transition: all 0.3s ease; 6896} 6897 6898.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit)::placeholder { 6899 color: #999; 6900} 6901 6902.erp-cta-form-wrapper .wpcf7-form-control:not(.wpcf7-submit):focus { 6903 outline: none; 6904 box-shadow: 0 0 0 3px #EBC277; 6905} 6906 6907.erp-cta-form-wrapper .wpcf7-submit { 6908 display: block; 6909 width: 100%; 6910 border: none; 6911 background: #EBC277; 6912 color: #111; 6913 padding: 18px 20px; 6914 border-radius: 8px; 6915 font-size: 18px; 6916 font-weight: 600; 6917 cursor: pointer; 6918 transition: background 0.3s ease, transform 0.3s ease; 6919} 6920 6921.erp-cta-form-wrapper .wpcf7-submit:hover { 6922 background: #d6a84f; 6923 transform: translateY(-2px); 6924} 6925 6926 6927 6928.about__stats { 6929 padding: 100px 0; 6930 background-color: #fff; 6931 padding-bottom: 0px 6932} 6933 6934.about__stats-title { 6935 font-size: 42px; /* бÑло 36px */ 6936 font-weight: 800; 6937 text-align: left; 6938 margin-bottom: 60px; 6939 color: #111; 6940 letter-spacing: -0.5px; 6941} 6942 6943.about__stats-grid { 6944 display: grid; 6945 grid-template-columns: repeat(4, 1fr); 6946 gap: 60px; 6947} 6948 6949.about__stats-item { 6950 position: relative; 6951 text-align: left; 6952 min-height: 250px; 6953} 6954 6955.about__stats-dots { 6956 position: absolute; 6957 top: -50px; /* виÑе */ 6958 left: 40px; /* пÑавÑÑе */ 6959 width: 120px; 6960 height: 120px; 6961 background-image: radial-gradient(#999 1px, transparent 1px); /* ÑемнÑÑÑ ÑоÑки */ 6962 background-size: 10px 10px; 6963 opacity: 0.35; /* ÑÑÐ¾Ñ Ð¸ ÑнÑенÑивнÑÑе */ 6964 z-index: 0; 6965 pointer-events: none; 6966 6967} 6968 6969 6970.about__stats-number { 6971 font-size: 84px; /* бÑло 72px */ 6972 font-weight: 900; 6973 color: #ebc277; 6974 margin-bottom: 12px; 6975 line-height: 1.1; 6976 position: relative; 6977 z-index: 1; 6978text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 6979 6980} 6981 6982.about__stats-label { 6983 font-size: 18px; /* бÑло 15px */ 6984 font-weight: 700; 6985 text-transform: uppercase; 6986 color: #1a1a1a; 6987 letter-spacing: 0.8px; 6988 margin-bottom: 18px; 6989 position: relative; 6990 z-index: 1; 6991 display: inline-block; 6992 background: linear-gradient(to right, #ebc277 0%, #fbe9bd 100%); 6993 padding: 2px 8px; 6994 border-radius: 6px; 6995} 6996 6997 6998.about__stats-label::after {
6999 content: ''; 7000 display: block; 7001 width: 40px; 7002 height: 2px; 7003 background-color: #ebc277; 7004 margin-top: 12px; 7005} 7006 7007.about__stats-desc { 7008 font-size: 18px; /* бÑло 16px */ 7009 color: #333; /* ÑемнÑÑе */ 7010 font-weight: 500; /* жиÑнÑÑе */ 7011 line-height: 1.7; 7012 max-width: 360px; 7013 position: relative; 7014 z-index: 1; 7015} 7016 7017 7018/* Responsive */ 7019@media (max-width: 1024px) { 7020 .about__stats-grid { 7021 grid-template-columns: repeat(2, 1fr); 7022 } 7023} 7024 7025@media (max-width: 600px) { 7026 .about__stats-grid { 7027 grid-template-columns: 1fr; 7028 } 7029 7030 .about__stats-number { 7031 font-size: 52px; 7032 } 7033 7034 .about__stats-title { 7035 font-size: 28px; 7036 } 7037} 7038 7039.intro { 7040 position: relative; 7041} 7042 7043.intro__shadow { 7044 position: absolute; 7045 bottom: 0; 7046 left: 0; 7047 width: 100vw; 7048 height: 300px; /* ÑвелиÑена вÑÑоÑа */ 7049 background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 75%); 7050 pointer-events: none; 7051 z-index: 1; 7052 transform: translateY(30px); /* немного ниже поддвигаем */ 7053} 7054 7055.intro__inner { 7056 position: relative; 7057 z-index: 2; 7058} 7059.intro__inner .btn { 7060 position: relative; 7061 z-index: 3; /* вÑÑе Ñени */ 7062 box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3); /* ÑвеÑÐ»Ð°Ñ Ð¿Ð¾Ð´ÑвеÑка */ 7063 transition: box-shadow 0.3s ease; 7064} 7065 7066.intro__inner .btn:hover { 7067 box-shadow: 0 6px 24px rgba(255, 255, 255, 0.5); 7068} 7069 7070.intro__inner .btn { 7071 position: relative; 7072 z-index: 3; 7073 box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3); 7074 transition: all 0.4s ease-in-out; 7075} 7076 7077 7078 7079 7080.about__who.with-photo { 7081 position: relative; 7082 display: flex; 7083 align-items: center; 7084 justify-content: space-between; 7085 gap: 60px; 7086 padding: 100px 0; 7087 padding-left: 40px; 7088 padding-bottom: 0px 7089} 7090 7091/* коÑоÑка веÑÑикалÑна лÑнÑÑ Ð·Ð»Ñва */ 7092.about__who.with-photo::before { 7093 content: ""; 7094 position: absolute; 7095 left: 0; 7096 top: 60px; 7097 width: 6px; 7098 height: 100px; 7099 background-color: #ebc277; 7100} 7101 7102/* ÑÑнÑове Ñлово BURO */ 7103.about__who.with-photo::after { 7104 content: "BURO"; 7105 position: absolute; 7106 top: -40px; 7107 left: 0; 7108 font-size: 180px; 7109 font-weight: 900; 7110 color: #f7f7f7; 7111 z-index: 0; 7112 pointer-events: none; 7113 line-height: 1; 7114 letter-spacing: -5px; 7115 user-select: none; 7116} 7117 7118.about__who-text-side { 7119 flex: 1; 7120 position: relative; 7121 z-index: 1; 7122} 7123 7124.about__intro-badge { 7125 display: inline-block; 7126 background-color: #fff8e0; 7127 color: #ebc277; 7128 font-weight: 700; 7129 text-transform: uppercase; 7130 font-size: 13px; 7131 letter-spacing: 1px; 7132 padding: 4px 12px; 7133 border-radius: 999px; 7134 margin-bottom: 20px; 7135} 7136 7137.about__intro-title { 7138 font-size: 42px; 7139 font-weight: 800; 7140 line-height: 1.3; 7141 color: #111; 7142 margin-bottom: 28px; 7143} 7144 7145.highlighted-title { 7146 position: relative; 7147 display: inline-block; 7148 z-index: 1; 7149} 7150 7151.highlighted-title::before { 7152 content: ""; 7153 position: absolute; 7154 left: -6px; 7155 bottom: 5px; 7156 width: 110%; 7157 height: 50%; 7158 background: #fff2d5; 7159 transform: skew(-3deg); 7160 z-index: -1; 7161 border-radius: 4px; 7162} 7163 7164.about__intro-text p { 7165 font-size: 18px; 7166 line-height: 1.7; 7167 color: #444; 7168 max-width: 700px; 7169 margin-bottom: 18px; 7170} 7171 7172.about__who-photo-side { 7173 flex: 1; 7174 position: relative; 7175 text-align: right; 7176 z-index: 1; 7177} 7178 7179.about__who-photo { 7180 max-width: 100%; 7181 max-height: 420px; 7182 object-fit: contain; 7183 border-radius: 0; 7184 box-shadow: none; 7185} 7186 7187/* плаÑка пÑд ÑоÑо ÑÑлÑки на ÑÐºÑ Ð²ÐµÑÑÑÑ */ 7188.photo-caption { 7189 position: absolute; 7190 bottom: 20px; 7191 right: 20px; 7192 background: #ebc277; 7193 color: #111; 7194 font-weight: 600; 7195 padding: 8px 14px; 7196 border-radius: 10px; 7197 font-size: 14px; 7198 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); 7199} 7200 7201 7202 7203/* адапÑив */ 7204@media (max-width: 1024px) { 7205 .about__who.with-photo { 7206 flex-direction: column; 7207 padding: 60px 20px; 7208 } 7209 7210 .about__intro-title { 7211 font-size: 32px; 7212 } 7213 7214 .about__who-photo-side { 7215 text-align: center; 7216 margin-top: 30px; 7217 } 7218 7219 .about__who-photo { 7220 max-height: 320px; 7221 max-width: 360px; 7222 } 7223} 7224.about__who.with-photo::before { 7225 content: ""; 7226 position: absolute; 7227 left: 0; 7228 top: 60px; 7229 width: 2px; 7230 height: 0; 7231 background-image: repeating-linear-gradient( 7232 to bottom, 7233 #ebc277, 7234 #ebc277 6px, 7235 transparent 6px, 7236 transparent 12px 7237 ); 7238 animation: growDashedLine 1.4s ease-out forwards; 7239 opacity: 0; 7240} 7241 7242.about__who.with-photo::after {
7243 content: ""; 7244 position: absolute; 7245 left: -5px; 7246 top: 190px; /* вÑдÑÑÑп вÑд лÑнÑÑ Ð²Ð½Ð¸Ð· */ 7247 width: 12px; 7248 height: 12px; 7249 background-color: #ebc277; 7250 border-radius: 50%; 7251 transform: scale(0.5); 7252 opacity: 0; 7253 animation: popInDot 0.6s ease-out 1.4s forwards; 7254 box-shadow: 0 0 0 rgba(235, 194, 119, 0.5); 7255 z-index: 2; 7256} 7257 7258.about__who.with-photo::after { 7259 content: "BURO"; 7260 position: absolute; 7261 top: -40px; 7262 left: 0; 7263 font-size: 180px; 7264 font-weight: 900; 7265 color: #f7f7f7; 7266 z-index: 0; 7267 pointer-events: none; 7268 line-height: 1; 7269 letter-spacing: -5px; 7270 user-select: none; 7271 opacity: 0.25; 7272} 7273 7274 7275/* ÐнÑмаÑÑÑ Ð·ÑоÑÑÐ°Ð½Ð½Ñ Ð¿ÑнкÑиÑÑ */ 7276@keyframes growDashedLine { 7277 from { 7278 height: 0; 7279 opacity: 0; 7280 } 7281 to { 7282 height: 130px; /* ÑÑÐ¾Ñ Ð¸ менÑе нÑж top ÑоÑки */ 7283 opacity: 1; 7284 } 7285} 7286 7287/* ÐнÑмаÑÑÑ ÑоÑки без Ð·Ð½Ð¸ÐºÐ½ÐµÐ½Ð½Ñ */ 7288@keyframes popInDot { 7289 0% { 7290 transform: scale(0.5); 7291 opacity: 0; 7292 box-shadow: 0 0 0 0 rgba(235, 194, 119, 0.4); 7293 } 7294 60% { 7295 transform: scale(1.2); 7296 opacity: 1; 7297 box-shadow: 0 0 0 10px rgba(235, 194, 119, 0); 7298 } 7299 100% { 7300 transform: scale(1); 7301 opacity: 1; 7302 box-shadow: 0 0 0 0 rgba(235, 194, 119, 0); 7303 } 7304} 7305@media (max-width: 768px) { 7306 .about__who-photo-side { 7307 text-align: center; 7308 margin-top: -14px; 7309 margin-bottom: 0; /* ð§ зменÑено до нÑÐ»Ñ */ 7310 width: 100%; 7311 } 7312 7313 .about__who-photo { 7314 width: 100%; 7315 height: auto; 7316 max-width: 100%; 7317 border-radius: 12px; 7318 object-fit: cover; 7319 display: block; 7320 margin: 0 auto; 7321 } 7322} 7323 7324 7325 7326.about__advantages { 7327 padding: 120px 0; 7328 background-color: #fefcf9; 7329 position: relative; 7330 padding-bottom: 30px 7331} 7332 7333.about__advantages-title { 7334 font-size: 48px; 7335 font-weight: 800; 7336 line-height: 1.2; 7337 color: #111; 7338 margin-bottom: 60px; 7339 text-align: left; 7340} 7341 7342 7343.about__advantages-title::before { 7344 content: ""; 7345 display: block; 7346 width: 60px; 7347 height: 6px; 7348 background-color: #ebc277; 7349 margin-bottom: 16px; 7350 border-radius: 3px; 7351} 7352 7353.about__advantages-grid { 7354 display: grid; 7355 grid-template-columns: repeat(4, 1fr); 7356 gap: 32px; 7357} 7358 7359/* ÐаÑÑоÑка */ 7360.about__advantage-card { 7361 background: #fffefc; 7362 padding: 28px 28px 28px 36px; 7363 border-left: 6px solid #ebc277; 7364 border-radius: 16px; 7365 position: relative; 7366 transition: transform 0.25s ease, box-shadow 0.25s ease; 7367 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); 7368} 7369 7370.about__advantage-card:hover { 7371 transform: translateY(-6px); 7372 box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08); 7373} 7374 7375/* ШиÑÐ¾ÐºÑ ÐºÐ°ÑÑоÑки */ 7376.about__advantage-card--wide { 7377 grid-column: span 2; 7378} 7379 7380/* ÐÑапка маÑÐºÐµÑ */ 7381.about__advantage-marker { 7382 position: absolute; 7383 left: -12px; 7384 top: 28px; 7385 width: 12px; 7386 height: 12px; 7387 background-color: #ebc277; 7388 border-radius: 50%; 7389 box-shadow: 0 0 0 2px #fff; 7390} 7391 7392/* ÐÑмеÑаÑÑÑ */ 7393.about__advantage-index { 7394 font-size: 14px; 7395 font-weight: 700; 7396 color: #bbb; 7397 letter-spacing: 1px; 7398 margin-bottom: 6px; 7399 display: block; 7400 text-transform: uppercase; 7401} 7402 7403/* Ðаголовок Ð±Ð»Ð¾ÐºÑ */ 7404.about__advantage-header { 7405 font-size: 20px; 7406 font-weight: 700; 7407 color: #111; 7408 margin-bottom: 14px; 7409} 7410 7411/* ТекÑÑ Ð±Ð»Ð¾ÐºÑ */ 7412.about__advantage-text { 7413 font-size: 17px; 7414 line-height: 1.7; 7415 color: #444; 7416} 7417 7418/* ÐдапÑиви */ 7419@media (max-width: 1024px) { 7420 .about__advantages-grid { 7421 grid-template-columns: repeat(2, 1fr); 7422 } 7423 7424 .about__advantage-card--wide { 7425 grid-column: span 2; 7426 } 7427 7428 .about__advantages-title { 7429 font-size: 36px; 7430 } 7431} 7432 7433@media (max-width: 600px) { 7434 .about__advantages-grid { 7435 grid-template-columns: 1fr; 7436 } 7437 7438 .about__advantage-card--wide { 7439 grid-column: span 1; 7440 } 7441 7442 .about__advantages-title { 7443 font-size: 28px; 7444 text-align: left; 7445 } 7446 7447 .about__advantage-card { 7448 padding: 24px 20px 24px 28px; 7449 } 7450} 7451 7452 7453 7454.problock { 7455 padding: 100px 0; 7456 position: relative; 7457} 7458 7459.problock__title { 7460 font-size: 42px; 7461 font-weight: 800; 7462 color: #111; 7463 margin-bottom: 48px; 7464 text-align: left; 7465 position: relative; 7466} 7467 7468.problock__title::before { 7469 content: ""; 7470 display: block; 7471 width: 50px; 7472 height: 5px; 7473 background-color: #ebc277; 7474 margin-bottom: 16px; 7475 border-radius: 3px; 7476} 7477 7478.problock__grid { 7479 display: grid; 7480 grid-template-columns: repeat(2, 1fr); 7481 gap: 32px; 7482} 7483 7484.problock__item { 7485 display: flex; 7486 align-items: flex-start; 7487 background: #fff; 7488 padding: 28px 32px; 7489 border-left: 5px solid #ebc277; 7490 border-radius: 16px; 7491 box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06); 7492 position: relative; 7493 transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; 7494} 7495 7496.problock__item:hover { 7497 background: #fffdf5; 7498 transform: translateY(-4px); 7499 box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08); 7500} 7501 7502/* Ðконка в кÑÑжеÑÐºÑ */ 7503.problock__icon { 7504 width: 32px; 7505 height: 32px; 7506 background-color: #fff5db; 7507 border-radius: 50%; 7508 display: flex; 7509 align-items: center; 7510 justify-content: center; 7511 flex-shrink: 0; 7512 margin-right: 14px; 7513 margin-top: 4px; 7514 position: relative; 7515 transition: background 0.3s ease; 7516} 7517 7518.problock__icon span { 7519 position: absolute; 7520 top: 50%; 7521 left: 50%; 7522 transform: translate(-50%, -50%); 7523 font-size: 18px; 7524 transition: opacity 0.3s ease; 7525} 7526 7527.icon-warn { 7528 opacity: 1; 7529} 7530.icon-check { 7531 opacity: 0; 7532} 7533 7534.problock__item:hover .icon-warn { 7535 opacity: 0; 7536} 7537.problock__item:hover .icon-check { 7538 opacity: 1; 7539} 7540 7541/* ÐбгоÑÑка ÑекÑÑÑ */ 7542.problock__text-wrap { 7543 position: relative; 7544 flex: 1; 7545} 7546 7547/* ÐÑоблема Ñа ÑÑÑÐµÐ½Ð½Ñ */ 7548.problock__text-wrap .problem, 7549.problock__text-wrap .solution { 7550 display: block; 7551 transition: all 0.4s ease; 7552} 7553 7554.problock__text-wrap .solution { 7555 position: absolute; 7556 top: 0; 7557 left: 0; 7558 opacity: 0; 7559 transform: translateY(10px); 7560 color: #333; 7561 font-style: italic; 7562} 7563 7564/* Ðлавна замÑна ÑекÑÑÑ */ 7565.problock__item:hover .problem { 7566 opacity: 0; 7567 transform: translateY(-10px); 7568} 7569
7570.problock__item:hover .solution { 7571 opacity: 1; 7572 transform: translateY(0); 7573} 7574 7575/* РозмÑÑ ÑекÑÑÑ â збÑлÑÑено */ 7576.problem, 7577.solution { 7578 font-size: 19px; 7579 line-height: 1.7; 7580 margin: 0; 7581 color: #333; 7582 font-weight: 500; 7583} 7584 7585/* ÐдапÑив */ 7586@media (max-width: 768px) { 7587 .problock__grid { 7588 grid-template-columns: 1fr; 7589 } 7590 7591 .problock__title { 7592 font-size: 32px; 7593 } 7594 7595 .problock__item { 7596 padding: 22px; 7597 } 7598 7599 .problem, 7600 .solution { 7601 font-size: 18px; 7602 } 7603} 7604 7605 7606 7607 7608.erp-audience__grid { 7609 display: flex; 7610 flex-wrap: wrap; 7611 gap: 24px; 7612 margin-top: 40px; 7613} 7614 7615.erp-audience__card { 7616 background: #fff; 7617 border: 1px solid #e1e4e8; 7618 border-radius: 16px; 7619 padding: 24px; 7620 flex: 1 1 calc(33.333% - 16px); 7621 box-shadow: 0 4px 16px rgba(0,0,0,0.04); 7622 display: flex; 7623 flex-direction: column; 7624 position: relative; 7625 transition: transform 0.3s ease; 7626} 7627 7628.erp-audience__card:hover { 7629 transform: translateY(-4px); 7630} 7631 7632.erp-audience__card--half { 7633 flex: 1 1 calc(50% - 12px); 7634} 7635 7636.erp-audience__icon { 7637 width: 40px; 7638 height: 40px; 7639 margin-bottom: 12px; 7640} 7641 7642.erp-audience__card-title { 7643 font-size: 20px !important; 7644 font-weight: 700; 7645 margin-bottom: 12px; 7646 color: #1a1a1a; 7647} 7648 7649.erp-audience__tag { 7650 display: inline-block; 7651 font-size: 13px; 7652 font-weight: 600; 7653 color: #fff; 7654 background: #444; 7655 border-radius: 12px; 7656 padding: 4px 10px; 7657 margin-bottom: 8px; 7658} 7659 7660.erp-audience__desc { 7661 font-size: 15px; 7662 color: #444; 7663 line-height: 1.5; 7664} 7665 7666 7667.erp-audience__tag { 7668 display: inline-flex; 7669 align-items: center; 7670 gap: 6px; 7671 font-size: 13px; 7672 font-weight: 600; 7673 color: #2b6cb0; 7674 border: 1px solid #c3dafe; 7675 background-color: #ebf8ff; 7676 border-radius: 999px; 7677 padding: 4px 10px; 7678} 7679 7680.erp-audience__tag { 7681 display: inline-flex; 7682 align-items: center; 7683 gap: 6px; 7684 font-size: 13px; 7685 font-weight: 600; 7686 color: #5a4425; 7687 border: 1px solid #ebc277; 7688 background-color: #fff9f0; 7689 border-radius: 999px; 7690 padding: 4px 12px; 7691 margin-bottom: 10px; 7692 transition: background-color 0.3s ease; 7693} 7694 7695.erp-audience__tag:hover { 7696 background-color: #ebc277; 7697 color: #000; 7698} 7699 7700@media (max-width: 767.98px) { 7701 .erp-audience__grid { 7702 display: flex; 7703 flex-direction: column; 7704 gap: 20px; 7705 } 7706 7707 .erp-audience__card { 7708 width: 100%; 7709 } 7710 7711 /* ЯкÑо поÑÑÑбно â ÑпеÑÑалÑно видÑлиÑи пеÑÑÑ Ð´Ð²Ð° блоки */ 7712 .erp-audience__card:nth-child(1), 7713 .erp-audience__card:nth-child(2) { 7714 order: initial; /* можна кеÑÑваÑи поÑÑдком за поÑÑеби */ 7715 } 7716} 7717 7718 7719 7720.faq-block { 7721 width: 100%; 7722 padding: 60px 40px; 7723 background-color: #fff7e7; 7724 border-top: 1px solid #e0d2b5; 7725 border-bottom: 1px solid #e0d2b5; 7726} 7727 7728.faq-block .faq-inner { 7729 max-width: 1200px; 7730 margin: 0 auto; 7731} 7732 7733.faq-title { 7734 font-size: 32px; 7735 font-weight: 700; 7736 text-align: left; 7737 color: #222; 7738 margin-bottom: 40px; 7739 position: relative; 7740 padding-bottom: 10px; 7741} 7742 7743.faq-title::after { 7744 content: ""; 7745 position: absolute; 7746 bottom: 0; 7747 left: 0; 7748 width: 60px; 7749 height: 3px; 7750 background-color: #ebc277; 7751 border-radius: 2px; 7752} 7753 7754.faq-item { 7755 border-top: 1px solid #e0d2b5; 7756 padding: 0; 7757} 7758 7759.faq-question { 7760 background: none; 7761 border: none; 7762 width: 100%; 7763 text-align: left; 7764 padding: 20px 10px; 7765 font-size: 20px; 7766 font-weight: 600; 7767 color: #333; 7768 cursor: pointer; 7769 position: relative; 7770 display: flex; 7771 justify-content: space-between; 7772 align-items: center; 7773 transition: color 0.3s ease; 7774} 7775 7776.faq-question:hover { 7777 color: #ebc277; 7778} 7779 7780.faq-icon { 7781 font-size: 24px; 7782 color: #ebc277; 7783 transition: transform 0.3s ease; 7784} 7785 7786.faq-answer { 7787 max-height: 0; 7788 overflow: hidden; 7789 transition: max-height 0.5s ease, padding 0.3s ease; 7790 background-color: #fffaf1; 7791 padding: 0 10px; 7792 border-left: 3px solid #ebc277; 7793 margin-left: 8px; 7794} 7795 7796.faq-answer-content { 7797 padding: 0; 7798 font-size: 17px; 7799 color: #555; 7800 line-height: 1.5; 7801} 7802 7803.faq-item.open .faq-answer { 7804 max-height: 500px; 7805 padding: 15px 10px; 7806} 7807 7808.faq-item.open .faq-icon { 7809 transform: rotate(45deg); 7810} 7811 7812@media screen and (max-width: 768px) { 7813 .faq-title { 7814 font-size: 26px; 7815 } 7816 7817 .faq-question { 7818 font-size: 18px; 7819 } 7820 7821 .faq-answer-content { 7822 font-size: 16px; 7823 } 7824 7825 .faq-block { 7826 padding: 40px 20px; 7827 } 7828} 7829 7830 7831 7832/* ÐагалÑний ÑÑÐ¸Ð»Ñ */ 7833.glossary-archive { 7834 padding: 4rem 2rem; 7835 background: linear-gradient(180deg, #fffdf6 0%, #fff 100%); 7836 font-family: "Segoe UI", sans-serif; 7837 color: #2b2b2b; 7838} 7839 7840/* Ðаголовок */ 7841.glossary-archive h1 { 7842 font-size: 3rem; 7843 font-weight: 700; 7844 margin-bottom: 1.5rem; 7845 text-align: center; 7846 color: #1a1a1a; 7847} 7848 7849/* ÐÐ¿Ð¸Ñ */ 7850.glossary-archive .description { 7851 font-size: 1.2rem; 7852 max-width: 800px; 7853 margin: 0 auto 3rem; 7854 text-align: center; 7855 color: #555; 7856} 7857 7858/* ÐавÑгаÑÑÑ Ð¿Ð¾ лÑÑеÑÐ°Ñ */ 7859.glossary-nav { 7860 max-width: 1000px; 7861 margin: 0 auto 3rem; 7862 padding: 1rem 2rem; 7863 background: #fff8eb; 7864 border: 1px solid #ebc277; 7865 border-radius: 10px; 7866 box-shadow: 0 4px 10px rgba(235, 194, 119, 0.15); 7867} 7868 7869.letter-nav { 7870 display: flex; 7871 flex-wrap: wrap; 7872 justify-content: center; 7873 gap: 0.5rem; 7874 list-style: none; 7875 padding: 0; 7876 margin: 0.5rem 0 0; 7877} 7878 7879.letter-nav li a { 7880 display: inline-block; 7881 padding: 8px 14px; 7882 border: 1px solid #ebc277; 7883 border-radius: 8px; 7884 background: #fff; 7885 color: #2b2b2b; 7886 font-weight: 500; 7887 text-decoration: none; 7888 transition: all 0.2s ease-in-out; 7889} 7890 7891.letter-nav li a:hover { 7892 background: #ebc277; 7893 color: #000; 7894 transform: translateY(-2px); 7895} 7896 7897/* ÐÑÑпа ÑеÑмÑнÑв за лÑÑеÑÐ¾Ñ */ 7898.glossary-letter-group { 7899 margin: 3rem 0; 7900 padding-top: 2rem; 7901 border-top: 1px dashed #ebc277; 7902} 7903 7904.glossary-letter-group h2 { 7905 font-size: 2.2rem; 7906 margin-bottom: 1rem; 7907 color: #c49800; 7908 text-align: left; 7909 position: relative; 7910} 7911 7912.glossary-letter-group h2::before { 7913 content: '#'; 7914 color: #ebc277; 7915 font-weight: bold; 7916 margin-right: 0.4rem; 7917} 7918 7919/* СпиÑок ÑеÑмÑнÑв */ 7920.glossary-terms { 7921 list-style: none; 7922 padding: 0; 7923 margin: 0; 7924} 7925 7926.glossary-item { 7927 padding: 1rem 1.2rem; 7928 margin-bottom: 1rem; 7929 border: 1px solid #f4e8cb; 7930 border-left: 6px solid #ebc277; 7931 background: #fffef9; 7932 border-radius: 8px; 7933 transition: box-shadow 0.2s ease; 7934} 7935 7936.glossary-item:hover { 7937 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); 7938} 7939 7940.term-title { 7941 font-size: 1.15rem; 7942 font-weight: 600; 7943 color: #c49800; 7944 text-decoration: none; 7945} 7946 7947.term-title:hover { 7948 text-decoration: underline; 7949} 7950 7951.term-short { 7952 margin-top: 0.35rem; 7953 font-size: 0.95rem; 7954 color: #555; 7955} 7956 7957/* Mobile адапÑаÑÑÑ */ 7958@media (max-width: 768px) { 7959 .letter-nav { 7960 justify-content: flex-start; 7961 } 7962 7963 .glossary-archive { 7964 padding: 2rem 1rem; 7965 } 7966 7967 .glossary-archive h1 { 7968 font-size: 2.2rem; 7969 } 7970 7971 .glossary-letter-group h2 { 7972 font-size: 1.6rem; 7973 } 7974} 7975 .glossary-term { 7976 padding: 40px 20px; 7977 background: #fffef8; 7978 color: #333; 7979 } 7980 7981 .glossary-term h1 { 7982 font-size: 2.3rem; 7983 color: #c39c44; 7984 font-weight: 700; 7985 margin-bottom: 1rem; 7986 } 7987 7988 .glossary-term p { 7989 font-size: 1.05rem; 7990 line-height: 1.65; 7991 margin-bottom: 1.2rem; 7992 } 7993
7994 .glossary-term p strong { 7995 color: #000; 7996 } 7997 7998 .glossary-term h2 { 7999 font-size: 1.4rem; 8000 color: #b78e35; 8001 margin-top: 2rem; 8002 margin-bottom: 0.8rem; 8003 } 8004 8005 .glossary-term a { 8006 color: #c39c44; 8007 text-decoration: underline; 8008 } 8009 8010 .glossary-term a:hover { 8011 color: #a37b2a; 8012 } 8013 8014 @media (max-width: 768px) { 8015 .glossary-term { 8016 padding: 30px 16px; 8017 } 8018 8019 .glossary-term h1 { 8020 font-size: 1.8rem; 8021 } 8022 } 8023 8024 8025 8026.blog-cta-block { 8027 background-color: #fff8e6; /* ÐâÑкий Ñон Ñ Ñон до #EBC277 */ 8028 border: 2px solid #EBC277; 8029 padding: 36px 24px; 8030 margin: 48px 0; 8031 border-radius: 16px; 8032 text-align: center; 8033 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); 8034 transition: box-shadow 0.3s ease, transform 0.3s ease; 8035} 8036 8037.blog-cta-block:hover { 8038 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); 8039 transform: translateY(-4px); 8040} 8041 8042.blog-cta-heading { 8043 font-size: 1.75rem; 8044 margin-bottom: 16px; 8045 color: #333; 8046 font-weight: 600; 8047} 8048 8049.blog-cta-text { 8050 font-size: 1.1rem; 8051 margin-bottom: 24px; 8052 color: #444; 8053} 8054 8055/* ÐÐÐÐÐÐ */ 8056.blog-cta-button { 8057 display: inline-block; 8058 background-color: #EBC277; 8059 color: #1e1e1e; 8060 text-decoration: none !important; 8061 padding: 14px 36px; 8062 font-size: 1.1rem; 8063 border-radius: 100px; 8064 min-height: 48px; 8065 font-weight: 600; 8066 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); 8067 transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease; 8068 letter-spacing: 0.3px; 8069 position: relative; 8070 overflow: hidden; 8071} 8072 8073.blog-cta-button:hover, 8074.blog-cta-button:focus { 8075 background-color: #d6b069; /* ÑемнÑÑий, наÑиÑений колÑÑ */ 8076 color: #fff; 8077 transform: scale(1.04); 8078 text-decoration: none !important; 8079} 8080 8081.blog-cta-button .arrow { 8082 margin-left: 10px; 8083 font-size: 1.2em; 8084 transition: transform 0.3s ease; 8085 display: inline-block; 8086} 8087 8088.blog-cta-button:hover .arrow, 8089.blog-cta-button:focus .arrow { 8090 transform: translateX(5px); 8091} 8092 8093 8094 8095.graybackground { 8096background-color:#f9f9f9; 8097} 8098 8099 8100 8101/* ========================================================= */ 8102/* ФÐÐÐÐЬÐЫРÐÐÐÐÐÐÐСÐЫРÐÐРСТÐÐÐÐ ÐÐЯ CTA-ÐÐÐÐÐ */ 8103/* (Ñ Ð²ÑÑовненнÑми по вÑÑоÑе колонками) */ 8104/* ========================================================= */ 8105 8106.erp-cta-section { 8107 background-color: #fff; 8108 padding: 50px; 8109 border-radius: 15px; 8110 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); 8111 margin: 0; 8112 8113 display: flex; 8114 align-items: stretch; /* ÐÑо клÑÑевое изменение! РаÑÑÑÐ³Ð¸Ð²Ð°ÐµÑ Ð²Ñе колонки по вÑÑоÑе Ñамой вÑÑокой */ 8115 gap: 40px; 8116} 8117 8118/* --------------------------------------------------------- */ 8119/* СÑили Ð´Ð»Ñ Ð¿ÐµÑвой колонки: изобÑажение */ 8120.erp-cta-image-wrapper img { 8121 /* ÐÐÐÐÐÐÐ ÐÐÐÐÐ: ÐоÑÑÑко обмежÑÑмо макÑималÑÐ½Ñ Ð²Ð¸ÑоÑÑ */ 8122 max-height: 390px; 8123 8124 /* ÐозволÑÑмо ÑиÑÐ¸Ð½Ñ Ð¿ÑдлаÑÑовÑваÑиÑÑ Ð°Ð²ÑомаÑиÑно */ 8125 width: auto; 8126 8127 /* СÑаÑÑ Ð²Ð»Ð°ÑÑивоÑÑÑ, ÑÐºÑ Ð²Ð°ÑÑо залиÑиÑи */ 8128 max-width: 100%; 8129 display: block; 8130 border-radius: 10px; 8131} 8132/* --------------------------------------------------------- */ 8133/* СÑили Ð´Ð»Ñ Ð²ÑоÑой колонки: заголовок и ÑекÑÑ */ 8134.erp-cta-text-wrapper { 8135 flex-basis: 40%; 8136 text-align: left; 8137 display: flex; 8138 flex-direction: column; 8139 justify-content: center; /* ÐÑÑÐ°Ð²Ð½Ð¸Ð²Ð°ÐµÑ ÑодеÑжимое по ÑенÑÑÑ Ð²ÐµÑÑикалÑно */ 8140} 8141.erp-cta-text-wrapper h2 { 8142 font-size: 32px; 8143 color: #333; 8144 margin: 0 0 15px 0; 8145} 8146.erp-cta-text-wrapper p { 8147 font-size: 18px; 8148 color: #666; 8149 margin: 0; 8150} 8151 8152/* --------------------------------------------------------- */ 8153/* СÑили Ð´Ð»Ñ ÑÑеÑÑей колонки: ÑоÑма */ 8154.erp-cta-form-wrapper { 8155 flex-basis: 30%; 8156 height: 100%; 8157 flex-shrink: 0; 8158} 8159 8160.erp-cta-form-wrapper form { 8161 display: flex; 8162 flex-direction: column; 8163 height: 100%; 8164 gap: 15px; 8165 width: 100%; 8166 justify-content: space-between; 8167} 8168.erp-cta-form-wrapper input[type="tel"], 8169.erp-cta-form-wrapper input[type="email"] { 8170 width: 100%; 8171 height: 70px; 8172 padding: 0 25px; 8173 border: 1px solid #ddd; 8174 border-radius: 35px; 8175 font-size: 18px; 8176 box-shadow: none; 8177 outline: none; 8178} 8179.erp-cta-form-wrapper input[type="tel"]:focus, 8180.erp-cta-form-wrapper input[type="email"]:focus { 8181 border-color: #ebc277; 8182} 8183 8184.erp-cta-form-wrapper .wpcf7-submit { 8185 background-color: #ebc277; 8186 color: #fff; 8187 font-size: 20px; 8188 font-weight: bold; 8189 height: 70px; 8190 width: 100%; 8191 border: none; 8192 border-radius: 35px !important; 8193 cursor: pointer; 8194 transition: background-color 0.3s; 8195} 8196.erp-cta-form-wrapper .wpcf7-submit:hover { 8197 background-color: #d9ad67; 8198} 8199 8200/* --------------------------------------------------------- */ 8201/* Ðедиа-запÑоÑÑ Ð´Ð»Ñ Ð°Ð´Ð°Ð¿ÑивноÑÑи */ 8202@media (max-width: 992px) { 8203 .erp-cta-section { 8204 flex-direction: column; 8205 text-align: center; 8206 padding: 30px; 8207 align-items: center; 8208 } 8209 .erp-cta-text-wrapper, 8210 .erp-cta-form-wrapper { 8211 flex-basis: 100%; 8212 text-align: center; 8213 width: 100%; 8214 } 8215 .erp-cta-text-wrapper h2, .erp-cta-text-wrapper p { 8216 text-align: center; 8217 } 8218 .erp-cta-image-wrapper { 8219 margin-bottom: 20px; 8220 } 8221} 8222 8223/* ========================================================= */ 8224/* ÐÑпÑавленнÑе и ÑлÑÑÑеннÑе ÑÑили Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ° ÑÑлÑг */ 8225/* ========================================================= */ 8226
8227/* СÑили Ð´Ð»Ñ ÐºÐ¾Ð½ÑейнеÑа Ñ ÐºÐ°ÑÑоÑками */ 8228.erp-services-grid { 8229 display: grid; 8230 grid-template-columns: repeat(2, 1fr); 8231 gap: 20px; 8232} 8233 8234/* СÑили Ð´Ð»Ñ Ð¾ÑделÑного ÑлеменÑа-ÑÑлÑги */ 8235.erp-service-item { 8236 display: flex; 8237 align-items: center; 8238 background-color: #f7f7f7; 8239 border-radius: 25px; /* УвелиÑил ÑкÑÑгление */ 8240 padding: 15px 25px; 8241 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 8242 text-decoration: none; 8243 color: #333; 8244 transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 8245} 8246 8247/* ÐнимаÑÐ¸Ñ Ð¿Ñи наведении */ 8248.erp-service-item:hover { 8249 transform: translateY(-5px); 8250 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 8251} 8252 8253/* ÐнимаÑÐ¸Ñ Ð¿Ñи нажаÑии */ 8254.erp-service-item:active { 8255 transform: translateY(-2px); 8256 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 8257} 8258 8259/* СÑили Ð´Ð»Ñ ÑеÑого кÑÑга-иконки */ 8260.erp-service-icon-dot { 8261 position: relative; /* ÐбÑзаÑелÑно Ð´Ð»Ñ Ð¿Ð¾Ð·Ð¸ÑиониÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð²Ð½ÑÑÑеннего кÑÑга */ 8262 width: 25px; /* Сделал кÑÑг ÑÑÑÑ Ð±Ð¾Ð»ÑÑе */ 8263 height: 25px; 8264 background-color: #a9a9a9; /* Ðолее ÑемнÑй ÑеÑÑй */ 8265 border-radius: 50%; 8266 flex-shrink: 0; 8267 margin-right: 15px; 8268} 8269 8270/* Создание внÑÑÑеннего кÑÑга Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð¿ÑевдоÑлеменÑа */ 8271.erp-service-icon-dot::before { 8272 content: ''; 8273 position: absolute; 8274 top: 48%; 8275 left: 50%; 8276 transform: translate(-50%, -50%); /* ЦенÑÑиÑование */ 8277 width: 12px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð¼ÐµÐ½ÑÑего кÑÑга */ 8278 height: 12px; 8279 background-color: #d9d9d9; /* ЦвеÑ, коÑоÑÑй бÑл Ñ ÑÑаÑого кÑÑга */ 8280 border-radius: 50%; 8281} 8282 8283/* СÑили Ð´Ð»Ñ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ ÑÑлÑги */ 8284.erp-service-name { 8285 font-size: 16px; 8286 flex-grow: 1; 8287 margin: 0; 8288} 8289 8290/* СÑили Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ Ñо ÑÑÑелкой */ 8291.erp-service-arrow-btn { 8292 width: 40px; 8293 height: 40px; 8294 background-color: #ebc277; 8295 border-radius: 50%; 8296 display: flex; 8297 align-items: center; 8298 justify-content: center; 8299 flex-shrink: 0; 8300 margin-left: 15px; 8301 transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 8302} 8303.erp-service-arrow-btn svg { 8304 width: 20px; 8305 height: 20px; 8306 transition: transform 0.3s ease-in-out; 8307} 8308 8309/* ÐнимаÑÐ¸Ñ ÑÑÑелки пÑи наведении на каÑÑоÑÐºÑ */ 8310.erp-service-item:hover .erp-service-arrow-btn { 8311 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 8312} 8313 8314/* ÐеболÑÑое ÑмеÑение ÑÑÑелки впÑаво пÑи наведении */ 8315.erp-service-item:hover .erp-service-arrow-btn svg { 8316 transform: translateX(3px); 8317} 8318 8319/* Ðедиа-запÑоÑÑ Ð´Ð»Ñ Ð°Ð´Ð°Ð¿ÑивноÑÑи */ 8320@media (max-width: 768px) { 8321 .erp-services-grid { 8322 grid-template-columns: 1fr; 8323 } 8324} 8325 8326.additional-services__right { 8327 margin-top: 50px; 8328} 8329 8330 8331/* --- СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑÑÐµÐ»Ñ YouTube Shorts --- */ 8332 8333.shorts-carousel-title { 8334 font-size: 32px; 8335 text-align: left; 8336 font-weight: bold; 8337 color: #333; 8338 margin-bottom: 30px; /* ÐÑдÑÑÑп вÑд заголовка до каÑÑÑÐµÐ»Ñ */ 8339} 8340 8341.shorts-carousel-wrapper { 8342 position: relative; 8343 max-width: 1200px; 8344 margin: 50px auto; 8345 padding: 0 50px; 8346} 8347 8348.youtube-shorts-carousel { 8349 overflow: hidden; 8350} 8351 8352.short-video-container { 8353 position: relative; 8354 width: 100%; 8355 aspect-ratio: 9 / 16; 8356 background-color: #000; 8357 border-radius: 45px; 8358 overflow: hidden; 8359} 8360 8361.short-video-container iframe { 8362 position: absolute; 8363 top: 0; 8364 left: 0; 8365 width: 100%; 8366 height: 100%; 8367} 8368 8369 8370/* --- СÑилÑзаÑÑÑ ÑÑÑÑлок навÑгаÑÑÑ --- */ 8371.shorts-carousel-wrapper .swiper-button-next, 8372.shorts-carousel-wrapper .swiper-button-prev { 8373 color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8374 top: 50%; 8375 transform: translateY(-50%); 8376} 8377 8378.shorts-carousel-wrapper .swiper-button-prev { 8379 left: 0; 8380} 8381 8382.shorts-carousel-wrapper .swiper-button-next { 8383 right: 0; 8384} 8385 8386/* --- СÑилÑзаÑÑÑ Ð¿Ð°Ð³ÑнаÑÑÑ (кÑапоÑок) --- */ 8387.shorts-carousel-wrapper .swiper-pagination-bullet { 8388 background: #ccc; 8389} 8390 8391.shorts-carousel-wrapper .swiper-pagination-bullet-active { 8392 background: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8393} 8394 8395 8396 8397/* --- Ðновлений дизайн Ð´Ð»Ñ Ñ Ð»ÑÐ±Ð½Ð¸Ñ ÐºÑÐ¸Ñ Ñ --- */ 8398
8399/* 1. ÐовнÑÑнÑй конÑÐµÐ¹Ð½ÐµÑ (вÑжÑий Ñ Ð²Ð¸ÑÑвнÑний по лÑÐ²Ð¾Ð¼Ñ ÐºÑаÑ) */ 8400#breadcrumbs { 8401 background-color: #DCDCDC; 8402 padding: 10px 30px; /* ÐменÑено веÑÑикалÑний, збÑлÑÑено боковий вÑдÑÑÑп */ 8403 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8404 border-bottom: none; 8405 margin: 0; 8406 font-size: 0; 8407} 8408 8409/* 2. СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ¾Ð¶Ð½Ð¾Ð³Ð¾ елеменÑа (менÑий овал) */ 8410#breadcrumbs a, 8411#breadcrumbs span.breadcrumb_last { 8412 display: inline-block; 8413 background-color: #ebc277; 8414 color: #000000 !important; 8415 font-size: 13px; /* ТÑÐ¾Ñ Ð¸ зменÑено ÑÑиÑÑ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿Ð°ÐºÑноÑÑÑ */ 8416 font-weight: 500; 8417 padding: 6px 18px; /* ÐменÑено вÑдÑÑÑпи, Ñоб овал ÑÑав менÑим */ 8418 border-radius: 50px; 8419 text-decoration: none; 8420 margin: 0 4px; /* ТÑÐ¾Ñ Ð¸ зменÑено вÑдÑÑÑп мÑж пÑгÑлками */ 8421 vertical-align: middle; 8422 transition: background-color 0.3s; 8423} 8424 8425/* 3. ÐÑÐµÐºÑ Ð¿Ñи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ Ð¼Ð¸ÑÑ */ 8426#breadcrumbs a:hover { 8427 background-color: #d9ad67; 8428 color: #000000 !important; 8429} 8430 8431/* 4. ХоваÑмо ÑÑандаÑÑÐ½Ñ ÑекÑÑÐ¾Ð²Ñ ÑоздÑлÑваÑÑ */ 8432#breadcrumbs .separator { 8433 display: none; 8434} 8435 8436 8437 8438 8439 8440/* --- ФÑналÑний Ñедизайн Ð¿Ð¾Ð¿Ð°Ð¿Ñ (Ð´Ð²Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ¸) --- */ 8441 8442@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 8443@keyframes scaleUp { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } 8444 8445.bcp-wrapper { 8446 position: fixed; 8447 top: 0; 8448 left: 0; 8449 width: 100%; 8450 height: 100%; 8451 z-index: 1000; 8452 display: none; 8453 align-items: center; 8454 justify-content: center; 8455 padding: 20px; 8456} 8457.bcp-wrapper.active { 8458 display: flex; 8459} 8460.bcp-wrapper.active .bcp-overlay { 8461 animation: fadeIn 0.3s ease-out forwards; 8462} 8463.bcp-wrapper.active .bcp-content { 8464 animation: scaleUp 0.3s ease-out forwards; 8465} 8466.bcp-overlay { 8467 position: absolute; 8468 top: 0; 8469 left: 0; 8470 width: 100%; 8471 height: 100%; 8472 background: rgba(0, 0, 0, 0.7); 8473 cursor: pointer; 8474} 8475.bcp-content { 8476 position: relative; 8477 display: flex; /* Ðоловна змÑна Ð´Ð»Ñ ÐºÐ¾Ð»Ð¾Ð½Ð¾Ðº */ 8478 background: #fff; 8479 border-radius: 32px; /* ÐаÑе закÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 8480 max-width: 850px; /* ÐÑобили вÑкно знаÑно ÑиÑÑим */ 8481 width: 100%; 8482 z-index: 1001; 8483 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 8484 overflow: hidden;
8484 /* ХоваÑмо кÑÑи каÑÑинки */ 8485 padding: 0; /* ÐÑибиÑаÑмо ÑÑаÑÑ Ð²ÑдÑÑÑпи */ 8486} 8487.bcp-close { 8488 position: absolute; 8489 top: 15px; 8490 right: 20px; 8491 background: none; 8492 border: none; 8493 font-size: 30px; 8494 line-height: 1; 8495 cursor: pointer; 8496 color: #aaa; 8497 transition: color 0.3s, transform 0.3s; 8498 z-index: 10; 8499} 8500.bcp-close:hover { 8501 color: #333; 8502 transform: rotate(90deg); 8503} 8504 8505/* --- Ðолонка з ÑоÑÐ¼Ð¾Ñ --- */ 8506.bcp-form-column { 8507 flex-basis: 55%; /* ÐÐ°Ð¹Ð¼Ð°Ñ 55% ÑиÑини */ 8508 padding: 40px 50px; 8509 text-align: left; 8510} 8511.bcp-form-column h3 { 8512 margin-top: 0; 8513 font-size: 28px; 8514 margin-bottom: 10px; 8515} 8516.bcp-form-column p { 8517 margin-bottom: 30px; 8518 color: #666; 8519} 8520.bcp-form-column .bcp-input-group { 8521 margin-bottom: 25px; 8522 text-align: left; 8523} 8524.bcp-form-column label { 8525 display: block; 8526 margin-bottom: 5px; 8527 font-size: 14px; 8528 color: #555; 8529 font-weight: 500; 8530} 8531/* --- ÐовÑ, бÑлÑÑ ÑоÑÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð¿Ð¾Ð»Ñв Ð²Ð²Ð¾Ð´Ñ CF7 --- */ 8532.bcp-form-column .wpcf7-form-control { 8533 width: 100%; 8534 padding: 10px 5px; 8535 font-size: 18px; 8536 color: #333; 8537 background-color: transparent; 8538 border: none !important; /* ÐÑибиÑаÑмо вÑÑ Ñамки з пÑÑоÑиÑеÑом */ 8539 border-bottom: 2px solid #ccc !important; /* ÐодаÑмо ТÐÐЬÐÐ Ð½Ð¸Ð¶Ð½Ñ Ð»ÑнÑÑ Ð· пÑÑоÑиÑеÑом */ 8540 outline: none !important; /* ÐÑибиÑаÑмо ÑоÑний квадÑÐ°Ñ Ð¿Ñи клÑÐºÑ Ð· пÑÑоÑиÑеÑом */ 8541 border-radius: 0; 8542 box-shadow: none; /* ÐÑибиÑаÑмо бÑдÑ-ÑÐºÑ ÑÑÐ½Ñ */ 8543 -webkit-appearance: none; /* ÐипÑÐ°Ð²Ð»ÐµÐ½Ð½Ñ Ð´Ð»Ñ iOS */ 8544 transition: border-color 0.3s ease; 8545} 8546 8547.bcp-form-column .wpcf7-form-control:focus { 8548 border-bottom-color: #0073aa !important; /* ÐолÑÑ Ð»ÑнÑÑ Ð¿Ñи ÑокÑÑÑ Ð· пÑÑоÑиÑеÑом */ 8549 box-shadow: none !important; 8550} 8551.bcp-form-column .wpcf7-submit { 8552 height: 70px !important; 8553 width: 100%; 8554 padding: 20px; /* ÐÑобили ÐºÐ½Ð¾Ð¿ÐºÑ Ñе бÑлÑÑÐ¾Ñ */ 8555 background-color: #0073aa; 8556 color: white; 8557 border: none; 8558 border-radius: 50px; 8559 font-size: 20px; /* ÐбÑлÑÑили ÑекÑÑ Ð½Ð° кнопÑÑ */ 8560 font-weight: 500; 8561 cursor: pointer; 8562 transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s; 8563 margin-top: 10px; 8564} 8565.bcp-form-column .wpcf7-submit:hover { 8566 background-color: #005a87; 8567 transform: translateY(-3px); 8568 box-shadow: 0 6px 20px rgba(0, 115, 170, 0.4); 8569} 8570.bcp-form-column .wpcf7-response-output { 8571 margin: 20px 0 0 0; 8572 padding: 15px; 8573 border-radius: 8px; 8574} 8575 8576/* --- Ðолонка з каÑÑÐ¸Ð½ÐºÐ¾Ñ --- */ 8577.bcp-image-column { 8578 flex-basis: 45%; /* ÐÐ°Ð¹Ð¼Ð°Ñ 45% ÑиÑини */ 8579 display: flex; 8580 align-items: center; 8581 justify-content: center; 8582 background-color: #f0f4f8; /* Ðегкий Ñон Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑаÑÑÑ */ 8583} 8584.bcp-image-column img { 8585 max-width: 100%; 8586 height: auto; 8587 display: block; 8588} 8589 8590/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±ÑлÑÐ½Ð¸Ñ */ 8591@media (max-width: 768px) { 8592 .bcp-content { 8593 flex-direction: column; /* СÑавимо колонки одна пÑд Ð¾Ð´Ð½Ñ */ 8594 max-width: 450px; /* ÐовеÑÑаÑмо менÑÑ ÑиÑÐ¸Ð½Ñ Ð½Ð° мобÑлÑÐ½Ð¸Ñ */ 8595 } 8596 .bcp-image-column { 8597 display: none; /* ХоваÑмо каÑÑÐ¸Ð½ÐºÑ Ð½Ð° мобÑлÑÐ½Ð¸Ñ Ð´Ð»Ñ ÐµÐºÐ¾Ð½Ð¾Ð¼ÑÑ Ð¼ÑÑÑÑ */ 8598 } 8599 .bcp-form-column { 8600 text-align: center; /* ÐовеÑÑаÑмо ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ Ð½Ð° мобÑлÑÐ½Ð¸Ñ */ 8601 } 8602 .bcp-form-column .bcp-input-group { 8603 text-align: left; 8604 } 8605} 8606 8607 8608 8609/* --- Ðовий дизайн Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÑ "СимпÑоми" (ФÑналÑна веÑÑÑÑ) --- */ 8610 8611/* ÐÐÐСТУРÐÐЯ ÐСÐÐРСÐÐЦÐÐ - ÐÐÐÐÐÐ */ 8612.symptoms-section-new { 8613 padding-top: 80px; 8614 padding-bottom: 80px; 8615} 8616 8617/* ÐÐÐÐÐÐÐÐÐ ÐÐÐÐУ - ÐÐÐÐ ÐÐÐÐÐÐ */ 8618.symptoms-header-new { 8619 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8620 max-width: 750px; 8621 margin: 0 0 60px 0; /* ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ */ 8622} 8623 8624.symptoms-main-title-new { 8625 font-size: 42px; 8626 font-weight: 700; 8627 margin-bottom: 15px; 8628} 8629 8630.symptoms-subtitle-new { 8631 font-size: 18px; 8632 color: #666; 8633 line-height: 1.7; 8634} 8635 8636/* СÑÑка Ð´Ð»Ñ ÐºÐ°ÑÑок */ 8637.symptoms-grid { 8638 display: grid; 8639 grid-template-columns: repeat(3, 1fr); 8640 gap: 30px; 8641} 8642 8643/* СÑÐ¸Ð»Ñ Ð¾ÐºÑÐµÐ¼Ð¾Ñ ÐºÐ°ÑÑки */ 8644.symptom-card-new { 8645 background-color: #ffffff; 8646 padding: 30px 35px; 8647 border-radius: 16px; 8648 border-left: 5px solid #EBC277; 8649 box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07); 8650 text-align: left; 8651 transition: transform 0.3s ease, box-shadow 0.3s ease; 8652} 8653 8654.symptom-card-new:hover { 8655 transform: translateY(-5px); 8656 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 8657} 8658 8659.symptom-card-new h3 { 8660 font-size: 24px; 8661 font-weight: 600; 8662 margin-top: 0; 8663 margin-bottom: 15px; 8664} 8665 8666.symptom-card-new p { 8667 font-size: 16px; 8668 line-height: 1.6; 8669 color: #555; 8670 margin-bottom: 0; 8671} 8672 8673/* ÐдапÑив Ð´Ð»Ñ Ð¼Ð¾Ð±ÑлÑÐ½Ð¸Ñ Ñ Ð¿Ð»Ð°Ð½ÑеÑÑв */ 8674@media (max-width: 992px) { 8675 .symptoms-grid { 8676 grid-template-columns: 1fr 1fr; 8677 } 8678} 8679 8680@media (max-width: 768px) { 8681 .symptoms-grid { 8682 grid-template-columns: 1fr; 8683 } 8684 .symptoms-main-title-new { 8685 font-size: 32px; 8686 } 8687} 8688 8689 8690/* --- СекÑÑÑ Ð¿Ð¾ÑÑвнÑÐ½Ð½Ñ "Ðо/ÐÑÑлÑ" (ФÑналÑна веÑÑÑÑ) --- */ 8691 8692.transformation-section { 8693 padding: 80px 0; 8694 background-color: #f9f9f9; 8695} 8696 8697/* ÐиÑÑвнÑний по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº */ 8698.transformation-header { 8699 text-align: left; 8700 max-width: 800px; 8701 margin: 0 0 60px 0; /* ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ */ 8702} 8703 8704.transformation-header .eyebrow { 8705 display: block; 8706 margin-bottom: 10px; 8707 color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8708 font-weight: 600; 8709 text-transform: uppercase; 8710 letter-spacing: 0.5px; 8711} 8712 8713.transformation-header h2 { 8714 font-size: 42px; 8715 font-weight: 700; 8716 color: #333; 8717 margin-bottom: 15px; 8718} 8719 8720.transformation-header .subtitle { 8721 font-size: 18px; 8722 color: #666; 8723 line-height: 1.7; 8724} 8725 8726.transformation-grid { 8727 display: grid; 8728 grid-template-columns: 1fr 1fr; 8729 gap: 40px; 8730 max-width: 1100px; 8731 margin: 0 auto; 8732} 8733 8734.comparison-card { 8735 background: #fff; 8736 padding: 35px; 8737 border-radius: 16px; 8738 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
8739 border-top: 4px solid; /* ÐÑÑÑе Ð´Ð»Ñ ÐºÐ¾Ð»ÑоÑÐ¾Ð²Ð¾Ñ Ñамки */ 8740 transition: transform 0.3s ease; 8741} 8742 8743.comparison-card:hover { 8744 transform: translateY(-5px); 8745} 8746 8747.comparison-card h4 { 8748 font-size: 22px; 8749 font-weight: 700; 8750 margin-top: 0; 8751 margin-bottom: 25px; 8752} 8753 8754.comparison-card ul { 8755 list-style: none; 8756 padding: 0; 8757 margin: 0; 8758} 8759 8760.comparison-card ul li { 8761 padding-left: 35px; 8762 position: relative; 8763 font-size: 16px; 8764 line-height: 1.6; 8765 color: #555; 8766 padding-bottom: 15px; /* ÐÑдÑÑÑп Ð´Ð»Ñ Ð»ÑнÑÑ */ 8767 border-bottom: 1px solid #f0f0f0; /* ÐÑнÑÑ Ð´Ð»Ñ Ð²Ð¸Ð´ÑÐ»ÐµÐ½Ð½Ñ */ 8768} 8769 8770.comparison-card ul li:last-child { 8771 border-bottom: none; 8772 padding-bottom: 0; 8773} 8774 8775.comparison-card ul li:not(:last-child) { 8776 margin-bottom: 15px; 8777} 8778 8779/* Ðконки Ð´Ð»Ñ ÑпиÑкÑв */ 8780.comparison-card ul li::before { 8781 content: ''; 8782 position: absolute; 8783 left: 0; 8784 top: 2px; 8785 width: 24px; 8786 height: 24px; 8787 background-size: contain; 8788 background-repeat: no-repeat; 8789 background-position: center; 8790} 8791 8792/* ЧеÑвона каÑÑка "ÐÐ" */ 8793.card-before { 8794 border-top-color: #d9534f; 8795} 8796.card-before h4 { 8797 color: #d9534f; 8798} 8799.card-before ul li::before { 8800 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"); 8801} 8802 8803/* Ðелена каÑÑка "ÐÐСÐЯ" */ 8804.card-after { 8805 border-top-color: #5cb85c; 8806} 8807.card-after h4 { 8808 color: #5cb85c; 8809} 8810.card-after ul li::before { 8811 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"); 8812} 8813 8814/* ÐдапÑив */ 8815@media (max-width: 768px) { 8816 .transformation-grid { 8817 grid-template-columns: 1fr; 8818 } 8819 .transformation-header h2 { 8820 font-size: 32px; 8821 } 8822} 8823 8824 8825 8826/* --- СекÑÑÑ "ÐÑапи пÑоÑеÑÑ" --- */ 8827 8828.process-section { 8829 padding: 80px 0; 8830} 8831 8832.process-header { 8833 text-align: left; /* ÐÐÐÐ ÐÐÐÐÐÐ: ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð¿Ð¾ лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8834 max-width: 800px; 8835 margin: 0 0 60px 0; /* ÐÐÐÐ ÐÐÐÐÐÐ: ÐÑибÑали ÑенÑÑÑÐ²Ð°Ð½Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 8836} 8837 8838.process-header h2 { 8839 font-size: 42px; 8840 font-weight: 700; 8841 margin-bottom: 15px; 8842 color: #333; 8843} 8844 8845.process-header .subtitle { 8846 font-size: 18px; 8847 color: #666; 8848 line-height: 1.7; 8849} 8850 8851.process-grid { 8852 display: grid; 8853 grid-template-columns: repeat(2, 1fr); /* ÐÐ²Ñ ÑÑÐ²Ð½Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ¸ */ 8854 gap: 50px 40px; /* ÐеÑÑикалÑний Ñа гоÑизонÑалÑний вÑдÑÑÑп */ 8855 max-width: 1100px; 8856 margin: 0 auto; 8857} 8858 8859.process-step { 8860 position: relative; 8861 padding-left: 65px; /* ÐалиÑаÑмо мÑÑÑе Ð´Ð»Ñ Ð½Ð¾Ð¼ÐµÑа */ 8862} 8863 8864.step-number { 8865 position: absolute; 8866 left: 0; 8867 top: 0; 8868 width: 45px; 8869 height: 45px; 8870 background-color: #ebc277; /* ÐÐ°Ñ ÑÑÑмовий колÑÑ */ 8871 border-radius: 50%; 8872 color: #fff; 8873 font-size: 20px; 8874 font-weight: 600; 8875 display: flex; 8876 align-items: center; 8877 justify-content: center; 8878 box-shadow: 0 4px 10px rgba(235, 194, 119, 0.4); 8879} 8880 8881.step-title { 8882 font-size: 22px; 8883 font-weight: 600; 8884 color: #333; 8885 margin-top: 0; 8886 margin-bottom: 10px; 8887} 8888 8889.step-description { 8890 font-size: 16px; 8891 color: #555; 8892 line-height: 1.6; 8893 margin: 0; 8894} 8895 8896/* ÐдапÑив */ 8897@media (max-width: 768px) { 8898 .process-grid { 8899 grid-template-columns: 1fr; /* Ðдна колонка на мобÑлÑÐ½Ð¸Ñ */ 8900 } 8901 .process-header h2 { 8902 font-size: 32px; 8903 } 8904} 8905 8906 8907 8908/* -- Ðлок вÑдгÑкÑв (СекÑÑÑ) -- */ 8909.testimonials-section { 8910 padding: 100px 20px; 8911 background: #fdfdfd; 8912} 8913 8914.testimonials-container { 8915 max-width: 1100px; 8916 margin: 0 auto; 8917} 8918 8919/* -- Ðаголовок -- */ 8920.testimonials-header { 8921 text-align: left; /* ÐиÑÑвнÑÐ²Ð°Ð½Ð½Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° по лÑÐ²Ð¾Ð¼Ñ ÐºÑÐ°Ñ */ 8922 margin-bottom: 50px; 8923} 8924 8925.testimonials-header h2 { 8926 font-size: 44px; 8927 font-weight: 700; 8928 line-height: 1.2; 8929 color: #111; 8930 max-width: 800px; /* ÐбмежÑÑмо ÑиÑÐ¸Ð½Ñ Ð´Ð»Ñ ÐºÑаÑого ÑиÑÐ°Ð½Ð½Ñ */ 8931 margin: 0; 8932} 8933 8934/* -- СÑÑка вÑдгÑкÑв -- */ 8935.testimonials-grid { 8936 display: grid; 8937 grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); 8938 gap: 30px; 8939 margin-bottom: 50px; 8940} 8941 8942@media (max-width: 768px) { 8943 .testimonials-grid { 8944 grid-template-columns: 1fr; 8945 } 8946} 8947 8948/* -- ÐаÑÑка вÑдгÑÐºÑ -- */ 8949.testimonial-card { 8950 background: #fff; 8951 padding: 40px; 8952 border-radius: 16px; 8953 box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); /* Ðова, бÑлÑÑ Ð²Ð¸Ñазна ÑÑÐ½Ñ */ 8954 position: relative; 8955 overflow: hidden; 8956 transition: transform 0.3s ease, box-shadow 0.3s ease; 8957} 8958 8959.testimonial-card:hover { 8960 transform: translateY(-8px); /* ÐÑÐµÐºÑ "плаваннÑ" */ 8961 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); 8962} 8963 8964/* -- Ðапки -- */ 8965.testimonial-quotes { 8966 font-family: Georgia, serif; 8967 font-size: 200px; 8968 color: #f0f0f0; 8969 line-height: 1; 8970 position: absolute; 8971 top: 5px; 8972 left: 20px; 8973 z-index: 0; 8974} 8975 8976.testimonial-content { 8977 position: relative; 8978 z-index: 1; 8979} 8980 8981.testimonial-text { 8982 font-size: 18px; 8983 line-height: 1.6; 8984 color: #333; 8985 margin-bottom: 20px; 8986} 8987 8988.testimonial-author-position { 8989 font-size: 16px; 8990 font-weight: 700; 8991 color: #333; 8992 margin-top: 5px; 8993} 8994 8995/* -- Ðнопка -- */ 8996.testimonials-button-wrapper { 8997 text-align: left; 8998} 8999 9000.testimonials-button { 9001 display: inline-block; 9002 padding: 16px 36px; 9003 background: #EBC277; 9004 color: #fff; 9005 border-radius: 50px; 9006 text-decoration: none; 9007 font-weight: bold; 9008 font-size: 18px; 9009 transition: background 0.3s ease, transform 0.3s ease; 9010} 9011 9012.testimonials-button:hover { 9013 background: #d8b26e; 9014 transform: translateY(-2px); 9015} 9016 9017 9018 9019/* 9020 * ÐовнÑÑÑÑ Ð²Ð¸Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ñ ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑомного Ð±Ð»Ð¾ÐºÑ ACF 9021 */ 9022
9023/* ========== СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ H1 ÑÑоÑÑнки (без змÑн) ========== */ 9024.seo-custom-h1 { 9025 font-size: 4.5rem; 9026 font-weight: 700; 9027 color: #000000; 9028 text-align: left; 9029 margin-bottom: 40px; 9030} 9031 9032/* ========== СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÐºÐ°ÑÑомного Ð±Ð»Ð¾ÐºÑ ACF ========== */ 9033 9034/* Ðоловний конÑÐµÐ¹Ð½ÐµÑ Ð±Ð»Ð¾ÐºÑ */ 9035.extra-text-block { 9036 background-color: #f8f9fa; 9037 padding: 45px 30px; 9038 margin: 80px 0 50px; 9039 border-radius: 5px; 9040} 9041 9042/* ÐÐÐÐÐÐÐРзаголовок Ð±Ð»Ð¾ÐºÑ (Ñой, Ñо в окÑÐµÐ¼Ð¾Ð¼Ñ Ð¿Ð¾Ð»Ñ ACF) */ 9043.extra-text-block__title { 9044 font-size: 2.5rem; 9045 font-weight: 600; 9046 color: #000000; 9047 text-align: left; 9048 margin-bottom: 25px; 9049 padding-bottom: 15px; 9050 border-bottom: 1px solid #ccc; 9051} 9052 9053/* --- ÐÑÑ Ð²Ð¸Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ð½Ñ Ð´Ð»Ñ H2 вÑеÑÐµÐ´Ð¸Ð½Ñ Ð¾Ñновного ÑекÑÑÑ --- */ 9054.extra-text-block__content h2 { 9055 font-size: 32px; 9056 font-weight: 600; 9057 color: #000000; 9058 text-align: left; 9059 margin-top: 30px; 9060 margin-bottom: 25px; 9061 padding-bottom: 15px; 9062 border-bottom: 1px solid #ccc; 9063} 9064 9065/* СÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑнÑого конÑенÑÑ Ð²ÑеÑÐµÐ´Ð¸Ð½Ñ WYSIWYG-ÑедакÑоÑа */ 9066.extra-text-block__content h3 { 9067 font-size: 1.75rem; 9068 font-weight: 600; 9069 text-align: left; 9070 color: #000000; 9071 margin-top: 30px; 9072 margin-bottom: 15px; 9073} 9074 9075.extra-text-block__content p { 9076 font-size: 1.3rem; 9077 line-height: 1.6; 9078 text-align: left; 9079 color: #000000; 9080 margin-bottom: 20px; 9081} 9082 9083.extra-text-block__content ul, 9084.extra-text-block__content ol { 9085 padding-left: 25px; 9086 margin-bottom: 20px; 9087 text-align: left; 9088 color: #000000; 9089} 9090 9091/* ========== ÐдапÑив ========== */ 9092@media (max-width: 768px) { 9093 .seo-custom-h1 { 9094 font-size: 3rem; 9095 } 9096 9097 /* ÐдапÑив Ð´Ð»Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ð¾Ð³Ð¾ заголовка */ 9098 .extra-text-block__title { 9099 font-size: 1.8rem; 9100 } 9101 9102 /* ÐдапÑив Ð´Ð»Ñ H2 вÑеÑÐµÐ´Ð¸Ð½Ñ ÑекÑÑÑ */ 9103 .extra-text-block__content h2 { 9104 font-size: 1.8rem; 9105 } 9106 9107 .extra-text-block__content h3 { 9108 font-size: 1.5rem; 9109 } 9110 9111 .extra-text-block__content p { 9112 font-size: 1.1rem; 9113 } 9114} 9115 9116/* 9117 * ФÐÐÐÐЬÐÐ ÐÐÐÐ ÐÐÐÐÐÐЯ: ÐовеÑÑаÑмо ÑÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑпиÑкÑв (найвиÑий пÑÑоÑиÑеÑ) 9118*/ 9119 9120/* ÐаÑÑоÑовÑÑмо ÑÑÐ¸Ð»Ñ Ð±ÐµÐ·Ð¿Ð¾ÑеÑеднÑо до ÑÐµÐ³Ñ ul/ol вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 9121.extra-text-block__content ul, 9122.extra-text-block__content ol { 9123 list-style: revert !important; /* ÐаказÑÑмо повеÑнÑÑи ÑÑдний ÑÑÐ¸Ð»Ñ ÑпиÑÐºÑ */ 9124 padding-left: 30px !important; /* ÐадаÑмо вÑдÑÑÑп Ð´Ð»Ñ Ð¼Ð°ÑкеÑÑв */ 9125 margin-bottom: 20px !important; 9126} 9127 9128/* ÐаÑÑоÑовÑÑмо ÑÑÐ¸Ð»Ñ Ð±ÐµÐ·Ð¿Ð¾ÑеÑеднÑо до ÑÐµÐ³Ñ li вÑеÑÐµÐ´Ð¸Ð½Ñ Ð±Ð»Ð¾ÐºÑ */ 9129.extra-text-block__content li { 9130 display: list-item !important; /* ЧÑÑко вказÑÑмо, Ñо Ñе ÐµÐ»ÐµÐ¼ÐµÐ½Ñ ÑпиÑÐºÑ */ 9131 list-style: inherit !important; /* ÐаказÑÑмо наÑлÑдÑваÑи ÑÑÐ¸Ð»Ñ Ð¼Ð°ÑкеÑа вÑд баÑÑка (ul/ol) */ 9132 margin-bottom: 10px !important; 9133} 9134 9135/* СкидаÑмо Ð¼Ð¾Ð¶Ð»Ð¸Ð²Ñ Ð¿Ñевдо-елеменÑи, ÑÐºÑ Ð¼Ð¾Ð¶ÑÑÑ Ð¿ÑÐ¸Ñ Ð¾Ð²ÑваÑи маÑкеÑи */ 9136.extra-text-block__content li::before { 9137 content: none !important; 9138 display: none !important; 9139} 9140 9141/* 9142 * СÑÐ¸Ð»Ñ Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÑ, коли поле заголовка ÐРзаповнене 9143*/ 9144.extra-text-block.no-title { 9145 background-color: transparent; /* ÐÑибиÑаÑмо ÑÑÑий Ñон */ 9146 margin-top: 0; /* ÐÑибиÑаÑмо веÑÑ Ð½Ñй вÑдÑÑÑп */ 9147 padding: 0; /* ÐÑибиÑаÑмо внÑÑÑÑÑÐ½Ñ Ð²ÑдÑÑÑпи */ 9148 border-radius: 0; /* СкидаÑмо заокÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 9149} 9150 9151.hp-jtbd-section-heading { 9152 font-size: 2.8rem; 9153 font-weight: 700; 9154 margin-bottom: 50px; 9155 text-align: left; 9156 color: #1a1a1a; 9157 line-height: 1.3; 9158} 9159.hp-jtbd-section-heading--light { 9160 color: #ffffff; 9161} 9162 9163.hp-jtbd-cta-button { 9164 display: inline-block; 9165 padding: 16px 32px; 9166 background-color: #EBC277; 9167 color: #111; 9168 font-size: 1rem; 9169 font-weight: 700; 9170 text-decoration: none; 9171 border-radius: 8px; 9172 margin-top: 30px; 9173 transition: all 0.3s ease; 9174 border: 2px solid #EBC277; 9175 cursor: pointer; 9176} 9177.hp-jtbd-cta-button:hover { 9178 background-color: #1a1a1a; 9179 color: #EBC277; 9180 transform: scale(1.03); 9181 border-color: #1a1a1a; 9182} 9183.hp-jtbd-cta-button--primary { 9184 padding: 18px 36px; 9185 font-size: 1.1rem; 9186} 9187 9188.hp-jtbd-hero { 9189 background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%); 9190 color: #1a1a1a; 9191 padding: 0 0 100px 0; 9192} 9193.hp-jtbd-hero__content { 9194 max-width: 850px; 9195 text-align: left; 9196} 9197.hp-jtbd-hero__heading { 9198 font-size: 4.5rem; 9199 font-weight: 700; 9200 margin: 10px 0 20px 0; 9201 line-height: 1.1; 9202 color: #1a1a1a; 9203} 9204.hp-jtbd-hero__description-text { 9205 font-size: 1.3rem; 9206 font-weight: 500; 9207 color: #555; 9208 margin-top: 0; 9209 margin-bottom: 30px; 9210 line-height: 1.7; 9211 max-width: 700px; 9212} 9213.hp-jtbd-hero__highlight { 9214 background-color: #EBC277; 9215 color: #1a1a1a; 9216 padding: 2px 8px; 9217 border-radius: 4px; 9218} 9219.hp-jtbd-hero__services { 9220 margin-top: 30px; 9221 background-color: #ffffff; 9222 border-left: 3px solid #EBC277; 9223 padding: 20px 25px; 9224 border-radius: 8px; 9225 box-shadow: 0 5px 15px rgba(0,0,0,0.03); 9226} 9227.hp-jtbd-hero__services-title { 9228 font-weight: 600; 9229 color: #1a1a1a; 9230 font-size: 1.1rem; 9231} 9232.hp-jtbd-hero__services-list { 9233 list-style: none; 9234 padding-left: 0; 9235 margin-top: 15px; 9236 margin-bottom: 0; 9237} 9238.hp-jtbd-hero__services-list li { 9239 font-size: 1.1rem; 9240 margin-bottom: 10px; 9241 position: relative; 9242 padding-left: 30px; 9243 color: #333; 9244} 9245.hp-jtbd-hero__services-list li:last-child { 9246 margin-bottom: 0; 9247} 9248.hp-jtbd-hero__services-list li::before { 9249 content: 'â'; 9250 color: #EBC277; 9251 position: absolute; 9252 left: 0; 9253 font-weight: 700; 9254} 9255.hp-jtbd-hero__cta-subtext { 9256 font-size: 0.9rem; 9257 opacity: 0.8; 9258 margin-top: 15px; 9259 color: #555; 9260} 9261.hp-jtbd-hero .hp-jtbd-cta-button:hover { 9262 color: #f8f9fa; 9263 border-color: #1a1a1a; 9264} 9265 9266 9267.hp-jtbd-triggers { 9268 background-color: #ffffff; 9269 padding: 100px 0; 9270 text-align: center; 9271 border-top: 1px solid #e0e0e0; 9272} 9273.hp-jtbd-triggers .hp-jtbd-section-heading { 9274 max-width: 650px; 9275 margin-left: auto; 9276 margin-right: auto; 9277 text-align: center; 9278} 9279.hp-jtbd-triggers__grid { 9280 display: grid; 9281 grid-template-columns: repeat(3, 1fr); 9282 gap: 30px; 9283 margin-top: 50px; 9284} 9285.hp-jtbd-triggers__card { 9286 background-color: #ffffff; 9287 padding: 30px; 9288 border-radius: 8px; 9289 box-shadow: 0 10px 30px rgba(0,0,0,0.07); 9290 text-align: left; 9291 transition: transform 0.3s ease, box-shadow 0.3s ease; 9292 border: 1px solid rgba(0,0,0,0.05); 9293} 9294.hp-jtbd-triggers__card:hover { 9295 transform: translateY(-8px); 9296 box-shadow: 0 20px 45px rgba(0,0,0,0.12); 9297} 9298.hp-jtbd-triggers__icon { 9299 font-size: 0; 9300} 9301.hp-jtbd-triggers__icon .hp-jtbd-icon-img, 9302.hp-jtbd-triggers__icon img { 9303 width: 50px; 9304 height: 50px; 9305 object-fit: contain; 9306 margin-bottom: 15px; 9307} 9308.hp-jtbd-triggers__title { 9309 font-size: 1.5rem; 9310 font-weight: 600; 9311 margin: 15px 0; 9312} 9313.hp-jtbd-triggers__description { 9314 font-size: 1rem; 9315 line-height: 1.6; 9316 color: #333; 9317} 9318.hp-jtbd-triggers__quote { 9319 font-style: italic; 9320 color: #555; 9321 margin-top: 20px; 9322 border-top: 1px solid #eee; 9323 padding-top: 20px; 9324 font-weight: 500; 9325} 9326 9327.hp-jtbd-barriers { 9328 background-color: #f8f9fa; 9329 color: #1a1a1a; 9330 padding: 100px 0 0 0; 9331 text-align: left; 9332} 9333.hp-jtbd-barriers__list { 9334 max-width: 900px; 9335 margin: 50px auto 0; 9336 text-align: left; 9337} 9338.hp-jtbd-barriers__item { 9339 background-color: #ffffff; 9340 border: 1px solid #e0e0e0; 9341 border-radius: 8px; 9342 margin-bottom: 30px; 9343 overflow: hidden; 9344 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 9345} 9346.hp-jtbd-barriers__header { 9347 padding: 30px; 9348 background-color: transparent; 9349 display: flex; 9350 align-items: center; 9351 gap: 20px; 9352 border-bottom: 1px solid #e0e0e0; 9353 justify-content: center; 9354} 9355.hp-jtbd-barriers__icon { 9356 font-size: 0; 9357} 9358.hp-jtbd-barriers__icon .hp-jtbd-icon-img, 9359.hp-jtbd-barriers__icon img { 9360 width: 45px; 9361 height: 45px; 9362 object-fit: contain; 9363} 9364.hp-jtbd-barriers__title { 9365 font-size: 1.6rem; 9366 font-weight: 600; 9367 margin: 0; 9368 color: #1a1a1a; 9369} 9370.hp-jtbd-barriers__content-wrapper { 9371 display: grid; 9372 grid-template-columns: 1fr 1fr; 9373 text-align: center; 9374} 9375.hp-jtbd-barriers__content { 9376 padding: 30px; 9377} 9378.hp-jtbd-barriers__content--fear { 9379 border-right: 1px solid #e0e0e0; 9380} 9381.hp-jtbd-barriers__content strong { 9382 font-size: 1.1rem; 9383 text-transform: uppercase; 9384 letter-spacing: 0.5px; 9385 font-weight: 700; 9386} 9387.hp-jtbd-barriers__content p { 9388 margin-top: 10px; 9389 line-height: 1.7; 9390 color: #555; 9391 opacity: 0.9; 9392} 9393.hp-jtbd-barriers__content--fear strong { 9394 color: #d9534f; 9395} 9396.hp-jtbd-barriers__content--solution strong { 9397 color: #0275d8; 9398} 9399 9400.hp-jtbd-final-cta { 9401 background-color: #f8f9fa; 9402 padding: 50px 0 100px 0; 9403} 9404.hp-jtbd-final-cta__content { 9405 text-align: center; 9406 max-width: 700px; 9407 margin: 0 auto; 9408} 9409.hp-jtbd-final-cta__pretext { 9410 font-size: 1.25rem; 9411 font-weight: 500; 9412 color: #333; 9413 margin-bottom: 20px; 9414} 9415.hp-jtbd-final-cta__content .hp-jtbd-cta-button { 9416 margin-top: 0; 9417} 9418.hp-jtbd-final-cta__content .hp-jtbd-cta-button:hover { 9419 color: #f8f9fa; 9420} 9421 9422 9423@media (max-width: 900px) { 9424 .hp-jtbd-triggers__grid { 9425 grid-template-columns: 1fr 1fr; 9426 } 9427} 9428@media (max-width: 768px) { 9429 .hp-jtbd-section-heading { 9430 font-size: 2.2rem; 9431 } 9432 .hp-jtbd-hero__heading { 9433 font-size: 3rem; 9434 } 9435 .hp-jtbd-hero__subheading { 9436 font-size: 1.3rem; 9437 } 9438 .hp-jtbd-triggers__grid { 9439 grid-template-columns: 1fr; 9440 } 9441 .hp-jtbd-barriers__content-wrapper { 9442 grid-template-columns: 1fr; 9443 } 9444 .hp-jtbd-barriers__content--fear {
9445 border-right: none; 9446 border-bottom: 1px solid #e0e0e0; 9447 } 9448} 9449 9450 9451 9452 9453 9454/* 9455====================================== 9456ФÐÐÐÐЬÐÐРСТÐÐЬ СТÐÐ ÐÐÐÐ "ÐÐРТÐÐРСТÐÐ" (v9 - з ÑÐ¾Ð½Ð¾Ð²Ð¾Ñ ÑÑгÑÑоÑ) 9457====================================== 9458*/ 9459 9460/* --- 1. УнÑкалÑÐ½Ñ Ð·Ð¼ÑÐ½Ð½Ñ --- */ 9461:root { 9462 --partnerstvo-color-primary: #EBC277; 9463 --partnerstvo-color-primary-light: #fdfaf3; 9464 --partnerstvo-color-text: #333; 9465 --partnerstvo-color-text-light: #555; 9466 --partnerstvo-color-bg: #f5f5f5; 9467 --partnerstvo-color-bg-white: #ffffff; 9468 --partnerstvo-border-radius: 24px; 9469 --partnerstvo-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); 9470 --partnerstvo-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.1); 9471} 9472 9473/* --- 2. УнÑкалÑÐ½Ñ ÐÐ°Ð·Ð¾Ð²Ñ ÑÑÐ¸Ð»Ñ --- */ 9474.partnerstvo-page-wrapper { 9475 background-color: var(--partnerstvo-color-bg); 9476 color: var(--partnerstvo-color-text); 9477 overflow-x: hidden; 9478} 9479.partnerstvo-container { 9480 max-width: 1140px; 9481 margin: 0 auto; 9482 padding: 0 20px; 9483} 9484.partnerstvo-page section { 9485 padding: 80px 0; 9486} 9487.partnerstvo-page section:nth-child(even) { background-color: var(--partnerstvo-color-bg-white); } 9488.partnerstvo-page section:nth-child(odd) { background-color: var(--partnerstvo-color-bg); } 9489.partnerstvo-page h2 { 9490 font-size: 2.8rem; 9491 margin-bottom: 50px; 9492 text-align: left; 9493 color: #111; /* ЧоÑний */ 9494} 9495.partnerstvo-page h3 { 9496 font-size: 1.6rem; 9497 color: var(--partnerstvo-color-text); 9498 margin-bottom: 15px; 9499 text-align: left; 9500} 9501 9502/* ====================================== 95033. ÐлобалÑÐ½Ñ Ð¡ÑÑки 9504====================================== 9505*/ 9506/* СÑÑка 4-в-ÑÑд (Ð´Ð»Ñ ÐогоÑипÑв, ФоÑмаÑÑв) */ 9507.partnerstvo-grid-4-col { 9508 display: grid; 9509 grid-template-columns: repeat(4, 1fr); 9510 gap: 30px; 9511} 9512@media (max-width: 992px) { 9513 .partnerstvo-grid-4-col { 9514 grid-template-columns: repeat(2, 1fr); 9515 } 9516} 9517@media (max-width: 768px) { 9518 .partnerstvo-grid-4-col { 9519 grid-template-columns: 1fr; 9520 } 9521} 9522 9523/* СÑÑка 2-в-ÑÑд (Ð´Ð»Ñ "Ð§Ð¾Ð¼Ñ Ð¼Ð¸") */ 9524.partnerstvo-grid-2-col { 9525 display: grid; 9526 grid-template-columns: repeat(2, 1fr); 9527 gap: 30px; 9528 counter-reset: prospects-counter; /* ÐÑмеÑаÑÑÑ Ð´Ð»Ñ "Ð§Ð¾Ð¼Ñ Ð¼Ð¸" */ 9529} 9530@media (max-width: 992px) { 9531 .partnerstvo-grid-2-col { 9532 grid-template-columns: repeat(2, 1fr); 9533 } 9534} 9535@media (max-width: 768px) { 9536 .partnerstvo-grid-2-col { 9537 grid-template-columns: 1fr; 9538 } 9539} 9540 9541/* ====================================== 95424. ÐнÑмаÑÑÑ 9543====================================== 9544*/ 9545.partnerstvo-animate-card { 9546 opacity: 0; 9547 transform: translateY(30px); 9548 transition: opacity 0.6s ease-out, transform 0.6s ease-out; 9549} 9550.partnerstvo-animate-card.is-visible { 9551 opacity: 1; 9552 transform: translateY(0); 9553} 9554 9555/* ====================================== 95565. Ðлок 1: ÐеÑой 9557====================================== 9558*/ 9559.partnerstvo-hero { 9560 background-color: var(--partnerstvo-color-primary-light); 9561 text-align: left; 9562 padding: 100px 0; 9563 position: relative; 9564 overflow: hidden; 9565} 9566.partnerstvo-hero::after { 9567 content: ''; 9568 position: absolute; 9569 top: 50%; 9570 right: 0; 9571 transform: translateY(-50%) translateX(50%); 9572 width: 800px; 9573 height: 800px; 9574 background: radial-gradient( 9575 circle, 9576 var(--partnerstvo-color-primary) 0%, 9577 rgba(235, 194, 119, 0.5) 30%, 9578 transparent 70% 9579 ); 9580 opacity: 0.4; 9581 z-index: 0; 9582} 9583.partnerstvo-hero .partnerstvo-container { 9584 position: relative; 9585 z-index: 2; 9586} 9587.partnerstvo-hero-text-content { 9588 max-width: 70%; 9589} 9590.partnerstvo-hero h1 { 9591 color: #111; 9592 font-size: 3.8rem; 9593 margin-bottom: 25px; 9594 line-height: 1.3; 9595} 9596.partnerstvo-hero .partnerstvo-subtitle { 9597 font-size: 1.3rem; 9598 line-height: 1.7; 9599 max-width: 700px; 9600 margin: 0; 9601 opacity: 0.9; 9602} 9603.partnerstvo-hero-marker-wrapper { 9604 position: relative; 9605 display: inline-block; 9606 white-space: nowrap; 9607} 9608.partnerstvo-hero-marker-wrapper::after { 9609 content: ''; 9610 position: absolute; 9611 bottom: 2px; 9612 left: -2%; 9613 width: 104%; 9614 height: 16px; 9615 background-color: var(--partnerstvo-color-primary); 9616 opacity: 0.8; 9617 z-index: -1; 9618 border-radius: 4px; 9619 transform: skew(-15deg); 9620} 9621@media (max-width: 992px) { 9622 .partnerstvo-hero::after { width: 600px; height: 600px; opacity: 0.3; } 9623 .partnerstvo-hero-text-content { max-width: 80%; } 9624 .partnerstvo-hero h1 { font-size: 3rem; } 9625} 9626@media (max-width: 768px) { 9627 .partnerstvo-hero::after { opacity: 0.2; right: -100px; } 9628 .partnerstvo-hero-text-content { max-width: 100%; } 9629 .partnerstvo-hero { padding: 60px 0; } 9630 .partnerstvo-hero h1 { font-size: 2.8rem; } 9631} 9632 9633/* ====================================== 96346. Ðлок 1.1: "Ð§Ð¾Ð¼Ñ Ð¼Ð¸" (2x2) 9635====================================== 9636*/ 9637.partnerstvo-prospect-item { 9638 background: var(--partnerstvo-color-bg-white); 9639 border-radius: var(--partnerstvo-border-radius); 9640 box-shadow: var(--partnerstvo-shadow); 9641 padding: 40px; 9642 text-align: left; 9643 transition: transform 0.3s ease, box-shadow 0.3s ease; 9644 position: relative; 9645 overflow: hidden; 9646} 9647.partnerstvo-prospect-item:hover { 9648 transform: translateY(-10px); 9649 box-shadow: var(--partnerstvo-shadow-hover); 9650} 9651.partnerstvo-prospect-item::before { 9652 counter-increment: prospects-counter; 9653 content: "0" counter(prospects-counter); 9654 position: absolute; 9655 top: 0px; 9656 left: 25px; 9657 z-index: 1; 9658 font-size: 6rem; 9659 font-weight: 700; 9660 color: var(--partnerstvo-color-primary); 9661 opacity: 0.15; 9662 line-height: 1; 9663} 9664.partnerstvo-prospect-icon, 9665.partnerstvo-prospect-item h3, 9666.partnerstvo-prospect-item p { 9667 position: relative; 9668 z-index: 2; 9669} 9670.partnerstvo-prospect-icon { 9671 width: 90px; 9672 height: 90px; 9673 margin: 0 0 25px; 9674 background-color: var(--partnerstvo-color-primary); 9675 border-radius: 50%; 9676 display: flex; 9677 align-items: center; 9678 justify-content: center; 9679} 9680.partnerstvo-prospect-icon img { 9681 width: 45px; 9682 height: 45px; 9683 object-fit: contain; 9684} 9685.partnerstvo-prospect-item h3 { 9686 font-size: 1.3rem; 9687 font-weight: 600; 9688 line-height: 1.4; 9689 margin-bottom: 10px; 9690} 9691.partnerstvo-prospect-item p { 9692 font-size: 1rem; 9693 line-height: 1.6; 9694 color: var(--partnerstvo-color-text-light); 9695 margin: 0; 9696} 9697 9698/* ====================================== 96997. Ðлок 2: Таби паÑÑнеÑÑв 9700====================================== 9701*/ 9702.partnerstvo-tabs-nav { 9703 display: flex; 9704 justify-content: center; 9705 border-bottom: 2px solid #eee; 9706 margin-bottom: 40px; 9707} 9708.partnerstvo-tab-link { 9709 border: none; 9710 background: none; 9711 padding: 15px 30px; 9712 cursor: pointer; 9713 font-size: 1.2rem; 9714 font-weight: 600; 9715 color: var(--partnerstvo-color-text-light); 9716 border-bottom: 3px solid transparent; 9717 margin-bottom: -2px; 9718 transition: color 0.3s, border-color 0.3s; 9719} 9720.partnerstvo-tab-link:hover { color: var(--partnerstvo-color-primary); } 9721.partnerstvo-tab-link.active { 9722 color: var(--partnerstvo-color-primary); 9723 border-bottom-color: var(--partnerstvo-color-primary); 9724} 9725.partnerstvo-tab-pane { display: none; } 9726.partnerstvo-tab-pane.active { display: block; } 9727.partnerstvo-logo-item { 9728 background: var(--partnerstvo-color-bg-white); 9729 border: 1px solid #e0e0e0; 9730 border-radius: var(--partnerstvo-border-radius); 9731 padding: 25px; 9732 display: flex; 9733 flex-direction: column; 9734 align-items: center; 9735 justify-content: center; 9736 transition: box-shadow 0.3s ease; 9737 min-height: 200px; 9738 text-align: center; 9739} 9740.partnerstvo-logo-item:hover { box-shadow: var(--partnerstvo-shadow); } 9741.partnerstvo-logo-item img { 9742 max-width: 100%; 9743 height: 90px; 9744 object-fit: contain; 9745 margin-bottom: 15px; 9746} 9747.partnerstvo-logo-item p { 9748 font-size: 15px; 9749 color: var(--partnerstvo-color-text-light); 9750 line-height: 1.5; 9751} 9752 9753/* ====================================== 97548. Ðлок 3: ФоÑмаÑи (4-в-ÑÑд) 9755====================================== 9756*/ 9757.partnerstvo-format-item { 9758 background: var(--partnerstvo-color-bg-white); 9759 border-radius: var(--partnerstvo-border-radius); 9760 box-shadow: var(--partnerstvo-shadow); 9761 padding: 40px; 9762 border-top: 5px solid var(--partnerstvo-color-primary); 9763} 9764.partnerstvo-format-item h3 { font-size: 1.4rem; } 9765.partnerstvo-format-item p { 9766 font-size: 1.1rem; 9767 line-height: 1.8; 9768 color: var(--partnerstvo-color-text-light); 9769} 9770 9771/* ====================================== 97729. Ðлок 4: Ðигоди (ÐÐТÐÐ ÐÐТÐÐÐÐÐ + ФÐÐУРÐ) 9773====================================== 9774*/ 9775.partnerstvo-interactive-grid { 9776 display: grid; 9777 grid-template-columns: 1fr 1fr; 9778 gap: 60px; 9779 align-items: flex-start; 9780} 9781@media (max-width: 992px) { 9782 .partnerstvo-interactive-grid { 9783 grid-template-columns: 1fr; 9784 } 9785} 9786/* Ðолонка 1: ÐенÑ-ÐккоÑдеон */ 9787.partnerstvo-accordion-menu { 9788 display: flex; 9789 flex-direction: column; 9790 gap: 15px; 9791} 9792/* ÐбгоÑÑка Ð´Ð»Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ Ñа опиÑÑ */ 9793.partnerstvo-accordion-item { 9794 background: var(--partnerstvo-color-bg-white); 9795 border-radius: var(--partnerstvo-border-radius); 9796 box-shadow: var(--partnerstvo-shadow); 9797 overflow: hidden; 9798 transition: box-shadow 0.3s ease; 9799} 9800.partnerstvo-accordion-item:hover { 9801 box-shadow: var(--partnerstvo-shadow-hover); 9802} 9803.partnerstvo-accordion-btn { 9804 background: none; 9805 border: none; 9806 padding: 0; 9807 margin: 0; 9808 font: inherit; 9809 color: inherit; 9810 cursor: pointer; 9811 width: 100%; 9812 display: block; 9813 text-align: left; 9814 padding: 20px 25px; 9815 font-size: 1.2rem; 9816 font-weight: 600; 9817 background-color: var(--partnerstvo-color-bg-white); 9818 transition: background-color 0.3s ease; 9819 position: relative; 9820 padding-right: 50px; 9821} 9822.partnerstvo-accordion-btn::after { 9823 content: '+'; 9824 position: absolute; 9825 right: 25px; 9826 top: 50%; 9827 transform: translateY(-50%); 9828 font-size: 1.8rem; 9829 font-weight: 300; 9830 color: var(--partnerstvo-color-primary); 9831 transition: transform 0.3s ease; 9832} 9833/* ÐкÑивний ÑÑан (ÑвÑй дизайн) */ 9834.partnerstvo-accordion-btn.active { 9835 background-color: var(--partnerstvo-color-primary-light); 9836 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 9837} 9838.partnerstvo-accordion-btn.active::after { 9839 content: 'â'; 9840 transform: translateY(-50%) rotate(180deg); 9841} 9842/* Ðлок опиÑÑ (ÑвÑй дизайн) */ 9843.partnerstvo-accordion-content { 9844 max-height: 0; 9845 overflow: hidden; 9846 transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); 9847 background-color: var(--partnerstvo-color-primary-light);
9848 padding: 0 30px; 9849} 9850/* ÐнÑмаÑÑÑ Ð¿Ð¾Ñви ÑекÑÑÑ */ 9851.partnerstvo-accordion-btn.active + .partnerstvo-accordion-content { 9852 padding: 25px 30px; 9853} 9854.partnerstvo-accordion-content p { 9855 margin: 0; 9856 font-size: 1.1rem; 9857 line-height: 1.7; 9858 color: var(--partnerstvo-color-text); 9859} 9860/* Ðолонка 2: ÐиÑплей з каÑÑинками (ÐÐÐÐÐÐÐРз ÑÑгÑÑоÑ) */ 9861.partnerstvo-image-display { 9862 position: relative; 9863 width: 100%; 9864 aspect-ratio: 4 / 3; 9865 border-radius: var(--partnerstvo-border-radius); 9866 overflow: hidden; 9867 background-color: var(--partnerstvo-color-bg-white); /* ÐÑлий Ñон */ 9868 position: -webkit-sticky; 9869 position: sticky; 9870 top: 100px; 9871} 9872@media (max-width: 992px) { 9873 .partnerstvo-image-display { 9874 position: relative; 9875 top: 0; 9876 margin-bottom: 30px; 9877 } 9878} 9879/* ÐÐÐРФÐÐÐÐРФÐÐУРР*/ 9880.partnerstvo-image-display::before { 9881 content: ''; 9882 position: absolute; 9883 top: 50%; 9884 left: 50%; 9885 width: 80%; 9886 height: 80%; 9887 background-color: var(--partnerstvo-color-primary); 9888 opacity: 0.15; 9889 transform: translate(-50%, -50%) rotate(15deg); 9890 border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; 9891 z-index: 1; /* ÐРкаÑÑÐ¸Ð½ÐºÐ¾Ñ */ 9892 animation: partnerstvo-blob-morph 15s infinite alternate; 9893} 9894/* ÐлÑÑÐ¾Ð²Ñ ÐºÐ°Ð´Ñи Ð´Ð»Ñ Ð°Ð½ÑмаÑÑÑ ÑÑгÑÑи */ 9895@keyframes partnerstvo-blob-morph { 9896 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 9897 100% { border-radius: 40% 60% 70% 30% / 40% 70% 30% 60%; } 9898} 9899.partnerstvo-benefit-image { 9900 position: absolute; 9901 top: 0; 9902 left: 0; 9903 width: 100%; 9904 height: 100%; 9905 opacity: 0; 9906 transform: scale(1.05); 9907 transition: opacity 0.5s ease, transform 0.5s ease; 9908 padding: 20px; 9909 z-index: 2; /* ÐÐÐ ÐÐ ÑÑгÑÑÐ¾Ñ */ 9910} 9911.partnerstvo-benefit-image.active { 9912 opacity: 1; 9913 transform: scale(1); 9914} 9915.partnerstvo-benefit-image img { 9916 width: 100%; 9917 height: 100%; 9918 object-fit: contain; 9919 position: relative; 9920 z-index: 2; 9921} 9922 9923/* ====================================== 992410. Ðлок 5: Як ÑÑаÑи (1 колонка) 9925====================================== 9926*/ 9927.partnerstvo-how-to-steps-list { 9928 counter-reset: steps-counter; 9929 display: grid; 9930 grid-template-columns: 1fr; 9931 gap: 20px; 9932 max-width: 800px; 9933 margin: 0 auto; 9934} 9935.partnerstvo-how-to-step-item { 9936 position: relative; 9937 padding: 30px 30px 30px 120px; 9938 background: var(--partnerstvo-color-bg-white); 9939 border-radius: var(--partnerstvo-border-radius); 9940 box-shadow: var(--partnerstvo-shadow); 9941 font-size: 1.2rem; 9942 line-height: 1.7; 9943 min-height: 100px; 9944 display: flex; 9945 align-items: center; 9946 overflow: hidden; 9947 transition: transform 0.3s ease, box-shadow 0.3s ease; 9948} 9949.partnerstvo-how-to-step-item:hover { 9950 transform: translateY(-5px); 9951 box-shadow: var(--partnerstvo-shadow-hover); 9952} 9953.partnerstvo-how-to-step-item p { margin: 0; z-index: 2; } 9954.partnerstvo-how-to-step-item::before { 9955 counter-increment: steps-counter; 9956 content: "0" counter(steps-counter); 9957 position: absolute; 9958 left: 20px; 9959 top: 50%; 9960 transform: translateY(-50%); 9961 font-size: 5.5rem; 9962 font-weight: 700; 9963 color: var(--partnerstvo-color-primary); 9964 opacity: 0.15; 9965 z-index: 1; 9966 line-height: 1; 9967} 9968@media (max-width: 992px) { 9969 .partnerstvo-how-to-step-item { 9970 font-size: 1.1rem; 9971 padding: 25px 25px 25px 100px; 9972 min-height: auto; 9973 } 9974 .partnerstvo-how-to-step-item::before { font-size: 4.5rem; } 9975} 9976 9977/* 9978====================================== 997911. Ðлок 6: ФоÑма (СÐÐ ÐЩÐÐÐ ÐÐРСÐЯ РФÐÐÐÐ) 9980====================================== 9981*/ 9982 9983/* * ÐÐÐÐÐÐÐÐЯ: Ðи гаÑанÑÑÑмо, Ñо вÑÑ ÑекÑÑÑ ÑоÑми 9984 * Ð¼Ð°Ñ ÑÑÑий Ñон, Ñоб наÑа бÑла каÑÑка видÑлÑлаÑÑ. 9985*/ 9986.partnerstvo-form-block { 9987 background-color: var(--partnerstvo-color-bg) !important; /* СÑÑий Ñон */ 9988 text-align: left; 9989} 9990 9991/* 9992 * ====================================== 9993 * ÐСЬ ТÐÐЯ "ÐÐÐÐÐÐÐ" / ФÐÐ ÐÐЯ ФÐÐ ÐÐ 9994 * ====================================== 9995*/ 9996.partnerstvo-form-card-wrapper { 9997 max-width: 800px; /* ÐбмежÑÑмо ÑиÑÐ¸Ð½Ñ ÑоÑми */ 9998 margin: 0 auto; /* ЦенÑÑÑÑмо ÑÑ */ 9999 background-color: var(--partnerstvo-color-bg-white);
9999 /* ÐÑлий Ñон */ 10000 border-radius: var(--partnerstvo-border-radius); /* Ð¢Ð²Ð¾Ñ Ð·Ð°Ð¾ÐºÑÑÐ³Ð»ÐµÐ½Ð½Ñ */ 10001 box-shadow: var(--partnerstvo-shadow); /* ТÑÐ½Ñ */ 10002 padding: 40px; /* ÐнÑÑÑÑÑÐ½Ñ Ð²ÑдÑÑÑпи */ 10003} 10004@media (max-width: 768px) { 10005 .partnerstvo-form-card-wrapper { 10006 padding: 30px 25px; /* ÐенÑе вÑдÑÑÑпÑв на мобÑлÑÐ½Ð¸Ñ */ 10007 } 10008} 10009 10010/* Ðаголовок Ñа Ð¾Ð¿Ð¸Ñ Ð²ÑеÑÐµÐ´Ð¸Ð½Ñ ÐºÐ°ÑÑки */ 10011.partnerstvo-form-header h2 { 10012 margin-top: 0; 10013} 10014.partnerstvo-form-header p { 10015 font-size: 1.2rem; 10016 color: var(--partnerstvo-color-text-light); 10017 max-width: 100%; 10018 margin: -15px 0 30px; 10019} 10020 10021/* --- СÑилÑзаÑÑÑ ÑÐ°Ð¼Ð¾Ñ ÑоÑми (CF7) --- */ 10022 10023/* СÑÑка 2x2 Ð´Ð»Ñ Ð²ÐµÑÑ Ð½ÑÑ Ð¿Ð¾Ð»Ñв */ 10024.partnerstvo-form-content .partnerstvo-form-grid { 10025 display: grid; 10026 grid-template-columns: 1fr 1fr; 10027 gap: 20px 25px; 10028} 10029@media (max-width: 768px) { 10030 .partnerstvo-form-content .partnerstvo-form-grid { 10031 grid-template-columns: 1fr; 10032 } 10033} 10034 10035/* ÐÑÑпа полÑв */ 10036.partnerstvo-form-group { 10037 margin-bottom: 25px; 10038} 10039.partnerstvo-form-block label { 10040 font-size: 1rem; 10041 font-weight: 600; 10042 color: var(--partnerstvo-color-text); 10043 display: block; 10044 margin-bottom: 10px; 10045} 10046 10047/* Ðизайн "ТÑлÑки лÑнÑÑ" */ 10048.partnerstvo-form-block input[type="text"], 10049.partnerstvo-form-block input[type="email"], 10050.partnerstvo-form-block input[type="tel"], 10051.partnerstvo-form-block textarea { 10052 width: 100%; 10053 padding: 10px 5px; 10054 font-size: 1rem; 10055 background-color: transparent; 10056 border: none; 10057 border-bottom: 2px solid #ddd; 10058 border-radius: 0; 10059 box-shadow: none; 10060 transition: border-color 0.3s ease; 10061} 10062.partnerstvo-form-block textarea { 10063 min-height: 100px; 10064 resize: vertical; 10065} 10066.partnerstvo-form-block input:focus, 10067.partnerstvo-form-block textarea:focus { 10068 outline: none; 10069 border-bottom-color: var(--partnerstvo-color-primary); 10070 box-shadow: none; 10071} 10072 10073/* СÑилÑзаÑÑÑ Ð Ð°Ð´Ñо-кнопок */ 10074.partnerstvo-form-radio .wpcf7-list-item { 10075 display: inline-flex; 10076 align-items: center; 10077 margin-right: 20px; 10078 margin-bottom: 10px; 10079 cursor: pointer; 10080} 10081.partnerstvo-form-radio .wpcf7-list-item-label { font-size: 1rem; font-weight: 500; } 10082.partnerstvo-form-radio input[type="radio"] { 10083 appearance: none; -webkit-appearance: none; 10084 width: 20px; height: 20px; 10085 border: 2px solid #ccc; 10086 border-radius: 50%; 10087 margin: 0 10px 0 0; 10088 cursor: pointer; 10089 transition: border-color 0.3s ease; 10090 position: relative; top: -1px; 10091} 10092.partnerstvo-form-radio input[type="radio"]:checked { 10093 border-color: var(--partnerstvo-color-primary); 10094} 10095.partnerstvo-form-radio input[type="radio"]::after { 10096 content: ''; display: block; 10097 width: 10px; height: 10px; 10098 border-radius: 50%; 10099 background-color: var(--partnerstvo-color-primary); 10100 position: absolute; top: 50%; left: 50%; 10101 transform: translate(-50%, -50%) scale(0); 10102 transition: transform 0.2s ease; 10103} 10104.partnerstvo-form-radio input[type="radio"]:checked::after { 10105 transform: translate(-50%, -50%) scale(1); 10106} 10107 10108/* Ðнопка на 100% ÑиÑини */ 10109.partnerstvo-form-submit { margin-top: 20px; } 10110.partnerstvo-form-submit input[type="submit"] { 10111 width: 100%; 10112 background-color: var(--partnerstvo-color-primary); 10113 color: #111; 10114 font-size: 1.2rem; 10115 font-weight: 600; 10116 padding: 20px 40px; 10117 border: none; 10118 border-radius: var(--partnerstvo-border-radius); 10119 cursor: pointer; 10120 transition: background-color 0.3s ease, transform 0.3s ease; 10121} 10122.partnerstvo-form-submit input[type="submit"]:hover { 10123 background-color: #f7d59b; 10124 transform: translateY(-3px); 10125} 10126 10127/* ÐовÑÐ´Ð¾Ð¼Ð»ÐµÐ½Ð½Ñ CF7 */ 10128.partnerstvo-form-block .wpcf7-response-output { 10129 border-radius: var(--partnerstvo-border-radius); 10130 padding: 20px; 10131} 10132.partnerstvo-form-block .wpcf7-not-valid-tip { font-size: 0.9rem; } 10133 10134 10135/* ====================================== 101367. Ðлок 2: Таби паÑÑнеÑÑв (ЧÐСТÐÐ ÐÐÐÐÐÐ) 10137====================================== 10138*/ 10139/* ... (ÑÑÐ¸Ð»Ñ tabs-nav залиÑаÑÑÑÑÑ Ð±ÐµÐ· змÑн) ... */ 10140 10141.partnerstvo-logo-item { 10142 background: var(--partnerstvo-color-bg-white); 10143 border: 1px solid #e0e0e0; 10144 border-radius: var(--partnerstvo-border-radius); 10145 /* Робимо ÑÑкÑÐ¾Ð²Ð°Ð½Ñ Ð²Ð¸ÑоÑÑ Ð´Ð»Ñ Ð°ÐºÑÑаÑноÑÑÑ */ 10146 height: 180px; 10147 padding: 30px; 10148 display: flex; 10149 align-items: center; 10150 justify-content: center; 10151 transition: all 0.3s ease; 10152 cursor: pointer; 10153 position: relative; 10154} 10155
10156/* ÐÑÐµÐºÑ Ð¿Ñи наведеннÑ: легкий пÑдйом Ñ Ð·Ð¾Ð»Ð¾Ñа ÑÑÐ½Ñ */ 10157.partnerstvo-logo-item:hover { 10158 transform: translateY(-5px); 10159 border-color: var(--partnerstvo-color-primary); 10160 box-shadow: 0 10px 25px rgba(235, 194, 119, 0.25); 10161} 10162 10163.partnerstvo-logo-item img { 10164 max-width: 100%; 10165 max-height: 100%; 10166 object-fit: contain; 10167 filter: grayscale(100%); /* Ðого ÑÑÑÑ Ð·Ð° замовÑÑваннÑм */ 10168 opacity: 0.7; 10169 transition: all 0.3s ease; 10170} 10171 10172.partnerstvo-logo-item:hover img { 10173 filter: grayscale(0%); /* СÑаÑÑÑ ÐºÐ¾Ð»ÑоÑовими пÑи Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð½Ñ */ 10174 opacity: 1; 10175 transform: scale(1.05); 10176} 10177 10178 10179/* 10180====================================== 1018112. ÐодалÑне вÑкно (PREMIUM DESIGN з ÑÑгÑÑами) 10182====================================== 10183*/ 10184 10185.partnerstvo-modal { 10186 position: fixed; 10187 top: 0; left: 0; 10188 width: 100%; height: 100%; 10189 z-index: 9999; 10190 display: flex; 10191 align-items: center; 10192 justify-content: center; 10193 opacity: 0; 10194 visibility: hidden; 10195 transition: opacity 0.3s ease, visibility 0.3s ease; 10196 padding: 20px; /* ÐÑдÑÑÑп на мобÑлÑÐ½Ð¸Ñ */ 10197} 10198 10199.partnerstvo-modal.active { 10200 opacity: 1; 10201 visibility: visible; 10202} 10203 10204.partnerstvo-modal-overlay { 10205 position: absolute; 10206 top: 0; left: 0; 10207 width: 100%; height: 100%; 10208 background-color: rgba(20, 20, 20, 0.6); /* ТемнÑÑий Ñон */ 10209 backdrop-filter: blur(8px); /* СилÑнÑÑе ÑозмиÑÑÑ */ 10210} 10211 10212/* ÐÐРТÐÐ ÐÐÐÐÐÐÐ */ 10213.partnerstvo-modal-content { 10214 position: relative; 10215 background-color: var(--partnerstvo-color-bg-white); 10216 width: 100%; 10217 max-width: 550px; 10218 border-radius: 30px; /* ÐÑже м'ÑÐºÑ ÐºÑÑи */ 10219 box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3); 10220 text-align: center; 10221 transform: translateY(30px) scale(0.95); 10222 transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); /* ÐÑÐµÐºÑ "пÑÑжини" */ 10223 overflow: hidden; /* ÐбÑÑзаÑмо ÑÑгÑÑи */ 10224 z-index: 10000; 10225 padding: 0; /* ÐÑдÑÑÑпи задамо внÑÑÑÑÑнÑÐ¾Ð¼Ñ Ð±Ð»Ð¾ÐºÑ */ 10226} 10227 10228.partnerstvo-modal.active .partnerstvo-modal-content { 10229 transform: translateY(0) scale(1); 10230} 10231 10232/* * --- ФÐÐÐÐРФÐÐУРР(RASTER SHAPES) --- 10233 * Ðи викоÑиÑÑовÑÑмо пÑевдо-елеменÑи, Ñоб ÑÑвоÑиÑи 10234 * абÑÑÑакÑÐ½Ñ Ð¿Ð»Ñми Ñвого колÑоÑÑ Ð½Ð° ÑонÑ. 10235*/ 10236.partnerstvo-modal-content::before, 10237.partnerstvo-modal-content::after { 10238 content: ''; 10239 position: absolute; 10240 border-radius: 50%; 10241 filter: blur(40px); /* ÐÑÐµÐºÑ ÑозмиÑÑÑ (Raster look) */ 10242 z-index: 0; /* Ðа заднÑÐ¾Ð¼Ñ Ð¿Ð»Ð°Ð½Ñ */ 10243} 10244 10245/* ÐлÑма 1 (ÐеÑÑ Ð½Ñй пÑавий кÑÑ) */ 10246.partnerstvo-modal-content::before { 10247 top: -50px; 10248 right: -50px; 10249 width: 200px; 10250 height: 200px; 10251 background-color: rgba(235, 194, 119, 0.15); /* #EBC277 дÑже пÑозоÑий */ 10252} 10253 10254/* ÐлÑма 2 (ÐижнÑй лÑвий кÑÑ) */ 10255.partnerstvo-modal-content::after { 10256 bottom: -30px; 10257 left: -30px; 10258 width: 150px; 10259 height: 150px; 10260 background-color: rgba(235, 194, 119, 0.1); 10261} 10262 10263/* ÐмÑÑÑ Ð¼Ð¾Ð´Ð°Ð»ÐºÐ¸ (повеÑÑ Ð¿Ð»Ñм) */ 10264.partnerstvo-modal-body { 10265 position: relative; 10266 z-index: 1; 10267 padding: 50px 40px; 10268} 10269 10270/* ÐогоÑип */ 10271.partnerstvo-modal-logo { 10272 width: 120px; 10273 height: 120px; 10274 margin: 0 auto 25px; 10275 background: #fff; 10276 border-radius: 50%; 10277 box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* ТÑÐ½Ñ Ð´Ð»Ñ Ð¾Ð±'ÑÐ¼Ñ */ 10278 display: flex; 10279 align-items: center; 10280 justify-content: center; 10281 border: 1px solid #f0f0f0; 10282} 10283.partnerstvo-modal-logo img { 10284 max-width: 70%; 10285 max-height: 70%; 10286 object-fit: contain; 10287} 10288 10289/* ТекÑÑи */ 10290.partnerstvo-modal-content h3 { 10291 font-size: 1.8rem; 10292 color: #111; 10293 margin: 0 0 15px; 10294 text-align: center; 10295} 10296 10297.partnerstvo-modal-content p { 10298 font-size: 1.1rem; 10299 color: var(--partnerstvo-color-text-light); 10300 line-height: 1.6; 10301 margin-bottom: 35px; 10302} 10303 10304/* Ðнопка */ 10305.partnerstvo-modal-btn { 10306 display: inline-block; 10307 background-color: var(--partnerstvo-color-primary); 10308 color: #111; 10309 font-size: 1.1rem; 10310 font-weight: 700; 10311 padding: 18px 45px; 10312 border-radius: 50px; /* Pill shape */ 10313 text-decoration: none; 10314 transition: all 0.3s ease; 10315 box-shadow: 0 5px 15px rgba(235, 194, 119, 0.4); 10316} 10317.partnerstvo-modal-btn:hover { 10318 background-color: #f7d59b; 10319 transform: translateY(-3px); 10320 box-shadow: 0 8px 20px rgba(235, 194, 119, 0.6); 10321} 10322 10323/* Ð¥ÑеÑÑик */ 10324.partnerstvo-modal-close { 10325 position: absolute; 10326 top: 20px; 10327 right: 20px; 10328 width: 40px; 10329 height: 40px; 10330 background: rgba(255,255,255,0.5); 10331 border-radius: 50%; 10332 border: none; 10333 font-size: 24px; 10334 line-height: 1; 10335 color: #333; 10336 cursor: pointer; 10337 transition: all 0.3s ease; 10338 z-index: 2; 10339 display: flex; 10340 align-items: center; 10341 justify-content: center; 10342}
10343.partnerstvo-modal-close:hover { 10344 background: #fff; 10345 transform: rotate(90deg); 10346 color: #Eda009; /* ЧеÑвоний пÑи наведеннÑ, або можна ÑвÑй золоÑий */ 10347} 10348 10349.partnerstvo-logo-item img { 10350 /* drop-shadow паÑамеÑÑÑ: ÑмеÑение-X ÑмеÑение-Y ÑазмÑÑие ÑвеÑ. 10351 ÐÑ Ð¿ÐµÑеÑиÑлÑем ÑилÑÑÑÑ ÑеÑез пÑобел: ÑнаÑала Ñ/б, поÑом ÑенÑ. 10352 */ 10353 filter: grayscale(100%) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8)); 10354 10355 /* ÐÐ»Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾ÑÑи пÑи наведении, еÑли нÑжно */ 10356 transition: filter 0.3s ease; 10357} 10358 10359/* ÐпÑионалÑно: ÑбиÑаÑÑ Ñ/б и ÑÐµÐ½Ñ Ð¿Ñи наведении */ 10360.partnerstvo-logo-item img:hover { 10361 filter: grayscale(0%) drop-shadow(none); 10362} 10363</style> 10364 10365 <link rel="preconnect" href="https://fonts.googleapis.com"> 10366 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10367 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap" rel="stylesheet"> 10368 10369 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> 10370 10371 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" 10372 integrity="sha384-Q8BgkilbsFGYNNiDqJm69hvDS7NCJWOodvfK/cwTyQD4VQA0qKzuPpvqNER1UC0F" 10373 crossorigin="anonymous" referrerpolicy="no-referrer" /> 10374 10375 <link rel="stylesheet" href="/wp-content/themes/burot/css/custom-style.css"> 10376 10377<!--UniTalk call-tracking and website widgets--> 10378<!--
10378<script async src="https://api.unitalk.cloud/script/11832/2764"></script>
10378--> 10379 10380 10381 10382<meta name="google-site-verification" content="Vpo9cV9q72mzClfrmt4Po8OTFffgvRWCideoE2ZV4NU" /> 10383<meta name="google-site-verification" content="OK7dADHjOjz1vAXkMQWUlwY3AocSkBt5znEm-BoB2rI" /> 10384<meta name="msvalidate.01" content="2012C979313F119E62006AAE7E2BE8D4" /> 10385
10385<script type="text/javascript"> 10386 (function(c,l,a,r,i,t,y){ 10387 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 10388 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 10389 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 10390 })(window, document, "clarity", "script", "vuof2r04ik"); 10391</script>
10391 10392<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' /> 10393 10394<meta name="generator" content="WP Rocket 3.20.3" data-wpr-features="wpr_preconnect_external_domains wpr_oci wpr_preload_links wpr_desktop" /></head> 10395 10396<body class="home wp-singular page-template-default page page-id-4245 wp-custom-logo wp-theme-burot"> 10397<div id="page" class="site"> 10398 <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> 10399 10400<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 10400-10401
10400 10401<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10401GTM-TGK76JPM
vendor: 83 bytes, lines 10401-10402
10401" 10402height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10403<!-- End Google Tag Manager (noscript) --> 10404 10405 <header class="header"> 10406 <div class="container"> 10407 <div class="header__inner"> 10408 <div class="site-branding"> 10409 <a class="custom-logo-link" rel="home" aria-current="page"><img fetchpriority="high" 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> 10410 <nav id="site-navigation" class="main-navigation"> 10411 <ul id="primary-menu" class="menu"><li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-10"><a href="/" aria-current="page">Ðоловна</a></li> 10412<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> 10413<li id="menu-item-4734" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4734"><a href="/about-us/#service">ÐоÑлÑги</a> 10414<ul class="sub-menu"> 10415 <li id="menu-item-4736" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4736"><a href="http://burocompany.com.ua/about-us/#mgmt-solutions">УпÑавлÑнÑÑÐºÑ ÑÑÑеннÑ</a> 10416 <ul class="sub-menu"> 10417 <li id="menu-item-4761" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4761"><a href="https://burocompany.com.ua/service/upravlinskyy-oblik-vid-biuro/">ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑÐºÑ <span class="menu-item-badge">ФÐÐÐÐÐÐ</span></a></li> 10418 <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> 10419 <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> 10420 <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> 10421 </ul> 10422</li> 10423 <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> 10424 <ul class="sub-menu"> 10425 <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> 10426 <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> 10427 <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> 10428 <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> 10429 </ul> 10430</li> 10431 <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> 10432 <ul class="sub-menu"> 10433 <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> 10434 <li id="menu-item-4771" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4771">
10434<a href="https://burocompany.com.ua/service/podatkovyy-konsaltynh-vid-biuro-3/">ÐодаÑковий конÑалÑинг</a></li> 10435 <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> 10436 <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> 10437 </ul> 10438</li> 10439</ul> 10440</li> 10441<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> 10442<ul class="sub-menu"> 10443 <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> 10444 <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> 10445 <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> 10446</ul> 10447</li> 10448<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> 10449<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> 10450<ul class="sub-menu"> 10451 <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> 10452 <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> 10453</ul> 10454</li> 10455<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> 10456</ul> </nav> 10457 <div class="phone_number"><a href="tel: 0676521688" class="header__link"> 10458 +380 (67) 652 16 88 </a></div> 10459 10460<div class="language-switcher"> 10461 <a href="https://burocompany.com.ua/" class="language-option active"> 10462 UA </a> 10463 <a href="https://burocompany.com.ua/ru/" class="language-option "> 10464 RU </a> 10465 </div> 10466 10467 10468 10469 10470 10471<ul class="social"> 10472 <li> 10473 <a href="https://t.me/buroconsulting"> 10474 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/image-removebg-preview-22-e1726932824384.png" alt=""> 10475 </a> 10476 </li> 10477 <li> 10478 <a href="https://www.instagram.com/burocompany/"> 10479 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/instagram-new.png" alt=""> 10480 </a> 10481 </li> 10482 <li> 10483 <a href="https://www.facebook.com/burocompany"> 10484 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/59439.png" alt=""> 10485 </a> 10486 </li> 10487 </ul> 10488<button class="header__btn"> 10489 <span></span> 10490</button> 10491 10492 10493 <!-- Ðод пеÑеклÑÑаÑÐµÐ»Ñ ÑзÑков --> 10494<!-- <div class="custom-language-switcher"> 10495 <img src="https://img.icons8.com/?size=100&id=3685&format=png&color=000000" class="planet-icon" alt="Planet">
10496 <span class="arrow-icon">ᐅ</span> 10497 <div id="languageMenu"> 10498 <a href="https://burocompany.com.ua/" class="language-option selected"> 10499 UA </a> 10500 <a href="https://burocompany.com.ua/ru/" class="language-option "> 10501 RU </a> 10502 </div> 10503 </div> --> 10504 <!-- ÐÐ¾Ð½ÐµÑ ÐºÐ¾Ð´Ð° пеÑеклÑÑаÑÐµÐ»Ñ ÑзÑков --> 10505 10506 10507 10508<!--
10508<script> 10509 document.addEventListener("DOMContentLoaded", function() { 10510 var arrowIcon = document.querySelector(".arrow-icon"); 10511 var languageMenu = document.getElementById("languageMenu"); 10512 10513 // ÐоказÑваем/ÑкÑÑваем Ð¼ÐµÐ½Ñ Ð¿Ñи клике на ÑÑÑелоÑÐºÑ 10514 arrowIcon.addEventListener('click', function() { 10515 if (languageMenu.style.display === 'none' || languageMenu.style.display === '') { 10516 languageMenu.style.display = 'block'; // ÐоказÑваем Ð¼ÐµÐ½Ñ 10517 arrowIcon.style.transform = 'rotate(90deg)'; // ÐовоÑаÑиваем ÑÑÑелоÑÐºÑ 10518 } else { 10519 languageMenu.style.display = 'none'; // СкÑÑваем Ð¼ÐµÐ½Ñ 10520 arrowIcon.style.transform = 'rotate(0deg)'; // ÐозвÑаÑаем ÑÑÑелоÑÐºÑ Ð² иÑÑ Ð¾Ð´Ð½Ð¾Ðµ положение 10521 } 10522 }); 10523 }); 10524 </script>
10524 --> 10525 10526 10527 10528 </header> 10529<div id="breadcrumbs"><span><span class="breadcrumb_last" aria-current="page">Ðоловна</span></span></div></div> 10530</body> 10531</html> 10532 10533<main id="primary" class="site-main"> 10534 10535<section class="hp-jtbd-hero"> 10536 <div class="container"> 10537 <div class="hp-jtbd-hero__content"> 10538 <h1 class="hp-jtbd-hero__heading">ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ÑпÑавлÑнÑÑкого облÑкÑ</h1> 10539 10540 <p class="hp-jtbd-hero__description-text"><p><strong>ÐЮРРâ Ñе екÑпеÑÑне ÑÑÑеннÑ.</strong> Ðи впÑоваджÑÑмо ÑиÑÑеми ERP Ñа пеÑеÑвоÑÑÑмо Ð²Ð°Ñ ÑÑнанÑовий Ñ Ð°Ð¾Ñ Ð½Ð° «ÐÐ ÐÐУÐÐÐУ ФÐÐÐÐСÐÐУ ÐÐРТÐÐУ» в ÑеалÑÐ½Ð¾Ð¼Ñ ÑаÑÑ.</p> 10541</p> 10542 10543 <div class="hp-jtbd-hero__services"> 10544 <span class="hp-jtbd-hero__services-title">ÐаÑÑ Ð¿Ð¾ÑлÑги:</span> 10545 <ul class="hp-jtbd-hero__services-list"> 10546 <li>ÐпÑÐ¾Ð²Ð°Ð´Ð¶ÐµÐ½Ð½Ñ ERP ÑиÑÑеми</li> 10547 <li>ÐобÑдова УпÑавлÑнÑÑкого ÐблÑÐºÑ Ð· нÑлÑ</li> 10548 <li>ФÑнанÑовий ÐонÑалÑинг</li> 10549 </ul> 10550 </div> 10551 10552 <a href="https://burocompany.com.ua/contacts" target="_self" class="hp-jtbd-cta-button hp-jtbd-cta-button--primary"> 10553 ÐТРÐÐÐТРÐÐÐÐÐШТÐÐÐУ ÐÐÐÐÐÐСТÐÐУ </a> 10554 10555 <p class="hp-jtbd-hero__cta-subtext">ÐизнаÑимо ваÑÑ ÑоÑки зÑоÑÑÐ°Ð½Ð½Ñ Ð·Ð° 30 Ñ Ð². Ðез зобов'ÑзанÑ.</p> 10556 10557 </div> 10558 </div> 10559 </section> 10560 10561
10561<script> 10562 document.addEventListener('DOMContentLoaded', function() { 10563 const description = document.querySelector('.hp-jtbd-hero__description-text'); 10564 10565 if (description) { 10566 const text = description.textContent; 10567 10568 // СпиÑок ÑÑаз Ð´Ð»Ñ Ð¾Ð±Ð¾Ñ Ð¼Ð¾Ð² 10569 const phraseUA = 'ÐЮРРâ Ñе екÑпеÑÑне ÑÑÑеннÑ.'; 10570 const phraseRU = 'ÐЮРРâ ÑÑо ÑкÑпеÑÑное ÑеÑение.'; 10571 10572 let replacedText = text; 10573 10574 if (text.includes(phraseUA)) { 10575 replacedText = text.replace(phraseUA, `<span class="hp-jtbd-hero__highlight">${phraseUA}</span>`); 10576 } else if (text.includes(phraseRU)) { 10577 replacedText = text.replace(phraseRU, `<span class="hp-jtbd-hero__highlight">${phraseRU}</span>`); 10578 } 10579 10580 // ÐновлÑÑмо HTML ÑÑлÑки ÑкÑо бÑла замÑна 10581 if (replacedText !== text) { 10582 description.innerHTML = replacedText; 10583 } 10584 } 10585 }); 10586 </script>
10586 10587 10588 <section class="hp-jtbd-triggers"> 10589 <div class="container"> 10590 <h2 class="hp-jtbd-section-heading">Ðи ÑÑÑмо ÑÑ ÑÑÑоÑÑÑ ÑоднÑ. Яка кÑиÑиÑна ÑоÑка змÑÑила Ð²Ð°Ñ ÑÑкаÑи змÑни?</h2> 10591 10592 <div class="hp-jtbd-triggers__grid"> 10593 <div class="hp-jtbd-triggers__card"> 10594 <div class="hp-jtbd-triggers__icon"> 10595 <img src="https://burocompany.com.ua/wp-content/uploads/2024/06/money-with-wings_1f4b8.png" alt="" class="hp-jtbd-icon-img"> 10596 </div> 10597 <h3 class="hp-jtbd-triggers__title">ÐаÑовий ÑозÑив</h3> 10598 <p class="hp-jtbd-triggers__description">Ðи вÑомилиÑÑ Ð²Ñд ÑÑÑеÑÑ Ñа неÑподÑÐ²Ð°Ð½Ð¸Ñ Ð´ÑÑ Ñ Ð±ÑджеÑÑ.</p> 10599 <p class="hp-jtbd-triggers__quote">«ÐÑиÑиÑÐ½Ð¾Ñ ÑоÑÐºÐ¾Ñ ÑÑав каÑовий ÑозÑив».</p> 10600 </div> 10601 <div class="hp-jtbd-triggers__card"> 10602 <div class="hp-jtbd-triggers__icon"> 10603 <img src="https://burocompany.com.ua/wp-content/uploads/2025/04/chart-decreasing_1f4c9.png" alt="" class="hp-jtbd-icon-img"> 10604 </div> 10605 <h3 class="hp-jtbd-triggers__title">ФÑнанÑова ÑлÑпоÑа</h3> 10606 <p class="hp-jtbd-triggers__description">Ðи не можеÑе кеÑÑваÑи, коли вам поÑÑÑбна ÑÑÑкÑÑÑÑ.</p> 10607 <p class="hp-jtbd-triggers__quote">«ÐÑдÑÑÑÑÑ, Ñо бÑÐ·Ð½ÐµÑ Ð¿ÑибÑÑковий, але гÑоÑей нема».</p> 10608 </div> 10609 <div class="hp-jtbd-triggers__card"> 10610 <div class="hp-jtbd-triggers__icon"> 10611 <img src="https://burocompany.com.ua/wp-content/uploads/2025/10/bank_1f3e6.png" alt="" class="hp-jtbd-icon-img"> 10612 </div> 10613 <h3 class="hp-jtbd-triggers__title">ÐиÑÐ½Ð°Ð¶ÐµÐ½Ð½Ñ (ÐанкомаÑ)</h3> 10614 <p class="hp-jtbd-triggers__description">Ðи заÑлÑговÑÑÑе на ÑиÑÑемÑ, а не на поÑÑÑÐ¹Ð½Ñ ÑÑнанÑÐ¾Ð²Ñ Ð¿Ð¾Ð¶ÐµÐ¶Ñ.</p> 10615 <p class="hp-jtbd-triggers__quote">ÐÐ°Ñ Ð±ÑÐ·Ð½ÐµÑ ÑпÑиймаÑÑÑÑÑ Ñк «банкомаÑ».</p> 10616 </div> 10617 </div> 10618 10619 <a href="https://burocompany.com.ua/contacts" target="_self" class="hp-jtbd-cta-button"> 10620 ÐÐ ÐÐÐÐРЯÐТРÐÐÐЧУТТЯРâ ÐТРÐÐÐÐТРÐÐÐÐÐÐСТÐÐУ </a> 10621 </div> 10622 </section> 10623 10624 <section class="hp-jtbd-barriers"> 10625 <div class="container"> 10626 <h2 class="hp-jtbd-section-heading">ÐоÑÑеÑÑ Ð¿Ð¾Ð²ÑоÑиÑи помилкÑ? Ðи знÑмаÑмо ваÑÑ Ð³Ð¾Ð»Ð¾Ð²Ð½Ñ Ñизики.</h2> 10627 10628 <div class="hp-jtbd-barriers__list"> 10629 <div class="hp-jtbd-barriers__item"> 10630 <div class="hp-jtbd-barriers__header"> 10631 <div class="hp-jtbd-barriers__icon"> 10632 <img src="https://burocompany.com.ua/wp-content/uploads/2025/05/cat-with-wry-smile_1f63c.png" alt="" class="hp-jtbd-icon-img"> 10633 </div> 10634 <h3 class="hp-jtbd-barriers__title">ÐÐ¾Ð´Ð¾Ð»Ð°Ð½Ð½Ñ Ð³ÑÑкого доÑвÑдÑ</h3> 10635 </div> 10636 <div class="hp-jtbd-barriers__content-wrapper"> 10637 <div class="hp-jtbd-barriers__content hp-jtbd-barriers__content--fear"> 10638 <strong>ÐаÑ'
10638ÑÑ (СÑÑÐ°Ñ Ð¿Ð¾Ð²ÑоÑÐµÐ½Ð½Ñ Ð¿Ð¾Ð¼Ð¸Ð»ÐºÐ¸)</strong> 10639 <p>Ðи пам'ÑÑаÑÑе гÑÑкий доÑвÑд, коли вклали багаÑо гÑоÑей Ñ Ñил Ñ Ð½ÐµÐ²Ð´Ð°Ð»Ðµ впÑовадженнÑ.</p> 10640 </div> 10641 <div class="hp-jtbd-barriers__content hp-jtbd-barriers__content--solution"> 10642 <strong>ÐаÑе Ð ÑÑеннÑ</strong> 10643 <p>Ðи «пÑÑнаÑмо Ñазом з нами в бÑзнеÑ». ÐаÑÑ ÐºÐ¾Ð½ÑÑлÑÑанÑи налаÑÑÑÑÑÑ ÑиÑÑÐµÐ¼Ñ Ð¿Ñд ваÑÑ ÑнÑкалÑÐ½Ñ Ð¿ÑоÑеÑи, а не за Ñаблоном.</p> 10644 </div> 10645 </div> 10646 </div> 10647 <div class="hp-jtbd-barriers__item"> 10648 <div class="hp-jtbd-barriers__header"> 10649 <div class="hp-jtbd-barriers__icon"> 10650 <img src="https://burocompany.com.ua/wp-content/uploads/2025/04/high-voltage_26a1.png" alt="" class="hp-jtbd-icon-img"> 10651 </div> 10652 <h3 class="hp-jtbd-barriers__title">ÐеÑÐµÑ Ñд вÑд ÑÑÑного облÑкÑ</h3> 10653 </div> 10654 <div class="hp-jtbd-barriers__content-wrapper"> 10655 <div class="hp-jtbd-barriers__content hp-jtbd-barriers__content--fear"> 10656 <strong>ÐаÑ'
10656ÑÑ (ÐнеÑÑÑÑ Ñа звиÑка)</strong> 10657 <p>СÑÑÐ°Ñ , Ñо облÑк залежиÑÑ Ð²Ñд конкÑеÑÐ½Ð¸Ñ Ð»Ñдей: Â«Ð¤Ð°Ñ ÑвÑÑ, дÑйÑно, виÑÑÑÑÑÑÑ».</p> 10658 </div> 10659 <div class="hp-jtbd-barriers__content hp-jtbd-barriers__content--solution"> 10660 <strong>ÐаÑе Ð ÑÑеннÑ</strong> 10661 <p>Ðи бÑдÑÑмо ÑиÑÑемÑ, Ñка гаÑанÑÑÑ Ð½Ð°Ð´ÑйнÑÑÑÑ Ð°Ð²ÑомаÑизаÑÑÑ. Ðи оÑÑимÑÑÑе конÑÑолÑ, а не залежнÑÑÑÑ Ð²Ñд лÑдÑÑкого ÑакÑоÑÑ Ñи Excel-ÑаблиÑÑ.</p> 10662 </div> 10663 </div> 10664 </div> 10665 </div> 10666 </div> 10667 </section> 10668 10669 <section class="hp-jtbd-final-cta"> 10670 <div class="container"> 10671 <div class="hp-jtbd-final-cta__content"> 10672 <p class="hp-jtbd-final-cta__pretext"> 10673 ÐÑомилиÑÑ Ð²Ñд ÑÑнанÑÐ¾Ð²Ð¾Ñ "ÑÑÑÐ½Ð¾Ñ ÑобоÑи"? Ð§Ð°Ñ Ð¾ÑÑимаÑи надÑÐ¹Ð½Ñ ÑиÑÑемÑ! </p> 10674 10675 <a href="https://burocompany.com.ua/contacts" target="_self" class="hp-jtbd-cta-button hp-jtbd-cta-button--primary"> 10676 ÐÐÐÐÐÐТРÐÐÐÐÐСТРÐЦÐЮ </a> 10677 </div> 10678 </div> 10679 </section> 10680 10681</main> 10682 10683 10684<footer class="footer"> 10685 <h2 style="padding: 0 30px !important;">Ðв'ÑзаÑиÑÑ Ð· нами</h2> 10686 10687<div class="footer__inner" style="display: flex; justify-content: space-between; align-items: stretch; padding: 0 20px; width: 100%; box-sizing: border-box;"> 10688 <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;"> 10689 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐаÑелеÑонÑваÑи</h5> 10690 <div class="phone_number"><a href="tel:+380676521688" style="color: #fff; font-size: 1.2rem;">+380 (67) 652 16 88</a></div> 10691 </div> 10692 10693 <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;"> 10694 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐапиÑаÑи на поÑÑÑ</h5> 10695 <a href="mailto:[email protected]" style="color: #fff; font-size: 1.2rem;">[email protected]</a> 10696 </div> 10697 10698 <div style="flex: 1; background-color: #1a1a1a; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 220px;"> 10699 <h5 style="color: #EBC277; margin-bottom: 20px; font-size: 1.8rem;">ÐÐ°Ñ Ð¾ÑÑÑ</h5> 10700 <p style="color: #fff; font-size: 1.2rem;">Ð. ÐиÑв, УкÑаÑна ÐЦ FORUM Victoria Park пÑов. ÐÑ ÑиÑÑÑкий, 7, коÑпÑÑ 3, повеÑÑ 1 ÐÑимÑÑÐµÐ½Ð½Ñ â 3(Ð) - 105</p> 10701 </div> 10702</div> 10703 10704 10705 10706 10707 <div class="footer__bottom" style="display: flex; justify-content: space-between; align-items: center; margin-top: 30px;"> 10708 <div class="footer__logo"> 10709 <img src="https://burocompany.com.ua/wp-content/uploads/2023/11/logo.png" alt="ÐогоÑип ÐÑÑо"> 10710 </div> 10711 10712 <div class="footer__menu"> 10713 <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> 10714<li id="menu-item-2164" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-2164"><a href="https://burocompany.com.ua/#service" aria-current="page">ÐоÑлÑги</a></li> 10715<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> 10716<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> 10717<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>
10718<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> 10719<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> 10720</ul> </div> 10721 10722 <div class="footer__social"> 10723 <ul class="social" style="display: flex; gap: 15px;"> 10724 <li> 10725 <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;"> 10726 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/image-removebg-preview-22.png" alt="Telegram" style="width: 30px; height: 30px;"> 10727 </a> 10728 </li> 10729 <li> 10730 <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;"> 10731 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/59439.png" alt="Facebook" style="width: 30px; height: 30px;"> 10732 </a> 10733 </li> 10734 <li> 10735 <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;"> 10736 <img src="https://burocompany.com.ua/wp-content/uploads/2024/09/instagram-new.png" alt="Instagram" style="width: 30px; height: 30px;"> 10737 </a> 10738 </li> 10739 </ul> 10740 </div> 10741 </div> 10742 10743 <div class="footer__bottom-line" style="border-top: 1px solid #555; margin: 20px 30px;"></div> 10744 <div class="footer__copyright" style="display: flex; justify-content: space-between; font-size: 0.9rem; color: #999; padding: 0 30px;"> 10745 <span>© 2024</span> 10746 <span>ÐÑÑ Ð¿Ñава Ð·Ð°Ñ Ð¸ÑенÑ</span> 10747 <a href="/privacy-policy/" style="color: #999; text-decoration: none;">ÐолÑÑика конÑÑденÑÑйноÑÑÑ</a> 10748 </div> 10749</footer> 10750 10751 10752 10753
10754<script src="/wp-content/themes/burot/js/app.min.js"></script>
10754 10755<div id="contact-popup" class="bcp-wrapper"> 10756 <div class="bcp-overlay"></div> 10757 <div class="bcp-content"> 10758 <button class="bcp-close">×</button> 10759 10760 <div class="bcp-form-column"> 10761 <h3>ÐамовиÑи конÑÑлÑÑаÑÑÑ</h3> 10762 <p>ÐалиÑÑе ваÑÑ Ð´Ð°Ð½Ñ, Ñ Ð¼Ð¸ зв'ÑжемоÑÑ Ð· вами найближÑим ÑаÑом.</p> 10763 10764 10765<div class="wpcf7 no-js" id="wpcf7-f3922-o1" lang="uk" dir="ltr" data-wpcf7-id="3922"> 10766<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 10767<form action="/#wpcf7-f3922-o1" method="post" class="wpcf7-form init" aria-label="ÐонÑакÑна ÑоÑма" novalidate="novalidate" data-status="init"> 10768<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-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="" /> 10769</fieldset> 10770<div class="bcp-input-group"> 10771 <p><label for="popup-name">ÐаÑе Ñм'Ñ</label><br /> 10772<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> 10773 </p> 10774</div> 10775<div class="bcp-input-group"> 10776 <p><label for="popup-email">ÐÐ°Ñ Email (необов'Ñзково)</label><br /> 10777<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> 10778 </p> 10779</div> 10780<div class="bcp-input-group"> 10781 <p><label for="popup-phone">ÐÐ°Ñ ÑелеÑон</label><br /> 10782<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> 10783 </p> 10784</div> 10785<p><input class="wpcf7-form-control wpcf7-submit has-spinner phone_number" type="submit" value="ÐÑÑимаÑи конÑÑлÑÑаÑÑÑ" /> 10786</p><div class="wpcf7-response-output" aria-hidden="true"></div> 10787</form> 10788</div> 10789 </div> 10790 10791 <div class="bcp-image-column"> 10792 <img src="https://burocompany.com.ua/wp-content/uploads/2025/08/NP-102-removebg-preview-e1755685613422.png" alt="ÐонÑÑлÑÑаÑÑÑ"> 10793 </div> 10794 10795 </div> 10796</div>
10797<script type="speculationrules"> 10798{"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"}]} 10799</script>
vendor: 1 bytes, line 10799
10799
10800<script> 10801document.addEventListener('DOMContentLoaded', function() { 10802 if (window.location.href.includes('/kalkuliator/')) { 10803 var currentStepIndex = 1; 10804 var baseCost = 5000; 10805 10806 function showNextStep() { 10807 var currentStep = document.getElementById('step-' + currentStepIndex); 10808 var nextStep = document.getElementById('step-' + (currentStepIndex + 1)); 10809 10810 var valid = false; 10811 10812 var numberInputs = currentStep.querySelectorAll('input[type="number"]'); 10813 numberInputs.forEach(function(input) { 10814 if (input.value > 0) { 10815 valid = true; 10816 } 10817 }); 10818 10819 var selectedInputs = currentStep.querySelectorAll('input[type="radio"]:checked, input[type="checkbox"]:checked'); 10820 if (selectedInputs.length > 0) { 10821 valid = true; 10822 } 10823 10824 if (!valid) { 10825 alert('ÐÑÐ´Ñ Ð»Ð°Ñка, заповнÑÑÑ Ñе пиÑÐ°Ð½Ð½Ñ Ð¿ÐµÑед Ñим, Ñк пеÑейÑи далÑ.'); 10826 return; 10827 } 10828 10829 currentStep.style.opacity = '0'; 10830 setTimeout(function() { 10831 currentStep.style.display = 'none'; 10832 nextStep.style.display = 'block'; 10833 setTimeout(function() { 10834 nextStep.style.opacity = '1'; 10835 }, 50); 10836 }, 500); 10837 10838 currentStepIndex++; 10839 10840 if (currentStepIndex === 12) { 10841 document.getElementById('contact-info').style.display = 'block'; 10842 } 10843 } 10844 10845 function showPreviousStep() { 10846 var currentStep = document.getElementById('step-' + currentStepIndex); 10847 var previousStep = document.getElementById('step-' + (currentStepIndex - 1)); 10848 10849 currentStep.style.opacity = '0'; 10850 setTimeout(function() { 10851 currentStep.style.display = 'none'; 10852 previousStep.style.display = 'block'; 10853 setTimeout(function() { 10854 previousStep.style.opacity = '1'; 10855 }, 50); 10856 }, 500); 10857 10858 currentStepIndex--; 10859 } 10860 10861 document.querySelectorAll('.next-step').forEach(function(button) { 10862 button.addEventListener('click', showNextStep); 10863 }); 10864 10865 document.querySelectorAll('.previous-step').forEach(function(button) { 10866 button.addEventListener('click', showPreviousStep); 10867 }); 10868 10869 document.getElementById('calculate-button').addEventListener('click', function() { 10870 var numCompanies = parseInt(document.getElementById('num-companies').value); 10871 var monthlySales = parseInt(document.getElementById('monthly-sales').value); 10872 var monthlyPurchases = parseInt(document.getElementById('monthly-purchases').value); 10873 var numEmployees = parseInt(document.getElementById('num-employees').value); 10874 10875 var taxSystem = parseFloat(document.querySelector('input[name="tax-system"]:checked').value); 10876 var activityType = parseFloat(document.querySelector('input[name="activity-type"]:checked').value); 10877 var turnover = parseFloat(document.querySelector('input[name="turnover"]:checked').value); 10878 var zno = parseFloat(document.querySelector('input[name="zno"]:checked').value); 10879 var rro = parseFloat(document.querySelector('input[name="rro"]:checked').value); 10880 var vatPayer = parseFloat(document.querySelector('input[name="vat-payer"]:checked').value); 10881 var additionalFeatures = Array.from(document.querySelectorAll('input[name="additional-features"]:checked')).reduce(function(acc, checkbox) { 10882 return acc + parseFloat(checkbox.value); 10883 }, 0); 10884 10885 var totalCoefficient = taxSystem + vatPayer + turnover + zno + rro + additionalFeatures; 10886 10887 var servicePackage = parseFloat(document.querySelector('input[name="service-package"]:checked').value); 10888
10889 var companiesCost = baseCost * numCompanies; 10890 10891 var calculatedCost; 10892 10893 if (servicePackage === 1) { 10894 var totalDocuments = monthlySales + monthlyPurchases; 10895 var multiplier = (totalDocuments > 200) ? 1.2 : 1; 10896 calculatedCost = companiesCost * (1 + totalCoefficient) * multiplier; 10897 } else if (servicePackage === 1.2) { 10898 var baseCalculatedCost = companiesCost * (1 + totalCoefficient); 10899 var salesCost = 120 * monthlySales; 10900 var purchasesCost = 120 * monthlyPurchases; 10901 var employeesCost = 500 * numEmployees; 10902 calculatedCost = baseCalculatedCost + salesCost + purchasesCost + employeesCost; 10903 } 10904 10905 calculatedCost = calculatedCost / 2; 10906 10907 if (calculatedCost > 50000) { 10908 document.getElementById('result').textContent = "РозÑÐ°Ñ Ñнок вийÑов неÑоÑний, набеÑÑÑÑ Ð½Ð°Ñ, бÑÐ´Ñ Ð»Ð°Ñка, або заповнÑÑÑ ÑоÑÐ¼Ñ Ð·Ð²Ð¾ÑоÑного зв'ÑзкÑ."; 10909 } else { 10910 document.getElementById('result').textContent = "ÐÑÑÑнÑовна ваÑÑÑÑÑÑ: " + calculatedCost.toFixed(2) + " гÑн"; 10911 } 10912 10913 document.getElementById('calculate-button').style.display = 'none'; 10914 var resultContainer = document.getElementById('result-container'); 10915 resultContainer.style.display = 'block'; 10916 setTimeout(function() { 10917 resultContainer.style.opacity = '1'; 10918 }, 50); 10919 document.getElementById('contact-info').style.display = 'block'; 10920 }); 10921 10922 var calculatorImage = document.querySelector('.calculator-image'); 10923 var calculatorContainer = document.getElementById('calculator-container'); 10924 10925 function checkWindowSize() { 10926 if (window.innerWidth <= 768) { 10927 if (calculatorImage) { 10928 calculatorImage.style.display = 'none'; 10929 } 10930 if (calculatorContainer) { 10931 calculatorContainer.style.width = '100%'; 10932 calculatorContainer.style.maxWidth = 'none'; 10933 } 10934 } else { 10935 if (calculatorImage) { 10936 calculatorImage.style.display = 'flex'; 10937 } 10938 if (calculatorContainer) { 10939 calculatorContainer.style.width = '60%'; 10940 calculatorContainer.style.maxWidth = '600px'; 10941 } 10942 } 10943 } 10944 10945 window.addEventListener('resize', checkWindowSize); 10946 checkWindowSize(); // Initial check 10947 } 10948}); 10949</script>
10949 10950 10951<!-- Ðод Ð´Ð»Ñ ÑÑÑÑкой веÑÑии калÑкÑлÑÑоÑа --> 10952
10953<script> 10954document.addEventListener('DOMContentLoaded', function() { 10955 if (window.location.href.includes('/ru/kalkuliator-stoymosty-bukhhalterskykh-usluh-byuro/')) { 10956 var currentStepIndex = 1; 10957 var baseCost = 5000; 10958 10959 function showNextStep() { 10960 var currentStep = document.getElementById('step-' + currentStepIndex); 10961 var nextStep = document.getElementById('step-' + (currentStepIndex + 1)); 10962 10963 var valid = false; 10964 10965 var numberInputs = currentStep.querySelectorAll('input[type="number"]'); 10966 numberInputs.forEach(function(input) { 10967 if (input.value > 0) { 10968 valid = true; 10969 } 10970 }); 10971 10972 var selectedInputs = currentStep.querySelectorAll('input[type="radio"]:checked, input[type="checkbox"]:checked'); 10973 if (selectedInputs.length > 0) { 10974 valid = true; 10975 } 10976 10977 if (!valid) { 10978 alert('ÐожалÑйÑÑа, заполниÑе ÑÑÐ¾Ñ Ð²Ð¾Ð¿ÑÐ¾Ñ Ð¿ÐµÑед Ñем, как пеÑейÑи далÑÑе.'); 10979 return; 10980 } 10981 10982 currentStep.style.opacity = '0'; 10983 setTimeout(function() { 10984 currentStep.style.display = 'none'; 10985 nextStep.style.display = 'block'; 10986 setTimeout(function() { 10987 nextStep.style.opacity = '1'; 10988 }, 50); 10989 }, 500); 10990 10991 currentStepIndex++; 10992 10993 if (currentStepIndex === 12) { 10994 document.getElementById('contact-info').style.display = 'block'; 10995 } 10996 } 10997 10998 function showPreviousStep() { 10999 var currentStep = document.getElementById('step-' + currentStepIndex); 11000 var previousStep = document.getElementById('step-' + (currentStepIndex - 1)); 11001 11002 currentStep.style.opacity = '0'; 11003 setTimeout(function() { 11004 currentStep.style.display = 'none'; 11005 previousStep.style.display = 'block'; 11006 setTimeout(function() { 11007 previousStep.style.opacity = '1'; 11008 }, 50); 11009 }, 500); 11010 11011 currentStepIndex--; 11012 } 11013 11014 document.querySelectorAll('.next-step').forEach(function(button) { 11015 button.addEventListener('click', showNextStep); 11016 }); 11017 11018 document.querySelectorAll('.previous-step').forEach(function(button) { 11019 button.addEventListener('click', showPreviousStep); 11020 }); 11021 11022 document.getElementById('calculate-button').addEventListener('click', function() { 11023 var numCompanies = parseInt(document.getElementById('num-companies').value); 11024 var monthlySales = parseInt(document.getElementById('monthly-sales').value); 11025 var monthlyPurchases = parseInt(document.getElementById('monthly-purchases').value); 11026 var numEmployees = parseInt(document.getElementById('num-employees').value); 11027 11028 var taxSystem = parseFloat(document.querySelector('input[name="tax-system"]:checked').value); 11029 var activityType = parseFloat(document.querySelector('input[name="activity-type"]:checked').value); 11030 var turnover = parseFloat(document.querySelector('input[name="turnover"]:checked').value); 11031 var zno = parseFloat(document.querySelector('input[name="zno"]:checked').value); 11032 var rro = parseFloat(document.querySelector('input[name="rro"]:checked').value); 11033 var vatPayer = parseFloat(document.querySelector('input[name="vat-payer"]:checked').value); 11034 var additionalFeatures = Array.from(document.querySelectorAll('input[name="additional-features"]:checked')).reduce(function(acc, checkbox) { 11035 return acc + parseFloat(checkbox.value); 11036 }, 0); 11037 11038 var totalCoefficient = taxSystem + vatPayer + turnover + zno + rro + additionalFeatures; 11039 11040 var servicePackage = parseFloat(document.querySelector('input[name="service-package"]:checked').value); 11041
11042 var companiesCost = baseCost * numCompanies; 11043 11044 var calculatedCost; 11045 11046 if (servicePackage === 1) { 11047 var totalDocuments = monthlySales + monthlyPurchases; 11048 var multiplier = (totalDocuments > 200) ? 1.2 : 1; 11049 calculatedCost = companiesCost * (1 + totalCoefficient) * multiplier; 11050 } else if (servicePackage === 1.2) { 11051 var baseCalculatedCost = companiesCost * (1 + totalCoefficient); 11052 var salesCost = 120 * monthlySales; 11053 var purchasesCost = 120 * monthlyPurchases; 11054 var employeesCost = 500 * numEmployees; 11055 calculatedCost = baseCalculatedCost + salesCost + purchasesCost + employeesCost; 11056 } 11057 11058 calculatedCost = calculatedCost / 2; 11059 11060 if (calculatedCost > 50000) { 11061 document.getElementById('result').textContent = "РаÑÑÐµÑ Ð²ÑÑел неÑоÑнÑм, позвониÑе нам, пожалÑйÑÑа, или заполниÑе ÑоÑÐ¼Ñ Ð¾Ð±ÑаÑной ÑвÑзи."; 11062 } else { 11063 document.getElementById('result').textContent = "ÐÑиенÑиÑовоÑÐ½Ð°Ñ ÑÑоимоÑÑÑ: " + calculatedCost.toFixed(2) + " гÑн"; 11064 } 11065 11066 document.getElementById('calculate-button').style.display = 'none'; 11067 var resultContainer = document.getElementById('result-container'); 11068 resultContainer.style.display = 'block'; 11069 setTimeout(function() { 11070 resultContainer.style.opacity = '1'; 11071 }, 50); 11072 document.getElementById('contact-info').style.display = 'block'; 11073 }); 11074 11075 var calculatorImage = document.querySelector('.calculator-image'); 11076 var calculatorContainer = document.getElementById('calculator-container'); 11077 11078 function checkWindowSize() { 11079 if (window.innerWidth <= 768) { 11080 if (calculatorImage) { 11081 calculatorImage.style.display = 'none'; 11082 } 11083 if (calculatorContainer) { 11084 calculatorContainer.style.width = '100%'; 11085 calculatorContainer.style.maxWidth = 'none'; 11086 } 11087 } else { 11088 if (calculatorImage) { 11089 calculatorImage.style.display = 'flex'; 11090 } 11091 if (calculatorContainer) { 11092 calculatorContainer.style.width = '60%'; 11093 calculatorContainer.style.maxWidth = '600px'; 11094 } 11095 } 11096 } 11097 11098 window.addEventListener('resize', checkWindowSize); 11099 checkWindowSize(); // Initial check 11100 } 11101}); 11102</script>
11102 11103
11104<script> 11105document.addEventListener("DOMContentLoaded", function() { 11106 const leftBlock = document.querySelector('.iphone-wrap-left'); 11107 const rightBlock = document.querySelector('.iphone-wrap-right'); 11108 11109 const observerOptions = { 11110 threshold: 0.5 // ÐÑоÑÐµÐ½Ñ Ð²Ð¸Ð´Ð¸Ð¼Ð¾ÑÑи ÑлеменÑа на ÑкÑане 11111 }; 11112 11113 const observerCallback = (entries, observer) => { 11114 entries.forEach(entry => { 11115 if (entry.isIntersecting) { 11116 entry.target.classList.add('animated'); 11117 observer.unobserve(entry.target); // ÐÑклÑÑаем наблÑдение поÑле пеÑвого поÑÐ²Ð»ÐµÐ½Ð¸Ñ 11118 } 11119 }); 11120 }; 11121 11122 const observer = new IntersectionObserver(observerCallback, observerOptions); 11123 11124 observer.observe(leftBlock); 11125 observer.observe(rightBlock); 11126}); 11127 11128</script>
11128 11129
11130<script> 11131document.addEventListener("DOMContentLoaded", function() { 11132 const elements = document.querySelectorAll('.typing-effect-title'); // ÐÑбиÑаем ÑолÑко заголовки Ñ ÑÑим клаÑÑом 11133 const typingSpeed = 100; // СкоÑоÑÑÑ Ð¿ÐµÑаÑÐ°Ð½Ð¸Ñ Ð² миллиÑекÑÐ½Ð´Ð°Ñ 11134 11135 // ФÑнкÑÐ¸Ñ Ð¿ÐµÑаÑÐ°Ð½Ð¸Ñ ÑекÑÑа 11136 function typeWriter(element, text) { 11137 let i = 0; 11138 function type() { 11139 if (i < text.length) { 11140 element.innerHTML += text.charAt(i); 11141 i++; 11142 setTimeout(type, typingSpeed); 11143 } 11144 } 11145 type(); 11146 } 11147 11148 // ÐаÑÑÑаиваем наблÑдаÑÐµÐ»Ñ 11149 const observer = new IntersectionObserver((entries, observer) => { 11150 entries.forEach(entry => { 11151 if (entry.isIntersecting) { 11152 const element = entry.target; 11153 const text = element.textContent.trim(); 11154 element.textContent = ''; // ÐÑиÑÑка ÑекÑÑа пеÑед анимаÑией 11155 typeWriter(element, text); 11156 observer.unobserve(element); // ÐÑÑановиÑÑ Ð½Ð°Ð±Ð»Ñдение поÑле наÑала анимаÑии 11157 } 11158 }); 11159 }, { 11160 threshold: 0.1 // ÐÑоÑÐµÐ½Ñ Ð²Ð¸Ð´Ð¸Ð¼Ð¾ÑÑи ÑлеменÑа (10%) 11161 }); 11162 11163 // ÐÑименÑем наблÑдаÑÐµÐ»Ñ ÐºÐ¾ вÑем заголовкам Ñ Ð°Ð½Ð¸Ð¼Ð°Ñией 11164 elements.forEach(element => { 11165 observer.observe(element); 11166 }); 11167}); 11168</script>
11168 11169 11170
11171<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 11171
11171
11172<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 11172
11172
11173<script id="wp-google-reviews_plublic_comb-js-extra"> 11174var wprevpublicjs_script_vars = {"wpfb_nonce":"00ea0267f6","wpfb_ajaxurl":"https://burocompany.com.ua/wp-admin/admin-ajax.php","wprevpluginsurl":"https://burocompany.com.ua/wp-content/plugins/wp-google-places-review-slider"}; 11175//# sourceURL=wp-google-reviews_plublic_comb-js-extra 11176</script>
vendor: 1 bytes, line 11176
11176
11177<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 11177
11177
11178<script id="wp-postviews-cache-js-extra"> 11179var viewsCacheL10n = {"admin_ajax_url":"https://burocompany.com.ua/wp-admin/admin-ajax.php","nonce":"a165a2fb36","post_id":"4245"}; 11180//# sourceURL=wp-postviews-cache-js-extra 11181</script>
vendor: 1 bytes, line 11181
11181
11182<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 11182
11182
11183<script id="pll_cookie_script-js-after"> 11184(function() { 11185 var expirationDate = new Date(); 11186 expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); 11187 document.cookie = "pll_language=uk; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; 11188 }()); 11189 11190//# sourceURL=pll_cookie_script-js-after 11191</script>
vendor: 1 bytes, line 11191
11191
11192<script id="rocket-browser-checker-js-after"> 11193"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}(); 11194//# sourceURL=rocket-browser-checker-js-after 11195</script>
vendor: 1 bytes, line 11195
11195
11196<script id="rocket-preload-links-js-extra"> 11197var 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"}; 11198//# sourceURL=rocket-preload-links-js-extra 11199</script>
vendor: 1 bytes, line 11199
11199
11200<script id="rocket-preload-links-js-after"> 11201(function() { 11202"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(); 11203}()); 11204 11205//# sourceURL=rocket-preload-links-js-after 11206</script>
vendor: 1 bytes, line 11206
11206
11207<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 11207
11207
11208<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 11208
11208
11209<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 11209
11209
11210<script id="custom-script-js-extra"> 11211var ajaxurl = "https://burocompany.com.ua/wp-admin/admin-ajax.php"; 11212//# sourceURL=custom-script-js-extra 11213</script>
vendor: 1 bytes, line 11213
11213
11214<script id="custom-script-js" src="https://burocompany.com.ua/wp-content/themes/burot/js/custom-script.js"></script>
vendor: 1 bytes, line 11214
11214
11215<script id="slick-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 11215
11215
11216<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 11216
11216
11217<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 11217
11217
11218<script id="yasr-window-var-js-extra"> 11219var 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\""}; 11220//# sourceURL=yasr-window-var-js-extra 11221</script>
vendor: 86 bytes, lines 11221-11222
11221 11222<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
112226Ld_vP0pAAAAAKFa6NsNRQo9pmhtm81fibKPHDAM
vendor: 25 bytes, line 11222
11222&ver=3.0"></script>
11223<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 11223
11223
11224<script id="wpcf7-recaptcha-js-before"> 11225var wpcf7_recaptcha = { 11226 "sitekey": "6Ld_vP0pAAAAAKFa6NsNRQo9pmhtm81fibKPHDAM", 11227 "actions": { 11228 "homepage": "homepage", 11229 "contactform": "contactform" 11230 } 11231}; 11232//# sourceURL=wpcf7-recaptcha-js-before 11233</script>
vendor: 1 bytes, line 11233
11233
11234<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 11234
11234
11235<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 11235
11235
11236<script id="googlesitekit-events-provider-content-events-js-before"> 11237window._googlesitekit = window._googlesitekit || {}; 11238window._googlesitekit.contentEvents = {"postID":4245,"isReadableSinglePost":false,"hasVimeoEmbed":false,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":false,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}; 11239//# sourceURL=googlesitekit-events-provider-content-events-js-before 11240</script>
vendor: 1 bytes, line 11240
11240
11241<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 11241
11241
11242<script id="wp-hooks-js" src="https://burocompany.com.ua/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 11242
11242
11243<script id="wp-i18n-js" src="https://burocompany.com.ua/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 11243
11243
11244<script id="wp-i18n-js-after"> 11245wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 11246//# sourceURL=wp-i18n-js-after 11247</script>
vendor: 1 bytes, line 11247
11247
11248<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 11248
11248
11249<script id="contact-form-7-js-translations"> 11250( function( domain, translations ) { 11251 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 11252 localeData[""].domain = domain; 11253 wp.i18n.setLocaleData( localeData, domain ); 11254} )( "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"}} ); 11255//# sourceURL=contact-form-7-js-translations 11256</script>
vendor: 1 bytes, line 11256
11256
11257<script id="contact-form-7-js-before"> 11258var wpcf7 = { 11259 "api": { 11260 "root": "https:\/\/burocompany.com.ua\/wp-json\/", 11261 "namespace": "contact-form-7\/v1" 11262 }, 11263 "cached": 1 11264}; 11265//# sourceURL=contact-form-7-js-before 11266</script>
vendor: 1 bytes, line 11266
11266
11267<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>
11267 11268
11269<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" 11270 integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" 11271 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
11271 11272
11273<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js" 11274 integrity="sha512-efAcjYoYT0sXxQRtxGY37CKYmqsFVOIwMApaEbrxJr4RwqVVGw8o+Lfh/+59TU07+suZn1BWq4fDl5fdgyCNkw==" 11275 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
11275 11276
11277<script> 11278 // ÐнÑÑÑалÑзÑÑмо Inputmask Ð´Ð»Ñ Ð¿Ð¾Ð»Ñ ÑелеÑÐ¾Ð½Ñ 11279 $(document).ready(function(){ 11280 $('input[type="tel"]').inputmask({"mask": "+38(999)999-99-99"}); 11281 }); 11282</script>
vendor: 1 bytes, line 11282
11282
11283<script> 11284 var ajaxurl = 'https://burocompany.com.ua/wp-admin/admin-ajax.php'; 11285</script>
11285 11286
11287<script> 11288 document.addEventListener("DOMContentLoaded", function () { 11289 const OFFSET_DESKTOP = 100; // виÑоÑа Ñ ÐµÐ´ÐµÑа на деÑкÑÐ¾Ð¿Ñ 11290 const OFFSET_MOBILE = 60; // виÑоÑа Ñ ÐµÐ´ÐµÑа на мобÑлÑÑ 11291 11292 function getOffset() { 11293 return window.innerWidth < 768 ? OFFSET_MOBILE : OFFSET_DESKTOP; 11294 } 11295 11296 document.querySelectorAll('.letter-nav a').forEach(link => { 11297 link.addEventListener('click', function (e) { 11298 e.preventDefault(); 11299 const targetId = this.getAttribute('href').substring(1); 11300 const target = document.getElementById(targetId); 11301 11302 if (target) { 11303 const yOffset = -getOffset(); 11304 const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset; 11305 11306 window.scrollTo({ top: y, behavior: 'smooth' }); 11307 } 11308 }); 11309 }); 11310 }); 11311</script>
11311 11312 11313 11314 11315</body> 11316</html> 11317<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1791365004 -->
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.