1<!DOCTYPE html> 2<html lang="ru" prefix="og: http://ogp.me/ns#"> 3<head> 4 <meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <link rel="shortcut icon" href="/favicon.ico" /> 8<link rel="stylesheet" type="text/css" href="/assets/8de6fb89/css/city-confirmation-modal.css?v=5.1.5.79" /> 9<link rel="stylesheet" type="text/css" href="/assets/fe2e4a31/css/icomoon/icomoon.css?v=5.1.5.79" /> 10<link rel="stylesheet" type="text/css" href="/css/5.1.5.79/fb3fb124ccbd0805886b5b18972e6a22.css" />
11<script type="text/javascript" src="/assets/2ea15670/jquery.min.js"></script>
11 12<title>ÐонÑакÑнÑе даннÑе</title> 13 <link rel="canonical" href="https://konstanta-print.ru/contacts"/> 14 <meta name="robots" content="noindex,nofollow"> 15
16<script type="text/javascript"> 17 window.isMobile = false; 18 var yupeTokenName = 'YUPE_TOKEN'; 19 var yupeToken = 'd144c95bed6797595b65ff42131cbdf8f7fb0089'; 20 21 var cartAddProductUrl = '/cart/add'; 22 23 var deliveryCalcUrl = '/cart/CalcDelivery'; 24 var deliveryPointsUrl = '/cart/GetDeliveryPoints'; 25 var calculationProductUrl = '/productCalculation'; 26 var calculationUploadFile = '/uploadFileInCalculation'; 27 const _SITE_ID_ = 4231; 28 const IS_BACKEND = false; 29</script>
29 30<style type="text/css"> 31 @font-face {font-family: FontRegular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} 32@font-face {font-family: FontLight;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} 33@font-face {font-family: OpenSansRegular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} 34@font-face {font-family: OpenSansLight;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} 35@font-face {font-family: FontMedium;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;} 36@font-face {font-family: FontSemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;} 37@font-face {font-family: OpenSansSemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;} 38@font-face {font-family: FontBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;} 39@font-face {font-family: OpenSansBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;} @font-face {font-family: Font2Regular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} 40@font-face {font-family: Font2Medium;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;} 41@font-face {font-family: Font2SemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;} 42@font-face {font-family: Font2Bold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}</style> 43 44 <style type="text/css"> 45 46 :root { 47 --company-color1: #0054DD; 48 --link-color: #0066CC; 49 } 50 51 .company-color-text, 52 .company-color-text-hover:hover { 53 color: #0054DD !important; 54 } 55 56 /* 57 * Typographic System 58 */ 59 body { 60 font-size: 15px; 61 color: #000000; 62 font-family: FontRegular !important; 63 ; 64 } 65 66 h0, .h0 { 67 font-size: 48px; 68 font-family: FontRegular !important; 69 line-height: 1.2; 70 ; 71 } 72 73 h1, .h1 { 74 font-size: 24px; 75 font-family: FontBold !important; 76 line-height: 1.2; 77 ; 78 } 79 80 h2, .h2 { 81 font-size: 22px; 82 font-family: FontBold !important; 83 line-height: 1.25; 84 ; 85 } 86 87 h3, .h3 { 88 font-size: 24px; 89 font-family: FontBold !important; 90 line-height: 1.33; 91 ; 92 } 93 94 h4, .h4 { 95 font-size: 20px; 96 font-family: FontBold !important; 97 line-height: 1.3; 98 ; 99 } 100 101 102 @media (min-width: 768px) { 103 h0, .h0 { 104 font-size: 54px; 105 } 106 107 h1, .h1 { 108 font-size: 32px; 109 } 110 111 h2, .h2 { 112 font-size: 28px; 113 } 114 115 h3, .h3 { 116 font-size: 24px; 117 } 118 119 h4, .h4 { 120 font-size: 20px; 121 } 122 } 123 124 @media (min-width: 1025px) { 125 h0, .h0 { 126 font-size: 64px; 127 } 128 129 h1, .h1 { 130 font-size: 40px; 131 } 132 133 h2, .h2 { 134 font-size: 32px; 135 } 136 137 h3, .h3 { 138 font-size: 24px; 139 } 140 141 h4, .h4 { 142 font-size: 20px; 143 } 144 145 .top-menu-background-color { 146 background: #113183; 147 } 148 } 149 150 @media (min-width: 1440px) { 151 h0, .h0 { 152 font-size: 64px; 153 } 154 155 h1, .h1 { 156 font-size: 40px; 157 } 158 159 h2, .h2 { 160 font-size: 32px; 161 } 162 163 h3, .h3 { 164 font-size: 32px; 165 } 166 167 h4, .h4 { 168 font-size: 24px; 169 } 170 } 171 172 .block-title { 173 font-size: 12px; 174 font-family: FontSemiBold !important; 175 line-height: 1.33; 176 ; 177 } 178 179 .text-1 { 180 font-size: 15px; 181 font-family: FontRegular !important; 182 line-height: 1.375; 183 ; 184 } 185 186 .text-2 { 187 font-size: 15px; 188 font-family: FontRegular !important; 189 line-height: 1.375; 190 ; 191 } 192 193 .text-2-it { 194 font-size: 15px !important; 195 font-family: FontRegular !important; 196 ; 197 } 198 199 .text-3 { 200 font-size: 15px; 201 font-family: FontBold !important; 202 ; 203 } 204 205 .small-text { 206 font-size: 14px; 207 font-family: FontMedium !important; 208 line-height: 1.42; 209 ; 210 } 211 212 .small-text-it { 213 font-size: 14px !important; 214 font-family: FontMedium !important; 215 ; 216 } 217 218 .extra-small-text { 219 font-size: 12px; 220 font-family: FontMedium !important; 221 } 222 223 .signature, .alert-signature { 224 font-size: 12px; 225 font-family: FontMedium !important; 226 ; 227 } 228 229 a, .btn-link, .link, .catalog-filter-reset { 230 font-size: 16px; 231 color: #0066CC; 232 font-family: FontMedium !important; 233 ; 234 } 235 236 .button, .button_white, .btn { 237 font-family: FontMedium !important; 238 } 239 240 .product-tags .product-tag, 241 .product-tags .tag { 242 font-family: FontMedium !important; 243 } 244 245 h0 [style*="Font"], 246 .h0 [style*="Font"], 247 h1 [style*="Font"], 248 .h1 [style*="Font"], 249 h2 [style*="Font"], 250 .h2 [style*="Font"], 251 h3 [style*="Font"], 252 .h3 [style*="Font"], 253 h4 [style*="Font"], 254 .h4 [style*="Font"], 255 .block-title [style*="Font"], 256 .text-1 [style*="Font"], 257 .text-2 [style*="Font"], 258 .text-3 [style*="Font"], 259 .small-text [style*="Font"], 260 .signature [style*="Font"] { 261 font-family: inherit !important; 262 } 263 264 [style*="FontBold"] { 265 font-family: FontBold !important; 266 } 267 268 [style*="FontSemiBold"] { 269 font-family: FontBold !important; 270 } 271 272 [style*="FontMedium"] { 273 font-family: FontRegular !important; 274 } 275 276 [style*="FontRegular"], 277 [style*="FontLight"] { 278 font-family: FontRegular !important; 279 } 280 281 .catalog-filter-reset { 282 color: #0066CC !important; 283 } 284 285 a:hover, .btn-link:hover, .link:hover { 286 color: #0066CC; 287 cursor: pointer; 288 text-decoration: underline; 289 } 290 291 .currency-icon { 292 font-size: 22.5px; 293 } 294 295 /* Color shades */ 296 .text-gray-100 { 297 color: #d6d6d6 !important; 298 } 299 300 .text-gray-200 { 301 color: #cecece !important; 302 } 303 304 .text-gray-300 { 305 color: #c4c4c4 !important; 306 } 307 308 .text-gray-400 { 309 color: #b2b2b2 !important; 310 } 311 312 .text-gray-500 { 313 color: #898989 !important; 314 } 315 316 .text-gray-600 { 317 color: #606060 !important; 318 } 319 320 .text-gray-700 { 321 color: #353535 !important; 322 } 323 324 .text-gray-800 { 325 color: #161616 !important; 326 } 327 328 .text-gray-900 { 329 color: #000000 !important; 330 } 331 332 .text-gray-900-hover:hover { 333 color: #000000 !important; 334 } 335 336 .btn-gray-200 { 337 background-color: #cecece !important; 338 } 339 340 .btn-gray-300 { 341 background-color: #c4c4c4 !important; 342 } 343 344 .btn-gray-500 { 345 background-color: #898989 !important; 346 } 347 348 .highlight-tag { 349 background-color: #DF0050 !important; 350 color: #ffffff !important; 351 border: 0 !important; 352 } 353 354 .line-through-price:before { 355 border-color: #606060 !important; 356 } 357 358 .inherit-text { 359 color: inherit !important; 360 } 361 362 /* 363 * Buttons 364 */ 365 .btn { 366 border-radius: 4px; 367 } 368 369 .btn-primary { 370 background-color: #0054DD; 371 border-color: #0054DD; 372 color: #ffffff; 373 } 374 375 .photos-list-previews .active { 376 border-color: #0054DD; 377 border-width: 1px; 378 border-style: solid; 379 } 380 381 .btn-primary:hover { 382 background-color: #0765ff;
383 } 384 385 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus { 386 background-color: #2b7bff; 387 } 388 389 .btn-outline-primary { 390 border-color: #0054DD; 391 color: #0054DD; 392 } 393 394 .btn-outline-primary:hover { 395 border-color: #0765ff; 396 color: #0765ff; 397 } 398 399 .btn-outline-primary:not(:disabled):not(.disabled):active { 400 border-color: #2b7bff; 401 color: #2b7bff; 402 } 403 404 405 /* 406 * Form 407 */ 408 .error .errorMessage, .errorMessage { 409 font-size: 12px; 410 font-family: FontMedium; 411 } 412 413 .success .form-control { 414 border-color: #0054DD; 415 } 416 417 .bootstrap-select .dropdown-item.active { 418 color: #0054DD; 419 } 420 421 .bootstrap-select .dropdown-item:hover { 422 background-color: inherit; 423 color: #0054DD; 424 } 425 426 427 /* 428 * Tabs 429 */ 430 .nav-tabs .nav-link.active { 431 border-bottom: 2px solid #0054DD; 432 } 433 434 /* 435 * Custom checkbox, radiobutton 436 */ 437 .custom-input[type=checkbox]:checked { 438 background-color: #0054DD; 439 border-color: #0054DD; 440 } 441 442 .custom-input[type=radio]:checked { 443 border-color: #0054DD; 444 background-image: url("data:image/svg+xml, %0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%2010%2010%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2710%27%20height%3D%2710%27%20rx%3D%275%27%20fill%3D%27%230054DD%27%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); 445 } 446 447 .custom-label-block.active, .custom-input[type=checkbox]:checked + label { 448 border: 2px solid #0054DD; 449 } 450
451 .modal-update-delivery .addresses-block input:checked + label { 452 background: #EDF2F7; 453 color: #0054DD; 454 } 455 456 .border-company-color:hover { 457 border-color: #0054DD; 458 } 459 460 .border-company-color-it:hover { 461 border-color: #0054DD !important; 462 } 463 464 465 /* 466 * Catalog filter color 467 */ 468 .catalog-filter-param.checked .catalog-filter-color { 469 border: 2px solid #0054DD; 470 } 471 472 /* 473 * Filter tags 474 */ 475 .filter-tags a { 476 display: block; 477 border-radius: 8px; 478 padding: 8px 16px; 479 color: #4A5568; 480 background-color: #EDF2F7; 481 font-family: FontMedium; 482 border: 0; 483 } 484 485 .filter-tags a:hover { 486 color: #2D3748; 487 background-color: #E2E8F0; 488 text-decoration: none; 489 } 490 491 .filter-tags a.active { 492 color: #F2F2F2; 493 background-color: #4A5568; 494 } 495 496 .filter-tags a.active:hover { 497 background-color: #2D3748; 498 } 499 500 501 502 /* 503 * Souvenir Widget 504 */ 505 .widget-category-menu .category-link.active a { 506 color: #0054DD !important; 507 } 508 509 /* 510 * Cart 511 */ 512 .recipient-select input:checked + label { 513 color: #0054DD; 514 } 515 516 /** 517 * Footer 518 */ 519 520 .footer { 521 background-color: #F3F3F3; 522 } 523 524 .footer, .footer ul li a, .footer .footer__title a, .footer .footer__title .signature, .footer .footer-item, .footer__address a, .footer__mail a, .social-image a { 525 color: #4A5767 !important; 526 } 527 528 .footer ul li a:hover, .footer__address a:hover, .footer__mail a:hover, .social-image a:hover { 529 color: #5f7085 !important; 530 text-decoration: none; 531 } 532 533 .footer ul li a:active, .footer__address a:active, .footer__mail a:active, .social-image a:active { 534 color: #798a9e !important; 535 text-decoration: none; 536 } 537 538 .bg-company-color { 539 background-color: #0054DD; 540 color: #ffffff; 541 } 542 543 .bg-company-color-text { 544 color: #ffffff; 545 } 546 547 /** 548 * Header 549 */ 550 .header-search-result .result-item:hover { 551 color: #0054DD; 552 } 553
554 .modal-change-city-location .select-city:hover { 555 color: #0054DD; 556 } 557 558 .custom-control-input:checked ~ .custom-control-label::before { 559 color: #ffffff; 560 border-color: #0054DD; 561 background-color: #0054DD; 562 } 563 564 .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 565 background-color: #ffffff; 566 } 567 568 /** 569 * Cart Page 570 */ 571 572 .cart-change-radio-block .payment-method label.checked, 573 .cart-change-radio-block .cart-payers-block label.checked, 574 .cart-change-radio-block .select-user-for-send label.checked, 575 .delivery-row-type-2 .points-block input:checked + label, 576 .delivery-points-list input:checked + label .delivery-point-address, 577 .cart-change-radio-block.cart-address-block .rich-radio label.checked { 578 color: #0054DD; 579 } 580 581 .calc-delivery-variants .delivery-block.active, .branch-company-points .points-block.active { 582 border: 2px solid #0054DD !important; 583 } 584 585 /** 586 * Instructions Page 587 */ 588 589 .template-block__icon { 590 color: #0054DD; 591 } 592 593 /** 594 * Menu 595 */ 596 @media (min-width: 1025px) { 597 .cd-dropdown-trigger.first-megamenu { 598 background-color: #0054DD; 599 color: white !important; } 600 601 } 602 603 .cd-dropdown-under-child-link:hover .menu-product-name { 604 color: #0054DD !important; 605 } 606 607 608 .templates-container .template-label .small-text.upload-file-block { 609 color: #0066CC; 610 } 611 612 613 /* 614 * Calculation 615 */ 616 .card-calculation-container .navigation-gallery-item::after { 617 background-color: #0054DD; 618 } 619 620 .card-calculation-container .navigation-gallery-item.slick-current:after { 621 background-color: #0054DD; 622 } 623 624 .calculation-module .background-label.selected { 625 border-color: #0054DD !important; 626 } 627 628 @media (min-width: 768px) { 629 .calculation-module .background-label:hover, 630 .calculation-module .bootstrap-select .dropdown-toggle:hover, 631 .custom-label-block:hover { 632 border-color: #0054DD !important; 633 } 634 } 635 636 .production-time-calc-modal .production-time-price.selected { 637 border-color: #0054DD; 638 } 639 640 .souvenir-colors a.active { 641 border: 2px solid #0054DD; 642 } 643 644 .calculation-quantity-container .size-block.active { 645 border: 2px solid #0054DD; 646 } 647 648 .production-time-price.selected, .production-time-price:hover { 649 border-color: #0054DD; 650 } 651 652 /** 653 * Design Page 654 */ 655 656 .design-change-constructor { 657 color: #0066CC; 658 } 659 660 @media (min-width: 1440px) { 661 .design-change-constructor { 662 color: #000000; 663 } 664 } 665 666 /** 667 * Design Widget 668 */ 669 670 .select-design-items-block .filter-option-inner-inner { 671 color: #0054DD !important; 672 } 673 674 .select-design-items-block .bootstrap-select .dropdown-toggle::after { 675 border-color: #0054DD !important; 676 } 677 678 /** 679 * Profile 680 */ 681 .status-boxes span.active { 682 background-color: #0054DD; 683 } 684
685 .modal-update-delivery .select-background-block.active { 686 border: 2px solid #0054DD; 687 } 688 689 .discount-product-block { 690 background-color: #f9d8e2; 691 } 692 693 .discount-product-block .discount-icon span { 694 color: #DF3064; 695 } 696 697 .w2p-spinner { 698 border-color: #0054DD; 699 } 700 701 .invoice-sent { 702 border: 17px solid; 703 border-color: #0054DD; 704 background-color: #0054DD; 705 border-radius: 50%; 706 color: #FFFFFF; 707 font-size: 18px; 708 font-weight: bold; 709 } 710 711 712 713 .calculation-stepping-icon:hover svg { 714 fill: #0054DD; 715 } 716 717 .widget-map-content { 718margin-left: calc(50% - 50vw); 719margin-right: calc(50% - 50vw); 720} 721 722 723 .widget-title { 724 text-align: left !important; 725 justify-content: flex-start !important; 726 margin-bottom: 32px; 727 } 728 </style> 729 730</head> 731<body> 732<div class="main"> 733
733<script> 734 735 window.showCityModal = true; 736 window.CityName = 'Чикаго'; 737 738 if (window.showCityModal && window.CityName) 739 window.addEventListener('DOMContentLoaded', () => { 740 if (window.localStorage.getItem('city-modal') !== '0') 741 setTimeout(() => { 742 const modal = new CityConfirmationModal(); 743 modal.show(); 744 }); 745 }) 746</script>
746 747<style> 748/* СÑили Ð´Ð»Ñ Ð³Ð°Ð¼Ð±ÑÑгеÑ-Ð¼ÐµÐ½Ñ */ 749.mobile-header { 750 display: none; 751 position: fixed; 752 top: 0; 753 left: 0; 754 width: 100%; 755 height: 20px; 756 /*background: #222;*/ 757 /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/ 758 z-index: 10000; 759 align-items: center; 760 justify-content: space-between; 761 padding: 0 15px; 762 box-sizing: border-box; 763} 764 765.mobile-header-logo { 766 width: 100px; 767 height: 5px; 768 background-image: url('/logo.png'); 769 background-size: contain; 770 background-position: left center; 771 background-repeat: no-repeat; 772 cursor: pointer; 773} 774 775.mobile-menu-toggle { 776 width: 30px; 777 height: 30px; 778 cursor: pointer; 779 flex-direction: column; 780 justify-content: space-between; 781 background: rgba(255, 255, 255, 0.9); 782 padding: 5px; 783 border-radius: 4px; 784 box-shadow: 0 2px 5px rgba(0,0,0,0.1); 785} 786 787.mobile-menu-toggle span { 788 display: block; 789 height: 3px; 790 width: 100%; 791 background-color: #333; 792 border-radius: 2px; 793 transition: all 0.3s ease; 794} 795 796.mobile-menu-toggle.active span:nth-child(1) { 797 transform: rotate(45deg) translate(6px, 6px); 798} 799 800.mobile-menu-toggle.active span:nth-child(2) { 801 opacity: 0; 802} 803 804.mobile-menu-toggle.active span:nth-child(3) { 805 transform: rotate(-45deg) translate(6px, -6px); 806} 807 808/* Также можно ÑменÑÑиÑÑ Ð²ÐµÑÑ Ð½Ð¸Ð¹ паддинг Ñ Ñамого Ð¼ÐµÐ½Ñ */ 809.mobile-menu { 810 display: none; 811 position: fixed; 812 top: 0; 813 left: 0; 814 width: 100%; 815 height: 100%; 816 background-color: rgba(255, 255, 255, 0.98); 817 z-index: 9998; 818 overflow-y: auto; 819 padding: 70px 20px 20px; 820 box-sizing: border-box; 821} 822 823.mobile-menu.active { 824 display: block; 825} 826 827/* ÐогоÑип можно ÑделаÑÑ Ð½ÐµÐ¼Ð½Ð¾Ð³Ð¾ менÑÑе */ 828.mobile-logo { 829 position: absolute; 830 top: 15px; 831 left: 20px; 832 width: 100px; 833 height: 35px; 834 /*background-image: url('/logo.png');*/ 835 background-size: contain; 836 background-position: left center; 837 background-repeat: no-repeat; 838 cursor: pointer; 839} 840 841/* ÐÑпÑавлÑем оÑÑÑÑÐ¿Ñ Ð² мобилÑном Ð¼ÐµÐ½Ñ */ 842.mobile-nav { 843 list-style: none; 844 padding: 0; 845 margin: 20px 0 30px 0; 846} 847 848.mobile-nav-item { 849 border-bottom: 1px solid #eee; 850 position: relative; 851} 852 853.mobile-nav-item a { 854 display: block; 855 padding: 15px 0; 856 color: #333; 857 text-decoration: none; 858 font-size: 16px; 859 font-weight: 500; 860} 861 862.mobile-nav-item.has-children > a::after { 863 content: 'â¼'; 864 position: absolute; 865 right: 0; 866 top: 15px; 867 font-size: 12px; 868 transition: transform 0.3s ease; 869} 870 871.mobile-nav-item.has-children.active > a::after { 872 transform: rotate(180deg); 873} 874 875.mobile-submenu { 876 display: none; 877 list-style: none; 878 padding-left: 15px; 879 margin: 0; 880} 881 882.mobile-submenu.active { 883 display: block; 884} 885 886.mobile-submenu-item { 887 border-bottom: 1px solid #f5f5f5; 888} 889 890.mobile-submenu-item a { 891 padding: 12px 0; 892 font-size: 14px; 893 color: #666; 894} 895 896.mobile-submenu-item a:hover { 897 color: #0056b3; 898} 899 900/* СпеÑиалÑнÑе ÑÑили Ð´Ð»Ñ ÐºÐ°Ñалога пÑодÑкÑии */ 901.mobile-catalog-submenu { 902 display: none; 903 padding-left: 15px; 904} 905 906.mobile-catalog-submenu.active { 907 display: block; 908} 909 910.mobile-catalog-grid { 911 display: grid; 912 grid-template-columns: 1fr; 913 gap: 10px; 914 margin-top: 10px; 915} 916 917.mobile-catalog-section { 918 margin-bottom: 15px; 919} 920 921.mobile-catalog-section h4 { 922 margin: 0 0 8px 0; 923 font-size: 14px; 924 font-weight: bold; 925 color: #333; 926} 927 928.mobile-catalog-section a { 929 display: block; 930 padding: 8px 0; 931 font-size: 13px; 932 color: #666; 933 text-decoration: none; 934} 935 936.mobile-catalog-section a:hover { 937 color: #0056b3; 938} 939 940/* ÐонÑакÑÐ½Ð°Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð² Ð¼ÐµÐ½Ñ */ 941.mobile-contacts { 942 margin-top: 30px; 943 padding-top: 20px; 944 border-top: 1px solid #eee; 945} 946 947.mobile-phone { 948 font-size: 18px; 949 font-weight: bold; 950 color: #2c5aa0; 951 margin-bottom: 15px; 952 display: block; 953 text-decoration: none; 954} 955 956.mobile-address { 957 font-size: 14px; 958 color: #666; 959 margin-bottom: 20px; 960 line-height: 1.4; 961} 962 963.mobile-social { 964 display: flex; 965 gap: 15px; 966 margin-top: 20px; 967} 968 969.mobile-social a { 970 display: flex; 971 align-items: center; 972 justify-content: center; 973 width: 40px; 974 height: 40px; 975 background: #f5f5f5; 976 border-radius: 50%; 977 color: #333; 978 text-decoration: none; 979 transition: all 0.3s ease; 980} 981 982.mobile-social a:hover { 983 background: #2c5aa0; 984 color: white; 985 transform: translateY(-2px); 986} 987 988/* ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 989@media screen and (max-width: 600px) { 990 .mobile-header { 991 display: flex; 992 } 993 994 .mobile-menu-toggle { 995 display: flex; 996 } 997 998 /* СкÑÑваем ÑкÑолл-Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ */ 999 #scrollMenu { 1000 display: none !important; 1001 } 1002 1003 /* СкÑÑваем оÑновное Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ */ 1004 .my-header { 1005 display: none; 1006 } 1007 1008 /* ÐСÐÐ ÐÐÐÐÐÐÐ: УменÑÑаем оÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1009 main, .t-body, .my-t-container, .my-container, #allrecords { 1010 padding-top: 5px; /* ÐÑло 70px, ÑменÑÑили до 60px */ 1011 } 1012} 1013 1014/* ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1015@media screen and (max-width: 480px) { 1016 .mobile-menu { 1017 padding: 10px 1px 1px; 1018 } 1019 1020 .mobile-header { 1021 height: 55px; 1022 padding: 0px; 1023 } 1024 1025 .mobile-header-logo { 1026 width: 90px; 1027 height: 30px; 1028 } 1029 1030 .mobile-logo { 1031 left: 15px; 1032 width: 90px; 1033 height: 30px; 1034 top: 15px; 1035 } 1036 1037 .mobile-nav { 1038 margin-top: 20px; 1039 } 1040 1041 /* ÐСÐÐ ÐÐÐÐÐÐÐ: ÐÑе менÑÑе оÑÑÑÑп Ð´Ð»Ñ Ð¾ÑÐµÐ½Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1042 main, .t-body, .my-t-container, .my-container, #allrecords { 1043 padding-top: 5px; 1044 } 1045} 1046 1047/* ÐÐ»Ñ Ð¾ÑÐµÐ½Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1048@media screen and (max-width: 360px) { 1049 .mobile-header-logo { 1050 width: 80px; 1051 height: 25px; 1052 } 1053 1054 .mobile-logo { 1055 width: 80px; 1056 height: 25px; 1057 } 1058 1059 .mobile-menu { 1060 padding: 25px 10px 10px; 1061 } 1062 1063 /* ÐСÐÐ ÐÐÐÐÐÐÐ: ÐинималÑнÑй оÑÑÑÑп */ 1064 main, .t-body, .my-t-container, .my-container, #allrecords { 1065 padding-top: 5px; 1066 } 1067} 1068</style> 1069 1070<!-- ÐобилÑÐ½Ð°Ñ Ñапка Ñ Ð»Ð¾Ð³Ð¾Ñипом и бÑÑгеÑом --> 1071<div class="mobile-header" id="mobileHeader"> 1072 <div onclick="location.href='/'" class="mobile-header-logo"></div> 1073 <div class="mobile-menu-toggle" id="mobileMenuToggle"> 1074 <span></span> 1075 <span></span> 1076 <span></span> 1077 </div> 1078</div> 1079 1080<div class="mobile-menu" id="mobileMenu"> 1081 <!-- ÐогоÑип в мобилÑном Ð¼ÐµÐ½Ñ --> 1082 <div class="mobile-logo" onclick="location.href='/'"></div> 1083 1084 <ul class="mobile-nav"> 1085 <li class="mobile-nav-item has-children"> 1086 <a href="/company">РнаÑ</a> 1087 <ul class="mobile-submenu"> 1088 <li class="mobile-submenu-item"><a href="/company">Ркомпании</a></li> 1089 <li class="mobile-submenu-item"><a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a></li> 1090 <li class="mobile-submenu-item"><a href="/novosti">ÐовоÑÑи</a></li> 1091 <li class="mobile-submenu-item"><a href="/video">ÐаÑе видео</a></li> 1092 <li class="mobile-submenu-item"><a href="/vacansii">
1092ÐаканÑии</a></li> 1093 <li class="mobile-submenu-item"><a href="/reviews">ÐÑзÑвÑ</a></li> 1094 </ul> 1095 </li> 1096 1097 <li class="mobile-nav-item has-children"> 1098 <a href="/produkciya">ÐаÑалог пÑодÑкÑии</a> 1099 <div class="mobile-catalog-submenu"> 1100 <div class="mobile-catalog-grid"> 1101 <div class="mobile-catalog-section"> 1102 <h4>ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</h4> 1103 <a href="/baza-buklety-listovki-hengery-vizitki">ÐиÑÑовки и визиÑки</a> 1104 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ</a> 1105 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑоÑÑÑÑ</a> 1106 <a href="/baza-buklety-listovki-hengery-vizitki">ÐлакаÑÑ</a> 1107 </div> 1108 1109 <div class="mobile-catalog-section"> 1110 <h4>ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</h4> 1111 <a href="/produkciya/zhurnaly-i-gazety-new">ÐÑÑналÑ</a> 1112 <a href="/produkciya/zhurnaly-i-gazety-new">ÐазеÑÑ</a> 1113 <a href="/produkciya/zhurnaly-i-gazety-new">Ðжегодники</a> 1114 </div> 1115 1116 <div class="mobile-catalog-section"> 1117 <h4>ÐÑкÑÑÑки, пакеÑÑ, календаÑи</h4> 1118 <a href="">ÐалендаÑи</a> 1119 <a href="/produkciya/otkrytki-pakety-kalendari">ÐлокноÑÑ</a> 1120 <a href="/produkciya/otkrytki-pakety-kalendari">Ðжедневники</a> 1121 <a href="/produkciya/otkrytki-pakety-kalendari">ÐÑкÑÑÑки</a> 1122 </div> 1123 1124 <div class="mobile-catalog-section"> 1125 <h4>УдоÑÑовеÑениÑ, заÑеÑки, амбаÑнÑе жÑÑналÑ</h4> 1126 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Ðланки</a> 1127 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 1128 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 1129 </div> 1130 1131 <div class="mobile-catalog-section"> 1132 <h4>Ðниги и игÑÑ</h4> 1133 <a href="/produkciya/knigi-i-igry">ÐеÑÑкие книги</a> 1134 <a href="/produkciya/knigi-i-igry">Ðниги</a> 1135 <a href="/produkciya/knigi-i-igry">ÐлÑбомÑ</a> 1136 <a href="/produkciya/knigi-i-igry">ÐногоÑомнÑе изданиÑ</a> 1137 </div> 1138 1139 <div class="mobile-catalog-section"> 1140 <h4>ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</h4> 1141 <a href="/produkciya/etiketki-korobki-instrukcii">Упаковка</a> 1142 <a href="/produkciya/etiketki-korobki-instrukcii">ÐÑикеÑки</a> 1143 <a href="/produkciya/etiketki-korobki-instrukcii">ЯÑлÑки и биÑки</a> 1144 </div> 1145 </div> 1146 </div> 1147 </li> 1148 1149 <li class="mobile-nav-item"><a href="/trebovaniya-k-maketu">ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ</a></li> 1150 1151 <li class="mobile-nav-item has-children"> 1152 <a href="/prays-oplata/oplata">ÐплаÑа и ÑеквизиÑÑ</a> 1153 <ul class="mobile-submenu"> 1154 <li class="mobile-submenu-item"><a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a></li> 1155 <li class="mobile-submenu-item"><a href="/company/requisites">РеквизиÑÑ</a></li> 1156 </ul> 1157 </li> 1158 1159 <li class="mobile-nav-item has-children"> 1160 <a href="/kak-vybrat-tipografiyu">ÐомоÑÑ</a> 1161 <ul class="mobile-submenu"> 1162 <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ</a></li> 1163 <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a></li> 1164 <li class="mobile-submenu-item"><a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки <br> пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></li> 1165 <li class="mobile-submenu-item"><a href="/cookie">ÐолиÑика в оÑноÑении <br> Ñайлов cookie</a></li> 1166 </ul> 1167 </li> 1168 1169 <li class="mobile-nav-item"><a href="/contacts">ÐонÑакÑÑ</a></li> 1170 </ul> 1171 1172 <!-- ÐонÑакÑÐ½Ð°Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ --> 1173 <div class="mobile-contacts"> 1174 <a href="tel:" class="mobile-phone"></a> 1175 <div id="mySity-header" class="mobile-address"><div class="change-city-location" data-toggle="modal" data-target=".modal-change-city-location"><i class="w2p-icon-pin2 w2p-size-20"></i><span class="city-location-name" data-toggle="tooltip" data-placement="bottom">Чикаго</span></div> 1176 </div> 1177 1178 <div class="mobile-social"> 1179 <a href="https://vk.com/konstantaprint" title="ÐÐонÑакÑе">VK</a> 1180 <a href="https://t.me/konstantaprint" title="Telegram">TG</a> 1181 </div> 1182 </div> 1183</div> 1184
1185<script> 1186// ФÑнкÑионал гамбÑÑгеÑ-Ð¼ÐµÐ½Ñ 1187document.addEventListener('DOMContentLoaded', function() { 1188 const mobileHeader = document.getElementById('mobileHeader'); 1189 const mobileMenuToggle = document.getElementById('mobileMenuToggle'); 1190 const mobileMenu = document.getElementById('mobileMenu'); 1191 const mobileNavItems = document.querySelectorAll('.mobile-nav-item.has-children'); 1192 const mobileLogo = document.querySelector('.mobile-logo'); 1193 const mobileHeaderLogo = document.querySelector('.mobile-header-logo'); 1194 1195 // ÐеÑеклÑÑение Ð¼ÐµÐ½Ñ 1196 mobileMenuToggle.addEventListener('click', function() { 1197 this.classList.toggle('active'); 1198 mobileMenu.classList.toggle('active'); 1199 1200 // ÐлокиÑÑем ÑкÑолл ÑÑÑаниÑÑ Ð¿Ñи оÑкÑÑÑом Ð¼ÐµÐ½Ñ 1201 if (mobileMenu.classList.contains('active')) { 1202 document.body.style.overflow = 'hidden'; 1203 } else { 1204 document.body.style.overflow = ''; 1205 } 1206 1207 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ Ð¿Ñи закÑÑÑии оÑновного Ð¼ÐµÐ½Ñ 1208 if (!mobileMenu.classList.contains('active')) { 1209 mobileNavItems.forEach(item => { 1210 item.classList.remove('active'); 1211 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1212 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1213 if (submenu) { 1214 submenu.classList.remove('active'); 1215 } 1216 }); 1217 } 1218 }); 1219 1220 // ÐеÑеклÑÑение Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1221 mobileNavItems.forEach(item => { 1222 const link = item.querySelector('a'); 1223 1224 link.addEventListener('click', function(e) { 1225 // ÐÐ»Ñ ÑлеменÑов Ñ Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ Ð¿ÑедоÑвÑаÑаем пеÑÐµÑ Ð¾Ð´ по ÑÑÑлке 1226 if (item.classList.contains('has-children')) { 1227 e.preventDefault(); 1228 item.classList.toggle('active'); 1229 1230 // ÐÐ°Ñ Ð¾Ð´Ð¸Ð¼ ÑооÑвеÑÑÑвÑÑÑее Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1231 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1232 if (submenu) { 1233 submenu.classList.toggle('active'); 1234 } 1235 } 1236 }); 1237 }); 1238 1239 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на логоÑип в Ñапке 1240 if (mobileHeaderLogo) { 1241 mobileHeaderLogo.addEventListener('click', function() { 1242 mobileMenuToggle.classList.remove('active'); 1243 mobileMenu.classList.remove('active'); 1244 document.body.style.overflow = ''; 1245 1246 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1247 mobileNavItems.forEach(item => { 1248 item.classList.remove('active'); 1249 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1250 if (submenu) { 1251 submenu.classList.remove('active'); 1252 } 1253 }); 1254 }); 1255 } 1256 1257 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на логоÑип в Ð¼ÐµÐ½Ñ 1258 if (mobileLogo) { 1259 mobileLogo.addEventListener('click', function() { 1260 mobileMenuToggle.classList.remove('active'); 1261 mobileMenu.classList.remove('active'); 1262 document.body.style.overflow = ''; 1263 1264 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1265 mobileNavItems.forEach(item => { 1266 item.classList.remove('active'); 1267 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1268 if (submenu) { 1269 submenu.classList.remove('active'); 1270 } 1271 }); 1272 }); 1273 } 1274 1275 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на ÑÑÑÐ»ÐºÑ Ð±ÐµÐ· Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1276 document.querySelectorAll('.mobile-nav-item:not(.has-children) a, .mobile-submenu-item a, .mobile-catalog-section a').forEach(link => { 1277 link.addEventListener('click', function() { 1278 mobileMenuToggle.classList.remove('active'); 1279 mobileMenu.classList.remove('active'); 1280 document.body.style.overflow = ''; 1281 }); 1282 }); 1283 1284 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике вне его облаÑÑи 1285 document.addEventListener('click', function(e) { 1286 if (!mobileMenu.contains(e.target) && !mobileMenuToggle.contains(e.target) && !mobileHeader.contains(e.target)) { 1287 mobileMenuToggle.classList.remove('active'); 1288 mobileMenu.classList.remove('active'); 1289 document.body.style.overflow = ''; 1290 1291 // ÐакÑÑваем вÑе подменÑ
1292 mobileNavItems.forEach(item => { 1293 item.classList.remove('active'); 1294 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1295 if (submenu) { 1296 submenu.classList.remove('active'); 1297 } 1298 }); 1299 } 1300 }); 1301 1302 // ÐбновлÑем конÑакÑнÑе даннÑе в завиÑимоÑÑи Ð¾Ñ Ð³Ð¾Ñода 1303 function updateMobileContacts() { 1304 const cityHeader = document.getElementById('mySity-header'); 1305 if (cityHeader) { 1306 const city = cityHeader.textContent; 1307 console.log(city + 'ШÐÐÐÐ'); 1308 const phoneElement = document.querySelector('.mobile-phone'); 1309 const addressElement = document.querySelector('.mobile-address'); 1310 1311 if (city.includes('ÐÑÑÑк')) { 1312 phoneElement.textContent = '+7 (4712) 200-720'; 1313 phoneElement.href = 'tel:+74712200720'; 1314 addressElement.innerHTML = 'ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 1315 } else if (city.includes('ÐÑел') || city.includes('ÐÑÑл') || city.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) { 1316 phoneElement.textContent = '+7 (4862) 43-20-10'; 1317 phoneElement.href = 'tel:+74862432010'; 1318 addressElement.innerHTML = 'ÐÑел, Ñл. ÐоÑковÑкаÑ, 98'; 1319 } else { 1320 phoneElement.textContent = '+7 (4722) 300-720'; 1321 addressElement.innerHTML = 'пгÑ. СевеÑнÑй, Ñл. ÐеÑезоваÑ, 1/12'; 1322 } 1323 } 1324 } 1325 1326 // ÐÑзÑваем ÑÑнкÑÐ¸Ñ Ð¿Ð¾Ñле загÑÑзки DOM 1327 setTimeout(updateMobileContacts, 100); 1328}); 1329 1330// ÐÑклÑÑаем ÑкÑолл-Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ 1331window.addEventListener('resize', function() { 1332 const scrollMenu = document.getElementById('scrollMenu'); 1333 if (window.innerWidth <= 600 && scrollMenu) { 1334 scrollMenu.style.display = 'none'; 1335 } 1336}); 1337 1338// ÐниÑиализаÑÐ¸Ñ Ð¿Ñи загÑÑзке 1339window.addEventListener('load', function() { 1340 if (window.innerWidth <= 600) { 1341 const scrollMenu = document.getElementById('scrollMenu'); 1342 if (scrollMenu) { 1343 scrollMenu.style.display = 'none'; 1344 } 1345 } 1346}); 1347</script>
1347 1348 1349 1350 1351 1352<style> 1353/* ==== ÐСÐÐÐРФÐÐСÐÐ ÐÐÐÐÐÐРШÐÐÐÐ ==== */ 1354.my-header-scroll-menu { 1355 position: fixed; 1356 top: 0; 1357 left: 0; 1358/*margin-left: 20%;*/ 1359 width: 100%; 1360 background: #fff; 1361 box-shadow: 0 2px 8px rgba(0,0,0,0.1); 1362 z-index: 9999; 1363 font-family: 'Arial', sans-serif; 1364} 1365 1366/* ÐеÑÑ Ð½ÑÑ Ð»Ð¸Ð½Ð¸Ñ */ 1367.my-header-top { 1368 display: flex; 1369 justify-content: space-between; 1370 align-items: center; 1371 padding: 8px 40px; 1372 border-bottom: 1px solid #eee; 1373 font-size: 14px; 1374 color: #333; 1375width: 70%; 1376margin-left: 13%; 1377} 1378 1379.my-header-top .my-header-left { 1380 display: flex; 1381 align-items: center; 1382 gap: 20px; 1383} 1384 1385.my-header-logo img { 1386 height: 40px; 1387} 1388 1389.my-header-top .my-header-right { 1390 display: flex; 1391 align-items: center; 1392 gap: 25px; 1393} 1394 1395.my-header-top .my-header-right a { 1396 color: #003366; 1397 text-decoration: none; 1398 font-weight: 500; 1399} 1400 1401/* ÐижнÑÑ Ð»Ð¸Ð½Ð¸Ñ (менÑ) */ 1402.my-header-bottom { 1403 display: flex; 1404 justify-content: center; 1405 align-items: center; 1406 height: 50px; 1407 width: 100%; 1408 1409} 1410 1411.my-header-nav-menu { 1412 display: flex; 1413 gap: 40px; 1414 align-items: center; 1415} 1416 1417.my-header-nav-item { 1418 position: relative; 1419} 1420 1421.my-header-nav-item > a { 1422 text-decoration: none; 1423 color: #000; 1424 font-size: 15px; 1425 font-weight: 500; 1426 padding-bottom: 4px; 1427 display: inline-block; 1428 transition: color 0.2s, border-color 0.2s; 1429} 1430 1431.my-header-nav-item > a:hover, 1432.my-header-nav-item.active > a { 1433 color: #004c99; 1434 border-bottom: 2px solid #004c99; 1435} 1436 1437/* ÐÑпадаÑÑее Ð¼ÐµÐ½Ñ */ 1438.my-header-dropdown { 1439 display: none; 1440 position: absolute; 1441 top: 100%; 1442 left: 0; 1443 background: #fff; 1444 box-shadow: 0 4px 16px rgba(0,0,0,0.1); 1445 border-radius: 4px; 1446 min-width: 220px; 1447 padding: 10px 0; 1448 z-index: 10000; 1449} 1450 1451.my-header-dropdown a { 1452 display: block; 1453 padding: 10px 20px; 1454 color: #000; 1455 text-decoration: none; 1456 font-size: 14px; 1457} 1458 1459.my-header-dropdown a:hover { 1460 background: #f5f8ff; 1461 color: #004c99; 1462} 1463 1464.my-header-nav-item:hover .my-header-dropdown { 1465 display: block; 1466} 1467 1468/* ÐаÑалог: болÑÑой вÑпадаÑÑий мега-Ð¼ÐµÐ½Ñ */ 1469.my-header-catalog-mega { 1470 left: -100px; 1471 width: 1200px; 1472 display: none; /* по ÑмолÑÐ°Ð½Ð¸Ñ ÑкÑÑÑо, пÑи hover - показÑваеÑÑÑ */ 1473 position: absolute; 1474 top: 100%; 1475 background: #fff; 1476 padding: 18px; 1477 box-shadow: 0 6px 24px rgba(0,0,0,0.12); 1478 border-radius: 4px; 1479 z-index: 10000; 1480} 1481 1482/* СеÑка внÑÑÑи каÑалога */ 1483.my-header-catalog-grid { 1484 display: grid; 1485 grid-template-columns: repeat(3, 1fr); 1486 gap: 24px; 1487 align-items: start; 1488} 1489 1490/* Ðлок Ñаздела в каÑалоге */ 1491.my-header-cat-block strong { 1492 display: flex; 1493 align-items: center; 1494 gap: 10px; 1495 margin-bottom: 10px; 1496 font-size: 15px; 1497} 1498 1499/* Ðконки ÑÑдом Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ°Ð¼Ð¸ (SVG inline) */ 1500.my-header-cat-icon { 1501 width: 36px; 1502 height: 36px; 1503 display: inline-flex; 1504 align-items: center; 1505 justify-content: center; 1506 background: #f3f7fb; 1507 border-radius: 6px; 1508 flex: 0 0 36px; 1509} 1510 1511/* СÑÑлка внÑÑÑи блока (ÑпиÑок) */ 1512.my-header-cat-block a { 1513 display: block; 1514 padding: 6px 0; 1515 color: #0b4f88; 1516 text-decoration: none; 1517 font-size: 13.5px; 1518} 1519 1520.my-header-cat-block a:hover { 1521 color: #004c99; 1522 text-decoration: underline; 1523} 1524 1525/* ÐоказаÑÑ Ð¼ÐµÐ³Ð°-Ð¼ÐµÐ½Ñ Ð¿Ñи hover */ 1526.my-header-nav-item--catalog:hover .my-header-catalog-mega { 1527 display: block; 1528} 1529 1530/* ÐÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1531body, main, #allrecords { 1532 margin: 0; 1533 padding-top: 110px; /* вÑÑоÑа Ñапки */ 1534} 1535 1536/* Ðконка поиÑка */ 1537.my-header-search-icon { 1538 font-size: 18px; 1539 cursor: pointer; 1540} 1541 1542/* ÐдапÑив */ 1543@media (max-width: 900px) { 1544 .my-header-top, .my-header-bottom { 1545 flex-direction: column; 1546 padding: 10px 20px; 1547 } 1548 .my-header-nav-menu { 1549 flex-wrap: wrap; 1550 justify-content: center; 1551 gap: 20px; 1552 } 1553 .my-header-catalog-mega { 1554 position: static; 1555 width: 100%; 1556 box-shadow: none; 1557 padding: 12px; 1558 } 1559 .my-header-catalog-grid { 1560 grid-template-columns: repeat(1, 1fr); 1561 } 1562 /* ÐÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1563body, main, #allrecords { 1564 margin: 0; 1565 padding-top: 50px; /* вÑÑоÑа Ñапки */ 1566} 1567} 1568.img-nav-menu 1569{ 1570 width: 50px; 1571 heidth: 50px; 1572} 1573/* strong */ 1574strong .text-headers-adress, 1575.text-headers-adress { 1576 color: black; 1577 font-size: 12px; 1578 text-decoration: none !important; 1579 font-weight: normal; 1580 display: inline-block; 1581} 1582 1583strong .text-headers-adress:hover, 1584.text-headers-adress:hover { 1585 text-decoration: none !important; 1586 font-weight: bold; 1587} 1588 1589</style> 1590 1591 1592<header class="my-header-scroll-menu" id="scrollMenu"> 1593 <div class="my-header-top" id="top-header-none"> 1594 <div class="my-header-left"> 1595 <a href='/' class="my-header-logo"> 1596 <img onclick="location.href='/'" style="cursor:pointer;" src="/logo.png" alt="ÐогоÑип"> 1597 </a> 1598 1599 </div> 1600 1601 <div class="my-header-right"> 1602<span style="width: 300px;"> 1603 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewB
1603ox="0 0 13 16"> 1604 <defs> 1605 <style> 1606 .cls-1 { 1607 fill-rule: evenodd; 1608 fill: #2c5aa0; 1609 } 1610 </style> 1611 </defs> 1612 <path data-name="Ellipse 74 copy" class="cls-1" d="M763.9,42.916h0.03L759,49h-1l-4.933-6.084h0.03a6.262,6.262,0,0,1-1.1-3.541,6.5,6.5,0,0,1,13,0A6.262,6.262,0,0,1,763.9,42.916ZM758.5,35a4.5,4.5,0,0,0-3.741,7h-0.012l3.542,4.447h0.422L762.289,42H762.24A4.5,4.5,0,0,0,758.5,35Zm0,6a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,758.5,41Z" transform="translate(-752 -33)"></path> 1613 </svg> 1614 <a id="adress-company" style="width: 100px; text-decoration: none; color: #2c5aa0;" href="/contacts"> </a></span> 1615 <span id="mySity" style=" color: #2c5aa0;"><div class="change-city-location" data-toggle="modal" data-target=".modal-change-city-location"><i class="w2p-icon-pin2 w2p-size-20"></i><span class="city-location-name" data-toggle="tooltip" data-placement="bottom">Чикаго</span></div></span> 1616 <span id="phone" class="phone"></span> 1617 <!-- СоÑÑеÑÑ --> 1618 <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK"> 1619 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 1620 <path class="cls-1" d="M10.994,6.771v3.257a0.521,0.521,0,0,0,.426.351c0.3,0,.978-1.8,1.279-2.406a1.931,1.931,0,0,1,.738-0.826A0.61,0.61,0,0,1,13.8,6.992h2.878a0.464,0.464,0,0,1,.3.727,29.378,29.378,0,0,1-2.255,2.736,1.315,1.315,0,0,0-.238.55,1.2,1.2,0,0,0,.313.627c0.2,0.226,1.816,2,1.966,2.155a1.194,1.194,0,0,1,.276.576,0.765,0.765,0,0,1-.8.614c-0.627,0-2.167,0-2.342,0a2.788,2.788,0,0,1-.952-0.565c-0.226-.2-1.153-1.152-1.278-1.277a2.457,2.457,0,0,0,.024-0.363,0.826,0.826,0,0,0-.7.8,4.083,4.083,0,0,1-.238,1.139,1.024,1.024,0,0,1-.737.275A5,5,0,0,1,7.1,14.262,14.339,14.339,0,0,1,2.9,9.251C2.127,7.708,1.953,7.468,2,7.293s0.05-.3.226-0.3,2.39,0,2.606,0a0.851,0.851,0,0,1,.351.326c0.075,0.1.647,1.056,0.822,1.356S7.046,10.38,7.513,10.38a0.6,0.6,0,0,0,.474-0.7c0-.4,0-1.979,0-2.18a1.94,1.94,0,0,0-.978-1A1.261,1.261,0,0,1,7.937,6c0.6-.025,2.1-0.025,2.43.024A0.779,0.779,0,0,1,10.994,6.771Z"></path> 1621 </svg> 1622 </a> 1623 </div> 1624 </div> 1625
1626<script> 1627 // ÐÑвеÑÑи Ð½Ð¾Ð¼ÐµÑ ÑелеÑона 1628 let mySity = document.getElementById('mySity').textContent; 1629 console.log(mySity + ' ШÐÐÐÐ'); 1630 if (mySity.includes('ÐÑÑÑк')) 1631 { 1632 document.getElementById('phone').innerHTML = '+7 (4712) 200-720'; 1633 document.getElementById('adress-company').innerHTML = 'ÐÑÑÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð³. ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 1634 } 1635 else if (mySity.includes('ÐÑел') || mySity.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) 1636 { 1637 document.getElementById('phone').innerHTML = '+7 (4862) 43-20-10'; 1638 document.getElementById('adress-company').innerHTML = 'ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, г. ÐÑел, Ñл.ÐоÑковÑкаÑ, 98 (ÐÑÑ. ÐкÑан)'; 1639 } 1640 else 1641 { 1642 document.getElementById('phone').innerHTML = `+7 (4722) 300-720`; 1643 document.getElementById('adress-company').innerHTML = ' ÐелгоÑодÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð¿Ð³Ñ. СевеÑнÑй, Ñл.ÐеÑезоваÑ, 1/12'; 1644 } 1645 1646window.addEventListener('scroll', () => { 1647 //console.log('Y:', window.scrollY, 'X:', window.scrollX); 1648}); 1649</script>
1649 1650 <div class="my-header-bottom"> 1651 <nav class="my-header-nav-menu"> 1652 <!-- Ð Ð½Ð°Ñ --> 1653 <div class="my-header-nav-item"> 1654 <a href="/company">Ð Ð½Ð°Ñ â¾</a> 1655 <div class="my-header-dropdown"> 1656 <a href="/company">Ркомпании</a> 1657 <a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a> 1658 <a href="/novosti">ÐовоÑÑи</a> 1659 <a href="/video">ÐаÑе видео</a> 1660 <a href="/vacansii">ÐаканÑии</a> 1661 <a href="/reviews">ÐÑзÑвÑ</a> 1662 </div> 1663 </div> 1664 1665 <!-- ÐаÑалог пÑодÑкÑии (мега-Ð¼ÐµÐ½Ñ Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸) --> 1666 <div class="my-header-nav-item my-header-nav-item--catalog"> 1667 <a href="/produkciya">ÐаÑалог пÑодÑкÑии â¾</a> 1668 1669 <div class="my-header-catalog-mega" aria-hidden="true"> 1670 <div class="my-header-catalog-grid"> 1671 <!-- Ðлок 1 --> 1672 <div class="my-header-cat-block"> 1673 <div style="display:flex; align-items:flex-start; gap:10px;"> 1674 <div class="my-header-cat-icon" aria-hidden="true"> 1675 <!-- ÐÑÐ¸Ð¼ÐµÑ SVG иконки --> 1676 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt=""> 1677 </div> 1678 <div> 1679 <strong><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, визиÑки</a></strong> 1680 <a href="/produkciya/buklety">ÐиÑÑовки и визиÑки</a> 1681 <a href="/produkciya/broshyury">ÐÑклеÑÑ</a> 1682 <a href="/produkciya/plakaty">ÐÑоÑÑÑÑ</a> 1683 <a href="/produkciya/hengery">ÐлакаÑÑ</a> 1684 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑÑ </a> 1685 </div> 1686 </div> 1687 </div> 1688 1689 <!-- Ðлок 2 --> 1690 <div class="my-header-cat-block"> 1691 <div style="display:flex; align-items:flex-start; gap:10px;"> 1692 <div class="my-header-cat-icon" aria-hidden="true"> 1693 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt=""> 1694 </div> 1695 <div> 1696 <strong><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></strong> 1697 <a href="/produkciya/kalendari">ÐалендаÑи</a> 1698 <a href="/produkciya/bloknoty">ÐлокноÑÑ</a> 1699 <a href="/produkciya/ezhednevniki">Ðжедневники</a> 1700 <a href="/produkciya/otkrytki">ÐÑкÑÑÑки</a> 1701 <a href="/otkrytki-pakety-kalendari">ÐÑÑ </a> 1702 </div> 1703 </div> 1704 </div> 1705 1706 <!-- Ðлок 3 --> 1707 <div class="my-header-cat-block"> 1708 <div style="display:flex; align-items:flex-start; gap:10px;"> 1709 <div class="my-header-cat-icon" aria-hidden="true"> 1710 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt=""> 1711 </div> 1712 <div> 1713 <strong> <a class="text-headers-adress" href="/knigi-i-igry">Ðниги и игÑÑ</a></strong> 1714 <a href="/produkciya/detskie-knigi">ÐеÑÑкие книги</a> 1715 <a href="/produkciya/knigi">Ðниги</a> 1716 <a href="/produkciya/al-bomy">ÐлÑбомÑ</a> 1717 <a href="/produkciya/mnogotomnye-izdaniya">ÐногоÑомнÑе изданиÑ</a> 1718 <a href="/knigi-i-igry">ÐÑÑ </a> 1719 </div> 1720 </div> 1721 </div> 1722 1723 <!-- Ðлок 4 --> 1724 <div class="my-header-cat-block"> 1725 <div style="display:flex; align-items:flex-start; gap:10px;"> 1726 <div class="my-header-cat-icon" aria-hidden="true"> 1727 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt=""> 1728 </div> 1729 <div> 1730 <strong><a class="text-headers-adress" href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></strong> 1731 <a href="/produkciya/zhurnaly">ÐÑÑналÑ</a> 1732 <a href="/produkciya/gazety">ÐазеÑÑ</a> 1733 <a href="/produkciya/ezhegodniki">Ðжегодники</a> 1734 </div> 1735 </div> 1736 </div> 1737 1738 <!-- Ðлок 5 --> 1739 <div class="my-header-cat-block"> 1740 <div style="display:flex; align-items:flex-start; gap:10px;"> 1741 <div class="my-header-cat-icon" aria-hidden="true"> 1742 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt=""> 1743 </div> 1744 <div> 1745 <strong> 1746 <a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑÑÑки, амбаÑнÑе жÑÑналÑ</a></strong> 1747 <a href="/produkciya/blanki">Ðланки</a> 1748 <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 1749 <a href="/produkciya/ambarnaya-produkciya">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 1750 </div> 1751 </div> 1752 </div> 1753 1754 <!-- Ðлок 6 --> 1755 <div class="my-header-cat-block"> 1756 <div style="display:flex; align-items:flex-start; gap:10px;"> 1757 <div class="my-header-cat-icon" aria-hidden="true"> 1758 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt=""> 1759 </div> 1760 <div> 1761 <strong><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
1761ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></strong> 1762 <a href="/produkciya/upakovka">Упаковка</a> 1763 <a href="/produkciya/etiketki">ÐÑикеÑки</a> 1764 <a href="/produkciya/yarlyki-i-birki">ЯÑлÑки и биÑки</a> 1765 </div> 1766 </div> 1767 </div> 1768 </div> <!-- /.my-header-catalog-grid --> 1769 </div> <!-- /.my-header-catalog-mega --> 1770 </div> 1771 1772 <!-- ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ --> 1773 <div class="my-header-nav-item"> 1774 <a href="/trebovaniya-k-maketu">ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ</a> 1775 </div> 1776 1777 <!-- ÐÑÐ°Ð¹Ñ Ð¸ оплаÑа --> 1778 <div class="my-header-nav-item"> 1779 <a href="/prays-oplata/oplata">ÐплаÑа и РеквизиÑÑâ¾</a> 1780 <div class="my-header-dropdown"> 1781 <a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a> 1782 <a href="/company/requisites">РеквизиÑÑ</a> 1783 </div> 1784 </div> 1785 1786 <!-- ÐомоÑÑ --> 1787 <div class="my-header-nav-item"> 1788 <a href="/kak-vybrat-tipografiyu">ÐомоÑÑ â¾</a> 1789 <div class="my-header-dropdown"> 1790 <a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a> 1791 <a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ?</a> 1792 <a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки <br> пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a> 1793 <a href="/cookie">ÐолиÑика в оÑноÑении <br> Ñайлов cookie</a> 1794 </div> 1795 </div> 1796 1797 <!-- ÐонÑакÑÑ --> 1798 <div class="my-header-nav-item"> 1799 <a href="/contacts">ÐонÑакÑÑ</a> 1800 </div> 1801 1802 <!-- ÐоиÑк --> 1803 1804 </nav> 1805 </div> 1806</header> 1807
1808<script> 1809 document.addEventListener('DOMContentLoaded', () => { 1810 const menu = document.getElementById('scrollMenu'); 1811 const path = window.location.pathname; 1812 1813 // ÑкÑÑваем ÑÐ°Ð¿ÐºÑ Ð½Ð° главной (как Ñ ÑÐµÐ±Ñ Ð±Ñло) 1814 if (path === '/' || path === '/index.html') { 1815 menu.style.display = 'none'; 1816 document.body.style.paddingTop = '0'; 1817 } 1818 1819 // ÐополниÑелÑно: еÑли нÑжно закÑÑваÑÑ Ð¼ÐµÐ³Ð°-Ð¼ÐµÐ½Ñ Ð¿Ñи клике вне его (полезно на мобиле) 1820 document.addEventListener('click', (e) => { 1821 // еÑли кликнÑли вне каÑалога и не на ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÐºÐ°Ñалога â закÑÑÑÑ (на ÑлÑÑай, еÑли иÑполÑзÑÑÑÑÑ ÐºÐ»Ð°ÑÑÑ Ð´Ð»Ñ Ð¿Ð¾ÐºÐ°Ð·Ð°). 1822 // ÐдеÑÑ Ð½Ð¸Ñего не делаем, поÑÐ¾Ð¼Ñ ÑÑо Ð¼Ñ Ð¸ÑполÑзÑем hover Ð´Ð»Ñ Ð¿Ð¾ÐºÐ°Ð·Ð°; оÑÑавлено Ð´Ð»Ñ ÑаÑÑиÑениÑ. 1823 }); 1824 }); 1825</script>
1825
1825<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/konstanta-print.ru","name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","url":"https:\/\/konstanta-print.ru"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/konstanta-print.ru\/contacts","name":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435","url":"https:\/\/konstanta-print.ru\/contacts"}}]}</script>
1825 1826 <div class="container container-breadcrumb"><ul class="breadcrumb"><li><a href="/">ÐлавнаÑ</a></li><li class="active">ÐонÑакÑнÑе даннÑе</li></ul></div>
1826<script type="application/ld+json"> 1827 {"@context":"https:\/\/schema.org","@type":"Organization","name":"\u041e\u041e\u041e \u00ab\u041a\u041e\u041d\u0421\u0422\u0410\u041d\u0422\u0410\u00bb","address":{"@type":"PostalAddress","streetAddress":"\u043f\u0433\u0442. \u0421\u0435\u0432\u0435\u0440\u043d\u044b\u0439, \u0443\u043b.\u0411\u0435\u0440\u0435\u0437\u043e\u0432\u0430\u044f, 1\/12","telephone":"+7 (4722) 300-720","email":"[email protected]"},"sameAs":["https:\/\/vk.me\/konstantaprint","https:\/\/t.me\/konstantaprint"]}</script>
1827 1828 <div class="container"> 1829 <div class="content-html-source"> 1830 <style> 1831 /* ÐазовÑе ÑÑили */ 1832 * { 1833 box-sizing: border-box; 1834 margin: 0; 1835 padding: 0; 1836 } 1837 1838 body { 1839 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; 1840 line-height: 1.6; 1841 color: #333; 1842 background-color: #fff; 1843 } 1844 1845 .my-geo-block { 1846 padding: 20px 15px; 1847 max-width: 1200px; 1848 margin: 0 auto; 1849 } 1850 1851 .my-geo-container { 1852 display: flex; 1853 flex-direction: column; 1854 gap: 30px; 1855 } 1856 1857 .my-geo-left img { 1858 width: 100%; 1859 height: auto; 1860 border-radius: 10px; 1861 box-shadow: 0 4px 12px rgba(0,0,0,0.1); 1862 } 1863 1864 .my-geo-right h2 { 1865 font-size: 22px; 1866 font-weight: 700; 1867 margin-bottom: 15px; 1868 color: #2c3e50; 1869 } 1870 1871 .my-geo-right p { 1872 font-size: 16px; 1873 line-height: 1.6; 1874 margin-bottom: 15px; 1875 } 1876 1877 .my-geo-map { 1878 margin-top: 25px; 1879 width: 100%; 1880 height: auto; 1881 display: block; 1882 cursor: pointer; 1883 transition: transform 0.3s ease; 1884 border-radius: 8px; 1885 box-shadow: 0 2px 8px rgba(0,0,0,0.1); 1886 } 1887 1888 .my-geo-map:active { 1889 transform: scale(0.98); 1890 } 1891 1892 /* СÑили модалÑного окна */ 1893 .my-modal { 1894 display: none; 1895 position: fixed; 1896 z-index: 10000; 1897 padding: 20px; 1898 left: 0; 1899 top: 0; 1900 width: 100%; 1901 height: 100%; 1902 overflow: auto; 1903 background-color: rgba(0,0,0,0.9); 1904 backdrop-filter: blur(5px); 1905 } 1906 1907 .my-modal-content { 1908 margin: auto; 1909 display: block; 1910 width: 100%; 1911 max-width: 600px; 1912 max-height: 80vh; 1913 border-radius: 8px; 1914 animation: zoom 0.3s; 1915 } 1916 1917 @keyframes zoom { 1918 from {transform: scale(0.8); opacity: 0;} 1919 to {transform: scale(1); opacity: 1;} 1920 } 1921 1922 .my-close { 1923 position: absolute; 1924 top: 15px; 1925 right: 25px; 1926 color: white; 1927 font-size: 35px; 1928 font-weight: bold; 1929 cursor: pointer; 1930 transition: 0.3s; 1931 width: 40px; 1932 height: 40px; 1933 display: flex; 1934 align-items: center; 1935 justify-content: center; 1936 background: rgba(0,0,0,0.5); 1937 border-radius: 50%; 1938 } 1939 1940 .my-close:active { 1941 background: rgba(255,255,255,0.2); 1942 } 1943 1944 /* СекÑÐ¸Ñ Ð¾Ð±ÑаÑной ÑвÑзи */ 1945 .feedback-section { 1946 margin-top: 40px; 1947 padding: 25px 20px; 1948 background-color: #f8f9fa; 1949 border-radius: 12px; 1950 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 1951 } 1952 1953 .feedback-header { 1954 margin-bottom: 20px; 1955 } 1956 1957 .feedback-header h5 { 1958 font-weight: bold; 1959 font-size: 18px; 1960 margin-bottom: 10px; 1961 color: #2c3e50; 1962 } 1963 1964 .feedback-content { 1965 width: 100%; 1966 } 1967 1968 /* ÐдапÑив Ð´Ð»Ñ Ð¿Ð»Ð°Ð½ÑеÑов и деÑкÑопов */ 1969 @media (min-width: 768px) { 1970 .my-geo-block { 1971 padding: 30px 20px; 1972 } 1973 1974 .my-geo-container { 1975 flex-direction: row; 1976 align-items: flex-start; 1977 gap: 40px; 1978 } 1979 1980 .my-geo-left { 1981 flex: 1 1 45%; 1982 } 1983 1984 .my-geo-right { 1985 flex: 1 1 50%; 1986 } 1987 1988 .my-geo-right h2 { 1989 font-size: 24px; 1990 } 1991 1992 .feedback-section { 1993 display: flex; 1994 gap: 40px; 1995 align-items: flex-start; 1996 } 1997 1998 .feedback-header { 1999 flex: 0 0 300px; 2000 margin-bottom: 0; 2001 } 2002 2003 .feedback-content { 2004 flex: 1; 2005 } 2006 } 2007 2008 @media (min-width: 1024px) { 2009 .my-geo-block { 2010 padding: 40px 30px; 2011 } 2012 2013 .my-geo-map:hover { 2014 transform: scale(1.03); 2015 } 2016 2017 .my-close:hover { 2018 color: #ccc; 2019 background: rgba(0,0,0,0.7); 2020 } 2021 } 2022 </style> 2023 2024 <section class="my-geo-block"> 2025 <div class="my-geo-container"> 2026 <!-- ÐÐµÐ²Ð°Ñ ÑаÑÑÑ: ÑÑ ÐµÐ¼Ð° пÑоезда --> 2027 <div class="my-geo-left"> 2028 <img src="https://static.wow2print.com/storage/4231/content/image/49228573268edfc3e9d8661.54069143.jpg" alt="Ð¡Ñ ÐµÐ¼Ð° пÑоезда"> 2029 </div> 2030 2031 <!-- ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ: ÑекÑÑ Ð¸ Ð²Ð½Ð¸Ð·Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ°Ñ ÐºÐ°ÑÑинка --> 2032 <div class="my-geo-right"> 2033 <h2>ÐеогÑаÑÐ¸Ñ Ð¿Ð¾ÑÑавок</h2> 2034 <p> 2035 ÐбÑаÑаем ÐаÑе внимание, ÑÑо поÑÑÐ°Ð²ÐºÑ Ð³Ð¾Ñовой полигÑаÑиÑеÑкой пÑодÑкÑии по ÐелгоÑÐ¾Ð´Ñ 2036 оÑÑÑеÑÑвлÑÐµÑ ÑобÑÑвеннÑй авÑомобилÑнÑй паÑк! СÑоимоÑÑÑ Ð´Ð¾ÑÑавки ÑаÑÑÑиÑÑваеÑÑÑ Ð¸ÑÑ Ð¾Ð´Ñ 2037 из паÑамеÑÑов заказа и адÑеÑа доÑÑавки. 2038 </p> 2039 <p> 2040 РоÑдалÑннÑе ÑÐµÐ³Ð¸Ð¾Ð½Ñ Ð´Ð¾ÑÑавка оÑÑÑеÑÑвлÑеÑÑÑ ÑÑанÑпоÑÑной компанией. 2041 </p> 2042 <p> 2043 СÑоимоÑÑÑ ÐÑ Ð¼Ð¾Ð¶ÐµÑе ÑзнаÑÑ Ñ ÐаÑего пеÑÑоналÑного менеджеÑа. ÐаÑа геогÑаÑÐ¸Ñ Ð¿Ð¾ÑÑавок â 2044 более 60 гоÑодов в РоÑÑии и ближнего заÑÑбежÑÑ. 2045 </p> 2046 2047 <!-- ÐаленÑÐºÐ°Ñ ÐºÐ°ÑÑинка --> 2048 <img src="https://static.wow2print.com/storage/4231/content/image/170640525168edfc5b3092a3.67816902.jpg" alt="ÐеогÑаÑÐ¸Ñ Ð¿Ð¾ÑÑавок" class="my-geo-map" id="myMapPreview"> 2049 </div> 2050 </div> 2051 2052 <!-- ÐодалÑное окно Ð´Ð»Ñ ÑвелиÑенного изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ --> 2053 <div id="myModal" class="my-modal">
2054 <span class="my-close">Ã</span> 2055 <img class="my-modal-content" id="myModalImg" alt=""> 2056 </div> 2057 </section> 2058 2059 <!-- <section class="feedback-section" id="form"> 2060 <div class="feedback-header"> 2061 <h5>ÐадаÑÑ Ð²Ð¾Ð¿ÑоÑ</h5> 2062 <p>ÐенеджеÑÑ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸ Ñ ÑадоÑÑÑÑ Ð¾ÑвеÑÑÑ Ð½Ð° ваÑи вопÑоÑÑ Ð¸ пÑоизведÑÑ ÑаÑÑÐµÑ ÑÑоимоÑÑи ÑÑлÑг и подгоÑовÑÑ Ð¸Ð½Ð´Ð¸Ð²Ð¸Ð´ÑалÑное коммеÑÑеÑкое пÑедложение.</p> 2063 </div> 2064 <div class="feedback-form-content" data-hash="0dd32d629f6f43b89cd5d2f1c6f69afe">ÐбÑаÑÐ½Ð°Ñ ÑвÑзÑ</div> 2065 </section> 2066-->
2067<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
2067 2068
2069<script> 2070 2071 $(document).on('mousedown', 'button[name="yt0"]', function (e) { 2072 e.preventDefault(); // запÑеÑиÑÑ Ð²ÑÑÑоенное поведение 2073 2074 // здеÑÑ ÑÐ²Ð¾Ñ ÑÑнкÑÐ¸Ñ 2075 sendMessage(); 2076 }); 2077 2078 2079// AJAX-ÑÑнкÑÐ¸Ñ 2080function sendMessage() { 2081 var name = document.getElementById('CallbackData_6').value; 2082 var email = document.getElementById('CallbackData_7').value; 2083 var phone = document.getElementById('CallbackData_8').value; 2084 var comment = document.getElementById('CallbackData_9').value; 2085 2086 var data = { name, email, phone, comment }; 2087 2088 $.ajax({ 2089 url: 'https://for-app.ru/konst_/getMessage.php', 2090 type: 'POST', 2091 dataType: 'json', 2092 contentType: 'application/json', 2093 data: JSON.stringify(data), 2094 success: function(response) { 2095 console.log('ÐÑÐ²ÐµÑ ÑеÑвеÑа:', response); 2096 if(response.status === 'success') { 2097 console.log('СообÑение оÑпÑавлено!'); 2098 // $('#CallbackData_6').val(''); 2099 // $('#CallbackData_7').val(''); 2100 // $('#CallbackData_8').val(''); 2101 // $('#CallbackData_9').val(''); 2102 } else { 2103 //alert('ÐÑибка: ' + response.message); 2104 } 2105 }, 2106 error: function(xhr, status, error) { 2107 console.error('ÐÑибка AJAX:', status, error); 2108 } 2109 }); 2110} 2111</script>
2111 2112 2113 2114 2115 2116
2116<script> 2117 2118 2119 document.addEventListener('DOMContentLoaded', function() { 2120 const modal = document.getElementById("myModal"); 2121 const img = document.getElementById("myMapPreview"); 2122 const modalImg = document.getElementById("myModalImg"); 2123 const closeBtn = document.getElementsByClassName("my-close")[0]; 2124 2125 img.onclick = function() { 2126 modal.style.display = "block"; 2127 modalImg.src = this.src; 2128 document.body.style.overflow = "hidden"; // ÐлокиÑÑем ÑкÑолл ÑÑÑаниÑÑ 2129 } 2130 2131 closeBtn.onclick = function() { 2132 modal.style.display = "none"; 2133 document.body.style.overflow = "auto"; // ÐоÑÑÑанавливаем ÑкÑолл 2134 } 2135 2136 window.onclick = function(e) { 2137 if (e.target === modal) { 2138 modal.style.display = "none"; 2139 document.body.style.overflow = "auto"; // ÐоÑÑÑанавливаем ÑкÑолл 2140 } 2141 } 2142 2143 // ÐакÑÑÑие модалÑного окна по нажаÑÐ¸Ñ ESC 2144 document.addEventListener('keydown', function(e) { 2145 if (e.key === "Escape" && modal.style.display === "block") { 2146 modal.style.display = "none"; 2147 document.body.style.overflow = "auto"; // ÐоÑÑÑанавливаем ÑкÑолл 2148 } 2149 }); 2150 }); 2151 2152 2153 2154 </script>
2154 </div> 2155 </div> 2156</div> 2157<footer class="my-footer"> 2158 <!-- ÐÐРХ: колонки --> 2159 <div class="my-footer-top"> 2160 <div class="my-footer-column"> 2161 <h4>ÐомпаниÑ</h4> 2162 <ul> 2163 <li><a href="/company">Ркомпании</a></li> 2164 <li><a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a></li> 2165 <li><a href="/novosti">ÐовоÑÑи</a></li> 2166 <li><a href="/video">ÐаÑе видео</a></li> 2167 <li><a href="/vacansii">ÐаканÑии</a></li> 2168 <li><a href="/reviews">ÐÑзÑвÑ</a></li> 2169 </ul> 2170 </div> 2171 2172 <div class="my-footer-column my-footer-column--wide"> 2173 <h4>ÐаÑалог</h4> 2174 <ul> 2175 <li><a href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</a></li> 2176 <li><a href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></li> 2177 <li><a href="/knigi-i-igry">Ðниги и игÑÑ</a></li> 2178 <li><a href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></li> 2179 <li><a href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑÑÑки, амбаÑнÑе жÑÑналÑ</a></li> 2180 <li><a href="/etiketki-korobki-instrukcii">ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></li> 2181 </ul> 2182 </div> 2183 2184 <div class="my-footer-column"> 2185 <h4>ÐплаÑа / РеквизиÑÑ</h4> 2186 <ul> 2187 <li><a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a></li> 2188 <li><a href="/company/requisites">РеквизиÑÑ</a></li> 2189 </ul> 2190 </div> 2191 2192 <div class="my-footer-column"> 2193 <h4>ÐомоÑÑ</h4> 2194 <ul> 2195 <li><a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a></li> 2196 <li><a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ</a></li> 2197 <li><a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></li> 2198 <li><a href="/cookie">ÐолиÑика в оÑноÑении Ñайлов cookie</a></li> 2199 </ul> 2200 </div> 2201 2202 <div class="my-footer-column my-footer-contacts"> 2203 <h4>ÐаÑи конÑакÑÑ</h4> 2204 2205 <div class="my-footer-contact-item"> 2206 <!-- ÑелеÑÐ¾Ð½Ð½Ð°Ñ ÑÑÑбка (SVG) --> 2207 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"> 2208 <path class="pcls-1" d="M14,11.052a0.5,0.5,0,0,0-.03-0.209,1.758,1.758,0,0,0-.756-0.527C12.65,10,12.073,9.69,11.515,9.363a2.047,2.047,0,0,0-.886-0.457c-0.607,0-1.493,1.8-2.031,1.8a2.138,2.138,0,0,1-.856-0.388A9.894,9.894,0,0,1,3.672,6.253,2.134,2.134,0,0,1,3.283,5.4c0-.536,1.8-1.421,1.8-2.027a2.045,2.045,0,0,0-.458-0.885C4.3,1.932,3.99,1.355,3.672.789A1.755,1.755,0,0,0,3.144.034,0.5,0.5,0,0,0,2.935,0,4.427,4.427,0,0,0,1.551.312,2.62,2.62,0,0,0,.5,1.524,3.789,3.789,0,0,0-.011,3.372a7.644,7.644,0,0,0,.687,2.6A9.291,9.291,0,0,0,1.5,7.714a16.783,16.783,0,0,0,4.778,4.769,9.283,9.283,0,0,0,1.742.825,7.673,7.673,0,0,0,2.608.686,3.805,3.805,0,0,0,1.851-.507,2.62,2.62,0,0,0,1.214-1.052A4.418,4.418,0,0,0,14,11.052Z"></path> 2209 </svg> 2210 <span id="phone-footer"> 2211 2212 </span> 2213 </div> 2214 2215 <div id="grafik-rabot-footer" class="my-footer-contact-sub"></div> 2216 2217 <div class="my-footer-contact-item"> 2218 <!-- меÑка (SVG) --> 2219 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" aria-hidden="true"> 2220 <path class="cls-1" d="M763.9,42.916h0.03L759,49h-1l-4.933-6.084h0.03a6.262,6.262,0,0,1-1.1-3.541,6.5,6.5,0,0,1,13,0A6.262,6.262,0,0,1,763.9,42.916ZM758.5,35a4.5,4.5,0,0,0-3.741,7h-0.012l3.542,4.447h0.422L762.289,42H762.24A4.5,4.5,0,0,0,758.5,35Zm0,6a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,758.5,41Z" transform="translate(-752 -33)"></path> 2221 </svg> 2222 <span id="adress-company-footer"></span> 2223 </div> 2224 2225 <div class="my-footer-contact-item"> 2226 <!-- конвеÑÑ (SVG) --> 2227 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" aria-hidden="true"> 2228 <path class="ecls-1" d="M14,13H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H14a2,2,0,0,1,2,2v9A2,2,0,0,1,14,13ZM3.534,2L8.015,6.482,12.5,2H3.534ZM14,3.5L8.827,8.671a1.047,1.047,0,0,1-.812.3,1.047,1.047,0,0,1-.811-0.3L2,3.467V11H14V3.5Z"></path> 2229 </svg> 2230 <a href="mailto:[email protected]" 2231 style="color: white; text-decoration: none;" 2232 onmouseover="this.style.textDecoration='none';" 2233 onmouseout="this.style.textDecoration='none';"> 2234 [email protected] 2235</a> 2236 </div> 2237 </div> 2238 </div> 2239 2240
2240<script> 2241 // ÐÑвеÑÑи Ð½Ð¾Ð¼ÐµÑ ÑелеÑона 2242 // console.log(mySity); 2243 if (mySity.includes('ÐÑÑÑк')) 2244 { 2245 document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; " onmouseout="this.style.textDecoration='none'; " href="tel:+7 (4712) 200-720"><strong>ÐÑиÑ:</strong>+7 (4712) 200-720 </a>`; 2246 document.getElementById('adress-company-footer').innerHTML = 'ÐÑÑÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð³. ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 2247 document.getElementById('grafik-rabot-footer').innerHTML = ''; 2248 } 2249 else if (mySity.includes('ÐÑел') || mySity.includes('ÐÑÑл') || mySity.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) 2250 { 2251 document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; " onmouseout="this.style.textDecoration='none';" href="tel:+7 (4862) 43-20-10"><strong>ÐÑиÑ:</strong>+7 (4862) 43-20-10</a>`; 2252 document.getElementById('adress-company-footer').innerHTML = 'ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, г. ÐÑел, Ñл.ÐоÑковÑкаÑ, 98 (ÐÑÑ. ÐкÑан)'; 2253 document.getElementById('grafik-rabot-footer').innerHTML = ''; 2254 } 2255 else 2256 { 2257 document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; " onmouseout="this.style.textDecoration='none';" href="tel:+7 (4722) 300-720"><strong>ÐÑиÑ:</strong>+7 (4722) 300-720</a>`; 2258 document.getElementById('adress-company-footer').innerHTML = ' ÐелгоÑодÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð¿Ð³Ñ. СевеÑнÑй, Ñл.ÐеÑезоваÑ, 1/12'; 2259 document.getElementById('grafik-rabot-footer').innerHTML = 'ÐнâÐÑ: 9:00â17:30<br>Склад: Ðжедневно 8:00â20:00'; 2260 } 2261 2262window.addEventListener('scroll', () => { 2263 //console.log('Y:', window.scrollY, 'X:', window.scrollX); 2264}); 2265</script>
2265 2266 2267 2268 <!-- ÐÐÐ: копиÑÐ°Ð¹Ñ Ð¸ ÑоÑ. иконки --> 2269 <div class="my-footer-bottom"> 2270 <div class="my-footer-copy">© 2025 ÐонÑÑанÑа.</div> 2271 2272 <!-- ÐобавленнÑй логоÑип --> 2273 <div class="my-footer-logo" onclick="window.open('https://for-app.ru/', '_blank')"> 2274 <svg class="logo-svg" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> 2275 <rect x="6" y="6" width="108" height="108" rx="20" fill="#f1ebff"> 2276 <animate attributeName="opacity" values="1;0.85;1" dur="3s" repeatCount="indefinite"/> 2277 </rect> 2278 2279 <!-- F â Ð»ÐµÐ²Ð°Ñ Ð¿Ð°Ð»ÐºÐ° --> 2280 <rect x="36" y="34" width="12" height="52" rx="3" fill="#6C3BFF"> 2281 <animate attributeName="opacity" values="1;0.1;1" dur="1.6s" repeatCount="indefinite"/> 2282 <animateTransform attributeName="transform" type="translate" 2283 values="0 0; 0 -2; 0 0" dur="1.6s" repeatCount="indefinite"/> 2284 </rect> 2285 2286 <!-- ÐеÑÑ Ð½ÑÑ Ð¿Ð°Ð»ÐºÐ° F --> 2287 <rect x="52" y="34" width="36" height="12" rx="3" fill="#6C3BFF"> 2288 <animate attributeName="opacity" values="1;0.2;1" dur="1.3s" begin="0.2s" repeatCount="indefinite"/> 2289 <animateTransform attributeName="transform" type="translate" 2290 values="0 0; 2 0; 0 0" dur="1.3s" begin="0.2s" repeatCount="indefinite"/> 2291 </rect> 2292 2293 <!-- ÐижнÑÑ Ð¿Ð°Ð»ÐºÐ° F --> 2294 <rect x="52" y="58" width="28" height="12" rx="3" fill="#6C3BFF"> 2295 <animate attributeName="opacity" values="1;0.3;1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/> 2296 <animateTransform attributeName="transform" type="scale" 2297 values="1 1; 1.05 1; 1 1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/> 2298 </rect> 2299 2300 <!-- or-app â ÑвелиÑÐµÐ½Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ + ÑÑÑÑ Ð²Ð¿Ñаво --> 2301 <text x="80" y="90" text-anchor="middle" font-size="15" fill="#6C3BFF" font-family="Arial, sans-serif"> 2302 or-app 2303 <animate attributeName="opacity" 2304 values="0;1;0.4;1;0.8;1" 2305 dur="1.8s" 2306 repeatCount="indefinite"/> 2307 <animateTransform attributeName="transform" 2308 type="translate" 2309 values="0 0; 0 -1; 0 1; 0 0" 2310 dur="1.8s" 2311 repeatCount="indefinite"/> 2312 </text> 2313 </svg> 2314 </div> 2315 2316 <div class="my-footer-social"> 2317 <!-- VK --> 2318 <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK"> 2319 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 2320 <path class="cls-1" d="M10.994,6.771v3.257a0.521,0.521,0,0,0,.426.351c0.3,0,.978-1.8,1.279-2.406a1.931,1.931,0,0,1,.738-0.826A0.61,0.61,0,0,1,13.8,6.992h2.878a0.464,0.464,0,0,1,.3.727,29.378,29.378,0,0,1-2.255,2.736,1.315,1.315,0,0,0-.238.55,1.2,1.2,0,0,0,.313.627c0.2,0.226,1.816,2,1.966,2.155a1.194,1.194,0,0,1,.276.576,0.765,0.765,0,0,1-.8.614c-0.627,0-2.167,0-2.342,0a2.788,2.788,0,0,1-.952-0.565c-0.226-.2-1.153-1.152-1.278-1.277a2.457,2.457,0,0,0,.024-0.363,0.826,0.826,0,0,0-.7.8,4.083,4.083,0,0,1-.238,1.139,1.024,1.024,0,0,1-.737.275A5,5,0,0,1,7.1,14.262,14.339,14.339,0,0,1,2.9,9.251C2.127,7.708,1.953,7.468,2,7.293s0.05-.3.226-0.3,2.39,0,2.606,0a0.851,0.851,0,0,1,.351.326c0.075,0.1.647,1.056,0.822,1.356S7.046,10.38,7.513,10.38a0.6,0.6,0,0,0,.474-0.7c0-.4,0-1.979,0-2.18a1.94,1.94,0,0,0-.978-1A1.261,1.261,0,0,1,7.937,6c0.6-.025,2.1-0.025,2.43.024A0.779,0.779,0,0,1,10.994,6.771Z"></path> 2321 </svg> 2322 </a> 2323 2324 <!-- Telegram --> 2325 <!-- <a class="my-footer-social-link my-footer-social-telegram" href="https://t.me/konstantaprint" target="_blank" aria-label="Telegram"> 2326 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> 2327 <path class="scls" d="M14.78,15.369a0.727,0.727,0,0,1-1.205.565l-3.332-2.455L8.636,15.027a0.837,0.837,0,0,1-.669.327L8.2,11.962h0l6.174-5.579c0.268-.238-0.059-0.372-0.417-0.134L6.33,11.054,3.042,10.028C2.328,9.8,2.313,9.314,3.191,8.972L16.044,4.018c0.6-.223,1.116.134,0.922,1.041Z"></path> 2328 </svg> 2329 </a> --> 2330 </div> 2331 </div> 2332</footer> 2333 2334<style> 2335/* обÑий ÑÑÑеÑ: ÑменÑÑÑннÑй ÑÑиÑÑ ÐºÐ°Ðº на ÑкÑине */ 2336.my-footer { 2337 background: #32373b; /* ÑемнÑй Ñон */ 2338 color: #c9cdd0; 2339 font-family: Arial, sans-serif; 2340 font-size: 13px; /* ÐÐССТÐÐÐÐÐÐÐÐ: мелкий ÑекÑÑ */ 2341 line-height: 1.6; 2342} 2343 2344/* ÐÐРХÐЯЯ ЧÐСТЬ: колонки */ 2345.my-footer-top { 2346 max-width: 1200px; 2347 margin: 0 auto; 2348 padding: 36px 20px 20px; 2349 display: flex; 2350 justify-content: space-between; 2351 gap: 40px; 2352 align-items: flex-start; 2353 box-sizing: border-box; 2354} 2355 2356.my-footer-column { 2357 flex: 1 1 160px; 2358 min-width: 150px; 2359} 2360 2361.my-footer-column--wide { flex: 1.6 1 320px; } /* каÑалог ÑиÑе */ 2362 2363.my-footer-column h4 { 2364 color: #fff; 2365 font-size: 15px; /* заголовки ÑÑÑÑ ÐºÑÑпнее */ 2366 margin: 0 0 12px 0; 2367 font-weight: 700; 2368} 2369 2370/* ÑпиÑок ÑÑÑлок */ 2371.my-footer-column ul { 2372 list-style: none; 2373 padding: 0; 2374 margin: 0; 2375} 2376 2377.my-footer-column ul li { 2378 margin-bottom: 8px; 2379} 2380 2381.my-footer-column ul li a { 2382 color: #c0c4c6; 2383 text-decoration: none; 2384 font-size: 13px; 2385} 2386 2387.my-footer-column ul li a:hover { 2388 color: #fff; 2389 text-decoration: underline; 2390} 2391 2392/* ÐонÑакÑÑ */ 2393.my-footer-contacts .my-footer-contact-item { 2394 width: 250px; 2395 display: flex; 2396 align-items: center; 2397 gap: 10px; 2398 margin-top: 8px; 2399 color: #fff; 2400} 2401 2402.my-footer-contacts svg { 2403 width: 16px; 2404 height: 16px; 2405 flex-shrink: 0; 2406 display: block; 2407} 2408 2409/* подпиÑи вÑемени и Ñклада */ 2410.my-footer-contact-sub { 2411 color: #b9bdbf; 2412 font-size: 12.5px; 2413 margin: 8px 0 0 26px; /* вÑÑовнÑÑÑ Ð¿Ð¾Ð´ ÑекÑÑом Ñ Ð¸ÐºÐ¾Ð½ÐºÐ¾Ð¹ */ 2414} 2415 2416/* ÐÐÐÐЯЯ ÐÐÐÐÐЬ: копиÑÐ°Ð¹Ñ Ð¸ ÑоÑÑеÑи */ 2417.my-footer-bottom { 2418 border-top: 1px solid rgba(255,255,255,0.04); 2419 max-width: 1200px; 2420 margin: 0 auto; 2421 padding: 18px 20px; 2422 display: flex; 2423 align-items: center; 2424 justify-content: space-between; 2425 box-sizing: border-box; 2426} 2427 2428/* копиÑÐ°Ð¹Ñ Ñлева */ 2429.my-footer-copy { 2430 color: #9da2a5; 2431 font-size: 13px; 2432} 2433 2434/* конÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð»Ð¾Ð³Ð¾Ñипа (по ÑенÑÑÑ) */ 2435.my-footer-logo { 2436 display: flex; 2437 align-items: center; 2438 justify-content: center; 2439 flex: 0 0 auto; 2440 margin: 0 20px; 2441} 2442 2443.my-footer-logo .logo-svg { 2444 width: 50px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð»Ð¾Ð³Ð¾Ñипа */ 2445 height: 50px; 2446 display: block; 2447 cursor: pointer; 2448} 2449 2450/* ÑоÑÑеÑи ÑпÑава */ 2451.my-footer-social { 2452 display: flex; 2453 gap: 12px; 2454 align-items: center; 2455} 2456 2457/* кÑÑжки Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº */ 2458.my-footer-social-link { 2459 display: inline-flex; 2460 align-items: center; 2461 justify-content: center; 2462 width: 38px; 2463 height: 38px; 2464 border-radius: 50%; 2465 transition: transform .12s ease, box-shadow .12s; 2466 box-shadow: 0 2px 6px rgba(0,0,0,0.25); 2467} 2468 2469.my-footer-social-link:hover { transform: translateY(-3px); } 2470 2471.my-footer-social-vk { background: #4a76a8; } 2472.my-footer-social-telegram { background: #2aabee; } 2473.my-footer-social-youtube { background: #e33; } 2474 2475/* svg внÑÑÑи â белÑе */ 2476.my-footer-social-link svg { width: 18px; height: 18px; display:block; fill: #fff; } 2477 2478/* пÑобÑоÑиÑÑ Ð±ÐµÐ»ÑÑ Ð·Ð°Ð»Ð¸Ð²ÐºÑ Ð½Ð° пÑÑи (еÑли в SVG иÑполÑзÑеÑÑÑ ÐºÐ»Ð°ÑÑ) */ 2479.my-footer .scls, 2480.my-footer .pcls-1, 2481.my-footer .cls-1, 2482.my-footer .ecls-1 { 2483 fill: #fff; 2484 fill-rule: evenodd; 2485} 2486 2487/* ÐдапÑив â колонки в 2 ÑÑда на ÑÐ·ÐºÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ , заÑем в 1 */ 2488@media (max-width: 1000px) { 2489 .my-footer-top { 2490 flex-wrap: wrap; 2491 gap: 24px; 2492 } 2493 .my-footer-column { flex: 1 1 45%; } 2494 .my-footer-column--wide { flex: 1 1 100%; } 2495} 2496 2497@media (max-width: 768px) { 2498 .my-footer-bottom { 2499 flex-wrap: wrap; 2500 justify-content: center; 2501 gap: 15px; 2502 } 2503 .my-footer-copy, 2504 .my-footer-logo, 2505 .my-footer-social { 2506 flex: 0 0 auto; 2507 } 2508 .my-footer-logo { 2509 order: 2; 2510 margin: 10px 0; 2511 cursor: pointer; 2512 } 2513 .my-footer-copy { 2514 order: 1; 2515 width: 100%; 2516 text-align: center; 2517 } 2518 .my-footer-social { 2519 order: 3; 2520 width: 100%; 2521 justify-content: center; 2522 } 2523} 2524 2525@media (max-width: 620px) { 2526 .my-footer-top { padding: 24px 15px; } 2527 .my-footer-column { flex: 1 1 100%; min-width: 0; } 2528 .my-footer-contact-sub { margin-left: 0; } 2529 .my-footer-bottom { padding: 14px 15px; flex-direction: column; gap: 10px; align-items: center; } 2530 .my-footer-logo { order: 2; margin: 10px 0; cursor: pointer;} 2531 .my-footer-copy { order: 1; } 2532 .my-footer-social { order: 3; } 2533} 2534 2535/* ÐÐСТÐÐÐЫРФУТÐÐ Ð ÐÐÐ ÐÐÐТЧÐÐÐ */ 2536.footer-developed-by-link { 2537 display: none; 2538} 2539 2540.footer-developed-by { 2541 overflow: hidden; 2542} 2543 2544.kast-developed-by { 2545 width: 100%; 2546 /*height: 200px;*/ 2547 font-size: 12px; 2548 background-color: black; 2549 display: flex; 2550 align-items: center; 2551 justify-content: flex-end; /* вÑÑавниваем вÑÑ Ð²Ð¿Ñаво */ 2552 padding-right: 5%; /* оÑÑÑÑп Ð¾Ñ Ð¿Ñавого кÑÐ°Ñ */ 2553} 2554 2555.kast-tcs { 2556 font-size: 17px; 2557 color: white; 2558 display: flex; 2559 align-items: center; 2560 gap: 10px; /* ÑаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ ÑекÑÑом и логоÑипом */ 2561} 2562 2563.kast-tcs img { 2564 width: 50px; 2565 height: auto; 2566 display: block; 2567 cursor:pointer; 2568} 2569</style> 2570
2571<script> 2572 (function(w,d,u){ 2573 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0); 2574 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); 2575 })(window,document,'https://cdn-ru.bitrix24.ru/b13503172/crm/site_button/loader_7_p33iuk.js'); 2576</script>
2576 2577 2578<!-- <div class="kast-developed-by"> 2579 2580 <div class="kast-tcs" onclick="window.open('https://wow2print.com/', '_blank')"> 2581 ÑабоÑÐ°ÐµÑ Ð½Ð° CMS 2582 <img src="/assets/3e3660af/images/svg/tippo-logo.svg" alt="TCS"> 2583 </div> 2584</div> --> 2585 2586<style type="text/css"> 2587 2588 2589 .footer .social-image i { 2590 font-size: 48px; 2591 margin-right: 12px; 2592 } 2593 2594</style> 2595<div class="footer-developed-by-link"> 2596 <div class="container"> 2597 <div class="footer-developed-by"> 2598 <a style="float: right" href="https://wow2print.com" target="_blank"> 2599 <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/> 2600 </a> 2601 <div style="padding-top: 1px"> 2602 РазÑабоÑано </div> 2603 <div class="clearfix"></div> 2604 </div> 2605 </div> 2606</div> 2607 2608 2609
2610<script> 2611 $(document).ready(function () { 2612 $('.footer-developed-by-link').remove(); 2613 let html = `<div class="footer-developed-by-link"> 2614 <div class="container"> 2615 <div class="footer-developed-by"> 2616 <a style="float: right" href="https://wow2print.com" target="_blank"> 2617 <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/> 2618 </a> 2619 <div style="padding-top: 1px"> 2620 РазÑабоÑано </div> 2621 <div class="clearfix"></div> 2622 </div> 2623 </div> 2624</div> 2625 2626`; 2627 setTimeout(function () { 2628 if (!$('.footer-developed-by-link').length) { 2629 $('body').append(html); 2630 } 2631 }, 1); 2632 }); 2633</script>
2633<div class="cookie-container px-5"> 2634 <div class="container px-5 py-4 rounded shadow"> 2635 <div class="row"> 2636 <div class="col-12 col-sm-12 col-md-10 text-1"> 2637 ÐÑ Ð¸ÑполÑзÑем ÑÐ°Ð¹Ð»Ñ cookies Ð´Ð»Ñ ÑлÑÑÑений и коÑÑекÑной ÑабоÑÑ ÑайÑа, анализа ÑÑаÑика и пеÑÑонализаÑии. ÐÑполÑзÑÑ ÑÐ°Ð¹Ñ Ð¸Ð»Ð¸ ÐºÐ»Ð¸ÐºÐ°Ñ Ð½Ð° "Я ÑоглаÑен", Ð²Ñ ÑоглаÑаеÑеÑÑ Ñ Ð½Ð°Ñей полиÑикой иÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ cookies. <a class="link text-2" target="_blank" href="/cookie">ÐодÑобнее</a> </div> 2638 <div class="col-12 col-sm-12 col-md-2 mt-3 mt-md-0"> 2639 <button class="agree-button bg-company-color rounded w-100 p-3 text-3 border-0" name="yt0" type="button">Я ÑоглаÑен</button> </div> 2640 </div> 2641 </div> 2642</div> 2643 2644
2645<script type="text/javascript"> 2646 $(function () { 2647 var cookieName = 'agreeCookie'; 2648 if (getCookie(cookieName) != 1) { 2649 $('.cookie-container').animate({bottom: 20}, 1000); 2650 } else { 2651 $('.cookie-container').remove(); 2652 } 2653 $('.cookie-container .agree-button').click(function () { 2654 setCookie(cookieName, 1, {expires: 3600 * 24 * 15}); 2655 $('.cookie-container').animate({bottom: -300}, 1000, function () { 2656 $(this).remove(); 2657 }); 2658 }); 2659 }); 2660</script>
2660<script> 2661 window.useOrientation = false; 2662 $(function () { 2663 window.layoutSizeLimit = 200; 2664 }); 2665</script>
2665 2666<div class="modal fade modal-change-city-location" style="z-index: 9999"> 2667 <div class="modal-dialog modal-dialog-centered"> 2668 <div class="modal-content"> 2669 <div class="modal-body"> 2670 <div class="modal-title h3">ÐÑбеÑиÑе гоÑод</div> 2671 2672 <div class="country-select-container d-none"> 2673 <label class="country-select-label">ÐÑбеÑиÑе ÑÑÑанÑ</label> 2674 <select class="form-control selectpicker country-select" name="country_id" id="country_id"> 2675<option value="1">РоÑÑиÑ</option> 2676</select> </div> 2677 2678 <div class="city-search-container"> 2679 <input type="text" class="form-control city-search-field" placeholder="ÐоиÑк"> 2680 <small class="form-text text-muted"> 2681 <span style="font-size:1.2em;font-weight:600;">Ðожно иÑкаÑÑ Ð¿Ð¾ ÑегионÑ: ÐоÑод, Ñегион</span> 2682 </small> 2683 <div class="city-search-result" style="display: none"></div> 2684 </div> 2685 2686 <div class="city-container-wrapper"> 2687 <div class="city-container"></div> 2688 </div> 2689 </div> 2690 </div> 2691 </div> 2692</div> 2693
2694<script> 2695 $(function () { 2696 $('.modal-change-city-location .city-container, .modal-change-city-location .city-search-result').on('click', '.select-city', function () { 2697 let countryLocation = $('.modal-change-city-location select.country-select').val(); 2698 let index = $(this).attr('data-city'); 2699 2700 // УдалиÑÑ Ð² наÑала 2024 года. 2701 setCookie('cityLocationId', index, {expires: 1}); 2702 setCookie('countryLocationId', countryLocation, {expires: 1}); 2703 // 2704 2705 setCookie('cityLocationId', index, {expires: 3600 * 24 * 30, domain: true}); 2706 setCookie('countryLocationId', countryLocation, {expires: 3600 * 24 * 30, domain: true}); 2707 2708 let modal = $('.modal-change-city-location'); 2709 if (!modal.attr('data-not-reload')) { 2710 location.reload(); 2711 } 2712 modal.modal('hide'); 2713 let city = $(this).html(); 2714 $('.city-location-name').html(city); 2715 $('.address-country').val(countryLocation); 2716 $('.address-city').val(city); 2717 $('.address-label').html(city); 2718 }); 2719 }) 2720</script>
2720 2721<div class="mark-element"></div>
2722<script type="text/javascript" src="/js/5.1.5.79/61c253c0e53a6d58e8be4aa028e173ad.js"></script>
vendor: 1 bytes, line 2722
2722
2723<script type="text/javascript" src="/js/5.1.5.79/0b208418152dd55371fb6e0337dabd87.js"></script>
2723 2724</body> 2725</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.