API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 27th, 2020
264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 252.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <!--metatextblock-->
  9. <title>Центр реконструкції та будівництва</title>
  10. <meta name="description" content="Виконуємо будівельні та ремонтні роботи з 2005-го року " />
  11. <meta name="keywords" content="Ремонт, Будівництво, Реконструкція, Благоустрій, будівельні роботи, ремонтні роботи, будівельна компанія" />
  12. <meta property="og:url" content="HTTPS://CRB.HOUSE" />
  13. <meta property="og:title" content="Центр реконструкції та будівництва" />
  14. <meta property="og:description" content="Виконуємо будівельні та ремонтні роботи з 2005-го року." />
  15. <meta property="og:type" content="website" />
  16. <meta property="og:image" content="https://static.tildacdn.com/tild3862-6332-4435-b338-333830363434/Layer_1.svg" />
  17. <link rel="canonical" href="https://crb.house">
  18. <!--/metatextblock-->
  19. <meta property="fb:app_id" content="257953674358265" />
  20. <meta name="format-detection" content="telephone=no" />
  21. <meta http-equiv="x-dns-prefetch-control" content="on">
  22. <link rel="dns-prefetch" href="https://tilda.ws">
  23. <link rel="dns-prefetch" href="https://static.tildacdn.com">
  24. <link rel="shortcut icon" href="https://static.tildacdn.com/tild6330-6638-4163-a238-633163373036/favicon_4.ico" type="image/x-icon" />
  25. <!-- Assets -->
  26. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
  27. <link rel="stylesheet" href="https://tilda.ws/project1190002/tilda-blocks-2.12.css?t=1580126601" type="text/css" media="all" />
  28. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-1.0.min.css" type="text/css" media="all" />
  29. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menusub-1.0.min.css" type="text/css" media="all" />
  30. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" />
  31. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="all" />
  32. <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" />
  33. <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
  34. <script src="https://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
  35. <script src="https://tilda.ws/project1190002/tilda-blocks-2.7.js?t=1580126601"></script>
  36. <script src="https://static.tildacdn.com/js/lazyload-1.3.min.js" charset="utf-8"></script>
  37. <script src="https://static.tildacdn.com/js/tilda-animation-1.0.min.js" charset="utf-8"></script>
  38. <script src="https://static.tildacdn.com/js/tilda-menusub-1.0.min.js" charset="utf-8"></script>
  39. <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8"></script>
  40. <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8"></script>
  41. <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8"></script>
  42. <script src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.min.js" charset="utf-8"></script>
  43. <script src="https://static.tildacdn.com/js/bootstrap.min.js" charset="utf-8"></script>
  44. <script src="https://static.tildacdn.com/js/tilda-map-1.0.min.js" charset="utf-8"></script>
  45. <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8"></script>
  46. <script type="text/javascript">
  47. window.dataLayer = window.dataLayer || [];
  48. </script>
  49. <script type="text/javascript">
  50. if ((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent)) === false && typeof(sessionStorage) != 'undefined' && sessionStorage.getItem('visited') !== 'y') {
  51. var style = document.createElement('style');
  52. style.type = 'text/css';
  53. style.innerHTML = '@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';
  54. document.getElementsByTagName('head')[0].appendChild(style);
  55. $(document).ready(function() {
  56. $('.t-records').addClass('t-records_animated');
  57. setTimeout(function() {
  58. $('.t-records').addClass('t-records_visible');
  59. sessionStorage.setItem('visited', 'y');
  60. }, 400);
  61. });
  62. }
  63. </script>
  64. </head>
  65.  
  66. <body class="t-body" style="margin:0;">
  67. <!--allrecords-->
  68. <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1190002" data-tilda-page-id="5866231" data-tilda-formskey="57c20f98ca9371d1869a7850c1081206">
  69. <div id="rec106120259" class="r t-rec" style=" " data-animationappear="off" data-record-type="481">
  70. <!-- T481 -->
  71. <div id="nav106120259marker"></div>
  72. <div class="t481__mobile">
  73. <div class="t481__mobile_container">
  74. <div class="t481__mobile_text t-name t-name_md" field="text">&nbsp;</div>
  75. <div class="t481__burger"> <span></span> <span></span> <span></span> <span></span> </div>
  76. </div>
  77. </div>
  78. <div id="nav106120259" class="t481 t-col_12 t481__hidden t481__positionfixed " style="border-radius: 3px;border-top-left-radius: 0; border-top-right-radius: 0;top: 0;background-color: rgba(255,193,7,1); height:80px; " data-bgcolor-hex="#ffc107" data-bgcolor-rgba="rgba(255,193,7,1)" data-navmarker="nav106120259marker" data-appearoffset="" data-bgopacity-two="" data-menushadow="" data-bgopacity="1" data-menu-items-align="right" data-menu="yes">
  79. <div class="t481__maincontainer " style="height:80px;">
  80. <div class="t481__padding40px"></div>
  81. <div class="t481__leftside">
  82. <div class="t481__leftcontainer" style="display: block;">
  83. <a href="#rec104786730" style="color:#ffffff;"><img src="https://static.tildacdn.com/tild3135-6339-4562-b434-666136323531/_1.png" class="t481__imglogo t481__imglogomobile" imgfield="img" style="max-width: 210px;width: 210px; height: auto; display: block;" alt="Company"></a>
  84. </div>
  85. </div>
  86. <div class="t481__centerside t481__menualign_right">
  87. <div class="t481__centercontainer">
  88. <ul class="t481__list">
  89. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec106125212" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="1">Послуги</a> </li>
  90. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec104994537" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="2">Чому ми</a> </li>
  91. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec106127128" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="3">Нам довіряє Одеса</a> </li>
  92. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec104986861" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="4">Наші роботи</a> </li>
  93. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec105003953" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="5">Контакти</a> </li>
  94. <li class="t481__list_item"><a class="t-menu__link-item" href="#rec106176651" data-menu-submenu-hook="" style="color:#474747;font-weight:600;" data-menu-item-number="6">Замовити роботи</a> </li>
  95. </ul>
  96. </div>
  97. </div>
  98. <div class="t481__rightside">
  99. <div class="t481__rightcontainer">
  100. <div class="t481__right_buttons">
  101. <div class="t481__right_buttons_wrap">
  102. <div class="t481__right_buttons_but">
  103. <a href="tel:0487384956" target="" class="t-btn " style="color:#000000;background-color:#ffffff;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;">
  104. <table style="width:100%; height:100%;">
  105. <tr>
  106. <td>0487384956</td>
  107. </tr>
  108. </table>
  109. </a>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="t481__padding40px"></div>
  116. </div>
  117. </div>
  118. <style>
  119. @media screen and (max-width: 980px) {
  120. #rec106120259 .t481__leftcontainer {
  121. padding: 20px;
  122. }
  123. }
  124.  
  125. @media screen and (max-width: 980px) {
  126. #rec106120259 .t481__imglogo {
  127. padding: 20px 0;
  128. }
  129. }
  130. </style>
  131. <script type="text/javascript">
  132. $(document).ready(function() {
  133. t481_highlight();
  134. t481_checkAnchorLinks('106120259');
  135. });
  136. $(window).resize(function() {
  137. t481_setBg('106120259');
  138. });
  139. $(document).ready(function() {
  140. t481_setBg('106120259');
  141. });
  142. </script>
  143. <script type="text/javascript">
  144. $(document).ready(function() {
  145. t481_createMobileMenu('106120259');
  146. });
  147. </script>
  148. <style>
  149. #rec106120259 .t-menu__link-item {
  150. -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  151. transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  152. }
  153.  
  154. #rec106120259 .t-menu__link-item.t-active {
  155. color: #ffffff !important;
  156. opacity: 1 !important;
  157. }
  158.  
  159. @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
  160. #rec106120259 .t-menu__link-item,
  161. #rec106120259 .t-menu__link-item.t-active {
  162. opacity: 1 !important;
  163. }
  164. }
  165. </style>
  166. <script type="text/javascript">
  167. $(document).ready(function() {
  168. setTimeout(function() {
  169. t_menusub_init('106120259');
  170. }, 500);
  171. });
  172. </script>
  173. <style>
  174. @media screen and (max-width: 980px) {
  175. #rec106120259 .t-menusub__menu .t-menusub__link-item {
  176. color: #474747 !important;
  177. }
  178. }
  179. </style>
  180. <!--[if IE 8]><style>#rec106120259 .t481 { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9ffc107', endColorstr='#D9ffc107');
  181. }</style><![endif]-->
  182. </div>
  183. <div id="rec104786730" class="r t-rec t-rec_pt_45" style="padding-top:45px; " data-animationappear="off" data-record-type="396">
  184. <!-- T396 -->
  185. <style>
  186. #rec104786730 .t396__artboard {
  187. height: 550px;
  188. background-color: #ffffff;
  189. }
  190.  
  191. #rec104786730 .t396__filter {
  192. height: 550px;
  193. }
  194.  
  195. #rec104786730 .t396__carrier {
  196. height: 550px;
  197. background-position: center center;
  198. background-attachment: scroll;
  199. background-size: cover;
  200. background-repeat: no-repeat;
  201. }
  202.  
  203. @media screen and (max-width: 1199px) {
  204. #rec104786730 .t396__artboard {
  205. height: 480px;
  206. }
  207. #rec104786730 .t396__filter {
  208. height: 480px;
  209. }
  210. #rec104786730 .t396__carrier {
  211. height: 480px;
  212. background-attachment: scroll;
  213. }
  214. }
  215.  
  216. @media screen and (max-width: 959px) {
  217. #rec104786730 .t396__artboard {
  218. height: 370px;
  219. }
  220. #rec104786730 .t396__filter {
  221. height: 370px;
  222. }
  223. #rec104786730 .t396__carrier {
  224. height: 370px;
  225. }
  226. }
  227.  
  228. @media screen and (max-width: 639px) {
  229. #rec104786730 .t396__artboard {
  230. height: 490px;
  231. }
  232. #rec104786730 .t396__filter {
  233. height: 490px;
  234. }
  235. #rec104786730 .t396__carrier {
  236. height: 490px;
  237. }
  238. }
  239.  
  240. @media screen and (max-width: 479px) {}
  241.  
  242. #rec104786730 .tn-elem[data-elem-id="1557934024204"] {
  243. z-index: 1;
  244. top: 39px;
  245. left: calc(50% - 600px + 570px);
  246. width: 610px;
  247. }
  248.  
  249. #rec104786730 .tn-elem[data-elem-id="1557934024204"] .tn-atom {
  250. background-position: center center;
  251. border-color: transparent;
  252. border-style: solid;
  253. }
  254.  
  255. @media screen and (max-width: 1199px) {
  256. #rec104786730 .tn-elem[data-elem-id="1557934024204"] {
  257. top: 62px;
  258. left: calc(50% - 480px + 470px);
  259. width: 480px;
  260. }
  261. }
  262.  
  263. @media screen and (max-width: 959px) {
  264. #rec104786730 .tn-elem[data-elem-id="1557934024204"] {
  265. top: 64px;
  266. left: calc(50% - 320px + 309px);
  267. width: 330px;
  268. }
  269. }
  270.  
  271. @media screen and (max-width: 639px) {
  272. #rec104786730 .tn-elem[data-elem-id="1557934024204"] {
  273. top: 14px;
  274. left: calc(50% - 240px + 100px);
  275. width: 280px;
  276. }
  277. }
  278.  
  279. @media screen and (max-width: 479px) {
  280. #rec104786730 .tn-elem[data-elem-id="1557934024204"] {
  281. top: 14px;
  282. left: calc(50% - 160px + 20px);
  283. }
  284. }
  285.  
  286. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  287. color: #424242;
  288. z-index: 2;
  289. top: 165px;
  290. left: calc(50% - 600px + 80px);
  291. width: 560px;
  292. }
  293.  
  294. #rec104786730 .tn-elem[data-elem-id="1557934180174"] .tn-atom {
  295. color: #424242;
  296. font-size: 38px;
  297. font-family: 'Roboto', Arial, sans-serif;
  298. line-height: 1.55;
  299. font-weight: 700;
  300. background-position: center center;
  301. border-color: transparent;
  302. border-style: solid;
  303. }
  304.  
  305. @media screen and (max-width: 1199px) {
  306. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  307. top: 146px;
  308. left: calc(50% - 480px + 72px);
  309. width: 420px;
  310. }
  311. }
  312.  
  313. @media screen and (max-width: 959px) {
  314. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  315. top: 62px;
  316. left: calc(50% - 320px + 9px);
  317. width: 320px;
  318. }
  319. #rec104786730 .tn-elem[data-elem-id="1557934180174"] .tn-atom {
  320. font-size: 30px;
  321. }
  322. }
  323.  
  324. @media screen and (max-width: 639px) {
  325. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  326. top: 232px;
  327. left: calc(50% - 240px + 80px);
  328. }
  329. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  330. text-align: center;
  331. }
  332. }
  333.  
  334. @media screen and (max-width: 479px) {
  335. #rec104786730 .tn-elem[data-elem-id="1557934180174"] {
  336. top: 232px;
  337. left: calc(50% - 160px + 0px);
  338. }
  339. }
  340.  
  341. #rec104786730 .tn-elem[data-elem-id="1557934316347"] {
  342. color: #424242;
  343. z-index: 3;
  344. top: 294px;
  345. left: calc(50% - 600px + 80px);
  346. width: 290px;
  347. }
  348.  
  349. #rec104786730 .tn-elem[data-elem-id="1557934316347"] .tn-atom {
  350. color: #424242;
  351. font-size: 26px;
  352. font-family: 'Roboto', Arial, sans-serif;
  353. line-height: 1.55;
  354. font-weight: 700;
  355. background-position: center center;
  356. border-color: transparent;
  357. border-style: solid;
  358. }
  359.  
  360. @media screen and (max-width: 1199px) {
  361. #rec104786730 .tn-elem[data-elem-id="1557934316347"] {
  362. top: 275px;
  363. left: calc(50% - 480px + 72px);
  364. }
  365. }
  366.  
  367. @media screen and (max-width: 959px) {
  368. #rec104786730 .tn-elem[data-elem-id="1557934316347"] {
  369. top: 188px;
  370. left: calc(50% - 320px + 9px);
  371. width: 160px;
  372. }
  373. #rec104786730 .tn-elem[data-elem-id="1557934316347"] .tn-atom {
  374. font-size: 23px;
  375. }
  376. }
  377.  
  378. @media screen and (max-width: 639px) {
  379. #rec104786730 .tn-elem[data-elem-id="1557934316347"] {
  380. top: 340px;
  381. left: calc(50% - 240px + 160px);
  382. }
  383. }
  384.  
  385. @media screen and (max-width: 479px) {
  386. #rec104786730 .tn-elem[data-elem-id="1557934316347"] {
  387. top: 340px;
  388. left: calc(50% - 160px + 80px);
  389. }
  390. }
  391.  
  392. #rec104786730 .tn-elem[data-elem-id="1557934348294"] {
  393. color: #474747;
  394. text-align: center;
  395. z-index: 4;
  396. top: 354px;
  397. left: calc(50% - 600px + 80px);
  398. width: 180px;
  399. height: 44px;
  400. }
  401.  
  402. #rec104786730 .tn-elem[data-elem-id="1557934348294"] .tn-atom {
  403. color: #474747;
  404. font-size: 20px;
  405. font-family: 'Roboto', Arial, sans-serif;
  406. line-height: 1.55;
  407. font-weight: 600;
  408. border-width: 1px;
  409. border-radius: 30px;
  410. background-color: #ffc107;
  411. background-position: center center;
  412. border-color: transparent;
  413. border-style: solid;
  414. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  415. }
  416.  
  417. @media screen and (max-width: 1199px) {
  418. #rec104786730 .tn-elem[data-elem-id="1557934348294"] {
  419. top: 335px;
  420. left: calc(50% - 480px + 72px);
  421. }
  422. }
  423.  
  424. @media screen and (max-width: 959px) {
  425. #rec104786730 .tn-elem[data-elem-id="1557934348294"] {
  426. top: 259px;
  427. left: calc(50% - 320px + 9px);
  428. }
  429. }
  430.  
  431. @media screen and (max-width: 639px) {
  432. #rec104786730 .tn-elem[data-elem-id="1557934348294"] {
  433. top: 405px;
  434. left: calc(50% - 240px + 150px);
  435. }
  436. }
  437.  
  438. @media screen and (max-width: 479px) {
  439. #rec104786730 .tn-elem[data-elem-id="1557934348294"] {
  440. top: 405px;
  441. left: calc(50% - 160px + 70px);
  442. }
  443. }
  444. </style>
  445. <div class='t396'>
  446. <div class="t396__artboard" data-artboard-recid="104786730" data-artboard-height="550" data-artboard-height-res-960="480" data-artboard-height-res-640="370" data-artboard-height-res-480="490" data-artboard-height_vh="" data-artboard-valign="center" data-artboard-ovrflw="">
  447. <div class="t396__carrier" data-artboard-recid="104786730"></div>
  448. <div class="t396__filter" data-artboard-recid="104786730"></div>
  449. <div class='t396__elem tn-elem tn-elem__1047867301557934024204' data-elem-id='1557934024204' data-elem-type='image' data-field-top-value="39" data-field-top-res-960-value="62" data-field-top-res-640-value="64" data-field-top-res-480-value="14" data-field-top-res-320-value="14" data-field-left-value="570" data-field-left-res-960-value="470" data-field-left-res-640-value="309" data-field-left-res-480-value="100" data-field-left-res-320-value="20" data-field-width-value="610" data-field-width-res-960-value="480" data-field-width-res-640-value="330" data-field-width-res-480-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  450. <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6235-3934-4663-a164-316432336234/_1.svg' imgfield='tn_img_1557934024204'> </div>
  451. </div>
  452. <div class='t396__elem tn-elem tn-elem__1047867301557934180174' data-elem-id='1557934180174' data-elem-type='text' data-field-top-value="165" data-field-top-res-960-value="146" data-field-top-res-640-value="62" data-field-top-res-480-value="232" data-field-top-res-320-value="232" data-field-left-value="80" data-field-left-res-960-value="72" data-field-left-res-640-value="9" data-field-left-res-480-value="80" data-field-left-res-320-value="0" data-field-width-value="560" data-field-width-res-960-value="420" data-field-width-res-640-value="320" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  453. <h1 class='tn-atom'>Виконуємо будівельні <br>та ремонтні роботи<br></h1> </div>
  454. <div class='t396__elem tn-elem tn-elem__1047867301557934316347' data-elem-id='1557934316347' data-elem-type='text' data-field-top-value="294" data-field-top-res-960-value="275" data-field-top-res-640-value="188" data-field-top-res-480-value="340" data-field-top-res-320-value="340" data-field-left-value="80" data-field-left-res-960-value="72" data-field-left-res-640-value="9" data-field-left-res-480-value="160" data-field-left-res-320-value="80" data-field-width-value="290" data-field-width-res-640-value="160" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  455. <div class='tn-atom' field='tn_text_1557934316347'>з 2005-го року
  456. <br>
  457. </div>
  458. </div>
  459. <div class='t396__elem tn-elem tn-elem__1047867301557934348294' data-elem-id='1557934348294' data-elem-type='button' data-field-top-value="354" data-field-top-res-960-value="335" data-field-top-res-640-value="259" data-field-top-res-480-value="405" data-field-top-res-320-value="405" data-field-left-value="80" data-field-left-res-960-value="72" data-field-left-res-640-value="9" data-field-left-res-480-value="150" data-field-left-res-320-value="70" data-field-height-value="44" data-field-width-value="180" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-sbs-event="intoview" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]"> <a class='tn-atom' href="#rec106125212">Деталі</a> </div>
  460. </div>
  461. </div>
  462. <script>
  463. $(document).ready(function() {
  464. t396_init('104786730');
  465. });
  466. </script>
  467. <!-- /T396 -->
  468. </div>
  469. <div id="rec106125212" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="795">
  470. <!-- T795 -->
  471. <div class="t795">
  472. <div class="t-container t-align_center">
  473. <div class="t-col t-col_10 t-prefix_1">
  474. <div class="t795__title t-title t-title_xs t-margin_auto t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1" field="title" style="">
  475. <div style="color:#424242;" data-customstyle="yes">Виконуємо весь спектр будівельних робіт</div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. <div id="rec106123547" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="412">
  482. <!-- T412 -->
  483. <div class="t412">
  484. <div class="t-container">
  485. <div class="t412__col t-col t-col_3 t412__col t-animate" data-animate-style="zoomin" data-animate-chain="yes">
  486. <a href="#popup:remont">
  487. <div class="t412__content" style="border-color: #ffffff;border-width: 2px;">
  488. <div class="t412__wrapper"> <img class="t412__img t412__img_circle t-img" src="https://static.tildacdn.com/tild6666-6430-4833-b165-646133643130/tools.svg" data-tu-max-width="300" data-tu-max-height="300" alt="" style="" imgfield="img" />
  489. <div class="t412__title t-name t-name_xl" style="color:#424242;" field="title">Ремонт</div>
  490. <div class="t412__descr t-text" style="color:#424242;" field="descr">
  491. <div style="font-size:18px;" data-customstyle="yes">Виконуємо ремонтні роботи в квартирах, офісах, магазинах та інших приміщеннях.</div>
  492. </div>
  493. <div class="t412__buttonwrapper">
  494. <div class="t412__btn t-btn" style="color:#474747;border:0px solid #000000;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  495. <table style="width:100%; height:100%;">
  496. <tr>
  497. <td>. . Замовити ремонт . .</td>
  498. </tr>
  499. </table>
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. </a>
  505. </div>
  506. <div class="t412__col t-col t-col_3 t412__col t-animate" data-animate-style="zoomin" data-animate-chain="yes">
  507. <a href="#popup:budivnutstvo">
  508. <div class="t412__content" style="border-color: #ffffff;border-width: 2px;">
  509. <div class="t412__wrapper"> <img class="t412__img t412__img_circle t-img" src="https://static.tildacdn.com/tild3666-6435-4161-b936-316363626565/crane_1.svg" data-tu-max-width="300" data-tu-max-height="300" alt="" style="" imgfield="img2" />
  510. <div class="t412__title t-name t-name_xl" style="color:#424242;" field="title2">Будівництво</div>
  511. <div class="t412__descr t-text" style="color:#424242;" field="descr2">
  512. <div style="font-size:18px;" data-customstyle="yes">Виконуємо будівництво багатоквартирних та приватних будинків, будинків, а також комерційної нерухомості.</div>
  513. </div>
  514. <div class="t412__buttonwrapper">
  515. <div class="t412__btn t-btn" style="color:#474747;border:0px solid #000000;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  516. <table style="width:100%; height:100%;">
  517. <tr>
  518. <td>Замовити будівництво</td>
  519. </tr>
  520. </table>
  521. </div>
  522. </div>
  523. </div>
  524. </div>
  525. </a>
  526. </div>
  527. <div class="t412__floatbeaker_lr3"></div>
  528. <div class="t412__col t-col t-col_3 t412__col t-animate" data-animate-style="zoomin" data-animate-chain="yes">
  529. <a href="#popup:reconstrukciya">
  530. <div class="t412__content" style="border-color: #ffffff;border-width: 2px;">
  531. <div class="t412__wrapper"> <img class="t412__img t412__img_circle t-img" src="https://static.tildacdn.com/tild3061-3866-4837-b366-376361393331/roof.svg" data-tu-max-width="300" data-tu-max-height="300" alt="" style="" imgfield="img3" />
  532. <div class="t412__title t-name t-name_xl" style="color:#424242;" field="title3">Реконструкція</div>
  533. <div class="t412__descr t-text" style="color:#424242;" field="descr3">
  534. <div style="font-size:18px;" data-customstyle="yes">Виконуємо реконструкцію старих будівель, а також будівель зруйнованих негодою.
  535. <br />
  536. </div>
  537. </div>
  538. <div class="t412__buttonwrapper">
  539. <div class="t412__btn t-btn" style="color:#474747;border:0px solid #000000;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  540. <table style="width:100%; height:100%;">
  541. <tr>
  542. <td>Замовити реконструкцію</td>
  543. </tr>
  544. </table>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. </a>
  550. </div>
  551. <div class="t412__col t-col t-col_3 t412__col t-animate" data-animate-style="zoomin" data-animate-chain="yes">
  552. <a href="#popup:blagoustriy">
  553. <div class="t412__content" style="border-color: #ffffff;border-width: 2px;">
  554. <div class="t412__wrapper"> <img class="t412__img t412__img_circle t-img" src="https://static.tildacdn.com/tild6631-6436-4465-a534-356535643037/home.svg" data-tu-max-width="300" data-tu-max-height="300" alt="" style="" imgfield="img4" />
  555. <div class="t412__title t-name t-name_xl" style="color:#424242;" field="title4">Благоустрій</div>
  556. <div class="t412__descr t-text" style="color:#424242;" field="descr4">
  557. <div style="font-size:18px;" data-customstyle="yes">Виконуємо благоустрій території. На нашому рахунку численні парки та двори Одещини.</div>
  558. </div>
  559. <div class="t412__buttonwrapper">
  560. <div class="t412__btn t-btn" style="color:#474747;border:0px solid #000000;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  561. <table style="width:100%; height:100%;">
  562. <tr>
  563. <td>Замовити благоустрій</td>
  564. </tr>
  565. </table>
  566. </div>
  567. </div>
  568. </div>
  569. </div>
  570. </a>
  571. </div>
  572. </div>
  573. </div>
  574. <script type="text/javascript">
  575. $(document).ready(function() {
  576. t412_init('106123547');
  577. t412_unifyHeights('106123547');
  578. setTimeout(function() {
  579. t412_unifyHeights('106123547');
  580. }, 500);
  581. });
  582. $('.t412').bind('displayChanged', function() {
  583. t412_unifyHeights('106123547');
  584. });
  585. $(window).resize(function() {
  586. t412_unifyHeights('106123547');
  587. });
  588. $(window).load(function() {
  589. t412_unifyHeights('106123547');
  590. });
  591. </script>
  592. <style>
  593. #rec106123547 .t-btn:not(.t-animate_no-hover):hover {
  594. color: #ffffff !important;
  595. }
  596.  
  597. #rec106123547 .t-btn:not(.t-animate_no-hover) {
  598. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  599. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  600. }
  601. </style>
  602. </div>
  603. <div id="rec104994537" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="478">
  604. <!-- T478 -->
  605. <div style="width: 0; height: 0; overflow: hidden;">
  606. <div class="t478__sizer t-col t-col_6" data-auto-correct-mobile-width="false" style="height:560px;"></div>
  607. </div>
  608. <div class="t478">
  609. <div class="t-container">
  610. <div class="t478__top t-col t-col_6 ">
  611. <div class="t478__textwrapper t-align_left" style="height:560px;">
  612. <div class="t478__content t-valign_middle">
  613. <div class="t478__box">
  614. <div class="t478__title t-title t-title_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1" field="title" style="color:#424242;">Команда професіоналів</div>
  615. <div class="t478__line " style="height: 5px;background-color: #ffc107;"></div>
  616. <div class="t478__descr t-descr t-descr_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" field="descr" style="max-width:500px;color:#424242;">
  617. <div style="font-size:18px;" data-customstyle="yes">Ми будівельна компанія повного циклу, виконуємо весь спектр будівельних робіт, від заливання фундаменту до дизайну інтерьєру, це дозволяє нам стратегічно розглядати задачу клієнта та надавати високу якість кінцевого продукту.
  618. <br />
  619. <br />В роботі ми використовуємо свою техніку та постійну команду, яка виконує роботи, тому ми завжди впевнені в якості.
  620. <br />
  621. <br />15 років на ринку Одеси.
  622. <br />Маємо добру репутацію, цінуємо своїх клієнтів і відповідаємо за якість.
  623. <br />
  624. </div>
  625. </div>
  626. </div>
  627. </div>
  628. </div>
  629. </div>
  630. <div class="t-col t-col_6 ">
  631. <div class="t478__blockimg t-bgimg" data-original="https://static.tildacdn.com/tild3535-3633-4138-a665-643637393665/_1.svg" bgimgfield="img" style="background-image:url('https://static.tildacdn.com/tild3535-3633-4138-a665-643637393665/_1.svg'); height:560px;"></div>
  632. </div>
  633. </div>
  634. </div>
  635. <script type="text/javascript">
  636. $(window).resize(function() {
  637. if (typeof window.noAdaptive != "undefined" && window.noAdaptive == true && $isMobile) {
  638. return;
  639. }
  640. t478_setHeight('104994537');
  641. });
  642. $(document).ready(function() {
  643. t478_setHeight('104994537');
  644. });
  645. $('.t478').bind('displayChanged', function() {
  646. t478_setHeight('104994537');
  647. });
  648. </script>
  649. </div>
  650. <div id="rec106110330" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="490">
  651. <!-- t490 -->
  652. <div class="t490">
  653. <div class="t-section__container t-container">
  654. <div class="t-col t-col_12">
  655. <div class="t-section__topwrapper t-align_center">
  656. <div class="t-section__title t-title t-title_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="btitle">
  657. <div style="color:#424242;" data-customstyle="yes">Ми робимо наших клієнтів щасливими</div>
  658. </div>
  659. <div class="t-section__descr t-descr t-descr_xl t-margin_auto t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="bdescr">
  660. <div style="font-size:22px;" data-customstyle="yes">Забираємо на себе всі незручності ремонту</div>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. <div class="t-container">
  666. <div class="t490__col t-col t-col_3 t-align_center t-item t-animate" data-animate-style="fadeinup" data-animate-chain="yes"> <img src="https://static.tildacdn.com/tild3035-3836-4234-b561-356439383433/-/empty/packages.png" data-original="https://static.tildacdn.com/tild3035-3836-4234-b561-356439383433/packages.png" class="t490__img t-img" imgfield="li_img__1476968690512" />
  667. <div class="t490__wrappercenter ">
  668. <div class="t-heading t-heading_md" style="color:#424242;" field="li_title__1476968690512">Закупівля</div>
  669. <div class="t-descr t-descr_xs" style="color:#424242;" field="li_descr__1476968690512">
  670. <div style="font-size:18px;" data-customstyle="yes">У нас є декілька опцій:
  671. <br />
  672. <br />1. Ви можете виїхати на закупку матеріалів з нашим експертом. Це дозволить заощадити кошти, час, а також бути впевненим в тому що ви купили "що треба"
  673. <br />
  674. <br />2. Наші експерти проведуть закупку без вас, придбавши заздалегідь узгоджені матеріали.
  675. <br />
  676. <br />Ми виконуємо доставку матеріалів</div>
  677. </div>
  678. </div>
  679. </div>
  680. <div class="t490__col t-col t-col_3 t-align_center t-item t-animate" data-animate-style="fadeinup" data-animate-chain="yes"> <img src="https://static.tildacdn.com/tild3562-3132-4833-b964-303966656536/-/empty/card6.png" data-original="https://static.tildacdn.com/tild3562-3132-4833-b964-303966656536/card6.png" class="t490__img t-img" imgfield="li_img__1476968700508" />
  681. <div class="t490__wrappercenter ">
  682. <div class="t-heading t-heading_md" style="color:#424242;" field="li_title__1476968700508">Бюджет</div>
  683. <div class="t-descr t-descr_xs" style="color:#424242;" field="li_descr__1476968700508">
  684. <div style="font-size:18px;" data-customstyle="yes">Перед початком робіт ми узгоджуємо бюджет в exel форматі, де ви зможете побачити вартість кожного пункту.
  685. <br />
  686. <br />Наш бюджет працює як калькулятор - прибираємо якусь роботу - ціна зменшується.
  687. <br />
  688. <br />Такий підхід дозволить провести оптимізацію бюджету перед початком робіт, а також за даним списком ви зможете легко перевірити виконані роботи.</div>
  689. </div>
  690. </div>
  691. </div>
  692. <div class="t490__col t-col t-col_3 t-align_center t-item t-animate" data-animate-style="fadeinup" data-animate-chain="yes"> <img src="https://static.tildacdn.com/tild3866-3735-4561-b830-346235333964/-/empty/86195455-vacuum-clea.png" data-original="https://static.tildacdn.com/tild3866-3735-4561-b830-346235333964/86195455-vacuum-clea.png" class="t490__img t-img" imgfield="li_img__1476968722790" />
  693. <div class="t490__wrappercenter ">
  694. <div class="t-heading t-heading_md" style="color:#424242;" field="li_title__1476968722790">Чистота</div>
  695. <div class="t-descr t-descr_xs" style="color:#424242;" field="li_descr__1476968722790">
  696. <div style="font-size:18px;" data-customstyle="yes">Ми залишаємо після себе чисте приміщення, самі вивозимо все будівельне сміття</div>
  697. </div>
  698. </div>
  699. </div>
  700. <div class="t490__col t-col t-col_3 t-align_center t-item t-animate" data-animate-style="fadeinup" data-animate-chain="yes"> <img src="https://static.tildacdn.com/tild3239-6463-4261-a238-373662653666/-/empty/clock-flat.png" data-original="https://static.tildacdn.com/tild3239-6463-4261-a238-373662653666/clock-flat.png" class="t490__img t-img" imgfield="li_img__1558526792706" />
  701. <div class="t490__wrappercenter ">
  702. <div class="t-heading t-heading_md" style="color:#424242;" field="li_title__1558526792706">Сроки</div>
  703. <div class="t-descr t-descr_xs" style="color:#424242;" field="li_descr__1558526792706">
  704. <div style="font-size:18px;" data-customstyle="yes">Ми чітко дотримуємося терміну виконання робіт.
  705. <br />
  706. <br />Роботи розбиваємо на етапи, та даємо вам звітність по завершенні кожного етапу</div>
  707. </div>
  708. </div>
  709. </div>
  710. </div>
  711. </div>
  712. </div>
  713. <div id="rec106127128" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="795">
  714. <!-- T795 -->
  715. <div class="t795">
  716. <div class="t-container t-align_center">
  717. <div class="t-col t-col_10 t-prefix_1">
  718. <div class="t795__title t-title t-title_xs t-margin_auto t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1" field="title" style="">
  719. <div style="color:#424242;" data-customstyle="yes">Нам довіряє Одеса</div>
  720. </div>
  721. </div>
  722. </div>
  723. </div>
  724. </div>
  725. <div id="rec106173723" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-animationappear="off" data-record-type="764">
  726. <!-- t764 -->
  727. <div class="t764">
  728. <div class="t-container js-product">
  729. <div class="t764__col t764__col_first t-col t-col_6 t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1">
  730. <!-- gallery -->
  731. <div class="t-slds" style="visibility: hidden;">
  732. <div class="t-slds__main">
  733. <div class="t-slds__container">
  734. <div class="t-slds__items-wrapper t-slds_animated-none " data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false">
  735. <div class="t-slds__item t-slds__item_active" data-slide-index="1">
  736. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  737. <meta itemprop="image" content="https://static.tildacdn.com/tild3065-6637-4262-b438-376230666338/IMG_20190524_113444-.jpeg">
  738. <div class="t-slds__imgwrapper" bgimgfield="gi_img__0" data-zoom-target="0" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3065-6637-4262-b438-376230666338/IMG_20190524_113444-.jpeg">
  739. <div class="t-slds__bgimg t-bgimg js-product-img" data-original="https://static.tildacdn.com/tild3065-6637-4262-b438-376230666338/IMG_20190524_113444-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3065-6637-4262-b438-376230666338/-/resizeb/20x/IMG_20190524_113444-.jpeg');"></div>
  740. </div>
  741. </div>
  742. </div>
  743. </div>
  744. </div>
  745. </div>
  746. </div>
  747. <!--/gallery -->
  748. </div>
  749. <div class="t764__col t-col t-col_4 ">
  750. <div class="t764__info">
  751. <div class="t764__textwrapper">
  752. <div class="t764__title t-name t-name_xl js-product-name t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" field="title" style="">Клініка "Ексімер"</div>
  753. <div class="t764__descr t-descr t-descr_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3" field="descr" style="">
  754. <div style="font-size:18px;" data-customstyle="yes">Проведена реконструкція двоповерхового вбудовано-прибудованого приміщення із застосуванням сучасних технологій в будівництві і високоякісної обробки внутрішніх приміщень, проведено монтаж високотехнологічного обладнання.
  755. <br />
  756. <br /> До складу робіт увійшли:
  757. <br /> - розробка проектної документації;
  758. <br />
  759. <br /> - високоякісна обробка приміщень із застосуванням сучасних будівельних матеріалів;
  760. <br />
  761. <br /> - монтаж системи опалення та вентиляції;
  762. <br />
  763. <br /> - монтаж технологічного обладнання з прокладкою зовнішніх і внутрішніх мереж;
  764. <br />
  765. </div>
  766. </div>
  767. <div class="t764__btn-wrapper">
  768. <a href="#popup:namdovirayeodessa" target="" class="t764__btn t-btn t-btn_sm t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="4" data-animate-delay="0.3" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  769. <table style="width:100%; height:100%;">
  770. <tr>
  771. <td>Залишити заявку на роботи</td>
  772. </tr>
  773. </table>
  774. </a>
  775. </div>
  776. </div>
  777. </div>
  778. </div>
  779. </div>
  780. </div>
  781. <script type="text/javascript">
  782. $(document).ready(function() {
  783. t_sldsInit('106173723');
  784. });
  785. $('.t764').bind('displayChanged', function() {
  786. t764_updateSlider('106173723');
  787. });
  788. </script>
  789. <style type="text/css">
  790. #rec106173723 .t-slds__bullet_active .t-slds__bullet_body {
  791. background-color: #222 !important;
  792. }
  793.  
  794. #rec106173723 .t-slds__bullet:hover .t-slds__bullet_body {
  795. background-color: #222 !important;
  796. }
  797. </style>
  798. <style>
  799. #rec106173723 .t-btn:not(.t-animate_no-hover):hover {
  800. color: #ffffff !important;
  801. }
  802.  
  803. #rec106173723 .t-btn:not(.t-animate_no-hover) {
  804. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  805. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  806. }
  807. </style>
  808. </div>
  809. <div id="rec106173326" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-animationappear="off" data-record-type="764">
  810. <!-- t764 -->
  811. <div class="t764">
  812. <div class="t-container js-product">
  813. <div class="t764__col t764__col_first t-col t-col_4 t-prefix_2">
  814. <div class="t764__info">
  815. <div class="t764__textwrapper">
  816. <div class="t764__title t-name t-name_xl js-product-name t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" field="title" style="">Парк Горького</div>
  817. <div class="t764__descr t-descr t-descr_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3" field="descr" style="">
  818. <div style="font-size:18px;" data-customstyle="yes">- виготовлення і монтаж огорожі по периметру парку;
  819. <br />
  820. <br /> - облаштування тенісних кортів;
  821. <br />
  822. <br /> - облаштування футбольних майданчиків;
  823. <br />
  824. <br /> - облаштування будівельної частини і допоміжних приміщень металевої огорожі льодового катка;
  825. <br />
  826. <br /> - виготовлення та монтаж елементів декору фонтанів на центральній площі парку;
  827. <br />
  828. <br /> - виготовлення та монтаж сцени «Мушлі» для проведення масових заходів.
  829. <br />
  830. </div>
  831. </div>
  832. <div class="t764__btn-wrapper">
  833. <a href="#popup:namdovirayeodessa" target="" class="t764__btn t-btn t-btn_sm t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="4" data-animate-delay="0.3" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  834. <table style="width:100%; height:100%;">
  835. <tr>
  836. <td>Залишити заявку на роботи</td>
  837. </tr>
  838. </table>
  839. </a>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. <div class="t764__col t-col t-col_6 t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1">
  845. <!-- gallery -->
  846. <div class="t-slds" style="visibility: hidden;">
  847. <div class="t-slds__main">
  848. <div class="t-slds__container">
  849. <div class="t-slds__items-wrapper t-slds_animated-none " data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false">
  850. <div class="t-slds__item t-slds__item_active" data-slide-index="1">
  851. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  852. <meta itemprop="image" content="https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/IMG_20190524_095825-.jpeg">
  853. <div class="t-slds__imgwrapper" bgimgfield="gi_img__0" data-zoom-target="0" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/IMG_20190524_095825-.jpeg">
  854. <div class="t-slds__bgimg t-bgimg js-product-img" data-original="https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/IMG_20190524_095825-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/-/resizeb/20x/IMG_20190524_095825-.jpeg');"></div>
  855. </div>
  856. </div>
  857. </div>
  858. <div class="t-slds__item " data-slide-index="2">
  859. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  860. <meta itemprop="image" content="https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/IMG_20190524_095926-.jpg">
  861. <div class="t-slds__imgwrapper" bgimgfield="gi_img__1" data-zoom-target="1" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/IMG_20190524_095926-.jpg">
  862. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/IMG_20190524_095926-.jpg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/-/resizeb/20x/IMG_20190524_095926-.jpg');"></div>
  863. </div>
  864. </div>
  865. </div>
  866. <div class="t-slds__item " data-slide-index="3">
  867. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  868. <meta itemprop="image" content="https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/IMG_20190524_100507-.jpeg">
  869. <div class="t-slds__imgwrapper" bgimgfield="gi_img__2" data-zoom-target="2" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/IMG_20190524_100507-.jpeg">
  870. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/IMG_20190524_100507-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/-/resizeb/20x/IMG_20190524_100507-.jpeg');"></div>
  871. </div>
  872. </div>
  873. </div>
  874. <div class="t-slds__item " data-slide-index="4">
  875. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  876. <meta itemprop="image" content="https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/IMG_20190524_100456-.jpeg">
  877. <div class="t-slds__imgwrapper" bgimgfield="gi_img__3" data-zoom-target="3" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/IMG_20190524_100456-.jpeg">
  878. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/IMG_20190524_100456-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/-/resizeb/20x/IMG_20190524_100456-.jpeg');"></div>
  879. </div>
  880. </div>
  881. </div>
  882. <div class="t-slds__item " data-slide-index="5">
  883. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  884. <meta itemprop="image" content="https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/IMG_20190524_100521-.jpeg">
  885. <div class="t-slds__imgwrapper" bgimgfield="gi_img__4" data-zoom-target="4" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/IMG_20190524_100521-.jpeg">
  886. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/IMG_20190524_100521-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/-/resizeb/20x/IMG_20190524_100521-.jpeg');"></div>
  887. </div>
  888. </div>
  889. </div>
  890. <div class="t-slds__item " data-slide-index="6">
  891. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  892. <meta itemprop="image" content="https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/IMG_20190524_100628-.jpeg">
  893. <div class="t-slds__imgwrapper" bgimgfield="gi_img__5" data-zoom-target="5" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/IMG_20190524_100628-.jpeg">
  894. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/IMG_20190524_100628-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/-/resizeb/20x/IMG_20190524_100628-.jpeg');"></div>
  895. </div>
  896. </div>
  897. </div>
  898. </div>
  899. <div class="t-slds__arrow_container ">
  900. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
  901. <div class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  902. <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 7px;">
  903. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  904. <desc>Left</desc>
  905. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  906. </div>
  907. </div>
  908. </div>
  909. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
  910. <div class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  911. <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 7px;">
  912. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  913. <desc>Right</desc>
  914. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  915. </div>
  916. </div>
  917. </div>
  918. </div>
  919. </div>
  920. </div>
  921. <div class="t-slds__thumbsbullet-wrapper ">
  922. <div class="t-slds__thumbsbullet t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1">
  923. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/IMG_20190524_095825-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6533-3935-4764-b735-363766303737/-/resizeb/20x/IMG_20190524_095825-.jpeg');"></div>
  924. <div class="t-slds__thumbsbullet-border"></div>
  925. </div>
  926. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="2">
  927. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/IMG_20190524_095926-.jpg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6333-3563-4162-b831-633666393865/-/resizeb/20x/IMG_20190524_095926-.jpg');"></div>
  928. <div class="t-slds__thumbsbullet-border"></div>
  929. </div>
  930. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="3">
  931. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/IMG_20190524_100507-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6330-3365-4763-b132-383666363063/-/resizeb/20x/IMG_20190524_100507-.jpeg');"></div>
  932. <div class="t-slds__thumbsbullet-border"></div>
  933. </div>
  934. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="4">
  935. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/IMG_20190524_100456-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3139-3561-4239-b438-343431373637/-/resizeb/20x/IMG_20190524_100456-.jpeg');"></div>
  936. <div class="t-slds__thumbsbullet-border"></div>
  937. </div>
  938. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="5">
  939. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/IMG_20190524_100521-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3930-3237-4134-b138-386636373330/-/resizeb/20x/IMG_20190524_100521-.jpeg');"></div>
  940. <div class="t-slds__thumbsbullet-border"></div>
  941. </div>
  942. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="6">
  943. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/IMG_20190524_100628-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3936-3461-4766-b561-323230373763/-/resizeb/20x/IMG_20190524_100628-.jpeg');"></div>
  944. <div class="t-slds__thumbsbullet-border"></div>
  945. </div>
  946. </div>
  947. </div>
  948. <style type="text/css">
  949. #rec106173326 .t-slds__bullet_active .t-slds__bullet_body {
  950. background-color: #222 !important;
  951. }
  952.  
  953. #rec106173326 .t-slds__bullet:hover .t-slds__bullet_body {
  954. background-color: #222 !important;
  955. }
  956. </style>
  957. <!--/gallery -->
  958. </div>
  959. </div>
  960. </div>
  961. <script type="text/javascript">
  962. $(document).ready(function() {
  963. t_sldsInit('106173326');
  964. });
  965. $('.t764').bind('displayChanged', function() {
  966. t764_updateSlider('106173326');
  967. });
  968. </script>
  969. <style type="text/css">
  970. #rec106173326 .t-slds__bullet_active .t-slds__bullet_body {
  971. background-color: #222 !important;
  972. }
  973.  
  974. #rec106173326 .t-slds__bullet:hover .t-slds__bullet_body {
  975. background-color: #222 !important;
  976. }
  977. </style>
  978. <style>
  979. #rec106173326 .t-btn:not(.t-animate_no-hover):hover {
  980. color: #ffffff !important;
  981. }
  982.  
  983. #rec106173326 .t-btn:not(.t-animate_no-hover) {
  984. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  985. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  986. }
  987. </style>
  988. </div>
  989. <div id="rec106167305" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-animationappear="off" data-record-type="764">
  990. <!-- t764 -->
  991. <div class="t764">
  992. <div class="t-container js-product">
  993. <div class="t764__col t764__col_first t-col t-col_6 t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1">
  994. <!-- gallery -->
  995. <div class="t-slds" style="visibility: hidden;">
  996. <div class="t-slds__main">
  997. <div class="t-slds__container">
  998. <div class="t-slds__items-wrapper t-slds_animated-none " data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false">
  999. <div class="t-slds__item t-slds__item_active" data-slide-index="1">
  1000. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1001. <meta itemprop="image" content="https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/IMG_20190524_103516-.jpeg">
  1002. <div class="t-slds__imgwrapper" bgimgfield="gi_img__0" data-zoom-target="0" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/IMG_20190524_103516-.jpeg">
  1003. <div class="t-slds__bgimg t-bgimg js-product-img" data-original="https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/IMG_20190524_103516-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/-/resizeb/20x/IMG_20190524_103516-.jpeg');"></div>
  1004. </div>
  1005. </div>
  1006. </div>
  1007. <div class="t-slds__item " data-slide-index="2">
  1008. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1009. <meta itemprop="image" content="https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/IMG_20190524_103510-.jpeg">
  1010. <div class="t-slds__imgwrapper" bgimgfield="gi_img__1" data-zoom-target="1" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/IMG_20190524_103510-.jpeg">
  1011. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/IMG_20190524_103510-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/-/resizeb/20x/IMG_20190524_103510-.jpeg');"></div>
  1012. </div>
  1013. </div>
  1014. </div>
  1015. </div>
  1016. <div class="t-slds__arrow_container ">
  1017. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
  1018. <div class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  1019. <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 7px;">
  1020. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1021. <desc>Left</desc>
  1022. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  1023. </div>
  1024. </div>
  1025. </div>
  1026. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
  1027. <div class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  1028. <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 7px;">
  1029. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1030. <desc>Right</desc>
  1031. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  1032. </div>
  1033. </div>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. <div class="t-slds__thumbsbullet-wrapper ">
  1039. <div class="t-slds__thumbsbullet t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1">
  1040. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/IMG_20190524_103516-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3764-3439-4838-a434-303934623365/-/resizeb/20x/IMG_20190524_103516-.jpeg');"></div>
  1041. <div class="t-slds__thumbsbullet-border"></div>
  1042. </div>
  1043. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="2">
  1044. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/IMG_20190524_103510-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6464-6336-4134-b039-386438363461/-/resizeb/20x/IMG_20190524_103510-.jpeg');"></div>
  1045. <div class="t-slds__thumbsbullet-border"></div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. <style type="text/css">
  1050. #rec106167305 .t-slds__bullet_active .t-slds__bullet_body {
  1051. background-color: #222 !important;
  1052. }
  1053.  
  1054. #rec106167305 .t-slds__bullet:hover .t-slds__bullet_body {
  1055. background-color: #222 !important;
  1056. }
  1057. </style>
  1058. <!--/gallery -->
  1059. </div>
  1060. <div class="t764__col t-col t-col_4 ">
  1061. <div class="t764__info">
  1062. <div class="t764__textwrapper">
  1063. <div class="t764__title t-name t-name_xl js-product-name t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" field="title" style="">Дитячий садок №165</div>
  1064. <div class="t764__descr t-descr t-descr_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3" field="descr" style="">
  1065. <div style="font-size:18px;" data-customstyle="yes">Реконструкція існуючого дитячого садка.
  1066. <br />
  1067. <br /> Об'єкт будувався за наявною проектної документації ( «ЗАМОВНИК» Управління капітального будівництва одеського міськвиконкому)
  1068. <br />
  1069. <br /> До складу робіт увійшли:
  1070. <br />
  1071. <br /> - демонтаж існуючих будівель і споруд;
  1072. <br />
  1073. <br /> - будівництво «Під ключ» 4-х корпусів із застосуванням сучасних технологій;
  1074. <br />
  1075. <br /> - монтаж технологічного обладнання опалення, вентиляції з прокладкою зовнішніх і внутрішніх мереж;
  1076. <br />
  1077. <br /> - будівництво харчоблоку, включаючи монтаж і налагодження обладнання;
  1078. <br />
  1079. <br /> - благоустрій території з урахуванням цільового призначення дитячого дошкільного закладу.
  1080. <br />
  1081. </div>
  1082. </div>
  1083. <div class="t764__btn-wrapper">
  1084. <a href="#popup:namdovirayeodessa" target="" class="t764__btn t-btn t-btn_sm t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="4" data-animate-delay="0.3" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  1085. <table style="width:100%; height:100%;">
  1086. <tr>
  1087. <td>Залишити заявку на роботи</td>
  1088. </tr>
  1089. </table>
  1090. </a>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. </div>
  1095. </div>
  1096. </div>
  1097. <script type="text/javascript">
  1098. $(document).ready(function() {
  1099. t_sldsInit('106167305');
  1100. });
  1101. $('.t764').bind('displayChanged', function() {
  1102. t764_updateSlider('106167305');
  1103. });
  1104. </script>
  1105. <style type="text/css">
  1106. #rec106167305 .t-slds__bullet_active .t-slds__bullet_body {
  1107. background-color: #222 !important;
  1108. }
  1109.  
  1110. #rec106167305 .t-slds__bullet:hover .t-slds__bullet_body {
  1111. background-color: #222 !important;
  1112. }
  1113. </style>
  1114. <style>
  1115. #rec106167305 .t-btn:not(.t-animate_no-hover):hover {
  1116. color: #ffffff !important;
  1117. }
  1118.  
  1119. #rec106167305 .t-btn:not(.t-animate_no-hover) {
  1120. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1121. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1122. }
  1123. </style>
  1124. </div>
  1125. <div id="rec106814097" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-animationappear="off" data-record-type="764">
  1126. <!-- t764 -->
  1127. <div class="t764">
  1128. <div class="t-container js-product">
  1129. <div class="t764__col t764__col_first t-col t-col_4 t-prefix_2">
  1130. <div class="t764__info">
  1131. <div class="t764__textwrapper">
  1132. <div class="t764__title t-name t-name_xl js-product-name t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" field="title" style="">АЗС "Sun Oil"</div>
  1133. <div class="t764__descr t-descr t-descr_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3" field="descr" style="">
  1134. <div style="font-size:18px;" data-customstyle="yes">Зроблено повний ребрендинг АЗС «ВЕСТА» в м.Одесі
  1135. <br />
  1136. <br /> по вул М.Грушевського 51а, ул.Вильямса 46/1, вул Інглезі 13б.
  1137. <br />
  1138. <br /> До складу робіт увійшли:
  1139. <br />
  1140. <br /> - розробка проектної документації;
  1141. <br />
  1142. <br /> - демонтаж існуючих будівель і споруд;
  1143. <br />
  1144. <br /> - будівництво «Під ключ» АЗК із застосуванням сучасних технологій;
  1145. <br />
  1146. <br /> - монтаж технологічного обладнання з прокладкою зовнішніх і внутрішніх мереж;
  1147. <br />
  1148. <br /> - благоустрій території.
  1149. <br />
  1150. </div>
  1151. </div>
  1152. <div class="t764__btn-wrapper">
  1153. <a href="#popup:namdovirayeodessa" target="" class="t764__btn t-btn t-btn_sm t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="4" data-animate-delay="0.3" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">
  1154. <table style="width:100%; height:100%;">
  1155. <tr>
  1156. <td>Залишити заявку на роботи</td>
  1157. </tr>
  1158. </table>
  1159. </a>
  1160. </div>
  1161. </div>
  1162. </div>
  1163. </div>
  1164. <div class="t764__col t-col t-col_6 t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1">
  1165. <!-- gallery -->
  1166. <div class="t-slds" style="visibility: hidden;">
  1167. <div class="t-slds__main">
  1168. <div class="t-slds__container">
  1169. <div class="t-slds__items-wrapper t-slds_animated-none " data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false">
  1170. <div class="t-slds__item t-slds__item_active" data-slide-index="1">
  1171. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1172. <meta itemprop="image" content="https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/IMG_20190524_102942-.jpeg">
  1173. <div class="t-slds__imgwrapper" bgimgfield="gi_img__0" data-zoom-target="0" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/IMG_20190524_102942-.jpeg">
  1174. <div class="t-slds__bgimg t-bgimg js-product-img" data-original="https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/IMG_20190524_102942-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/-/resizeb/20x/IMG_20190524_102942-.jpeg');"></div>
  1175. </div>
  1176. </div>
  1177. </div>
  1178. <div class="t-slds__item " data-slide-index="2">
  1179. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1180. <meta itemprop="image" content="https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/IMG_20190524_103052_.jpeg">
  1181. <div class="t-slds__imgwrapper" bgimgfield="gi_img__1" data-zoom-target="1" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/IMG_20190524_103052_.jpeg">
  1182. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/IMG_20190524_103052_.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/-/resizeb/20x/IMG_20190524_103052_.jpeg');"></div>
  1183. </div>
  1184. </div>
  1185. </div>
  1186. <div class="t-slds__item " data-slide-index="3">
  1187. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1188. <meta itemprop="image" content="https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/IMG_20190524_103101-.jpeg">
  1189. <div class="t-slds__imgwrapper" bgimgfield="gi_img__2" data-zoom-target="2" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/IMG_20190524_103101-.jpeg">
  1190. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/IMG_20190524_103101-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/-/resizeb/20x/IMG_20190524_103101-.jpeg');"></div>
  1191. </div>
  1192. </div>
  1193. </div>
  1194. <div class="t-slds__item " data-slide-index="4">
  1195. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1196. <meta itemprop="image" content="https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/IMG_20190524_102720-.jpeg">
  1197. <div class="t-slds__imgwrapper" bgimgfield="gi_img__3" data-zoom-target="3" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/IMG_20190524_102720-.jpeg">
  1198. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/IMG_20190524_102720-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/-/resizeb/20x/IMG_20190524_102720-.jpeg');"></div>
  1199. </div>
  1200. </div>
  1201. </div>
  1202. <div class="t-slds__item " data-slide-index="5">
  1203. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1204. <meta itemprop="image" content="https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/IMG_20190524_102649-.jpeg">
  1205. <div class="t-slds__imgwrapper" bgimgfield="gi_img__4" data-zoom-target="4" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/IMG_20190524_102649-.jpeg">
  1206. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/IMG_20190524_102649-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/-/resizeb/20x/IMG_20190524_102649-.jpeg');"></div>
  1207. </div>
  1208. </div>
  1209. </div>
  1210. <div class="t-slds__item " data-slide-index="6">
  1211. <div class="t-slds__wrapper" itemscope itemtype="http://schema.org/ImageObject">
  1212. <meta itemprop="image" content="https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/IMG_20190524_102709-.jpeg">
  1213. <div class="t-slds__imgwrapper" bgimgfield="gi_img__5" data-zoom-target="5" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/IMG_20190524_102709-.jpeg">
  1214. <div class="t-slds__bgimg t-bgimg " data-original="https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/IMG_20190524_102709-.jpeg" style="padding-bottom:75%; background-image: url('https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/-/resizeb/20x/IMG_20190524_102709-.jpeg');"></div>
  1215. </div>
  1216. </div>
  1217. </div>
  1218. </div>
  1219. <div class="t-slds__arrow_container ">
  1220. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
  1221. <div class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  1222. <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 7px;">
  1223. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1224. <desc>Left</desc>
  1225. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  1226. </div>
  1227. </div>
  1228. </div>
  1229. <div class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
  1230. <div class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" style="width: 30px; height: 30px;background-color: rgba(255,255,255,1);">
  1231. <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 7px;">
  1232. <svg style="display: block" viewBox="0 0 7.3 13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1233. <desc>Right</desc>
  1234. <polyline fill="none" stroke="#222" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 6.5,6.5 0.5,12.5" /> </svg>
  1235. </div>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. </div>
  1240. </div>
  1241. <div class="t-slds__thumbsbullet-wrapper ">
  1242. <div class="t-slds__thumbsbullet t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1">
  1243. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/IMG_20190524_102942-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6466-3935-4637-b466-366531663833/-/resizeb/20x/IMG_20190524_102942-.jpeg');"></div>
  1244. <div class="t-slds__thumbsbullet-border"></div>
  1245. </div>
  1246. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="2">
  1247. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/IMG_20190524_103052_.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3462-6538-4435-b562-666266613739/-/resizeb/20x/IMG_20190524_103052_.jpeg');"></div>
  1248. <div class="t-slds__thumbsbullet-border"></div>
  1249. </div>
  1250. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="3">
  1251. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/IMG_20190524_103101-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6337-6434-4863-a533-643662363563/-/resizeb/20x/IMG_20190524_103101-.jpeg');"></div>
  1252. <div class="t-slds__thumbsbullet-border"></div>
  1253. </div>
  1254. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="4">
  1255. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/IMG_20190524_102720-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3439-6461-4431-b064-663035666463/-/resizeb/20x/IMG_20190524_102720-.jpeg');"></div>
  1256. <div class="t-slds__thumbsbullet-border"></div>
  1257. </div>
  1258. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="5">
  1259. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/IMG_20190524_102649-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild6534-3561-4136-a361-656131383231/-/resizeb/20x/IMG_20190524_102649-.jpeg');"></div>
  1260. <div class="t-slds__thumbsbullet-border"></div>
  1261. </div>
  1262. <div class="t-slds__thumbsbullet t-slds__bullet " data-slide-bullet-for="6">
  1263. <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/IMG_20190524_102709-.jpeg" style="padding-bottom: 100%; background-image: url('https://static.tildacdn.com/tild3061-3939-4366-b266-616165623937/-/resizeb/20x/IMG_20190524_102709-.jpeg');"></div>
  1264. <div class="t-slds__thumbsbullet-border"></div>
  1265. </div>
  1266. </div>
  1267. </div>
  1268. <style type="text/css">
  1269. #rec106814097 .t-slds__bullet_active .t-slds__bullet_body {
  1270. background-color: #222 !important;
  1271. }
  1272.  
  1273. #rec106814097 .t-slds__bullet:hover .t-slds__bullet_body {
  1274. background-color: #222 !important;
  1275. }
  1276. </style>
  1277. <!--/gallery -->
  1278. </div>
  1279. </div>
  1280. </div>
  1281. <script type="text/javascript">
  1282. $(document).ready(function() {
  1283. t_sldsInit('106814097');
  1284. });
  1285. $('.t764').bind('displayChanged', function() {
  1286. t764_updateSlider('106814097');
  1287. });
  1288. </script>
  1289. <style type="text/css">
  1290. #rec106814097 .t-slds__bullet_active .t-slds__bullet_body {
  1291. background-color: #222 !important;
  1292. }
  1293.  
  1294. #rec106814097 .t-slds__bullet:hover .t-slds__bullet_body {
  1295. background-color: #222 !important;
  1296. }
  1297. </style>
  1298. <style>
  1299. #rec106814097 .t-btn:not(.t-animate_no-hover):hover {
  1300. color: #ffffff !important;
  1301. }
  1302.  
  1303. #rec106814097 .t-btn:not(.t-animate_no-hover) {
  1304. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1305. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1306. }
  1307. </style>
  1308. </div>
  1309. <div id="rec104986861" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="396">
  1310. <!-- T396 -->
  1311. <style>
  1312. #rec104986861 .t396__artboard {
  1313. height: 385px;
  1314. background-color: #ffffff;
  1315. }
  1316.  
  1317. #rec104986861 .t396__filter {
  1318. height: 385px;
  1319. }
  1320.  
  1321. #rec104986861 .t396__carrier {
  1322. height: 385px;
  1323. background-position: center center;
  1324. background-attachment: scroll;
  1325. background-size: cover;
  1326. background-repeat: no-repeat;
  1327. }
  1328.  
  1329. @media screen and (max-width: 1199px) {
  1330. #rec104986861 .t396__artboard {
  1331. height: 395px;
  1332. }
  1333. #rec104986861 .t396__filter {
  1334. height: 395px;
  1335. }
  1336. #rec104986861 .t396__carrier {
  1337. height: 395px;
  1338. background-attachment: scroll;
  1339. }
  1340. }
  1341.  
  1342. @media screen and (max-width: 959px) {
  1343. #rec104986861 .t396__artboard {
  1344. height: 713px;
  1345. }
  1346. #rec104986861 .t396__filter {
  1347. height: 713px;
  1348. }
  1349. #rec104986861 .t396__carrier {
  1350. height: 713px;
  1351. }
  1352. }
  1353.  
  1354. @media screen and (max-width: 639px) {
  1355. #rec104986861 .t396__artboard {
  1356. height: 681px;
  1357. }
  1358. #rec104986861 .t396__filter {
  1359. height: 681px;
  1360. }
  1361. #rec104986861 .t396__carrier {
  1362. height: 681px;
  1363. }
  1364. }
  1365.  
  1366. @media screen and (max-width: 479px) {
  1367. #rec104986861 .t396__artboard {
  1368. height: 747px;
  1369. }
  1370. #rec104986861 .t396__filter {
  1371. height: 747px;
  1372. }
  1373. #rec104986861 .t396__carrier {
  1374. height: 747px;
  1375. }
  1376. }
  1377.  
  1378. #rec104986861 .tn-elem[data-elem-id="1470210011265"] {
  1379. color: #424242;
  1380. z-index: 3;
  1381. top: 215px;
  1382. left: calc(50% - 600px + 30px);
  1383. width: 240px;
  1384. }
  1385.  
  1386. #rec104986861 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
  1387. color: #424242;
  1388. font-size: 18px;
  1389. font-family: 'Roboto', Arial, sans-serif;
  1390. line-height: 1.5;
  1391. font-weight: 400;
  1392. background-position: center center;
  1393. border-color: transparent;
  1394. border-style: solid;
  1395. }
  1396.  
  1397. @media screen and (max-width: 1199px) {
  1398. #rec104986861 .tn-elem[data-elem-id="1470210011265"] {
  1399. top: 237px;
  1400. left: calc(50% - 480px + 11px);
  1401. width: 200px;
  1402. }
  1403. #rec104986861 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
  1404. font-size: 16px;
  1405. }
  1406. }
  1407.  
  1408. @media screen and (max-width: 959px) {
  1409. #rec104986861 .tn-elem[data-elem-id="1470210011265"] {
  1410. top: 207px;
  1411. left: calc(50% - 320px + 30px);
  1412. width: 580px;
  1413. }
  1414. }
  1415.  
  1416. @media screen and (max-width: 639px) {
  1417. #rec104986861 .tn-elem[data-elem-id="1470210011265"] {
  1418. top: 215px;
  1419. left: calc(50% - 240px + 10px);
  1420. width: 460px;
  1421. }
  1422. #rec104986861 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
  1423. font-size: 14px;
  1424. line-height: 1.4;
  1425. }
  1426. }
  1427.  
  1428. @media screen and (max-width: 479px) {
  1429. #rec104986861 .tn-elem[data-elem-id="1470210011265"] {
  1430. top: 262px;
  1431. left: calc(50% - 160px + 10px);
  1432. width: 300px;
  1433. }
  1434. }
  1435.  
  1436. #rec104986861 .tn-elem[data-elem-id="1474451816576"] {
  1437. color: #ffc107;
  1438. z-index: 4;
  1439. top: 131px;
  1440. left: calc(50% - 600px + 30px);
  1441. width: 240px;
  1442. }
  1443.  
  1444. #rec104986861 .tn-elem[data-elem-id="1474451816576"] .tn-atom {
  1445. color: #ffc107;
  1446. font-size: 32px;
  1447. font-family: 'Roboto', Arial, sans-serif;
  1448. line-height: 1.55;
  1449. font-weight: 700;
  1450. background-position: center center;
  1451. border-color: transparent;
  1452. border-style: solid;
  1453. }
  1454.  
  1455. @media screen and (max-width: 1199px) {
  1456. #rec104986861 .tn-elem[data-elem-id="1474451816576"] {
  1457. top: 156px;
  1458. left: calc(50% - 480px + 11px);
  1459. width: 200px;
  1460. }
  1461. #rec104986861 .tn-elem[data-elem-id="1474451816576"] .tn-atom {
  1462. font-size: 30px;
  1463. }
  1464. }
  1465.  
  1466. @media screen and (max-width: 959px) {
  1467. #rec104986861 .tn-elem[data-elem-id="1474451816576"] {
  1468. top: 125px;
  1469. left: calc(50% - 320px + 30px);
  1470. width: 580px;
  1471. }
  1472. }
  1473.  
  1474. @media screen and (max-width: 639px) {
  1475. #rec104986861 .tn-elem[data-elem-id="1474451816576"] {
  1476. top: 140px;
  1477. left: calc(50% - 240px + 10px);
  1478. width: 460px;
  1479. }
  1480. #rec104986861 .tn-elem[data-elem-id="1474451816576"] .tn-atom {
  1481. font-size: 26px;
  1482. line-height: 1.45;
  1483. }
  1484. }
  1485.  
  1486. @media screen and (max-width: 479px) {
  1487. #rec104986861 .tn-elem[data-elem-id="1474451816576"] {
  1488. top: 187px;
  1489. left: calc(50% - 160px + 10px);
  1490. width: 300px;
  1491. }
  1492. }
  1493.  
  1494. #rec104986861 .tn-elem[data-elem-id="1474455055230"] {
  1495. z-index: 5;
  1496. top: 194px;
  1497. left: calc(50% - 600px + 30px);
  1498. width: 240px;
  1499. height: 3px;
  1500. }
  1501.  
  1502. #rec104986861 .tn-elem[data-elem-id="1474455055230"] .tn-atom {
  1503. background-color: #ffc107;
  1504. background-position: center center;
  1505. border-color: transparent;
  1506. border-style: solid;
  1507. }
  1508.  
  1509. @media screen and (max-width: 1199px) {
  1510. #rec104986861 .tn-elem[data-elem-id="1474455055230"] {
  1511. top: 216px;
  1512. left: calc(50% - 480px + 11px);
  1513. width: 200px;
  1514. }
  1515. }
  1516.  
  1517. @media screen and (max-width: 959px) {
  1518. #rec104986861 .tn-elem[data-elem-id="1474455055230"] {
  1519. top: 185px;
  1520. left: calc(50% - 320px + 30px);
  1521. width: 580px;
  1522. }
  1523. }
  1524.  
  1525. @media screen and (max-width: 639px) {
  1526. #rec104986861 .tn-elem[data-elem-id="1474455055230"] {
  1527. top: 193px;
  1528. left: calc(50% - 240px + 10px);
  1529. width: 460px;
  1530. }
  1531. }
  1532.  
  1533. @media screen and (max-width: 479px) {
  1534. #rec104986861 .tn-elem[data-elem-id="1474455055230"] {
  1535. top: 240px;
  1536. left: calc(50% - 160px + 10px);
  1537. width: 300px;
  1538. }
  1539. }
  1540.  
  1541. #rec104986861 .tn-elem[data-elem-id="1474550903558"] {
  1542. color: #ffc107;
  1543. z-index: 6;
  1544. top: 131px;
  1545. left: calc(50% - 600px + 330px);
  1546. width: 240px;
  1547. }
  1548.  
  1549. #rec104986861 .tn-elem[data-elem-id="1474550903558"] .tn-atom {
  1550. color: #ffc107;
  1551. font-size: 32px;
  1552. font-family: 'Roboto', Arial, sans-serif;
  1553. line-height: 1.55;
  1554. font-weight: 700;
  1555. background-position: center center;
  1556. border-color: transparent;
  1557. border-style: solid;
  1558. }
  1559.  
  1560. @media screen and (max-width: 1199px) {
  1561. #rec104986861 .tn-elem[data-elem-id="1474550903558"] {
  1562. top: 156px;
  1563. left: calc(50% - 480px + 251px);
  1564. width: 200px;
  1565. }
  1566. #rec104986861 .tn-elem[data-elem-id="1474550903558"] .tn-atom {
  1567. font-size: 30px;
  1568. }
  1569. }
  1570.  
  1571. @media screen and (max-width: 959px) {
  1572. #rec104986861 .tn-elem[data-elem-id="1474550903558"] {
  1573. top: 266px;
  1574. left: calc(50% - 320px + 30px);
  1575. width: 580px;
  1576. }
  1577. }
  1578.  
  1579. @media screen and (max-width: 639px) {
  1580. #rec104986861 .tn-elem[data-elem-id="1474550903558"] {
  1581. top: 265px;
  1582. left: calc(50% - 240px + 10px);
  1583. width: 460px;
  1584. }
  1585. #rec104986861 .tn-elem[data-elem-id="1474550903558"] .tn-atom {
  1586. font-size: 26px;
  1587. line-height: 1.45;
  1588. }
  1589. }
  1590.  
  1591. @media screen and (max-width: 479px) {
  1592. #rec104986861 .tn-elem[data-elem-id="1474550903558"] {
  1593. top: 319px;
  1594. left: calc(50% - 160px + 10px);
  1595. width: 300px;
  1596. }
  1597. }
  1598.  
  1599. #rec104986861 .tn-elem[data-elem-id="1474550908970"] {
  1600. z-index: 7;
  1601. top: 194px;
  1602. left: calc(50% - 600px + 330px);
  1603. width: 240px;
  1604. height: 3px;
  1605. }
  1606.  
  1607. #rec104986861 .tn-elem[data-elem-id="1474550908970"] .tn-atom {
  1608. background-color: #ffc107;
  1609. background-position: center center;
  1610. border-color: transparent;
  1611. border-style: solid;
  1612. }
  1613.  
  1614. @media screen and (max-width: 1199px) {
  1615. #rec104986861 .tn-elem[data-elem-id="1474550908970"] {
  1616. top: 216px;
  1617. left: calc(50% - 480px + 251px);
  1618. width: 200px;
  1619. }
  1620. }
  1621.  
  1622. @media screen and (max-width: 959px) {
  1623. #rec104986861 .tn-elem[data-elem-id="1474550908970"] {
  1624. top: 326px;
  1625. left: calc(50% - 320px + 30px);
  1626. width: 580px;
  1627. }
  1628. }
  1629.  
  1630. @media screen and (max-width: 639px) {
  1631. #rec104986861 .tn-elem[data-elem-id="1474550908970"] {
  1632. top: 318px;
  1633. left: calc(50% - 240px + 10px);
  1634. width: 460px;
  1635. }
  1636. }
  1637.  
  1638. @media screen and (max-width: 479px) {
  1639. #rec104986861 .tn-elem[data-elem-id="1474550908970"] {
  1640. top: 372px;
  1641. left: calc(50% - 160px + 10px);
  1642. width: 300px;
  1643. }
  1644. }
  1645.  
  1646. #rec104986861 .tn-elem[data-elem-id="1474550911845"] {
  1647. color: #424242;
  1648. z-index: 8;
  1649. top: 215px;
  1650. left: calc(50% - 600px + 330px);
  1651. width: 240px;
  1652. }
  1653.  
  1654. #rec104986861 .tn-elem[data-elem-id="1474550911845"] .tn-atom {
  1655. color: #424242;
  1656. font-size: 18px;
  1657. font-family: 'Roboto', Arial, sans-serif;
  1658. line-height: 1.5;
  1659. font-weight: 400;
  1660. background-position: center center;
  1661. border-color: transparent;
  1662. border-style: solid;
  1663. }
  1664.  
  1665. @media screen and (max-width: 1199px) {
  1666. #rec104986861 .tn-elem[data-elem-id="1474550911845"] {
  1667. top: 237px;
  1668. left: calc(50% - 480px + 251px);
  1669. width: 200px;
  1670. }
  1671. #rec104986861 .tn-elem[data-elem-id="1474550911845"] .tn-atom {
  1672. font-size: 16px;
  1673. }
  1674. }
  1675.  
  1676. @media screen and (max-width: 959px) {
  1677. #rec104986861 .tn-elem[data-elem-id="1474550911845"] {
  1678. top: 348px;
  1679. left: calc(50% - 320px + 30px);
  1680. width: 580px;
  1681. }
  1682. }
  1683.  
  1684. @media screen and (max-width: 639px) {
  1685. #rec104986861 .tn-elem[data-elem-id="1474550911845"] {
  1686. top: 340px;
  1687. left: calc(50% - 240px + 10px);
  1688. width: 460px;
  1689. }
  1690. #rec104986861 .tn-elem[data-elem-id="1474550911845"] .tn-atom {
  1691. font-size: 14px;
  1692. line-height: 1.4;
  1693. }
  1694. }
  1695.  
  1696. @media screen and (max-width: 479px) {
  1697. #rec104986861 .tn-elem[data-elem-id="1474550911845"] {
  1698. top: 394px;
  1699. left: calc(50% - 160px + 10px);
  1700. width: 300px;
  1701. }
  1702. }
  1703.  
  1704. #rec104986861 .tn-elem[data-elem-id="1474550942853"] {
  1705. color: #ffc107;
  1706. z-index: 9;
  1707. top: 131px;
  1708. left: calc(50% - 600px + 630px);
  1709. width: 240px;
  1710. }
  1711.  
  1712. #rec104986861 .tn-elem[data-elem-id="1474550942853"] .tn-atom {
  1713. color: #ffc107;
  1714. font-size: 32px;
  1715. font-family: 'Roboto', Arial, sans-serif;
  1716. line-height: 1.55;
  1717. font-weight: 700;
  1718. background-position: center center;
  1719. border-color: transparent;
  1720. border-style: solid;
  1721. }
  1722.  
  1723. @media screen and (max-width: 1199px) {
  1724. #rec104986861 .tn-elem[data-elem-id="1474550942853"] {
  1725. top: 156px;
  1726. left: calc(50% - 480px + 491px);
  1727. width: 200px;
  1728. }
  1729. #rec104986861 .tn-elem[data-elem-id="1474550942853"] .tn-atom {
  1730. font-size: 30px;
  1731. }
  1732. }
  1733.  
  1734. @media screen and (max-width: 959px) {
  1735. #rec104986861 .tn-elem[data-elem-id="1474550942853"] {
  1736. top: 407px;
  1737. left: calc(50% - 320px + 30px);
  1738. width: 580px;
  1739. }
  1740. }
  1741.  
  1742. @media screen and (max-width: 639px) {
  1743. #rec104986861 .tn-elem[data-elem-id="1474550942853"] {
  1744. top: 390px;
  1745. left: calc(50% - 240px + 10px);
  1746. width: 460px;
  1747. }
  1748. #rec104986861 .tn-elem[data-elem-id="1474550942853"] .tn-atom {
  1749. font-size: 26px;
  1750. line-height: 1.45;
  1751. }
  1752. }
  1753.  
  1754. @media screen and (max-width: 479px) {
  1755. #rec104986861 .tn-elem[data-elem-id="1474550942853"] {
  1756. top: 451px;
  1757. left: calc(50% - 160px + 10px);
  1758. width: 300px;
  1759. }
  1760. }
  1761.  
  1762. #rec104986861 .tn-elem[data-elem-id="1474550945491"] {
  1763. color: #424242;
  1764. z-index: 10;
  1765. top: 215px;
  1766. left: calc(50% - 600px + 630px);
  1767. width: 240px;
  1768. }
  1769.  
  1770. #rec104986861 .tn-elem[data-elem-id="1474550945491"] .tn-atom {
  1771. color: #424242;
  1772. font-size: 18px;
  1773. font-family: 'Roboto', Arial, sans-serif;
  1774. line-height: 1.5;
  1775. font-weight: 400;
  1776. background-position: center center;
  1777. border-color: transparent;
  1778. border-style: solid;
  1779. }
  1780.  
  1781. @media screen and (max-width: 1199px) {
  1782. #rec104986861 .tn-elem[data-elem-id="1474550945491"] {
  1783. top: 237px;
  1784. left: calc(50% - 480px + 491px);
  1785. width: 200px;
  1786. }
  1787. #rec104986861 .tn-elem[data-elem-id="1474550945491"] .tn-atom {
  1788. font-size: 16px;
  1789. }
  1790. }
  1791.  
  1792. @media screen and (max-width: 959px) {
  1793. #rec104986861 .tn-elem[data-elem-id="1474550945491"] {
  1794. top: 489px;
  1795. left: calc(50% - 320px + 30px);
  1796. width: 580px;
  1797. }
  1798. }
  1799.  
  1800. @media screen and (max-width: 639px) {
  1801. #rec104986861 .tn-elem[data-elem-id="1474550945491"] {
  1802. top: 465px;
  1803. left: calc(50% - 240px + 10px);
  1804. width: 460px;
  1805. }
  1806. #rec104986861 .tn-elem[data-elem-id="1474550945491"] .tn-atom {
  1807. font-size: 14px;
  1808. line-height: 1.4;
  1809. }
  1810. }
  1811.  
  1812. @media screen and (max-width: 479px) {
  1813. #rec104986861 .tn-elem[data-elem-id="1474550945491"] {
  1814. top: 526px;
  1815. left: calc(50% - 160px + 10px);
  1816. width: 300px;
  1817. }
  1818. }
  1819.  
  1820. #rec104986861 .tn-elem[data-elem-id="1474550961837"] {
  1821. color: #ffc107;
  1822. z-index: 11;
  1823. top: 131px;
  1824. left: calc(50% - 600px + 930px);
  1825. width: 240px;
  1826. }
  1827.  
  1828. #rec104986861 .tn-elem[data-elem-id="1474550961837"] .tn-atom {
  1829. color: #ffc107;
  1830. font-size: 32px;
  1831. font-family: 'Roboto', Arial, sans-serif;
  1832. line-height: 1.55;
  1833. font-weight: 700;
  1834. background-position: center center;
  1835. border-color: transparent;
  1836. border-style: solid;
  1837. }
  1838.  
  1839. @media screen and (max-width: 1199px) {
  1840. #rec104986861 .tn-elem[data-elem-id="1474550961837"] {
  1841. top: 156px;
  1842. left: calc(50% - 480px + 731px);
  1843. width: 200px;
  1844. }
  1845. #rec104986861 .tn-elem[data-elem-id="1474550961837"] .tn-atom {
  1846. font-size: 30px;
  1847. }
  1848. }
  1849.  
  1850. @media screen and (max-width: 959px) {
  1851. #rec104986861 .tn-elem[data-elem-id="1474550961837"] {
  1852. top: 548px;
  1853. left: calc(50% - 320px + 30px);
  1854. width: 580px;
  1855. }
  1856. }
  1857.  
  1858. @media screen and (max-width: 639px) {
  1859. #rec104986861 .tn-elem[data-elem-id="1474550961837"] {
  1860. top: 515px;
  1861. left: calc(50% - 240px + 10px);
  1862. width: 460px;
  1863. }
  1864. #rec104986861 .tn-elem[data-elem-id="1474550961837"] .tn-atom {
  1865. font-size: 26px;
  1866. line-height: 1.45;
  1867. }
  1868. }
  1869.  
  1870. @media screen and (max-width: 479px) {
  1871. #rec104986861 .tn-elem[data-elem-id="1474550961837"] {
  1872. top: 583px;
  1873. left: calc(50% - 160px + 10px);
  1874. width: 300px;
  1875. }
  1876. }
  1877.  
  1878. #rec104986861 .tn-elem[data-elem-id="1474550976716"] {
  1879. color: #424242;
  1880. z-index: 12;
  1881. top: 215px;
  1882. left: calc(50% - 600px + 930px);
  1883. width: 240px;
  1884. }
  1885.  
  1886. #rec104986861 .tn-elem[data-elem-id="1474550976716"] .tn-atom {
  1887. color: #424242;
  1888. font-size: 18px;
  1889. font-family: 'Roboto', Arial, sans-serif;
  1890. line-height: 1.5;
  1891. font-weight: 400;
  1892. background-position: center center;
  1893. border-color: transparent;
  1894. border-style: solid;
  1895. }
  1896.  
  1897. @media screen and (max-width: 1199px) {
  1898. #rec104986861 .tn-elem[data-elem-id="1474550976716"] {
  1899. top: 237px;
  1900. left: calc(50% - 480px + 731px);
  1901. width: 200px;
  1902. }
  1903. #rec104986861 .tn-elem[data-elem-id="1474550976716"] .tn-atom {
  1904. font-size: 16px;
  1905. }
  1906. }
  1907.  
  1908. @media screen and (max-width: 959px) {
  1909. #rec104986861 .tn-elem[data-elem-id="1474550976716"] {
  1910. top: 630px;
  1911. left: calc(50% - 320px + 30px);
  1912. width: 580px;
  1913. }
  1914. #rec104986861 .tn-elem[data-elem-id="1474550976716"] .tn-atom {
  1915. opacity: 1;
  1916. }
  1917. }
  1918.  
  1919. @media screen and (max-width: 639px) {
  1920. #rec104986861 .tn-elem[data-elem-id="1474550976716"] {
  1921. top: 590px;
  1922. left: calc(50% - 240px + 10px);
  1923. width: 460px;
  1924. }
  1925. #rec104986861 .tn-elem[data-elem-id="1474550976716"] .tn-atom {
  1926. font-size: 14px;
  1927. line-height: 1.4;
  1928. }
  1929. }
  1930.  
  1931. @media screen and (max-width: 479px) {
  1932. #rec104986861 .tn-elem[data-elem-id="1474550976716"] {
  1933. top: 658px;
  1934. left: calc(50% - 160px + 10px);
  1935. width: 300px;
  1936. }
  1937. }
  1938.  
  1939. #rec104986861 .tn-elem[data-elem-id="1474551133460"] {
  1940. z-index: 13;
  1941. top: 194px;
  1942. left: calc(50% - 600px + 630px);
  1943. width: 240px;
  1944. height: 3px;
  1945. }
  1946.  
  1947. #rec104986861 .tn-elem[data-elem-id="1474551133460"] .tn-atom {
  1948. background-color: #ffc107;
  1949. background-position: center center;
  1950. border-color: transparent;
  1951. border-style: solid;
  1952. }
  1953.  
  1954. @media screen and (max-width: 1199px) {
  1955. #rec104986861 .tn-elem[data-elem-id="1474551133460"] {
  1956. top: 216px;
  1957. left: calc(50% - 480px + 491px);
  1958. width: 200px;
  1959. }
  1960. }
  1961.  
  1962. @media screen and (max-width: 959px) {
  1963. #rec104986861 .tn-elem[data-elem-id="1474551133460"] {
  1964. top: 467px;
  1965. left: calc(50% - 320px + 30px);
  1966. width: 580px;
  1967. }
  1968. }
  1969.  
  1970. @media screen and (max-width: 639px) {
  1971. #rec104986861 .tn-elem[data-elem-id="1474551133460"] {
  1972. top: 443px;
  1973. left: calc(50% - 240px + 10px);
  1974. width: 460px;
  1975. }
  1976. }
  1977.  
  1978. @media screen and (max-width: 479px) {
  1979. #rec104986861 .tn-elem[data-elem-id="1474551133460"] {
  1980. top: 504px;
  1981. left: calc(50% - 160px + 10px);
  1982. width: 300px;
  1983. }
  1984. }
  1985.  
  1986. #rec104986861 .tn-elem[data-elem-id="1474551136593"] {
  1987. z-index: 14;
  1988. top: 194px;
  1989. left: calc(50% - 600px + 930px);
  1990. width: 240px;
  1991. height: 3px;
  1992. }
  1993.  
  1994. #rec104986861 .tn-elem[data-elem-id="1474551136593"] .tn-atom {
  1995. background-color: #ffc107;
  1996. background-position: center center;
  1997. border-color: transparent;
  1998. border-style: solid;
  1999. }
  2000.  
  2001. @media screen and (max-width: 1199px) {
  2002. #rec104986861 .tn-elem[data-elem-id="1474551136593"] {
  2003. top: 216px;
  2004. left: calc(50% - 480px + 731px);
  2005. width: 200px;
  2006. }
  2007. }
  2008.  
  2009. @media screen and (max-width: 959px) {
  2010. #rec104986861 .tn-elem[data-elem-id="1474551136593"] {
  2011. top: 608px;
  2012. left: calc(50% - 320px + 30px);
  2013. width: 580px;
  2014. }
  2015. #rec104986861 .tn-elem[data-elem-id="1474551136593"] .tn-atom {
  2016. opacity: 1;
  2017. }
  2018. }
  2019.  
  2020. @media screen and (max-width: 639px) {
  2021. #rec104986861 .tn-elem[data-elem-id="1474551136593"] {
  2022. top: 568px;
  2023. left: calc(50% - 240px + 10px);
  2024. width: 460px;
  2025. }
  2026. }
  2027.  
  2028. @media screen and (max-width: 479px) {
  2029. #rec104986861 .tn-elem[data-elem-id="1474551136593"] {
  2030. top: 636px;
  2031. left: calc(50% - 160px + 10px);
  2032. width: 300px;
  2033. }
  2034. }
  2035.  
  2036. #rec104986861 .tn-elem[data-elem-id="1478084809882"] {
  2037. color: #858585;
  2038. text-align: center;
  2039. z-index: 15;
  2040. top: 44px;
  2041. left: calc(50% - 600px + 20px);
  2042. width: 1160px;
  2043. }
  2044.  
  2045. #rec104986861 .tn-elem[data-elem-id="1478084809882"] .tn-atom {
  2046. color: #858585;
  2047. font-size: 42px;
  2048. font-family: 'Arial', Arial, sans-serif;
  2049. line-height: 1.55;
  2050. font-weight: 700;
  2051. background-position: center center;
  2052. border-color: transparent;
  2053. border-style: solid;
  2054. }
  2055.  
  2056. @media screen and (max-width: 1199px) {
  2057. #rec104986861 .tn-elem[data-elem-id="1478084809882"] {
  2058. top: 144px;
  2059. left: calc(50% - 480px + 10px);
  2060. width: 940px;
  2061. }
  2062. #rec104986861 .tn-elem[data-elem-id="1478084809882"] .tn-atom {
  2063. font-size: 38px;
  2064. }
  2065. }
  2066.  
  2067. @media screen and (max-width: 959px) {
  2068. #rec104986861 .tn-elem[data-elem-id="1478084809882"] {
  2069. top: 144px;
  2070. left: calc(50% - 320px + 20px);
  2071. width: 600px;
  2072. }
  2073. }
  2074.  
  2075. @media screen and (max-width: 639px) {
  2076. #rec104986861 .tn-elem[data-elem-id="1478084809882"] {
  2077. top: 117px;
  2078. left: calc(50% - 240px + 10px);
  2079. width: 460px;
  2080. }
  2081. #rec104986861 .tn-elem[data-elem-id="1478084809882"] .tn-atom {
  2082. font-size: 30px;
  2083. }
  2084. }
  2085.  
  2086. @media screen and (max-width: 479px) {
  2087. #rec104986861 .tn-elem[data-elem-id="1478084809882"] {
  2088. top: 111px;
  2089. left: calc(50% - 160px + 10px);
  2090. width: 300px;
  2091. }
  2092. }
  2093.  
  2094. #rec104986861 .tn-elem[data-elem-id="1478084838179"] {
  2095. color: #424242;
  2096. text-align: center;
  2097. z-index: 16;
  2098. top: 27px;
  2099. left: calc(50% - 600px + 320px);
  2100. width: 560px;
  2101. }
  2102.  
  2103. #rec104986861 .tn-elem[data-elem-id="1478084838179"] .tn-atom {
  2104. color: #424242;
  2105. font-size: 41px;
  2106. font-family: 'Roboto', Arial, sans-serif;
  2107. line-height: 1.5;
  2108. font-weight: 700;
  2109. background-position: center center;
  2110. border-color: transparent;
  2111. border-style: solid;
  2112. }
  2113.  
  2114. @media screen and (max-width: 1199px) {
  2115. #rec104986861 .tn-elem[data-elem-id="1478084838179"] {
  2116. top: 37px;
  2117. left: calc(50% - 480px + 200px);
  2118. }
  2119. #rec104986861 .tn-elem[data-elem-id="1478084838179"] .tn-atom {
  2120. font-size: 36px;
  2121. }
  2122. }
  2123.  
  2124. @media screen and (max-width: 959px) {
  2125. #rec104986861 .tn-elem[data-elem-id="1478084838179"] {
  2126. top: 38px;
  2127. left: calc(50% - 320px + 40px);
  2128. }
  2129. }
  2130.  
  2131. @media screen and (max-width: 639px) {
  2132. #rec104986861 .tn-elem[data-elem-id="1478084838179"] {
  2133. top: 47px;
  2134. left: calc(50% - 240px + 10px);
  2135. width: 460px;
  2136. }
  2137. #rec104986861 .tn-elem[data-elem-id="1478084838179"] .tn-atom {
  2138. font-size: 34px;
  2139. line-height: 1.4;
  2140. }
  2141. }
  2142.  
  2143. @media screen and (max-width: 479px) {
  2144. #rec104986861 .tn-elem[data-elem-id="1478084838179"] {
  2145. top: 43px;
  2146. left: calc(50% - 160px + 10px);
  2147. width: 300px;
  2148. }
  2149. }
  2150. </style>
  2151. <div class='t396'>
  2152. <div class="t396__artboard" data-artboard-recid="104986861" data-artboard-height="385" data-artboard-height-res-960="395" data-artboard-height-res-640="713" data-artboard-height-res-480="681" data-artboard-height-res-320="747" data-artboard-height_vh="" data-artboard-valign="center" data-artboard-ovrflw="">
  2153. <div class="t396__carrier" data-artboard-recid="104986861"></div>
  2154. <div class="t396__filter" data-artboard-recid="104986861"></div>
  2155. <div class='t396__elem tn-elem tn-elem__1049868611470210011265' data-elem-id='1470210011265' data-elem-type='text' data-field-top-value="215" data-field-top-res-960-value="237" data-field-top-res-640-value="207" data-field-top-res-480-value="215" data-field-top-res-320-value="262" data-field-left-value="30" data-field-left-res-960-value="11" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2156. <div class='tn-atom' field='tn_text_1470210011265'>Успішно зданих проектів з ремонту.</div>
  2157. </div>
  2158. <div class='t396__elem tn-elem tn-elem__1049868611474451816576' data-elem-id='1474451816576' data-elem-type='text' data-field-top-value="131" data-field-top-res-960-value="156" data-field-top-res-640-value="125" data-field-top-res-480-value="140" data-field-top-res-320-value="187" data-field-left-value="30" data-field-left-res-960-value="11" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2159. <div class='tn-atom' field='tn_text_1474451816576'>600+</div>
  2160. </div>
  2161. <div class='t396__elem tn-elem tn-elem__1049868611474455055230' data-elem-id='1474455055230' data-elem-type='shape' data-field-top-value="194" data-field-top-res-960-value="216" data-field-top-res-640-value="185" data-field-top-res-480-value="193" data-field-top-res-320-value="240" data-field-left-value="30" data-field-left-res-960-value="11" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-height-value="3" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2162. <div class='tn-atom'> </div>
  2163. </div>
  2164. <div class='t396__elem tn-elem tn-elem__1049868611474550903558' data-elem-id='1474550903558' data-elem-type='text' data-field-top-value="131" data-field-top-res-960-value="156" data-field-top-res-640-value="266" data-field-top-res-480-value="265" data-field-top-res-320-value="319" data-field-left-value="330" data-field-left-res-960-value="251" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2165. <div class='tn-atom' field='tn_text_1474550903558'>30+</div>
  2166. </div>
  2167. <div class='t396__elem tn-elem tn-elem__1049868611474550908970' data-elem-id='1474550908970' data-elem-type='shape' data-field-top-value="194" data-field-top-res-960-value="216" data-field-top-res-640-value="326" data-field-top-res-480-value="318" data-field-top-res-320-value="372" data-field-left-value="330" data-field-left-res-960-value="251" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-height-value="3" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2168. <div class='tn-atom'> </div>
  2169. </div>
  2170. <div class='t396__elem tn-elem tn-elem__1049868611474550911845' data-elem-id='1474550911845' data-elem-type='text' data-field-top-value="215" data-field-top-res-960-value="237" data-field-top-res-640-value="348" data-field-top-res-480-value="340" data-field-top-res-320-value="394" data-field-left-value="330" data-field-left-res-960-value="251" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2171. <div class='tn-atom' field='tn_text_1474550911845'>Збудованих об'єктів, серед яких - багатоквартирні будинки, приватні будинки, АЗС.</div>
  2172. </div>
  2173. <div class='t396__elem tn-elem tn-elem__1049868611474550942853' data-elem-id='1474550942853' data-elem-type='text' data-field-top-value="131" data-field-top-res-960-value="156" data-field-top-res-640-value="407" data-field-top-res-480-value="390" data-field-top-res-320-value="451" data-field-left-value="630" data-field-left-res-960-value="491" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2174. <div class='tn-atom' field='tn_text_1474550942853'>15+</div>
  2175. </div>
  2176. <div class='t396__elem tn-elem tn-elem__1049868611474550945491' data-elem-id='1474550945491' data-elem-type='text' data-field-top-value="215" data-field-top-res-960-value="237" data-field-top-res-640-value="489" data-field-top-res-480-value="465" data-field-top-res-320-value="526" data-field-left-value="630" data-field-left-res-960-value="491" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2177. <div class='tn-atom' field='tn_text_1474550945491'>Реконструйованих будівель, серед яких дитячий садок №3, лікарня №2, СТО Pro Car після пожежі.
  2178. <br>
  2179. </div>
  2180. </div>
  2181. <div class='t396__elem tn-elem tn-elem__1049868611474550961837' data-elem-id='1474550961837' data-elem-type='text' data-field-top-value="131" data-field-top-res-960-value="156" data-field-top-res-640-value="548" data-field-top-res-480-value="515" data-field-top-res-320-value="583" data-field-left-value="930" data-field-left-res-960-value="731" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2182. <div class='tn-atom' field='tn_text_1474550961837'>10+</div>
  2183. </div>
  2184. <div class='t396__elem tn-elem tn-elem__1049868611474550976716' data-elem-id='1474550976716' data-elem-type='text' data-field-top-value="215" data-field-top-res-960-value="237" data-field-top-res-640-value="630" data-field-top-res-480-value="590" data-field-top-res-320-value="658" data-field-left-value="930" data-field-left-res-960-value="731" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2185. <div class='tn-atom' field='tn_text_1474550976716'>Територій з благоустроєм, серед яких парк Горького.</div>
  2186. </div>
  2187. <div class='t396__elem tn-elem tn-elem__1049868611474551133460' data-elem-id='1474551133460' data-elem-type='shape' data-field-top-value="194" data-field-top-res-960-value="216" data-field-top-res-640-value="467" data-field-top-res-480-value="443" data-field-top-res-320-value="504" data-field-left-value="630" data-field-left-res-960-value="491" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-height-value="3" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2188. <div class='tn-atom'> </div>
  2189. </div>
  2190. <div class='t396__elem tn-elem tn-elem__1049868611474551136593' data-elem-id='1474551136593' data-elem-type='shape' data-field-top-value="194" data-field-top-res-960-value="216" data-field-top-res-640-value="608" data-field-top-res-480-value="568" data-field-top-res-320-value="636" data-field-left-value="930" data-field-left-res-960-value="731" data-field-left-res-640-value="30" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-height-value="3" data-field-width-value="240" data-field-width-res-960-value="200" data-field-width-res-640-value="580" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2191. <div class='tn-atom'> </div>
  2192. </div>
  2193. <div class='t396__elem tn-elem tn-elem__1049868611478084809882' data-elem-id='1478084809882' data-elem-type='text' data-field-top-value="44" data-field-top-res-960-value="144" data-field-top-res-640-value="144" data-field-top-res-480-value="117" data-field-top-res-320-value="111" data-field-left-value="20" data-field-left-res-960-value="10" data-field-left-res-640-value="20" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="1160" data-field-width-res-960-value="940" data-field-width-res-640-value="600" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2194. <div class='tn-atom' field='tn_text_1478084809882'></div>
  2195. </div>
  2196. <div class='t396__elem tn-elem tn-elem__1049868611478084838179' data-elem-id='1478084838179' data-elem-type='text' data-field-top-value="27" data-field-top-res-960-value="37" data-field-top-res-640-value="38" data-field-top-res-480-value="47" data-field-top-res-320-value="43" data-field-left-value="320" data-field-left-res-960-value="200" data-field-left-res-640-value="40" data-field-left-res-480-value="10" data-field-left-res-320-value="10" data-field-width-value="560" data-field-width-res-480-value="460" data-field-width-res-320-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="">
  2197. <div class='tn-atom' field='tn_text_1478084838179'>Наш досвід в цифрах</div>
  2198. </div>
  2199. </div>
  2200. </div>
  2201. <script>
  2202. $(document).ready(function() {
  2203. t396_init('104986861');
  2204. });
  2205. </script>
  2206. <!-- /T396 -->
  2207. </div>
  2208. <div id="rec105003953" class="r t-rec t-rec_pt_45 t-rec_pb_75" style="padding-top:45px;padding-bottom:75px; " data-animationappear="off" data-record-type="555">
  2209. <!-- t555 -->
  2210. <div class="t555">
  2211. <div class="t-container" style="margin:0 auto;">
  2212. <div class="t-col t-col_5 ">
  2213. <div class="t555__contentbox" style="height:400px;">
  2214. <div class="t555__contentwrapper">
  2215. <div class="t555__title t-heading t-heading_sm t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" style="color:#424242;" field="title">Наші контакти</div>
  2216. <div class="t-text t-text_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3" style="color:#424242;" field="text">
  2217. <div style="font-size:18px;" data-customstyle="yes">048 738 49 56
  2218. <br />crb_odessa@ukr.net
  2219. <br />м. Одеса, вул. Армійська 18a</div>
  2220. </div>
  2221. <div class="t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="4" data-animate-delay="0.3"> </div>
  2222. </div>
  2223. </div>
  2224. </div>
  2225. <div class="t-col t-col_7 ">
  2226. <div class="t-map-lazyload t555__map t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1" style="height:400px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);" data-maplazy-load="false">
  2227. <div class="t-map" id="separateMap105003953" data-map-language="UA" data-map-x="-74.005941" data-map-y="40.7127837" data-map-zoom="16" data-map-title="Наші контакти" style="width:100%; height:400px;"></div>
  2228. <script type="text/javascript">
  2229. var arMapMarkers105003953 = [{
  2230. title: "Центр Реконструкції та Будівництва",
  2231. descr: "",
  2232. lat: "46.451067",
  2233. lng: " 30.750383",
  2234. }, ];
  2235. $(document).ready(function() {
  2236. t_map_lazyload_add_map();
  2237. $(window).bind('scroll', t_throttle(t_map_lazyload_add_map, 300));
  2238.  
  2239. function t_map_lazyload_add_map() {
  2240. var windowHeight = $(window).height();
  2241. var scrollDiffHeigth = 700;
  2242. var rec = $('#rec' + 105003953);
  2243. var map = rec.find('.t-map-lazyload');
  2244. if (map.length != 0) {
  2245. var blockTop = map.offset().top;
  2246. if ($(window).scrollTop() > blockTop - windowHeight - scrollDiffHeigth) {
  2247. if (map.attr('data-maplazy-load') == 'false') {
  2248. map.attr('data-maplazy-load', 'true');
  2249. t_appendGoogleMap("105003953", "AIzaSyCJ9avJb3tzvOpNMThYtYyfoGWAKFOIl78");
  2250. }
  2251. }
  2252. }
  2253. }
  2254. });
  2255. </script>
  2256. </div>
  2257. </div>
  2258. </div>
  2259. </div>
  2260. </div>
  2261. <div id="rec106095561" class="r t-rec" style=" " data-animationappear="off" data-record-type="217">
  2262. <div class="t190" style="position:fixed; z-index:100000; bottom:30px; left:30px; min-height:30px;">
  2263. <a href="javascript:t190_scrollToTop();">
  2264. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
  2265. <path style="fill:#ffc107;" d="M47.875,24c0,13.186-10.689,23.875-23.875,23.875S0.125,37.186,0.125,24S10.814,0.125,24,0.125 S47.875,10.814,47.875,24z M25.503,16.881l6.994,7.049c0.583,0.588,1.532,0.592,2.121,0.008c0.588-0.583,0.592-1.533,0.008-2.122 l-9.562-9.637c-0.281-0.283-0.664-0.443-1.063-0.443c0,0,0,0-0.001,0c-0.399,0-0.782,0.159-1.063,0.442l-9.591,9.637 c-0.584,0.587-0.583,1.537,0.005,2.121c0.292,0.292,0.675,0.437,1.058,0.437c0.385,0,0.77-0.147,1.063-0.442L22.5,16.87v19.163 c0,0.828,0.671,1.5,1.5,1.5s1.5-0.672,1.5-1.5L25.503,16.881z" /> </svg>
  2266. </a>
  2267. </div>
  2268. <script type="text/javascript">
  2269. $(document).ready(function() {
  2270. $('.t190').css("display", "none");
  2271. $(window).bind('scroll', t_throttle(function() {
  2272. if ($(window).scrollTop() > $(window).height()) {
  2273. if ($('.t190').css('display') == "none") {
  2274. $('.t190').css("display", "block");
  2275. }
  2276. } else {
  2277. if ($('.t190').css('display') == "block") {
  2278. $('.t190').css("display", "none");
  2279. }
  2280. }
  2281. }, 200));
  2282. });
  2283. </script>
  2284. </div>
  2285. <div id="rec106095870" class="r t-rec" style=" " data-record-type="270">
  2286. <div class="t270" data-offset-top="80"></div>
  2287. <script>
  2288. $(document).ready(function() {
  2289. var hash = window.location.hash;
  2290. if (hash !== "" && $(".js-store").length == 0) {
  2291. t270_scroll(hash, 80);
  2292. }
  2293. setTimeout(function() {
  2294. var curPath = window.location.pathname;
  2295. var curFullPath = window.location.origin + curPath;
  2296. $('a[href^="#"]:not([href="#"],.carousel-control,.t-carousel__control,[href^="#price"],[href^="#popup"],[href^="#prodpopup"],[href^="#order"]),a[href^="' + curPath + '#"],a[href^="' + curFullPath + '#"]').click(function(e) {
  2297. e.preventDefault();
  2298. var hash = this.hash;
  2299. if (hash !== "") {
  2300. t270_scroll(hash, 80);
  2301. }
  2302. });
  2303. if ($(".js-store").length > 0) {
  2304. var target = $(hash);
  2305. if (target.length == 0) {
  2306. target = $('a[name="' + hash.substr(1) + '"]');
  2307. if (target.length == 0) {
  2308. return false;
  2309. }
  2310. }
  2311. var targetTop = target.offset().top;
  2312. $(".js-store").parents("[data-record-type]").each(function(i, el) {
  2313. var elTop = $(el).offset().top;
  2314. if (elTop < targetTop && Math.abs(window.scrollY - elTop) > 10) {
  2315. t270_scroll(hash, 80);
  2316. }
  2317. });
  2318. }
  2319. }, 500);
  2320. });
  2321. </script>
  2322. </div>
  2323. <div id="rec106095882" class="r t-rec" style=" " data-animationappear="off" data-record-type="602">
  2324. <!-- T602 -->
  2325. <div class="t602">
  2326. <div class="t602__indicator" style="background:#474747;"></div>
  2327. </div>
  2328. <script type="text/javascript">
  2329. $(document).ready(function() {
  2330. t602_init('106095882');
  2331. });
  2332. </script>
  2333. </div>
  2334. <div id="rec106176651" class="r t-rec t-rec_pt_45 t-rec_pb_45" style="padding-top:45px;padding-bottom:45px;background-color:#ffffff; " data-animationappear="off" data-record-type="700" data-bg-color="#ffffff">
  2335. <!-- t700 -->
  2336. <div class="t700">
  2337. <div class="t-section__container t-container">
  2338. <div class="t-col t-col_12">
  2339. <div class="t-section__topwrapper t-align_center">
  2340. <div class="t-section__title t-title t-title_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="btitle">Давайте працювати разом!</div>
  2341. </div>
  2342. </div>
  2343. </div>
  2344. <div class="t-container t-container_flex" style="align-items:flex-start;">
  2345. <div class="t700__col t-col t-col_6 t-col_flex">
  2346. <div class="t700__contentbox">
  2347. <div class="t700__contentwrapper t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="1"> <img src="https://static.tildacdn.com/tild3262-6265-4532-b162-333337343264/_1.svg" imgfield="img" class="t700__img t-img" /> </div>
  2348. </div>
  2349. </div>
  2350. <div class="t700__col t-col t-col_5 t-prefix_1 t700__nomargin t-col_flex">
  2351. <div class="t700__form-upper-text t-descr t-descr_xs t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.3" style="" field="text">Залиште заявку і ми зв'яжемося з вами найближчим часом.</div>
  2352. <div class="t-animate" data-animate-style="fadeinup" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.3">
  2353. <form id="form106176651" name='form106176651' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 t-form_bbonly " data-success-callback="t700_onSuccess">
  2354. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  2355. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;"></div>
  2356. <div class="t-form__inputsbox">
  2357. <div class="t-input-group t-input-group_ph" data-input-lid="1495722502842">
  2358. <div class="t-input-block">
  2359. <input type="tel" name="Phone" class="t-input js-tilda-rule t-input_bbonly" value="" placeholder="Ваш телефон" data-tilda-req="1" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #b3b3b3; ">
  2360. <div class="t-input-error"></div>
  2361. </div>
  2362. </div>
  2363. <div class="t-input-group t-input-group_nm" data-input-lid="1495722666746">
  2364. <div class="t-input-block">
  2365. <input type="text" name="Name" class="t-input js-tilda-rule t-input_bbonly" value="" placeholder="Як вас звати?" data-tilda-rule="name" style="color:#000000; border:1px solid #b3b3b3; ">
  2366. <div class="t-input-error"></div>
  2367. </div>
  2368. </div>
  2369. <div class="t-input-group t-input-group_rd" data-input-lid="1495722692748">
  2370. <div class="t-input-title t-descr t-descr_md" data-redactor-toolbar="no" field="li_title__1495722692748" style="">Що вас цікавить?</div>
  2371. <div class="t-input-block">
  2372. <input type="hidden" class="t-checkboxes__hiddeninput js-tilda-rule" name="Що вас цкавить" tabindex="-1" value="">
  2373. <div class="t-checkboxes__wrapper">
  2374. <label class="t-checkbox__control t-text t-text_xs" style="">
  2375. <input type="checkbox" value="Ремонт" class="t-checkbox">
  2376. <div class="t-checkbox__indicator"></div>Ремонт</label>
  2377. <label class="t-checkbox__control t-text t-text_xs" style="">
  2378. <input type="checkbox" value="Будівництво" class="t-checkbox">
  2379. <div class="t-checkbox__indicator"></div>Будівництво</label>
  2380. <label class="t-checkbox__control t-text t-text_xs" style="">
  2381. <input type="checkbox" value="Реконструкція" class="t-checkbox">
  2382. <div class="t-checkbox__indicator"></div>Реконструкція</label>
  2383. <label class="t-checkbox__control t-text t-text_xs" style="">
  2384. <input type="checkbox" value="Благоустрій" class="t-checkbox">
  2385. <div class="t-checkbox__indicator"></div>Благоустрій</label>
  2386. </div>
  2387. <script>
  2388. $(document).ready(function() {
  2389. function t_input_checkboxes_updateval(recid, lid) {
  2390. var qel = $('#rec' + recid).find('[data-input-lid="' + lid + '"]');
  2391. var val = "";
  2392. qel.find('.t-checkbox:checked').each(function() {
  2393. if (val != "") {
  2394. val += "; ";
  2395. }
  2396. val += $(this).val();
  2397. });
  2398. qel.find('.t-checkboxes__hiddeninput').val(val);
  2399. }
  2400.  
  2401. function t_input_checkboxes_init(recid, lid) {
  2402. var qel = $('#rec' + recid).find('[data-input-lid="' + lid + '"]');
  2403. qel.find('.t-checkbox__control').click(function() {
  2404. t_input_checkboxes_updateval(recid, lid);
  2405. });
  2406. t_input_checkboxes_updateval(recid, lid);
  2407. }
  2408. t_input_checkboxes_init('106176651', '1495722692748');
  2409. });
  2410. </script>
  2411. <div class="t-input-error"></div>
  2412. </div>
  2413. </div>
  2414. <!--[if IE 8]><style>.t-checkbox__control .t-checkbox, .t-radio__control .t-radio { left: 0px; z-index: 1; opacity: 1;
  2415. }
  2416. .t-checkbox__indicator, .t-radio__indicator { display: none;
  2417. }
  2418. .t-img-select__control .t-img-select { position: static;
  2419. }</style><![endif]-->
  2420. <div class="t-form__errorbox-middle">
  2421. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  2422. <div class="t-form__errorbox-text t-text t-text_md">
  2423. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  2424. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  2425. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  2426. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  2427. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  2428. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  2429. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  2430. </div>
  2431. </div>
  2432. </div>
  2433. <div class="t-form__submit">
  2434. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;" data-btneffects-first="btneffects-flash">Відправити</button>
  2435. </div>
  2436. </div>
  2437. <div class="t-form__errorbox-bottom">
  2438. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  2439. <div class="t-form__errorbox-text t-text t-text_md">
  2440. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  2441. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  2442. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  2443. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  2444. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  2445. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  2446. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  2447. </div>
  2448. </div>
  2449. </div>
  2450. </form>
  2451. <style>
  2452. #rec106176651 input::-webkit-input-placeholder {
  2453. color: #000000;
  2454. opacity: 0.5;
  2455. }
  2456.  
  2457. #rec106176651 input::-moz-placeholder {
  2458. color: #000000;
  2459. opacity: 0.5;
  2460. }
  2461.  
  2462. #rec106176651 input:-moz-placeholder {
  2463. color: #000000;
  2464. opacity: 0.5;
  2465. }
  2466.  
  2467. #rec106176651 input:-ms-input-placeholder {
  2468. color: #000000;
  2469. opacity: 0.5;
  2470. }
  2471.  
  2472. #rec106176651 textarea::-webkit-input-placeholder {
  2473. color: #000000;
  2474. opacity: 0.5;
  2475. }
  2476.  
  2477. #rec106176651 textarea::-moz-placeholder {
  2478. color: #000000;
  2479. opacity: 0.5;
  2480. }
  2481.  
  2482. #rec106176651 textarea:-moz-placeholder {
  2483. color: #000000;
  2484. opacity: 0.5;
  2485. }
  2486.  
  2487. #rec106176651 textarea:-ms-input-placeholder {
  2488. color: #000000;
  2489. opacity: 0.5;
  2490. }
  2491. </style>
  2492. </div>
  2493. </div>
  2494. </div>
  2495. </div>
  2496. <script type="text/javascript">
  2497. $(document).ready(function() {
  2498. setTimeout(function() {
  2499. t700_init('106176651', '');
  2500. }, 500);
  2501. });
  2502. </script>
  2503. <style>
  2504. #rec106176651 .t-submit:hover {
  2505. color: #ffffff !important;
  2506. }
  2507.  
  2508. #rec106176651 .t-submit {
  2509. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2510. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2511. }
  2512. </style>
  2513. <style>
  2514. #rec106176651 .t-btn[data-btneffects-first],
  2515. #rec106176651 .t-btn[data-btneffects-second],
  2516. #rec106176651 .t-submit[data-btneffects-first],
  2517. #rec106176651 .t-submit[data-btneffects-second] {
  2518. position: relative;
  2519. overflow: hidden;
  2520. -webkit-transform: translate3d(0, 0, 0);
  2521. transform: translate3d(0, 0, 0);
  2522. }
  2523.  
  2524. #rec106176651 .t-btn[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects,
  2525. #rec106176651 .t-submit[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects {
  2526. position: absolute;
  2527. top: 0;
  2528. left: 0;
  2529. width: 100%;
  2530. height: 100%;
  2531. -webkit-transform: translateX(-85px);
  2532. -ms-transform: translateX(-85px);
  2533. transform: translateX(-85px);
  2534. -webkit-animation-name: flash;
  2535. animation-name: flash;
  2536. -webkit-animation-duration: 3s;
  2537. animation-duration: 3s;
  2538. -webkit-animation-timing-function: linear;
  2539. animation-timing-function: linear;
  2540. -webkit-animation-iteration-count: infinite;
  2541. animation-iteration-count: infinite;
  2542. }
  2543.  
  2544. #rec106176651 .t-btn[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects_md,
  2545. #rec106176651 .t-submit[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects_md {
  2546. -webkit-animation-name: flash-md;
  2547. animation-name: flash-md;
  2548. }
  2549.  
  2550. #rec106176651 .t-btn[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects_lg,
  2551. #rec106176651 .t-submit[data-btneffects-first="btneffects-flash"] .t-btn_wrap-effects_lg {
  2552. -webkit-animation-name: flash-lg;
  2553. animation-name: flash-lg;
  2554. }
  2555.  
  2556. #rec106176651 .t-btn[data-btneffects-first="btneffects-flash"] .t-btn_effects,
  2557. #rec106176651 .t-submit[data-btneffects-first="btneffects-flash"] .t-btn_effects {
  2558. background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .4)));
  2559. background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  2560. background: -o-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  2561. background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  2562. width: 45px;
  2563. height: 100%;
  2564. position: absolute;
  2565. top: 0;
  2566. left: 30px;
  2567. -webkit-transform: skewX(-45deg);
  2568. -ms-transform: skewX(-45deg);
  2569. transform: skewX(-45deg);
  2570. }
  2571.  
  2572. @-webkit-keyframes flash {
  2573. 20% {
  2574. -webkit-transform: translateX(100%);
  2575. transform: translateX(100%);
  2576. }
  2577. 100% {
  2578. -webkit-transform: translateX(100%);
  2579. transform: translateX(100%);
  2580. }
  2581. }
  2582.  
  2583. @keyframes flash {
  2584. 20% {
  2585. -webkit-transform: translateX(100%);
  2586. transform: translateX(100%);
  2587. }
  2588. 100% {
  2589. -webkit-transform: translateX(100%);
  2590. transform: translateX(100%);
  2591. }
  2592. }
  2593.  
  2594. @-webkit-keyframes flash-md {
  2595. 30% {
  2596. -webkit-transform: translateX(100%);
  2597. transform: translateX(100%);
  2598. }
  2599. 100% {
  2600. -webkit-transform: translateX(100%);
  2601. transform: translateX(100%);
  2602. }
  2603. }
  2604.  
  2605. @keyframes flash-md {
  2606. 30% {
  2607. -webkit-transform: translateX(100%);
  2608. transform: translateX(100%);
  2609. }
  2610. 100% {
  2611. -webkit-transform: translateX(100%);
  2612. transform: translateX(100%);
  2613. }
  2614. }
  2615.  
  2616. @-webkit-keyframes flash-lg {
  2617. 40% {
  2618. -webkit-transform: translateX(100%);
  2619. transform: translateX(100%);
  2620. }
  2621. 100% {
  2622. -webkit-transform: translateX(100%);
  2623. transform: translateX(100%);
  2624. }
  2625. }
  2626.  
  2627. @keyframes flash-lg {
  2628. 40% {
  2629. -webkit-transform: translateX(100%);
  2630. transform: translateX(100%);
  2631. }
  2632. 100% {
  2633. -webkit-transform: translateX(100%);
  2634. transform: translateX(100%);
  2635. }
  2636. }
  2637. </style>
  2638. <script type="text/javascript">
  2639. $(document).ready(function() {
  2640. $('#rec106176651 .t-btn[data-btneffects-first], #rec106176651 .t-submit[data-btneffects-first]').append('<div class="t-btn_wrap-effects"><div class="t-btn_effects"></div></div>');
  2641. if ($('#rec106176651 .t-btn[data-btneffects-first], #rec106176651 .t-submit[data-btneffects-first]').outerWidth() > 230) {
  2642. $('#rec106176651 .t-btn[data-btneffects-first] .t-btn_wrap-effects, #rec106176651 .t-submit[data-btneffects-first] .t-btn_wrap-effects').addClass('t-btn_wrap-effects_md');
  2643. }
  2644. if ($('#rec106176651 .t-btn[data-btneffects-first], #rec106176651 .t-submit').outerWidth() > 750) {
  2645. $('#rec106176651 .t-btn[data-btneffects-first] .t-btn_wrap-effects, #rec106176651 .t-submit[data-btneffects-first] .t-btn_wrap-effects').removeClass('t-btn_wrap-effects_md');
  2646. $('#rec106176651 .t-btn[data-btneffects-first] .t-btn_wrap-effects, #rec106176651 .t-submit[data-btneffects-first] .t-btn_wrap-effects').addClass('t-btn_wrap-effects_lg');
  2647. }
  2648. });
  2649. </script>
  2650. </div>
  2651. <div id="rec106178136" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="651">
  2652. <!-- T651 -->
  2653. <div class="t651" style="">
  2654. <div class="t651__btn" style="">
  2655. <div class="t651__btn_wrapper t651__btn_animate" style="background:#ffc107;">
  2656. <svg class="t651__icon" style="fill:#474747;" xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 19.3 20.1">
  2657. <desc>Call</desc>
  2658. <path d="M4.6 7.6l-.5-.9 2-1.2L4.6 3l-2 1.3-.6-.9 2.9-1.7 2.6 4.1" />
  2659. <path d="M9.9 20.1c-.9 0-1.9-.3-2.9-.9-1.7-1-3.4-2.7-4.7-4.8-3-4.7-3.1-9.2-.3-11l.5.9C.2 5.7.4 9.7 3 13.9c1.2 2 2.8 3.6 4.3 4.5 1.1.6 2.7 1.1 4.1.3l1.9-1.2L12 15l-2 1.2c-1.2.7-2.8.3-3.5-.8l-3.2-5.2c-.7-1.2-.4-2.7.8-3.5l.5.9c-.7.4-.9 1.3-.5 2l3.2 5.2c.4.7 1.5.9 2.2.5l2.8-1.7 2.6 4.1-2.8 1.7c-.7.5-1.4.7-2.2.7zM13.7 11.3l-.9-.3c.4-1.1.2-2.2-.4-3.1-.6-1-1.7-1.6-2.8-1.7l.1-1c1.5.1 2.8.9 3.6 2.1.7 1.2.9 2.7.4 4z" />
  2660. <path d="M16.5 11.9l-1-.3c.5-1.8.2-3.7-.8-5.3-1-1.6-2.7-2.6-4.7-2.9l.1-1c2.2.3 4.2 1.5 5.4 3.3 1.2 1.9 1.6 4.1 1 6.2z" />
  2661. <path d="M18.9 12.5l-1-.3c.7-2.5.2-5.1-1.1-7.2-1.4-2.2-3.7-3.6-6.3-4l.1-1c2.9.4 5.4 2 7 4.4 1.6 2.4 2.1 5.3 1.3 8.1z" />
  2662. </svg>
  2663. <svg class="t651__icon-close" width="16px" height="16px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2664. <desc>Close</desc>
  2665. <g stroke="none" stroke-width="1" fill="#000" fill-rule="evenodd">
  2666. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2667. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2668. </g>
  2669. </svg>
  2670. </div>
  2671. </div>
  2672. <div class="t651__popup">
  2673. <div class="t651__popup-container" style="">
  2674. <div class="t651__wrapper">
  2675. <div class="t651__title t-name t-name_xl" style="">Залиште Ваш телефон і ми зв'яжемося з Вами найближчим часом.</div>
  2676. <form id="form106178136" name='form106178136' role="form" action='https://forms.tildacdn.com/procces/' method='POST' data-formactiontype="2" data-inputbox=".t651__blockinput" class="js-form-proccess " data-tilda-captchakey="">
  2677. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  2678. <div class="t651__input-container">
  2679. <div class="t651__allert-wrapper">
  2680. <div class="js-errorbox-all t651__blockinput-errorbox" style="display:none;">
  2681. <div class="t651__blockinput-errors-text t-descr t-descr_xs">
  2682. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-all"></p>
  2683. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-req"></p>
  2684. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-email"></p>
  2685. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-name"></p>
  2686. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-phone"></p>
  2687. <p class="t651__blockinput-errors-item js-rule-error js-rule-error-string"></p>
  2688. </div>
  2689. </div>
  2690. <div class="js-successbox t651__blockinput-success t-text t-text_md" style="display:none;">
  2691. <div class="t651__success-icon">
  2692. <svg width="50px" height="50px" viewBox="0 0 50 50">
  2693. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  2694. <g fill="#222">
  2695. <path d="M25.0982353,49.2829412 C11.5294118,49.2829412 0.490588235,38.2435294 0.490588235,24.6752941 C0.490588235,11.1064706 11.53,0.0670588235 25.0982353,0.0670588235 C38.6664706,0.0670588235 49.7058824,11.1064706 49.7058824,24.6752941 C49.7058824,38.2441176 38.6664706,49.2829412 25.0982353,49.2829412 L25.0982353,49.2829412 Z M25.0982353,1.83176471 C12.5023529,1.83176471 2.25529412,12.0794118 2.25529412,24.6752941 C2.25529412,37.2705882 12.5023529,47.5182353 25.0982353,47.5182353 C37.6941176,47.5182353 47.9411765,37.2705882 47.9411765,24.6752941 C47.9411765,12.0794118 37.6941176,1.83176471 25.0982353,1.83176471 L25.0982353,1.83176471 Z"></path>
  2696. <path d="M22.8435294,30.5305882 L18.3958824,26.0829412 C18.0511765,25.7382353 18.0511765,25.18 18.3958824,24.8352941 C18.7405882,24.4905882 19.2988235,24.4905882 19.6435294,24.8352941 L22.8429412,28.0347059 L31.7282353,19.1488235 C32.0729412,18.8041176 32.6311765,18.8041176 32.9758824,19.1488235 C33.3205882,19.4935294 33.3205882,20.0517647 32.9758824,20.3964706 L22.8435294,30.5305882 L22.8435294,30.5305882 Z"></path>
  2697. </g>
  2698. </g>
  2699. </svg>
  2700. </div>
  2701. <div class="t651__success-message t-descr t-descr_sm">Дякуємо! Дані успішно відправлені!</div>
  2702. </div>
  2703. </div>
  2704. <div class="t651__input-wrapper">
  2705. <div class="t651__blockinput">
  2706. <input type="text" name="phone" class="t651__input t-input js-tilda-rule " value="" placeholder="+38 (000) 000 0000" data-tilda-req="1" data-tilda-rule="phone" style=" border:1px solid #d1d1d1; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;"> </div>
  2707. <div class="t651__blockbutton">
  2708. <button type="submit" class="t651__submit t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;text-transform:uppercase;">Зателефонуйте мені</button>
  2709. </div>
  2710. </div>
  2711. </div>
  2712. </form>
  2713. <div class="t651__additional-info">
  2714. <div class="t651__text t-descr t-descr_sm" style="">Або ви можете подзвонити самостійно:</div>
  2715. <div class="t651__phone t-descr t-descr_sm" style="">0487384956</div>
  2716. </div>
  2717. </div>
  2718. </div>
  2719. </div>
  2720. </div>
  2721. <script type="text/javascript">
  2722. $(document).ready(function() {
  2723. setTimeout(function() {
  2724. t651_initPopup('106178136');
  2725. }, 500);
  2726. });
  2727. </script>
  2728. <style>
  2729. #rec106178136 .t-submit:hover {
  2730. color: #ffffff !important;
  2731. }
  2732.  
  2733. #rec106178136 .t-submit {
  2734. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2735. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2736. }
  2737. </style>
  2738. </div>
  2739. <div id="rec106120408" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#424242; " data-record-type="463" data-bg-color="#424242">
  2740. <!-- T463 -->
  2741. <div class="t463" id="t-footer_106120408">
  2742. <div class="t463__maincontainer ">
  2743. <div class="t463__content" style="">
  2744. <div class="t463__colwrapper">
  2745. <div class="t463__col">
  2746. <a href="/" style="color:#ffffff;font-size:20px;font-weight:600;"><img src="https://static.tildacdn.com/tild6237-3139-4030-b234-613930626263/logo_white.png" class="t463__logo t463__img" imgfield="img" alt="Your Company"></a>
  2747. </div>
  2748. <div class="t463__col t463__col_center t-align_center">
  2749. <div class="t463__typo t463__copyright t-name t-name_xs" field="text" style="color: #ffffff;"> © 2005-2019. Центр Реконструкції та Будівництва </div>
  2750. </div>
  2751. <div class="t463__col t-align_right">
  2752. <div class="t-sociallinks">
  2753. <div class="t-sociallinks__wrapper">
  2754. <div class="t-sociallinks__item">
  2755. <a href="https://google.com" target="_blank">
  2756. <svg class="t-sociallinks__svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
  2757. <desc>Facebook</desc>
  2758. <path style="fill:#ffffff;" d="M47.761,24c0,13.121-10.638,23.76-23.758,23.76C10.877,47.76,0.239,37.121,0.239,24c0-13.124,10.638-23.76,23.764-23.76C37.123,0.24,47.761,10.876,47.761,24 M20.033,38.85H26.2V24.01h4.163l0.539-5.242H26.2v-3.083c0-1.156,0.769-1.427,1.308-1.427h3.318V9.168L26.258,9.15c-5.072,0-6.225,3.796-6.225,6.224v3.394H17.1v5.242h2.933V38.85z" />
  2759. </svg>
  2760. </a>
  2761. </div>
  2762. <div class="t-sociallinks__item">
  2763. <a href="https://google.com" target="_blank">
  2764. <svg class="t-sociallinks__svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 30 30" xml:space="preserve">
  2765. <desc>Instagram</desc>
  2766. <path style="fill:#ffffff;" d="M15,11.014 C12.801,11.014 11.015,12.797 11.015,15 C11.015,17.202 12.802,18.987 15,18.987 C17.199,18.987 18.987,17.202 18.987,15 C18.987,12.797 17.199,11.014 15,11.014 L15,11.014 Z M15,17.606 C13.556,17.606 12.393,16.439 12.393,15 C12.393,13.561 13.556,12.394 15,12.394 C16.429,12.394 17.607,13.561 17.607,15 C17.607,16.439 16.444,17.606 15,17.606 L15,17.606 Z"></path>
  2767. <path style="fill:#ffffff;" d="M19.385,9.556 C18.872,9.556 18.465,9.964 18.465,10.477 C18.465,10.989 18.872,11.396 19.385,11.396 C19.898,11.396 20.306,10.989 20.306,10.477 C20.306,9.964 19.897,9.556 19.385,9.556 L19.385,9.556 Z"></path>
  2768. <path style="fill:#ffffff;" d="M15.002,0.15 C6.798,0.15 0.149,6.797 0.149,15 C0.149,23.201 6.798,29.85 15.002,29.85 C23.201,29.85 29.852,23.202 29.852,15 C29.852,6.797 23.201,0.15 15.002,0.15 L15.002,0.15 Z M22.666,18.265 C22.666,20.688 20.687,22.666 18.25,22.666 L11.75,22.666 C9.312,22.666 7.333,20.687 7.333,18.28 L7.333,11.734 C7.333,9.312 9.311,7.334 11.75,7.334 L18.25,7.334 C20.688,7.334 22.666,9.312 22.666,11.734 L22.666,18.265 L22.666,18.265 Z"></path>
  2769. </svg>
  2770. </a>
  2771. </div>
  2772. </div>
  2773. </div>
  2774. </div>
  2775. </div>
  2776. </div>
  2777. </div>
  2778. </div>
  2779. </div>
  2780. <div id="rec106339380" class="r t-rec" style=" " data-animationappear="off" data-record-type="702">
  2781. <!-- T702 -->
  2782. <div class="t702">
  2783. <div class="t-popup" data-tooltip-hook="#popup:remont">
  2784. <div class="t-popup__close">
  2785. <div class="t-popup__close-wrapper">
  2786. <svg class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2787. <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
  2788. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2789. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2790. </g>
  2791. </svg>
  2792. </div>
  2793. </div>
  2794. <div class="t-popup__container t-width t-width_6">
  2795. <div class="t702__wrapper">
  2796. <div class="t702__text-wrapper t-align_center">
  2797. <div class="t702__title t-title t-title_xxs" style="">Залиште заявку</div>
  2798. <div class="t702__descr t-descr t-descr_xs" style="">Ми зв'яжемося з вами найближчим часом.</div>
  2799. </div>
  2800. <form id="form106339380" name='form106339380' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess">
  2801. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  2802. <input type="hidden" name="tildaspec-formname" tabindex="-1" value="РЕМОНТ">
  2803. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;">Дякуємо! Дані успішно відправлені</div>
  2804. <div class="t-form__inputsbox">
  2805. <div class="t-input-group t-input-group_nm" data-input-lid="1495810354468">
  2806. <div class="t-input-block">
  2807. <input type="text" name="Name" class="t-input js-tilda-rule " value="" placeholder="Як до вас звертатися?" data-tilda-rule="name" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  2808. <div class="t-input-error"></div>
  2809. </div>
  2810. </div>
  2811. <div class="t-input-group t-input-group_ph" data-input-lid="1495810359387">
  2812. <div class="t-input-block">
  2813. <input type="tel" name="Phone" class="t-input js-tilda-rule " value="" placeholder="Ваш телефон" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  2814. <div class="t-input-error"></div>
  2815. </div>
  2816. </div>
  2817. <div class="t-input-group t-input-group_ta" data-input-lid="1495810410810">
  2818. <div class="t-input-block">
  2819. <textarea name="Textarea" class="t-input js-tilda-rule " placeholder="Ваш коментар" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:102px" rows="3"></textarea>
  2820. <div class="t-input-error"></div>
  2821. </div>
  2822. </div>
  2823. <div class="t-form__errorbox-middle">
  2824. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  2825. <div class="t-form__errorbox-text t-text t-text_md">
  2826. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  2827. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  2828. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  2829. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  2830. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  2831. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  2832. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  2833. </div>
  2834. </div>
  2835. </div>
  2836. <div class="t-form__submit">
  2837. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">Відправити</button>
  2838. </div>
  2839. </div>
  2840. <div class="t-form__errorbox-bottom">
  2841. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  2842. <div class="t-form__errorbox-text t-text t-text_md">
  2843. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  2844. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  2845. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  2846. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  2847. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  2848. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  2849. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  2850. </div>
  2851. </div>
  2852. </div>
  2853. </form>
  2854. <style>
  2855. #rec106339380 input::-webkit-input-placeholder {
  2856. color: #000000;
  2857. opacity: 0.5;
  2858. }
  2859.  
  2860. #rec106339380 input::-moz-placeholder {
  2861. color: #000000;
  2862. opacity: 0.5;
  2863. }
  2864.  
  2865. #rec106339380 input:-moz-placeholder {
  2866. color: #000000;
  2867. opacity: 0.5;
  2868. }
  2869.  
  2870. #rec106339380 input:-ms-input-placeholder {
  2871. color: #000000;
  2872. opacity: 0.5;
  2873. }
  2874.  
  2875. #rec106339380 textarea::-webkit-input-placeholder {
  2876. color: #000000;
  2877. opacity: 0.5;
  2878. }
  2879.  
  2880. #rec106339380 textarea::-moz-placeholder {
  2881. color: #000000;
  2882. opacity: 0.5;
  2883. }
  2884.  
  2885. #rec106339380 textarea:-moz-placeholder {
  2886. color: #000000;
  2887. opacity: 0.5;
  2888. }
  2889.  
  2890. #rec106339380 textarea:-ms-input-placeholder {
  2891. color: #000000;
  2892. opacity: 0.5;
  2893. }
  2894. </style>
  2895. </div>
  2896. </div>
  2897. </div>
  2898. </div>
  2899. <script type="text/javascript">
  2900. $(document).ready(function() {
  2901. setTimeout(function() {
  2902. t702_initPopup('106339380');
  2903. }, 500); /* hack for Android */
  2904. var ua = navigator.userAgent.toLowerCase();
  2905. var isAndroid = ua.indexOf("android") > -1;
  2906. if (isAndroid) {
  2907. $('.t-body').addClass('t-body_scrollable-hack-for-android');
  2908. $('head').append("<style>@media screen and (max-width: 560px) {\n.t-body_scrollable-hack-for-android {\noverflow: visible !important;\n}\n}\n</style>");
  2909. console.log('Android css hack was inited');
  2910. }
  2911. });
  2912. </script>
  2913. <style>
  2914. #rec106339380 .t-submit:hover {
  2915. color: #ffffff !important;
  2916. }
  2917.  
  2918. #rec106339380 .t-submit {
  2919. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2920. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  2921. }
  2922. </style>
  2923. <style>
  2924. #rec106339380 .t-btn[data-btneffects-first],
  2925. #rec106339380 .t-btn[data-btneffects-second],
  2926. #rec106339380 .t-submit[data-btneffects-first],
  2927. #rec106339380 .t-submit[data-btneffects-second] {
  2928. position: relative;
  2929. overflow: hidden;
  2930. -webkit-transform: translate3d(0, 0, 0);
  2931. transform: translate3d(0, 0, 0);
  2932. }
  2933. </style>
  2934. <script type="text/javascript">
  2935. $(document).ready(function() {});
  2936. </script>
  2937. </div>
  2938. <div id="rec106350930" class="r t-rec" style=" " data-animationappear="off" data-record-type="702">
  2939. <!-- T702 -->
  2940. <div class="t702">
  2941. <div class="t-popup" data-tooltip-hook="#popup:budivnutstvo">
  2942. <div class="t-popup__close">
  2943. <div class="t-popup__close-wrapper">
  2944. <svg class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2945. <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
  2946. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2947. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  2948. </g>
  2949. </svg>
  2950. </div>
  2951. </div>
  2952. <div class="t-popup__container t-width t-width_6">
  2953. <div class="t702__wrapper">
  2954. <div class="t702__text-wrapper t-align_center">
  2955. <div class="t702__title t-title t-title_xxs" style="">Залиште заявку</div>
  2956. <div class="t702__descr t-descr t-descr_xs" style="">Ми зв'яжемося з вами найближчим часом.</div>
  2957. </div>
  2958. <form id="form106350930" name='form106350930' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess">
  2959. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  2960. <input type="hidden" name="tildaspec-formname" tabindex="-1" value="СТРОИТЕЛЬСТВО">
  2961. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;">Дякуємо! Дані успішно відправлені</div>
  2962. <div class="t-form__inputsbox">
  2963. <div class="t-input-group t-input-group_nm" data-input-lid="1495810354468">
  2964. <div class="t-input-block">
  2965. <input type="text" name="Name" class="t-input js-tilda-rule " value="" placeholder="Як до вас звертатися?" data-tilda-rule="name" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  2966. <div class="t-input-error"></div>
  2967. </div>
  2968. </div>
  2969. <div class="t-input-group t-input-group_ph" data-input-lid="1495810359387">
  2970. <div class="t-input-block">
  2971. <input type="tel" name="Phone" class="t-input js-tilda-rule " value="" placeholder="Ваш телефон" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  2972. <div class="t-input-error"></div>
  2973. </div>
  2974. </div>
  2975. <div class="t-input-group t-input-group_ta" data-input-lid="1495810410810">
  2976. <div class="t-input-block">
  2977. <textarea name="Textarea" class="t-input js-tilda-rule " placeholder="Ваш коментар" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:102px" rows="3"></textarea>
  2978. <div class="t-input-error"></div>
  2979. </div>
  2980. </div>
  2981. <div class="t-form__errorbox-middle">
  2982. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  2983. <div class="t-form__errorbox-text t-text t-text_md">
  2984. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  2985. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  2986. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  2987. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  2988. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  2989. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  2990. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  2991. </div>
  2992. </div>
  2993. </div>
  2994. <div class="t-form__submit">
  2995. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">Відправити</button>
  2996. </div>
  2997. </div>
  2998. <div class="t-form__errorbox-bottom">
  2999. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3000. <div class="t-form__errorbox-text t-text t-text_md">
  3001. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3002. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3003. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3004. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3005. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3006. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3007. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3008. </div>
  3009. </div>
  3010. </div>
  3011. </form>
  3012. <style>
  3013. #rec106350930 input::-webkit-input-placeholder {
  3014. color: #000000;
  3015. opacity: 0.5;
  3016. }
  3017.  
  3018. #rec106350930 input::-moz-placeholder {
  3019. color: #000000;
  3020. opacity: 0.5;
  3021. }
  3022.  
  3023. #rec106350930 input:-moz-placeholder {
  3024. color: #000000;
  3025. opacity: 0.5;
  3026. }
  3027.  
  3028. #rec106350930 input:-ms-input-placeholder {
  3029. color: #000000;
  3030. opacity: 0.5;
  3031. }
  3032.  
  3033. #rec106350930 textarea::-webkit-input-placeholder {
  3034. color: #000000;
  3035. opacity: 0.5;
  3036. }
  3037.  
  3038. #rec106350930 textarea::-moz-placeholder {
  3039. color: #000000;
  3040. opacity: 0.5;
  3041. }
  3042.  
  3043. #rec106350930 textarea:-moz-placeholder {
  3044. color: #000000;
  3045. opacity: 0.5;
  3046. }
  3047.  
  3048. #rec106350930 textarea:-ms-input-placeholder {
  3049. color: #000000;
  3050. opacity: 0.5;
  3051. }
  3052. </style>
  3053. </div>
  3054. </div>
  3055. </div>
  3056. </div>
  3057. <script type="text/javascript">
  3058. $(document).ready(function() {
  3059. setTimeout(function() {
  3060. t702_initPopup('106350930');
  3061. }, 500); /* hack for Android */
  3062. var ua = navigator.userAgent.toLowerCase();
  3063. var isAndroid = ua.indexOf("android") > -1;
  3064. if (isAndroid) {
  3065. $('.t-body').addClass('t-body_scrollable-hack-for-android');
  3066. $('head').append("<style>@media screen and (max-width: 560px) {\n.t-body_scrollable-hack-for-android {\noverflow: visible !important;\n}\n}\n</style>");
  3067. console.log('Android css hack was inited');
  3068. }
  3069. });
  3070. </script>
  3071. <style>
  3072. #rec106350930 .t-submit:hover {
  3073. color: #ffffff !important;
  3074. }
  3075.  
  3076. #rec106350930 .t-submit {
  3077. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3078. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3079. }
  3080. </style>
  3081. <style>
  3082. #rec106350930 .t-btn[data-btneffects-first],
  3083. #rec106350930 .t-btn[data-btneffects-second],
  3084. #rec106350930 .t-submit[data-btneffects-first],
  3085. #rec106350930 .t-submit[data-btneffects-second] {
  3086. position: relative;
  3087. overflow: hidden;
  3088. -webkit-transform: translate3d(0, 0, 0);
  3089. transform: translate3d(0, 0, 0);
  3090. }
  3091. </style>
  3092. <script type="text/javascript">
  3093. $(document).ready(function() {});
  3094. </script>
  3095. </div>
  3096. <div id="rec106351035" class="r t-rec" style=" " data-animationappear="off" data-record-type="702">
  3097. <!-- T702 -->
  3098. <div class="t702">
  3099. <div class="t-popup" data-tooltip-hook="#popup:reconstrukciya">
  3100. <div class="t-popup__close">
  3101. <div class="t-popup__close-wrapper">
  3102. <svg class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3103. <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
  3104. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3105. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3106. </g>
  3107. </svg>
  3108. </div>
  3109. </div>
  3110. <div class="t-popup__container t-width t-width_6">
  3111. <div class="t702__wrapper">
  3112. <div class="t702__text-wrapper t-align_center">
  3113. <div class="t702__title t-title t-title_xxs" style="">Залиште заявку</div>
  3114. <div class="t702__descr t-descr t-descr_xs" style="">Ми зв'яжемося з вами найближчим часом.</div>
  3115. </div>
  3116. <form id="form106351035" name='form106351035' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess">
  3117. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  3118. <input type="hidden" name="tildaspec-formname" tabindex="-1" value="РЕКОНСТРУКЦИЯ">
  3119. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;">Дякуємо! Дані успішно відправлені</div>
  3120. <div class="t-form__inputsbox">
  3121. <div class="t-input-group t-input-group_nm" data-input-lid="1495810354468">
  3122. <div class="t-input-block">
  3123. <input type="text" name="Name" class="t-input js-tilda-rule " value="" placeholder="Як до вас звертатися?" data-tilda-rule="name" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3124. <div class="t-input-error"></div>
  3125. </div>
  3126. </div>
  3127. <div class="t-input-group t-input-group_ph" data-input-lid="1495810359387">
  3128. <div class="t-input-block">
  3129. <input type="tel" name="Phone" class="t-input js-tilda-rule " value="" placeholder="Ваш телефон" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3130. <div class="t-input-error"></div>
  3131. </div>
  3132. </div>
  3133. <div class="t-input-group t-input-group_ta" data-input-lid="1495810410810">
  3134. <div class="t-input-block">
  3135. <textarea name="Textarea" class="t-input js-tilda-rule " placeholder="Ваш коментар" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:102px" rows="3"></textarea>
  3136. <div class="t-input-error"></div>
  3137. </div>
  3138. </div>
  3139. <div class="t-form__errorbox-middle">
  3140. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3141. <div class="t-form__errorbox-text t-text t-text_md">
  3142. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3143. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3144. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3145. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3146. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3147. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3148. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3149. </div>
  3150. </div>
  3151. </div>
  3152. <div class="t-form__submit">
  3153. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">Відправити</button>
  3154. </div>
  3155. </div>
  3156. <div class="t-form__errorbox-bottom">
  3157. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3158. <div class="t-form__errorbox-text t-text t-text_md">
  3159. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3160. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3161. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3162. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3163. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3164. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3165. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3166. </div>
  3167. </div>
  3168. </div>
  3169. </form>
  3170. <style>
  3171. #rec106351035 input::-webkit-input-placeholder {
  3172. color: #000000;
  3173. opacity: 0.5;
  3174. }
  3175.  
  3176. #rec106351035 input::-moz-placeholder {
  3177. color: #000000;
  3178. opacity: 0.5;
  3179. }
  3180.  
  3181. #rec106351035 input:-moz-placeholder {
  3182. color: #000000;
  3183. opacity: 0.5;
  3184. }
  3185.  
  3186. #rec106351035 input:-ms-input-placeholder {
  3187. color: #000000;
  3188. opacity: 0.5;
  3189. }
  3190.  
  3191. #rec106351035 textarea::-webkit-input-placeholder {
  3192. color: #000000;
  3193. opacity: 0.5;
  3194. }
  3195.  
  3196. #rec106351035 textarea::-moz-placeholder {
  3197. color: #000000;
  3198. opacity: 0.5;
  3199. }
  3200.  
  3201. #rec106351035 textarea:-moz-placeholder {
  3202. color: #000000;
  3203. opacity: 0.5;
  3204. }
  3205.  
  3206. #rec106351035 textarea:-ms-input-placeholder {
  3207. color: #000000;
  3208. opacity: 0.5;
  3209. }
  3210. </style>
  3211. </div>
  3212. </div>
  3213. </div>
  3214. </div>
  3215. <script type="text/javascript">
  3216. $(document).ready(function() {
  3217. setTimeout(function() {
  3218. t702_initPopup('106351035');
  3219. }, 500); /* hack for Android */
  3220. var ua = navigator.userAgent.toLowerCase();
  3221. var isAndroid = ua.indexOf("android") > -1;
  3222. if (isAndroid) {
  3223. $('.t-body').addClass('t-body_scrollable-hack-for-android');
  3224. $('head').append("<style>@media screen and (max-width: 560px) {\n.t-body_scrollable-hack-for-android {\noverflow: visible !important;\n}\n}\n</style>");
  3225. console.log('Android css hack was inited');
  3226. }
  3227. });
  3228. </script>
  3229. <style>
  3230. #rec106351035 .t-submit:hover {
  3231. color: #ffffff !important;
  3232. }
  3233.  
  3234. #rec106351035 .t-submit {
  3235. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3236. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3237. }
  3238. </style>
  3239. <style>
  3240. #rec106351035 .t-btn[data-btneffects-first],
  3241. #rec106351035 .t-btn[data-btneffects-second],
  3242. #rec106351035 .t-submit[data-btneffects-first],
  3243. #rec106351035 .t-submit[data-btneffects-second] {
  3244. position: relative;
  3245. overflow: hidden;
  3246. -webkit-transform: translate3d(0, 0, 0);
  3247. transform: translate3d(0, 0, 0);
  3248. }
  3249. </style>
  3250. <script type="text/javascript">
  3251. $(document).ready(function() {});
  3252. </script>
  3253. </div>
  3254. <div id="rec106351161" class="r t-rec" style=" " data-animationappear="off" data-record-type="702">
  3255. <!-- T702 -->
  3256. <div class="t702">
  3257. <div class="t-popup" data-tooltip-hook="#popup:blagoustriy">
  3258. <div class="t-popup__close">
  3259. <div class="t-popup__close-wrapper">
  3260. <svg class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3261. <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
  3262. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3263. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3264. </g>
  3265. </svg>
  3266. </div>
  3267. </div>
  3268. <div class="t-popup__container t-width t-width_6">
  3269. <div class="t702__wrapper">
  3270. <div class="t702__text-wrapper t-align_center">
  3271. <div class="t702__title t-title t-title_xxs" style="">Залиште заявку</div>
  3272. <div class="t702__descr t-descr t-descr_xs" style="">Ми зв'яжемося з вами найближчим часом.</div>
  3273. </div>
  3274. <form id="form106351161" name='form106351161' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess">
  3275. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  3276. <input type="hidden" name="tildaspec-formname" tabindex="-1" value="БЛАГОУСТРОЙСТВО">
  3277. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;">Дякуємо! Дані успішно відправлені</div>
  3278. <div class="t-form__inputsbox">
  3279. <div class="t-input-group t-input-group_nm" data-input-lid="1495810354468">
  3280. <div class="t-input-block">
  3281. <input type="text" name="Name" class="t-input js-tilda-rule " value="" placeholder="Як до вас звертатися?" data-tilda-rule="name" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3282. <div class="t-input-error"></div>
  3283. </div>
  3284. </div>
  3285. <div class="t-input-group t-input-group_ph" data-input-lid="1495810359387">
  3286. <div class="t-input-block">
  3287. <input type="tel" name="Phone" class="t-input js-tilda-rule " value="" placeholder="Ваш телефон" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3288. <div class="t-input-error"></div>
  3289. </div>
  3290. </div>
  3291. <div class="t-input-group t-input-group_ta" data-input-lid="1495810410810">
  3292. <div class="t-input-block">
  3293. <textarea name="Textarea" class="t-input js-tilda-rule " placeholder="Ваш коментар" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:102px" rows="3"></textarea>
  3294. <div class="t-input-error"></div>
  3295. </div>
  3296. </div>
  3297. <div class="t-form__errorbox-middle">
  3298. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3299. <div class="t-form__errorbox-text t-text t-text_md">
  3300. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3301. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3302. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3303. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3304. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3305. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3306. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3307. </div>
  3308. </div>
  3309. </div>
  3310. <div class="t-form__submit">
  3311. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">Відправити</button>
  3312. </div>
  3313. </div>
  3314. <div class="t-form__errorbox-bottom">
  3315. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3316. <div class="t-form__errorbox-text t-text t-text_md">
  3317. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3318. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3319. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3320. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3321. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3322. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3323. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3324. </div>
  3325. </div>
  3326. </div>
  3327. </form>
  3328. <style>
  3329. #rec106351161 input::-webkit-input-placeholder {
  3330. color: #000000;
  3331. opacity: 0.5;
  3332. }
  3333.  
  3334. #rec106351161 input::-moz-placeholder {
  3335. color: #000000;
  3336. opacity: 0.5;
  3337. }
  3338.  
  3339. #rec106351161 input:-moz-placeholder {
  3340. color: #000000;
  3341. opacity: 0.5;
  3342. }
  3343.  
  3344. #rec106351161 input:-ms-input-placeholder {
  3345. color: #000000;
  3346. opacity: 0.5;
  3347. }
  3348.  
  3349. #rec106351161 textarea::-webkit-input-placeholder {
  3350. color: #000000;
  3351. opacity: 0.5;
  3352. }
  3353.  
  3354. #rec106351161 textarea::-moz-placeholder {
  3355. color: #000000;
  3356. opacity: 0.5;
  3357. }
  3358.  
  3359. #rec106351161 textarea:-moz-placeholder {
  3360. color: #000000;
  3361. opacity: 0.5;
  3362. }
  3363.  
  3364. #rec106351161 textarea:-ms-input-placeholder {
  3365. color: #000000;
  3366. opacity: 0.5;
  3367. }
  3368. </style>
  3369. </div>
  3370. </div>
  3371. </div>
  3372. </div>
  3373. <script type="text/javascript">
  3374. $(document).ready(function() {
  3375. setTimeout(function() {
  3376. t702_initPopup('106351161');
  3377. }, 500); /* hack for Android */
  3378. var ua = navigator.userAgent.toLowerCase();
  3379. var isAndroid = ua.indexOf("android") > -1;
  3380. if (isAndroid) {
  3381. $('.t-body').addClass('t-body_scrollable-hack-for-android');
  3382. $('head').append("<style>@media screen and (max-width: 560px) {\n.t-body_scrollable-hack-for-android {\noverflow: visible !important;\n}\n}\n</style>");
  3383. console.log('Android css hack was inited');
  3384. }
  3385. });
  3386. </script>
  3387. <style>
  3388. #rec106351161 .t-submit:hover {
  3389. color: #ffffff !important;
  3390. }
  3391.  
  3392. #rec106351161 .t-submit {
  3393. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3394. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3395. }
  3396. </style>
  3397. <style>
  3398. #rec106351161 .t-btn[data-btneffects-first],
  3399. #rec106351161 .t-btn[data-btneffects-second],
  3400. #rec106351161 .t-submit[data-btneffects-first],
  3401. #rec106351161 .t-submit[data-btneffects-second] {
  3402. position: relative;
  3403. overflow: hidden;
  3404. -webkit-transform: translate3d(0, 0, 0);
  3405. transform: translate3d(0, 0, 0);
  3406. }
  3407. </style>
  3408. <script type="text/javascript">
  3409. $(document).ready(function() {});
  3410. </script>
  3411. </div>
  3412. <div id="rec106351677" class="r t-rec" style=" " data-animationappear="off" data-record-type="702">
  3413. <!-- T702 -->
  3414. <div class="t702">
  3415. <div class="t-popup" data-tooltip-hook="#popup:namdovirayeodessa">
  3416. <div class="t-popup__close">
  3417. <div class="t-popup__close-wrapper">
  3418. <svg class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3419. <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
  3420. <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3421. <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect>
  3422. </g>
  3423. </svg>
  3424. </div>
  3425. </div>
  3426. <div class="t-popup__container t-width t-width_6">
  3427. <div class="t702__wrapper">
  3428. <div class="t702__text-wrapper t-align_center">
  3429. <div class="t702__title t-title t-title_xxs" style="">Залиште заявку</div>
  3430. <div class="t702__descr t-descr t-descr_xs" style="">Ми зв'яжемося з вами найближчим часом.</div>
  3431. </div>
  3432. <form id="form106351677" name='form106351677' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess">
  3433. <input type="hidden" name="formservices[]" value="db7217659468346c992735e82fee5a8d" class="js-formaction-services">
  3434. <input type="hidden" name="tildaspec-formname" tabindex="-1" value="НАМ ДОВЕРЯЕТ ОДЕССА">
  3435. <div class="js-successbox t-form__successbox t-text t-text_md" style="display:none;">Дякуємо! Дані успішно відправлені</div>
  3436. <div class="t-form__inputsbox">
  3437. <div class="t-input-group t-input-group_nm" data-input-lid="1495810354468">
  3438. <div class="t-input-block">
  3439. <input type="text" name="Name" class="t-input js-tilda-rule " value="" placeholder="Як до вас звертатися?" data-tilda-rule="name" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3440. <div class="t-input-error"></div>
  3441. </div>
  3442. </div>
  3443. <div class="t-input-group t-input-group_ph" data-input-lid="1495810359387">
  3444. <div class="t-input-block">
  3445. <input type="tel" name="Phone" class="t-input js-tilda-rule " value="" placeholder="Ваш телефон" data-tilda-rule="phone" pattern="[0-9]*" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">
  3446. <div class="t-input-error"></div>
  3447. </div>
  3448. </div>
  3449. <div class="t-input-group t-input-group_ta" data-input-lid="1495810410810">
  3450. <div class="t-input-block">
  3451. <textarea name="Textarea" class="t-input js-tilda-rule " placeholder="Ваш коментар" style="color:#000000; border:1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:102px" rows="3"></textarea>
  3452. <div class="t-input-error"></div>
  3453. </div>
  3454. </div>
  3455. <div class="t-form__errorbox-middle">
  3456. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3457. <div class="t-form__errorbox-text t-text t-text_md">
  3458. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3459. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3460. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3461. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3462. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3463. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3464. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3465. </div>
  3466. </div>
  3467. </div>
  3468. <div class="t-form__submit">
  3469. <button type="submit" class="t-submit" style="color:#474747;background-color:#ffc107;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;">Відправити</button>
  3470. </div>
  3471. </div>
  3472. <div class="t-form__errorbox-bottom">
  3473. <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;">
  3474. <div class="t-form__errorbox-text t-text t-text_md">
  3475. <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
  3476. <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
  3477. <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
  3478. <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
  3479. <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
  3480. <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p>
  3481. <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
  3482. </div>
  3483. </div>
  3484. </div>
  3485. </form>
  3486. <style>
  3487. #rec106351677 input::-webkit-input-placeholder {
  3488. color: #000000;
  3489. opacity: 0.5;
  3490. }
  3491.  
  3492. #rec106351677 input::-moz-placeholder {
  3493. color: #000000;
  3494. opacity: 0.5;
  3495. }
  3496.  
  3497. #rec106351677 input:-moz-placeholder {
  3498. color: #000000;
  3499. opacity: 0.5;
  3500. }
  3501.  
  3502. #rec106351677 input:-ms-input-placeholder {
  3503. color: #000000;
  3504. opacity: 0.5;
  3505. }
  3506.  
  3507. #rec106351677 textarea::-webkit-input-placeholder {
  3508. color: #000000;
  3509. opacity: 0.5;
  3510. }
  3511.  
  3512. #rec106351677 textarea::-moz-placeholder {
  3513. color: #000000;
  3514. opacity: 0.5;
  3515. }
  3516.  
  3517. #rec106351677 textarea:-moz-placeholder {
  3518. color: #000000;
  3519. opacity: 0.5;
  3520. }
  3521.  
  3522. #rec106351677 textarea:-ms-input-placeholder {
  3523. color: #000000;
  3524. opacity: 0.5;
  3525. }
  3526. </style>
  3527. </div>
  3528. </div>
  3529. </div>
  3530. </div>
  3531. <script type="text/javascript">
  3532. $(document).ready(function() {
  3533. setTimeout(function() {
  3534. t702_initPopup('106351677');
  3535. }, 500); /* hack for Android */
  3536. var ua = navigator.userAgent.toLowerCase();
  3537. var isAndroid = ua.indexOf("android") > -1;
  3538. if (isAndroid) {
  3539. $('.t-body').addClass('t-body_scrollable-hack-for-android');
  3540. $('head').append("<style>@media screen and (max-width: 560px) {\n.t-body_scrollable-hack-for-android {\noverflow: visible !important;\n}\n}\n</style>");
  3541. console.log('Android css hack was inited');
  3542. }
  3543. });
  3544. </script>
  3545. <style>
  3546. #rec106351677 .t-submit:hover {
  3547. color: #ffffff !important;
  3548. }
  3549.  
  3550. #rec106351677 .t-submit {
  3551. -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3552. transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  3553. }
  3554. </style>
  3555. <style>
  3556. #rec106351677 .t-btn[data-btneffects-first],
  3557. #rec106351677 .t-btn[data-btneffects-second],
  3558. #rec106351677 .t-submit[data-btneffects-first],
  3559. #rec106351677 .t-submit[data-btneffects-second] {
  3560. position: relative;
  3561. overflow: hidden;
  3562. -webkit-transform: translate3d(0, 0, 0);
  3563. transform: translate3d(0, 0, 0);
  3564. }
  3565. </style>
  3566. <script type="text/javascript">
  3567. $(document).ready(function() {});
  3568. </script>
  3569. </div>
  3570. </div>
  3571. <!--/allrecords-->
  3572. <!-- Stat -->
  3573. <script type="text/javascript">
  3574. if (!window.mainTracker) {
  3575. window.mainTracker = 'tilda';
  3576. }(function(d, w, k, o, g) {
  3577. var n = d.getElementsByTagName(o)[0],
  3578. s = d.createElement(o),
  3579. f = function() {
  3580. n.parentNode.insertBefore(s, n);
  3581. };
  3582. s.type = "text/javascript";
  3583. s.async = true;
  3584. s.key = k;
  3585. s.id = "tildastatscript";
  3586. s.src = g;
  3587. if (w.opera == "[object Opera]") {
  3588. d.addEventListener("DOMContentLoaded", f, false);
  3589. } else {
  3590. f();
  3591. }
  3592. })(document, window, '457ca45a01bb5f43cb2e1ace629e1674', 'script', 'https://stat.tildacdn.com/js/tildastat-0.2.min.js');
  3593. </script>
  3594. </body>
  3595.  
  3596. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!