1 2 3 4<!doctype html> 5<html lang="en"> 6 <head> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <link rel="shortcut icon" href="/uploads/site/1772/site_config/favicon/260140112d732baae98f7c281300835051290fbc.png"> 10 <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/plugins.css"> 11 <!-- <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/style.css"> --> 12 <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/style-2.css?v12"> 13 <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/custom-css.css"> 14 <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"> 15 <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css"> 16 17 <title>Холбоо баÑÐ¸Ñ </title> 18<meta property="og:type" content="article"> 19<meta property="og:title" content="Холбоо баÑÐ¸Ñ "> 20<meta property="og:image" content="http://micc.mn/cache/images/1/b/a/8/a/1ba8ad719ea8a4935103d8c8959799941c64008f.jpg"> 21<meta property="og:url" content="http://micc.mn/contact-us"> 22<meta property="og:description" content=""> 23<meta property="og:site_name" content="New Site: MICC LLC"> 24 25<meta name="twitter:card" content="summary_large_image"> 26<meta name="twitter:site" content="@greensoftmn"> 27<meta name="twitter:creator" content="@greensoftmn"> 28<meta name="twitter:title" content="Холбоо баÑÐ¸Ñ "> 29<meta name="twitter:description" content=""> 30<meta name="twitter:image:src" content="http://micc.mn/cache/images/1/b/a/8/a/1ba8ad719ea8a4935103d8c8959799941c64008f.jpg"> 31
32<script async type="text/javascript" src="https://analytic.greensoft.mn/analytic/1772/49833/1"></script>
32 33 <style> 34 .btn-primary { 35 --bs-btn-bg: var(#3f78e0); 36 --bs-btn-border-color: var(#3f78e0); 37 --bs-btn-hover-bg: var(#3f78e0); 38 --bs-btn-hover-border-color: var(#3f78e0); 39 --bs-btn-active-bg: var(#3f78e0); 40 --bs-btn-active-border-color: var(#3f78e0); 41 42 } 43 </style> 44 <style> 45 :root { 46 --bs-primary: #3f78e0; 47 --bs-primary-rgb: 63, 120, 224; 48 49 --bs-secondary: #faa91e; 50 --bs-secondary-rgb: 250, 169, 30; 51 } 52 </style> 53 <style> 54 @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap'); body { 55 font-family: "Exo 2", sans-serif; 56 } 57 </style> 58<style> 59 .gs-flipbook { 60 width: 100%; 61 margin: 0 auto 2rem auto; 62 display: flex; 63 flex-direction: column; 64 } 65 66 .gs-flipbook-toolbar { 67 display: flex; 68 flex-wrap: wrap; 69 gap: 6px; 70 align-items: center; 71 margin-bottom: 8px; 72 flex: 0 0 auto; 73 } 74 75 .gs-flipbook-book { 76 margin: 0 auto; 77 background: #fff; 78 box-shadow: 0 0 10px rgba(0,0,0,0.12); 79 overflow: hidden; 80 position: relative; 81 opacity: 0; 82 transition: opacity 0.25s ease-in-out; 83 flex: 1 1 auto; 84 } 85 86 .gs-flipbook-book.gs-ready { 87 opacity: 1; 88 } 89 90 .gs-flipbook-book .page { 91 cursor: grab; 92 } 93 94 .gs-flipbook-book .page canvas { 95 width: 100%; 96 height: auto; 97 display: block; 98 } 99 100 /* Fullscreen overlay that lives directly under <body> */ 101 .gs-flipbook-overlay { 102 position: fixed; 103 inset: 0; 104 background: #ffffff; 105 z-index: 9999; 106 padding: 12px; 107 box-sizing: border-box; 108 display: flex; 109 flex-direction: column; 110 } 111 112 .gs-flipbook-overlay .gs-flipbook { 113 width: 100%; 114 height: 100%; 115 margin: 0; 116 display: flex; 117 flex-direction: column; 118 } 119 120 .gs-flipbook-placeholder { 121 display: none; /* invisible marker so we can put it back */ 122 } 123</style> 124 <style> 125 @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap'); 126 127body { 128 font-family: "Exo 2", sans-serif; 129} 130 131html { 132 scroll-behavior: smooth; 133} 134 135:root { 136 --bs-primary: #304993; 137 --bs-primary-rgb: 48, 73, 147; 138 --bs-secondary: #4369db; 139 --bs-secondary-rgb: 67, 105, 219; 140 /*--bs-secondary: #03045e;*/ 141 /*--bs-secondary-rgb: 3, 4, 94;*/ 142} 143 144 145 146 147 /*TYPOGRAPHY FIX*/ 148 149.typography { 150 display: flex; 151 flex-direction: column; 152 gap: .5rem; 153} 154 155.typography ul { 156 display: flex; 157 flex-direction: column; 158 gap: .25rem; 159 margin-bottom: 0px; 160 list-style: none; 161 padding-left: 1rem !important; 162} 163.typography ul li:before { 164 content: "\F2EA"; 165 position: absolute; 166 color: var(--bs-primary); 167 font-family: bootstrap-icons !important; 168 margin-left: -1rem; 169 transition: all .20s ease-in-out; 170} 171 172.typography p, 173.typography li, 174.typography table tbody tr td { 175 font-weight: 400 !important; 176 color: var(--bs-dark) !important; 177 margin-bottom: 0px; 178} 179.typography table { 180 display: block; 181 /*display: flex;*/ 182 /*flex-direction: column;*/ 183 /*gap: .5rem;*/ 184 align-self: stretch; 185 border-radius: 0px !important; 186 box-shadow: none; 187 margin-bottom: 0px; 188 border-collapse: separate; 189 border-spacing: 0; 190} 191 192.typography .two-col>*, 193.typography .three-col>*, 194.typography .two-col-left>*, 195.typography .two-col-right>* { 196 display: flex; 197 flex-direction: column; 198 gap: .5rem; 199} 200 201.gs-dark .typography p, 202.gs-dark .typography p, 203.gs-dark .typography p, 204.gs-dark .typography p { 205 color: var(--bs-white) !important; 206} 207.gs-dark .typography .two-col>*>p, 208.gs-dark .typography .three-col>*>p, 209.gs-dark .typography .two-col-left>*>p, 210.gs-dark .typography .two-col-right>*>p { 211 color: var(--bs-white) !important; 212} 213 214.typography table { 215 display: flex !important; 216 background: transparent !important; 217 border: none !important; 218} 219.typography table tbody { 220 border-top: 0px !important; 221 width: 100%; 222} 223.typography table tbody tr { 224 display: flex; 225} 226.typography table tbody tr td { 227 width: 100%; 228 display: flex; 229 flex-direction: column; 230 gap: .5rem; 231 border-bottom: 1px solid rgb(148,153,163,.25); 232} 233.typography table tbody tr:first-child td { 234 border-top: 1px solid rgb(148,153,163,.25); 235} 236.typography table tbody tr:first-child td:first-child { 237 border-top-left-radius: 0.75rem; 238} 239.typography table tbody tr:first-child td:last-child { 240 border-top-right-radius: 0.75rem; 241} 242.typography table tbody tr td:first-child { 243 border-left: 1px solid rgb(148,153,163,.25); 244} 245.typography table tbody tr td:last-child { 246 border-right: 1px solid rgb(148,153,163,.25); 247 border-bottom: 1px solid rgb(148,153,163,.25); 248} 249.typography table tbody tr:last-child td:first-child { 250 border-bottom-left-radius: 0.75rem; 251} 252.typography table tbody tr:last-child td:last-child { 253 border-bottom-right-radius: 0.75rem; 254} 255 256.typography table thead tr th:first-child { 257 border-top-left-radius: 0.75rem; 258 border-bottom-left-radius: 0.75rem; 259} 260.typography table thead tr th:last-child { 261 border-top-right-radius: 0.75rem; 262 border-bottom-right-radius: 0.75rem; 263} 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 /*BTN*/ 292 293.btn { 294 text-transform: uppercase; 295 border-width: 1px !important; 296 box-shadow: none !important; 297} 298 299.btn-outline-secondary { 300 border-color: var(--bs-secondary) !important; 301 color: var(--bs-secondary) !important; 302} 303 304@media (min-width: 992px) { 305 .btn-primary:hover, 306 .btn-success:hover, 307 .btn-secondary:hover { 308 transform: unset !important; 309 } 310 .btn-primary:hover { 311 background: transparent !important; 312 color: var(--bs-primary) !important; 313 } 314 .btn-outline-secondary:hover { 315 background: var(--bs-secondary) !important; 316 color: var(--bs-white) !important; 317 } 318} 319 320 321 322 323 /*NAVBAR*/ 324 325.navbar-233:not(.navbar-stick) { 326 position: absolute; 327 left: 0; 328 top: 0; 329} 330 331.navbar-233:not(.navbar-stick) { 332 border-bottom: 1px solid rgb(255,255,255,.25); 333} 334.navbar-233:not(.navbar-stick)>.wrapper:before { 335 background: linear-gradient(180deg,rgba(255,255,255, .0) 0%, rgba(255,255,255, 0) 100%) !important; 336 backdrop-filter: blur(5px); 337 box-shadow: none !important; 338} 339.navbar-233:not(.navbar-stick) img { 340 filter: brightness(0) invert(1); 341} 342 343.navbar-233 .navbar-nav>.nav-item>a:after { 344 display: none !important; 345} 346 347.navbar-233.navbar-stick { 348 box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important; 349} 350.navbar-233.navbar-stick img { 351 filter: none !important; 352} 353.navbar-233.navbar-stick .nav-link { 354 color: var(--bs-dark) !important; 355} 356.navbar-233.navbar-stick .navbar-nav button.hamburger { 357 color: var(--bs-primary) !important; 358} 359.navbar-233.navbar-stick .nav-btn-first a { 360 border-color: var(--bs-primary) !important; 361 color: var(--bs-primary) !important; 362} 363.navbar-233.navbar-stick .nav-btn-second a { 364 background: var(--bs-primary) !important; 365 border-color: var(--bs-primary) !important; 366 color: var(--bs-white) !important; 367} 368 369.navbar-233 .nav-item-auhp0iwdh>ul>li>a { 370 display: flex; 371 align-items: center; 372 gap: .5rem; 373} 374.navbar-233 .nav-item-auhp0iwdh>ul>li:nth-child(1) a:before { 375 content: "\F65B"; 376 font-family: bootstrap-icons !important; 377} 378.navbar-233 .nav-item-auhp0iwdh>ul>li:nth-child(2) a:before { 379 content: "\F7F7"; 380 font-family: bootstrap-icons !important; 381} 382 383@media (max-width: 1199.98px) { 384 .navbar-233 .offcanvas { 385 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(67, 105, 219, 1) 100%) !important; 386 } 387 .navbar-233 .dropdown-menu { 388 display: block !important; /* dropdown-ийг Ò¯ÑгÑлж нÑÑлÑÑÑй байлгана */ 389 position: static !important; /* байÑлал Ð½Ñ Ñ Ð°ÑÑÑалагдÑан div-ÑÑйгÑÑ Ð±Ð°Ð¹Ð³ */ 390 transform: none !important; /* ÑилжилÑгүйгÑÑÑ Ñнгийн байÑлалд байлгана */ 391 visibility: visible !important; 392 opacity: 1 !important; 393 } 394} 395 396@media (min-width: 1200px) { 397 .navbar-233 .nav-item.active>a { 398 color: #FAE5B1 !important; 399 position: relative; 400 } 401 .navbar-233 .nav-item.active>a:before { 402 content: ""; 403 position: absolute; 404 bottom: 1rem; 405 left: 0; 406 right: 9; 407 width: 100%; 408 height: 1px; 409 background: #FAE5B1 !important; 410 } 411 .navbar-233.navbar-stick .nav-item.active>a { 412 color: var(--bs-primary) !important; 413 } 414 .navbar-233.navbar-stick .nav-item.active>a:before { 415 background: var(--bs-primary) !important; 416 } 417 418} 419.navbar-233 .nav-btn-first a { 420 padding-inline: .75rem !important; 421} 422/*hover & active*/ 423 424@media (min-width: 992px) { 425 .navbar-233.navbar-stick .navbar-nav>.menu-item>.nav-link:hover { 426 color: var(--bs-primary) !important; 427 } 428 .navbar-233.navbar-stick .nav-btn-first a:hover { 429 background: var(--bs-primary) !important; 430 color: var(--bs-white) !important; 431 } 432} 433 434 435 436 437 438 439 440 441.typography hr { 442 margin-block: .5rem !important; 443} 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 /*HEADING ROW*/ 459 460.heading-row h2 { 461 text-transform: uppercase; 462 background: -webkit-linear-gradient(#304993, #4369db); 463 -webkit-background-clip: text; 464 -webkit-text-fill-color: transparent; 465 font-weight: 800 !important; 466} 467 468 469 470 471 /*PAGE TITLE*/ 472 473.block-type-header-v1:after { 474 content: ""; 475 display: block; 476 height: .25rem; 477 width: 100%; 478 position: absolute; 479 left: 0; 480 bottom: 0; 481 background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #4369db 15%, #4369db 50%, #4369db 85%, rgba(255, 255, 255, 0) 100%) !important; 482} 483.block-type-header-v1 .wrapper>.bg-overlay { 484 background: linear-gradient(180deg,rgba(8, 42, 202, 0.5) 0%, rgba(0, 0, 0, 1) 100%) !important; 485} 486.block-type-header-v1 .container {
487 align-items: center !important; 488 justify-content: end !important; 489} 490.block-type-header-v1 .heading-row>* { 491 text-align: center !important; 492} 493.block-type-header-v1 .heading-row h2 { 494 text-transform: uppercase !important; 495 color: var(--bs-white) !important; 496 background: none !important; 497 -webkit-text-fill-color: inherit; 498} 499.block-type-header-v1 nav .breadcrumb-item { 500 text-transform: uppercase; 501 font-weight: 600 !important; 502} 503.block-type-header-v1 nav .breadcrumb-item.active { 504 color: #FAE5B1 !important; 505} 506 507 508 509 510 511 /*ITEM ELEMENTS*/ 512 513.text-link, 514.post-action a { 515 font-weight: 700 !important; 516 text-transform: uppercase; 517} 518 519@media (min-width: 1200px) { 520 .modal-lg { 521 width: 100% !important; 522 max-width: 1200px !important; 523 } 524} 525 526 527 528 /*PRODUCT ITEM*/ 529 530.product-item { 531 background: transparent !important; 532 padding: .75rem; 533 gap: .5rem !important; 534} 535.product-item a { 536 pointer-events: none !important; 537} 538.product-image { 539 width: 6rem !important; 540} 541.product-image figure img { 542 object-fit: contain !important; 543} 544.product-title a {} 545.product-taxonomy { 546 display: flex !important; 547 flex-direction: row !important; 548 flex-wrap: nowrap; 549 justify-content: space-between; 550 gap: .75rem; 551 border-top: 1px solid rgba(164,174,198,.5); 552 padding-top: .5rem; 553} 554.product-taxonomy li { 555 width: 33.333%; 556 flex-direction: column !important; 557 gap: 0 !important; 558 font-size: .6rem !important; 559} 560.product-taxonomy li span:nth-child(1) { 561 font-weight: 700 !important; 562 text-transform: uppercase; 563 color: var(--bs-primary); 564} 565 566@media (min-width: 992px) { 567 .product-item { 568 padding: 1.5rem; 569 } 570 .product-info { 571 font-size: .7rem !important; 572 } 573} 574 575 576 577 578 /*POSTS ITEM*/ 579 580.block-type-last_post-v1 figure {
581 box-shadow: none !important; 582 border: none !important; 583} 584.block-type-last_post-v1 .post-info { 585 display: none !important; 586} 587 588.post-author { 589 display: none !important; 590} 591 592.post-action a { 593 text-transform: uppercase; 594} 595 596 /*POSTS ITEM > HOVER*/ 597 598@media (min-width: 992px) { 599 .block-type-last_post-v1 .post-item:hover { 600 transform: translatey(-.5rem); 601 } 602 .block-type-last_post-v1 .post-item:hover .post-image-overlay-secondary { 603 opacity: 1 !important; 604 } 605 .block-type-last_post-v1 .post-item:hover .post-title a { 606 color: var(--bs-secondary) !important; 607 } 608} 609 610 611 612 613 /*POSTS PAGE*/ 614 615.posts-page { 616 background: #FFFDF6; 617} 618 619.posts-page .post-item figure:before { 620 --bs-aspect-ratio: 56.25% !important; 621} 622 623@media (min-width: 992px) { 624 .posts-page .post-details { 625 width: 60% !important; 626 } 627} 628 629/*hover & active*/ 630 631@media (min-width: 992px) { 632 .posts-page .post-item:hover { 633 transform: translatex(.5rem); 634 } 635 .posts-page .post-item:hover .post-image-overlay-primary { 636 opacity: 1 !important; 637 } 638 .posts-page .post-item:hover .post-title a { 639 color: var(--bs-secondary) !important; 640 } 641 .posts-page .post-item .post-action:hover a { 642 color: var(--bs-secondary) !important; 643 } 644} 645 646 647 648 649 /*POST PAGE*/ 650 651.post-page { 652 background: #FFFDF6; 653} 654section.post-page.wrapper{ 655 padding-top: 96px !important; 656} 657.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 { 658 box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important; 659 background: rgba(var(--bs-white-rgb), .97); 660} 661.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .navbar-nav>.menu-item>.nav-link { 662 color: var(--bs-dark) !important; 663} 664.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 img { 665 filter: none !important; 666} 667 668.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .nav-btn-first a { 669 border-color: var(--bs-primary) !important; 670 color: var(--bs-primary) !important; 671} 672.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .nav-btn-second a { 673 background: var(--bs-primary) !important; 674 border-color: var(--bs-primary) !important; 675 color: var(--bs-white) !important; 676} 677 678@media (min-width: 992px) { 679 .content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .navbar-nav>.menu-item>.nav-link:hover { 680 color: var(--bs-primary) !important; 681 } 682} 683 684.post-page .post-cover { 685 display: none !important; 686} 687 688 689 690 691 692 693 694 /*FORM*/ 695 696#green_crm_form .btn { 697 background: var(--bs-primary) !important; 698 border-color: var(--bs-primary) !important; 699} 700 701 /*FORM > HOVER & ACTIVE*/ 702 703@media (min-width: 992px) { 704 #green_crm_form .btn:hover { 705 background: none !important; 706 color: var(--bs-primary) !important; 707 } 708} 709 710 711 712 713 /*FOOTER*/ 714 715footer .widget-title { 716 color: #FAE5B1 !important; 717 text-transform: uppercase; 718 letter-spacing: .125rem; 719 font-weight: 500 !important; 720 font-size: .7rem !important; 721} 722footer .widget-links ul li { 723 transition: all .20s ease-in-out; 724} 725footer .opacity-75 { 726 opacity: 1 !important; 727} 728 729footer .widget-socials ul { 730 gap: .5rem !important; 731} 732footer .widget-socials ul li a { 733 background: transparent !important; 734 width: 2rem; 735 height: 2rem; 736 display: flex; 737 align-items: center; 738 justify-content: center; 739 border-radius: 50%; 740 border: 1px solid rgb(255,255,255,.5); 741} 742.footer-046 .widget-socials a>i { 743 color: var(--bs-white) !important; 744 transition: all .25s ease-in-out; 745} 746 747.footer-046 .container>.row>.col:last-child .widget-links ul { 748 display: grid !important; 749 grid-template-columns: 1fr 1fr; 750} 751.footer-046 .container>.row>.col:last-child .widget-links ul li { 752 /*grid-column-start: 1;*/ 753 /*grid-column-end: span 2;*/ 754} 755.footer-046 .container>.row>.col:last-child .widget-links ul li a { 756 display: flex !important;
757 align-items: center; 758 gap: .25rem; 759 text-transform: uppercase; 760 font-weight: 700 !important; 761 border: 2px solid var(--bs-white); 762 border-radius: .5rem; 763 padding: .75rem .25rem .75rem .75rem; 764} 765.footer-046 .container>.row>.col:last-child .widget-links ul li a:before { 766 font-size: 1rem !important; 767} 768.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(1) a:before { 769 font-family: bootstrap-icons !important; 770 content: "\F65B"; 771} 772.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(2) a:before { 773 font-family: bootstrap-icons !important; 774 content: "\F7F7"; 775} 776.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(3) a:before { 777 font-family: bootstrap-icons !important; 778 content: "\F456"; 779} 780 781@media (min-width: 992px) { 782 footer>.wrapper>.container { 783 padding-block: 5rem !important; 784 } 785} 786 787/*hover & active*/ 788 789@media (min-width: 992px) { 790 footer .widget-links ul li:hover { 791 transform: translatex(.5rem); 792 } 793 footer .widget-links ul li:hover a { 794 color: #FAE5B1 !important; 795 } 796 footer .widget-socials ul li:hover a { 797 background: white !important; 798 border-color: white !important; 799 } 800 footer .widget-socials ul li:hover a i { 801 color: var(--bs-primary) !important; 802 } 803 .footer-046 .container>.row>.col:last-child .widget-links ul li:hover { 804 transform: none; 805 } 806 .footer-046 .container>.row>.col:last-child .widget-links ul li:hover a { 807 background: white !important; 808 color: var(--bs-primary) !important; 809 } 810} 811 812.posts-page .widget-links ul li { 813 padding-left: 0px !important; 814} 815.posts-page .widget-links ul li i { 816 display: none !important; 817} 818 /*Belguun*/ 819@media (max-width: 1199.98px) { 820 .offcanvas-header .navbar-logo-light { 821 display: block !important; 822 } 823 .offcanvas-header .navbar-logo-light img { 824 display: block !important; 825 } 826 .navbar-233 .nav-btn-first, .navbar-233 .nav-btn-second { 827 display:block!important; 828 } 829} 830 831 832 833 </style> 834 </head> 835 <body> 836 <div class="content-wrapper bg-light d-flex flex-column"> 837 <header class=" "> 838 839 <!-- /.top-bar --> 840 841 <nav class="navbar-233 navbar navbar-gs-light navbar-expand-xl start-0 end-0 top-0 "> 842 <style> 843 844 /* HEADER > TOPBAR */ 845 846 header.wrapper-active .topbar { 847 /* background: var(--bs-transparent) !important; */ 848 margin: .5rem; 849 border-radius: .75rem; 850 } 851 852 /* HEADER > NAVBAR */ 853 854 @media (max-width: 575.98px) { 855 .navbar-233.section-frame.navbar-stick, 856 .navbar-233.section-frame.navbar-clone { 857 width: 100% !important; 858 } 859 860 } 861 @media (min-width: 576px) and (max-width: 991.98px) { 862 header.wrapper-active .navbar-233, 863 .navbar-233.section-frame { 864 position: absolute; 865 width: auto !important; 866 } 867 .navbar-233.section-frame.navbar-stick { 868 width: auto !important; 869 } 870 } 871 872 .navbar>.wrapper>.container { 873 width: 100%; 874 } 875 @media (min-width: 1200px) { 876 .navbar>.wrapper>.container, 877 .navbar>.wrapper>.container-lg, 878 .navbar>.wrapper>.container-md, 879 .navbar>.wrapper>.container-sm, 880 .navbar>.wrapper>.container-xl { 881 width: 1140px; 882 } 883 } 884 @media (min-width: 1400px) { 885 .navbar>.wrapper>.container, 886 .navbar>.wrapper>.container-lg, 887 .navbar>.wrapper>.container-md, 888 .navbar>.wrapper>.container-sm, 889 .navbar>.wrapper>.container-xl, 890 .navbar>.wrapper>.container-xxl { 891 width: 1320px; 892 } 893 } 894 895 /* HEADER > WRAPPER */ 896 897 .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper, 898 .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper { 899 border-radius: 50rem !important; 900 margin-top: .5rem; 901 margin-inline: auto !important; 902 } 903 .content-wrapper:has(.wrapper-active>.navbar-233>.wrapper>.container) .navbar-233 > .wrapper, 904 .navbar-233:has(+ .content-wrapper .wrapper-active>.navbar-233>.wrapper>.container) > .wrapper { 905 width: auto !important; 906 } 907 .content-wrapper:has(.wrapper-active>.navbar-233>.wrapper>.container-fluid) .navbar-233 > .wrapper, 908 .navbar-233:has(+ .content-wrapper .wrapper-active>.navbar-233>.wrapper>.container-fluid) > .wrapper { 909 width: calc(100% - 1rem)!important; 910 } 911 .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper, 912 .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper 913 .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick { 914 background: transparent !important; 915 } 916 .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick>.wrapper { 917 box-shadow: none !important; 918 } 919 .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick>.wrapper:before { 920 box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important; 921 } 922 .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper:before, 923 .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper:before { 924 border-radius: 1rem; 925 } 926 927 @media (max-width: 1199.98px) { 928 .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper, 929 .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper{ 930 min-width: calc(100% - 1.5rem) !important; 931 } 932 .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper:before, 933 .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper:before { 934 border-radius: .5rem; 935 } 936 } 937 938 @media (min-width: 992px) { 939 header:has(.topbar) .navbar-233>.wrapper { 940 margin-top: 0px !important; 941 } 942 } 943 944 @media (max-width: 575.98px) { 945 header.wrapper-active .navbar-233.section-frame { 946 margin-top: 0px !important; 947 width: 100% !important; 948 } 949 } 950 951 @media (min-width: 768px) { 952 .navbar-233.section-frame>.wrapper { 953 padding-inline: .75rem; 954 } 955 } 956 957 .navbar-233 .wrapper{ 958 background-size: cover; 959 background-position: center center!important; 960 background-repeat: ; 961 z-index:auto!important; 962 } 963 .navbar-233>.wrapper:before { 964 background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%)!important; 965 background-color: unset !important; 966 } 967 .navbar>.wrapper>.container, .navbar>.wrapper>.container-fluid, .navbar>.wrapper>.container-lg, .navbar>.wrapper>.container-md, .navbar>.wrapper>.container-sm, .navbar>.wrapper>.container-xl, .navbar>.wrapper>.container-xxl { 968 display: flex; 969 flex-wrap: inherit; 970 align-items: center; 971 justify-content: space-between; 972 } 973 .navbar-233 .navbar-nav>. a 974 .mega-menu-content li a { 975 transition: all .20s ease-in-out; 976 } 977 .navbar-233 .navbar-nav>.menu-item>.nav-link { 978 color: !important; 979 } 980 .navbar-233 .navbar-nav>.menu-item>.nav-link:hover { 981 color: #FAE5B1!important; 982 } 983 .navbar-233 button.hamburger.hamburger-2 span, 984 .navbar-233 button.hamburger.hamburger-2:after, 985 .navbar-233 button.hamburger.hamburger-2:before { 986 display: none !important 987 } 988 .navbar-233 .navbar-nav button.hamburger { 989 color: !important; 990 } 991 .navbar-233 .navbar-nav .dropdown>a { 992 display: flex; 993 align-items: center; 994 justify-content: space-between; 995 gap: .25rem; 996 } 997 .navbar-233 .dropdown-menu { 998 background-color: !important; 999 } 1000 .navbar-233 .dropdown-menu>.menu-item>a { 1001 color: !important; 1002 } 1003 .navbar-233 .dropdown-menu>.menu-item>a:hover { 1004 color: #304993!important; 1005 } 1006 .navbar-233 .navbar-nav .dropdown-toggle:after { 1007 position: static !important; 1008 margin: 0px; 1009 line-height: normal; 1010 } 1011 .navbar-233 .language-select .dropdown-menu { 1012 min-width: auto; 1013 } 1014 @media (max-width: 1198.99px) { 1015 .navbar-233 .offcanvas-body::-webkit-scrollbar {
1016 display: none; 1017 } 1018 .navbar-233 .nav-item a { 1019 white-space: wrap !important; 1020 } 1021 1022 .navbar-233 .offcanvas .dropdown-menu { 1023 background: transparent !important; 1024 border-radius: 0px; 1025 border-left: 1px solid rgb(255,255,255,.2); 1026 } 1027 .navbar-233 .offcanvas .dropdown-menu li a { 1028 color: var(--bs-white) !important; 1029 opacity: .75; 1030 } 1031 .navbar-233 a.hover:before { 1032 display: none !important; 1033 } 1034 } 1035 @media (min-width: 1200px) { 1036 .navbar-233 .navbar-nav { 1037 align-items: center; 1038 } 1039 .navbar-233 a.hover:before { 1040 margin-top: -1rem !important; 1041 } 1042 } 1043 1044 .navbar-233.section-frame.navbar-clone { 1045 opacity: 0; 1046 pointer-events: none; 1047 } 1048 .navbar-233.section-frame.navbar-stick { 1049 opacity: 1; 1050 pointer-events: inherit; 1051 } 1052 1053 @media (min-width: 768px) { 1054 .navbar-233.section-frame>.wrapper:before { 1055 border-radius: .6rem !important; 1056 } 1057 1058 .navbar-233.section-frame.navbar-stick { 1059 margin-top: .75rem; 1060 } 1061 } 1062 1063 /* NAVBAR > CTA */ 1064 1065 @media (max-width: 1199.98px) { 1066 .navbar-233 .btn-outline-primary, 1067 .navbar-233 .btn-outline-secondary { 1068 border-color: white !important; 1069 color: white !important; 1070 } 1071 .navbar-233 .btn-primary, 1072 .navbar-233 .btn-secondary { 1073 border-color: white !important; 1074 background: white; 1075 color: var(--bs-emphasis-color) !important; 1076 } 1077 } 1078 1079 /* NAVBAR > CTA > HOVER */ 1080 1081 @media (max-width: 1199.98px) { 1082 .navbar-233 .btn-outline-primary:hover, .navbar-233 .btn-outline-primary:focus, 1083 .navbar-233 .btn-outline-secondary:hover, .navbar-233 .btn-outline-secondary:focus { 1084 background: white !important; 1085 color: var(--bs-emphasis-color) !important; 1086 } 1087 .navbar-233 .btn-primary:hover, .navbar-233 .btn-primary:focus, 1088 .navbar-233 .btn-secondary:hover, .navbar-233 .btn-secondary:focus { 1089 color: white !important; 1090 background: transparent; 1091 } 1092 } 1093 1094 /* nav cart */ 1095 1096 .navbar-233 .nav-cart figure, 1097 .navbar-233 .nav-cart figure i, 1098 .navbar-233 .nav-cart>* span { 1099 transition: .20s; 1100 } 1101 @media (min-width: 992px) { 1102 .nav-cart>a:hover figure { 1103 background: var(--bs-white) !important; 1104 border-color: var(--bs-primary) !important; 1105 } 1106 .nav-cart>a:hover figure i { 1107 color: var(--bs-primary) !important; 1108 } 1109 .nav-cart>a:hover figure i { 1110 color: var(--bs-primary) !important; 1111 } 1112 .nav-cart>a:hover>* span:nth-child(1) { 1113 color: var(--bs-primary) !important; 1114 } 1115 } 1116 1117 /* NAVBAR > HOVER CONFIG */ 1118 1119 .navbar-233 a.nav-link.hover-translate { 1120 transition: all .25s ease-in-out; 1121 } 1122 .navbar-233 a.nav-link.hover-translate:before { 1123 content: ""; 1124 background: var(--bs-primary); 1125 width: .25rem; 1126 height: .25rem; 1127 border-radius: 50%; 1128 position: absolute; 1129 left: 0; 1130 right: 0; 1131 bottom: 1rem; 1132 margin-inline: auto; 1133 opacity: 0; 1134 transition: all .25s ease-in-out; 1135 } 1136 .navbar-233 a.nav-link.hover-translate.dropdown-toggle:before { 1137 display: none; 1138 } 1139 1140 .navbar-233 a.nav-link.hover-opacity-increase { 1141 opacity: .75; 1142 transition: all .25s ease-in-out; 1143 } 1144 .navbar-233 a.nav-link.hover-opacity-decrease { 1145 transition: all .25s ease-in-out; 1146 } 1147 .navbar-233 a.nav-link.hover.hover-translate:after { 1148 display: none; 1149 } 1150 1151 @media (min-width: 992px) { 1152 .navbar-233 a.nav-link.hover-translate:hover { 1153 margin-top: -.5rem; 1154 } 1155 .navbar-233 a.nav-link.hover-translate.dropdown-toggle:hover { 1156 margin: 0px !important; 1157 } 1158 .navbar-233 a.nav-link.hover-translate:hover:before { 1159 opacity: 1; 1160 } 1161 1162 .navbar-233 a.nav-link.hover-opacity-increase:hover { 1163 opacity: 1; 1164 } 1165 .navbar-233 a.nav-link.hover-opacity-decrease:hover { 1166 opacity: .75; 1167 } 1168 .navbar-233 a.nav-link.hover.hover-translate:hover { 1169 margin: 0px !important; 1170 } 1171 } 1172 1173 @media (max-width: 1199.98px) { 1174 .navbar-233 button.hamburger:focus:before { 1175 transform: rotate(45deg) !important; 1176 margin-bottom: 0px; 1177 } 1178 .navbar-233 button.hamburger:focus span { 1179 opacity: 0; 1180 margin: 0px; 1181 } 1182 .navbar-233 button.hamburger:focus:after { 1183 transform: rotate(-45deg) !important; 1184 margin-top: -.3rem; 1185 } 1186 } 1187 1188 @media (max-width: 767.98px) { 1189 .mobile-logo-xs { height: 0.75rem; } 1190 .mobile-logo-sm { height: 1rem; } 1191 .mobile-logo-md { height: 1.5rem; } 1192 .mobile-logo-lg { height: 2rem; } 1193 } 1194 @media (min-width: 768px) { 1195 .desktop-logo-xs { height: 1.25rem; } 1196 .desktop-logo-sm { height: 1.5rem; } 1197 .desktop-logo-md { height: 2.25rem; } 1198 .desktop-logo-lg { height: 3rem; } 1199 } 1200 1201 /* HEADER > FIX */ 1202 1203 .navbar-stick:not(.navbar-dark) { 1204 box-shadow: none !important; 1205 background: transparent !important; 1206 } 1207 1208 /* HEADER > HOVER */ 1209 1210 @media (min-width: 992px) { 1211 .navbar-233 .dropdown-menu>.menu-item:hover>.hover-translate { 1212 transform: translatex(.25rem); 1213 } 1214 } 1215 1216 </style> 1217 <div class="wrapper image-wrapper shadow-xl bg-cover bg-image bg-overlay w-100" data-image-src="" style="min-height: auto !important;"> 1218 <div class="container flex-xl-row flex-nowrap align-items-center gap-xl-6"> 1219 <div class="navbar-brand py-3"> 1220 <a href="/" class="navbar-logo-light"><img class="w-auto desktop-logo-md mobile-logo-md" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" alt="" /></a> 1221 <a href="/" class="navbar-logo-dark d-none"><img class="w-auto desktop-logo-md mobile-logo-md" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" alt="" /></a> 1222 </div> 1223 <!-- /.navbar brand / desktop --> 1224 <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start"> 1225 <div class="offcanvas-header d-flex d-xl-none p-6 border-bottom border-white border-opacity-10"> 1226 <a href="/" class="navbar-logo-light d-none"><img class="desktop-logo-md mobile-logo-md w-auto d-none" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png 2x" alt="" /></a> 1227 <a href="/" class="navbar-logo-dark"><img class="desktop-logo-md mobile-logo-md w-auto" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" alt="" /></a> 1228 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 1229 </div> 1230 <!-- /.offcanvas header --> 1231 <div class="offcanvas-body d-flex flex-column h-100 table-responsive-xl px-6 py-4 p-xl-0 w-100"> 1232 <ul class="navbar-nav gap-xl-6 ms-xl-auto"> 1233 <li class="nav-item menu-item nav-item-v2uf0hxf4 position-relative "> 1234 <!-- Simple Link --> 1235 <a href="/about-us" 1236 class="nav-link text-uppercase fw-semibold fs-sm text-light hover-text-color lh-sm py-2 px-0 py-xl-6" 1237 target="_self"> 1238 Ðидний ÑÑÑ Ð°Ð¹ </a> 1239 </li> 1240 <li class="nav-item menu-item nav-item-z1hrpdjef position-relative dropdown "> 1241 <!-- Standard Dropdown --> 1242 <a class="nav-link text-uppercase fw-semibold fs-sm text-light hover-text-color lh-sm py-2 px-0 py-xl-6 dropdown-toggle" 1243 href="#" data-bs-toggle="dropdown"> 1244 ҮндÑÑн үйлÑилгÑÑ </a> 1245 <ul class="dropdown-menu py-xl-5 mt-lg-2"> 1246 <li class="nav-item menu-item nav-item-we4lppir1 position-relative dropdown dropdown-submenu dropend"> 1247 <a href="/investment-banking" 1248 class="dropdown-item dropdown-toggle fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1249 target="_self" 1250 data-bs-toggle="dropdown"> 1251 ÐндеÑÑайÑÐµÑ </a> 1252 <ul class="dropdown-menu py-xl-5 ms-4 ms-xl-2"> 1253 <li class="nav-item menu-item nav-item-mwjtf0g7y position-relative "> 1254 <a href="/past-transactions" 1255 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1256 target="_self" 1257 > 1258 ÐнÑÐ»Ð¾Ñ Ñ ÑлÑлүүд </a> 1259 </li> 1260 </ul> 1261 </li> 1262 <li class="nav-item menu-item nav-item-hkk0pnd7v position-relative "> 1263 <a href="/brokerage-services" 1264 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1265 target="_self" 1266 > 1267 ÐÑÐ¾ÐºÐµÑ </a> 1268 </li> 1269 <li class="nav-item menu-item nav-item-oynysogfe position-relative "> 1270 <a href="/asset-management" 1271 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1272 target="_self" 1273 > 1274 Ð¥Ó©Ñөнгийн ÑдиÑдлага </a> 1275 </li> 1276 <li class="nav-item menu-item nav-item-kfuvp2bb4 position-relative dropdown dropdown-submenu dropend"> 1277 <a href="/research" 1278 class="dropdown-item dropdown-toggle fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1279 target="_self" 1280 data-bs-toggle="dropdown"> 1281 СÑдалгаа </a> 1282 <ul class="dropdown-menu py-xl-5 ms-4 ms-xl-2"> 1283 <li class="nav-item menu-item nav-item-oh457c6rg position-relative "> 1284 <a href="/equity-research-report" 1285 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1286 target="_self" 1287 > 1288 Ð¥ÑвÑÑÐ°Ð°Ð½Ñ ÑÑдалгаа </a> 1289
1289 </li> 1290 <li class="nav-item menu-item nav-item-saamv3krf position-relative "> 1291 <a href="/posts?page=1&category_id=28286" 1292 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1293 target="_self" 1294 > 1295 Ðолоо Ñ Ð¾Ð½Ð¾Ð³Ð¸Ð¹Ð½ Ñойм </a> 1296 </li> 1297 </ul> 1298 </li> 1299 </ul> 1300 </li> 1301 <li class="nav-item menu-item nav-item-g8y5up05d position-relative dropdown "> 1302 <!-- Standard Dropdown --> 1303 <a class="nav-link text-uppercase fw-semibold fs-sm text-light hover-text-color lh-sm py-2 px-0 py-xl-6 dropdown-toggle" 1304 href="#" data-bs-toggle="dropdown"> 1305 ÐÑдÑÑ </a> 1306 <ul class="dropdown-menu py-xl-5 mt-lg-2"> 1307 <li class="nav-item menu-item nav-item-51eu3favv position-relative "> 1308 <a href="/posts?page=1&category_id=28286" 1309 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1310 target="_self" 1311 > 1312 ÐÐ°Ñ Ð·ÑÑлийн Ñойм </a> 1313 </li> 1314 <li class="nav-item menu-item nav-item-6egngr7tl position-relative "> 1315 <a href="/posts?page=1&category_id=28610" 1316 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1317 target="_self" 1318 > 1319 Ð¥ÑвÑÑÐ°Ð°Ð½Ñ ÑÑдалгаа </a> 1320 </li> 1321 <li class="nav-item menu-item nav-item-zblhnvoiu position-relative "> 1322 <a href="/posts?page=1&category_id=28287" 1323 class="dropdown-item fw-semibold fs-sm text-dark-emphasis hover-translate hover-text-color lh-sm py-1" 1324 target="_self" 1325 > 1326 MICC Ñойм </a> 1327 </li> 1328 </ul> 1329 </li> 1330 <li class="nav-item menu-item nav-item-qgnsexard position-relative "> 1331 <!-- Simple Link --> 1332 <a href="/careers" 1333 class="nav-link text-uppercase fw-semibold fs-sm text-light hover-text-color lh-sm py-2 px-0 py-xl-6" 1334 target="_self"> 1335 Ðжил мÑÑгÑжил </a> 1336 </li> 1337 <li class="nav-item menu-item nav-item-gz1ircv4r position-relative active"> 1338 <!-- Simple Link --> 1339 <a href="/contact-us" 1340 class="nav-link text-uppercase fw-semibold fs-sm text-light hover-text-color lh-sm py-2 px-0 py-xl-6" 1341 target="_self"> 1342 Холбоо баÑÐ¸Ñ </a> 1343 </li> 1344 </ul> 1345 <div class="d-flex flex-wrap gap-3 d-xl-none mt-3"> 1346 <li class="nav-item nav-btn-first position-relative d-block d-xl-none m-0"> 1347 <a href="https://en.micc.mn" target="_blank" class="btn btn-outline-light d-flex align-items-center gap-2 fs-sm"> 1348 EN </a> 1349 </li> 1350 <!-- nav-cta-first --> 1351 1352 <li class="nav-item nav-btn-second position-relative d-block d-xl-none m-0"> 1353 <a href="https://micc.istock.mn/auth/login" target="_blank" class="btn btn-light d-flex align-items-center gap-2 fs-sm"> 1354 <i class="bi bi-pers
1354on-circle"></i> 1355 ÐÑвÑÑÑÑ </a> 1356 </li> 1357 <!-- /.nav-cta-second --> 1358 </div> 1359 <!-- /.navbar-nav --> 1360 <div class="offcanvas-contacts d-flex flex-column gap-3 d-xl-none pb-0 pt-6 mt-auto border-top border-white border-opacity-10 order-4"> 1361 <a href="mailto:[email protected]" class="d-flex align-items-center gap-1 fs-sm lh-sm text-white"><i class="bi bi-envelope-fill"></i>[email protected]</a> 1362 <a href="tel:(+976) 70112023" class="d-flex align-items-center gap-1 fs-sm lh-sm text-white"><i class="bi bi-phone-fill"></i>(+976) 70112023</a> 1363 <nav class="nav social social-white d-flex gap-3"> 1364 <a href="https://www.facebook.com/MICCmongolia" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-facebook"></i></a> 1365 <a href="https://x.com/i/flow/login?redirect_after_login=%2FMiccCapital" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-twitter-x"></i></a> 1366 <a href="https://www.linkedin.com/company/mongolia-international-capital-corporation/" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-linkedin"></i></a> 1367 <a href="https://www.youtube.com/@micc6174" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-youtube"></i></a> 1368 </nav> 1369 <!-- /.social --> 1370 </div> 1371 <!-- /offcanvas-nav-other --> 1372 </div> 1373 <!-- /.offcanvas body --> 1374 </div> 1375 <!-- /.navbar collapse --> 1376 <div class="navbar-other d-flex "> 1377 <ul class="navbar-nav flex-row align-items-center gap-3 gap-md-4 gap-lg-6"> 1378 <!-- /.nav-socials --> 1379 <!-- /.nav-language --> 1380 <div class="nav-cta d-flex gap-3"> 1381 <li class="nav-item nav-btn-first position-relative d-none d-xl-block m-0"> 1382 <a href="https://en.micc.mn" target="_blank" class="btn btn-outline-light d-flex align-items-center gap-2 fs-sm"> 1383 EN </a> 1384 </li> 1385 <!-- nav-cta-first --> 1386 1387 <li class="nav-item nav-btn-second position-relative d-none d-xl-block m-0"> 1388 <a href="https://micc.istock.mn/auth/login" target="_blank" class="btn btn-light d-flex align-items-center gap-2 fs-sm"> 1389 <i class="bi bi-person-circle"></i> 1390 ÐÑвÑÑÑÑ </a> 1391 </li> 1392 <!-- /.nav-cta-second --> 1393 </div> 1394 <!-- /.login --> 1395 <li class="nav-item nav-cart position-relative m-0 d-none"> 1396 <a href="/cart" class="d-flex align-items-center gap-2"> 1397 <figure class="bg-gray w-9 h-9 d-flex flex-column align-items-center justify-content-center border border-ash border-opacity-25 rounded-circle overflow-hidden"> 1398 <i class="h4 uil uil-shopping-cart lh-1 m-0"></i> 1399 </figure> 1400 <div class="d-flex flex-column gap-1">
1401 <span class="d-none d-md-flex align-items-center text gap-1 text-dark-emphasis fw-semibold fs-sm lh-1 rounded-pill"> СагÑанд </span> 1402 <span class="cart-popupstyle-carts-count carts-item-count bg-primary w-4 h-4 d-flex justify-content-center align-items-center small text-white fw-medium lh-1 small rounded-circle p-1">0</i></span> 1403 </div> 1404 </a> 1405 </li> 1406 1407 <li class="nav-item position-relative d-xl-none m-0"> 1408 <button class="hamburger text-light offcanvas-nav-btn m-0"><span></span></button> 1409 <button class="hamburger hamburger-2 offcanvas-nav-btn m-0 d-none"> 1410
1410<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs" type="module"></script>
1410<dotlottie-player src="https://gs-private.sgp1.digitaloceanspaces.com/web_project_uploads/web_project_uploads_682c448429f74/menu-burger.json" background="transparent" speed="1" style="width: 30px; height: 30px" direction="1" playMode="normal" loop autoplay></dotlottie-player> 1411 </button> 1412 </li> 1413 <!-- /.burger menu --> 1414 </ul> 1415 <!-- /.navbar nav --> 1416 </div> 1417 <!-- /.navbar other --> 1418 </div> 1419 </div> 1420 <!-- /.container --> 1421 </nav> 1422 1423 <!-- /.navbar --> 1424</header> 1425<!-- /.header --> 1426 1427 1428 1429 1430 1431<style> 1432 .pageshow-page>.container .container{ 1433 padding-left:0!important; 1434 padding-right:0!important; 1435 } 1436 .pageshow-page .col-12.col-lg-8>.pageshow-blocks>section .container { 1437 padding-top: 0 !important; 1438 padding-bottom: 0 !important; 1439 } 1440 .page-sidebar .widget-links .active>a { 1441 color: var(--bs-primary) !important; 1442 font-weight: 700; 1443 } 1444 @media (min-width: 992px) { 1445 .page-sidebar .widget-links li a:hover { 1446 color: var(--bs-primary) !important; 1447 } 1448 } 1449 1450 #page-menu .page-item, 1451 #page-menu .page-item a { 1452 transition: all .20s ease-in-out; 1453 } 1454 #page-menu .page-item.active a { 1455 border-color: var(--bs-primary); 1456 background: var(--bs-primary); 1457 color: white; 1458 } 1459 1460 1461 /* FIX */ 1462 .pageshow-page .page-sidebar .widget ul { 1463 padding-left: 0px !important; 1464 } 1465 .pageshow-page .page-sidebar .widget ul li { 1466 padding-left: 1rem !important; 1467 } 1468 1469 </style> 1470 1471 <section class="pageshow-page wrapper position-relative bg-white d-flex flex-column"> 1472 <style> 1473 .block-type-header-v1 .wrapper>.bg-overlay { 1474 background-color: rgba(30, 34, 40, 0.5); 1475 } 1476 .block-type-header-v1 .heading-row h2 { 1477 display: -webkit-box; 1478 -webkit-line-clamp: 3; 1479 -webkit-box-orient: vertical; 1480 overflow: hidden; 1481 } 1482 .block-type-header-v1 .heading-row p { 1483 display: -webkit-box; 1484 -webkit-line-clamp: 5; 1485 -webkit-box-orient: vertical; 1486 overflow: hidden; 1487 } 1488 .block-type-header-v1 .breadcrumb-item:before { 1489 display: none; 1490 } 1491 .block-type-header-v1 .breadcrumb-item a:after { 1492 content: "/"; 1493 margin-left: .5rem; 1494 font-size: .7rem; 1495 color: var(--bs-white); 1496 opacity: 50%; 1497 } 1498 @media (max-width: 991.98px) { 1499 .block-type-header-v1 .container { 1500 min-height: 15rem; 1501 } 1502 } 1503 @media (min-width: 992px) { 1504 .block-type-header-v1 .container { 1505 min-height: 25rem; 1506 } 1507 } 1508 1509 </style> 1510 1511 <section class="block-type-header-v1 static-header position-relative"> 1512 <div class="wrapper bg-dark image-wrapper bg-image bg-cover" data-image-src="https://cdn.greensoft.mn//uploads/site/1772/page/49833_new_32803658c8bb9b6e659fba5a25a2370deb65f716.jpg" style="min-height: auto;"> 1513 <div class="bg-overlay position-absolute start-0 top-0 w-100 h-100"></div> 1514 <div class="container position-relative d-flex flex-column gap-4 gap-md-6 gap-lg-8 justify-content-center py-6 py-md-8 py-lg-11"> 1515 <div class="heading-row heading-row-1 col-xl-8 d-flex flex-column gap-2 text-start"> 1516 <h2 class="display-4 text-white m-0">Холбоо баÑÐ¸Ñ </h2> 1517 </div> 1518 <!-- /.heading row --> 1519 <nav aria-label="breadcrumb"> 1520 <ol class="breadcrumb flex-wrap justify-content-start gap-2 text-start mb-0"> 1521 <li class="breadcrumb-item fs-sm lh-sm p-0"><a class="d-flex align-itens-center text-white" href="/"><span class="version-mn">ÐÒ¯Ò¯Ñ</span><span class="version-en d-none">Home</span><span class="version-jp d-none">ãã¼ã </span><span class="version-kr d-none">
1521ííì´ì§</span><span class="version-fr d-none">Accueil</span><span class="version-de d-none">Startseite</span></a></li> 1522 <li class="breadcrumb-item p-0 fs-sm lh-sm text-white active" aria-current="page">Холбоо баÑÐ¸Ñ </li> 1523 </ol> 1524 </nav> 1525 <!-- /.breadcrumb --> 1526 </div> 1527 <!-- /.container --> 1528 1529 <div class="divider-wave1-top overflow-hidden d-none z-1 position-relative d-none" style="transform: rotate(180deg);"> 1530 <div class="divider text-white mx-n2"> 1531 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60"> 1532 <path fill="#fff" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z"></path> 1533 </svg> 1534 </div> 1535 </div> 1536 1537 <div class="divider-wave4-bottom overflow-hidden z-1 position-relative d-none"> 1538 <div class="divider text-white mx-n2"> 1539 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26"><path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z"/></svg> 1540 </div> 1541 </div> 1542 1543 </div> 1544 </section> 1545 <style> 1546 #block-251132 .wrapper{ 1547 background-size: cover; 1548 background-position: center center!important; 1549 background-repeat: no-repeat; 1550 z-index:auto; 1551 } 1552 #block-251132 .wrapper:before { 1553 background-image: linear-gradient(to right, rgba(255,253,246,1) 0%, rgba(255,253,246,1) 100%) !important; 1554 background-color: unset !important; 1555 } 1556 1557 #block-251132 .heading-row { 1558 width: 100% !important; 1559 } 1560 1561 /* gs dark */ 1562 1563 #block-251132.gs-dark .heading-row>* { 1564 color: var(--bs-white) !important; 1565 } 1566 #block-251132.gs-dark .heading-row-3>*:last-child { 1567 background: var(--bs-white) !important; 1568 } 1569 #green_crm_form label { 1570 font-weight: 600; 1571 color: var(--bs-dark) !important; 1572} 1573#green_crm_form .form-control, #green_crm_form .form-group select { 1574 box-shadow: none !important; 1575 border: 1px solid rgb(148,153,163,.25) !important; 1576 background: white; 1577} 1578#green_crm_form .form-control::placeholder { 1579 color: var(--bs-white); 1580} 1581#green_crm_form .btn { 1582 display: flex;
1583 align-items: center; 1584 gap: .5rem; 1585} 1586#green_crm_form .btn:after { 1587 content: "\F6B9"; 1588 font-family: bootstrap-icons !important; 1589 font-size: .7rem !important; 1590 line-height: 1; 1591} 1592 1593/*hover & active*/ 1594 1595@media (min-width: 992px) { 1596 #green_crm_form .form-builder input:focus, 1597 #green_crm_form .formbuilder-textarea textarea:focus { 1598 border-color: var(--bs-secondary) !important; 1599 } 1600} 1601 1602 /*GRID*/ 1603 1604@media (min-width: 576px) { 1605 #block-251132 .rendered-form { 1606 display: grid !important; 1607 grid-template-columns: 1fr 1fr 1fr; 1608 } 1609 #block-251132 .rendered-form>*:nth-child(4), 1610 #block-251132 .rendered-form>*:nth-child(5), 1611 #block-251132 .rendered-form>*:nth-child(6) { 1612 grid-column-start: 1; 1613 grid-column-end: span 3; 1614 } 1615} 1616 1617 1618 1619</style> 1620 1621 1622 <section id="block-251132" class="block-type-subscription_group-v1 position-relative overflow-hidden "> 1623 <div 1624 class="wrapper position-relative image-wrapper bg-cover bg-image 1625 bg-overlay" 1626 data-image-src="" 1627 style="min-height: auto !important;" 1628 > 1629 <div class="overflow-hidden"> 1630 <style> 1631#block-251132>.wrapper .container>.wrapper { 1632 1633} 1634</style> 1635 1636 1637 1638<div class="container py-6 py-md-8 py-lg-11 d-flex align-self-stretch position-relative " style="max-width: 830px;"> 1639 <div class="wrapper w-100 position-relative d-flex flex-column flex-md-column gap-4 gap-md-6 gap-lg-8 justify-content-center align-items-start " style="min-height: auto;"> <style> 1640 1641 #block-251132 .card-item.flex-column-reverse.flex-md-row-reverse>.card-details { 1642 /* flex: 1 0 0; */ 1643 } 1644 1645 /*ITEM CONFIG > ITEM TITLE */ 1646 1647 #block-251132 .card-item.heading-xl, 1648 #block-251132 .feature-item.heading-xl, 1649 #block-251132 .content-item.heading-xl, 1650 #block-251132 .post-item.heading-xl, 1651 #block-251132 .product-item.heading-xl 1652 #block-251132 .category-item.heading-xl { 1653 gap: 1rem !important; 1654 } 1655 #block-251132 .card-item.heading-xl .card-details, 1656 #block-251132 .feature-item.heading-xl .feature-details, 1657 #block-251132 .content-item.heading-xl .content-details, 1658 #block-251132 .post-item.heading-xl .post-details, 1659 #block-251132 .product-item.heading-xl .product-details, 1660 #block-251132 .category-item.heading-xl .cateogory-details { 1661 gap: .5rem !important; 1662 } 1663 #block-251132 .card-item.heading-xl .card-action, 1664 #block-251132 .feature-item.heading-xl .feature-action, 1665 #block-251132 .content-item.heading-xl .content-action, 1666 #block-251132 .post-item.heading-xl .post-action, 1667 #block-251132 .product-item.heading-xl .product-action, 1668 #block-251132 .category-item.heading-xl .cateogory-action { 1669 margin-top: .25rem !important; 1670 } 1671 1672 #block-251132 .card-item.heading-sm .card-title, 1673 #block-251132 .feature-item.heading-sm .feature-title, 1674 #block-251132 .content-item.heading-sm .content-title, 1675 #block-251132 .post-item.heading-sm .post-title, 1676 #block-251132 .product-item.heading-sm .product-title, 1677 #block-251132 .cateogory-item.heading-sm .cateogory-title { 1678 font-size: .7rem !important; 1679 } 1680 1681 #block-251132 .card-item.heading-lg .card-title, 1682 #block-251132 .feature-item.heading-lg .feature-title, 1683 #block-251132 .content-item.heading-lg .content-title, 1684 #block-251132 .post-item.heading-lg .post-title, 1685 #block-251132 .product-item.heading-lg .product-title, 1686 #block-251132 .category-item.heading-lg .category-title { 1687 font-size: calc(1.255rem + .06vw) !important; 1688 line-height: 1.2; 1689 /* h2 style */ 1690 } 1691 #block-251132 .card-item.heading-xl .card-title, 1692 #block-251132 .feature-item.heading-xl .feature-title, 1693 #block-251132 .content-item.heading-xl .content-title, 1694 #block-251132 .post-item.heading-xl .post-title, 1695 #block-251132 .product-item.heading-xl .product-title, 1696 #block-251132 .category-item.heading-xl .category-title { 1697 font-size: calc(1.305rem + .66vw) !important; 1698 line-height: 1.3; 1699 /* display 4 style/ */ 1700 } 1701 1702 @media (min-width: 576px) { 1703 #block-251132 .card-item.heading-xl, 1704 #block-251132 .feature-item.heading-xl, 1705 #block-251132 .content-item.heading-xl, 1706 #block-251132 .post-item.heading-xl, 1707 #block-251132 .product-item.heading-xl, 1708 #block-251132 .category-item.heading-xl { 1709 gap: 1.5rem !important; 1710 } 1711 #block-251132 .card-item.heading-xl .card-action, 1712 #block-251132 .feature-item.heading-xl .feature-action, 1713 #block-251132 .content-item.heading-xl .content-action, 1714 #block-251132 .post-item.heading-xl .post-action, 1715 #block-251132 .product-item.heading-xl .product-action, 1716 #block-251132 .category-item.heading-xl .category-action { 1717 margin-top: .75rem !important; 1718 } 1719 } 1720 @media (min-width: 992px) { 1721 #block-251132 .card-item.heading-lg , 1722 #block-251132 .feature-item.heading-lg, 1723 #block-251132 .content-item.heading-lg, 1724 #block-251132 .post-item.heading-lg, 1725 #block-251132 .product-item.heading-lg, 1726 #block-251132 .category-item.heading-lg { 1727 gap: 1rem !important; 1728 } 1729 #block-251132 .card-item.heading-xl , 1730 #block-251132 .feature-item.heading-xl, 1731 #block-251132 .content-item.heading-xl, 1732 #block-251132 .post-item.heading-xl, 1733 #block-251132 .product-item.heading-xl, 1734 #block-251132 .category-item.heading-xl { 1735 gap: 2rem !important; 1736 } 1737 1738 #block-251132 .card-item.heading-lg .card-action, 1739 #block-251132 .feature-item.heading-lg .feature-action, 1740 #block-251132 .content-item.heading-lg .content-action, 1741 #block-251132 .post-item.heading-lg .post-action, 1742 #block-251132 .product-item.heading-lg .product-action, 1743 #block-251132 .category-item.heading-lg .category-action { 1744 margin-top: .5rem !important; 1745 } 1746 #block-251132 .card-item.heading-xl .card-action, 1747 #block-251132 .feature-item.heading-xl .feature-action, 1748 #block-251132 .content-item.heading-xl .content-action, 1749 #block-251132 .post-item.heading-xl .post-action, 1750 #block-251132 .product-item.heading-xl .product-action, 1751 #block-251132 .category-item.heading-xl .category-action { 1752 margin-top: 1.25rem !important; 1753 } 1754 } 1755 @media (min-width: 1200px) { 1756 #block-251132 .card-item.heading-sm .card-title, 1757 #block-251132 .feature-item.heading-sm .feature-title, 1758 #block-251132 .content-item.heading-sm .content-title, 1759 #block-251132 .post-item.heading-sm .post-title, 1760 #block-251132 .product-item.heading-sm .product-title, 1761 #block-251132 .category-item.heading-sm .category-title { 1762 font-size: .8rem !important; 1763 } 1764 #block-251132 .card-item.heading-lg .card-title, 1765 #block-251132 .feature-item.heading-lg .feature-title, 1766 #block-251132 .content-item.heading-lg .content-title, 1767 #block-251132 .post-item.heading-lg .post-title, 1768 #block-251132 .product-item.heading-lg .product-title, 1769 #block-251132 .category-item.heading-lg .category-title { 1770 font-size: 1.3rem !important; 1771 /* h2 style */ 1772 } 1773 #block-251132 .card-item.heading-xl .card-title, 1774 #block-251132 .feature-item.heading-xl .feature-title, 1775 #block-251132 .content-item.heading-xl .content-title, 1776 #block-251132 .post-item.heading-xl .post-title, 1777 #block-251132 .product-item.heading-xl .product-title, 1778 #block-251132 .category-item.heading-xl .category-title { 1779 font-size: 1.8rem !important; 1780 /* display 4 style/ */ 1781 } 1782 } 1783 1784 #block-251132 .card-item.item-boxed.heading-xl, 1785 /* #block-251132 .feature-item.item-boxed.heading-xl, */ 1786 /* #block-251132 .content-item.item-boxed.heading-xl, */ 1787 #block-251132 .post-item.item-boxed.heading-xl, 1788 #block-251132 .product-item.item-boxed.heading-xl, 1789 #block-251132 .category-item.item-boxed.heading-xl 1790 1791 #block-251132 .card-item.item-boxed.heading-lg, 1792 /* #block-251132 .feature-item.item-boxed.heading-lg, */ 1793 /* #block-251132 .content-item.item-boxed.heading-lg, */ 1794 #block-251132 .post-item.item-boxed.heading-lg, 1795 #block-251132 .product-item.item-boxed.heading-lg, 1796 #block-251132 .category-item.item-boxed.heading-lg { 1797 gap: 0px !important; 1798 } 1799 1800 /* SWIPER CONTROLS */ 1801
1802 #block-251132 .swiper-controls { 1803 z-index: 1; 1804 } 1805 #block-251132 .pagination-off .swiper-pagination { 1806 display: none !important; 1807 } 1808 1809 /* SWIPER CONTROLS > NAVIGATION */ 1810 1811 #block-251132 .swiper-button { 1812 box-shadow: rgba(30, 34, 40, 0.02) 0px 2px 1px, 1813 rgba(30, 34, 40, 0.02) 0px 4px 2px, 1814 rgba(30, 34, 40, 0.02) 0px 8px 4px, 1815 rgba(30, 34, 40, 0.02) 0px 16px 8px, 1816 rgba(30, 34, 40, 0.03) 0px 32px 16px; 1817 background: var(--bs-white); 1818 } 1819 #block-251132 .swiper-button:after { 1820 font-family: bootstrap-icons !important; 1821 font-size: .7rem !important; 1822 transition: all .20s ease-in-out 1823 } 1824 #block-251132 .swiper-button-prev:after { 1825 content: "\F284" !important; 1826 } 1827 #block-251132 .swiper-button-next:after { 1828 content: "\F285" !important; 1829 } 1830 1831 @media (max-width: 1199.98px) { 1832 #block-251132 .swiper-button { 1833 width: 2rem !important; 1834 height: 2rem !important 1835 } 1836 #block-251132 .nav-outside .swiper-button-prev { 1837 left: .75rem !important; 1838 } 1839 #block-251132 .nav-outside .swiper-button-next { 1840 right: .75rem !important; 1841 } 1842 } 1843 1844 @media (min-width: 576px) and (max-width: 991.98px) { 1845 #block-251132 .nav-top .swiper-navigation { 1846 position: absolute; 1847 top: 0; 1848 left: auto; 1849 right: 0px; 1850 display: flex; 1851 gap: .75rem; 1852 } 1853 #block-251132 .nav-top .swiper-button { 1854 margin: 0px !important; 1855 position: static !important; 1856 } 1857 #block-251132 .container .wrapper.gap-3.gap-md-4.gap-lg-6 .nav-top .swiper-navigation { 1858 margin-top: -1rem; 1859 transform: translatey(-100%); 1860 } 1861 #block-251132 .container .wrapper.gap-4.gap-md-6.gap-lg-8 .nav-top .swiper-navigation { 1862 margin-top: -1.5rem; 1863 transform: translatey(-100%); 1864 } 1865 #block-251132 .container .wrapper.gap-6.gap-md-8.gap-lg-11 .nav-top .swiper-navigation { 1866 margin-top: -2rem; 1867 transform: translatey(-100%); 1868 } 1869 } 1870 1871 @media (min-width: 992px) { 1872 #block-251132 .nav-top .swiper-navigation { 1873 position: absolute; 1874 top: 0; 1875 left: auto; 1876 right: 0px; 1877 display: flex; 1878 gap: .75rem; 1879 } 1880 #block-251132 .nav-top .swiper-button { 1881 margin: 0px !important; 1882 position: static !important; 1883 } 1884 #block-251132 .container .wrapper.gap-3.gap-md-4.gap-lg-6 .nav-top .swiper-navigation { 1885 margin-top: -1.5rem; 1886 transform: translatey(-100%); 1887 } 1888 #block-251132 .container .wrapper.gap-4.gap-md-6.gap-lg-8 .nav-top .swiper-navigation { 1889 margin-top: -2rem; 1890 transform: translatey(-100%); 1891 } 1892 #block-251132 .container .wrapper.gap-6.gap-md-8.gap-lg-11 .nav-top .swiper-navigation { 1893 margin-top: -3rem; 1894 transform: translatey(-100%); 1895 } 1896 1897 #block-251132 .navigation-style-2 .swiper-button { 1898 background: transparent !important; 1899 box-shadow: none !important; 1900 border: 1px solid rgb(148,153,163,.5) !important; 1901 } 1902 1903 #block-251132.gs-dark .navigation-style-1 .swiper-button { 1904 opacity: .25; 1905 } 1906 #block-251132.gs-dark .navigation-style-2 .swiper-button { 1907 border-color: rgb(255,255,255,.5) !important; 1908 opacity: .5; 1909 } 1910 #block-251132.gs-dark .navigation-style-2 .swiper-button:after { 1911 color: var(--bs-white) !important; 1912 } 1913 } 1914 1915 @media (min-width: 1200px) { 1916 #block-251132 .nav-outside .swiper-button-prev { 1917 left: 0 !important; 1918 transform: translatex(-125%); 1919 } 1920 #block-251132 .nav-outside .swiper-button-next { 1921 right: 0 !important; 1922 transform: translatex(125%); 1923 } 1924 } 1925 1926 @media (min-width: 992px) { 1927 #block-251132 .swiper-button:hover { 1928 border-color: var(--bs-primary) !important; 1929 background: var(--bs-primary) !important; 1930 opacity: 1 !important; 1931 } 1932 #block-251132 .swiper-button:hover:after { 1933 color: var(--bs-white) !important; 1934 } 1935 1936 #block-251132.gs-dark .navigation-style-2 .swiper-button:hover { 1937 border-color: var(--bs-primary) !important; 1938 } 1939 } 1940 1941 /* SWIPER CONTROLS > PAGINATION */ 1942 1943 #block-251132 .pagination-style-1 .swiper-pagination { 1944 display: flex; 1945 justify-content: center; 1946 gap: .5rem; 1947 transform: translatey(50%); 1948 } 1949 #block-251132 .pagination-style-1 .swiper-pagination-bullet { 1950 margin: 0px !important; 1951 opacity: 1 !important; 1952 width: .5rem; 1953 height: .5rem; 1954 background: rgb(148,153,163,.5); 1955 transform: scale(100%) !important; 1956 } 1957 #block-251132.gs-dark .pagination-style-1 .swiper-pagination-bullet { 1958 background: rgb(255,255,255,.5); 1959 } 1960 #block-251132 .pagination-style-1.pagination-inside .swiper-pagination-bullet { 1961 background: rgb(255,255,255,.5); 1962 } 1963 #block-251132 .pagination-style-1 .swiper-pagination-bullet-active { 1964 width: 1.5rem; 1965 border-radius: 50rem; 1966 background: var(--bs-primary) !important; 1967 border-color: var(--bs-primary) !important; 1968 } 1969 1970 #block-251132 .pagination-style-2 .swiper-pagination { 1971 display: flex; 1972 gap: .25rem; 1973 justify-content: center; 1974 } 1975 #block-251132 .pagination-style-2 .swiper-pagination-bullet { 1976 margin: 0px !important; 1977 opacity: 1 !important; 1978 width: .5rem; 1979 height: .5rem; 1980 border: 1px solid rgb(148,153,163,.5) !important; 1981 background: transparent !important; 1982 transform: scale(100%) !important; 1983 } 1984 #block-251132 .pagination-style-2 .swiper-pagination-bullet-active { 1985 background: var(--bs-primary) !important; 1986 border-color: var(--bs-primary) !important; 1987 } 1988 1989 #block-251132 .pagination-style-3 .swiper-pagination { 1990 display: flex; 1991 align-items: center; 1992 gap: .375rem; 1993 border-radius: 50rem; 1994 background: var(--bs-white); 1995 width: fit-content; 1996 left: 0; 1997 right: 0; 1998 margin: 0 auto; 1999 padding: .25rem .5rem; 2000 box-shadow: rgba(30, 34, 40, 0.02) 0px 2px 1px, rgba(30, 34, 40, 0.02) 0px 4px 2px, rgba(30, 34, 40, 0.02) 0px 8px 4px, rgba(30, 34, 40, 0.02) 0px 16px 8px, rgba(30, 34, 40, 0.03) 0px 32px 16px !important; 2001 } 2002 #block-251132 .pagination-style-3 .swiper-pagination-bullet { 2003 margin: 0px !important; 2004 opacity: 1 !important; 2005 width: .75rem; 2006 height: .75rem; 2007 border: 1px solid rgb(148,153,163,.5) !important; 2008 background: rgb(148,153,163,.5) !important; 2009 transform: scale(100%) !important; 2010 transform: scale(.75) !important; 2011 } 2012 #block-251132 .pagination-style-3 .swiper-pagination-bullet-active { 2013 width: .75rem; 2014 height: .75rem; 2015 background: var(--bs-primary) !important; 2016 border-color: var(--bs-primary) !important; 2017 transform: scale(1) !important; 2018 } 2019 2020 @media (max-width: 575.98px) { 2021 #block-251132 .container.py-4.py-md-6 .swiper-pagination, 2022 #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination { 2023 bottom: -.5rem !important; 2024 } 2025 #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination, 2026 #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination { 2027 bottom: -.75rem !important; 2028 } 2029 #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination, 2030 #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination { 2031 bottom: -1rem !important; 2032 } 2033 #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination, 2034 #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination { 2035 bottom: -1.25rem !important; 2036 } 2037 } 2038 @media (min-width: 576px) and (max-width: 991.98px) { 2039 #block-251132 .container.py-4.py-md-6 .swiper-pagination, 2040 #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination { 2041 bottom: -.5rem !important; 2042 } 2043 #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination, 2044 #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination { 2045 bottom: -1rem !important; 2046 } 2047 #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination, 2048 #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination { 2049 bottom: -1.5rem !important; 2050 } 2051 #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination, 2052 #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination { 2053 bottom: -1.75rem !important; 2054 } 2055 } 2056 @media (min-width: 992px) { 2057 #block-251132 .container.py-4.py-md-6 .swiper-pagination, 2058 #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination { 2059 bottom: -.75rem !important; 2060 } 2061 #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination, 2062 #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination { 2063 bottom: -1.5rem !important; 2064 } 2065 #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination, 2066 #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination { 2067 bottom: -2rem !important; 2068 } 2069 #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination, 2070 #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination { 2071 bottom: -2.5rem !important; 2072 } 2073 } 2074 #block-251132 .container.py-0 .pagination-inside .swiper-pagination, 2075 #block-251132 .container-fluid.py-0 .pagination-inside .swiper-pagination, 2076 #block-251132 .container.py-4.py-md-6 .pagination-inside .swiper-pagination, 2077 #block-251132 .container-fluid.py-4.py-md-6 .pagination-inside .swiper-pagination , 2078 #block-251132 .container.py-6.py-md-8.py-lg-11 .pagination-inside .swiper-pagination, 2079 #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .pagination-inside .swiper-pagination, 2080 #block-251132 .container.py-8.py-md-11.py-lg-13 .pagination-inside .swiper-pagination, 2081 #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .pagination-inside .swiper-pagination { 2082 bottom: .75rem !important; 2083 transform: none; 2084 } 2085</style> 2086 2087 2088<style>
2089 .heading-row-2.heading-row-251132 h2 .col.col-1st { 2090 background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 0) 0%, rgba(var(--bs-primary-rgb), 1) 100%) !important; 2091 } 2092 .heading-row-2.heading-row-251132 h2 .col.col-2nd { 2093 background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 1) 0%, rgba(var(--bs-primary-rgb), 0) 100%) !important; 2094 } 2095 @media (min-width: 992px) { 2096 .heading-row-2 h2 { 2097 overflow: hidden; 2098 text-overflow: ellipsis; 2099 white-space: nowrap; 2100 } 2101 } 2102 2103 /* <!-- GS DARK --> */ 2104 2105 .gs-dark .heading-row.heading-row-251132 span { 2106 color: var(--bs-white) !important; 2107 } 2108 .gs-dark .heading-row.heading-row-251132 h2 { 2109 color: var(--bs-white) !important; 2110 } 2111 .gs-dark .heading-row.heading-row-251132 p { 2112 color: var(--bs-white) !important; 2113 } 2114 .gs-dark .heading-row-2.heading-row-251132 h2 .col.col-1st { 2115 background: linear-gradient(90deg, rgba(var(--bs-white-rgb), 0) 0%, rgba(var(--bs-white-rgb), 1) 100%) !important; 2116 } 2117 .gs-dark .heading-row-2.heading-row-251132 h2 .col.col-2nd { 2118 background: linear-gradient(90deg, rgba(var(--bs-white-rgb), 1) 0%, rgba(var(--bs-white-rgb), 0) 100%) !important; 2119 } 2120</style> 2121 2122 2123<div class="heading-row heading-row-2 heading-row-251132 col-lg-8 d-flex flex-column gap-2 text-center mx-auto align-items-center mx-auto align-self-stretch" 2124 data-cues="slideInUp" 2125 data-duration="1000" 2126 > 2127 2128 <h2 class="w-100 d-flex align-items-center gap-3 gap-md-4 gap-lg-6 display-4 text-dark-emphasis m-0"> 2129 <div class="bg-primary rounded-pill col col-1st" style="height: 2px;"></div> 2130 Санал Ñ Ò¯ÑÑÐ»Ñ Ð¸Ð»Ð³ÑÑÑ <div class="bg-primary rounded-pill col col-2nd" style="height: 2px;"></div> 2131 </h2> 2132 <p class="text-dark fw-semibold lh-sm m-0">ХамÑаÑÑ Ð°Ð¶Ð¸Ð»Ð»Ð°Ñ Ñг Ñ Ò¯ÑвÑл дооÑÑ Ñ Ð¾Ð»Ð±Ð¾Ð¾ÑÐ¾Ð¾Ñ Ñ Ð¾Ð»Ð±Ð¾Ð³Ð´Ð¾Ð½Ð¾ ÑÑ.</p> 2133 </div> 2134 <div class="wrapper align-self-stretch"> 2135 <div id="green_crm_form" data-siteid="1772" data-formid="1"></div>
2135<script type="text/javascript" src="https://forms.greensoft.mn/js/widget/index.js"></script>
2135 2136 </div> 2137 2138 2139</div> 2140</div> 2141<!-- Container Bottom --> </div> 2142 </section> 2143 2144 <style> 2145#block-251133 .wrapper{ 2146 background-size: cover; 2147 background-position: center center!important; 2148 background-repeat: no-repeat; 2149 } 2150#block-251133>.wrapper:before { 2151 background-image: linear-gradient(to right, rgba(255,253,246,1) 0%, rgba(255,253,246,1) 100%) !important; 2152 background-color: unset !important; 2153 } 2154 /* Dark theme */ 2155#block-251133.gs-dark .heading-row>* { 2156 color: var(--bs-white) !important; 2157} 2158#block-251133.gs-dark .heading-row-3>*:last-child { 2159 background: var(--bs-white) !important; 2160} 2161 2162@media (max-width: 991.98px) { 2163 #block-251133 iframe { 2164 position: static !important; 2165 aspect-ratio: 16/9; 2166 } 2167} 2168@media (min-width: 992px) { 2169 #block-251133 .container>.wrapper { 2170 aspect-ratio: 16/9; 2171 } 2172} 2173</style> 2174 2175<section id="block-251133" class="block-type-contact-v2 position-relative overflow-hidden "> 2176 <div 2177 class="wrapper position-relative image-wrapper bg-cover bg-image 2178 bg-overlay" 2179 data-image-src="" 2180 style="min-height: auto !important;" 2181 > 2182 <iframe class="position-absolute start-0 top-0 w-100 h-100" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=47.91808526634963,106.90928144110994&hl=mn&z=14&output=embed"></iframe> 2183 <div class="container position-relative py-6 py-md-8 py-lg-11"> 2184 <div class="wrapper bg-white col-lg-5 col-xl-4 d-flex flex-column justify-content-center gap-4 gap-md-6 gap-lg-8 shadow-xl p-4 p-md-6 p-lg-8 rounded-4 ms-lg-auto"> 2185 2186<!-- GS DARK --> 2187 2188<style> 2189 .gs-dark .heading-row.heading-row-251133 span { 2190 color: var(--bs-white) !important; 2191 } 2192 .gs-dark .heading-row.heading-row-251133 h2 { 2193 color: var(--bs-white) !important; 2194 } 2195 .gs-dark .heading-row.heading-row-251133 p { 2196 color: var(--bs-white) !important; 2197 } 2198</style> 2199 2200 2201<div class="heading-row heading-row-1 heading-row-251133 col-lg-8 d-flex flex-column gap-2 text-start align-items-start align-self-stretch" 2202 > 2203 <h2 class="display-4 text-dark-emphasis m-0">Ð¥Ð¾Ð»Ð±Ð¾Ð³Ð´Ð¾Ñ ÐÑдÑÑлÑл</h2> 2204 </div> 2205 <ul class="items-wrapper list-unstyled d-flex flex-column gap-2 m-0"> 2206 <li class="d-flex align-items-start gap-2 m-0"> 2207 <i class="bi bi-geo-alt-fill text-primary"></i> 2208 <address class="text-dark fs-sm lh-sm m-0">MICC, ÐРТаÑÑÑ, 7 Ð´Ð°Ð²Ñ Ð°Ñ, ÐаÑÑÑнÑÑÐ»Ð±Ñ Ð³Ñдамж, 1-Ñ Ñ Ð¾Ñоо, ЧингÑлÑÑй дүүÑÑг, УлаанбааÑÐ°Ñ 15170, Ðонгол УлÑ</address> 2209 </li> 2210 <li class="d-flex align-items-center gap-2 m-0"> 2211 <i class="bi bi-phone-fill text-primary"></i> 2212 <a href="tel:(+976) 70112023" class="text-dark fs-sm lh-sm">(+976) 70112023</a> 2213 </li> 2214 <li class="d-flex align-items-center gap-2 m-0"> 2215 <i class="bi bi-envelope-open-fill text-primary"></i> 2216 <a href="mailto:[email protected]" class="text-dark fs-sm lh-sm">[email protected]</a> 2217 </li> 2218 <li class="d-flex align-items-start gap-2 m-0"> 2219 <i class="bi bi-clock-fill text-primary"></i> 2220 <p class="text-dark fs-sm lh-sm m-0">Ðаваа â ÐааÑан: 09:00 â 18:00 2221<br> ÐÑмба, ÐÑм: ÐмаÑна</p> </li> 2222 </ul> 2223 </div> 2224 <!-- /.wrapper --> 2225 </div> 2226 </div> 2227 </section> 2228 </section>
vendor: 69 bytes, lines 2228-2230
2228 2229 2230 <script async src="https://www.googletagmanager.com/gtag/js?id=
2230G-DCJ3VXHMW9
vendor: 16 bytes, lines 2230-2231
2230"></script> 2231
2231<script> 2232
vendor: 145 bytes, lines 2232-2235
2232window.dataLayer = window.dataLayer || []; 2233 function gtag(){dataLayer.push(arguments);} 2234 gtag('js', new Date()); 2235 gtag('config', '
2235G-DCJ3VXHMW9
vendor: 8 bytes, lines 2235-2236
2235'); 2236
2236</script>
2236 2237 <footer id="footer-v1" class="footer-046 position-relative overflow-hidden"> 2238 2239 <style> 2240 .footer-046 .wrapper{ 2241 background-size: cover; 2242 background-position: left top!important; 2243 background-repeat: no-repeat; 2244 } 2245 .footer-046 .wrapper:before { 2246 background-image: linear-gradient(to bottom, rgba(1, 21, 47, 1) 0%, rgba(1, 21, 47, 1) 100%)!important; 2247 background-color:unset!important; 2248 } 2249 2250 .footer-046 .widget ul li, 2251 .footer-046 .widget ul li a, 2252 .footer-046 .widget ul li address, 2253 .footer-046 .widget ul li a i { 2254 transition: all .20s ease-in-out; 2255 } 2256 .footer-046 .icon-list li i { 2257 position: absolute !important; 2258 top: 0 !important; 2259 } 2260 2261 @media (max-width: 575.98px) { 2262 .footer-046 .copyright-webstore { 2263 justify-content: center !important; 2264 } 2265 } 2266 2267 /* footer config */ 2268 2269 .footer-046 .widget .widget-title { 2270 color:#FAE5B1!important; 2271 } 2272 .footer-046 .widget .widget-title>span { 2273 color:#FAE5B1!important; 2274 } 2275 .footer-046 .widget span, 2276 .footer-046 #green_crm_form p, 2277 .footer-046 .widget address { 2278 color:#FFFFFF!important; 2279 } 2280 .footer-046 .widget a { 2281 color:#FFFFFF!important; 2282 } 2283 .footer-046 .widget-links a:hover, 2284 .footer-046 .widget-contacts a:hover, 2285 .footer-046 .widget-socials a:hover, 2286 .footer-046 .widget-categories a:hover, 2287 .footer-046 .widget-products a:hover, 2288 .footer-046 .widget-posts a:hover { 2289 color:#FAE5B1!important; 2290 } 2291 .footer-046 .widget-links i, 2292 .footer-046 .widget-contacts i, 2293 .footer-046 .widget-socials i, 2294 .footer-046 .widget-socials { 2295 color:#FFFFFF!important; 2296 } 2297 2298 /* footer config > form */ 2299 2300 .footer-046 .widget-form.widget-form-input-outline #green_crm_form .form-control { 2301 background: transparent !important; 2302 opacity: 1 !important; 2303 color: var(--bs-white) !important; 2304 } 2305 .footer-046 .widget-form.widget-form-input-outline #green_crm_form .form-control:placeholder { 2306 color: var(--bs-white) !important; 2307 opacity: .75 !important; 2308 } 2309 2310 .footer-046 .widget-form.widget-form-input-fill #green_crm_form .form-control { 2311 opacity: 1 !important; 2312 background: var(--bs-white) !important; 2313 color: var(--bs-dark) !important; 2314 } 2315 .footer-046 .widget-form.widget-form-input-fill #green_crm_form .form-control::placeholder { 2316 color: var(--bs-dark) !important; 2317 opacity: .5 !important; 2318 } 2319 2320 .footer-046 .widget-form.widget-form-input-primary #green_crm_form .form-control { 2321 border-color: var(--bs-primary) !important; 2322 } 2323 .footer-046 .widget-form.widget-form-input-secondary #green_crm_form .form-control { 2324 border-color: var(--bs-secondary) !important; 2325 } 2326 .footer-046 .widget-form.widget-form-input-light #green_crm_form .form-control { 2327 border-color: var(--bs-white) !important; 2328 } 2329 .footer-046 .widget-form.widget-form-input-dark #green_crm_form .form-control { 2330 border-color: var(--bs-emphasis-color) !important; 2331 } 2332 .footer-046 .widget-form.widget-form-input-gray #green_crm_form .form-control { 2333 border-color: rgb(148,153,163,.25) !important; 2334 } 2335 2336 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-secondary #green_crm_form .btn { 2337 background: var(--bs-secondary) !important; 2338 border-color: var(--bs-secondary) !important; 2339 color: var(--bs-white) !important; 2340 } 2341 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-danger #green_crm_form .btn { 2342 background: var(--bs-danger) !important; 2343 border-color: var(--bs-danger) !important; 2344 color: var(--bs-white) !important; 2345 } 2346 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-warning #green_crm_form .btn { 2347 background: var(--bs-warning) !important; 2348 border-color: var(--bs-warning) !important; 2349 color: var(--bs-white) !important; 2350 } 2351 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-green #green_crm_form .btn { 2352 background: var(--bs-green) !important; 2353 border-color: var(--bs-green) !important; 2354 color: var(--bs-white) !important; 2355 } 2356 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-blue #green_crm_form .btn { 2357 background: var(--bs-blue) !important; 2358 border-color: var(--bs-blue) !important; 2359 color: var(--bs-white) !important; 2360 } 2361 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-gray #green_crm_form .btn { 2362 background: var(--bs-gray) !important; 2363 border-color: var(--bs-gray) !important; 2364 color: var(--bs-white) !important; 2365 } 2366 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-white #green_crm_form .btn { 2367 background: var(--bs-white) !important; 2368 border-color: var(--bs-white) !important; 2369 color: var(--bs-dark) !important; 2370 } 2371 .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-dark #green_crm_form .btn { 2372 background: var(--bs-emphasis-color) !important; 2373 border-color: var(--bs-emphasis-color) !important; 2374 color: var(--bs-white) !important; 2375 } 2376 2377 .footer-046 .widget-form.widget-form-btn-outline #green_crm_form .btn { 2378 background: transparent !important; 2379 color: var(--bs-primary) !important; 2380 } 2381 .footer-046 .widget-form.widget-form-btn-outline #green_crm_form .btn { 2382 background: transparent !important; 2383 color: var(--bs-primary) !important; 2384 } 2385 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-secondary #green_crm_form .btn { 2386 background: transparent !important; 2387 border-color: var(--bs-secondary) !important; 2388 color: var(--bs-secondary) !important; 2389 } 2390 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-danger #green_crm_form .btn { 2391 background: transparent !important; 2392 border-color: var(--bs-danger) !important; 2393 color: var(--bs-danger) !important; 2394 } 2395 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-warning #green_crm_form .btn { 2396 background: transparent !important; 2397 border-color: var(--bs-warning) !important; 2398 color: var(--bs-warning) !important; 2399 } 2400 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-green #green_crm_form .btn { 2401 background: transparent !important; 2402 border-color: var(--bs-green) !important; 2403 color: var(--bs-green) !important; 2404 } 2405 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-blue #green_crm_form .btn { 2406 background: transparent !important; 2407 border-color: var(--bs-blue) !important; 2408 color: var(--bs-blue) !important; 2409 } 2410 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-gray #green_crm_form .btn { 2411 background: transparent !important; 2412 border-color: var(--bs-gray) !important; 2413 color: var(--bs-gray) !important; 2414 } 2415 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-white #green_crm_form .btn { 2416 background: transparent !important; 2417 border-color: var(--bs-white) !important; 2418 color: var(--bs-white) !important; 2419 } 2420 .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-dark #green_crm_form .btn { 2421 background: transparent !important; 2422 border-color: var(--bs-emphasis-color) !important; 2423 color: var(--bs-emphasis-color) !important; 2424 } 2425 2426 .footer-046 .copyright-section span { 2427 color:#FFFFFF!important; 2428 } 2429 .footer-046 .copyright-section a { 2430 color:#FFFFFF!important; 2431 } 2432 .footer-046 .widget-socials .list-unstyled li { 2433 margin-top: 0!important; 2434 } 2435 2436 /* hover & active */ 2437 2438 @media (min-width: 992px) { 2439 .footer-046 .widget-socials ul li:hover a { 2440 } 2441 .footer-046 .widget-links>* ul li:hover a { 2442 } 2443 .footer-046 .widget-contacts ul li:hover a { 2444 } 2445 .footer-046 .widget-categories ul li:hover a { 2446 } 2447 .footer-046 .widget-products ul li:hover a { 2448 } 2449 .footer-046 .widget-posts ul li:hover a { 2450 } 2451 } 2452 </style> 2453 <div class="wrapper position-relative image-wrapper bg-cover bg-image bg-overlay" data-image-src="" style="min-height: auto !important;"> 2454 2455 <div class="divider-wave1-top overflow-hidden d-none z-1 position-relative" style="transform: rotate(180deg);"> 2456 <div class="divider text-white mx-n2"> 2457 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60"> 2458 <path fill="#fff" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z"></path> 2459 </svg> 2460 </div>
2461 </div> 2462 2463 <div class="divider-wave4-top overflow-hidden z-1 position-relative d-none" style="transform: rotate(180deg);"> 2464 <div class="divider text-white mx-n2"> 2465 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26"><path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z"/></svg> 2466 </div> 2467 </div> 2468 2469 <div class="container position-relative py-6 py-md-8 py-lg-11"> 2470 <div class="row g-4 g-md-6 g-lg-8"> 2471 2472 2473 <div class="col col-12 col-lg-2 d-flex flex-column gap-3 gap-md-4 gap-lg-6"> 2474 2475 <!-- Default links block --> 2476 <div class="widget widget-links m-0"> 2477 <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">MICC-ийн ÑÑÑ Ð°Ð¹</h4> 2478 <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6"> 2479 <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0"> 2480 <li class="fs-sm lh-sm m-0"> 2481 <a class="d-block link-dark" href="/about-us" target="_self">ÐÑÓ©Ð½Ñ Ð¸Ð¹ ÑанилÑÑÑлга</a> 2482 </li> 2483 <li class="fs-sm lh-sm m-0"> 2484 <a class="d-block link-dark" href="/about-us#block-251100" target="_self">ÐÑÑ Ñм зоÑилго ба ÐлÑÑн Ñ Ð°Ñаа</a> 2485 </li> 2486 <li class="fs-sm lh-sm m-0"> 2487 <a class="d-block link-dark" href="/about-us#block-251101" target="_self">УдиÑдлагÑн баг</a> 2488 </li> 2489 <li class="fs-sm lh-sm m-0"> 2490 <a class="d-block link-dark" href="/posts" target="_self">ÐÑдÑÑ Ð±Ð° ÐйлголÑ</a> 2491 </li> 2492 <li class="fs-sm lh-sm m-0"> 2493 <a class="d-block link-dark" href="/contact-us" target="_self">Холбоо баÑÐ¸Ñ </a> 2494 </li> 2495 </ul> 2496 </div> 2497 </div> 2498 2499 2500 </div> 2501 <!-- /.col-item --> 2502 <div class="col col-12 col-lg-2 d-flex flex-column gap-3 gap-md-4 gap-lg-6"> 2503 2504 <!-- Default links block --> 2505 <div class="widget widget-links m-0"> 2506 <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">ҮндÑÑн үйлÑилгÑÑ</h4> 2507 <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6"> 2508 <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0"> 2509 <li class="fs-sm lh-sm m-0"> 2510 <a class="d-block link-dark" href="/investment-banking" target="_self">Ð¥Ó©Ñөнгө оÑÑÑлалÑÑн банк</a> 2511 </li> 2512 <li class="fs-sm lh-sm m-0"> 2513 <a class="d-block link-dark" href="/asset-management" target="_self">Ð¥Ó©Ñөнгийн ÑдиÑдлага</a> 2514 </li> 2515 <li class="fs-sm lh-sm m-0"> 2516 <a class="d-block link-dark" href="/brokerage-services" target="_self">ÐÑÑÑлалÑн үйлÑилгÑÑ</a> 2517 </li> 2518 <li class="fs-sm lh-sm m-0"> 2519 <a class="d-block link-dark" href="/research" target="_self">СÑдалгаа</a> 2520 </li> 2521 </ul> 2522 </div> 2523 </div> 2524 2525 2526 </div> 2527 <!-- /.col-item --> 2528 <div class="col col-12 col-lg-3 d-flex flex-column gap-3 gap-md-4 gap-lg-6"> 2529 2530 <!-- Contact --> 2531 <div class="widget widget-contacts m-0"> 2532 <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4"><span class="version-mn">Холбоо баÑÐ¸Ñ </span><span class="version-en d-none">Contact us</span><span class="version-jp d-none">ãåãåãã</span><span class="version-kr d-none">문ìí기</span><span class="version-ru d-none">ÐонÑакÑÑ</span><span class="version-cn d-none">èç³»æä»¬</span><span class="version-fr d-none">Nous contacter</span><span class="version-de d-none">Kontaktieren Sie uns</span></h4> 2533 <ul class="icon-list d-flex flex-column gap-2 mb-0"> 2534 <li class="m-0 "><address class="text-dark fs-sm lh-sm m-0 "><i class="bi bi-geo-alt-fill fs-sm lh-sm"></i>MICC, ÐРТаÑÑÑ, 7 Ð´Ð°Ð²Ñ Ð°Ñ, ÐаÑÑÑнÑÑÐ»Ð±Ñ Ð³Ñдамж, 1-Ñ Ñ Ð¾Ñоо, ЧингÑлÑÑй дүүÑÑг, УлаанбааÑÐ°Ñ 15170, Ðонгол УлÑ</ad
2534dress></li> 2535 <li class="m-0 "><a href="mailto:[email protected]" class="d-block link-dark fs-sm lh-sm "><i class="bi bi-envelope-fill text-dark fs-sm lh-sm"></i>[email protected]</a></li> 2536 <li class="m-0 "><a href="tel:(+976) 70112023" class="d-block link-dark fs-sm lh-sm "><i class="bi bi-phone-fill text-dark fs-sm lh-sm"></i>(+976) 70112023</a></li> 2537 </ul> 2538 </div> 2539 2540 2541 2542 </div> 2543 <!-- /.col-item --> 2544 <div class="col col-12 col-lg-3 ms-lg-auto d-flex flex-column gap-3 gap-md-4 gap-lg-6"> 2545 2546 <!-- Default links block --> 2547 <div class="widget widget-links m-0"> 2548 <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">ÐппликейÑн ÑаÑÐ°Ñ </h4> 2549 <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6"> 2550 <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0"> 2551 <li class="fs-sm lh-sm m-0"> 2552 <a class="d-block link-dark" href="https://apps.apple.com/mn/app/micc-brokerage/id1596245510" target="_blank">Appstore</a> 2553 </li> 2554 <li class="fs-sm lh-sm m-0"> 2555 <a class="d-block link-dark" href="https://play.google.com/store/apps/details?id=com.micc&hl=en" target="_blank">Google Play</a> 2556 </li> 2557 <li class="fs-sm lh-sm m-0"> 2558 <a class="d-block link-dark" href="https://micc.istock.mn/auth/login" target="_blank">ÐÑб Ñ Ð°Ð½Ð´Ð°Ð»Ñ</a> 2559 </li> 2560 </ul> 2561 </div> 2562 </div> 2563 2564 <!-- Social --> 2565 <div class="widget widget-socials m-0"> 2566 <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4"><span class="version-mn">ÐидÑнÑÑй нÑгдÑÑ </span><span class="version-en d-none">Join us</span><span class="version-jp d-none">åå ãã</span><span class="version-kr d-none">ê°ì í기</span><span class="version-fr d-none">Rejoignez-nous</span><span class="version-de d-none">Folgen Sie uns</span></h4> 2567 <ul class="list-unstyled d-flex flex-wrap gap-3 mb-0"> 2568 <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.facebook.com/MICCmongolia" target="_blank" class="link-dark "><i class="bi bi-facebook"></i></a></li> 2569 <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://x.com/i/flow/login?redirect_after_login=%2FMiccCapital" target="_blank" class="link-dark "><i class="bi bi-twitter-x"></i></a></li> 2570 <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.linkedin.com/company/mongolia-international-capital-corporation/" target="_blank" class="link-dark "><i class="bi bi-linkedin"></i></a></li> 2571 <li class="m-0 d-flex justify-content-center align-items-center d-none"><a href="" target="_blank" class="link-dark "><i class="bi bi-instagram"></i></a></li> 2572 <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.youtube.com/@micc6174" target="_blank" class="link-dark "><i class="bi bi-youtube"></i></a></li> 2573 <li class="m-0 d-flex justify-content-center align-items-center d-none"><a href="" target="_blank" class="link-dark "><div class="d-flex align-items-center justify-content-center"><svg xmlns="http://www.w3.org/2000/svg" fill="Currentcolor" width="16px" height="16px" viewBox="0 0 20 20"><path d="M20 6.009h-2.829C15.211 4.675 12.813 4 10 4s-5.212.675-7.171 2.009H0c.428.42.827 1.34.993 2.04A4.954 4.954 0 0 0 0 11.008c0 2.757 2.243 5 5 5a4.97 4.97 0 0 0 3.423-1.375L10 17l1.577-2.366A4.97 4.97 0 0 0 15 16.01c2.757 0 5-2.243 5-5 0-1.112-.377-2.13-.993-2.96.166-.7.565-1.62.993-2.04zm-15 8.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zm5-3.4a5.008 5.008 0 0 0-4.009-4.9C7.195 5.704 8.53 5.5 10 5.5s2.805.204 4.009.61A5.008 5.008 0 0 0 10 11.008zm5 3.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zM5 8.86c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3zm10-2.791c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3z"></path></svg></div></a></li> 2574 </ul> 2575 </div> 2576 2577 2578 </div> 2579 <!-- /.col-item --> 2580 2581 2582 2583 2584 </div> 2585 <!-- /.row --> 2586 </div> 2587 <!-- /.container --> 2588 <hr class="m-0"> 2589 <div class="copyright-section wrapper"> 2590 <div class="container position-relative py-3"> 2591 <div class="wrapper"> 2592 <div class="row"> 2593 <div class="col-12 col-md-8">
2594 <span class="d-block text-dark fs-sm lh-sm text-center text-md-start">© 2005 â 2025 âMICC ХХÐâ ÐÒ¯Ñ ÑÑÑ Ñ ÑÑÐ»Ð¸Ð°Ñ Ñ Ð°Ð¼Ð³Ð°Ð°Ð»Ð°Ð³Ð´Ñан.</span> 2595 </div> 2596 <div class="col-12 col-md-4"> 2597 2598 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end version-mn"> 2599 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ÐÑбÑайÑ</a>Ñг 2600 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ÐÑийн СоÑÑ Ð¥Ð¥Ð</a> Ñ Ó©Ð³Ð¶Ò¯Ò¯Ð»Ñв 2601 </span> 2602 2603 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-en"> 2604 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Website</a> developed by 2605 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC 2606 </span> 2607 2608 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-kr"> 2609 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ì¹ì¬ì´í¸</a> ì ì â 2610 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC 2611 </span> 2612 2613 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-cn"> 2614 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ç½ç«</a> ç± 2615 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> æéå ¬å¸å¼å 2616 </span> 2617 2618 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-jp"> 2619 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ã¦ã§ããµã¤ã</a>㯠2620 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLCã«ãã£ã¦éçºããã¾ãã 2621 </span> 2622 2623 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-ru"> 2624 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Ðеб-ÑайÑ</a> ÑазÑабоÑан 2625 <a href="https://greensoft.mn/" target="_blank" class="link-dark">ÐÐР«Green Soft»</a> 2626 </span> 2627 2628 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-fr"><a href="https://greensoft.mn/" target="_blank" class="link-dark">Site web</a> développé par 2629 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC 2630 </span> 2631 2632 <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-de"><a href="https://greensoft.mn/" target="_blank" class="link-dark">Webseite</a> entwickelt von 2633 <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC 2634 </span> 2635 2636 <span class="copyright-webstore d-flex align-items-center justify-content-end gap-1 fs-sm lh-sm d-none">Website built by 2637 <a href="https://webstore.mn/" target="_blank"><img class="w-auto h-3 object-fit-contain" src="https://cdn.greensoft.mn/uploads/site/1585/site_config/logo/33258df4a2ad3c9ac5b07c573afb183d376b0b4e.png" alt=""></a> 2638 </span> 2639 </div> 2640 </div> 2641 <!-- /.row --> 2642 </div> 2643 <!-- /.wrapper --> 2644 </div> 2645 <!-- /.container --> 2646 </div> 2647 <!-- /.wrapper --> 2648 </div> 2649 <!-- /.wrapper --> 2650 2651 2652 2653</footer> 2654<!-- /.footer --> <section class="side-widget position-fixed end-0 d-flex gap-3 m-3 m-md-4 m-lg-6" style="z-index: 99
2654!important;top: 35dvh;"> 2655 </section> 2656 <section class="cta-578 call24-cta position-fixed end-0 bottom-0 d-flex gap-3 m-3 m-md-4 d-none"> 2657 <div class="call-action"> 2658 <a href="https://contact-center.greensoft.mn/cc/1772/oneclick" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=400,height=600'); return false;" class="btn btn-primary btn-circle ripple fs-sm" data-bs-toggle="tooltip" data-bs-placement="left" title="Call Us"><i class="bi bi-telephone-fill"></i></a> 2659 </div> 2660 <div class="message-action d-none" data-bs-toggle="tooltip" data-bs-placement="left" title="Message Us"> 2661 <a href="#" class="btn btn-primary btn-circle ripple fs-sm" data-bs-toggle="modal" data-bs-target="#modal-message"><i class="bi bi-chat-left-text-fill"></i></a> 2662 </div> 2663 </section> 2664 <div class="modal fade" id="modal-message" tabindex="-1"> 2665 <div class="modal-dialog modal-dialog-centered modal-sm"> 2666 <div class="modal-content text-center"> 2667 <div class="modal-body" style="line-height:0;"> 2668 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2669 <iframe frameborder="0" height="500px" scrolling="no" src="https://forms.greensoft.mn/1772/form/1" width="100%"></iframe> 2670 </div> 2671 </div> 2672 </div> 2673 </div> 2674 </div> 2675 2676 2677 <!-- Vendor JS Files --> 2678
2678<script src="https://cdn3.greensoft.mn/sandbox/assets/js/plugins.js"></script>
2678 2679
2679<script src="https://cdn3.greensoft.mn/sandbox/assets/js/theme.js"></script>
2679 2680
2680<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
2680 2681
2681<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
2681 2682
2682<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script>
2682 2683
2683<script src="https://cdnjs.cloudflare.com/ajax/libs/turn.js/3/turn.min.js"></script>
vendor: 1 bytes, line 2683
2683
2684<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script>
vendor: 1 bytes, line 2684
2684
2685<script> 2686 // Configure PDF.js worker (same version as above) 2687 if (window.pdfjsLib) { 2688 pdfjsLib.GlobalWorkerOptions.workerSrc = 2689 "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.worker.min.js"; 2690 } 2691</script>
vendor: 1 bytes, line 2691
2691
2692<script> 2693(function ($) { 2694 2695 function initFlipbook($root) { 2696 var pdfUrl = $root.data('pdfUrl'); 2697 if (!pdfUrl || !window.pdfjsLib || !$.fn.turn) return; 2698 2699 var $book = $root.find('.gs-flipbook-book'); 2700 var $pageInput = $root.find('.gs-flipbook-page-input'); 2701 var $pageTotal = $root.find('.gs-flipbook-page-total'); 2702 var $btnFirst = $root.find('.gs-flipbook-first'); 2703 var $btnLast = $root.find('.gs-flipbook-last'); 2704 var $btnPrev = $root.find('.gs-flipbook-prev'); 2705 var $btnNext = $root.find('.gs-flipbook-next'); 2706 var $btnFull = $root.find('.gs-flipbook-fullscreen'); 2707 2708 var pdfDoc = null; 2709 var pageAspect = null; // height / width of a single PDF page 2710 var turnReady = false; 2711 2712 var isFullscreen = false; 2713 var $overlay = null; 2714 var $placeholder = null; 2715 2716 var dragStartX = null; 2717 var DRAG_THRESHOLD = 40; 2718 2719 function getX(event) { 2720 var oe = event.originalEvent; 2721 if (oe && oe.touches && oe.touches.length > 0) return oe.touches[0].clientX; 2722 if (oe && oe.changedTouches && oe.changedTouches.length > 0) return oe.changedTouches[0].clientX; 2723 return event.clientX; 2724 } 2725 2726 function updatePageInfo() { 2727 if (!$book.turn) return; 2728 var cur = $book.turn('page'); 2729 var max = $book.turn('pages'); 2730 $pageInput.val(cur); 2731 $pageTotal.text(max); 2732 } 2733 2734 // ð¥ Core resize: normal mode = width only, fullscreen = width + height 2735 function resizeBook() { 2736 if (!pageAspect) return; 2737 2738 var toolbarHeight = $root.find('.gs-flipbook-toolbar').outerHeight(true) || 0; 2739 var bookAspect = pageAspect / 2; // double-page spread height/width 2740 2741 var width, height; 2742 2743 if (!isFullscreen) { 2744 // NORMAL MODE â ignore height, just fit width of the column
2745 var availWidth = $root.width(); 2746 if (availWidth <= 0) return; 2747 2748 width = availWidth; 2749 height = width * bookAspect; 2750 } else { 2751 // FULLSCREEN MODE â fit into viewport width and height 2752 var availWidth = $(window).width() - 24; 2753 var availHeight = $(window).height() - toolbarHeight - 24; 2754 if (availWidth <= 0 || availHeight <= 0) return; 2755 2756 var heightByWidth = availWidth * bookAspect; 2757 2758 if (heightByWidth <= availHeight) { 2759 width = availWidth; 2760 height = heightByWidth; 2761 } else { 2762 height = availHeight; 2763 width = availHeight / bookAspect; 2764 } 2765 } 2766 2767 if (turnReady) { 2768 $book.turn('size', width, height); 2769 } else { 2770 $book.css({ 2771 width: width + 'px', 2772 height: height + 'px' 2773 }); 2774 } 2775 } 2776 2777 function enterFullscreen() { 2778 if (isFullscreen) return; 2779 isFullscreen = true; 2780 2781 $placeholder = $('<div class="gs-flipbook-placeholder"></div>'); 2782 $root.after($placeholder); 2783 2784 $overlay = $('<div class="gs-flipbook-overlay"></div>').appendTo('body'); 2785 $root.appendTo($overlay); 2786 2787 resizeBook(); 2788 } 2789 2790 function exitFullscreen() { 2791 if (!isFullscreen) return; 2792 isFullscreen = false; 2793 2794 if ($placeholder && $placeholder.length) { 2795 $root.insertAfter($placeholder); 2796 $placeholder.remove(); 2797 $placeholder = null; 2798 } 2799 if ($overlay && $overlay.length) { 2800 $overlay.remove(); 2801 $overlay = null; 2802 } 2803 2804 resizeBook(); 2805 } 2806 2807 function toggleFullscreen() { 2808 if (isFullscreen) enterFullscreen(); else enterFullscreen(); 2809 } 2810 2811 function initTurn() { 2812 $book.turn({ 2813 display: "double", 2814 autoCenter: false, 2815 width: $book.width(), 2816 height: $book.height(), 2817 elevation: 20, 2818 gradients: true, 2819 cornerSize: 80, 2820 when: { 2821 turned: function () { 2822 updatePageInfo(); 2823 } 2824 } 2825 }); 2826 2827 turnReady = true; 2828 2829 // nav buttons 2830 $btnFirst.on('click', function(){ $book.turn('page', 1); }); 2831 $btnLast.on('click', function(){ $book.turn('page', $book.turn('pages')); }); 2832 $btnPrev.on('click', function(){ $book.turn('previous'); }); 2833 $btnNext.on('click', function(){ $book.turn('next'); }); 2834 2835 $root.find('.gs-flipbook-goto').on('click', function(){ 2836 var p = parseInt($pageInput.val(), 10); 2837 var max = $book.turn('pages'); 2838 if (!isNaN(p) && p >= 1 && p <= max) { 2839 $book.turn('page', p); 2840 } 2841 }); 2842 2843 // fullscreen button 2844 $btnFull.on('click', function () { 2845 if (isFullscreen) { 2846 exitFullscreen(); 2847 } else { 2848 enterFullscreen(); 2849 } 2850 }); 2851 2852 // ESC to exit fullscreen 2853 $(document).on('keydown.gsFlipbook', function (e) { 2854 if (e.key === 'Escape' && isFullscreen) { 2855 exitFullscreen(); 2856 } 2857 }); 2858 2859 // drag / swipe 2860 $book.on('mousedown touchstart', function (e) { 2861 dragStartX = getX(e); 2862 }); 2863 2864 $(document).on('mouseup touchend', function (e) { 2865 if (dragStartX === null) return; 2866 var endX = getX(e); 2867 var diff = endX - dragStartX; 2868 if (Math.abs(diff) > DRAG_THRESHOLD) { 2869 if (diff < 0) $book.turn('next'); 2870 else $book.turn('previous'); 2871 } 2872 dragStartX = null; 2873 }); 2874 2875 // resize on window change 2876 $(window).on('resize.gsFlipbook', function () { 2877 resizeBook(); 2878 }); 2879 2880 updatePageInfo(); 2881 $book.addClass('gs-ready'); 2882 } 2883 2884 // PDF rendering 2885 function renderPage(num) { 2886 return pdfDoc.getPage(num).then(function (page) { 2887 var viewport = page.getViewport({ scale: 1.4 }); 2888 var canvas = document.createElement("canvas"); 2889 var ctx = canvas.getContext("2d"); 2890 2891 canvas.width = viewport.width; 2892 canvas.height = viewport.height; 2893 2894 return page.render({ 2895 canvasContext: ctx, 2896 viewport: viewport 2897 }).promise.then(function () { 2898 var $page = $("<div/>", { "class": "page" }); 2899 $page.append(canvas); 2900 $book.append($page); 2901 }); 2902 }); 2903 } 2904 2905 function loadPDF() { 2906 pdfjsLib.getDocument(pdfUrl).promise 2907 .then(function (pdf) { 2908 pdfDoc = pdf; 2909 return pdf.getPage(1); 2910 }) 2911 .then(function (firstPage) { 2912 var vp = firstPage.getViewport({ scale: 1 }); 2913 pageAspect = vp.height / vp.width; 2914 2915 // initial sizing before turn.js 2916 resizeBook(); 2917 2918 var chain = Promise.resolve(); 2919 for (var i = 1; i <= pdfDoc.numPages; i++) { 2920 (function (pageNumber) { 2921 chain = chain.then(function () { 2922 return renderPage(pageNumber); 2923 }); 2924 })(i); 2925 } 2926 return chain.then(function () { 2927 initTurn(); 2928 resizeBook(); // make sure final size is correct 2929 }); 2930 }) 2931 .catch(function (err) { 2932 console.error('Error loading PDF:', err); 2933 }); 2934 } 2935 2936 loadPDF(); 2937 } 2938 2939 $(function () { 2940 $('.gs-flipbook').each(function () { 2941 initFlipbook($(this)); 2942 }); 2943 }); 2944 2945})(jQuery); 2946</script>
2946 2947
2947<script> 2948 (function () { 2949 const DOTLOTTIE_SCRIPT_URL = 'https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs'; 2950 let dotLottieLoader = null; 2951 2952 function normalizeSize(value) { 2953 if (value == null || value === '') return ''; 2954 return typeof value === 'number' ? value + 'px' : String(value); 2955 } 2956 2957 function parseBoolean(value, fallbackValue) { 2958 if (value == null || value === '') return fallbackValue; 2959 if (typeof value === 'boolean') return value; 2960 2961 return !['0', 'false', 'no', 'off'].includes(String(value).toLowerCase()); 2962 } 2963 2964 function loadDotLottiePlayer() { 2965 if (window.customElements && window.customElements.get('dotlottie-player')) { 2966 return Promise.resolve(); 2967 } 2968 2969 if (dotLottieLoader) return dotLottieLoader; 2970 2971 const existingScript = Array.from(document.scripts).find(function (script) { 2972 return script.src === DOTLOTTIE_SCRIPT_URL; 2973 }); 2974 2975 dotLottieLoader = new Promise(function (resolve, reject) { 2976 if (existingScript) { 2977 existingScript.addEventListener('load', function () { 2978 resolve(); 2979 }, { once: true }); 2980 2981 existingScript.addEventListener('error', function () { 2982 reject(new Error('Failed to load dotLottie player')); 2983 }, { once: true }); 2984 2985 if (window.customElements && window.customElements.get('dotlottie-player')) { 2986 resolve(); 2987 } 2988 2989 return; 2990 } 2991 2992 const script = document.createElement('script'); 2993 script.src = DOTLOTTIE_SCRIPT_URL; 2994 script.type = 'module'; 2995 script.dataset.gsDotlottiePlayer = 'true'; 2996 script.onload = function () { 2997 resolve(); 2998 }; 2999 script.onerror = function () { 3000 reject(new Error('Failed to load dotLottie player')); 3001 }; 3002 document.head.appendChild(script); 3003 }); 3004 3005 return dotLottieLoader; 3006 } 3007 3008 async function mountDotLottie(target, options) { 3009 const container = typeof target === 'string' ? document.querySelector(target) : target; 3010 3011 if (!container || !options || !options.src) return null; 3012 3013 const existingPlayer = container.querySelector('dotlottie-player[data-gs-dotlottie-managed="true"]'); 3014 if (existingPlayer && !options.force) return existingPlayer; 3015 3016 await loadDotLottiePlayer(); 3017 3018 if (options.force) { 3019 container.querySelectorAll('dotlottie-player[data-gs-dotlottie-managed="true"]').forEach(function (player) { 3020 player.remove(); 3021 }); 3022 } 3023 3024 const player = document.createElement('dotlottie-player'); 3025 player.dataset.gsDotlottieManaged = 'true'; 3026 player.setAttribute('src', options.src); 3027 player.setAttribute('background', options.background || 'transparent'); 3028 player.setAttribute('speed', options.speed != null ? String(options.speed) : '1'); 3029 player.setAttribute('direction', options.direction != null ? String(options.direction) : '1'); 3030 player.setAttribute('playmode', options.playMode || options.playmode || 'normal'); 3031 3032 if (parseBoolean(options.loop, true)) player.setAttribute('loop', ''); 3033 if (parseBoolean(options.autoplay, true)) player.setAttribute('autoplay', ''); 3034 if (options.className) player.className = options.className; 3035 3036 const width = normalizeSize(options.width); 3037 const height = normalizeSize(options.height); 3038 3039 if (width) player.style.width = width; 3040 if (height) player.style.height = height; 3041 3042 if (options.prepend) { 3043 container.prepend(player); 3044 } else { 3045 container.appendChild(player); 3046 } 3047 3048 return player; 3049 } 3050 3051 function initDotLottiePlaceholders(root) { 3052 const scope = root || document; 3053 const placeholders = scope.querySelectorAll('[data-dotlottie-src]'); 3054 3055 placeholders.forEach(function (placeholder) { 3056 if (placeholder.dataset.dotlottieMounted === 'true' || placeholder.dataset.dotlottieMounted === 'pending') { 3057 return; 3058 } 3059 3060 placeholder.dataset.dotlottieMounted = 'pending'; 3061 3062 mountDotLottie(placeholder, { 3063 src: placeholder.dataset.dotlottieSrc, 3064 width: placeholder.dataset.dotlottieWidth, 3065 height: placeholder.dataset.dotlottieHeight, 3066 speed: placeholder.dataset.dotlottieSpeed, 3067 direction: placeholder.dataset.dotlottieDirection,
3068 background: placeholder.dataset.dotlottieBackground, 3069 playMode: placeholder.dataset.dotlottiePlaymode, 3070 autoplay: placeholder.dataset.dotlottieAutoplay, 3071 loop: placeholder.dataset.dotlottieLoop, 3072 className: placeholder.dataset.dotlottieClass, 3073 prepend: parseBoolean(placeholder.dataset.dotlottiePrepend, false) 3074 }).then(function (player) { 3075 if (!player) { 3076 delete placeholder.dataset.dotlottieMounted; 3077 return; 3078 } 3079 3080 placeholder.dataset.dotlottieMounted = 'true'; 3081 }).catch(function (error) { 3082 delete placeholder.dataset.dotlottieMounted; 3083 console.error(error); 3084 }); 3085 }); 3086 } 3087 3088 function mountDotLottieBatch(items) { 3089 if (!Array.isArray(items)) return Promise.resolve([]); 3090 3091 return Promise.all(items.map(function (item) { 3092 if (Array.isArray(item)) { 3093 return mountDotLottie(item[0], Object.assign({}, item[2], { src: item[1] })); 3094 } 3095 3096 if (!item) return Promise.resolve(null); 3097 3098 return mountDotLottie(item.target || item.selector || item.el || item.element, item); 3099 })); 3100 } 3101 3102 window.loadDotLottiePlayer = loadDotLottiePlayer; 3103 window.mountDotLottie = mountDotLottie; 3104 window.mountDotLottieBatch = mountDotLottieBatch; 3105 window.initDotLottiePlaceholders = initDotLottiePlaceholders; 3106 3107 if (document.readyState === 'loading') { 3108 document.addEventListener('DOMContentLoaded', function () { 3109 initDotLottiePlaceholders(); 3110 }); 3111 } else { 3112 initDotLottiePlaceholders(); 3113 } 3114 })(); 3115 </script>
3115 3116
3116<script> 3117 3118 3119 3120document.querySelectorAll('.dropdown-toggle').forEach(link => { 3121 link.addEventListener('click', function (e) { 3122 const href = this.getAttribute('href'); 3123 if (href && href !== '#') { 3124 window.location.href = href; 3125 } 3126 }); 3127}); 3128 3129 3130 3131$(function () { 3132 if ( 3133 $('.nav-item-z1hrpdjef').hasClass('active') && 3134 $('.nav-item-g8y5up05d').hasClass('active') 3135 ) { 3136 $('.nav-item-z1hrpdjef').removeClass('active'); 3137 } 3138});</script>
3138 3139
3139<script> 3140 document.addEventListener('shown.bs.modal', (e) => { 3141 // Find all Swiper instances inside this modal 3142 const swipers = e.target.querySelectorAll('.swiper'); 3143 swipers.forEach(swEl => { 3144 const swiper = swEl.swiper; 3145 if (swiper) { 3146 // Delay update slightly to allow Bootstrap transition to finish paint 3147 setTimeout(() => { 3148 swiper.updateSize(); 3149 swiper.updateSlides(); 3150 swiper.updateProgress(); 3151 swiper.updateSlidesClasses(); 3152 swiper.slideTo(swiper.activeIndex, 0, false); 3153 }, 150); 3154 } 3155 }); 3156 }); 3157 </script>
3157 3158
3158<script> 3159 document.getElementById('q-minus').addEventListener('click', function () { 3160 var input = document.getElementById('quantity-input'); 3161 var value = parseInt(input.value, 10); 3162 3163 if (value > 1) { 3164 input.value = value - 1; 3165 new_value = value - 1; 3166 // update quantity 3167 $("#modern-add2cart-btn").attr("data-ct-quantity", new_value); 3168 } 3169 3170 }); 3171 3172 document.getElementById('q-plus').addEventListener('click', function () { 3173 var input = document.getElementById('quantity-input'); 3174 var value = parseInt(input.value, 10); 3175 var max = parseInt(input.getAttribute('max'), 10); 3176 3177 if (value < max) { 3178 input.value = value + 1; 3179 3180 new_value = value + 1; 3181 // update quantity 3182 $("#modern-add2cart-btn").attr("data-ct-quantity", new_value); 3183 } 3184 }); 3185 $('#modern-add2cart-btn').click(function(){ 3186 var product_id = $(this).attr("data-ct-id"); 3187 var product_img = $(this).attr("data-ct-img"); 3188 var title = $(this).attr("data-ct-name"); 3189 var price = $(this).attr("data-ct-price"); 3190 var quantity = $(this).attr("data-ct-quantity"); 3191 var avaliable = $(this).attr("data-ct-avaliable"); 3192 var is_bundle = $(this).attr("data-bundle-id"); 3193 var is_type = $(this).attr("data-ct-type"); 3194 3195 var button = $(this); 3196 3197 $.ajax({ 3198 url: "https://micc.mn/cart/addcartajax", 3199 dataType:"html", 3200 data: { "product_id": product_id, "product_img": product_img, "title": title, "price": price, "quantity": quantity, "is_bundle": is_bundle , "is_type": is_type }, 3201 3202 beforeSend: function() { 3203 button.empty(); 3204 button.append('<i class="bi bi-cart-fill ms-n1"></i>СагÑанд нÑмж байна...'); 3205 //$(".cart-popupstyle-price-box").addClass("btn-loading"); 3206 }, 3207 type: "post", 3208 success: function(data){ 3209 button.empty(); 3210 button.append('<i class="bi bi-cart-fill ms-n1"></i>ÐмжилÑÑай'); 3211 3212 //$(".cart-popupstyle-price-box").removeClass("btn-loading"); 3213 3214 var obj = jQuery.parseJSON( data ); 3215 var carts_count = obj.items; 3216 $(".cart-popupstyle-carts-count").empty(); 3217 $(".cart-popupstyle-carts-count").append(carts_count); 3218 $(".carts-item-count").empty(); 3219 $(".carts-item-count").append(carts_count); 3220 3221 var total_price = obj.total_price; 3222 $(".cart-popupstyle-price-box").empty(); 3223 $('.cart-popupstyle-price-box').append(new Intl.NumberFormat('ja-JP').format(total_price)); 3224 $('.cart-popupstyle-price-box').append('â®'); 3225 3226 } 3227 }); 3228 3229 3230 3231 }); 3232 </script>
3232 3233
3233<script> 3234 document.addEventListener("DOMContentLoaded", function () { 3235 document.querySelectorAll(".typography iframe").forEach(function (iframe) { 3236 const src = (iframe.getAttribute("src") || "").trim().toLowerCase(); 3237 console.log("Checking iframe:", src); 3238 3239 // Remove width and height attributes 3240 iframe.removeAttribute("width"); 3241 iframe.removeAttribute("height"); 3242 3243 // Remove inline width/height styles 3244 const style = iframe.getAttribute("style"); 3245 if (style) { 3246 const cleanedStyle = style 3247 .split(";") 3248 .map(rule => rule.trim()) 3249 .filter(rule => { 3250 const lower = rule.toLowerCase(); 3251 return lower && !lower.startsWith("width:") && !lower.startsWith("height:"); 3252 }) 3253 .join("; "); 3254 if (cleanedStyle) { 3255 iframe.setAttribute("style", cleanedStyle); 3256 } else { 3257 iframe.removeAttribute("style"); 3258 } 3259 } 3260 3261 // Decide which wrapper to use 3262 let wrapperClass = null; 3263 3264 if (src.endsWith(".pdf")) { 3265 wrapperClass = "iframe-pdf ratio ratio-1x1"; 3266 } else if (src.includes("google.com/maps") || src.includes("maps.google.com/maps")) { 3267 wrapperClass = "iframe-map ratio ratio-21x9"; 3268 } else if (src.includes("youtube.com/embed") || src.includes("youtu.be/")) { 3269 wrapperClass = "iframe-youtube ratio ratio-16x9"; 3270 } 3271 3272 // Wrap if needed 3273 if (wrapperClass) { 3274 console.log("Wrapping with:", wrapperClass); 3275 const wrapper = document.createElement("div"); 3276 wrapper.className = wrapperClass; 3277 3278 // Only wrap if not already wrapped 3279 const parent = iframe.parentElement; 3280 if (!parent.classList.contains("iframe-pdf") && !parent.classList.contains("iframe-map")) { 3281 parent.insertBefore(wrapper, iframe); 3282 wrapper.appendChild(iframe); 3283 } else { 3284 console.log("Already wrapped, skipping"); 3285 } 3286 } 3287}); 3288}); 3289 </script>
3289 3290
3290<script> 3291 $(".typography table").wrap("<div class='table-wrap' style='overflow-x:auto;padding:1px;margin:-1px;'></div>"); 3292 </script>
3292 3293
3293<script> 3294 $(function() { 3295 $("#loan-start-date").datepicker({ 3296 dateFormat: "yy.mm.dd", 3297 changeMonth: true, 3298 changeYear: true, 3299 showOtherMonths: true, 3300 selectOtherMonths: true 3301 }); 3302 }); 3303 </script>
3303 3304 3305 3306 3307 </body> 3308</html> 3309 3310 3311
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.