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 <meta property="og:type" content="website" /> 8<meta property="og:title" content="ÐÐР«ÐÐÐСТÐÐТл" /> 9<meta property="og:image" content="/logo.png" /> 10<meta property="og:url" content="https://konstanta-print.ru" /> 11<meta property="og:description" content="ÐеÑаÑÑ Ð½Ð° заказ, недоÑого, ÑÑоÑно, ÑенÑ." /> 12<link rel="shortcut icon" href="/favicon.ico" /> 13<link rel="stylesheet" type="text/css" href="/assets/8de6fb89/css/city-confirmation-modal.css?v=5.1.5.79" /> 14<link rel="stylesheet" type="text/css" href="/assets/fe2e4a31/css/icomoon/icomoon.css?v=5.1.5.79" /> 15<link rel="stylesheet" type="text/css" href="/css/5.1.5.79/fb3fb124ccbd0805886b5b18972e6a22.css" />
16<script type="text/javascript" src="/assets/2ea15670/jquery.min.js"></script>
16 17<title>ТÐÐÐÐÐ ÐФÐЯ ÐÐÐСТÐÐТÐ</title> 18 <meta name="description" content="ÐеÑаÑÑ Ð½Ð° заказ, недоÑого, ÑÑоÑно, ÑенÑ."/> 19 <link rel="canonical" href="https://konstanta-print.ru"/> 20 <meta name="robots" content="index,follow"> 21
22<script type="text/javascript"> 23 window.isMobile = false; 24 var yupeTokenName = 'YUPE_TOKEN'; 25 var yupeToken = 'f590c3627fdcae549fde1701126e622c1bae015f'; 26 27 var cartAddProductUrl = '/cart/add'; 28 29 var deliveryCalcUrl = '/cart/CalcDelivery'; 30 var deliveryPointsUrl = '/cart/GetDeliveryPoints'; 31 var calculationProductUrl = '/productCalculation'; 32 var calculationUploadFile = '/uploadFileInCalculation'; 33 const _SITE_ID_ = 4231; 34 const IS_BACKEND = false; 35</script>
35 36<style type="text/css"> 37 @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;} 38@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;} 39@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;} 40@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;} 41@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;} 42@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;} 43@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;} 44@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;} 45@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;} 46@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;} 47@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;} 48@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> 49 50 <style type="text/css"> 51 52 :root { 53 --company-color1: #0054DD; 54 --link-color: #0066CC; 55 } 56 57 .company-color-text, 58 .company-color-text-hover:hover { 59 color: #0054DD !important; 60 } 61 62 /* 63 * Typographic System 64 */ 65 body { 66 font-size: 15px; 67 color: #000000; 68 font-family: FontRegular !important; 69 ; 70 } 71 72 h0, .h0 { 73 font-size: 48px; 74 font-family: FontRegular !important; 75 line-height: 1.2; 76 ; 77 } 78 79 h1, .h1 { 80 font-size: 24px; 81 font-family: FontBold !important; 82 line-height: 1.2; 83 ; 84 } 85 86 h2, .h2 { 87 font-size: 22px; 88 font-family: FontBold !important; 89 line-height: 1.25; 90 ; 91 } 92 93 h3, .h3 { 94 font-size: 24px; 95 font-family: FontBold !important; 96 line-height: 1.33; 97 ; 98 } 99 100 h4, .h4 { 101 font-size: 20px; 102 font-family: FontBold !important; 103 line-height: 1.3; 104 ; 105 } 106 107 108 @media (min-width: 768px) { 109 h0, .h0 { 110 font-size: 54px; 111 } 112 113 h1, .h1 { 114 font-size: 32px; 115 } 116 117 h2, .h2 { 118 font-size: 28px; 119 } 120 121 h3, .h3 { 122 font-size: 24px; 123 } 124 125 h4, .h4 { 126 font-size: 20px; 127 } 128 } 129 130 @media (min-width: 1025px) { 131 h0, .h0 { 132 font-size: 64px; 133 } 134 135 h1, .h1 { 136 font-size: 40px; 137 } 138 139 h2, .h2 { 140 font-size: 32px; 141 } 142 143 h3, .h3 { 144 font-size: 24px; 145 } 146 147 h4, .h4 { 148 font-size: 20px; 149 } 150 151 .top-menu-background-color { 152 background: #113183; 153 } 154 } 155 156 @media (min-width: 1440px) { 157 h0, .h0 { 158 font-size: 64px; 159 } 160 161 h1, .h1 { 162 font-size: 40px; 163 } 164 165 h2, .h2 { 166 font-size: 32px; 167 } 168 169 h3, .h3 { 170 font-size: 32px; 171 } 172 173 h4, .h4 { 174 font-size: 24px; 175 } 176 } 177 178 .block-title { 179 font-size: 12px; 180 font-family: FontSemiBold !important; 181 line-height: 1.33; 182 ; 183 } 184 185 .text-1 { 186 font-size: 15px; 187 font-family: FontRegular !important; 188 line-height: 1.375; 189 ; 190 } 191 192 .text-2 { 193 font-size: 15px; 194 font-family: FontRegular !important; 195 line-height: 1.375; 196 ; 197 } 198 199 .text-2-it { 200 font-size: 15px !important; 201 font-family: FontRegular !important; 202 ; 203 } 204 205 .text-3 { 206 font-size: 15px; 207 font-family: FontBold !important; 208 ; 209 } 210 211 .small-text { 212 font-size: 14px; 213 font-family: FontMedium !important; 214 line-height: 1.42; 215 ; 216 } 217 218 .small-text-it { 219 font-size: 14px !important; 220 font-family: FontMedium !important; 221 ; 222 } 223 224 .extra-small-text { 225 font-size: 12px; 226 font-family: FontMedium !important; 227 } 228 229 .signature, .alert-signature { 230 font-size: 12px; 231 font-family: FontMedium !important; 232 ; 233 } 234 235 a, .btn-link, .link, .catalog-filter-reset { 236 font-size: 16px; 237 color: #0066CC; 238 font-family: FontMedium !important; 239 ; 240 } 241 242 .button, .button_white, .btn { 243 font-family: FontMedium !important; 244 } 245 246 .product-tags .product-tag, 247 .product-tags .tag { 248 font-family: FontMedium !important; 249 } 250 251 h0 [style*="Font"], 252 .h0 [style*="Font"], 253 h1 [style*="Font"], 254 .h1 [style*="Font"], 255 h2 [style*="Font"], 256 .h2 [style*="Font"], 257 h3 [style*="Font"], 258 .h3 [style*="Font"], 259 h4 [style*="Font"], 260 .h4 [style*="Font"], 261 .block-title [style*="Font"], 262 .text-1 [style*="Font"], 263 .text-2 [style*="Font"], 264 .text-3 [style*="Font"], 265 .small-text [style*="Font"], 266 .signature [style*="Font"] { 267 font-family: inherit !important; 268 } 269 270 [style*="FontBold"] { 271 font-family: FontBold !important; 272 } 273 274 [style*="FontSemiBold"] { 275 font-family: FontBold !important; 276 } 277 278 [style*="FontMedium"] { 279 font-family: FontRegular !important; 280 } 281 282 [style*="FontRegular"], 283 [style*="FontLight"] { 284 font-family: FontRegular !important; 285 } 286 287 .catalog-filter-reset { 288 color: #0066CC !important; 289 } 290 291 a:hover, .btn-link:hover, .link:hover { 292 color: #0066CC; 293 cursor: pointer; 294 text-decoration: underline; 295 } 296 297 .currency-icon { 298 font-size: 22.5px; 299 } 300 301 /* Color shades */ 302 .text-gray-100 { 303 color: #d6d6d6 !important; 304 } 305 306 .text-gray-200 { 307 color: #cecece !important; 308 } 309 310 .text-gray-300 { 311 color: #c4c4c4 !important; 312 } 313 314 .text-gray-400 { 315 color: #b2b2b2 !important; 316 } 317 318 .text-gray-500 { 319 color: #898989 !important; 320 } 321 322 .text-gray-600 { 323 color: #606060 !important; 324 } 325 326 .text-gray-700 { 327 color: #353535 !important; 328 } 329 330 .text-gray-800 { 331 color: #161616 !important; 332 } 333 334 .text-gray-900 { 335 color: #000000 !important; 336 } 337 338 .text-gray-900-hover:hover { 339 color: #000000 !important; 340 } 341 342 .btn-gray-200 { 343 background-color: #cecece !important; 344 } 345 346 .btn-gray-300 { 347 background-color: #c4c4c4 !important; 348 } 349 350 .btn-gray-500 { 351 background-color: #898989 !important; 352 } 353 354 .highlight-tag { 355 background-color: #DF0050 !important; 356 color: #ffffff !important; 357 border: 0 !important; 358 } 359 360 .line-through-price:before { 361 border-color: #606060 !important; 362 } 363 364 .inherit-text { 365 color: inherit !important; 366 } 367 368 /* 369 * Buttons 370 */ 371 .btn { 372 border-radius: 4px; 373 } 374 375 .btn-primary { 376 background-color: #0054DD; 377 border-color: #0054DD; 378 color: #ffffff; 379 } 380 381 .photos-list-previews .active { 382 border-color: #0054DD; 383 border-width: 1px; 384 border-style: solid; 385 } 386 387 .btn-primary:hover { 388 background-color: #0765ff;
389 } 390 391 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus { 392 background-color: #2b7bff; 393 } 394 395 .btn-outline-primary { 396 border-color: #0054DD; 397 color: #0054DD; 398 } 399 400 .btn-outline-primary:hover { 401 border-color: #0765ff; 402 color: #0765ff; 403 } 404 405 .btn-outline-primary:not(:disabled):not(.disabled):active { 406 border-color: #2b7bff; 407 color: #2b7bff; 408 } 409 410 411 /* 412 * Form 413 */ 414 .error .errorMessage, .errorMessage { 415 font-size: 12px; 416 font-family: FontMedium; 417 } 418 419 .success .form-control { 420 border-color: #0054DD; 421 } 422 423 .bootstrap-select .dropdown-item.active { 424 color: #0054DD; 425 } 426 427 .bootstrap-select .dropdown-item:hover { 428 background-color: inherit; 429 color: #0054DD; 430 } 431 432 433 /* 434 * Tabs 435 */ 436 .nav-tabs .nav-link.active { 437 border-bottom: 2px solid #0054DD; 438 } 439 440 /* 441 * Custom checkbox, radiobutton 442 */ 443 .custom-input[type=checkbox]:checked { 444 background-color: #0054DD; 445 border-color: #0054DD; 446 } 447 448 .custom-input[type=radio]:checked { 449 border-color: #0054DD; 450 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"); 451 } 452 453 .custom-label-block.active, .custom-input[type=checkbox]:checked + label { 454 border: 2px solid #0054DD; 455 } 456
457 .modal-update-delivery .addresses-block input:checked + label { 458 background: #EDF2F7; 459 color: #0054DD; 460 } 461 462 .border-company-color:hover { 463 border-color: #0054DD; 464 } 465 466 .border-company-color-it:hover { 467 border-color: #0054DD !important; 468 } 469 470 471 /* 472 * Catalog filter color 473 */ 474 .catalog-filter-param.checked .catalog-filter-color { 475 border: 2px solid #0054DD; 476 } 477 478 /* 479 * Filter tags 480 */ 481 .filter-tags a { 482 display: block; 483 border-radius: 8px; 484 padding: 8px 16px; 485 color: #4A5568; 486 background-color: #EDF2F7; 487 font-family: FontMedium; 488 border: 0; 489 } 490 491 .filter-tags a:hover { 492 color: #2D3748; 493 background-color: #E2E8F0; 494 text-decoration: none; 495 } 496 497 .filter-tags a.active { 498 color: #F2F2F2; 499 background-color: #4A5568; 500 } 501 502 .filter-tags a.active:hover { 503 background-color: #2D3748; 504 } 505 506 507 508 /* 509 * Souvenir Widget 510 */ 511 .widget-category-menu .category-link.active a { 512 color: #0054DD !important; 513 } 514 515 /* 516 * Cart 517 */ 518 .recipient-select input:checked + label { 519 color: #0054DD; 520 } 521 522 /** 523 * Footer 524 */ 525 526 .footer { 527 background-color: #F3F3F3; 528 } 529 530 .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 { 531 color: #4A5767 !important; 532 } 533 534 .footer ul li a:hover, .footer__address a:hover, .footer__mail a:hover, .social-image a:hover { 535 color: #5f7085 !important; 536 text-decoration: none; 537 } 538 539 .footer ul li a:active, .footer__address a:active, .footer__mail a:active, .social-image a:active { 540 color: #798a9e !important; 541 text-decoration: none; 542 } 543 544 .bg-company-color { 545 background-color: #0054DD; 546 color: #ffffff; 547 } 548 549 .bg-company-color-text { 550 color: #ffffff; 551 } 552 553 /** 554 * Header 555 */ 556 .header-search-result .result-item:hover { 557 color: #0054DD; 558 } 559
560 .modal-change-city-location .select-city:hover { 561 color: #0054DD; 562 } 563 564 .custom-control-input:checked ~ .custom-control-label::before { 565 color: #ffffff; 566 border-color: #0054DD; 567 background-color: #0054DD; 568 } 569 570 .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 571 background-color: #ffffff; 572 } 573 574 /** 575 * Cart Page 576 */ 577 578 .cart-change-radio-block .payment-method label.checked, 579 .cart-change-radio-block .cart-payers-block label.checked, 580 .cart-change-radio-block .select-user-for-send label.checked, 581 .delivery-row-type-2 .points-block input:checked + label, 582 .delivery-points-list input:checked + label .delivery-point-address, 583 .cart-change-radio-block.cart-address-block .rich-radio label.checked { 584 color: #0054DD; 585 } 586 587 .calc-delivery-variants .delivery-block.active, .branch-company-points .points-block.active { 588 border: 2px solid #0054DD !important; 589 } 590 591 /** 592 * Instructions Page 593 */ 594 595 .template-block__icon { 596 color: #0054DD; 597 } 598 599 /** 600 * Menu 601 */ 602 @media (min-width: 1025px) { 603 .cd-dropdown-trigger.first-megamenu { 604 background-color: #0054DD; 605 color: white !important; } 606 607 } 608 609 .cd-dropdown-under-child-link:hover .menu-product-name { 610 color: #0054DD !important; 611 } 612 613 614 .templates-container .template-label .small-text.upload-file-block { 615 color: #0066CC; 616 } 617 618 619 /* 620 * Calculation 621 */ 622 .card-calculation-container .navigation-gallery-item::after { 623 background-color: #0054DD; 624 } 625 626 .card-calculation-container .navigation-gallery-item.slick-current:after { 627 background-color: #0054DD; 628 } 629 630 .calculation-module .background-label.selected { 631 border-color: #0054DD !important; 632 } 633 634 @media (min-width: 768px) { 635 .calculation-module .background-label:hover, 636 .calculation-module .bootstrap-select .dropdown-toggle:hover, 637 .custom-label-block:hover { 638 border-color: #0054DD !important; 639 } 640 } 641 642 .production-time-calc-modal .production-time-price.selected { 643 border-color: #0054DD; 644 } 645 646 .souvenir-colors a.active { 647 border: 2px solid #0054DD; 648 } 649 650 .calculation-quantity-container .size-block.active { 651 border: 2px solid #0054DD; 652 } 653 654 .production-time-price.selected, .production-time-price:hover { 655 border-color: #0054DD; 656 } 657 658 /** 659 * Design Page 660 */ 661 662 .design-change-constructor { 663 color: #0066CC; 664 } 665 666 @media (min-width: 1440px) { 667 .design-change-constructor { 668 color: #000000; 669 } 670 } 671 672 /** 673 * Design Widget 674 */ 675 676 .select-design-items-block .filter-option-inner-inner { 677 color: #0054DD !important; 678 } 679 680 .select-design-items-block .bootstrap-select .dropdown-toggle::after { 681 border-color: #0054DD !important; 682 } 683 684 /** 685 * Profile 686 */ 687 .status-boxes span.active { 688 background-color: #0054DD; 689 } 690
691 .modal-update-delivery .select-background-block.active { 692 border: 2px solid #0054DD; 693 } 694 695 .discount-product-block { 696 background-color: #f9d8e2; 697 } 698 699 .discount-product-block .discount-icon span { 700 color: #DF3064; 701 } 702 703 .w2p-spinner { 704 border-color: #0054DD; 705 } 706 707 .invoice-sent { 708 border: 17px solid; 709 border-color: #0054DD; 710 background-color: #0054DD; 711 border-radius: 50%; 712 color: #FFFFFF; 713 font-size: 18px; 714 font-weight: bold; 715 } 716 717 718 719 .calculation-stepping-icon:hover svg { 720 fill: #0054DD; 721 } 722 723 .widget-map-content { 724margin-left: calc(50% - 50vw); 725margin-right: calc(50% - 50vw); 726} 727 728 729 .widget-title { 730 text-align: left !important; 731 justify-content: flex-start !important; 732 margin-bottom: 32px; 733 } 734 </style> 735 736</head> 737<body> 738<div class="main"> 739
739<script> 740 741 window.showCityModal = true; 742 window.CityName = 'Чикаго'; 743 744 if (window.showCityModal && window.CityName) 745 window.addEventListener('DOMContentLoaded', () => { 746 if (window.localStorage.getItem('city-modal') !== '0') 747 setTimeout(() => { 748 const modal = new CityConfirmationModal(); 749 modal.show(); 750 }); 751 }) 752</script>
752 753<style> 754/* СÑили Ð´Ð»Ñ Ð³Ð°Ð¼Ð±ÑÑгеÑ-Ð¼ÐµÐ½Ñ */ 755.mobile-header { 756 display: none; 757 position: fixed; 758 top: 0; 759 left: 0; 760 width: 100%; 761 height: 20px; 762 /*background: #222;*/ 763 /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/ 764 z-index: 10000; 765 align-items: center; 766 justify-content: space-between; 767 padding: 0 15px; 768 box-sizing: border-box; 769} 770 771.mobile-header-logo { 772 width: 100px; 773 height: 5px; 774 background-image: url('/logo.png'); 775 background-size: contain; 776 background-position: left center; 777 background-repeat: no-repeat; 778 cursor: pointer; 779} 780 781.mobile-menu-toggle { 782 width: 30px; 783 height: 30px; 784 cursor: pointer; 785 flex-direction: column; 786 justify-content: space-between; 787 background: rgba(255, 255, 255, 0.9); 788 padding: 5px; 789 border-radius: 4px; 790 box-shadow: 0 2px 5px rgba(0,0,0,0.1); 791} 792 793.mobile-menu-toggle span { 794 display: block; 795 height: 3px; 796 width: 100%; 797 background-color: #333; 798 border-radius: 2px; 799 transition: all 0.3s ease; 800} 801 802.mobile-menu-toggle.active span:nth-child(1) { 803 transform: rotate(45deg) translate(6px, 6px); 804} 805 806.mobile-menu-toggle.active span:nth-child(2) { 807 opacity: 0; 808} 809 810.mobile-menu-toggle.active span:nth-child(3) { 811 transform: rotate(-45deg) translate(6px, -6px); 812} 813 814/* Также можно ÑменÑÑиÑÑ Ð²ÐµÑÑ Ð½Ð¸Ð¹ паддинг Ñ Ñамого Ð¼ÐµÐ½Ñ */ 815.mobile-menu { 816 display: none; 817 position: fixed; 818 top: 0; 819 left: 0; 820 width: 100%; 821 height: 100%; 822 background-color: rgba(255, 255, 255, 0.98); 823 z-index: 9998; 824 overflow-y: auto; 825 padding: 70px 20px 20px; 826 box-sizing: border-box; 827} 828 829.mobile-menu.active { 830 display: block; 831} 832 833/* ÐогоÑип можно ÑделаÑÑ Ð½ÐµÐ¼Ð½Ð¾Ð³Ð¾ менÑÑе */ 834.mobile-logo { 835 position: absolute; 836 top: 15px; 837 left: 20px; 838 width: 100px; 839 height: 35px; 840 /*background-image: url('/logo.png');*/ 841 background-size: contain; 842 background-position: left center; 843 background-repeat: no-repeat; 844 cursor: pointer; 845} 846 847/* ÐÑпÑавлÑем оÑÑÑÑÐ¿Ñ Ð² мобилÑном Ð¼ÐµÐ½Ñ */ 848.mobile-nav { 849 list-style: none; 850 padding: 0; 851 margin: 20px 0 30px 0; 852} 853 854.mobile-nav-item { 855 border-bottom: 1px solid #eee; 856 position: relative; 857} 858 859.mobile-nav-item a { 860 display: block; 861 padding: 15px 0; 862 color: #333; 863 text-decoration: none; 864 font-size: 16px; 865 font-weight: 500; 866} 867 868.mobile-nav-item.has-children > a::after { 869 content: 'â¼'; 870 position: absolute; 871 right: 0; 872 top: 15px; 873 font-size: 12px; 874 transition: transform 0.3s ease; 875} 876 877.mobile-nav-item.has-children.active > a::after { 878 transform: rotate(180deg); 879} 880 881.mobile-submenu { 882 display: none; 883 list-style: none; 884 padding-left: 15px; 885 margin: 0; 886} 887 888.mobile-submenu.active { 889 display: block; 890} 891 892.mobile-submenu-item { 893 border-bottom: 1px solid #f5f5f5; 894} 895 896.mobile-submenu-item a { 897 padding: 12px 0; 898 font-size: 14px; 899 color: #666; 900} 901 902.mobile-submenu-item a:hover { 903 color: #0056b3; 904} 905 906/* СпеÑиалÑнÑе ÑÑили Ð´Ð»Ñ ÐºÐ°Ñалога пÑодÑкÑии */ 907.mobile-catalog-submenu { 908 display: none; 909 padding-left: 15px; 910} 911 912.mobile-catalog-submenu.active { 913 display: block; 914} 915 916.mobile-catalog-grid { 917 display: grid; 918 grid-template-columns: 1fr; 919 gap: 10px; 920 margin-top: 10px; 921} 922 923.mobile-catalog-section { 924 margin-bottom: 15px; 925} 926 927.mobile-catalog-section h4 { 928 margin: 0 0 8px 0; 929 font-size: 14px; 930 font-weight: bold; 931 color: #333; 932} 933 934.mobile-catalog-section a { 935 display: block; 936 padding: 8px 0; 937 font-size: 13px; 938 color: #666; 939 text-decoration: none; 940} 941 942.mobile-catalog-section a:hover { 943 color: #0056b3; 944} 945 946/* ÐонÑакÑÐ½Ð°Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð² Ð¼ÐµÐ½Ñ */ 947.mobile-contacts { 948 margin-top: 30px; 949 padding-top: 20px; 950 border-top: 1px solid #eee; 951} 952 953.mobile-phone { 954 font-size: 18px; 955 font-weight: bold; 956 color: #2c5aa0; 957 margin-bottom: 15px; 958 display: block; 959 text-decoration: none; 960} 961 962.mobile-address { 963 font-size: 14px; 964 color: #666; 965 margin-bottom: 20px; 966 line-height: 1.4; 967} 968 969.mobile-social { 970 display: flex; 971 gap: 15px; 972 margin-top: 20px; 973} 974 975.mobile-social a { 976 display: flex; 977 align-items: center; 978 justify-content: center; 979 width: 40px; 980 height: 40px; 981 background: #f5f5f5; 982 border-radius: 50%; 983 color: #333; 984 text-decoration: none; 985 transition: all 0.3s ease; 986} 987 988.mobile-social a:hover { 989 background: #2c5aa0; 990 color: white; 991 transform: translateY(-2px); 992} 993 994/* ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв */ 995@media screen and (max-width: 600px) { 996 .mobile-header { 997 display: flex; 998 } 999 1000 .mobile-menu-toggle { 1001 display: flex; 1002 } 1003 1004 /* СкÑÑваем ÑкÑолл-Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ */ 1005 #scrollMenu { 1006 display: none !important; 1007 } 1008 1009 /* СкÑÑваем оÑновное Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ */ 1010 .my-header { 1011 display: none; 1012 } 1013 1014 /* ÐСÐÐ ÐÐÐÐÐÐÐ: УменÑÑаем оÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1015 main, .t-body, .my-t-container, .my-container, #allrecords { 1016 padding-top: 5px; /* ÐÑло 70px, ÑменÑÑили до 60px */ 1017 } 1018} 1019 1020/* ÐдапÑаÑÐ¸Ñ Ð´Ð»Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1021@media screen and (max-width: 480px) { 1022 .mobile-menu { 1023 padding: 10px 1px 1px; 1024 } 1025 1026 .mobile-header { 1027 height: 55px; 1028 padding: 0px; 1029 } 1030 1031 .mobile-header-logo { 1032 width: 90px; 1033 height: 30px; 1034 } 1035 1036 .mobile-logo { 1037 left: 15px; 1038 width: 90px; 1039 height: 30px; 1040 top: 15px; 1041 } 1042 1043 .mobile-nav { 1044 margin-top: 20px; 1045 } 1046 1047 /* ÐСÐÐ ÐÐÐÐÐÐÐ: ÐÑе менÑÑе оÑÑÑÑп Ð´Ð»Ñ Ð¾ÑÐµÐ½Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1048 main, .t-body, .my-t-container, .my-container, #allrecords { 1049 padding-top: 5px; 1050 } 1051} 1052 1053/* ÐÐ»Ñ Ð¾ÑÐµÐ½Ñ Ð¼Ð°Ð»ÐµÐ½ÑÐºÐ¸Ñ ÑкÑанов */ 1054@media screen and (max-width: 360px) { 1055 .mobile-header-logo { 1056 width: 80px; 1057 height: 25px; 1058 } 1059 1060 .mobile-logo { 1061 width: 80px; 1062 height: 25px; 1063 } 1064 1065 .mobile-menu { 1066 padding: 25px 10px 10px; 1067 } 1068 1069 /* ÐСÐÐ ÐÐÐÐÐÐÐ: ÐинималÑнÑй оÑÑÑÑп */ 1070 main, .t-body, .my-t-container, .my-container, #allrecords { 1071 padding-top: 5px; 1072 } 1073} 1074</style> 1075 1076<!-- ÐобилÑÐ½Ð°Ñ Ñапка Ñ Ð»Ð¾Ð³Ð¾Ñипом и бÑÑгеÑом --> 1077<div class="mobile-header" id="mobileHeader"> 1078 <div onclick="location.href='/'" class="mobile-header-logo"></div> 1079 <div class="mobile-menu-toggle" id="mobileMenuToggle"> 1080 <span></span> 1081 <span></span> 1082 <span></span> 1083 </div> 1084</div> 1085 1086<div class="mobile-menu" id="mobileMenu"> 1087 <!-- ÐогоÑип в мобилÑном Ð¼ÐµÐ½Ñ --> 1088 <div class="mobile-logo" onclick="location.href='/'"></div> 1089 1090 <ul class="mobile-nav"> 1091 <li class="mobile-nav-item has-children"> 1092 <a href="/company">РнаÑ</a> 1093 <ul class="mobile-submenu"> 1094 <li class="mobile-submenu-item"><a href="/company">Ркомпании</a></li> 1095 <li class="mobile-submenu-item"><a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a></li> 1096 <li class="mobile-submenu-item"><a href="/novosti">ÐовоÑÑи</a></li> 1097 <li class="mobile-submenu-item"><a href="/video">ÐаÑе видео</a></li> 1098 <li class="mobile-submenu-item"><a href="/vacansii">
1098ÐаканÑии</a></li> 1099 <li class="mobile-submenu-item"><a href="/reviews">ÐÑзÑвÑ</a></li> 1100 </ul> 1101 </li> 1102 1103 <li class="mobile-nav-item has-children"> 1104 <a href="/produkciya">ÐаÑалог пÑодÑкÑии</a> 1105 <div class="mobile-catalog-submenu"> 1106 <div class="mobile-catalog-grid"> 1107 <div class="mobile-catalog-section"> 1108 <h4>ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</h4> 1109 <a href="/baza-buklety-listovki-hengery-vizitki">ÐиÑÑовки и визиÑки</a> 1110 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ</a> 1111 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑоÑÑÑÑ</a> 1112 <a href="/baza-buklety-listovki-hengery-vizitki">ÐлакаÑÑ</a> 1113 </div> 1114 1115 <div class="mobile-catalog-section"> 1116 <h4>ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</h4> 1117 <a href="/produkciya/zhurnaly-i-gazety-new">ÐÑÑналÑ</a> 1118 <a href="/produkciya/zhurnaly-i-gazety-new">ÐазеÑÑ</a> 1119 <a href="/produkciya/zhurnaly-i-gazety-new">Ðжегодники</a> 1120 </div> 1121 1122 <div class="mobile-catalog-section"> 1123 <h4>ÐÑкÑÑÑки, пакеÑÑ, календаÑи</h4> 1124 <a href="">ÐалендаÑи</a> 1125 <a href="/produkciya/otkrytki-pakety-kalendari">ÐлокноÑÑ</a> 1126 <a href="/produkciya/otkrytki-pakety-kalendari">Ðжедневники</a> 1127 <a href="/produkciya/otkrytki-pakety-kalendari">ÐÑкÑÑÑки</a> 1128 </div> 1129 1130 <div class="mobile-catalog-section"> 1131 <h4>УдоÑÑовеÑениÑ, заÑеÑки, амбаÑнÑе жÑÑналÑ</h4> 1132 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Ðланки</a> 1133 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 1134 <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 1135 </div> 1136 1137 <div class="mobile-catalog-section"> 1138 <h4>Ðниги и игÑÑ</h4> 1139 <a href="/produkciya/knigi-i-igry">ÐеÑÑкие книги</a> 1140 <a href="/produkciya/knigi-i-igry">Ðниги</a> 1141 <a href="/produkciya/knigi-i-igry">ÐлÑбомÑ</a> 1142 <a href="/produkciya/knigi-i-igry">ÐногоÑомнÑе изданиÑ</a> 1143 </div> 1144 1145 <div class="mobile-catalog-section"> 1146 <h4>ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</h4> 1147 <a href="/produkciya/etiketki-korobki-instrukcii">Упаковка</a> 1148 <a href="/produkciya/etiketki-korobki-instrukcii">ÐÑикеÑки</a> 1149 <a href="/produkciya/etiketki-korobki-instrukcii">ЯÑлÑки и биÑки</a> 1150 </div> 1151 </div> 1152 </div> 1153 </li> 1154 1155 <li class="mobile-nav-item"><a href="/trebovaniya-k-maketu">ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ</a></li> 1156 1157 <li class="mobile-nav-item has-children"> 1158 <a href="/prays-oplata/oplata">ÐплаÑа и ÑеквизиÑÑ</a> 1159 <ul class="mobile-submenu"> 1160 <li class="mobile-submenu-item"><a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a></li> 1161 <li class="mobile-submenu-item"><a href="/company/requisites">РеквизиÑÑ</a></li> 1162 </ul> 1163 </li> 1164 1165 <li class="mobile-nav-item has-children"> 1166 <a href="/kak-vybrat-tipografiyu">ÐомоÑÑ</a> 1167 <ul class="mobile-submenu"> 1168 <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ</a></li> 1169 <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a></li> 1170 <li class="mobile-submenu-item"><a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки <br> пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></li> 1171 <li class="mobile-submenu-item"><a href="/cookie">ÐолиÑика в оÑноÑении <br> Ñайлов cookie</a></li> 1172 </ul> 1173 </li> 1174 1175 <li class="mobile-nav-item"><a href="/contacts">ÐонÑакÑÑ</a></li> 1176 </ul> 1177 1178 <!-- ÐонÑакÑÐ½Ð°Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ --> 1179 <div class="mobile-contacts"> 1180 <a href="tel:" class="mobile-phone"></a> 1181 <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> 1182 </div> 1183 1184 <div class="mobile-social"> 1185 <a href="https://vk.com/konstantaprint" title="ÐÐонÑакÑе">VK</a> 1186 <a href="https://t.me/konstantaprint" title="Telegram">TG</a> 1187 </div> 1188 </div> 1189</div> 1190
1191<script> 1192// ФÑнкÑионал гамбÑÑгеÑ-Ð¼ÐµÐ½Ñ 1193document.addEventListener('DOMContentLoaded', function() { 1194 const mobileHeader = document.getElementById('mobileHeader'); 1195 const mobileMenuToggle = document.getElementById('mobileMenuToggle'); 1196 const mobileMenu = document.getElementById('mobileMenu'); 1197 const mobileNavItems = document.querySelectorAll('.mobile-nav-item.has-children'); 1198 const mobileLogo = document.querySelector('.mobile-logo'); 1199 const mobileHeaderLogo = document.querySelector('.mobile-header-logo'); 1200 1201 // ÐеÑеклÑÑение Ð¼ÐµÐ½Ñ 1202 mobileMenuToggle.addEventListener('click', function() { 1203 this.classList.toggle('active'); 1204 mobileMenu.classList.toggle('active'); 1205 1206 // ÐлокиÑÑем ÑкÑолл ÑÑÑаниÑÑ Ð¿Ñи оÑкÑÑÑом Ð¼ÐµÐ½Ñ 1207 if (mobileMenu.classList.contains('active')) { 1208 document.body.style.overflow = 'hidden'; 1209 } else { 1210 document.body.style.overflow = ''; 1211 } 1212 1213 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ Ð¿Ñи закÑÑÑии оÑновного Ð¼ÐµÐ½Ñ 1214 if (!mobileMenu.classList.contains('active')) { 1215 mobileNavItems.forEach(item => { 1216 item.classList.remove('active'); 1217 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1218 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1219 if (submenu) { 1220 submenu.classList.remove('active'); 1221 } 1222 }); 1223 } 1224 }); 1225 1226 // ÐеÑеклÑÑение Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1227 mobileNavItems.forEach(item => { 1228 const link = item.querySelector('a'); 1229 1230 link.addEventListener('click', function(e) { 1231 // ÐÐ»Ñ ÑлеменÑов Ñ Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ Ð¿ÑедоÑвÑаÑаем пеÑÐµÑ Ð¾Ð´ по ÑÑÑлке 1232 if (item.classList.contains('has-children')) { 1233 e.preventDefault(); 1234 item.classList.toggle('active'); 1235 1236 // ÐÐ°Ñ Ð¾Ð´Ð¸Ð¼ ÑооÑвеÑÑÑвÑÑÑее Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1237 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1238 if (submenu) { 1239 submenu.classList.toggle('active'); 1240 } 1241 } 1242 }); 1243 }); 1244 1245 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на логоÑип в Ñапке 1246 if (mobileHeaderLogo) { 1247 mobileHeaderLogo.addEventListener('click', function() { 1248 mobileMenuToggle.classList.remove('active'); 1249 mobileMenu.classList.remove('active'); 1250 document.body.style.overflow = ''; 1251 1252 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1253 mobileNavItems.forEach(item => { 1254 item.classList.remove('active'); 1255 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1256 if (submenu) { 1257 submenu.classList.remove('active'); 1258 } 1259 }); 1260 }); 1261 } 1262 1263 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на логоÑип в Ð¼ÐµÐ½Ñ 1264 if (mobileLogo) { 1265 mobileLogo.addEventListener('click', function() { 1266 mobileMenuToggle.classList.remove('active'); 1267 mobileMenu.classList.remove('active'); 1268 document.body.style.overflow = ''; 1269 1270 // ÐакÑÑваем вÑе Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1271 mobileNavItems.forEach(item => { 1272 item.classList.remove('active'); 1273 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1274 if (submenu) { 1275 submenu.classList.remove('active'); 1276 } 1277 }); 1278 }); 1279 } 1280 1281 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике на ÑÑÑÐ»ÐºÑ Ð±ÐµÐ· Ð¿Ð¾Ð´Ð¼ÐµÐ½Ñ 1282 document.querySelectorAll('.mobile-nav-item:not(.has-children) a, .mobile-submenu-item a, .mobile-catalog-section a').forEach(link => { 1283 link.addEventListener('click', function() { 1284 mobileMenuToggle.classList.remove('active'); 1285 mobileMenu.classList.remove('active'); 1286 document.body.style.overflow = ''; 1287 }); 1288 }); 1289 1290 // ÐакÑÑÑие Ð¼ÐµÐ½Ñ Ð¿Ñи клике вне его облаÑÑи 1291 document.addEventListener('click', function(e) { 1292 if (!mobileMenu.contains(e.target) && !mobileMenuToggle.contains(e.target) && !mobileHeader.contains(e.target)) { 1293 mobileMenuToggle.classList.remove('active'); 1294 mobileMenu.classList.remove('active'); 1295 document.body.style.overflow = ''; 1296 1297 // ÐакÑÑваем вÑе подменÑ
1298 mobileNavItems.forEach(item => { 1299 item.classList.remove('active'); 1300 const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu'); 1301 if (submenu) { 1302 submenu.classList.remove('active'); 1303 } 1304 }); 1305 } 1306 }); 1307 1308 // ÐбновлÑем конÑакÑнÑе даннÑе в завиÑимоÑÑи Ð¾Ñ Ð³Ð¾Ñода 1309 function updateMobileContacts() { 1310 const cityHeader = document.getElementById('mySity-header'); 1311 if (cityHeader) { 1312 const city = cityHeader.textContent; 1313 console.log(city + 'ШÐÐÐÐ'); 1314 const phoneElement = document.querySelector('.mobile-phone'); 1315 const addressElement = document.querySelector('.mobile-address'); 1316 1317 if (city.includes('ÐÑÑÑк')) { 1318 phoneElement.textContent = '+7 (4712) 200-720'; 1319 phoneElement.href = 'tel:+74712200720'; 1320 addressElement.innerHTML = 'ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 1321 } else if (city.includes('ÐÑел') || city.includes('ÐÑÑл') || city.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) { 1322 phoneElement.textContent = '+7 (4862) 43-20-10'; 1323 phoneElement.href = 'tel:+74862432010'; 1324 addressElement.innerHTML = 'ÐÑел, Ñл. ÐоÑковÑкаÑ, 98'; 1325 } else { 1326 phoneElement.textContent = '+7 (4722) 300-720'; 1327 addressElement.innerHTML = 'пгÑ. СевеÑнÑй, Ñл. ÐеÑезоваÑ, 1/12'; 1328 } 1329 } 1330 } 1331 1332 // ÐÑзÑваем ÑÑнкÑÐ¸Ñ Ð¿Ð¾Ñле загÑÑзки DOM 1333 setTimeout(updateMobileContacts, 100); 1334}); 1335 1336// ÐÑклÑÑаем ÑкÑолл-Ð¼ÐµÐ½Ñ Ð½Ð° мобилÑнÑÑ ÑÑÑÑойÑÑÐ²Ð°Ñ 1337window.addEventListener('resize', function() { 1338 const scrollMenu = document.getElementById('scrollMenu'); 1339 if (window.innerWidth <= 600 && scrollMenu) { 1340 scrollMenu.style.display = 'none'; 1341 } 1342}); 1343 1344// ÐниÑиализаÑÐ¸Ñ Ð¿Ñи загÑÑзке 1345window.addEventListener('load', function() { 1346 if (window.innerWidth <= 600) { 1347 const scrollMenu = document.getElementById('scrollMenu'); 1348 if (scrollMenu) { 1349 scrollMenu.style.display = 'none'; 1350 } 1351 } 1352}); 1353</script>
1353 1354 1355 1356 1357 1358<style> 1359/* ==== ÐСÐÐÐРФÐÐСÐÐ ÐÐÐÐÐÐРШÐÐÐÐ ==== */ 1360.my-header-scroll-menu { 1361 position: fixed; 1362 top: 0; 1363 left: 0; 1364/*margin-left: 20%;*/ 1365 width: 100%; 1366 background: #fff; 1367 box-shadow: 0 2px 8px rgba(0,0,0,0.1); 1368 z-index: 9999; 1369 font-family: 'Arial', sans-serif; 1370} 1371 1372/* ÐеÑÑ Ð½ÑÑ Ð»Ð¸Ð½Ð¸Ñ */ 1373.my-header-top { 1374 display: flex; 1375 justify-content: space-between; 1376 align-items: center; 1377 padding: 8px 40px; 1378 border-bottom: 1px solid #eee; 1379 font-size: 14px; 1380 color: #333; 1381width: 70%; 1382margin-left: 13%; 1383} 1384 1385.my-header-top .my-header-left { 1386 display: flex; 1387 align-items: center; 1388 gap: 20px; 1389} 1390 1391.my-header-logo img { 1392 height: 40px; 1393} 1394 1395.my-header-top .my-header-right { 1396 display: flex; 1397 align-items: center; 1398 gap: 25px; 1399} 1400 1401.my-header-top .my-header-right a { 1402 color: #003366; 1403 text-decoration: none; 1404 font-weight: 500; 1405} 1406 1407/* ÐижнÑÑ Ð»Ð¸Ð½Ð¸Ñ (менÑ) */ 1408.my-header-bottom { 1409 display: flex; 1410 justify-content: center; 1411 align-items: center; 1412 height: 50px; 1413 width: 100%; 1414 1415} 1416 1417.my-header-nav-menu { 1418 display: flex; 1419 gap: 40px; 1420 align-items: center; 1421} 1422 1423.my-header-nav-item { 1424 position: relative; 1425} 1426 1427.my-header-nav-item > a { 1428 text-decoration: none; 1429 color: #000; 1430 font-size: 15px; 1431 font-weight: 500; 1432 padding-bottom: 4px; 1433 display: inline-block; 1434 transition: color 0.2s, border-color 0.2s; 1435} 1436 1437.my-header-nav-item > a:hover, 1438.my-header-nav-item.active > a { 1439 color: #004c99; 1440 border-bottom: 2px solid #004c99; 1441} 1442 1443/* ÐÑпадаÑÑее Ð¼ÐµÐ½Ñ */ 1444.my-header-dropdown { 1445 display: none; 1446 position: absolute; 1447 top: 100%; 1448 left: 0; 1449 background: #fff; 1450 box-shadow: 0 4px 16px rgba(0,0,0,0.1); 1451 border-radius: 4px; 1452 min-width: 220px; 1453 padding: 10px 0; 1454 z-index: 10000; 1455} 1456 1457.my-header-dropdown a { 1458 display: block; 1459 padding: 10px 20px; 1460 color: #000; 1461 text-decoration: none; 1462 font-size: 14px; 1463} 1464 1465.my-header-dropdown a:hover { 1466 background: #f5f8ff; 1467 color: #004c99; 1468} 1469 1470.my-header-nav-item:hover .my-header-dropdown { 1471 display: block; 1472} 1473 1474/* ÐаÑалог: болÑÑой вÑпадаÑÑий мега-Ð¼ÐµÐ½Ñ */ 1475.my-header-catalog-mega { 1476 left: -100px; 1477 width: 1200px; 1478 display: none; /* по ÑмолÑÐ°Ð½Ð¸Ñ ÑкÑÑÑо, пÑи hover - показÑваеÑÑÑ */ 1479 position: absolute; 1480 top: 100%; 1481 background: #fff; 1482 padding: 18px; 1483 box-shadow: 0 6px 24px rgba(0,0,0,0.12); 1484 border-radius: 4px; 1485 z-index: 10000; 1486} 1487 1488/* СеÑка внÑÑÑи каÑалога */ 1489.my-header-catalog-grid { 1490 display: grid; 1491 grid-template-columns: repeat(3, 1fr); 1492 gap: 24px; 1493 align-items: start; 1494} 1495 1496/* Ðлок Ñаздела в каÑалоге */ 1497.my-header-cat-block strong { 1498 display: flex; 1499 align-items: center; 1500 gap: 10px; 1501 margin-bottom: 10px; 1502 font-size: 15px; 1503} 1504 1505/* Ðконки ÑÑдом Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ°Ð¼Ð¸ (SVG inline) */ 1506.my-header-cat-icon { 1507 width: 36px; 1508 height: 36px; 1509 display: inline-flex; 1510 align-items: center; 1511 justify-content: center; 1512 background: #f3f7fb; 1513 border-radius: 6px; 1514 flex: 0 0 36px; 1515} 1516 1517/* СÑÑлка внÑÑÑи блока (ÑпиÑок) */ 1518.my-header-cat-block a { 1519 display: block; 1520 padding: 6px 0; 1521 color: #0b4f88; 1522 text-decoration: none; 1523 font-size: 13.5px; 1524} 1525 1526.my-header-cat-block a:hover { 1527 color: #004c99; 1528 text-decoration: underline; 1529} 1530 1531/* ÐоказаÑÑ Ð¼ÐµÐ³Ð°-Ð¼ÐµÐ½Ñ Ð¿Ñи hover */ 1532.my-header-nav-item--catalog:hover .my-header-catalog-mega { 1533 display: block; 1534} 1535 1536/* ÐÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1537body, main, #allrecords { 1538 margin: 0; 1539 padding-top: 110px; /* вÑÑоÑа Ñапки */ 1540} 1541 1542/* Ðконка поиÑка */ 1543.my-header-search-icon { 1544 font-size: 18px; 1545 cursor: pointer; 1546} 1547 1548/* ÐдапÑив */ 1549@media (max-width: 900px) { 1550 .my-header-top, .my-header-bottom { 1551 flex-direction: column; 1552 padding: 10px 20px; 1553 } 1554 .my-header-nav-menu { 1555 flex-wrap: wrap; 1556 justify-content: center; 1557 gap: 20px; 1558 } 1559 .my-header-catalog-mega { 1560 position: static; 1561 width: 100%; 1562 box-shadow: none; 1563 padding: 12px; 1564 } 1565 .my-header-catalog-grid { 1566 grid-template-columns: repeat(1, 1fr); 1567 } 1568 /* ÐÑÑÑÑп Ð´Ð»Ñ ÐºÐ¾Ð½ÑенÑа */ 1569body, main, #allrecords { 1570 margin: 0; 1571 padding-top: 50px; /* вÑÑоÑа Ñапки */ 1572} 1573} 1574.img-nav-menu 1575{ 1576 width: 50px; 1577 heidth: 50px; 1578} 1579/* strong */ 1580strong .text-headers-adress, 1581.text-headers-adress { 1582 color: black; 1583 font-size: 12px; 1584 text-decoration: none !important; 1585 font-weight: normal; 1586 display: inline-block; 1587} 1588 1589strong .text-headers-adress:hover, 1590.text-headers-adress:hover { 1591 text-decoration: none !important; 1592 font-weight: bold; 1593} 1594 1595</style> 1596 1597 1598<header class="my-header-scroll-menu" id="scrollMenu"> 1599 <div class="my-header-top" id="top-header-none"> 1600 <div class="my-header-left"> 1601 <a href='/' class="my-header-logo"> 1602 <img onclick="location.href='/'" style="cursor:pointer;" src="/logo.png" alt="ÐогоÑип"> 1603 </a> 1604 1605 </div> 1606 1607 <div class="my-header-right"> 1608<span style="width: 300px;"> 1609 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewB
1609ox="0 0 13 16"> 1610 <defs> 1611 <style> 1612 .cls-1 { 1613 fill-rule: evenodd; 1614 fill: #2c5aa0; 1615 } 1616 </style> 1617 </defs> 1618 <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> 1619 </svg> 1620 <a id="adress-company" style="width: 100px; text-decoration: none; color: #2c5aa0;" href="/contacts"> </a></span> 1621 <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> 1622 <span id="phone" class="phone"></span> 1623 <!-- СоÑÑеÑÑ --> 1624 <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK"> 1625 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 1626 <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> 1627 </svg> 1628 </a> 1629 </div> 1630 </div> 1631
1632<script> 1633 // ÐÑвеÑÑи Ð½Ð¾Ð¼ÐµÑ ÑелеÑона 1634 let mySity = document.getElementById('mySity').textContent; 1635 console.log(mySity + ' ШÐÐÐÐ'); 1636 if (mySity.includes('ÐÑÑÑк')) 1637 { 1638 document.getElementById('phone').innerHTML = '+7 (4712) 200-720'; 1639 document.getElementById('adress-company').innerHTML = 'ÐÑÑÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð³. ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 1640 } 1641 else if (mySity.includes('ÐÑел') || mySity.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) 1642 { 1643 document.getElementById('phone').innerHTML = '+7 (4862) 43-20-10'; 1644 document.getElementById('adress-company').innerHTML = 'ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, г. ÐÑел, Ñл.ÐоÑковÑкаÑ, 98 (ÐÑÑ. ÐкÑан)'; 1645 } 1646 else 1647 { 1648 document.getElementById('phone').innerHTML = `+7 (4722) 300-720`; 1649 document.getElementById('adress-company').innerHTML = ' ÐелгоÑодÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð¿Ð³Ñ. СевеÑнÑй, Ñл.ÐеÑезоваÑ, 1/12'; 1650 } 1651 1652window.addEventListener('scroll', () => { 1653 //console.log('Y:', window.scrollY, 'X:', window.scrollX); 1654}); 1655</script>
1655 1656 <div class="my-header-bottom"> 1657 <nav class="my-header-nav-menu"> 1658 <!-- Ð Ð½Ð°Ñ --> 1659 <div class="my-header-nav-item"> 1660 <a href="/company">Ð Ð½Ð°Ñ â¾</a> 1661 <div class="my-header-dropdown"> 1662 <a href="/company">Ркомпании</a> 1663 <a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a> 1664 <a href="/novosti">ÐовоÑÑи</a> 1665 <a href="/video">ÐаÑе видео</a> 1666 <a href="/vacansii">ÐаканÑии</a> 1667 <a href="/reviews">ÐÑзÑвÑ</a> 1668 </div> 1669 </div> 1670 1671 <!-- ÐаÑалог пÑодÑкÑии (мега-Ð¼ÐµÐ½Ñ Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸) --> 1672 <div class="my-header-nav-item my-header-nav-item--catalog"> 1673 <a href="/produkciya">ÐаÑалог пÑодÑкÑии â¾</a> 1674 1675 <div class="my-header-catalog-mega" aria-hidden="true"> 1676 <div class="my-header-catalog-grid"> 1677 <!-- Ðлок 1 --> 1678 <div class="my-header-cat-block"> 1679 <div style="display:flex; align-items:flex-start; gap:10px;"> 1680 <div class="my-header-cat-icon" aria-hidden="true"> 1681 <!-- ÐÑÐ¸Ð¼ÐµÑ SVG иконки --> 1682 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt=""> 1683 </div> 1684 <div> 1685 <strong><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, визиÑки</a></strong> 1686 <a href="/produkciya/buklety">ÐиÑÑовки и визиÑки</a> 1687 <a href="/produkciya/broshyury">ÐÑклеÑÑ</a> 1688 <a href="/produkciya/plakaty">ÐÑоÑÑÑÑ</a> 1689 <a href="/produkciya/hengery">ÐлакаÑÑ</a> 1690 <a href="/baza-buklety-listovki-hengery-vizitki">ÐÑÑ </a> 1691 </div> 1692 </div> 1693 </div> 1694 1695 <!-- Ðлок 2 --> 1696 <div class="my-header-cat-block"> 1697 <div style="display:flex; align-items:flex-start; gap:10px;"> 1698 <div class="my-header-cat-icon" aria-hidden="true"> 1699 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt=""> 1700 </div> 1701 <div> 1702 <strong><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></strong> 1703 <a href="/produkciya/kalendari">ÐалендаÑи</a> 1704 <a href="/produkciya/bloknoty">ÐлокноÑÑ</a> 1705 <a href="/produkciya/ezhednevniki">Ðжедневники</a> 1706 <a href="/produkciya/otkrytki">ÐÑкÑÑÑки</a> 1707 <a href="/otkrytki-pakety-kalendari">ÐÑÑ </a> 1708 </div> 1709 </div> 1710 </div> 1711 1712 <!-- Ðлок 3 --> 1713 <div class="my-header-cat-block"> 1714 <div style="display:flex; align-items:flex-start; gap:10px;"> 1715 <div class="my-header-cat-icon" aria-hidden="true"> 1716 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt=""> 1717 </div> 1718 <div> 1719 <strong> <a class="text-headers-adress" href="/knigi-i-igry">Ðниги и игÑÑ</a></strong> 1720 <a href="/produkciya/detskie-knigi">ÐеÑÑкие книги</a> 1721 <a href="/produkciya/knigi">Ðниги</a> 1722 <a href="/produkciya/al-bomy">ÐлÑбомÑ</a> 1723 <a href="/produkciya/mnogotomnye-izdaniya">ÐногоÑомнÑе изданиÑ</a> 1724 <a href="/knigi-i-igry">ÐÑÑ </a> 1725 </div> 1726 </div> 1727 </div> 1728 1729 <!-- Ðлок 4 --> 1730 <div class="my-header-cat-block"> 1731 <div style="display:flex; align-items:flex-start; gap:10px;"> 1732 <div class="my-header-cat-icon" aria-hidden="true"> 1733 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt=""> 1734 </div> 1735 <div> 1736 <strong><a class="text-headers-adress" href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></strong> 1737 <a href="/produkciya/zhurnaly">ÐÑÑналÑ</a> 1738 <a href="/produkciya/gazety">ÐазеÑÑ</a> 1739 <a href="/produkciya/ezhegodniki">Ðжегодники</a> 1740 </div> 1741 </div> 1742 </div> 1743 1744 <!-- Ðлок 5 --> 1745 <div class="my-header-cat-block"> 1746 <div style="display:flex; align-items:flex-start; gap:10px;"> 1747 <div class="my-header-cat-icon" aria-hidden="true"> 1748 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt=""> 1749 </div> 1750 <div> 1751 <strong> 1752 <a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑÑÑки, амбаÑнÑе жÑÑналÑ</a></strong> 1753 <a href="/produkciya/blanki">Ðланки</a> 1754 <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 1755 <a href="/produkciya/ambarnaya-produkciya">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 1756 </div> 1757 </div> 1758 </div> 1759 1760 <!-- Ðлок 6 --> 1761 <div class="my-header-cat-block"> 1762 <div style="display:flex; align-items:flex-start; gap:10px;"> 1763 <div class="my-header-cat-icon" aria-hidden="true"> 1764 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt=""> 1765 </div> 1766 <div> 1767 <strong><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
1767ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></strong> 1768 <a href="/produkciya/upakovka">Упаковка</a> 1769 <a href="/produkciya/etiketki">ÐÑикеÑки</a> 1770 <a href="/produkciya/yarlyki-i-birki">ЯÑлÑки и биÑки</a> 1771 </div> 1772 </div> 1773 </div> 1774 </div> <!-- /.my-header-catalog-grid --> 1775 </div> <!-- /.my-header-catalog-mega --> 1776 </div> 1777 1778 <!-- ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ --> 1779 <div class="my-header-nav-item"> 1780 <a href="/trebovaniya-k-maketu">ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ</a> 1781 </div> 1782 1783 <!-- ÐÑÐ°Ð¹Ñ Ð¸ оплаÑа --> 1784 <div class="my-header-nav-item"> 1785 <a href="/prays-oplata/oplata">ÐплаÑа и РеквизиÑÑâ¾</a> 1786 <div class="my-header-dropdown"> 1787 <a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a> 1788 <a href="/company/requisites">РеквизиÑÑ</a> 1789 </div> 1790 </div> 1791 1792 <!-- ÐомоÑÑ --> 1793 <div class="my-header-nav-item"> 1794 <a href="/kak-vybrat-tipografiyu">ÐомоÑÑ â¾</a> 1795 <div class="my-header-dropdown"> 1796 <a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a> 1797 <a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ?</a> 1798 <a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки <br> пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a> 1799 <a href="/cookie">ÐолиÑика в оÑноÑении <br> Ñайлов cookie</a> 1800 </div> 1801 </div> 1802 1803 <!-- ÐонÑакÑÑ --> 1804 <div class="my-header-nav-item"> 1805 <a href="/contacts">ÐонÑакÑÑ</a> 1806 </div> 1807 1808 <!-- ÐоиÑк --> 1809 1810 </nav> 1811 </div> 1812</header> 1813
1814<script> 1815 document.addEventListener('DOMContentLoaded', () => { 1816 const menu = document.getElementById('scrollMenu'); 1817 const path = window.location.pathname; 1818 1819 // ÑкÑÑваем ÑÐ°Ð¿ÐºÑ Ð½Ð° главной (как Ñ ÑÐµÐ±Ñ Ð±Ñло) 1820 if (path === '/' || path === '/index.html') { 1821 menu.style.display = 'none'; 1822 document.body.style.paddingTop = '0'; 1823 } 1824 1825 // ÐополниÑелÑно: еÑли нÑжно закÑÑваÑÑ Ð¼ÐµÐ³Ð°-Ð¼ÐµÐ½Ñ Ð¿Ñи клике вне его (полезно на мобиле) 1826 document.addEventListener('click', (e) => { 1827 // еÑли кликнÑли вне каÑалога и не на ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÐºÐ°Ñалога â закÑÑÑÑ (на ÑлÑÑай, еÑли иÑполÑзÑÑÑÑÑ ÐºÐ»Ð°ÑÑÑ Ð´Ð»Ñ Ð¿Ð¾ÐºÐ°Ð·Ð°). 1828 // ÐдеÑÑ Ð½Ð¸Ñего не делаем, поÑÐ¾Ð¼Ñ ÑÑо Ð¼Ñ Ð¸ÑполÑзÑем hover Ð´Ð»Ñ Ð¿Ð¾ÐºÐ°Ð·Ð°; оÑÑавлено Ð´Ð»Ñ ÑаÑÑиÑениÑ. 1829 }); 1830 }); 1831</script>
1831<div class=" content-html-source"> 1832 <head> 1833 <style> 1834 .logo { 1835 font-size: 28px; 1836 font-weight: bold; 1837 color: #333; 1838 width: 200px; 1839 height: 80px; 1840 background-image: url('/logo.png'); 1841 background-size: cover; 1842 background-position: center; 1843 } 1844 </style> 1845 1846 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 1847 <!-- ÐодклÑÑение ÑÑилей --> 1848 <link rel="stylesheet" href="head-style.css"> 1849</head> 1850<div> 1851 <!-- Шапка ÑайÑа --> 1852 <div class="my-header"> 1853 <div class="top-bar"> 1854 <a href='/' style="cursor:pointer;" class="logo"></a> 1855 <div class="contact-info"> 1856 <span style="width: 200px;"> 1857 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16"> 1858 <defs> 1859 <style> 1860 .cls-1 { 1861 fill-rule: evenodd; 1862 fill: #0066ff; 1863 } 1864 </style> 1865 </defs> 1866 <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> 1867 </svg> 1868 <a id="adress-company-header" style="width: 200px; text-decoration: none;" href="/contacts"> </a> 1869 </span> 1870 <span id="mySity-header"><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> 1871 <span id="phone-header" class="phone"></span> 1872 <!-- ÑоÑÑеÑÑ --> 1873 <a style="margin-left: 20px; margin-top: -5px;" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK"> 1874 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 1875 <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> 1876 </svg> 1877 </a> 1878 1879 </div> 1880 </div> 1881 <ul class="nav-menu"> 1882 <li class="nav-item"> 1883 <a href="/company" style="color: black; text-decoration: none; font-size: 14px;">Ð Ð½Ð°Ñ â¼</a> 1884 <div class="dropdown"> 1885 <div onclick="location.href='/company'" class="dropdown-item">Ркомпании</div> 1886 <div onclick="location.href='/company/licenses'" class="dropdown-item">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</div> 1887 <div onclick="location.href='/novosti'" class="dropdown-item">ÐовоÑÑи</div> 1888 <div onclick="location.href='/video'" class="dropdown-item">ÐаÑе видео</div> 1889 <div onclick="location.href='/vacansii'" class="dropdown-item">ÐаканÑии</div> 1890 <div onclick="location.href='/reviews'" class="dropdown-item">ÐÑзÑвÑ</div> 1891 </div> 1892 </li> 1893 <li class="nav-item"> 1894 <a href="/produkciya" style="color: black; text-decoration: none; font-size: 14px;">ÐаÑалог пÑодÑкÑии â¼</a> 1895 <div class="catalog-dropdown"> 1896 <div class="dropdown-column"> 1897 <div class="dropdown-section"> 1898 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt=""><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</a></h4> 1899 <a href="/produkciya/listovki-i-vizitki" class="dropdown-item">ÐиÑÑовки и визиÑки</a> 1900 <a href="/produkciya/buklety" class="dropdown-item">ÐÑклеÑÑ</a> 1901 <a href="/produkciya/broshyury" class="dropdown-item">ÐÑоÑÑÑÑ</a> 1902 <a href="/produkciya/plakaty" class="dropdown-item">ÐлакаÑÑ</a> 1903 <a href="/baza-buklety-listovki-hengery-vizitki" class="dropdown-item">ÐÑÑ</a> 1904 </div> 1905 <div class="dropdown-section"> 1906 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt=""><a class="text-headers-adress" href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></h4> 1907 <a href="/produkciya/zhurnaly" class="dropdown-item">ÐÑÑналÑ</a> 1908 <a href="/produkciya/gazety" class="dropdown-item">ÐазеÑÑ</a> 1909 <a href="/produkciya/ezhegodniki" class="dropdown-item">Ðжегодники</a> 1910 </div> 1911 </div> 1912 <div class="dropdown-column"> 1913 <div class="dropdown-section"> 1914 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt=""><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></h4> 1915 <a href="/produkciya/kalendari" class="dropdown-item">ÐалендаÑи</a> 1916 <a href="/produkciya/bloknoty" class="dropdown-item">ÐлокноÑÑ</a> 1917 <a href="/produkciya/ezhednevniki" class="dropdown-item">Ðжедневники</a> 1918 <a href="/produkciya/otkrytki" class="dropdown-item">ÐÑкÑÑÑки</a> 1919 <a href="/otkrytki-pakety-kalendari" class="dropdown-item">ÐÑÑ</a> 1920 </div> 1921 <div class="dropdown-section"> 1922 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt=""><a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑеÑки, амбаÑнÑе жÑÑналÑ</a></h4> 1923 <a href="/produkciya/blanki" class="dropdown-item">Ðланки</a> 1924 <a href="/produkciya/dokumenty-v-tverdoy-oblozhke" class="dropdown-item">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 1925 <a href="/produkciya/ambarnaya-produkciya" class="dropdown-item">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 1926 </div> 1927 </div> 1928 <div class="dropdown-column"> 1929 <div class="dropdown-section"> 1930 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt=""><a class="text-headers-adress" href="/knigi-i-igry">Ðниги и игÑÑ</a></h4> 1931 <a href="/produkciya/detskie-knigi" class="dropdown-item">ÐеÑÑкие книги</a> 1932 <a href="/produkciya/knigi" class="dropdown-item">
1932Ðниги</a> 1933 <a href="/produkciya/al-bomy" class="dropdown-item">ÐлÑбомÑ</a> 1934 <a href="/produkciya/mnogotomnye-izdaniya" class="dropdown-item">ÐногоÑомнÑе изданиÑ</a> 1935 <a href="/produkciya/knigi-i-igry" class="dropdown-item">ÐÑÑ</a> 1936 </div> 1937 <div class="dropdown-section"> 1938 <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt=""><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></h4> 1939 <a href="/produkciya/upakovka" class="dropdown-item">Упаковка</a> 1940 <a href="/produkciya/etiketki" class="dropdown-item">ÐÑикеÑки</a> 1941 <a href="/produkciya/yarlyki-i-birki" class="dropdown-item">ЯÑлÑки и биÑжи</a> 1942 </div> 1943 </div> 1944 </div> 1945 </li> 1946 <li onclick="location.href='/trebovaniya-k-maketu'" class="nav-item">ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº макеÑÑ</li> 1947 <li class="nav-item"> 1948 ÐплаÑа и ÑеквизиÑÑ â¼ 1949 <div class="dropdown"> 1950 <div onclick="location.href='/prays-oplata/oplata'" class="dropdown-item">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</div> 1951 <div onclick="location.href='/company/requisites'" class="dropdown-item">РеквизиÑÑ</div> 1952 </div> 1953 </li> 1954 <li class="nav-item"> 1955 ÐомоÑÑ â¼ 1956 <div class="dropdown"> 1957 <div onclick="location.href='/kak-vybrat-tipografiyu/faq'" class="dropdown-item">ЧаÑÑо задаваемÑе вопÑоÑÑ</div> 1958 <div onclick="location.href='/kak-vybrat-tipografiyu'" class="dropdown-item">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ</div> 1959 <div onclick="location.href='/agreement'" class="dropdown-item">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки <br> пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </div> 1960 <div onclick="location.href='/cookie'" class="dropdown-item">ÐолиÑика в оÑноÑении <br> Ñайлов cookie</div> 1961 </div> 1962 </li> 1963 <li onclick="location.href='/contacts'" class="nav-item">ÐонÑакÑÑ</li> 1964 </ul> 1965 </div> 1966 1967 <!-- Ð¡Ð»Ð°Ð¹Ð´ÐµÑ --> 1968 <div class="hero-slider"> 1969 <div class="background-image"></div> 1970 1971 <!-- СÑÑелки Ð´Ð»Ñ Ð¿ÐµÑеклÑÑÐµÐ½Ð¸Ñ Ñлайдов --> 1972 <div class="slider-arrow arrow-left">â</div> 1973 <div class="slider-arrow arrow-right">â</div> 1974 1975 <div class="slide"> 1976 <div class="my-slider-container"> 1977 <div class="text-content"> 1978 <h2>ТипогÑаÑÐ¸Ñ ÐÐÐСТÐÐТÐ!</h2> 1979 <p>ТолÑко Ñ Ð½Ð°Ñ ÐµÐ´Ð¸Ð½ÑÑÐ²ÐµÐ½Ð½Ð°Ñ Ð²Ð¾ вÑÑм ЧеÑноземÑе пÑÑикÑаÑоÑÐ½Ð°Ñ Ð¿ÐµÑаÑÐ½Ð°Ñ Ð¼Ð°Ñина RMGT 920ST-5 ÑоÑмаÑа Ð1.</p> 1980 </div> 1981 <div class="image-content"> 1982 <img src="https://static.wow2print.com/storage/4231/content/image/60461093968db7fccd99f93.30599169.png" alt="ТипогÑаÑÐ¸Ñ ÐÐÐСТÐÐТÐ!"> 1983 </div> 1984 </div> 1985 </div> 1986 1987 <div class="slide"> 1988 <div class="my-slider-container"> 1989 <div class="text-content"> 1990 <h2>СÐÐСТÐÐÐÐÐЯ ÐÐÐÐÐÐ-СТУÐÐЯ</h2> 1991 <p>ÐаÑи дизайнеÑÑ â инÑÑÑÑÐ¼ÐµÐ½Ñ Ð´Ð»Ñ ÑеализаÑии ÐаÑÐ¸Ñ Ð¸Ð´ÐµÐ¹.</p> 1992 </div> 1993 <div class="image-content"> 1994 <img src="https://static.wow2print.com/storage/4231/content/image/135461919068db7fcc3f8e83.68091657.png" alt="ÐÐÐÐÐÐ-СТУÐÐЯ"> 1995 </div> 1996 </div> 1997 </div> 1998 1999 <div class="slide active"> 2000 <div class="my-slider-container"> 2001 <div class="text-content"> 2002 <h2>СÐÐСТÐÐÐÐЫРТРÐÐСÐÐРТ</h2> 2003 <p>ÐаÑи авÑомобили - гаÑанÑÐ¸Ñ Ð´Ð¾ÑÑавки в ÑелоÑÑи и вовÑемÑ.</p> 2004 </div> 2005 <div class="image-content"> 2006 <img src="https://static.wow2print.com/storage/4231/content/image/120061917268db7fbf8a57b9.75704596.png" alt="ТРÐÐСÐÐРТ"> 2007 </div> 2008 </div> 2009 </div> 2010 2011 <div class="slide"> 2012 <div class="my-slider-container"> 2013 <div class="text-content"> 2014 <h2>ТÐÐÐÐÐ ÐФÐЯ ÐÐÐСТÐÐТÐ</h2> 2015 <p>ÐобÑо пожаловаÑÑ Ð½Ð° ÑÐ°Ð¹Ñ ÑипогÑаÑии ÐÐÐСТÐÐТÐ!</p> 2016 </div> 2017 <div class="image-content"> 2018 <img src="https://static.wow2print.com/storage/4231/content/image/30799848168db7fc4da87d8.42620328.png" alt="ÐÐÐСТÐÐТÐ"> 2019 </div> 2020 </div> 2021 </div> 2022 2023 <div class="indicators"> 2024 <div class="indicator" data-index="0"></div> 2025 <div class="indicator" data-index="1"></div> 2026 <div class="indicator active" data-index="2"></div> 2027 <div class="indicator" data-index="3"></div> 2028 </div> 2029 </div> 2030 2031 <!-- ÐагÑÐ°Ð´Ñ --> 2032 <!-- <div class="my-awards-container"> 2033 <div class="award-item"> 2034 <div class="award-image"> 2035 <img src="https://static.wow2print.com/storage/4231/content/image/109373671868db7fca5fdc89.27625345.svg" alt="ÐагÑада 1"> 2036 </div> 2037 <div class="award-text"> 2038 <div class="country">Член ÐаÑионалÑной <br>ÐÑÑоÑиаÑии полигÑаÑиÑÑов</div> 2039 </div> 2040 </div> 2041 2042 <div class="award-item"> 2043 <div class="award-image"> 2044 <img src="https://static.wow2print.com/storage/4231/content/image/200231721368db7fc71bf9d9.63066465.jpg" alt="ÐагÑада 2"> 2045 </div> 2046 <div class="award-text"> 2047 <div class="country">ÐбладаÑÐµÐ»Ñ Ð¿Ñемии ÐÐ¸Ð´ÐµÑ Ð Ð¾ÑÑии</div> 2048 </div> 2049 </div> 2050 2051 <div class="award-item"> 2052 <div class="award-image"> 2053 <img src="https://static.wow2print.com/storage/4231/content/image/202697044268db7fc833d862.03625938.png" alt="ÐагÑада 3"> 2054 </div> 2055 <div class="award-text"> 2056 <div class="country">ÐбладаÑÐµÐ»Ñ Ð¿Ñемии <br>"ÐаÑионалÑÐ½Ð°Ñ Ð¼Ð°Ñка каÑеÑÑва"</div> 2057 </div> 2058 </div> 2059 </div> --> 2060 <section class="my-features"> 2061 <div class="my-feature"> 2062 <img src="https://static.wow2print.com/storage/4231/content/image/146717898268db7fc0278bb4.21888267.png" alt="Ðконка 1"> 2063 <p>ФÑнкÑионалÑнаÑ<br>и каÑеÑÑÐ²ÐµÐ½Ð½Ð°Ñ Ð¿ÑодÑкÑиÑ</p> 2064 </div> 2065 <div class="my-feature"> 2066 <img src="https://static.wow2print.com/storage/4231/content/image/106424030068db7fc1063547.41481958.png" alt="Ðконка 2"> 2067 <p>ÐепоÑÑедÑÑвеннÑй<br>иÑполниÑÐµÐ»Ñ Ð·Ð°ÐºÐ°Ð·Ð°</p> 2068 </div> 2069 <div class="my-feature"> 2070 <img src="https://static.wow2print.com/storage/4231/content/image/12366300168db7fc24de4e2.89452147.png" alt="Ðконка 3"> 2071 <p>Ðоманда<br>пÑоÑеÑÑионалов</p> 2072 </div> 2073 <div class="my-feature"> 2074 <img src="https://static.wow2print.com/storage/4231/content/image/151426889368db7fc171dc61.96129907.png" alt="Ðконка 4"> 2075 <p>СобÑÑвеннаÑ<br>дизайн-ÑÑÑдиÑ</p> 2076 </div> 2077 </section> 2078 2079 <!-- ÐаÑалог пÑодÑкÑии --> 2080 <div class="my-wrap"> 2081 <div class="my-top-row"> 2082 <div> 2083 <h1 class="my-page-title">ÐаÑалог пÑодÑкÑии</h1> 2084 <p class="my-intro"> 2085 ТипогÑаÑÐ¸Ñ Â«ÐÐÐСТÐÐТл вÑпÑÑÐºÐ°ÐµÑ ÐºÐ°ÑеÑÑвеннÑÑ Ð¿Ð¾Ð»Ð¸Ð³ÑаÑÐ¸Ñ Ð»Ñбой ÑложноÑÑи и обÑÑма в пÑиемлемÑе ÑÑоки 2086 </p> 2087 </div> 2088 2089 <div> 2090 <a class="my-catalog-link" href="/produkciya">ÐеÑÑ ÐºÐ°Ñалог</a> 2091 </div> 2092 </div> 2093 2094 <section class="my-grid" aria-label="ÐаÑегоÑии пÑодÑкÑии"> 2095 <article class="my-card"> 2096 <div class="my-thumb"> 2097 <img src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt="ÐÑклеÑÑ, лиcÑовки"> 2098 </div> 2099 <div class="my-content"> 2100 <h3 class="my-title"><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</a></h3> 2101 <nav class="my-links" aria-label="ÐодкаÑегоÑии 1"> 2102 <a href="/produkciya/listovki-i-vizitki">ÐиÑÑовки и визиÑки</a> 2103 <a href="/produkciya/buklety">ÐÑклеÑÑ</a> 2104 <a href="/produkciya/broshyury">ÐÑоÑÑÑÑ</a> 2105 <a href="/produkciya/plakaty">ÐлакаÑÑ</a> 2106 </nav> 2107 <div class="my-more"><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">ÐÑÑ</a></div> 2108 </div> 2109 </article> 2110 2111 <article class="my-card"> 2112 <div class="my-thumb"> 2113 <img src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt="ÐÑкÑÑÑки, пакеÑÑ"> 2114 </div> 2115 <div class="my-content"> 2116 <h3 class="my-title"><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></h3> 2117 <nav class="my-links" aria-label="ÐодкаÑегоÑии 2"> 2118 <a href="/produkciya/kalendari">ÐалендаÑи</a> 2119 <a href="/produkciya/bloknoty">ÐлокноÑÑ</a> 2120 <a href="/produkciya/ezhednevniki">Ðжедневники</a> 2121 <a href="/produkciya/otkrytki">ÐÑкÑÑÑки</a> 2122 </nav> 2123 <div class="my-more"><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">ÐÑÑ</a></div> 2124 </div> 2125 </article> 2126 2127 <article class="my-card"> 2128 <div class="my-thumb"> 2129 <img src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt="Ðниги и игÑÑ"> 2130 </div> 2131 <div class="my-content"> 2132 <h3 class="my-title"><a class="text-headers-adress" href="/knigi-i-igry">Ðниги и игÑÑ</a></h3> 2133 <nav class="my-links" aria-label="ÐодкаÑегоÑии 3"> 2134 <a href="/produkciya/detskie-knigi">ÐеÑÑкие книги</a> 2135 <a href="/produkciya/knigi">Ðниги</a> 2136 <a href="/produkciya/al-bomy">ÐлÑбомÑ</a> 2137 <a href="/produkciya/mnogotomnye-izdaniya">ÐногоÑомнÑе изданиÑ</a> 2138 </nav> 2139 <div class="my-more"><a class="text-headers-adress" href="/knigi-i-igry">ÐÑÑ</a></div> 2140 </div> 2141 </article> 2142 2143 <article class="my-card"> 2144 <div class="my-thumb"> 2145 <img src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt="ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ"> 2146 </div> 2147 <div class="my-content"> 2148 <h3 class="my-title"><a class="text-headers-adress" href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></h3> 2149 <nav class="my-links" aria-label="ÐодкаÑегоÑии 4"> 2150 <a href="/produkciya/zhurnaly">ÐÑÑналÑ</a> 2151 <a href="/produkciya/gazety">ÐазеÑÑ</a> 2152 <a href="/produkciya/ezhegodniki">Ðжегодники</a> 2153 </nav> 2154 <div class="my-more"></div> 2155 </div> 2156 </article> 2157 2158 <article class="my-card"> 2159 <div class="my-thumb"> 2160 <img src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt="УдоÑÑовеÑениÑ, заÑеÑки"> 2161 </div> 2162 <div class="my-content"> 2163 <h3 class="my-title"><a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑеÑки, амбаÑнÑе жÑÑналÑ</a></h3> 2164 <nav class="my-links" aria-label="ÐодкаÑегоÑии 5"> 2165 <a href="/produkciya/blanki">Ðланки</a> 2166 <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">ÐокÑменÑÑ Ð² ÑвÑÑдой обложке</a> 2167 <a href="/produkciya/ambarnaya-produkciya">ÐмбаÑÐ½Ð°Ñ Ð¿ÑодÑкÑиÑ</a> 2168 </nav> 2169 <div class="my-more"></div> 2170 </div> 2171 </article> 2172 2173 <article class="my-card"> 2174 <div class="my-thumb"> 2175 <img src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt="ÐÑикеÑки, коÑобки"> 2176 </div> 2177 <div class="my-content"> 2178 <h3 class="my-title"><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
2178ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></h3> 2179 <nav class="my-links" aria-label="ÐодкаÑегоÑии 6"> 2180 <a href="/produkciya/upakovka">Упаковка</a> 2181 <a href="/produkciya/etiketki">ÐÑикеÑки</a> 2182 <a href="/produkciya/yarlyki-i-birki">ЯÑлÑки и биÑки</a> 2183 </nav> 2184 <div class="my-more"></div> 2185 </div> 2186 </article> 2187 </section> 2188 </div> 2189 2190 <!-- ÐаÑи пÑеимÑÑеÑÑва --> 2191 <!-- <section class="my-features"> 2192 <div class="my-feature"> 2193 <img src="https://static.wow2print.com/storage/4231/content/image/146717898268db7fc0278bb4.21888267.png" alt="Ðконка 1"> 2194 <p>ФÑнкÑионалÑнаÑ<br>и каÑеÑÑÐ²ÐµÐ½Ð½Ð°Ñ Ð¿ÑодÑкÑиÑ</p> 2195 </div> 2196 <div class="my-feature"> 2197 <img src="https://static.wow2print.com/storage/4231/content/image/106424030068db7fc1063547.41481958.png" alt="Ðконка 2"> 2198 <p>ÐепоÑÑедÑÑвеннÑй<br>иÑполниÑÐµÐ»Ñ Ð·Ð°ÐºÐ°Ð·Ð°</p> 2199 </div> 2200 <div class="my-feature"> 2201 <img src="https://static.wow2print.com/storage/4231/content/image/12366300168db7fc24de4e2.89452147.png" alt="Ðконка 3"> 2202 <p>Ðоманда<br>пÑоÑеÑÑионалов</p> 2203 </div> 2204 <div class="my-feature"> 2205 <img src="https://static.wow2print.com/storage/4231/content/image/151426889368db7fc171dc61.96129907.png" alt="Ðконка 4"> 2206 <p>СобÑÑвеннаÑ<br>дизайн-ÑÑÑдиÑ</p> 2207 </div> 2208 </section> --> 2209 2210 <div class="my-awards-container"> 2211 <div class="award-item"> 2212 <div class="award-image"> 2213 <img src="https://static.wow2print.com/storage/4231/content/image/109373671868db7fca5fdc89.27625345.svg" alt="ÐагÑада 1"> 2214 </div> 2215 <div class="award-text"> 2216 <div class="country">Член ÐаÑионалÑной <br>ÐÑÑоÑиаÑии полигÑаÑиÑÑов</div> 2217 </div> 2218 </div> 2219 2220 <div class="award-item"> 2221 <div class="award-image"> 2222 <img src="https://static.wow2print.com/storage/4231/content/image/200231721368db7fc71bf9d9.63066465.jpg" alt="ÐагÑада 2"> 2223 </div> 2224 <div class="award-text"> 2225 <div class="country">ÐбладаÑÐµÐ»Ñ Ð¿Ñемии ÐÐ¸Ð´ÐµÑ Ð Ð¾ÑÑии</div> 2226 </div> 2227 </div> 2228 2229 <div class="award-item"> 2230 <div class="award-image"> 2231 <img src="https://static.wow2print.com/storage/4231/content/image/202697044268db7fc833d862.03625938.png" alt="ÐагÑада 3"> 2232 </div> 2233 <div class="award-text"> 2234 <div class="country">ÐбладаÑÐµÐ»Ñ Ð¿Ñемии <br>"ÐаÑионалÑÐ½Ð°Ñ Ð¼Ð°Ñка каÑеÑÑва"</div> 2235 </div> 2236 </div> 2237 </div> 2238 2239 <!-- ÐаÑи возможноÑÑи --> 2240 <section class="my-possibilities"> 2241 <div class="my-possibilities-content"> 2242 <h2>ÐаÑи возможноÑÑи</h2> 2243 <p> 2244 ÐаÑе обоÑÑдование позволÑÐµÑ ÑоздаваÑÑ Ð´Ð»Ñ Ð½Ð°ÑÐ¸Ñ ÐºÐ»Ð¸ÐµÐ½Ñов полигÑаÑиÑеÑкÑÑ Ð¿ÑодÑкÑÐ¸Ñ Ð²ÑÑокого каÑеÑÑва, 2245 обладаÑÑÑÑ ÑникалÑнÑм, неповÑоÑимÑм ÑÑилем. 2246 </p> 2247 <p class="small"> 2248 ÐеÑаÑÑ Ð¾ÑÑеÑнÑм и ÑиÑÑовÑм ÑпоÑобом, а Ñакже ÑовÑеменнÑе ÑпоÑÐ¾Ð±Ñ Ð¿Ð¾ÑлепеÑаÑной обÑабоÑки гоÑовой пÑодÑкÑии. 2249 </p> 2250 <a href="/company" class="my-btn">ÐодÑобнее</a> 2251 </div> 2252 2253 <div class="my-possibilities-grid"> 2254 <a href="/ofsetnaya-pechat" class="my2-card"> 2255 <img src="https://static.wow2print.com/storage/4231/content/image/57143428468de7aa1a39a26.96946805.jpg" alt="ÐÑÑеÑÐ½Ð°Ñ Ð¿ÐµÑаÑÑ"> 2256 <span>ÐÑÑеÑÐ½Ð°Ñ Ð¿ÐµÑаÑÑ</span> 2257 </a> 2258 <a href="/tcifrovaya-pechat" class="my2-card"> 2259 <img src="https://static.wow2print.com/storage/4231/content/image/125365332468de7aa2070932.15975493.jpg" alt="ЦиÑÑÐ¾Ð²Ð°Ñ Ð¿ÐµÑаÑÑ"> 2260 <span>ЦиÑÑÐ¾Ð²Ð°Ñ Ð¿ÐµÑаÑÑ</span> 2261 </a> 2262 <a href="/tisnenie" class="my2-card"> 2263 <img src="https://static.wow2print.com/storage/4231/content/image/60598241268de7aff9abf48.02442344.jpg" alt="ТиÑнение">
2264 <span>ТиÑнение</span> 2265 </a> 2266 <a href="/kongrev" class="my2-card"> 2267 <img src="https://static.wow2print.com/storage/4231/content/image/34746111368de7aa2511215.55707001.jpg" alt="ÐонгÑев"> 2268 <span>ÐонгÑев</span> 2269 </a> 2270 <a href="/obrabotka-sreza" class="my2-card"> 2271 <img src="https://static.wow2print.com/storage/4231/content/image/170565045868de7aa2988561.30565125.jpg" alt="ÐбÑабоÑка ÑÑеза"> 2272 <span>ÐбÑабоÑка ÑÑеза</span> 2273 </a> 2274 <a href="/laminatsiya" class="my2-card"> 2275 <img src="https://static.wow2print.com/storage/4231/content/image/141819039668de7aa311ec84.81649649.jpg" alt="ÐаминаÑиÑ"> 2276 <span>ÐаминаÑиÑ</span> 2277 </a> 2278 <a href="/vysechka" class="my2-card"> 2279 <img src="https://static.wow2print.com/storage/4231/content/image/175733603468de7aa3d887b6.91854774.jpg" alt="ÐÑÑеÑка"> 2280 <span>ÐÑÑеÑка</span> 2281 </a> 2282 <a href="/pereplyet" class="my2-card"> 2283 <img src="https://static.wow2print.com/storage/4231/content/image/84903547468de7aa439a090.97332398.png" alt="ÐеÑеплеÑ"> 2284 <span>ÐеÑеплеÑ</span> 2285 </a> 2286 </div> 2287 </section> 2288 2289 <!-- Ðак Ð¼Ñ ÑабоÑаем --> 2290 <section class="my3-steps"> 2291 <h2>Ðак Ð¼Ñ ÑабоÑаем</h2> 2292 <div class="my3-grid"> 2293 <div class="my3-step"> 2294 <div class="my3-number">1</div> 2295 <h3>РаÑÑеÑ</h3> 2296 <p>СвÑжиÑеÑÑ Ñ Ð½Ð°Ð¼Ð¸, и Ð¼Ñ Ð²Ñполним ÑаÑÑÐµÑ ÐаÑего заказа.</p> 2297 </div> 2298 <div class="my3-step"> 2299 <div class="my3-number">2</div> 2300 <h3>ÐокÑменÑÑ</h3> 2301 <p>ÐÑоÑмим заказ и подгоÑовим Ð´Ð»Ñ ÐÐ°Ñ Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ñе докÑменÑÑ.</p> 2302 </div> 2303 <div class="my3-step"> 2304 <div class="my3-number">3</div> 2305 <h3>ÐакеÑ</h3> 2306 <p>ÐÑовеÑим ÐаÑи ÑÐ°Ð¹Ð»Ñ Ð¸Ð»Ð¸ Ñоздадим Ð¸Ñ Ð´Ð»Ñ ÐÐ°Ñ Ð² наÑей дизайн-ÑÑÑдии.</p> 2307 </div> 2308 <div class="my3-step"> 2309 <div class="my3-number">4</div> 2310 <h3>ÐплаÑа</h3> 2311 <p>ÐплаÑиÑе полнÑÑ ÑÑоимоÑÑÑ Ð·Ð°ÐºÐ°Ð·Ð° или в ÑаÑÑÑоÑкÑ.</p> 2312 </div> 2313 <div class="my3-step"> 2314 <div class="my3-number">5</div> 2315 <h3>ÐÑоизводÑÑво</h3> 2316 <p>ÐÑ Ð¿Ð¾Ð»ÑÑиÑе авÑомаÑиÑеÑкое Ñведомление о гоÑовноÑÑи ÐаÑего заказа.</p> 2317 </div> 2318 <div class="my3-step"> 2319 <div class="my3-number">6</div> 2320 <h3>ÐÑодÑкÑ</h3> 2321 <p>ÐабеÑиÑе заказ в наÑем оÑиÑе или Ð¼Ñ Ð´Ð¾ÑÑавим его Ð´Ð»Ñ ÐÐ°Ñ Ð² лÑбÑÑ ÑоÑкÑ.</p> 2322 </div> 2323 </div> 2324 </section> 2325 2326 <!-- Ркомпании --> 2327 <section class="my4-about"> 2328 <div class="my4-about-content"> 2329 <h2>Ркомпании</h2> 2330 <p><strong>ТипогÑаÑÐ¸Ñ Â«ÐÐÐСТÐÐТл</strong> Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð»Ð¸Ð´Ð¸ÑÑÑÑие позиÑии на ÑегионалÑном ÑÑнке каÑеÑÑвеннÑÑ 2331 полигÑаÑиÑеÑÐºÐ¸Ñ ÑÑлÑг лÑбой ÑложноÑÑи â Ð¾Ñ Ð¿ÑоÑÑÑÑ Ð²Ð¸Ð·Ð¸Ñок до кÑаÑоÑнÑÑ Ð¼Ð½Ð¾Ð³Ð¾ÑомнÑÑ Ð¸Ð·Ð´Ð°Ð½Ð¸Ð¹ в ÑвеÑдом 2332 пеÑеплеÑе и подаÑоÑной Ñпаковке.</p> 2333 <p>ÐÑ ÑабоÑаем Ð´Ð»Ñ ÑÐ²Ð¾Ð¸Ñ ÐлиенÑов Ñ 2004 года. ÐÑ ÑвлÑемÑÑ Ñленом ÐаÑионалÑной аÑÑоÑиаÑии полигÑаÑиÑÑов и 2334 за вÑÐµÐ¼Ñ ÑабоÑÑ Ð¾ÑмеÑÐµÐ½Ñ <a href="/company/licenses">многоÑиÑленнÑми нагÑадами</a>.</p> 2335 2336 <div class="my4-buttons"> 2337 <a href="/company" class="my4-btn primary">ÐодÑобнее</a> 2338 <a href="/Prezentatsiya-o-tipografii-KONSTANTA.pdf" class="my4-btn secondary">ÐÑезенÑаÑиÑ</a> 2339 <a href="/video" class="my4-btn secondary">ÐаÑе видео</a> 2340 </div> 2341 </div> 2342 2343 <div class="my4-video"> 2344 <div id="rutube-player"></div> 2345 </div> 2346 </section> 2347 2348 <!-- Ðам довеÑÑÑÑ --> 2349 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> 2350 <section class="my5-partners"> 2351 <h2>Ðам довеÑÑÑÑ</h2> 2352 <div class="swiper my5-swiper"> 2353 <div class="swiper-wrapper"> 2354 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/166332343468db7fcc8ba0d2.50719736.jpg" alt="Ðого 1"></div> 2355 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/83835263068db7fc75efef9.97956976.png" alt="Ðого 2"></div> 2356 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/19429404368db7fc78fa755.64266275.jpg" alt="Ðого 3"></div> 2357 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/208494177168db7fc6bf99b3.53396489.jpg" alt="Ðого 4"></div> 2358 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/82704114568db7fc4314815.90731808.png" alt="Ðого 5"></div> 2359 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/125585846868db7fc3206433.74796350.png" alt="Ðого 6"></div> 2360 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/102276628968db7fc35e0038.73993325.png" alt="Ðого 7"></div> 2361 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/3013058368db7fc297e044.71733198.jpg" alt="Ðого 8"></div> 2362 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/214039442168db7fc7d0c630.29817216.png" alt="Ðого 9"></div> 2363 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/113214854368db7fc2d1c062.46102689.jpg" alt="Ðого 10"></div> 2364 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/103264477968db7fbf335404.45337007.png" alt="Ðого 11"></div> 2365 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/118275223068db7fc397d9c0.73025841.png" alt="Ðого 12"></div> 2366 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/39813647668db7fcddae395.91204635.png" alt="Ðого 13"></div> 2367 <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/65470417468db7fc52f4cd3.32844257.png" alt="Ðого 14"></div> 2368 </div> 2369 2370 <div class="swiper-button-prev"></div> 2371 <div class="swiper-button-next"></div> 2372 </div> 2373 </section> 2374 2375 <!-- СкÑипÑÑ --> 2376
2376<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2376 2377
2377<script> 2378 document.addEventListener('DOMContentLoaded', function() { 2379 // Ð¡Ð»Ð°Ð¹Ð´ÐµÑ 2380 const slides = document.querySelectorAll('.slide'); 2381 const indicators = document.querySelectorAll('.indicator'); 2382 const arrowLeft = document.querySelector('.arrow-left'); 2383 const arrowRight = document.querySelector('.arrow-right'); 2384 let currentSlide = 0; 2385 const slideInterval = 5000; 2386 2387 function showSlide(index) { 2388 slides.forEach(slide => { 2389 slide.classList.remove('active'); 2390 }); 2391 2392 indicators.forEach(indicator => { 2393 indicator.classList.remove('active'); 2394 }); 2395 2396 slides[index].classList.add('active'); 2397 indicators[index].classList.add('active'); 2398 2399 currentSlide = index; 2400 } 2401 2402 function nextSlide() { 2403 let nextIndex = (currentSlide + 1) % slides.length; 2404 showSlide(nextIndex); 2405 } 2406 2407 function prevSlide() { 2408 let prevIndex = (currentSlide - 1 + slides.length) % slides.length; 2409 showSlide(prevIndex); 2410 } 2411 2412 let slideTimer = setInterval(nextSlide, slideInterval); 2413 2414 indicators.forEach(indicator => { 2415 indicator.addEventListener('click', function() { 2416 clearInterval(slideTimer); 2417 showSlide(parseInt(this.getAttribute('data-index'))); 2418 slideTimer = setInterval(nextSlide, slideInterval); 2419 }); 2420 }); 2421 2422 arrowLeft.addEventListener('click', function() { 2423 clearInterval(slideTimer); 2424 prevSlide(); 2425 slideTimer = setInterval(nextSlide, slideInterval); 2426 }); 2427 2428 arrowRight.addEventListener('click', function() { 2429 clearInterval(slideTimer); 2430 nextSlide(); 2431 slideTimer = setInterval(nextSlide, slideInterval); 2432 }); 2433 2434 document.addEventListener('keydown', function(e) { 2435 if (e.key === 'ArrowLeft') { 2436 clearInterval(slideTimer); 2437 prevSlide(); 2438 slideTimer = setInterval(nextSlide, slideInterval); 2439 } else if (e.key === 'ArrowRight') { 2440 clearInterval(slideTimer); 2441 nextSlide(); 2442 slideTimer = setInterval(nextSlide, slideInterval); 2443 } 2444 }); 2445 2446 // Swiper Ð´Ð»Ñ Ð¿Ð°ÑÑнеÑов 2447 const swiper = new Swiper('.my5-swiper', { 2448 slidesPerView: 5, 2449 spaceBetween: 40, 2450 loop: true, 2451 autoplay: { 2452 delay: 2500, 2453 disableOnInteraction: false, 2454 }, 2455 navigation: { 2456 nextEl: '.swiper-button-next', 2457 prevEl: '.swiper-button-prev', 2458 }, 2459 breakpoints: { 2460 1024: { slidesPerView: 5 }, 2461 768: { slidesPerView: 3 }, 2462 480: { slidesPerView: 2 } 2463 } 2464 }); 2465 2466 // Ðидео Rutube 2467 const iframe = document.createElement('iframe'); 2468 iframe.width = '720'; 2469 iframe.height = '405'; 2470 iframe.src = 'https://rutube.ru/play/embed/57e06cb4bf95217f75da999bc0465be1/?p=null&autostart=1&muted=1'; 2471 iframe.frameBorder = '0'; 2472 iframe.setAttribute('allow', 'autoplay; clipboard-write'); 2473 iframe.setAttribute('webkitAllowFullScreen', ''); 2474 iframe.setAttribute('mozallowfullscreen', ''); 2475 iframe.setAttribute('allowFullScreen', ''); 2476 2477 document.getElementById('rutube-player').appendChild(iframe); 2478 2479 // ÐополниÑелÑнÑй ÑÐ¸ÐºÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ ÑÑÑÑойÑÑв 2480 function fixMobileLayout() { 2481 if (window.innerWidth <= 768) { 2482 document.documentElement.style.overflowX = 'hidden'; 2483 document.body.style.overflowX = 'hidden'; 2484 } 2485 } 2486 2487 fixMobileLayout(); 2488 window.addEventListener('resize', fixMobileLayout); 2489 2490 // СамÑй пÑоÑÑой ваÑÐ¸Ð°Ð½Ñ ÑкÑолл Ð¼ÐµÐ½Ñ 2491 setTimeout(function() { 2492 var body = document.body; 2493 2494 function onScroll() { 2495 var scrollPos = body.scrollTop || window.pageYOffset; 2496 2497 if (scrollPos > 100) { 2498 document.getElementById('scrollMenu').style.top = '0px'; 2499 document.getElementById('scrollMenu').style.display = 'flex'; 2500 document.getElementById('top-header-none').style.display = 'none'; 2501 } else { 2502 document.getElementById('scrollMenu').style.top = '-90px'; 2503 } 2504 } 2505 2506 body.addEventListener('scroll', onScroll); 2507 window.addEventListener('scroll', onScroll); 2508 }, 1000); 2509 2510 // ÐÑвеÑÑи Ð½Ð¾Ð¼ÐµÑ ÑелеÑона 2511 let mySityHeader = document.getElementById('mySity-header').textContent; 2512 console.log(mySityHeader + 'ÐлавнаÑ'); 2513 if (mySityHeader.includes('ÐÑÑÑк')) { 2514 document.getElementById('phone-header').innerHTML = '+7 (4712) 200-720'; 2515 document.getElementById('adress-company-header').innerHTML = 'ÐÑÑÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð³. ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 2516 } else if (mySityHeader.includes('ÐÑел') || mySityHeader.includes('ÐÑÑл') || mySityHeader.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) { 2517 document.getElementById('phone-header').innerHTML = '+7 (4862) 43-20-10'; 2518 document.getElementById('adress-company-header').innerHTML = 'ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, г. ÐÑел, Ñл.ÐоÑковÑкаÑ, 98 (ÐÑÑ. ÐкÑан)'; 2519 } else { 2520 document.getElementById('phone-header').innerHTML = `+7 (4722) 300-720`; 2521 document.getElementById('adress-company-header').innerHTML = 'ÐелгоÑодÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð¿Ð³Ñ. СевеÑнÑй, Ñл.ÐеÑезоваÑ, 1/12'; 2522 } 2523 }); 2524 </script>
2524 2525</div></div></div> 2526<footer class="my-footer"> 2527 <!-- ÐÐРХ: колонки --> 2528 <div class="my-footer-top"> 2529 <div class="my-footer-column"> 2530 <h4>ÐомпаниÑ</h4> 2531 <ul> 2532 <li><a href="/company">Ркомпании</a></li> 2533 <li><a href="/company/licenses">ÐагÑÐ°Ð´Ñ Ð¸ доÑÑижениÑ</a></li> 2534 <li><a href="/novosti">ÐовоÑÑи</a></li> 2535 <li><a href="/video">ÐаÑе видео</a></li> 2536 <li><a href="/vacansii">ÐаканÑии</a></li> 2537 <li><a href="/reviews">ÐÑзÑвÑ</a></li> 2538 </ul> 2539 </div> 2540 2541 <div class="my-footer-column my-footer-column--wide"> 2542 <h4>ÐаÑалог</h4> 2543 <ul> 2544 <li><a href="/baza-buklety-listovki-hengery-vizitki">ÐÑклеÑÑ, лиÑÑовки, Ñ ÐµÐ½Ð³ÐµÑÑ, визиÑки</a></li> 2545 <li><a href="/otkrytki-pakety-kalendari">ÐÑкÑÑÑки, пакеÑÑ, календаÑи</a></li> 2546 <li><a href="/knigi-i-igry">Ðниги и игÑÑ</a></li> 2547 <li><a href="/zhurnaly-i-gazet">ÐÑÑÐ½Ð°Ð»Ñ Ð¸ газеÑÑ</a></li> 2548 <li><a href="/udostovereniya-zachetki-ambarnye-zhurnaly">УдоÑÑовеÑениÑ, заÑÑÑки, амбаÑнÑе жÑÑналÑ</a></li> 2549 <li><a href="/etiketki-korobki-instrukcii">ÐÑикеÑки, коÑобки, инÑÑÑÑкÑии</a></li> 2550 </ul> 2551 </div> 2552 2553 <div class="my-footer-column"> 2554 <h4>ÐплаÑа / РеквизиÑÑ</h4> 2555 <ul> 2556 <li><a href="/prays-oplata/oplata">СпоÑÐ¾Ð±Ñ Ð¾Ð¿Ð»Ð°ÑÑ</a></li> 2557 <li><a href="/company/requisites">РеквизиÑÑ</a></li> 2558 </ul> 2559 </div> 2560 2561 <div class="my-footer-column"> 2562 <h4>ÐомоÑÑ</h4> 2563 <ul> 2564 <li><a href="/kak-vybrat-tipografiyu/faq">ЧаÑÑо задаваемÑе вопÑоÑÑ</a></li> 2565 <li><a href="/kak-vybrat-tipografiyu">Ðак вÑбÑаÑÑ ÑипогÑаÑиÑ</a></li> 2566 <li><a href="/agreement">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¾Ð±ÑабоÑки пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></li> 2567 <li><a href="/cookie">ÐолиÑика в оÑноÑении Ñайлов cookie</a></li> 2568 </ul> 2569 </div> 2570 2571 <div class="my-footer-column my-footer-contacts"> 2572 <h4>ÐаÑи конÑакÑÑ</h4> 2573 2574 <div class="my-footer-contact-item"> 2575 <!-- ÑелеÑÐ¾Ð½Ð½Ð°Ñ ÑÑÑбка (SVG) --> 2576 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"> 2577 <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> 2578 </svg> 2579 <span id="phone-footer"> 2580 2581 </span> 2582 </div> 2583 2584 <div id="grafik-rabot-footer" class="my-footer-contact-sub"></div> 2585 2586 <div class="my-footer-contact-item"> 2587 <!-- меÑка (SVG) --> 2588 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" aria-hidden="true"> 2589 <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> 2590 </svg> 2591 <span id="adress-company-footer"></span> 2592 </div> 2593 2594 <div class="my-footer-contact-item"> 2595 <!-- конвеÑÑ (SVG) --> 2596 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" aria-hidden="true"> 2597 <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> 2598 </svg> 2599 <a href="mailto:[email protected]" 2600 style="color: white; text-decoration: none;" 2601 onmouseover="this.style.textDecoration='none';" 2602 onmouseout="this.style.textDecoration='none';"> 2603 [email protected] 2604</a> 2605 </div> 2606 </div> 2607 </div> 2608 2609
2609<script> 2610 // ÐÑвеÑÑи Ð½Ð¾Ð¼ÐµÑ ÑелеÑона 2611 // console.log(mySity); 2612 if (mySity.includes('ÐÑÑÑк')) 2613 { 2614 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>`; 2615 document.getElementById('adress-company-footer').innerHTML = 'ÐÑÑÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð³. ÐÑÑÑк, Ñл. ЧиÑÑаÑ, 2/21'; 2616 document.getElementById('grafik-rabot-footer').innerHTML = ''; 2617 } 2618 else if (mySity.includes('ÐÑел') || mySity.includes('ÐÑÑл') || mySity.includes('ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ')) 2619 { 2620 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>`; 2621 document.getElementById('adress-company-footer').innerHTML = 'ÐÑловÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, г. ÐÑел, Ñл.ÐоÑковÑкаÑ, 98 (ÐÑÑ. ÐкÑан)'; 2622 document.getElementById('grafik-rabot-footer').innerHTML = ''; 2623 } 2624 else 2625 { 2626 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>`; 2627 document.getElementById('adress-company-footer').innerHTML = ' ÐелгоÑодÑÐºÐ°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð¿Ð³Ñ. СевеÑнÑй, Ñл.ÐеÑезоваÑ, 1/12'; 2628 document.getElementById('grafik-rabot-footer').innerHTML = 'ÐнâÐÑ: 9:00â17:30<br>Склад: Ðжедневно 8:00â20:00'; 2629 } 2630 2631window.addEventListener('scroll', () => { 2632 //console.log('Y:', window.scrollY, 'X:', window.scrollX); 2633}); 2634</script>
2634 2635 2636 2637 <!-- ÐÐÐ: копиÑÐ°Ð¹Ñ Ð¸ ÑоÑ. иконки --> 2638 <div class="my-footer-bottom"> 2639 <div class="my-footer-copy">© 2025 ÐонÑÑанÑа.</div> 2640 2641 <!-- ÐобавленнÑй логоÑип --> 2642 <div class="my-footer-logo" onclick="window.open('https://for-app.ru/', '_blank')"> 2643 <svg class="logo-svg" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> 2644 <rect x="6" y="6" width="108" height="108" rx="20" fill="#f1ebff"> 2645 <animate attributeName="opacity" values="1;0.85;1" dur="3s" repeatCount="indefinite"/> 2646 </rect> 2647 2648 <!-- F â Ð»ÐµÐ²Ð°Ñ Ð¿Ð°Ð»ÐºÐ° --> 2649 <rect x="36" y="34" width="12" height="52" rx="3" fill="#6C3BFF"> 2650 <animate attributeName="opacity" values="1;0.1;1" dur="1.6s" repeatCount="indefinite"/> 2651 <animateTransform attributeName="transform" type="translate" 2652 values="0 0; 0 -2; 0 0" dur="1.6s" repeatCount="indefinite"/> 2653 </rect> 2654 2655 <!-- ÐеÑÑ Ð½ÑÑ Ð¿Ð°Ð»ÐºÐ° F --> 2656 <rect x="52" y="34" width="36" height="12" rx="3" fill="#6C3BFF"> 2657 <animate attributeName="opacity" values="1;0.2;1" dur="1.3s" begin="0.2s" repeatCount="indefinite"/> 2658 <animateTransform attributeName="transform" type="translate" 2659 values="0 0; 2 0; 0 0" dur="1.3s" begin="0.2s" repeatCount="indefinite"/> 2660 </rect> 2661 2662 <!-- ÐижнÑÑ Ð¿Ð°Ð»ÐºÐ° F --> 2663 <rect x="52" y="58" width="28" height="12" rx="3" fill="#6C3BFF"> 2664 <animate attributeName="opacity" values="1;0.3;1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/> 2665 <animateTransform attributeName="transform" type="scale" 2666 values="1 1; 1.05 1; 1 1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/> 2667 </rect> 2668 2669 <!-- or-app â ÑвелиÑÐµÐ½Ð½Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ + ÑÑÑÑ Ð²Ð¿Ñаво --> 2670 <text x="80" y="90" text-anchor="middle" font-size="15" fill="#6C3BFF" font-family="Arial, sans-serif"> 2671 or-app 2672 <animate attributeName="opacity" 2673 values="0;1;0.4;1;0.8;1" 2674 dur="1.8s" 2675 repeatCount="indefinite"/> 2676 <animateTransform attributeName="transform" 2677 type="translate" 2678 values="0 0; 0 -1; 0 1; 0 0" 2679 dur="1.8s" 2680 repeatCount="indefinite"/> 2681 </text> 2682 </svg> 2683 </div> 2684 2685 <div class="my-footer-social"> 2686 <!-- VK --> 2687 <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK"> 2688 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 2689 <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> 2690 </svg> 2691 </a> 2692 2693 <!-- Telegram --> 2694 <!-- <a class="my-footer-social-link my-footer-social-telegram" href="https://t.me/konstantaprint" target="_blank" aria-label="Telegram"> 2695 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> 2696 <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> 2697 </svg> 2698 </a> --> 2699 </div> 2700 </div> 2701</footer> 2702 2703<style> 2704/* обÑий ÑÑÑеÑ: ÑменÑÑÑннÑй ÑÑиÑÑ ÐºÐ°Ðº на ÑкÑине */ 2705.my-footer { 2706 background: #32373b; /* ÑемнÑй Ñон */ 2707 color: #c9cdd0; 2708 font-family: Arial, sans-serif; 2709 font-size: 13px; /* ÐÐССТÐÐÐÐÐÐÐÐ: мелкий ÑекÑÑ */ 2710 line-height: 1.6; 2711} 2712 2713/* ÐÐРХÐЯЯ ЧÐСТЬ: колонки */ 2714.my-footer-top { 2715 max-width: 1200px; 2716 margin: 0 auto; 2717 padding: 36px 20px 20px; 2718 display: flex; 2719 justify-content: space-between; 2720 gap: 40px; 2721 align-items: flex-start; 2722 box-sizing: border-box; 2723} 2724 2725.my-footer-column { 2726 flex: 1 1 160px; 2727 min-width: 150px; 2728} 2729 2730.my-footer-column--wide { flex: 1.6 1 320px; } /* каÑалог ÑиÑе */ 2731 2732.my-footer-column h4 { 2733 color: #fff; 2734 font-size: 15px; /* заголовки ÑÑÑÑ ÐºÑÑпнее */ 2735 margin: 0 0 12px 0; 2736 font-weight: 700; 2737} 2738 2739/* ÑпиÑок ÑÑÑлок */ 2740.my-footer-column ul { 2741 list-style: none; 2742 padding: 0; 2743 margin: 0; 2744} 2745 2746.my-footer-column ul li { 2747 margin-bottom: 8px; 2748} 2749 2750.my-footer-column ul li a { 2751 color: #c0c4c6; 2752 text-decoration: none; 2753 font-size: 13px; 2754} 2755 2756.my-footer-column ul li a:hover { 2757 color: #fff; 2758 text-decoration: underline; 2759} 2760 2761/* ÐонÑакÑÑ */ 2762.my-footer-contacts .my-footer-contact-item { 2763 width: 250px; 2764 display: flex; 2765 align-items: center; 2766 gap: 10px; 2767 margin-top: 8px; 2768 color: #fff; 2769} 2770 2771.my-footer-contacts svg { 2772 width: 16px; 2773 height: 16px; 2774 flex-shrink: 0; 2775 display: block; 2776} 2777 2778/* подпиÑи вÑемени и Ñклада */ 2779.my-footer-contact-sub { 2780 color: #b9bdbf; 2781 font-size: 12.5px; 2782 margin: 8px 0 0 26px; /* вÑÑовнÑÑÑ Ð¿Ð¾Ð´ ÑекÑÑом Ñ Ð¸ÐºÐ¾Ð½ÐºÐ¾Ð¹ */ 2783} 2784 2785/* ÐÐÐÐЯЯ ÐÐÐÐÐЬ: копиÑÐ°Ð¹Ñ Ð¸ ÑоÑÑеÑи */ 2786.my-footer-bottom { 2787 border-top: 1px solid rgba(255,255,255,0.04); 2788 max-width: 1200px; 2789 margin: 0 auto; 2790 padding: 18px 20px; 2791 display: flex; 2792 align-items: center; 2793 justify-content: space-between; 2794 box-sizing: border-box; 2795} 2796 2797/* копиÑÐ°Ð¹Ñ Ñлева */ 2798.my-footer-copy { 2799 color: #9da2a5; 2800 font-size: 13px; 2801} 2802 2803/* конÑÐµÐ¹Ð½ÐµÑ Ð´Ð»Ñ Ð»Ð¾Ð³Ð¾Ñипа (по ÑенÑÑÑ) */ 2804.my-footer-logo { 2805 display: flex; 2806 align-items: center; 2807 justify-content: center; 2808 flex: 0 0 auto; 2809 margin: 0 20px; 2810} 2811 2812.my-footer-logo .logo-svg { 2813 width: 50px; /* Ð Ð°Ð·Ð¼ÐµÑ Ð»Ð¾Ð³Ð¾Ñипа */ 2814 height: 50px; 2815 display: block; 2816 cursor: pointer; 2817} 2818 2819/* ÑоÑÑеÑи ÑпÑава */ 2820.my-footer-social { 2821 display: flex; 2822 gap: 12px; 2823 align-items: center; 2824} 2825 2826/* кÑÑжки Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº */ 2827.my-footer-social-link { 2828 display: inline-flex; 2829 align-items: center; 2830 justify-content: center; 2831 width: 38px; 2832 height: 38px; 2833 border-radius: 50%; 2834 transition: transform .12s ease, box-shadow .12s; 2835 box-shadow: 0 2px 6px rgba(0,0,0,0.25); 2836} 2837 2838.my-footer-social-link:hover { transform: translateY(-3px); } 2839 2840.my-footer-social-vk { background: #4a76a8; } 2841.my-footer-social-telegram { background: #2aabee; } 2842.my-footer-social-youtube { background: #e33; } 2843 2844/* svg внÑÑÑи â белÑе */ 2845.my-footer-social-link svg { width: 18px; height: 18px; display:block; fill: #fff; } 2846 2847/* пÑобÑоÑиÑÑ Ð±ÐµÐ»ÑÑ Ð·Ð°Ð»Ð¸Ð²ÐºÑ Ð½Ð° пÑÑи (еÑли в SVG иÑполÑзÑеÑÑÑ ÐºÐ»Ð°ÑÑ) */ 2848.my-footer .scls, 2849.my-footer .pcls-1, 2850.my-footer .cls-1, 2851.my-footer .ecls-1 { 2852 fill: #fff; 2853 fill-rule: evenodd; 2854} 2855 2856/* ÐдапÑив â колонки в 2 ÑÑда на ÑÐ·ÐºÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ , заÑем в 1 */ 2857@media (max-width: 1000px) { 2858 .my-footer-top { 2859 flex-wrap: wrap; 2860 gap: 24px; 2861 } 2862 .my-footer-column { flex: 1 1 45%; } 2863 .my-footer-column--wide { flex: 1 1 100%; } 2864} 2865 2866@media (max-width: 768px) { 2867 .my-footer-bottom { 2868 flex-wrap: wrap; 2869 justify-content: center; 2870 gap: 15px; 2871 } 2872 .my-footer-copy, 2873 .my-footer-logo, 2874 .my-footer-social { 2875 flex: 0 0 auto; 2876 } 2877 .my-footer-logo { 2878 order: 2; 2879 margin: 10px 0; 2880 cursor: pointer; 2881 } 2882 .my-footer-copy { 2883 order: 1; 2884 width: 100%; 2885 text-align: center; 2886 } 2887 .my-footer-social { 2888 order: 3; 2889 width: 100%; 2890 justify-content: center; 2891 } 2892} 2893 2894@media (max-width: 620px) { 2895 .my-footer-top { padding: 24px 15px; } 2896 .my-footer-column { flex: 1 1 100%; min-width: 0; } 2897 .my-footer-contact-sub { margin-left: 0; } 2898 .my-footer-bottom { padding: 14px 15px; flex-direction: column; gap: 10px; align-items: center; } 2899 .my-footer-logo { order: 2; margin: 10px 0; cursor: pointer;} 2900 .my-footer-copy { order: 1; } 2901 .my-footer-social { order: 3; } 2902} 2903 2904/* ÐÐСТÐÐÐЫРФУТÐÐ Ð ÐÐÐ ÐÐÐТЧÐÐÐ */ 2905.footer-developed-by-link { 2906 display: none; 2907} 2908 2909.footer-developed-by { 2910 overflow: hidden; 2911} 2912 2913.kast-developed-by { 2914 width: 100%; 2915 /*height: 200px;*/ 2916 font-size: 12px; 2917 background-color: black; 2918 display: flex; 2919 align-items: center; 2920 justify-content: flex-end; /* вÑÑавниваем вÑÑ Ð²Ð¿Ñаво */ 2921 padding-right: 5%; /* оÑÑÑÑп Ð¾Ñ Ð¿Ñавого кÑÐ°Ñ */ 2922} 2923 2924.kast-tcs { 2925 font-size: 17px; 2926 color: white; 2927 display: flex; 2928 align-items: center; 2929 gap: 10px; /* ÑаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ ÑекÑÑом и логоÑипом */ 2930} 2931 2932.kast-tcs img { 2933 width: 50px; 2934 height: auto; 2935 display: block; 2936 cursor:pointer; 2937} 2938</style> 2939
2940<script> 2941 (function(w,d,u){ 2942 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0); 2943 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); 2944 })(window,document,'https://cdn-ru.bitrix24.ru/b13503172/crm/site_button/loader_7_p33iuk.js'); 2945</script>
2945 2946 2947<!-- <div class="kast-developed-by"> 2948 2949 <div class="kast-tcs" onclick="window.open('https://wow2print.com/', '_blank')"> 2950 ÑабоÑÐ°ÐµÑ Ð½Ð° CMS 2951 <img src="/assets/3e3660af/images/svg/tippo-logo.svg" alt="TCS"> 2952 </div> 2953</div> --> 2954 2955<style type="text/css"> 2956 2957 2958 .footer .social-image i { 2959 font-size: 48px; 2960 margin-right: 12px; 2961 } 2962 2963</style> 2964<div class="footer-developed-by-link"> 2965 <div class="container"> 2966 <div class="footer-developed-by"> 2967 <a style="float: right" href="https://wow2print.com" target="_blank"> 2968 <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/> 2969 </a> 2970 <div style="padding-top: 1px"> 2971 РазÑабоÑано </div> 2972 <div class="clearfix"></div> 2973 </div> 2974 </div> 2975</div> 2976 2977 2978
2979<script> 2980 $(document).ready(function () { 2981 $('.footer-developed-by-link').remove(); 2982 let html = `<div class="footer-developed-by-link"> 2983 <div class="container"> 2984 <div class="footer-developed-by"> 2985 <a style="float: right" href="https://wow2print.com" target="_blank"> 2986 <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/> 2987 </a> 2988 <div style="padding-top: 1px"> 2989 РазÑабоÑано </div> 2990 <div class="clearfix"></div> 2991 </div> 2992 </div> 2993</div> 2994 2995`; 2996 setTimeout(function () { 2997 if (!$('.footer-developed-by-link').length) { 2998 $('body').append(html); 2999 } 3000 }, 1); 3001 }); 3002</script>
3002<div class="cookie-container px-5"> 3003 <div class="container px-5 py-4 rounded shadow"> 3004 <div class="row"> 3005 <div class="col-12 col-sm-12 col-md-10 text-1"> 3006 ÐÑ Ð¸ÑполÑзÑем ÑÐ°Ð¹Ð»Ñ cookies Ð´Ð»Ñ ÑлÑÑÑений и коÑÑекÑной ÑабоÑÑ ÑайÑа, анализа ÑÑаÑика и пеÑÑонализаÑии. ÐÑполÑзÑÑ ÑÐ°Ð¹Ñ Ð¸Ð»Ð¸ ÐºÐ»Ð¸ÐºÐ°Ñ Ð½Ð° "Я ÑоглаÑен", Ð²Ñ ÑоглаÑаеÑеÑÑ Ñ Ð½Ð°Ñей полиÑикой иÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ cookies. <a class="link text-2" target="_blank" href="/cookie">ÐодÑобнее</a> </div> 3007 <div class="col-12 col-sm-12 col-md-2 mt-3 mt-md-0"> 3008 <button class="agree-button bg-company-color rounded w-100 p-3 text-3 border-0" name="yt0" type="button">Я ÑоглаÑен</button> </div> 3009 </div> 3010 </div> 3011</div> 3012 3013
3014<script type="text/javascript"> 3015 $(function () { 3016 var cookieName = 'agreeCookie'; 3017 if (getCookie(cookieName) != 1) { 3018 $('.cookie-container').animate({bottom: 20}, 1000); 3019 } else { 3020 $('.cookie-container').remove(); 3021 } 3022 $('.cookie-container .agree-button').click(function () { 3023 setCookie(cookieName, 1, {expires: 3600 * 24 * 15}); 3024 $('.cookie-container').animate({bottom: -300}, 1000, function () { 3025 $(this).remove(); 3026 }); 3027 }); 3028 }); 3029</script>
3029<script> 3030 window.useOrientation = false; 3031 $(function () { 3032 window.layoutSizeLimit = 200; 3033 }); 3034</script>
3034 3035<div class="modal fade modal-change-city-location" style="z-index: 9999"> 3036 <div class="modal-dialog modal-dialog-centered"> 3037 <div class="modal-content"> 3038 <div class="modal-body"> 3039 <div class="modal-title h3">ÐÑбеÑиÑе гоÑод</div> 3040 3041 <div class="country-select-container d-none"> 3042 <label class="country-select-label">ÐÑбеÑиÑе ÑÑÑанÑ</label> 3043 <select class="form-control selectpicker country-select" name="country_id" id="country_id"> 3044<option value="1">РоÑÑиÑ</option> 3045</select> </div> 3046 3047 <div class="city-search-container"> 3048 <input type="text" class="form-control city-search-field" placeholder="ÐоиÑк"> 3049 <small class="form-text text-muted"> 3050 <span style="font-size:1.2em;font-weight:600;">Ðожно иÑкаÑÑ Ð¿Ð¾ ÑегионÑ: ÐоÑод, Ñегион</span> 3051 </small> 3052 <div class="city-search-result" style="display: none"></div> 3053 </div> 3054 3055 <div class="city-container-wrapper"> 3056 <div class="city-container"></div> 3057 </div> 3058 </div> 3059 </div> 3060 </div> 3061</div> 3062
3063<script> 3064 $(function () { 3065 $('.modal-change-city-location .city-container, .modal-change-city-location .city-search-result').on('click', '.select-city', function () { 3066 let countryLocation = $('.modal-change-city-location select.country-select').val(); 3067 let index = $(this).attr('data-city'); 3068 3069 // УдалиÑÑ Ð² наÑала 2024 года. 3070 setCookie('cityLocationId', index, {expires: 1}); 3071 setCookie('countryLocationId', countryLocation, {expires: 1}); 3072 // 3073 3074 setCookie('cityLocationId', index, {expires: 3600 * 24 * 30, domain: true}); 3075 setCookie('countryLocationId', countryLocation, {expires: 3600 * 24 * 30, domain: true}); 3076 3077 let modal = $('.modal-change-city-location'); 3078 if (!modal.attr('data-not-reload')) { 3079 location.reload(); 3080 } 3081 modal.modal('hide'); 3082 let city = $(this).html(); 3083 $('.city-location-name').html(city); 3084 $('.address-country').val(countryLocation); 3085 $('.address-city').val(city); 3086 $('.address-label').html(city); 3087 }); 3088 }) 3089</script>
3089 3090<div class="mark-element"></div>
3091<script type="text/javascript" src="/js/5.1.5.79/61c253c0e53a6d58e8be4aa028e173ad.js"></script>
vendor: 1 bytes, line 3091
3091
3092<script type="text/javascript" src="/js/5.1.5.79/0b208418152dd55371fb6e0337dabd87.js"></script>
3092 3093</body> 3094</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.