1<!DOCTYPE html> 2<html lang="en" class="ui-toolkit"> 3<head> 4 <title>HobbyLancer - Earn while you enjoy doing your hobby</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="description" content="This is a website where hobbyists meet freelancing. This site give hobbyists an opportunity to earn money/benefits for doing what they love to do."> 8 <meta name="keywords" content="hobby, earning, painting, adventure, travel, learn hobby"> 9 <meta name="author" content="HobbyLancer"> 10 <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100" rel="stylesheet"> 11 12 <!--- all csss -----------> 13 <style> 14 /*! 15 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com) 16 * Copyright 2011-2017 The Bootstrap Authors 17 * Copyright 2011-2017 Twitter, Inc. 18 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 19 */ 20:root { 21 --blue: #007bff; 22 --indigo: #6610f2; 23 --purple: #6f42c1; 24 --pink: #e83e8c; 25 --red: #dc3545; 26 --orange: #fd7e14; 27 --yellow: #ffc107; 28 --green: #28a745; 29 --teal: #20c997; 30 --cyan: #17a2b8; 31 --white: #fff; 32 --gray: #868e96; 33 --gray-dark: #343a40; 34 --primary: #007bff; 35 --secondary: #868e96; 36 --success: #28a745; 37 --info: #17a2b8; 38 --warning: #ffc107; 39 --danger: #dc3545; 40 --light: #f8f9fa; 41 --dark: #343a40; 42 --breakpoint-xs: 0; 43 --breakpoint-sm: 576px; 44 --breakpoint-md: 768px; 45 --breakpoint-lg: 992px; 46 --breakpoint-xl: 1200px; 47 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 48 --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 49} 50 51@media print { 52 *, 53 *::before, 54 *::after { 55 text-shadow: none !important; 56 box-shadow: none !important; 57 } 58 a, 59 a:visited { 60 text-decoration: underline; 61 } 62 abbr[title]::after { 63 content: " (" attr(title) ")"; 64 } 65 pre { 66 white-space: pre-wrap !important; 67 } 68 pre, 69 blockquote { 70 border: 1px solid #999; 71 page-break-inside: avoid; 72 } 73 thead { 74 display: table-header-group; 75 } 76 tr, 77 img { 78 page-break-inside: avoid; 79 } 80 p, 81 h2, 82 h3 { 83 orphans: 3; 84 widows: 3; 85 } 86 h2, 87 h3 { 88 page-break-after: avoid; 89 } 90 .navbar { 91 display: none; 92 } 93 .badge { 94 border: 1px solid #000; 95 } 96 .table { 97 border-collapse: collapse !important; 98 } 99 .table td, 100 .table th { 101 background-color: #fff !important; 102 } 103 .table-bordered th, 104 .table-bordered td { 105 border: 1px solid #ddd !important; 106 } 107} 108 109*, 110*::before, 111*::after { 112 box-sizing: border-box; 113} 114 115html { 116 font-family: sans-serif; 117 line-height: 1.15; 118 -webkit-text-size-adjust: 100%; 119 -ms-text-size-adjust: 100%; 120 -ms-overflow-style: scrollbar; 121 -webkit-tap-highlight-color: transparent; 122} 123 124@-ms-viewport { 125 width: device-width; 126} 127 128article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { 129 display: block; 130} 131 132body { 133 margin: 0; 134 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 135 font-size: 1rem; 136 font-weight: 400; 137 line-height: 1.5; 138 color: #212529; 139 text-align: left; 140 background-color: #fff; 141} 142 143[tabindex="-1"]:focus { 144 outline: none !important; 145} 146 147hr { 148 box-sizing: content-box; 149 height: 0; 150 overflow: visible; 151} 152 153h1, h2, h3, h4, h5, h6 { 154 margin-top: 0; 155 margin-bottom: 0.5rem; 156} 157 158p { 159 margin-top: 0; 160 margin-bottom: 1rem; 161} 162 163abbr[title], 164abbr[data-original-title] { 165 text-decoration: underline; 166 -webkit-text-decoration: underline dotted; 167 text-decoration: underline dotted; 168 cursor: help; 169 border-bottom: 0; 170} 171 172address { 173 margin-bottom: 1rem; 174 font-style: normal; 175 line-height: inherit; 176} 177 178ol, 179ul, 180dl { 181 margin-top: 0; 182 margin-bottom: 1rem; 183} 184 185ol ol, 186ul ul, 187ol ul, 188ul ol { 189 margin-bottom: 0; 190} 191 192dt { 193 font-weight: 700; 194} 195 196dd { 197 margin-bottom: .5rem; 198 margin-left: 0; 199} 200 201blockquote { 202 margin: 0 0 1rem; 203} 204 205dfn { 206 font-style: italic; 207} 208 209b, 210strong { 211 font-weight: bolder; 212} 213 214small { 215 font-size: 80%; 216} 217 218sub, 219sup { 220 position: relative; 221 font-size: 75%; 222 line-height: 0; 223 vertical-align: baseline; 224} 225 226sub { 227 bottom: -.25em; 228} 229 230sup { 231 top: -.5em; 232} 233 234a { 235 color: black; 236 text-decoration: none; 237 background-color: transparent; 238 -webkit-text-decoration-skip: objects; 239} 240 241a:hover {
242 color: #0056b3; 243 text-decoration: underline; 244} 245 246a:not([href]):not([tabindex]) { 247 color: inherit; 248 text-decoration: none; 249} 250 251a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { 252 color: inherit; 253 text-decoration: none; 254} 255 256a:not([href]):not([tabindex]):focus { 257 outline: 0; 258} 259 260pre, 261code, 262kbd, 263samp { 264 font-family: monospace, monospace; 265 font-size: 1em; 266} 267 268pre { 269 margin-top: 0; 270 margin-bottom: 1rem; 271 overflow: auto; 272 -ms-overflow-style: scrollbar; 273} 274 275figure { 276 margin: 0 0 1rem; 277} 278 279img { 280 vertical-align: middle; 281 border-style: none; 282} 283 284svg:not(:root) { 285 overflow: hidden; 286} 287 288a, 289area, 290button, 291[role="button"], 292input:not([type="range"]), 293label, 294select, 295summary, 296textarea { 297 -ms-touch-action: manipulation; 298 touch-action: manipulation; 299} 300 301table { 302 border-collapse: collapse; 303} 304 305caption { 306 padding-top: 0.75rem; 307 padding-bottom: 0.75rem; 308 color: #868e96; 309 text-align: left; 310 caption-side: bottom; 311} 312 313th { 314 text-align: inherit; 315} 316 317label { 318 display: inline-block; 319 margin-bottom: .5rem; 320} 321 322button { 323 border-radius: 0; 324} 325 326button:focus { 327 outline: 1px dotted; 328 outline: 5px auto -webkit-focus-ring-color; 329} 330 331input, 332button, 333select, 334optgroup, 335textarea { 336 margin: 0; 337 font-family: inherit; 338 font-size: inherit; 339 line-height: inherit; 340} 341 342button, 343input { 344 overflow: visible; 345} 346 347button, 348select { 349 text-transform: none; 350} 351 352button, 353html [type="button"], 354[type="reset"], 355[type="submit"] { 356 -webkit-appearance: button; 357} 358 359button::-moz-focus-inner, 360[type="button"]::-moz-focus-inner, 361[type="reset"]::-moz-focus-inner, 362[type="submit"]::-moz-focus-inner { 363 padding: 0; 364 border-style: none; 365} 366 367input[type="radio"], 368input[type="checkbox"] { 369 box-sizing: border-box; 370 padding: 0; 371} 372 373input[type="date"], 374input[type="time"], 375input[type="datetime-local"], 376input[type="month"] { 377 -webkit-appearance: listbox; 378} 379 380textarea { 381 overflow: auto; 382 resize: vertical; 383} 384 385fieldset { 386 min-width: 0; 387 padding: 0; 388 margin: 0; 389 border: 0; 390} 391 392legend { 393 display: block; 394 width: 100%; 395 max-width: 100%; 396 padding: 0; 397 margin-bottom: .5rem; 398 font-size: 1.5rem; 399 line-height: inherit; 400 color: inherit; 401 white-space: normal; 402} 403 404progress { 405 vertical-align: baseline; 406} 407 408[type="number"]::-webkit-inner-spin-button, 409[type="number"]::-webkit-outer-spin-button { 410 height: auto; 411} 412 413[type="search"] { 414 outline-offset: -2px; 415 -webkit-appearance: none; 416} 417 418[type="search"]::-webkit-search-cancel-button, 419[type="search"]::-webkit-search-decoration { 420 -webkit-appearance: none; 421} 422 423::-webkit-file-upload-button { 424 font: inherit; 425 -webkit-appearance: button; 426} 427 428output { 429 display: inline-block; 430} 431 432summary { 433 display: list-item; 434} 435 436template { 437 display: none; 438} 439 440[hidden] { 441 display: none !important; 442} 443 444h1, h2, h3, h4, h5, h6, 445.h1, .h2, .h3, .h4, .h5, .h6 { 446 margin-bottom: 0.5rem; 447 font-family: inherit; 448 font-weight: 500; 449 line-height: 1.2; 450 color: inherit; 451} 452 453h1, .h1 { 454 font-size: 2.5rem; 455} 456 457h2, .h2 { 458 font-size: 2rem; 459} 460 461h3, .h3 { 462 font-size: 1.75rem; 463} 464 465h4, .h4 { 466 font-size: 1.5rem; 467} 468 469h5, .h5 { 470 font-size: 1.25rem; 471} 472 473h6, .h6 { 474 font-size: 1rem; 475} 476 477.lead { 478 font-size: 1.25rem; 479 font-weight: 300; 480} 481 482.display-1 { 483 font-size: 6rem; 484 font-weight: 300; 485 line-height: 1.2; 486} 487 488.display-2 { 489 font-size: 5.5rem; 490 font-weight: 300; 491 line-height: 1.2; 492} 493 494.display-3 { 495 font-size: 4.5rem; 496 font-weight: 300; 497 line-height: 1.2; 498} 499 500.display-4 { 501 font-size: 3.5rem; 502 font-weight: 300; 503 line-height: 1.2; 504} 505 506hr { 507 margin-top: 1rem; 508 margin-bottom: 1rem; 509 border: 0; 510 border-top: 1px solid rgba(0, 0, 0, 0.1); 511} 512 513small, 514.small { 515 font-size: 80%; 516 font-weight: 400; 517} 518 519mark, 520.mark { 521 padding: 0.2em; 522 background-color: #fcf8e3; 523} 524 525.list-unstyled { 526 padding-left: 0; 527 list-style: none; 528} 529 530.list-inline { 531 padding-left: 0; 532 list-style: none; 533} 534 535.list-inline-item { 536 display: inline-block; 537} 538 539.list-inline-item:not(:last-child) { 540 margin-right: 5px; 541} 542 543.initialism { 544 font-size: 90%; 545 text-transform: uppercase; 546} 547 548.blockquote { 549 margin-bottom: 1rem; 550 font-size: 1.25rem; 551} 552 553.blockquote-footer { 554 display: block; 555 font-size: 80%; 556 color: #868e96; 557} 558 559.blockquote-footer::before { 560 content: "\2014 \00A0"; 561} 562 563.img-fluid { 564 max-width: 100%; 565 height: auto; 566} 567 568.img-thumbnail { 569 padding: 0.25rem; 570 background-color: #fff; 571 border: 1px solid #ddd; 572 border-radius: 0.25rem; 573 transition: all 0.2s ease-in-out; 574 max-width: 100%; 575 height: auto; 576} 577 578.figure {
579 display: inline-block; 580} 581 582.figure-img { 583 margin-bottom: 0.5rem; 584 line-height: 1; 585} 586 587.figure-caption { 588 font-size: 90%; 589 color: #868e96; 590} 591 592code, 593kbd, 594pre, 595samp { 596 font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 597} 598 599code { 600 padding: 0.2rem 0.4rem; 601 font-size: 90%; 602 color: #bd4147; 603 background-color: #f8f9fa; 604 border-radius: 0.25rem; 605} 606 607a > code { 608 padding: 0; 609 color: inherit; 610 background-color: inherit; 611} 612 613kbd { 614 padding: 0.2rem 0.4rem; 615 font-size: 90%; 616 color: #fff; 617 background-color: #212529; 618 border-radius: 0.2rem; 619} 620 621kbd kbd { 622 padding: 0; 623 font-size: 100%; 624 font-weight: 700; 625} 626 627pre { 628 display: block; 629 margin-top: 0; 630 margin-bottom: 1rem; 631 font-size: 90%; 632 color: #212529; 633} 634 635pre code { 636 padding: 0; 637 font-size: inherit; 638 color: inherit; 639 background-color: transparent; 640 border-radius: 0; 641} 642 643.pre-scrollable { 644 max-height: 340px; 645 overflow-y: scroll; 646} 647 648.container { 649 width: 100%; 650 padding-right: 15px; 651 padding-left: 15px; 652 margin-right: auto; 653 margin-left: auto; 654} 655 656@media (min-width: 576px) { 657 .container { 658 max-width: 540px; 659 } 660} 661 662@media (min-width: 768px) { 663 .container { 664 max-width: 720px; 665 } 666} 667 668@media (min-width: 992px) { 669 .container { 670/* max-width: 960px;*/ 671 max-width: 1200px !important; 672 } 673} 674 675@media (min-width: 1200px) { 676 .container { 677 /*max-width: 1140px;*/ 678 /*max-width: 1200px !important;*/ 679 max-width: 1310px !important; 680 } 681} 682 683.container-fluid { 684 width: 100%; 685 padding-right: 19px; 686 padding-left: 19px; 687 margin-right: auto; 688 margin-left: auto; 689} 690 691.row { 692 display: -ms-flexbox; 693 display: flex; 694 -ms-flex-wrap: wrap; 695 flex-wrap: wrap; 696 margin-right: -15px; 697 margin-left: -15px; 698} 699 700.no-gutters { 701 margin-right: 0; 702 margin-left: 0; 703} 704 705.no-gutters > .col, 706.no-gutters > [class*="col-"] { 707 padding-right: 0; 708 padding-left: 0; 709} 710 711.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, 712.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, 713.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, 714.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, 715.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, 716.col-xl-auto { 717 position: relative; 718 width: 100%; 719 min-height: 1px; 720 padding-right: 15px; 721 padding-left: 15px; 722} 723 724.col { 725 -ms-flex-preferred-size: 0; 726 flex-basis: 0; 727 -ms-flex-positive: 1; 728 flex-grow: 1; 729 max-width: 100%; 730} 731 732.col-auto { 733 -ms-flex: 0 0 auto; 734 flex: 0 0 auto; 735 width: auto; 736 max-width: none; 737} 738 739.col-1 { 740 -ms-flex: 0 0 8.333333%; 741 flex: 0 0 8.333333%; 742 max-width: 8.333333%; 743} 744 745.col-2 { 746 -ms-flex: 0 0 16.666667%; 747 flex: 0 0 16.666667%; 748 max-width: 16.666667%; 749} 750 751.col-3 { 752 -ms-flex: 0 0 25%; 753 flex: 0 0 25%; 754 max-width: 25%; 755} 756 757.col-4 { 758 -ms-flex: 0 0 33.333333%; 759 flex: 0 0 33.333333%; 760 max-width: 33.333333%; 761} 762 763.col-5 { 764 -ms-flex: 0 0 41.666667%; 765 flex: 0 0 41.666667%; 766 max-width: 41.666667%; 767} 768 769.col-6 { 770 -ms-flex: 0 0 50%; 771 flex: 0 0 50%; 772 max-width: 50%; 773} 774 775.col-7 { 776 -ms-flex: 0 0 58.333333%; 777 flex: 0 0 58.333333%; 778 max-width: 58.333333%; 779} 780 781.col-8 { 782 -ms-flex: 0 0 66.666667%; 783 flex: 0 0 66.666667%; 784 max-width: 66.666667%; 785} 786 787.col-9 { 788 -ms-flex: 0 0 75%; 789 flex: 0 0 75%; 790 max-width: 75%; 791} 792 793.col-10 { 794 -ms-flex: 0 0 83.333333%; 795 flex: 0 0 83.333333%; 796 max-width: 83.333333%; 797} 798 799.col-11 { 800 -ms-flex: 0 0 91.666667%; 801 flex: 0 0 91.666667%; 802 max-width: 91.666667%; 803} 804 805.col-12 { 806 -ms-flex: 0 0 100%; 807 flex: 0 0 100%; 808 max-width: 100%; 809} 810 811.order-first { 812 -ms-flex-order: -1; 813 order: -1; 814} 815 816.order-1 { 817 -ms-flex-order: 1; 818 order: 1; 819} 820 821.order-2 { 822 -ms-flex-order: 2; 823 order: 2; 824} 825 826.order-3 { 827 -ms-flex-order: 3; 828 order: 3; 829} 830 831.order-4 { 832 -ms-flex-order: 4; 833 order: 4; 834} 835 836.order-5 { 837 -ms-flex-order: 5; 838 order: 5; 839} 840 841.order-6 { 842 -ms-flex-order: 6; 843 order: 6; 844} 845 846.order-7 { 847 -ms-flex-order: 7; 848 order: 7; 849} 850 851.order-8 { 852 -ms-flex-order: 8; 853 order: 8; 854} 855 856.order-9 { 857 -ms-flex-order: 9; 858 order: 9; 859} 860 861.order-10 { 862 -ms-flex-order: 10; 863 order: 10; 864} 865 866.order-11 { 867 -ms-flex-order: 11; 868 order: 11; 869} 870 871.order-12 { 872 -ms-flex-order: 12; 873 order: 12; 874} 875 876.offset-1 { 877 margin-left: 8.333333%; 878} 879 880.offset-2 { 881 margin-left: 16.666667%; 882} 883 884.offset-3 { 885 margin-left: 25%; 886} 887 888.offset-4 { 889 margin-left: 33.333333%; 890} 891 892.offset-5 { 893 margin-left: 41.666667%; 894} 895 896.offset-6 { 897 margin-left: 50%; 898} 899 900.offset-7 { 901 margin-left: 58.333333%; 902} 903 904.offset-8 { 905 margin-left: 66.666667%; 906} 907 908.offset-9 { 909 margin-left: 75%; 910} 911 912.offset-10 { 913 margin-left: 83.333333%; 914} 915 916.offset-11 { 917 margin-left: 91.666667%; 918} 919 920 921@media (max-width: 768px) { 922 923.order-sm-first { 924 -ms-flex-order: -1; 925 order: -1; 926 } 927 .order-sm-1 { 928 -ms-flex-order: 1; 929 order: 1; 930 } 931 .order-sm-2 { 932 -ms-flex-order: 2; 933 order: 2; 934 } 935 .order-sm-3 { 936 -ms-flex-order: 3; 937 order: 3; 938 } 939 .order-sm-4 { 940 -ms-flex-order: 4; 941 order: 4; 942 } 943 .order-sm-5 { 944 -ms-flex-order: 5; 945 order: 5; 946 } 947 .order-sm-6 { 948 -ms-flex-order: 6; 949 order: 6; 950 } 951 .order-sm-7 { 952 -ms-flex-order: 7; 953 order: 7; 954 } 955 .order-sm-8 { 956 -ms-flex-order: 8; 957 order: 8; 958 } 959 .order-sm-9 { 960 -ms-flex-order: 9; 961 order: 9; 962 } 963 .order-sm-10 { 964 -ms-flex-order: 10; 965 order: 10; 966 } 967 .order-sm-11 { 968 -ms-flex-order: 11; 969 order: 11; 970 } 971 .order-sm-12 { 972 -ms-flex-order: 12; 973 order: 12; 974 } 975 976} 977 978 979@media (min-width: 576px) { 980 .col-sm { 981 -ms-flex-preferred-size: 0; 982 flex-basis: 0; 983 -ms-flex-positive: 1; 984 flex-grow: 1; 985 max-width: 100%; 986 } 987 .col-sm-auto { 988 -ms-flex: 0 0 auto; 989 flex: 0 0 auto; 990 width: auto; 991 max-width: none; 992 } 993 .col-sm-1 { 994 -ms-flex: 0 0 8.333333%; 995 flex: 0 0 8.333333%; 996 max-width: 8.333333%; 997 } 998 .col-sm-2 { 999 -ms-flex: 0 0 16.666667%; 1000 flex: 0 0 16.666667%; 1001 max-width: 16.666667%; 1002 } 1003 .col-sm-3 { 1004 -ms-flex: 0 0 25%; 1005 flex: 0 0 25%; 1006 max-width: 25%; 1007 } 1008 .col-sm-4 { 1009 -ms-flex: 0 0 33.333333%; 1010 flex: 0 0 33.333333%; 1011 max-width: 33.333333%; 1012 } 1013 .col-sm-5 { 1014 -ms-flex: 0 0 41.666667%; 1015 flex: 0 0 41.666667%; 1016 max-width: 41.666667%; 1017 } 1018 .col-sm-6 { 1019 -ms-flex: 0 0 50%; 1020 flex: 0 0 50%; 1021 max-width: 50%; 1022 } 1023 .col-sm-7 { 1024 -ms-flex: 0 0 58.333333%; 1025 flex: 0 0 58.333333%; 1026 max-width: 58.333333%; 1027 } 1028 .col-sm-8 { 1029 -ms-flex: 0 0 66.666667%; 1030 flex: 0 0 66.666667%; 1031 max-width: 66.666667%; 1032 } 1033 .col-sm-9 { 1034 -ms-flex: 0 0 75%; 1035 flex: 0 0 75%; 1036 max-width: 75%; 1037 } 1038 .col-sm-10 { 1039 -ms-flex: 0 0 83.333333%; 1040 flex: 0 0 83.333333%; 1041 max-width: 83.333333%; 1042 } 1043 .col-sm-11 { 1044 -ms-flex: 0 0 91.666667%; 1045 flex: 0 0 91.666667%; 1046 max-width: 91.666667%; 1047 } 1048 .col-sm-12 { 1049 -ms-flex: 0 0 100%; 1050 flex: 0 0 100%; 1051 max-width: 100%; 1052 } 1053 .offset-sm-0 { 1054 margin-left: 0; 1055 } 1056 .offset-sm-1 { 1057 margin-left: 8.333333%; 1058 } 1059 .offset-sm-2 { 1060 margin-left: 16.666667%; 1061 } 1062 .offset-sm-3 { 1063 margin-left: 25%; 1064 } 1065 .offset-sm-4 { 1066 margin-left: 33.333333%; 1067 } 1068 .offset-sm-5 { 1069 margin-left: 41.666667%; 1070 } 1071 .offset-sm-6 { 1072 margin-left: 50%; 1073 } 1074 .offset-sm-7 { 1075 margin-left: 58.333333%; 1076 } 1077 .offset-sm-8 { 1078 margin-left: 66.666667%; 1079 } 1080 .offset-sm-9 { 1081 margin-left: 75%; 1082 } 1083 .offset-sm-10 { 1084 margin-left: 83.333333%; 1085 } 1086 .offset-sm-11 { 1087 margin-left: 91.666667%; 1088 } 1089} 1090 1091@media (min-width: 768px) { 1092 .col-md { 1093 -ms-flex-preferred-size: 0; 1094 flex-basis: 0; 1095 -ms-flex-positive: 1; 1096 flex-grow: 1; 1097 max-width: 100%; 1098 } 1099 .col-md-auto { 1100 -ms-flex: 0 0 auto; 1101 flex: 0 0 auto; 1102 width: auto; 1103 max-width: none; 1104 } 1105 .col-md-1 { 1106 -ms-flex: 0 0 8.333333%; 1107 flex: 0 0 8.333333%; 1108 max-width: 8.333333%; 1109 } 1110 .col-md-2 { 1111 -ms-flex: 0 0 16.666667%; 1112 flex: 0 0 16.666667%; 1113 max-width: 16.666667%; 1114 } 1115 .col-md-3 { 1116 -ms-flex: 0 0 25%; 1117 flex: 0 0 25%; 1118 max-width: 25%; 1119 } 1120 .col-md-4 { 1121 -ms-flex: 0 0 33.333333%; 1122 flex: 0 0 33.333333%; 1123 max-width: 33.333333%; 1124 } 1125 .col-md-5 { 1126 -ms-flex: 0 0 41.666667%; 1127 flex: 0 0 41.666667%; 1128 max-width: 41.666667%; 1129 } 1130 .col-md-6 { 1131 -ms-flex: 0 0 50%; 1132 flex: 0 0 50%; 1133 max-width: 50%; 1134 } 1135 .col-md-7 { 1136 -ms-flex: 0 0 58.333333%; 1137 flex: 0 0 58.333333%; 1138 max-width: 58.333333%; 1139 } 1140 .col-md-8 { 1141 -ms-flex: 0 0 66.666667%; 1142 flex: 0 0 66.666667%; 1143 max-width: 66.666667%; 1144 } 1145 .col-md-9 { 1146 -ms-flex: 0 0 75%; 1147 flex: 0 0 75%; 1148 max-width: 75%; 1149 } 1150 .col-md-10 { 1151 -ms-flex: 0 0 83.333333%; 1152 flex: 0 0 83.333333%; 1153 max-width: 83.333333%; 1154 } 1155 .col-md-11 { 1156 -ms-flex: 0 0 91.666667%; 1157 flex: 0 0 91.666667%; 1158 max-width: 91.666667%; 1159 } 1160 .col-md-12 { 1161 -ms-flex: 0 0 100%; 1162 flex: 0 0 100%; 1163 max-width: 100%; 1164 } 1165 .order-md-first { 1166 -ms-flex-order: -1; 1167 order: -1; 1168 } 1169 .order-md-1 { 1170 -ms-flex-order: 1; 1171 order: 1; 1172 } 1173 .order-md-2 { 1174 -ms-flex-order: 2; 1175 order: 2; 1176 } 1177 .order-md-3 { 1178 -ms-flex-order: 3; 1179 order: 3; 1180 } 1181 .order-md-4 { 1182 -ms-flex-order: 4; 1183 order: 4; 1184 } 1185 .order-md-5 { 1186 -ms-flex-order: 5; 1187 order: 5; 1188 } 1189 .order-md-6 { 1190 -ms-flex-order: 6; 1191 order: 6; 1192 } 1193 .order-md-7 { 1194 -ms-flex-order: 7; 1195 order: 7; 1196 } 1197 .order-md-8 { 1198 -ms-flex-order: 8; 1199 order: 8; 1200 } 1201 .order-md-9 { 1202 -ms-flex-order: 9; 1203 order: 9; 1204 } 1205 .order-md-10 { 1206 -ms-flex-order: 10; 1207 order: 10; 1208 } 1209 .order-md-11 { 1210 -ms-flex-order: 11; 1211 order: 11; 1212 } 1213 .order-md-12 { 1214 -ms-flex-order: 12; 1215 order: 12; 1216 } 1217 .offset-md-0 { 1218 margin-left: 0; 1219 } 1220 .offset-md-1 { 1221 margin-left: 8.333333%; 1222 } 1223 .offset-md-2 { 1224 margin-left: 16.666667%; 1225 } 1226 .offset-md-3 { 1227 margin-left: 25%; 1228 } 1229 .offset-md-4 { 1230 margin-left: 33.333333%; 1231 } 1232 .offset-md-5 { 1233 margin-left: 41.666667%; 1234 } 1235 .offset-md-6 { 1236 margin-left: 50%; 1237 } 1238 .offset-md-7 { 1239 margin-left: 58.333333%; 1240 } 1241 .offset-md-8 { 1242 margin-left: 66.666667%; 1243 } 1244 .offset-md-9 { 1245 margin-left: 75%; 1246 } 1247 .offset-md-10 { 1248 margin-left: 83.333333%; 1249 } 1250 .offset-md-11 { 1251 margin-left: 91.666667%; 1252 } 1253} 1254 1255@media (min-width: 992px) { 1256 .col-lg { 1257 -ms-flex-preferred-size: 0; 1258 flex-basis: 0; 1259 -ms-flex-positive: 1; 1260 flex-grow: 1; 1261 max-width: 100%; 1262 } 1263 .col-lg-auto { 1264 -ms-flex: 0 0 auto; 1265 flex: 0 0 auto; 1266 width: auto; 1267 max-width: none; 1268 } 1269 .col-lg-1 { 1270 -ms-flex: 0 0 8.333333%; 1271 flex: 0 0 8.333333%; 1272 max-width: 8.333333%; 1273 } 1274 .col-lg-2 { 1275 -ms-flex: 0 0 16.666667%; 1276 flex: 0 0 16.666667%; 1277 max-width: 16.666667%; 1278 } 1279 .col-lg-3 { 1280 -ms-flex: 0 0 25%; 1281 flex: 0 0 25%; 1282 max-width: 25%; 1283 } 1284 .col-lg-4 { 1285 -ms-flex: 0 0 33.333333%; 1286 flex: 0 0 33.333333%; 1287 max-width: 33.333333%; 1288 } 1289 .col-lg-5 { 1290 -ms-flex: 0 0 41.666667%; 1291 flex: 0 0 41.666667%; 1292 max-width: 41.666667%; 1293 } 1294 .col-lg-6 { 1295 -ms-flex: 0 0 50%; 1296 flex: 0 0 50%; 1297 max-width: 50%; 1298 } 1299 .col-lg-7 { 1300 -ms-flex: 0 0 58.333333%; 1301 flex: 0 0 58.333333%; 1302 max-width: 58.333333%; 1303 } 1304 .col-lg-8 { 1305 -ms-flex: 0 0 66.666667%; 1306 flex: 0 0 66.666667%; 1307 max-width: 66.666667%; 1308 } 1309 .col-lg-9 { 1310 -ms-flex: 0 0 75%; 1311 flex: 0 0 75%; 1312 max-width: 75%; 1313 } 1314 .col-lg-10 { 1315 -ms-flex: 0 0 83.333333%; 1316 flex: 0 0 83.333333%; 1317 max-width: 83.333333%; 1318 } 1319 .col-lg-11 { 1320 -ms-flex: 0 0 91.666667%; 1321 flex: 0 0 91.666667%; 1322 max-width: 91.666667%; 1323 } 1324 .col-lg-12 { 1325 -ms-flex: 0 0 100%; 1326 flex: 0 0 100%; 1327 max-width: 100%; 1328 } 1329 .order-lg-first { 1330 -ms-flex-order: -1; 1331 order: -1; 1332 } 1333 .order-lg-1 { 1334 -ms-flex-order: 1; 1335 order: 1; 1336 } 1337 .order-lg-2 { 1338 -ms-flex-order: 2; 1339 order: 2; 1340 } 1341 .order-lg-3 { 1342 -ms-flex-order: 3; 1343 order: 3; 1344 } 1345 .order-lg-4 { 1346 -ms-flex-order: 4; 1347 order: 4; 1348 } 1349 .order-lg-5 { 1350 -ms-flex-order: 5; 1351 order: 5; 1352 } 1353 .order-lg-6 { 1354 -ms-flex-order: 6; 1355 order: 6; 1356 } 1357 .order-lg-7 { 1358 -ms-flex-order: 7; 1359 order: 7; 1360 } 1361 .order-lg-8 { 1362 -ms-flex-order: 8; 1363 order: 8; 1364 } 1365 .order-lg-9 { 1366 -ms-flex-order: 9; 1367 order: 9; 1368 } 1369 .order-lg-10 { 1370 -ms-flex-order: 10; 1371 order: 10; 1372 } 1373 .order-lg-11 { 1374 -ms-flex-order: 11; 1375 order: 11; 1376 } 1377 .order-lg-12 { 1378 -ms-flex-order: 12; 1379 order: 12; 1380 } 1381 .offset-lg-0 { 1382 margin-left: 0; 1383 } 1384 .offset-lg-1 { 1385 margin-left: 8.333333%; 1386 } 1387 .offset-lg-2 { 1388 margin-left: 16.666667%; 1389 } 1390 .offset-lg-3 { 1391 margin-left: 25%; 1392 } 1393 .offset-lg-4 { 1394 margin-left: 33.333333%; 1395 } 1396 .offset-lg-5 { 1397 margin-left: 41.666667%; 1398 } 1399 .offset-lg-6 { 1400 margin-left: 50%; 1401 } 1402 .offset-lg-7 { 1403 margin-left: 58.333333%; 1404 } 1405 .offset-lg-8 { 1406 margin-left: 66.666667%; 1407 } 1408 .offset-lg-9 { 1409 margin-left: 75%; 1410 } 1411 .offset-lg-10 { 1412 margin-left: 83.333333%; 1413 } 1414 .offset-lg-11 { 1415 margin-left: 91.666667%; 1416 } 1417} 1418 1419@media (min-width: 1200px) { 1420 .col-xl { 1421 -ms-flex-preferred-size: 0; 1422 flex-basis: 0; 1423 -ms-flex-positive: 1; 1424 flex-grow: 1; 1425 max-width: 100%; 1426 } 1427 .col-xl-auto { 1428 -ms-flex: 0 0 auto; 1429 flex: 0 0 auto; 1430 width: auto; 1431 max-width: none; 1432 } 1433 .col-xl-1 { 1434 -ms-flex: 0 0 8.333333%; 1435 flex: 0 0 8.333333%; 1436 max-width: 8.333333%; 1437 } 1438 .col-xl-2 { 1439 -ms-flex: 0 0 16.666667%; 1440 flex: 0 0 16.666667%; 1441 max-width: 16.666667%; 1442 } 1443 .col-xl-3 { 1444 -ms-flex: 0 0 25%; 1445 flex: 0 0 25%; 1446 max-width: 25%; 1447 } 1448 .col-xl-4 { 1449 -ms-flex: 0 0 33.333333%; 1450 flex: 0 0 33.333333%; 1451 max-width: 33.333333%; 1452 } 1453 .col-xl-5 { 1454 -ms-flex: 0 0 41.666667%; 1455 flex: 0 0 41.666667%; 1456 max-width: 41.666667%; 1457 } 1458 .col-xl-6 { 1459 -ms-flex: 0 0 50%; 1460 flex: 0 0 50%; 1461 max-width: 50%; 1462 } 1463 .col-xl-7 { 1464 -ms-flex: 0 0 58.333333%; 1465 flex: 0 0 58.333333%; 1466 max-width: 58.333333%; 1467 } 1468 .col-xl-8 { 1469 -ms-flex: 0 0 66.666667%; 1470 flex: 0 0 66.666667%; 1471 max-width: 66.666667%; 1472 } 1473 .col-xl-9 { 1474 -ms-flex: 0 0 75%; 1475 flex: 0 0 75%; 1476 max-width: 75%; 1477 } 1478 .col-xl-10 { 1479 -ms-flex: 0 0 83.333333%; 1480 flex: 0 0 83.333333%; 1481 max-width: 83.333333%; 1482 } 1483 .col-xl-11 { 1484 -ms-flex: 0 0 91.666667%; 1485 flex: 0 0 91.666667%; 1486 max-width: 91.666667%; 1487 } 1488 .col-xl-12 { 1489 -ms-flex: 0 0 100%; 1490 flex: 0 0 100%; 1491 max-width: 100%; 1492 } 1493 .order-xl-first { 1494 -ms-flex-order: -1; 1495 order: -1; 1496 } 1497 .order-xl-1 { 1498 -ms-flex-order: 1; 1499 order: 1; 1500 } 1501 .order-xl-2 { 1502 -ms-flex-order: 2; 1503 order: 2; 1504 } 1505 .order-xl-3 { 1506 -ms-flex-order: 3; 1507 order: 3; 1508 } 1509 .order-xl-4 { 1510 -ms-flex-order: 4; 1511 order: 4; 1512 } 1513 .order-xl-5 { 1514 -ms-flex-order: 5; 1515 order: 5; 1516 } 1517 .order-xl-6 { 1518 -ms-flex-order: 6; 1519 order: 6; 1520 } 1521 .order-xl-7 { 1522 -ms-flex-order: 7; 1523 order: 7; 1524 } 1525 .order-xl-8 { 1526 -ms-flex-order: 8; 1527 order: 8; 1528 } 1529 .order-xl-9 { 1530 -ms-flex-order: 9; 1531 order: 9; 1532 } 1533 .order-xl-10 { 1534 -ms-flex-order: 10; 1535 order: 10; 1536 } 1537 .order-xl-11 { 1538 -ms-flex-order: 11; 1539 order: 11; 1540 } 1541 .order-xl-12 { 1542 -ms-flex-order: 12; 1543 order: 12; 1544 } 1545 .offset-xl-0 { 1546 margin-left: 0; 1547 } 1548 .offset-xl-1 { 1549 margin-left: 8.333333%; 1550 } 1551 .offset-xl-2 { 1552 margin-left: 16.666667%; 1553 } 1554 .offset-xl-3 { 1555 margin-left: 25%; 1556 } 1557 .offset-xl-4 { 1558 margin-left: 33.333333%; 1559 } 1560 .offset-xl-5 { 1561 margin-left: 41.666667%; 1562 } 1563 .offset-xl-6 { 1564 margin-left: 50%; 1565 } 1566 .offset-xl-7 { 1567 margin-left: 58.333333%; 1568 } 1569 .offset-xl-8 { 1570 margin-left: 66.666667%; 1571 } 1572 .offset-xl-9 { 1573 margin-left: 75%
1573; 1574 } 1575 .offset-xl-10 { 1576 margin-left: 83.333333%; 1577 } 1578 .offset-xl-11 { 1579 margin-left: 91.666667%; 1580 } 1581} 1582 1583 1584.col-2dot4, 1585.col-sm-2dot4, 1586.col-md-2dot4, 1587.col-lg-2dot4, 1588.col-xl-2dot4 { 1589 position: relative; 1590 width: 100%; 1591 min-height: 1px; 1592 padding-right: 15px; 1593 padding-left: 15px; 1594} 1595.col-2dot4 { 1596 -webkit-box-flex: 0; 1597 -ms-flex: 0 0 20%; 1598 flex: 0 0 20%; 1599 max-width: 20%; 1600} 1601@media (min-width: 540px) { 1602 .col-sm-2dot4 { 1603 -webkit-box-flex: 0; 1604 -ms-flex: 0 0 20%; 1605 flex: 0 0 20%; 1606 max-width: 20%; 1607 } 1608} 1609@media (min-width: 720px) { 1610 .col-md-2dot4 { 1611 -webkit-box-flex: 0; 1612 -ms-flex: 0 0 20%; 1613 flex: 0 0 20%; 1614 max-width: 20%; 1615 } 1616} 1617@media (min-width: 960px) { 1618 .col-lg-2dot4 { 1619 -webkit-box-flex: 0; 1620 -ms-flex: 0 0 20%; 1621 flex: 0 0 20%; 1622 max-width: 20%; 1623 } 1624} 1625@media (min-width: 1140px) { 1626 .col-xl-2dot4 { 1627 -webkit-box-flex: 0; 1628 -ms-flex: 0 0 20%; 1629 flex: 0 0 20%; 1630 max-width: 20%; 1631 } 1632} 1633 1634 1635 1636 1637.table { 1638 width: 100%; 1639 max-width: 100%; 1640 margin-bottom: 1rem; 1641 background-color: transparent; 1642} 1643 1644.table th, 1645.table td { 1646 padding: 0.75rem; 1647 vertical-align: top; 1648 border-top: 1px solid #e9ecef; 1649} 1650 1651.table thead th { 1652 vertical-align: bottom; 1653 border-bottom: 2px solid #e9ecef; 1654} 1655 1656.table tbody + tbody { 1657 border-top: 2px solid #e9ecef; 1658} 1659 1660.table .table { 1661 background-color: #fff; 1662} 1663 1664.table-sm th, 1665.table-sm td { 1666 padding: 0.3rem; 1667} 1668 1669.table-bordered { 1670 border: 1px solid #e9ecef; 1671} 1672 1673.table-bordered th, 1674.table-bordered td { 1675 border: 1px solid #e9ecef; 1676} 1677 1678.table-bordered thead th, 1679.table-bordered thead td { 1680 border-bottom-width: 2px; 1681} 1682 1683.table-striped tbody tr:nth-of-type(odd) { 1684 background-color: rgba(0, 0, 0, 0.05); 1685} 1686 1687.table-hover tbody tr:hover { 1688 background-color: rgba(0, 0, 0, 0.075); 1689} 1690 1691.table-primary, 1692.table-primary > th, 1693.table-primary > td { 1694 background-color: #b8daff; 1695} 1696 1697.table-hover .table-primary:hover { 1698 background-color: #9fcdff; 1699} 1700 1701.table-hover .table-primary:hover > td, 1702.table-hover .table-primary:hover > th { 1703 background-color: #9fcdff; 1704} 1705 1706.table-secondary, 1707.table-secondary > th, 1708.table-secondary > td { 1709 background-color: #dddfe2; 1710} 1711 1712.table-hover .table-secondary:hover { 1713 background-color: #cfd2d6; 1714} 1715 1716.table-hover .table-secondary:hover > td, 1717.table-hover .table-secondary:hover > th { 1718 background-color: #cfd2d6; 1719} 1720 1721.table-success, 1722.table-success > th, 1723.table-success > td { 1724 background-color: #c3e6cb; 1725} 1726 1727.table-hover .table-success:hover { 1728 background-color: #b1dfbb; 1729} 1730 1731.table-hover .table-success:hover > td, 1732.table-hover .table-success:hover > th { 1733 background-color: #b1dfbb; 1734} 1735 1736.table-info, 1737.table-info > th, 1738.table-info > td { 1739 background-color: #bee5eb; 1740} 1741 1742.table-hover .table-info:hover { 1743 background-color: #abdde5; 1744} 1745 1746.table-hover .table-info:hover > td, 1747.table-hover .table-info:hover > th { 1748 background-color: #abdde5; 1749} 1750 1751.table-warning, 1752.table-warning > th, 1753.table-warning > td { 1754 background-color: #ffeeba; 1755} 1756 1757.table-hover .table-warning:hover { 1758 background-color: #ffe8a1; 1759} 1760 1761.table-hover .table-warning:hover > td, 1762.table-hover .table-warning:hover > th { 1763 background-color: #ffe8a1; 1764} 1765 1766.table-danger, 1767.table-danger > th, 1768.table-danger > td { 1769 background-color: #f5c6cb; 1770} 1771 1772.table-hover .table-danger:hover { 1773 background-color: #f1b0b7; 1774} 1775 1776.table-hover .table-danger:hover > td, 1777.table-hover .table-danger:hover > th { 1778 background-color: #f1b0b7; 1779} 1780 1781.table-light, 1782.table-light > th, 1783.table-light > td { 1784 background-color: #fdfdfe; 1785} 1786 1787.table-hover .table-light:hover { 1788 background-color: #ececf6; 1789} 1790 1791.table-hover .table-light:hover > td, 1792.table-hover .table-light:hover > th { 1793 background-color: #ececf6; 1794} 1795 1796.table-dark, 1797.table-dark > th, 1798.table-dark > td { 1799 background-color: #c6c8ca; 1800} 1801 1802.table-hover .table-dark:hover { 1803 background-color: #b9bbbe; 1804} 1805 1806.table-hover .table-dark:hover > td, 1807.table-hover .table-dark:hover > th { 1808 background-color: #b9bbbe; 1809} 1810 1811.table-active, 1812.table-active > th, 1813.table-active > td { 1814 background-color: rgba(0, 0, 0, 0.075); 1815} 1816 1817.table-hover .table-active:hover { 1818 background-color: rgba(0, 0, 0, 0.075); 1819} 1820 1821.table-hover .table-active:hover > td, 1822.table-hover .table-active:hover > th { 1823 background-color: rgba(0, 0, 0, 0.075); 1824} 1825 1826.table .thead-dark th { 1827 color: #fff; 1828 background-color: #212529; 1829 border-color: #32383e; 1830} 1831 1832.table .thead-light th { 1833 color: #495057; 1834 background-color: #e9ecef; 1835 border-color: #e9ecef; 1836} 1837 1838.table-dark { 1839 color: #fff; 1840 background-color: #212529; 1841} 1842 1843.table-dark th, 1844.table-dark td, 1845.table-dark thead th { 1846 border-color: #32383e; 1847} 1848 1849.table-dark.table-bordered { 1850 border: 0; 1851} 1852 1853.table-dark.table-striped tbody tr:nth-of-type(odd) { 1854 background-color: rgba(255, 255, 255, 0.05); 1855} 1856 1857.table-dark.table-hover tbody tr:hover { 1858 background-color: rgba(255, 255, 255, 0.075); 1859} 1860 1861@media (max-width: 575px) { 1862 .table-responsive-sm { 1863 display: block; 1864 width: 100%; 1865 overflow-x: auto; 1866 -webkit-overflow-scrolling: touch; 1867 -ms-overflow-style: -ms-autohiding-scrollbar; 1868 } 1869 .table-responsive-sm.table-bordered { 1870 border: 0; 1871 } 1872} 1873 1874@media (max-width: 767px) { 1875 .table-responsive-md { 1876 display: block; 1877 width: 100%; 1878 overflow-x: auto; 1879 -webkit-overflow-scrolling: touch; 1880 -ms-overflow-style: -ms-autohiding-scrollbar; 1881 } 1882 .table-responsive-md.table-bordered { 1883 border: 0; 1884 } 1885} 1886 1887@media (max-width: 991px) { 1888 .table-responsive-lg { 1889 display: block; 1890 width: 100%; 1891 overflow-x: auto; 1892 -webkit-overflow-scrolling: touch; 1893 -ms-overflow-style: -ms-autohiding-scrollbar; 1894 } 1895 .table-responsive-lg.table-bordered { 1896 border: 0; 1897 } 1898} 1899 1900@media (max-width: 1199px) { 1901 .table-responsive-xl { 1902 display: block; 1903 width: 100%; 1904 overflow-x: auto; 1905 -webkit-overflow-scrolling: touch; 1906 -ms-overflow-style: -ms-autohiding-scrollbar; 1907 } 1908 .table-responsive-xl.table-bordered { 1909 border: 0; 1910 } 1911} 1912 1913.table-responsive { 1914 display: block; 1915 width: 100%; 1916 overflow-x: auto; 1917 -webkit-overflow-scrolling: touch; 1918 -ms-overflow-style: -ms-autohiding-scrollbar; 1919} 1920 1921.table-responsive.table-bordered { 1922 border: 0; 1923} 1924 1925.form-control { 1926 display: block; 1927 width: 100%; 1928 padding: 0.375rem 0.75rem; 1929 font-size: 1rem; 1930 line-height: 1.5; 1931 color: #495057; 1932 background-color: #fff; 1933 background-image: none; 1934 background-clip: padding-box; 1935 border: 1px solid #ced4da; 1936 border-radius: 0.25rem; 1937 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 1938} 1939 1940.form-control::-ms-expand { 1941 background-color: transparent; 1942 border: 0; 1943} 1944 1945.form-control:focus { 1946 color: #495057; 1947 background-color: #fff; 1948 border-color: #80bdff; 1949 outline: none; 1950 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 1951} 1952 1953.form-control::-webkit-input-placeholder { 1954 color: #868e96; 1955 opacity: 1; 1956} 1957 1958.form-control:-ms-input-placeholder { 1959 color: #868e96; 1960 opacity: 1; 1961} 1962 1963.form-control::-ms-input-placeholder { 1964 color: #868e96; 1965 opacity: 1; 1966} 1967 1968.form-control::placeholder { 1969 color: #868e96; 1970 opacity: 1; 1971} 1972 1973.form-control:disabled, .form-control[readonly] { 1974 background-color: #e9ecef; 1975 opacity: 1; 1976} 1977 1978select.form-control:not([size]):not([multiple]) { 1979 height: calc(2.25rem + 2px); 1980} 1981 1982select.form-control:focus::-ms-value { 1983 color: #495057; 1984 background-color: #fff; 1985} 1986 1987.form-control-file, 1988.form-control-range { 1989 display: block; 1990} 1991 1992.col-form-label { 1993 padding-top: calc(0.375rem + 1px); 1994 padding-bottom: calc(0.375rem + 1px); 1995 margin-bottom: 0; 1996 line-height: 1.5; 1997} 1998 1999.col-form-label-lg { 2000 padding-top: calc(0.5rem + 1px); 2001 padding-bottom: calc(0.5rem + 1px); 2002 font-size: 1.25rem; 2003 line-height: 1.5; 2004} 2005 2006.col-form-label-sm { 2007 padding-top: calc(0.25rem + 1px); 2008 padding-bottom: calc(0.25rem + 1px); 2009 font-size: 0.875rem; 2010 line-height: 1.5; 2011} 2012 2013.col-form-legend { 2014 padding-top: 0.375rem; 2015 padding-bottom: 0.375rem; 2016 margin-bottom: 0; 2017 font-size: 1rem; 2018} 2019 2020.form-control-plaintext { 2021 padding-top: 0.375rem; 2022 padding-bottom: 0.375rem; 2023 margin-bottom: 0; 2024 line-height: 1.5; 2025 background-color: transparent; 2026 border: solid transparent; 2027 border-width: 1px 0; 2028} 2029 2030.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, 2031.input-group-sm > .form-control-plaintext.input-group-addon, 2032.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, 2033.input-group-lg > .form-control-plaintext.input-group-addon, 2034.input-group-lg > .input-group-btn > .form-control-plaintext.btn { 2035 padding-right: 0; 2036 padding-left: 0; 2037} 2038 2039.form-control-sm, .input-group-sm > .form-control, 2040.input-group-sm > .input-group-addon, 2041.input-group-sm > .input-group-btn > .btn { 2042 padding: 0.25rem 0.5rem; 2043 font-size: 0.875rem; 2044 line-height: 1.5; 2045 border-radius: 0.2rem; 2046} 2047 2048select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), 2049.input-group-sm > select.input-group-addon:not([size]):not([multiple]), 2050.input-group-sm > .input-group-btn >
2050 select.btn:not([size]):not([multiple]) { 2051 height: calc(1.8125rem + 2px); 2052} 2053 2054.form-control-lg, .input-group-lg > .form-control, 2055.input-group-lg > .input-group-addon, 2056.input-group-lg > .input-group-btn > .btn { 2057 padding: 0.5rem 1rem; 2058 font-size: 1.25rem; 2059 line-height: 1.5; 2060 border-radius: 0.3rem; 2061} 2062 2063select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), 2064.input-group-lg > select.input-group-addon:not([size]):not([multiple]), 2065.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { 2066 height: calc(2.875rem + 2px); 2067} 2068 2069.form-group { 2070 margin-bottom: 1rem; 2071} 2072 2073.form-text { 2074 display: block; 2075 margin-top: 0.25rem; 2076} 2077 2078.form-row { 2079 display: -ms-flexbox; 2080 display: flex; 2081 -ms-flex-wrap: wrap; 2082 flex-wrap: wrap; 2083 margin-right: -5px; 2084 margin-left: -5px; 2085} 2086 2087.form-row > .col, 2088.form-row > [class*="col-"] { 2089 padding-right: 5px; 2090 padding-left: 5px; 2091} 2092 2093.form-check { 2094 position: relative; 2095 display: block; 2096 margin-bottom: 0.5rem; 2097} 2098 2099.form-check.disabled .form-check-label { 2100 color: #868e96; 2101} 2102 2103.form-check-label { 2104 padding-left: 1.25rem; 2105 margin-bottom: 0; 2106} 2107 2108.form-check-input { 2109 position: absolute; 2110 margin-top: 0.25rem; 2111 margin-left: -1.25rem; 2112} 2113 2114.form-check-inline { 2115 display: inline-block; 2116 margin-right: 0.75rem; 2117} 2118 2119.form-check-inline .form-check-label { 2120 vertical-align: middle; 2121} 2122 2123.valid-feedback { 2124 display: none; 2125 margin-top: .25rem; 2126 font-size: .875rem; 2127 color: #28a745; 2128} 2129 2130.valid-tooltip { 2131 position: absolute; 2132 top: 100%; 2133 z-index: 5; 2134 display: none; 2135 width: 250px; 2136 padding: .5rem; 2137 margin-top: .1rem; 2138 font-size: .875rem; 2139 line-height: 1; 2140 color: #fff; 2141 background-color: rgba(40, 167, 69, 0.8); 2142 border-radius: .2rem; 2143} 2144 2145.was-validated .form-control:valid, .form-control.is-valid, .was-validated 2146.custom-select:valid, 2147.custom-select.is-valid { 2148 border-color: #28a745; 2149} 2150 2151.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated 2152.custom-select:valid:focus, 2153.custom-select.is-valid:focus { 2154 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 2155} 2156 2157.was-validated .form-control:valid ~ .valid-feedback, 2158.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, 2159.form-control.is-valid ~ .valid-tooltip, .was-validated 2160.custom-select:valid ~ .valid-feedback, 2161.was-validated 2162.custom-select:valid ~ .valid-tooltip, 2163.custom-select.is-valid ~ .valid-feedback, 2164.custom-select.is-valid ~ .valid-tooltip { 2165 display: block; 2166} 2167 2168.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { 2169 color: #28a745; 2170} 2171 2172.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { 2173 background-color: rgba(40, 167, 69, 0.25); 2174} 2175 2176.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { 2177 color: #28a745; 2178} 2179 2180.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { 2181 border-color: #28a745; 2182} 2183 2184.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { 2185 border-color: inherit; 2186} 2187 2188.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { 2189 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 2190} 2191 2192.invalid-feedback { 2193 display: none; 2194 margin-top: .25rem; 2195 font-size: .875rem; 2196 color: #dc3545; 2197} 2198 2199.invalid-tooltip { 2200 position: absolute; 2201 top: 100%; 2202 z-index: 5; 2203 display: none; 2204 width: 250px; 2205 padding: .5rem; 2206 margin-top: .1rem; 2207 font-size: .875rem; 2208 line-height: 1; 2209 color: #fff; 2210 background-color: rgba(220, 53, 69, 0.8); 2211 border-radius: .2rem; 2212} 2213 2214.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated 2215.custom-select:invalid, 2216.custom-select.is-invalid { 2217 border-color: #dc3545; 2218} 2219 2220.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated 2221.custom-select:invalid:focus, 2222.custom-select.is-invalid:focus { 2223 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 2224} 2225
2226.was-validated .form-control:invalid ~ .invalid-feedback, 2227.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, 2228.form-control.is-invalid ~ .invalid-tooltip, .was-validated 2229.custom-select:invalid ~ .invalid-feedback, 2230.was-validated 2231.custom-select:invalid ~ .invalid-tooltip, 2232.custom-select.is-invalid ~ .invalid-feedback, 2233.custom-select.is-invalid ~ .invalid-tooltip { 2234 display: block; 2235} 2236 2237.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { 2238 color: #dc3545; 2239} 2240 2241.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { 2242 background-color: rgba(220, 53, 69, 0.25); 2243} 2244 2245.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { 2246 color: #dc3545; 2247} 2248 2249.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { 2250 border-color: #dc3545; 2251} 2252 2253.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { 2254 border-color: inherit; 2255} 2256 2257.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { 2258 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 2259} 2260 2261.form-inline { 2262 display: -ms-flexbox; 2263 display: flex; 2264 -ms-flex-flow: row wrap; 2265 flex-flow: row wrap; 2266 -ms-flex-align: center; 2267 align-items: center; 2268} 2269 2270.form-inline .form-check { 2271 width: 100%; 2272} 2273 2274@media (min-width: 576px) { 2275 .form-inline label { 2276 display: -ms-flexbox; 2277 display: flex; 2278 -ms-flex-align: center; 2279 align-items: center; 2280 -ms-flex-pack: center; 2281 justify-content: center; 2282 margin-bottom: 0; 2283 } 2284 .form-inline .form-group { 2285 display: -ms-flexbox; 2286 display: flex; 2287 -ms-flex: 0 0 auto; 2288 flex: 0 0 auto; 2289 -ms-flex-flow: row wrap; 2290 flex-flow: row wrap; 2291 -ms-flex-align: center; 2292 align-items: center; 2293 margin-bottom: 0; 2294 } 2295 .form-inline .form-control { 2296 display: inline-block; 2297 width: auto; 2298 vertical-align: middle; 2299 } 2300 .form-inline .form-control-plaintext { 2301 display: inline-block; 2302 } 2303 .form-inline .input-group { 2304 width: auto; 2305 } 2306 .form-inline .form-check { 2307 display: -ms-flexbox; 2308 display: flex; 2309 -ms-flex-align: center; 2310 align-items: center; 2311 -ms-flex-pack: center; 2312 justify-content: center; 2313 width: auto; 2314 margin-top: 0; 2315 margin-bottom: 0; 2316 } 2317 .form-inline .form-check-label { 2318 padding-left: 0; 2319 } 2320 .form-inline .form-check-input { 2321 position: relative; 2322 margin-top: 0; 2323 margin-right: 0.25rem; 2324 margin-left: 0; 2325 } 2326 .form-inline .custom-control { 2327 display: -ms-flexbox; 2328 display: flex; 2329 -ms-flex-align: center; 2330 align-items: center; 2331 -ms-flex-pack: center; 2332 justify-content: center; 2333 padding-left: 0; 2334 } 2335 .form-inline .custom-control-indicator { 2336 position: static; 2337 display: inline-block; 2338 margin-right: 0.25rem; 2339 vertical-align: text-bottom; 2340 } 2341 .form-inline .has-feedback .form-control-feedback { 2342 top: 0; 2343 } 2344} 2345 2346.btn { 2347 display: inline-block; 2348 font-weight: 400; 2349 text-align: center; 2350 white-space: nowrap; 2351 vertical-align: middle; 2352 -webkit-user-select: none; 2353 -moz-user-select: none; 2354 -ms-user-select: none; 2355 user-select: none; 2356 border: 1px solid transparent; 2357 padding: 0.375rem 0.75rem; 2358 font-size: 1rem; 2359 line-height: 1.5; 2360 border-radius: 0.25rem; 2361 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2362} 2363 2364.btn:focus, .btn:hover { 2365 text-decoration: none; 2366} 2367 2368.btn:focus, .btn.focus { 2369 outline: 0; 2370 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 2371} 2372 2373.btn.disabled, .btn:disabled { 2374 opacity: .65; 2375} 2376 2377.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { 2378 background-image: none; 2379} 2380 2381a.btn.disabled, 2382fieldset[disabled] a.btn { 2383 pointer-events: none; 2384} 2385 2386.btn-primary { 2387 color: #fff; 2388 background-color: #007bff; 2389 border-color: #007bff; 2390} 2391 2392.btn-primary:hover {
2393 color: #fff; 2394 background-color: #0069d9; 2395 border-color: #0062cc; 2396} 2397 2398.btn-primary:focus, .btn-primary.focus { 2399 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); 2400} 2401 2402.btn-primary.disabled, .btn-primary:disabled { 2403 background-color: #007bff; 2404 border-color: #007bff; 2405} 2406 2407.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, 2408.show > .btn-primary.dropdown-toggle { 2409 color: #fff; 2410 background-color: #0062cc; 2411 border-color: #005cbf; 2412 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); 2413} 2414 2415.btn-secondary { 2416 color: #fff; 2417 background-color: #868e96; 2418 border-color: #868e96; 2419} 2420 2421.btn-secondary:hover { 2422 color: #fff; 2423 background-color: #727b84; 2424 border-color: #6c757d; 2425} 2426 2427.btn-secondary:focus, .btn-secondary.focus { 2428 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); 2429} 2430 2431.btn-secondary.disabled, .btn-secondary:disabled { 2432 background-color: #868e96; 2433 border-color: #868e96; 2434} 2435 2436.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, 2437.show > .btn-secondary.dropdown-toggle { 2438 color: #fff; 2439 background-color: #6c757d; 2440 border-color: #666e76; 2441 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); 2442} 2443 2444.btn-success { 2445 color: #fff; 2446 background-color: #28a745; 2447 border-color: #28a745; 2448} 2449 2450.btn-success:hover { 2451 color: #fff; 2452 background-color: #218838; 2453 border-color: #1e7e34; 2454} 2455 2456.btn-success:focus, .btn-success.focus { 2457 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 2458} 2459 2460.btn-success.disabled, .btn-success:disabled { 2461 background-color: #28a745; 2462 border-color: #28a745; 2463} 2464 2465.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, 2466.show > .btn-success.dropdown-toggle { 2467 color: #fff; 2468 background-color: #1e7e34; 2469 border-color: #1c7430; 2470 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 2471} 2472 2473.btn-info { 2474 color: #fff; 2475 background-color: #17a2b8; 2476 border-color: #17a2b8; 2477} 2478 2479.btn-info:hover { 2480 color: #fff; 2481 background-color: #138496; 2482 border-color: #117a8b; 2483} 2484 2485.btn-info:focus, .btn-info.focus { 2486 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 2487} 2488 2489.btn-info.disabled, .btn-info:disabled { 2490 background-color: #17a2b8; 2491 border-color: #17a2b8; 2492} 2493 2494.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, 2495.show > .btn-info.dropdown-toggle { 2496 color: #fff; 2497 background-color: #117a8b; 2498 border-color: #10707f; 2499 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 2500} 2501 2502.btn-warning { 2503 color: #111; 2504 background-color: #ffc107; 2505 border-color: #ffc107; 2506} 2507 2508.btn-warning:hover {
2509 color: #111; 2510 background-color: #e0a800; 2511 border-color: #d39e00; 2512} 2513 2514.btn-warning:focus, .btn-warning.focus { 2515 box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 2516} 2517 2518.btn-warning.disabled, .btn-warning:disabled { 2519 background-color: #ffc107; 2520 border-color: #ffc107; 2521} 2522 2523.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, 2524.show > .btn-warning.dropdown-toggle { 2525 color: #111; 2526 background-color: #d39e00; 2527 border-color: #c69500; 2528 box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 2529} 2530 2531.btn-danger { 2532 color: #fff; 2533 background-color: #dc3545; 2534 border-color: #dc3545; 2535} 2536 2537.btn-danger:hover { 2538 color: #fff; 2539 background-color: #c82333; 2540 border-color: #bd2130; 2541} 2542 2543.btn-danger:focus, .btn-danger.focus { 2544 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 2545} 2546 2547.btn-danger.disabled, .btn-danger:disabled { 2548 background-color: #dc3545; 2549 border-color: #dc3545; 2550} 2551 2552.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, 2553.show > .btn-danger.dropdown-toggle { 2554 color: #fff; 2555 background-color: #bd2130; 2556 border-color: #b21f2d; 2557 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 2558} 2559 2560.btn-light { 2561 color: #111; 2562 background-color: #f8f9fa; 2563 border-color: #f8f9fa; 2564} 2565 2566.btn-light:hover {
2567 color: #111; 2568 background-color: #e2e6ea; 2569 border-color: #dae0e5; 2570} 2571 2572.btn-light:focus, .btn-light.focus { 2573 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 2574} 2575 2576.btn-light.disabled, .btn-light:disabled { 2577 background-color: #f8f9fa; 2578 border-color: #f8f9fa; 2579} 2580 2581.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, 2582.show > .btn-light.dropdown-toggle { 2583 color: #111; 2584 background-color: #dae0e5; 2585 border-color: #d3d9df; 2586 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 2587} 2588 2589.btn-dark { 2590 color: #fff; 2591 background-color: #343a40; 2592 border-color: #343a40; 2593} 2594 2595.btn-dark:hover { 2596 color: #fff; 2597 background-color: #23272b; 2598 border-color: #1d2124; 2599} 2600 2601.btn-dark:focus, .btn-dark.focus { 2602 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 2603} 2604 2605.btn-dark.disabled, .btn-dark:disabled { 2606 background-color: #343a40; 2607 border-color: #343a40; 2608} 2609 2610.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, 2611.show > .btn-dark.dropdown-toggle { 2612 color: #fff; 2613 background-color: #1d2124; 2614 border-color: #171a1d; 2615 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 2616} 2617 2618.btn-outline-primary { 2619 color: #007bff; 2620 background-color: transparent; 2621 background-image: none; 2622 border-color: #007bff; 2623} 2624 2625.btn-outline-primary:hover { 2626 color: #fff; 2627 background-color: #007bff; 2628 border-color: #007bff; 2629} 2630 2631.btn-outline-primary:focus, .btn-outline-primary.focus { 2632 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); 2633} 2634 2635.btn-outline-primary.disabled, .btn-outline-primary:disabled { 2636 color: #007bff; 2637 background-color: transparent; 2638} 2639 2640.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, 2641.show > .btn-outline-primary.dropdown-toggle { 2642 color: #fff; 2643 background-color: #007bff; 2644 border-color: #007bff; 2645 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); 2646} 2647 2648.btn-outline-secondary { 2649 color: #fff; 2650 background-color: transparent; 2651 background-image: none; 2652 border-color: #fff; 2653} 2654 2655.btn-outline-secondary:hover { 2656 color: #fff; 2657 background-color: #868e96; 2658 border-color: #868e96; 2659} 2660 2661.btn-outline-secondary:focus, .btn-outline-secondary.focus { 2662 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); 2663} 2664 2665.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 2666 color: #868e96; 2667 background-color: transparent; 2668} 2669 2670.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, 2671.show > .btn-outline-secondary.dropdown-toggle { 2672 color: #fff; 2673 background-color: #868e96; 2674 border-color: #868e96; 2675 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); 2676} 2677 2678.btn-outline-success { 2679 color: #28a745; 2680 background-color: transparent; 2681 background-image: none; 2682 border-color: #28a745; 2683} 2684 2685.btn-outline-success:hover { 2686 color: #fff; 2687 background-color: #28a745; 2688 border-color: #28a745; 2689} 2690 2691.btn-outline-success:focus, .btn-outline-success.focus { 2692 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 2693} 2694 2695.btn-outline-success.disabled, .btn-outline-success:disabled { 2696 color: #28a745; 2697 background-color: transparent; 2698} 2699 2700.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, 2701.show > .btn-outline-success.dropdown-toggle { 2702 color: #fff; 2703 background-color: #28a745; 2704 border-color: #28a745; 2705 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 2706} 2707 2708.btn-outline-info { 2709 color: #17a2b8; 2710 background-color: transparent; 2711 background-image: none; 2712 border-color: #17a2b8; 2713} 2714 2715.btn-outline-info:hover { 2716 color: #fff; 2717 background-color: #17a2b8; 2718 border-color: #17a2b8; 2719} 2720 2721.btn-outline-info:focus, .btn-outline-info.focus { 2722 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 2723} 2724 2725.btn-outline-info.disabled, .btn-outline-info:disabled { 2726 color: #17a2b8; 2727 background-color: transparent; 2728} 2729 2730.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, 2731.show > .btn-outline-info.dropdown-toggle { 2732 color: #fff; 2733 background-color: #17a2b8; 2734 border-color: #17a2b8; 2735 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 2736} 2737 2738.btn-outline-warning { 2739 color: #ffc107; 2740 background-color: transparent; 2741 background-image: none; 2742 border-color: #ffc107; 2743} 2744 2745.btn-outline-warning:hover {
2746 color: #fff; 2747 background-color: #ffc107; 2748 border-color: #ffc107; 2749} 2750 2751.btn-outline-warning:focus, .btn-outline-warning.focus { 2752 box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 2753} 2754 2755.btn-outline-warning.disabled, .btn-outline-warning:disabled { 2756 color: #ffc107; 2757 background-color: transparent; 2758} 2759 2760.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, 2761.show > .btn-outline-warning.dropdown-toggle { 2762 color: #fff; 2763 background-color: #ffc107; 2764 border-color: #ffc107; 2765 box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 2766} 2767 2768.btn-outline-danger { 2769 color: #dc3545; 2770 background-color: transparent; 2771 background-image: none; 2772 border-color: #dc3545; 2773} 2774 2775.btn-outline-danger:hover { 2776 color: #fff; 2777 background-color: #dc3545; 2778 border-color: #dc3545; 2779} 2780 2781.btn-outline-danger:focus, .btn-outline-danger.focus { 2782 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 2783} 2784 2785.btn-outline-danger.disabled, .btn-outline-danger:disabled { 2786 color: #dc3545; 2787 background-color: transparent; 2788} 2789 2790.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, 2791.show > .btn-outline-danger.dropdown-toggle { 2792 color: #fff; 2793 background-color: #dc3545; 2794 border-color: #dc3545; 2795 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 2796} 2797 2798.btn-outline-light { 2799 color: #f8f9fa; 2800 background-color: transparent; 2801 background-image: none; 2802 border-color: #f8f9fa; 2803} 2804 2805.btn-outline-light:hover {
2806 color: #212529; 2807 background-color: #f8f9fa; 2808 border-color: #f8f9fa; 2809} 2810 2811.btn-outline-light:focus, .btn-outline-light.focus { 2812 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 2813} 2814 2815.btn-outline-light.disabled, .btn-outline-light:disabled { 2816 color: #f8f9fa; 2817 background-color: transparent; 2818} 2819 2820.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, 2821.show > .btn-outline-light.dropdown-toggle { 2822 color: #212529; 2823 background-color: #f8f9fa; 2824 border-color: #f8f9fa; 2825 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 2826} 2827 2828.btn-outline-dark { 2829 color: #343a40; 2830 background-color: transparent; 2831 background-image: none; 2832 border-color: #343a40; 2833} 2834 2835.btn-outline-dark:hover { 2836 color: #fff; 2837 background-color: #343a40; 2838 border-color: #343a40; 2839} 2840 2841.btn-outline-dark:focus, .btn-outline-dark.focus { 2842 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 2843} 2844 2845.btn-outline-dark.disabled, .btn-outline-dark:disabled { 2846 color: #343a40; 2847 background-color: transparent; 2848} 2849 2850.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, 2851.show > .btn-outline-dark.dropdown-toggle { 2852 color: #fff; 2853 background-color: #343a40; 2854 border-color: #343a40; 2855 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 2856} 2857 2858.btn-link { 2859 font-weight: 400; 2860 color: #28a745; 2861 background-color: transparent; 2862 font-weight: bold; 2863} 2864 2865.btn-link:hover { 2866 color: #28a745; 2867 text-decoration: underline; 2868 background-color: transparent; 2869 border-color: transparent; 2870} 2871 2872.btn-link:focus, .btn-link.focus { 2873 border-color: transparent; 2874 box-shadow: none; 2875} 2876 2877.btn-link:disabled, .btn-link.disabled { 2878 color: #868e96; 2879} 2880 2881.btn-lg, .btn-group-lg > .btn { 2882 padding: 0.5rem 1rem; 2883 font-size: 1.25rem; 2884 line-height: 1.5; 2885 border-radius: 0.3rem; 2886} 2887 2888.btn-sm, .btn-group-sm > .btn { 2889 padding: 0.25rem 0.5rem; 2890 font-size: 0.875rem; 2891 line-height: 1.5; 2892 border-radius: 0.2rem; 2893} 2894 2895.btn-block { 2896 display: block; 2897 width: 100%; 2898} 2899 2900.btn-block + .btn-block { 2901 margin-top: 0.5rem; 2902} 2903 2904input[type="submit"].btn-block, 2905input[type="reset"].btn-block, 2906input[type="button"].btn-block { 2907 width: 100%; 2908} 2909 2910.fade { 2911 opacity: 0; 2912 transition: opacity 0.15s linear; 2913} 2914 2915.fade.show { 2916 opacity: 1; 2917} 2918 2919.collapse { 2920 display: none; 2921} 2922 2923.collapse.show { 2924 display: block; 2925} 2926 2927tr.collapse.show { 2928 display: table-row; 2929} 2930 2931tbody.collapse.show { 2932 display: table-row-group; 2933} 2934 2935.collapsing { 2936 position: relative; 2937 height: 0; 2938 overflow: hidden; 2939 transition: height 0.35s ease; 2940} 2941 2942.dropup, 2943.dropdown { 2944 position: relative; 2945} 2946 2947.dropdown-toggle::after { 2948 display: inline-block; 2949 width: 0; 2950 height: 0; 2951 margin-left: 0.255em; 2952 vertical-align: 0.255em; 2953 content: ""; 2954 border-top: 0.3em solid; 2955 border-right: 0.3em solid transparent; 2956 border-bottom: 0; 2957 border-left: 0.3em solid transparent; 2958} 2959 2960.dropdown-toggle:empty::after { 2961 margin-left: 0; 2962} 2963 2964.dropdown-menu { 2965 position: absolute; 2966 top: 100%; 2967 left: 0; 2968 z-index: 1000; 2969 display: none; 2970 float: left; 2971 min-width: 10rem; 2972 padding: 0.5rem 0; 2973 margin: 0.125rem 0 0; 2974 font-size: 1rem; 2975 color: #212529; 2976 text-align: left; 2977 list-style: none; 2978 background-color: #fff; 2979 background-clip: padding-box; 2980 border: 1px solid rgba(0, 0, 0, 0.15); 2981 border-radius: 0.25rem; 2982} 2983 2984.dropup .dropdown-menu { 2985 margin-top: 0; 2986 margin-bottom: 0.125rem; 2987} 2988 2989.dropup .dropdown-toggle::after { 2990 display: inline-block; 2991 width: 0; 2992 height: 0; 2993 margin-left: 0.255em; 2994 vertical-align: 0.255em; 2995 content: ""; 2996 border-top: 0; 2997 border-right: 0.3em solid transparent; 2998 border-bottom: 0.3em solid; 2999 border-left: 0.3em solid transparent; 3000} 3001 3002.dropup .dropdown-toggle:empty::after { 3003 margin-left: 0; 3004} 3005 3006.dropdown-divider { 3007 height: 0; 3008 margin: 0.5rem 0; 3009 overflow: hidden; 3010 border-top: 1px solid #e9ecef; 3011} 3012 3013.dropdown-item { 3014 display: block; 3015 width: 100%; 3016 padding: 0.25rem 1.5rem; 3017 clear: both; 3018 font-weight: 400; 3019 color: #212529; 3020 text-align: inherit; 3021 white-space: nowrap; 3022 background: none; 3023 border: 0; 3024} 3025 3026.dropdown-item:focus, .dropdown-item:hover {
3027 color: #16181b; 3028 text-decoration: none; 3029 background-color: #f8f9fa; 3030} 3031 3032.dropdown-item.active, .dropdown-item:active { 3033 color: #fff; 3034 text-decoration: none; 3035 background-color: #007bff; 3036} 3037 3038.dropdown-item.disabled, .dropdown-item:disabled { 3039 color: #868e96; 3040 background-color: transparent; 3041} 3042 3043.dropdown-menu.show { 3044 display: block; 3045} 3046 3047.dropdown-header { 3048 display: block; 3049 padding: 0.5rem 1.5rem; 3050 margin-bottom: 0; 3051 font-size: 0.875rem; 3052 color: #868e96; 3053 white-space: nowrap; 3054} 3055 3056.btn-group, 3057.btn-group-vertical { 3058 position: relative; 3059 display: -ms-inline-flexbox; 3060 display: inline-flex; 3061 vertical-align: middle; 3062} 3063 3064.btn-group > .btn, 3065.btn-group-vertical > .btn { 3066 position: relative; 3067 -ms-flex: 0 1 auto; 3068 flex: 0 1 auto; 3069} 3070 3071.btn-group > .btn:hover, 3072.btn-group-vertical > .btn:hover { 3073 z-index: 2; 3074} 3075 3076.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, 3077.btn-group-vertical > .btn:focus, 3078.btn-group-vertical > .btn:active, 3079.btn-group-vertical > .btn.active { 3080 z-index: 2; 3081} 3082 3083.btn-group .btn + .btn, 3084.btn-group .btn + .btn-group, 3085.btn-group .btn-group + .btn, 3086.btn-group .btn-group + .btn-group, 3087.btn-group-vertical .btn + .btn, 3088.btn-group-vertical .btn + .btn-group, 3089.btn-group-vertical .btn-group + .btn, 3090.btn-group-vertical .btn-group + .btn-group { 3091 margin-left: -1px; 3092} 3093 3094.btn-toolbar { 3095 display: -ms-flexbox; 3096 display: flex; 3097 -ms-flex-wrap: wrap; 3098 flex-wrap: wrap; 3099 -ms-flex-pack: start; 3100 justify-content: flex-start; 3101} 3102 3103.btn-toolbar .input-group { 3104 width: auto; 3105} 3106 3107.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 3108 border-radius: 0; 3109} 3110 3111.btn-group > .btn:first-child { 3112 margin-left: 0; 3113} 3114 3115.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 3116 border-top-right-radius: 0; 3117 border-bottom-right-radius: 0; 3118} 3119 3120.btn-group > .btn:last-child:not(:first-child), 3121.btn-group > .dropdown-toggle:not(:first-child) { 3122 border-top-left-radius: 0; 3123 border-bottom-left-radius: 0; 3124} 3125 3126.btn-group > .btn-group { 3127 float: left; 3128} 3129 3130.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 3131 border-radius: 0; 3132} 3133 3134.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, 3135.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 3136 border-top-right-radius: 0; 3137 border-bottom-right-radius: 0; 3138} 3139 3140.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { 3141 border-top-left-radius: 0; 3142 border-bottom-left-radius: 0; 3143} 3144 3145.btn + .dropdown-toggle-split { 3146 padding-right: 0.5625rem; 3147 padding-left: 0.5625rem; 3148} 3149 3150.btn + .dropdown-toggle-split::after { 3151 margin-left: 0; 3152} 3153 3154.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 3155 padding-right: 0.375rem; 3156 padding-left: 0.375rem; 3157} 3158 3159.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 3160 padding-right: 0.75rem; 3161 padding-left: 0.75rem; 3162} 3163 3164.btn-group-vertical { 3165 -ms-flex-direction: column; 3166 flex-direction: column; 3167 -ms-flex-align: start; 3168 align-items: flex-start; 3169 -ms-flex-pack: center; 3170 justify-content: center; 3171} 3172 3173.btn-group-vertical .btn, 3174.btn-group-vertical .btn-group { 3175 width: 100%; 3176} 3177 3178.btn-group-vertical > .btn + .btn, 3179.btn-group-vertical > .btn + .btn-group, 3180.btn-group-vertical > .btn-group + .btn, 3181.btn-group-vertical > .btn-group + .btn-group { 3182 margin-top: -1px; 3183 margin-left: 0; 3184} 3185 3186.btn-group-vertical > .btn:not(:first-child):not(:last-child) { 3187 border-radius: 0; 3188} 3189 3190.btn-group-vertical > .btn:first-child:not(:last-child) { 3191 border-bottom-right-radius: 0; 3192 border-bottom-left-radius: 0; 3193} 3194 3195.btn-group-vertical > .btn:last-child:not(:first-child) { 3196 border-top-left-radius: 0; 3197 border-top-right-radius: 0; 3198} 3199 3200.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 3201 border-radius: 0; 3202} 3203 3204.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, 3205.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 3206 border-bottom-right-radius: 0; 3207 border-bottom-left-radius: 0; 3208} 3209 3210.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 3211 border-top-left-radius: 0; 3212 border-top-right-radius: 0; 3213} 3214 3215[data-toggle="buttons"] > .btn input[type="radio"], 3216[data-toggle="buttons"] > .btn input[type="checkbox"], 3217[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], 3218[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { 3219 position: absolute; 3220 clip: rect(0, 0, 0, 0); 3221 pointer-events: none; 3222} 3223 3224.input-group { 3225 position: relative; 3226 display: -ms-flexbox; 3227 display: flex; 3228 -ms-flex-align: stretch; 3229 align-items: stretch; 3230 width: 100%; 3231} 3232 3233.input-group .form-control { 3234 position: relative; 3235 z-index: 2; 3236 -ms-flex: 1 1 auto; 3237 flex: 1 1 auto; 3238 width: 1%; 3239 margin-bottom: 0; 3240} 3241 3242.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { 3243 z-index: 3; 3244} 3245 3246.input-group-addon, 3247.input-group-btn, 3248.input-group .form-control { 3249 display: -ms-flexbox; 3250 display: flex; 3251 -ms-flex-align: center; 3252 align-items: center; 3253} 3254 3255.input-group-addon:not(:first-child):not(:last-child), 3256.input-group-btn:not(:first-child):not(:last-child), 3257.input-group .form-control:not(:first-child):not(:last-child) { 3258 border-radius: 0; 3259} 3260 3261.input-group-addon, 3262.input-group-btn { 3263 white-space: nowrap; 3264} 3265 3266.input-group-addon { 3267 padding: 0.375rem 0.75rem; 3268 margin-bottom: 0; 3269 font-size: 1rem; 3270 font-weight: 400; 3271 line-height: 1.5; 3272 color: #495057; 3273 text-align: center; 3274 background-color: #e9ecef; 3275 border: 1px solid #ced4da; 3276 border-radius: 0.25rem; 3277} 3278 3279.input-group-addon.form-control-sm, 3280.input-group-sm > .input-group-addon, 3281.input-group-sm > .input-group-btn > .input-group-addon.btn { 3282 padding: 0.25rem 0.5rem; 3283 font-size: 0.875rem; 3284 border-radius: 0.2rem; 3285} 3286 3287.input-group-addon.form-control-lg, 3288.input-group-lg > .input-group-addon, 3289.input-group-lg > .input-group-btn > .input-group-addon.btn { 3290 padding: 0.5rem 1rem; 3291 font-size: 1.25rem; 3292 border-radius: 0.3rem; 3293} 3294 3295.input-group-addon input[type="radio"], 3296.input-group-addon input[type="checkbox"] { 3297 margin-top: 0; 3298} 3299 3300.input-group .form-control:not(:last-child), 3301.input-group-addon:not(:last-child), 3302.input-group-btn:not(:last-child) > .btn, 3303.input-group-btn:not(:last-child) > .btn-group > .btn, 3304.input-group-btn:not(:last-child) > .dropdown-toggle, 3305.input-group-btn:not(:first-child) >
3305 .btn:not(:last-child):not(.dropdown-toggle), 3306.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { 3307 border-top-right-radius: 0; 3308 border-bottom-right-radius: 0; 3309} 3310 3311.input-group-addon:not(:last-child) { 3312 border-right: 0; 3313} 3314 3315.input-group .form-control:not(:first-child), 3316.input-group-addon:not(:first-child), 3317.input-group-btn:not(:first-child) > .btn, 3318.input-group-btn:not(:first-child) > .btn-group > .btn, 3319.input-group-btn:not(:first-child) > .dropdown-toggle, 3320.input-group-btn:not(:last-child) > .btn:not(:first-child), 3321.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { 3322 border-top-left-radius: 0; 3323 border-bottom-left-radius: 0; 3324} 3325 3326.form-control + .input-group-addon:not(:first-child) { 3327 border-left: 0; 3328} 3329 3330.input-group-btn { 3331 position: relative; 3332 -ms-flex-align: stretch; 3333 align-items: stretch; 3334 font-size: 0; 3335 white-space: nowrap; 3336} 3337 3338.input-group-btn > .btn { 3339 position: relative; 3340} 3341 3342.input-group-btn > .btn + .btn { 3343 margin-left: -1px; 3344} 3345 3346.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { 3347 z-index: 3; 3348} 3349 3350.input-group-btn:first-child > .btn + .btn { 3351 margin-left: 0; 3352} 3353 3354.input-group-btn:not(:last-child) > .btn, 3355.input-group-btn:not(:last-child) > .btn-group { 3356 margin-right: -1px; 3357} 3358 3359.input-group-btn:not(:first-child) > .btn, 3360.input-group-btn:not(:first-child) > .btn-group { 3361 z-index: 2; 3362 margin-left: 0; 3363} 3364 3365.input-group-btn:not(:first-child) > .btn:first-child, 3366.input-group-btn:not(:first-child) > .btn-group:first-child { 3367 margin-left: -1px; 3368} 3369 3370.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, 3371.input-group-btn:not(:first-child) > .btn-group:focus, 3372.input-group-btn:not(:first-child) > .btn-group:active, 3373.input-group-btn:not(:first-child) > .btn-group:hover { 3374 z-index: 3; 3375} 3376 3377.custom-control { 3378 position: relative; 3379 display: -ms-inline-flexbox; 3380 display: inline-flex; 3381 min-height: 1.5rem; 3382 padding-left: 1.5rem; 3383 margin-right: 1rem; 3384} 3385 3386.custom-control-input { 3387 position: absolute; 3388 z-index: -1; 3389 opacity: 0; 3390} 3391 3392.custom-control-input:checked ~ .custom-control-indicator { 3393 color: #fff; 3394 background-color: #007bff; 3395} 3396 3397.custom-control-input:focus ~ .custom-control-indicator { 3398 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 3399} 3400 3401.custom-control-input:active ~ .custom-control-indicator { 3402 color: #fff; 3403 background-color: #b3d7ff; 3404} 3405 3406.custom-control-input:disabled ~ .custom-control-indicator { 3407 background-color: #e9ecef; 3408} 3409 3410.custom-control-input:disabled ~ .custom-control-description { 3411 color: #868e96; 3412} 3413 3414.custom-control-indicator { 3415 position: absolute; 3416 top: 0.25rem; 3417 left: 0; 3418 display: block; 3419 width: 1rem; 3420 height: 1rem; 3421 pointer-events: none; 3422 -webkit-user-select: none; 3423 -moz-user-select: none; 3424 -ms-user-select: none; 3425 user-select: none; 3426 background-color: #ddd; 3427 background-repeat: no-repeat; 3428 background-position: center center; 3429 background-size: 50% 50%; 3430} 3431 3432.custom-checkbox .custom-control-indicator { 3433 border-radius: 0.25rem; 3434} 3435 3436.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { 3437 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); 3438} 3439 3440.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { 3441 background-color: #007bff; 3442 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); 3443} 3444 3445.custom-radio .custom-control-indicator { 3446 border-radius: 50%; 3447} 3448 3449.custom-radio .custom-control-input:checked ~ .custom-control-indicator { 3450 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); 3451} 3452 3453.custom-controls-stacked { 3454 display: -ms-flexbox; 3455 display: flex; 3456 -ms-flex-direction: column; 3457 flex-direction: column; 3458} 3459
3460.custom-controls-stacked .custom-control { 3461 margin-bottom: 0.25rem; 3462} 3463 3464.custom-controls-stacked .custom-control + .custom-control { 3465 margin-left: 0; 3466} 3467 3468.custom-select { 3469 display: inline-block; 3470 max-width: 100%; 3471 height: calc(2.25rem + 2px); 3472 padding: 0.375rem 1.75rem 0.375rem 0.75rem; 3473 line-height: 1.5; 3474 color: #495057; 3475 vertical-align: middle; 3476 background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; 3477 background-size: 8px 10px; 3478 border: 1px solid #ced4da; 3479 border-radius: 0.25rem; 3480 -webkit-appearance: none; 3481 -moz-appearance: none; 3482 appearance: none; 3483} 3484 3485.custom-select:focus { 3486 border-color: #80bdff; 3487 outline: none; 3488} 3489 3490.custom-select:focus::-ms-value { 3491 color: #495057; 3492 background-color: #fff; 3493} 3494 3495.custom-select[multiple] { 3496 height: auto; 3497 background-image: none; 3498} 3499 3500.custom-select:disabled { 3501 color: #868e96; 3502 background-color: #e9ecef; 3503} 3504 3505.custom-select::-ms-expand { 3506 opacity: 0; 3507} 3508 3509.custom-select-sm { 3510 height: calc(1.8125rem + 2px); 3511 padding-top: 0.375rem; 3512 padding-bottom: 0.375rem; 3513 font-size: 75%; 3514} 3515 3516.custom-file { 3517 position: relative; 3518 display: inline-block; 3519 max-width: 100%; 3520 height: calc(2.25rem + 2px); 3521 margin-bottom: 0; 3522} 3523 3524.custom-file-input { 3525 min-width: 14rem; 3526 max-width: 100%; 3527 height: calc(2.25rem + 2px); 3528 margin: 0; 3529 opacity: 0; 3530} 3531 3532.custom-file-input:focus ~ .custom-file-control { 3533 box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff; 3534} 3535 3536.custom-file-control { 3537 position: absolute; 3538 top: 0; 3539 right: 0; 3540 left: 0; 3541 z-index: 5; 3542 height: calc(2.25rem + 2px); 3543 padding: 0.375rem 0.75rem; 3544 line-height: 1.5; 3545 color: #495057; 3546 pointer-events: none; 3547 -webkit-user-select: none; 3548 -moz-user-select: none; 3549 -ms-user-select: none; 3550 user-select: none; 3551 background-color: #fff; 3552 border: 1px solid #ced4da; 3553 border-radius: 0.25rem; 3554} 3555 3556.custom-file-control:lang(en):empty::after { 3557 content: "Choose file..."; 3558} 3559 3560.custom-file-control::before { 3561 position: absolute; 3562 top: -1px; 3563 right: -1px; 3564 bottom: -1px; 3565 z-index: 6; 3566 display: block; 3567 height: calc(2.25rem + 2px); 3568 padding: 0.375rem 0.75rem; 3569 line-height: 1.5; 3570 color: #495057; 3571 background-color: #e9ecef; 3572 border: 1px solid #ced4da; 3573 border-radius: 0 0.25rem 0.25rem 0; 3574} 3575 3576.custom-file-control:lang(en)::before { 3577 content: "Browse"; 3578} 3579 3580.nav { 3581 display: -ms-flexbox; 3582 display: flex; 3583 -ms-flex-wrap: wrap; 3584 flex-wrap: wrap; 3585 padding-left: 0; 3586 margin-bottom: 0; 3587 list-style: none; 3588} 3589 3590.nav-link { 3591 display: block; 3592 padding: 0.5rem 1rem; 3593} 3594 3595.nav-link:focus, .nav-link:hover { 3596 text-decoration: none; 3597} 3598 3599.nav-link.disabled { 3600 color: #868e96; 3601} 3602 3603.nav-tabs { 3604 border-bottom: 1px solid #ddd; 3605} 3606 3607.nav-tabs .nav-item { 3608 margin-bottom: -1px; 3609} 3610 3611.nav-tabs .nav-link { 3612 border: 1px solid transparent; 3613 border-top-left-radius: 0.25rem; 3614 border-top-right-radius: 0.25rem; 3615} 3616 3617.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { 3618 border-color: #e9ecef #e9ecef #ddd; 3619} 3620 3621.nav-tabs .nav-link.disabled { 3622 color: #868e96; 3623 background-color: transparent; 3624 border-color: transparent; 3625} 3626 3627.nav-tabs .nav-link.active, 3628.nav-tabs .nav-item.show .nav-link { 3629 color: #495057; 3630 background-color: #fff; 3631 border-color: #ddd #ddd #fff; 3632} 3633 3634.nav-tabs .dropdown-menu { 3635 margin-top: -1px; 3636 border-top-left-radius: 0; 3637 border-top-right-radius: 0; 3638} 3639 3640.nav-pills .nav-link { 3641 border-radius: 0.25rem; 3642} 3643 3644.nav-pills .nav-link.active, 3645.nav-pills .show > .nav-link { 3646 color: #fff; 3647 background-color: #00a64b; 3648} 3649 3650.nav-fill .nav-item { 3651 -ms-flex: 1 1 auto; 3652 flex: 1 1 auto; 3653 text-align: center; 3654} 3655 3656.nav-justified .nav-item { 3657 -ms-flex-preferred-size: 0; 3658 flex-basis: 0; 3659 -ms-flex-positive: 1; 3660 flex-grow: 1; 3661 text-align: center; 3662} 3663 3664.tab-content > .tab-pane { 3665 display: none; 3666} 3667 3668.tab-content > .active { 3669 display: block; 3670} 3671 3672.navbar { 3673 position: relative; 3674 display: -ms-flexbox; 3675 display: flex; 3676 -ms-flex-wrap: wrap; 3677 flex-wrap: wrap; 3678 -ms-flex-align: center; 3679 align-items: center; 3680 -ms-flex-pack: justify; 3681 justify-content: space-between; 3682 padding: 0.5rem 1rem; 3683} 3684 3685.navbar > .container, 3686.navbar > .container-fluid { 3687 display: -ms-flexbox; 3688 display: flex; 3689 -ms-flex-wrap: wrap; 3690 flex-wrap: wrap; 3691 -ms-flex-align: center; 3692 align-items: center; 3693 -ms-flex-pack: justify; 3694 justify-content: space-between; 3695} 3696 3697.navbar-brand { 3698 display: inline-block; 3699 padding-top: 0.3125rem; 3700 padding-bottom: 0.3125rem; 3701 margin-right: 1rem; 3702 font-size: 1.25rem; 3703 line-height: inherit; 3704 white-space: nowrap; 3705} 3706 3707.navbar-brand:focus, .navbar-brand:hover { 3708 text-decoration: none; 3709} 3710 3711.navbar-nav { 3712 display: -ms-flexbox; 3713 display: flex; 3714 -ms-flex-direction: column; 3715 flex-direction: column; 3716 padding-left: 0; 3717 margin-bottom: 0; 3718 list-style: none; 3719} 3720 3721.navbar-nav .nav-link { 3722 padding-right: 0; 3723 padding-left: 0; 3724} 3725 3726.navbar-nav .dropdown-menu { 3727 position: static; 3728 float: none; 3729} 3730 3731.navbar-text { 3732 display: inline-block; 3733 padding-top: 0.5rem; 3734 padding-bottom: 0.5rem; 3735} 3736 3737.navbar-collapse { 3738 -ms-flex-preferred-size: 100%; 3739 flex-basis: 100%; 3740 -ms-flex-positive: 1; 3741 flex-grow: 1; 3742 -ms-flex-align: center; 3743 align-items: center; 3744} 3745 3746.navbar-toggler { 3747 padding: 0.25rem 0.75rem; 3748 font-size: 1.25rem; 3749 line-height: 1; 3750 background: transparent; 3751 border: 1px solid transparent; 3752 border-radius: 0.25rem; 3753} 3754 3755.navbar-toggler:focus, .navbar-toggler:hover { 3756 text-decoration: none; 3757} 3758 3759.navbar-toggler-icon { 3760 display: inline-block; 3761 width: 1.5em; 3762 height: 1.5em; 3763 vertical-align: middle; 3764 content: ""; 3765 background: no-repeat center center; 3766 background-size: 100% 100%; 3767} 3768 3769@media (max-width: 575px) { 3770 .navbar-expand-sm > .container, 3771 .navbar-expand-sm > .container-fluid { 3772 padding-right: 0; 3773 padding-left: 0; 3774 } 3775} 3776 3777@media (min-width: 576px) { 3778 .navbar-expand-sm { 3779 -ms-flex-flow: row nowrap; 3780 flex-flow: row nowrap; 3781 -ms-flex-pack: start; 3782 justify-content: flex-start; 3783 } 3784 .navbar-expand-sm .navbar-nav { 3785 -ms-flex-direction: row; 3786 flex-direction: row; 3787 } 3788 .navbar-expand-sm .navbar-nav .dropdown-menu { 3789 position: absolute; 3790 } 3791 .navbar-expand-sm .navbar-nav .dropdown-menu-right { 3792 right: 0; 3793 left: auto; 3794 } 3795 .navbar-expand-sm .navbar-nav .nav-link { 3796 padding-right: .5rem; 3797 padding-left: .5rem; 3798 } 3799 .navbar-expand-sm > .container, 3800 .navbar-expand-sm > .container-fluid { 3801 -ms-flex-wrap: nowrap; 3802 flex-wrap: nowrap; 3803 } 3804 .navbar-expand-sm .navbar-collapse { 3805 display: -ms-flexbox !important; 3806 display: flex !important; 3807 -ms-flex-preferred-size: auto; 3808 flex-basis: auto; 3809 } 3810 .navbar-expand-sm .navbar-toggler { 3811 display: none; 3812 } 3813 .navbar-expand-sm .dropup .dropdown-menu { 3814 top: auto; 3815 bottom: 100%; 3816 } 3817} 3818 3819@media (max-width: 767px) { 3820 .navbar-expand-md > .container, 3821 .navbar-expand-md > .container-fluid { 3822 padding-right: 0; 3823 padding-left: 0; 3824 } 3825} 3826 3827@media (min-width: 768px) { 3828 .navbar-expand-md { 3829 -ms-flex-flow: row nowrap; 3830 flex-flow: row nowrap; 3831 -ms-flex-pack: start; 3832 justify-content: flex-start; 3833 } 3834 .navbar-expand-md .navbar-nav { 3835 -ms-flex-direction: row; 3836 flex-direction: row; 3837 } 3838 .navbar-expand-md .navbar-nav .dropdown-menu { 3839 position: absolute; 3840 } 3841 .navbar-expand-md .navbar-nav .dropdown-menu-right { 3842 right: 0; 3843 left: auto; 3844 } 3845 .navbar-expand-md .navbar-nav .nav-link { 3846 padding-right: .5rem; 3847 padding-left: .5rem; 3848 } 3849 .navbar-expand-md > .container, 3850 .navbar-expand-md > .container-fluid { 3851 -ms-flex-wrap: nowrap; 3852 flex-wrap: nowrap; 3853 } 3854 .navbar-expand-md .navbar-collapse { 3855 display: -ms-flexbox !important; 3856 display: flex !important; 3857 -ms-flex-preferred-size: auto; 3858 flex-basis: auto; 3859 } 3860 .navbar-expand-md .navbar-toggler { 3861 display: none; 3862 } 3863 .navbar-expand-md .dropup .dropdown-menu { 3864 top: auto; 3865 bottom: 100%; 3866 } 3867} 3868 3869@media (max-width: 991px) { 3870 .navbar-expand-lg > .container, 3871 .navbar-expand-lg > .container-fluid { 3872 padding-right: 0; 3873 padding-left: 0; 3874 } 3875} 3876 3877@media (min-width: 992px) { 3878 .navbar-expand-lg { 3879 -ms-flex-flow: row nowrap; 3880 flex-flow: row nowrap; 3881 -ms-flex-pack: start; 3882 justify-content: flex-start; 3883 } 3884 .navbar-expand-lg .navbar-nav { 3885 -ms-flex-direction: row; 3886 flex-direction: row; 3887 } 3888 .navbar-expand-lg .navbar-nav .dropdown-menu { 3889 position: absolute; 3890 } 3891 .navbar-expand-lg .navbar-nav .dropdown-menu-right { 3892 right: 0; 3893 left: auto; 3894 } 3895 .navbar-expand-lg .navbar-nav .nav-link { 3896 padding-right: .5rem; 3897 padding-left: .5rem; 3898 } 3899 .navbar-expand-lg > .container, 3900 .navbar-expand-lg > .container-fluid { 3901 -ms-flex-wrap: nowrap; 3902 flex-wrap: nowrap; 3903 } 3904 .navbar-expand-lg .navbar-collapse { 3905 display: -ms-flexbox !important; 3906 display: flex !important; 3907 -ms-flex-preferred-size: auto; 3908 flex-basis: auto; 3909 } 3910 .navbar-expand-lg .navbar-toggler { 3911 display: none; 3912 } 3913 .navbar-expand-lg .dropup .dropdown-menu { 3914 top: auto; 3915 bottom: 100%; 3916 } 3917} 3918 3919@media (max-width: 1199px) { 3920 .navbar-expand-xl > .container, 3921 .navbar-expand-xl > .container-fluid { 3922 padding-right: 0; 3923 padding-left: 0; 3924 } 3925} 3926 3927@media (min-width: 1200px) { 3928 .navbar-expand-xl { 3929 -ms-flex-flow: row nowrap; 3930 flex-flow: row nowrap; 3931 -ms-flex-pack: start; 3932 justify-content: flex-start; 3933 } 3934 .navbar-expand-xl .navbar-nav { 3935 -ms-flex-direction: row; 3936 flex-direction: row; 3937 } 3938 .navbar-expand-xl .navbar-nav .dropdown-menu { 3939 position: absolute; 3940 } 3941 .navbar-expand-xl .navbar-nav .dropdown-menu-right { 3942 right: 0; 3943 left: auto; 3944 } 3945 .navbar-expand-xl .navbar-nav .nav-link { 3946 padding-right: .5rem; 3947 padding-left: .5rem; 3948 } 3949 .navbar-expand-xl > .container, 3950 .navbar-expand-xl > .container-fluid { 3951 -ms-flex-wrap: nowrap; 3952 flex-wrap: nowrap; 3953 } 3954 .navbar-expand-xl .navbar-collapse { 3955 display: -ms-flexbox !important; 3956 display: flex !important; 3957 -ms-flex-preferred-size: auto; 3958 flex-basis: auto; 3959 } 3960 .navbar-expand-xl .navbar-toggler { 3961 display: none; 3962 } 3963 .navbar-expand-xl .dropup .dropdown-menu { 3964 top: auto; 3965 bottom: 100%; 3966 } 3967} 3968 3969.navbar-expand { 3970 -ms-flex-flow: row nowrap; 3971 flex-flow: row nowrap; 3972 -ms-flex-pack: start; 3973 justify-content: flex-start; 3974} 3975 3976.navbar-expand > .container, 3977.navbar-expand > .container-fluid { 3978 padding-right: 0; 3979 padding-left: 0; 3980} 3981 3982.navbar-expand .navbar-nav { 3983 -ms-flex-direction: row; 3984 flex-direction: row; 3985} 3986 3987.navbar-expand .navbar-nav .dropdown-menu { 3988 position: absolute; 3989} 3990 3991.navbar-expand .navbar-nav .dropdown-menu-right { 3992 right: 0; 3993 left: auto; 3994} 3995 3996.navbar-expand .navbar-nav .nav-link { 3997 padding-right: .5rem; 3998 padding-left: .5rem; 3999} 4000 4001.navbar-expand > .container, 4002.navbar-expand > .container-fluid { 4003 -ms-flex-wrap: nowrap; 4004 flex-wrap: nowrap; 4005} 4006 4007.navbar-expand .navbar-collapse { 4008 display: -ms-flexbox !important; 4009 display: flex !important; 4010 -ms-flex-preferred-size: auto; 4011 flex-basis: auto; 4012} 4013 4014.navbar-expand .navbar-toggler { 4015 display: none; 4016} 4017 4018.navbar-expand .dropup .dropdown-menu { 4019 top: auto; 4020 bottom: 100%; 4021} 4022 4023.navbar-light .navbar-brand { 4024 color: rgba(0, 0, 0, 0.9); 4025} 4026 4027.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
4028 color: rgba(0, 0, 0, 0.9); 4029} 4030 4031.navbar-light .navbar-nav .nav-link { 4032 color: rgba(0, 0, 0, 0.5); 4033} 4034 4035.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { 4036 color: rgba(0, 0, 0, 0.7); 4037} 4038 4039.navbar-light .navbar-nav .nav-link.disabled { 4040 color: rgba(0, 0, 0, 0.3); 4041} 4042 4043.navbar-light .navbar-nav .show > .nav-link, 4044.navbar-light .navbar-nav .active > .nav-link, 4045.navbar-light .navbar-nav .nav-link.show, 4046.navbar-light .navbar-nav .nav-link.active { 4047 color: rgba(0, 0, 0, 0.9); 4048} 4049 4050.navbar-light .navbar-toggler { 4051 color: rgba(0, 0, 0, 0.5); 4052 border-color: rgba(0, 0, 0, 0.1); 4053} 4054 4055.navbar-light .navbar-toggler-icon { 4056 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 4057} 4058 4059.navbar-light .navbar-text { 4060 color: rgba(0, 0, 0, 0.5); 4061} 4062 4063.navbar-light .navbar-text a { 4064 color: rgba(0, 0, 0, 0.9); 4065} 4066 4067.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { 4068 color: rgba(0, 0, 0, 0.9); 4069} 4070 4071.navbar-dark .navbar-brand { 4072 color: #fff; 4073} 4074 4075.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { 4076 color: #fff; 4077} 4078 4079.navbar-dark .navbar-nav .nav-link { 4080 color: rgba(255, 255, 255, 0.5); 4081} 4082 4083.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { 4084 color: rgba(255, 255, 255, 0.75); 4085} 4086 4087.navbar-dark .navbar-nav .nav-link.disabled { 4088 color: rgba(255, 255, 255, 0.25); 4089} 4090 4091.navbar-dark .navbar-nav .show > .nav-link, 4092.navbar-dark .navbar-nav .active > .nav-link, 4093.navbar-dark .navbar-nav .nav-link.show, 4094.navbar-dark .navbar-nav .nav-link.active { 4095 color: #fff; 4096} 4097 4098.navbar-dark .navbar-toggler { 4099 color: rgba(255, 255, 255, 0.5); 4100 border-color: rgba(255, 255, 255, 0.1); 4101} 4102 4103.navbar-dark .navbar-toggler-icon { 4104 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 4105} 4106 4107.navbar-dark .navbar-text { 4108 color: rgba(255, 255, 255, 0.5); 4109} 4110 4111.navbar-dark .navbar-text a { 4112 color: #fff; 4113} 4114 4115.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { 4116 color: #fff; 4117} 4118 4119.card { 4120 position: relative; 4121 display: -ms-flexbox; 4122 display: flex; 4123 -ms-flex-direction: column; 4124 flex-direction: column; 4125 min-width: 0; 4126 word-wrap: break-word; 4127 background-color: #fff; 4128 background-clip: border-box; 4129 border: 1px solid rgba(0, 0, 0, 0.125); 4130 border-radius: 0.25rem; 4131} 4132 4133.card > hr { 4134 margin-right: 0; 4135 margin-left: 0; 4136} 4137 4138.card > .list-group:first-child .list-group-item:first-child { 4139 border-top-left-radius: 0.25rem; 4140 border-top-right-radius: 0.25rem; 4141} 4142 4143.card > .list-group:last-child .list-group-item:last-child { 4144 border-bottom-right-radius: 0.25rem; 4145 border-bottom-left-radius: 0.25rem; 4146} 4147 4148.card-body { 4149 -ms-flex: 1 1 auto; 4150 flex: 1 1 auto; 4151 padding: 1.25rem; 4152} 4153 4154.card-title { 4155 margin-bottom: 0.75rem; 4156} 4157 4158.card-subtitle { 4159 margin-top: -0.375rem; 4160 margin-bottom: 0; 4161} 4162 4163.card-text:last-child { 4164 margin-bottom: 0; 4165} 4166 4167.card-link:hover { 4168 text-decoration: none; 4169} 4170 4171.card-link + .card-link { 4172 margin-left: 1.25rem; 4173} 4174 4175.card-header { 4176 padding: 0.75rem 1.25rem; 4177 margin-bottom: 0; 4178 background-color: rgba(0, 0, 0, 0.03); 4179 border-bottom: 1px solid rgba(0, 0, 0, 0.125); 4180} 4181 4182.card-header:first-child { 4183 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; 4184} 4185 4186.card-header + .list-group .list-group-item:first-child { 4187 border-top: 0; 4188} 4189 4190.card-footer { 4191 padding: 0.75rem 1.25rem; 4192 background-color: rgba(0, 0, 0, 0.03); 4193 border-top: 1px solid rgba(0, 0, 0, 0.125); 4194} 4195 4196.card-footer:last-child { 4197 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); 4198} 4199 4200.card-header-tabs { 4201 margin-right: -0.625rem; 4202 margin-bottom: -0.75rem; 4203 margin-left: -0.625rem; 4204 border-bottom: 0; 4205} 4206 4207.card-header-pills { 4208 margin-right: -0.625rem; 4209 margin-left: -0.625rem; 4210} 4211
4212.card-img-overlay { 4213 position: absolute; 4214 top: 0; 4215 right: 0; 4216 bottom: 0; 4217 left: 0; 4218 padding: 1.25rem; 4219} 4220 4221.card-img { 4222 width: 100%; 4223 border-radius: calc(0.25rem - 1px); 4224} 4225 4226.card-img-top { 4227 width: 100%; 4228 border-top-left-radius: calc(0.25rem - 1px); 4229 border-top-right-radius: calc(0.25rem - 1px); 4230} 4231 4232.card-img-bottom { 4233 width: 100%; 4234 border-bottom-right-radius: calc(0.25rem - 1px); 4235 border-bottom-left-radius: calc(0.25rem - 1px); 4236} 4237 4238.card-deck { 4239 display: -ms-flexbox; 4240 display: flex; 4241 -ms-flex-direction: column; 4242 flex-direction: column; 4243} 4244 4245.card-deck .card { 4246 margin-bottom: 15px; 4247} 4248 4249@media (min-width: 576px) { 4250 .card-deck { 4251 -ms-flex-flow: row wrap; 4252 flex-flow: row wrap; 4253 margin-right: -15px; 4254 margin-left: -15px; 4255 } 4256 .card-deck .card { 4257 display: -ms-flexbox; 4258 display: flex; 4259 -ms-flex: 1 0 0%; 4260 flex: 1 0 0%; 4261 -ms-flex-direction: column; 4262 flex-direction: column; 4263 margin-right: 15px; 4264 margin-bottom: 0; 4265 margin-left: 15px; 4266 } 4267} 4268 4269.card-group { 4270 display: -ms-flexbox; 4271 display: flex; 4272 -ms-flex-direction: column; 4273 flex-direction: column; 4274} 4275 4276.card-group .card { 4277 margin-bottom: 15px; 4278} 4279 4280@media (min-width: 576px) { 4281 .card-group { 4282 -ms-flex-flow: row wrap; 4283 flex-flow: row wrap; 4284 } 4285 .card-group .card { 4286 -ms-flex: 1 0 0%; 4287 flex: 1 0 0%; 4288 margin-bottom: 0; 4289 } 4290 .card-group .card + .card { 4291 margin-left: 0; 4292 border-left: 0; 4293 } 4294 .card-group .card:first-child { 4295 border-top-right-radius: 0; 4296 border-bottom-right-radius: 0; 4297 } 4298 .card-group .card:first-child .card-img-top { 4299 border-top-right-radius: 0; 4300 } 4301 .card-group .card:first-child .card-img-bottom { 4302 border-bottom-right-radius: 0; 4303 } 4304 .card-group .card:last-child { 4305 border-top-left-radius: 0; 4306 border-bottom-left-radius: 0; 4307 } 4308 .card-group .card:last-child .card-img-top { 4309 border-top-left-radius: 0; 4310 } 4311 .card-group .card:last-child .card-img-bottom { 4312 border-bottom-left-radius: 0; 4313 } 4314 .card-group .card:only-child { 4315 border-radius: 0.25rem; 4316 } 4317 .card-group .card:only-child .card-img-top { 4318 border-top-left-radius: 0.25rem; 4319 border-top-right-radius: 0.25rem; 4320 } 4321 .card-group .card:only-child .card-img-bottom { 4322 border-bottom-right-radius: 0.25rem; 4323 border-bottom-left-radius: 0.25rem; 4324 } 4325 .card-group .card:not(:first-child):not(:last-child):not(:only-child) { 4326 border-radius: 0; 4327 } 4328 .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, 4329 .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom { 4330 border-radius: 0; 4331 } 4332} 4333 4334.card-columns .card { 4335 margin-bottom: 0.75rem; 4336} 4337 4338@media (min-width: 576px) { 4339 .card-columns { 4340 -webkit-column-count: 3; 4341 column-count: 3; 4342 -webkit-column-gap: 1.25rem; 4343 column-gap: 1.25rem; 4344 } 4345 .card-columns .card { 4346 display: inline-block; 4347 width: 100%; 4348 } 4349} 4350 4351.breadcrumb { 4352 display: -ms-flexbox; 4353 display: flex; 4354 -ms-flex-wrap: wrap; 4355 flex-wrap: wrap; 4356 padding: 0.75rem 1rem; 4357 margin-bottom: 1rem; 4358 list-style: none; 4359 background-color: #e9ecef; 4360 border-radius: 0.25rem; 4361} 4362 4363.breadcrumb-item + .breadcrumb-item::before { 4364 display: inline-block; 4365 padding-right: 0.5rem; 4366 padding-left: 0.5rem; 4367 color: #868e96; 4368 content: "/"; 4369} 4370 4371.breadcrumb-item + .breadcrumb-item:hover::before { 4372 text-decoration: underline; 4373} 4374 4375.breadcrumb-item + .breadcrumb-item:hover::before { 4376 text-decoration: none; 4377} 4378 4379.breadcrumb-item.active { 4380 color: #868e96; 4381} 4382 4383.pagination { 4384 display: -ms-flexbox; 4385 display: flex; 4386 padding-left: 0; 4387 list-style: none; 4388 border-radius: 0.25rem; 4389} 4390 4391.page-item:first-child .page-link { 4392 margin-left: 0; 4393 border-top-left-radius: 0.25rem; 4394 border-bottom-left-radius: 0.25rem; 4395} 4396 4397.page-item:last-child .page-link { 4398 border-top-right-radius: 0.25rem; 4399 border-bottom-right-radius: 0.25rem; 4400} 4401 4402.page-item.active .page-link { 4403 z-index: 2; 4404 color: #fff !important; 4405 background-color: #28a745; 4406 border-color: #28a745; 4407} 4408 4409.page-item.disabled .page-link { 4410 color: #868e96; 4411 pointer-events: none; 4412 background-color: #fff; 4413 border-color: #ddd; 4414} 4415 4416.page-link { 4417 position: relative; 4418 display: block; 4419 padding: 0.5rem 0.75rem; 4420 margin-left: -1px; 4421 line-height: 1.25; 4422 color: #007bff; 4423 background-color: #fff; 4424 border: 1px solid #ddd; 4425} 4426 4427.page-link:focus, .page-link:hover {
4428 color: #0056b3; 4429 text-decoration: none; 4430 background-color: #e9ecef; 4431 border-color: #ddd; 4432} 4433 4434.pagination-lg .page-link { 4435 padding: 0.75rem 1.5rem; 4436 font-size: 1.25rem; 4437 line-height: 1.5; 4438} 4439 4440.pagination-lg .page-item:first-child .page-link { 4441 border-top-left-radius: 0.3rem; 4442 border-bottom-left-radius: 0.3rem; 4443} 4444 4445.pagination-lg .page-item:last-child .page-link { 4446 border-top-right-radius: 0.3rem; 4447 border-bottom-right-radius: 0.3rem; 4448} 4449 4450.pagination-sm .page-link { 4451 padding: 0.25rem 0.5rem; 4452 font-size: 0.875rem; 4453 line-height: 1.5; 4454} 4455 4456.pagination-sm .page-item:first-child .page-link { 4457 border-top-left-radius: 0.2rem; 4458 border-bottom-left-radius: 0.2rem; 4459} 4460 4461.pagination-sm .page-item:last-child .page-link { 4462 border-top-right-radius: 0.2rem; 4463 border-bottom-right-radius: 0.2rem; 4464} 4465 4466.badge { 4467 display: inline-block; 4468 padding: 0.25em 0.4em; 4469 font-size: 75%; 4470 font-weight: 700; 4471 line-height: 1; 4472 text-align: center; 4473 white-space: nowrap; 4474 vertical-align: baseline; 4475 border-radius: 0.25rem; 4476} 4477 4478.badge:empty { 4479 display: none; 4480} 4481 4482.btn .badge { 4483 position: relative; 4484 top: -1px; 4485} 4486 4487.badge-pill { 4488 padding-right: 0.6em; 4489 padding-left: 0.6em; 4490 border-radius: 10rem; 4491} 4492 4493.badge-primary { 4494 color: #fff; 4495 background-color: #007bff; 4496} 4497 4498.badge-primary[href]:focus, .badge-primary[href]:hover { 4499 color: #fff; 4500 text-decoration: none; 4501 background-color: #0062cc; 4502} 4503 4504.badge-secondary { 4505 color: #fff; 4506 background-color: #868e96; 4507} 4508 4509.badge-secondary[href]:focus, .badge-secondary[href]:hover { 4510 color: #fff; 4511 text-decoration: none; 4512 background-color: #6c757d; 4513} 4514 4515.badge-success { 4516 color: #fff; 4517 background-color: #28a745; 4518} 4519 4520.badge-success[href]:focus, .badge-success[href]:hover { 4521 color: #fff; 4522 text-decoration: none; 4523 background-color: #1e7e34; 4524} 4525 4526.badge-info { 4527 color: #fff; 4528 background-color: #17a2b8; 4529} 4530 4531.badge-info[href]:focus, .badge-info[href]:hover { 4532 color: #fff; 4533 text-decoration: none; 4534 background-color: #117a8b; 4535} 4536 4537.badge-warning { 4538 color: #111; 4539 background-color: #ffc107; 4540} 4541 4542.badge-warning[href]:focus, .badge-warning[href]:hover { 4543 color: #111; 4544 text-decoration: none; 4545 background-color: #d39e00; 4546} 4547 4548.badge-danger { 4549 color: #fff; 4550 background-color: #dc3545; 4551} 4552 4553.badge-danger[href]:focus, .badge-danger[href]:hover { 4554 color: #fff; 4555 text-decoration: none; 4556 background-color: #bd2130; 4557} 4558 4559.badge-light { 4560 color: #111; 4561 background-color: #f8f9fa; 4562} 4563 4564.badge-light[href]:focus, .badge-light[href]:hover { 4565 color: #111; 4566 text-decoration: none; 4567 background-color: #dae0e5; 4568} 4569 4570.badge-dark { 4571 color: #fff; 4572 background-color: #343a40; 4573} 4574 4575.badge-dark[href]:focus, .badge-dark[href]:hover { 4576 color: #fff; 4577 text-decoration: none; 4578 background-color: #1d2124; 4579} 4580 4581.jumbotron { 4582 padding: 2rem 1rem; 4583 margin-bottom: 2rem; 4584 background-color: #e9ecef; 4585 border-radius: 0.3rem; 4586} 4587 4588@media (min-width: 576px) { 4589 .jumbotron { 4590 padding: 4rem 2rem; 4591 } 4592} 4593 4594.jumbotron-fluid { 4595 padding-right: 0; 4596 padding-left: 0; 4597 border-radius: 0; 4598} 4599 4600.alert { 4601 position: relative; 4602 padding: 0.75rem 1.25rem; 4603 margin-bottom: 1rem; 4604 border: 1px solid transparent; 4605 border-radius: 0.25rem; 4606} 4607 4608.alert-heading { 4609 color: inherit; 4610} 4611 4612.alert-link { 4613 font-weight: 700; 4614} 4615 4616.alert-dismissible .close { 4617 position: absolute; 4618 top: 0; 4619 right: 0; 4620 padding: 0.75rem 1.25rem; 4621 color: inherit; 4622} 4623 4624.alert-primary { 4625 color: #004085; 4626 background-color: #cce5ff; 4627 border-color: #b8daff; 4628} 4629 4630.alert-primary hr { 4631 border-top-color: #9fcdff; 4632} 4633 4634.alert-primary .alert-link { 4635 color: #002752; 4636} 4637 4638.alert-secondary { 4639 color: #464a4e; 4640 background-color: #e7e8ea; 4641 border-color: #dddfe2; 4642} 4643 4644.alert-secondary hr { 4645 border-top-color: #cfd2d6; 4646} 4647 4648.alert-secondary .alert-link { 4649 color: #2e3133; 4650} 4651 4652.alert-success { 4653 color: #155724; 4654 background-color: #d4edda; 4655 border-color: #c3e6cb; 4656} 4657 4658.alert-success hr { 4659 border-top-color: #b1dfbb; 4660} 4661 4662.alert-success .alert-link { 4663 color: #0b2e13; 4664} 4665 4666.alert-info { 4667 color: #0c5460; 4668 background-color: #d1ecf1; 4669 border-color: #bee5eb; 4670} 4671 4672.alert-info hr { 4673 border-top-color: #abdde5; 4674} 4675 4676.alert-info .alert-link { 4677 color: #062c33; 4678} 4679 4680.alert-warning { 4681 color: #856404; 4682 background-color: #fff3cd; 4683 border-color: #ffeeba; 4684} 4685 4686.alert-warning hr { 4687 border-top-color: #ffe8a1; 4688} 4689 4690.alert-warning .alert-link { 4691 color: #533f03; 4692} 4693 4694.alert-danger { 4695 color: #721c24; 4696 background-color: #f8d7da; 4697 border-color: #f5c6cb; 4698} 4699 4700.alert-danger hr {
4701 border-top-color: #f1b0b7; 4702} 4703 4704.alert-danger .alert-link { 4705 color: #491217; 4706} 4707 4708.alert-light { 4709 color: #818182; 4710 background-color: #fefefe; 4711 border-color: #fdfdfe; 4712} 4713 4714.alert-light hr { 4715 border-top-color: #ececf6; 4716} 4717 4718.alert-light .alert-link { 4719 color: #686868; 4720} 4721 4722.alert-dark { 4723 color: #1b1e21; 4724 background-color: #d6d8d9; 4725 border-color: #c6c8ca; 4726} 4727 4728.alert-dark hr { 4729 border-top-color: #b9bbbe; 4730} 4731 4732.alert-dark .alert-link { 4733 color: #040505; 4734} 4735 4736@-webkit-keyframes progress-bar-stripes { 4737 from { 4738 background-position: 1rem 0; 4739 } 4740 to { 4741 background-position: 0 0; 4742 } 4743} 4744 4745@keyframes progress-bar-stripes { 4746 from { 4747 background-position: 1rem 0; 4748 } 4749 to { 4750 background-position: 0 0; 4751 } 4752} 4753 4754.progress { 4755 display: -ms-flexbox; 4756 display: flex; 4757 height: 1rem; 4758 overflow: hidden; 4759 font-size: 0.75rem; 4760 background-color: #e9ecef; 4761 border-radius: 0.25rem; 4762} 4763 4764.progress-bar { 4765 display: -ms-flexbox; 4766 display: flex; 4767 -ms-flex-align: center; 4768 align-items: center; 4769 -ms-flex-pack: center; 4770 justify-content: center; 4771 color: #fff; 4772 background-color: #007bff; 4773} 4774 4775.progress-bar-striped { 4776 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4777 background-size: 1rem 1rem; 4778} 4779 4780.progress-bar-animated { 4781 -webkit-animation: progress-bar-stripes 1s linear infinite; 4782 animation: progress-bar-stripes 1s linear infinite; 4783} 4784 4785.media { 4786 display: -ms-flexbox; 4787 display: flex; 4788 -ms-flex-align: start; 4789 align-items: flex-start; 4790} 4791 4792.media-body { 4793 -ms-flex: 1; 4794 flex: 1; 4795} 4796 4797.list-group { 4798 display: -ms-flexbox; 4799 display: flex; 4800 -ms-flex-direction: column; 4801 flex-direction: column; 4802 padding-left: 0; 4803 margin-bottom: 0; 4804} 4805 4806.list-group-item-action { 4807 width: 100%; 4808 color: #495057; 4809 text-align: inherit; 4810} 4811 4812.list-group-item-action:focus, .list-group-item-action:hover { 4813 color: #495057; 4814 text-decoration: none; 4815 background-color: #f8f9fa; 4816} 4817 4818.list-group-item-action:active { 4819 color: #212529; 4820 background-color: #e9ecef; 4821} 4822 4823.list-group-item { 4824 position: relative; 4825 display: block; 4826 padding: 0.75rem 1.25rem; 4827 margin-bottom: -1px; 4828 background-color: #fff; 4829 border: 1px solid rgba(0, 0, 0, 0.125); 4830} 4831 4832.list-group-item:first-child { 4833 border-top-left-radius: 0.25rem; 4834 border-top-right-radius: 0.25rem; 4835} 4836 4837.list-group-item:last-child { 4838 margin-bottom: 0; 4839 border-bottom-right-radius: 0.25rem; 4840 border-bottom-left-radius: 0.25rem; 4841} 4842 4843.list-group-item:focus, .list-group-item:hover { 4844 text-decoration: none; 4845} 4846 4847.list-group-item.disabled, .list-group-item:disabled { 4848 color: #868e96; 4849 background-color: #fff; 4850} 4851 4852.list-group-item.active { 4853 z-index: 2; 4854 color: #fff; 4855 background-color: #007bff; 4856 border-color: #007bff; 4857} 4858 4859.list-group-flush .list-group-item { 4860 border-right: 0; 4861 border-left: 0; 4862 border-radius: 0; 4863} 4864 4865.list-group-flush:first-child .list-group-item:first-child { 4866 border-top: 0; 4867} 4868 4869.list-group-flush:last-child .list-group-item:last-child { 4870 border-bottom: 0; 4871} 4872 4873.list-group-item-primary { 4874 color: #004085; 4875 background-color: #b8daff; 4876} 4877 4878a.list-group-item-primary, 4879button.list-group-item-primary { 4880 color: #004085; 4881} 4882 4883a.list-group-item-primary:focus, a.list-group-item-primary:hover, 4884button.list-group-item-primary:focus, 4885button.list-group-item-primary:hover { 4886 color: #004085; 4887 background-color: #9fcdff; 4888} 4889 4890a.list-group-item-primary.active, 4891button.list-group-item-primary.active { 4892 color: #fff; 4893 background-color: #004085; 4894 border-color: #004085; 4895} 4896 4897.list-group-item-secondary { 4898 color: #464a4e; 4899 background-color: #dddfe2; 4900} 4901 4902a.list-group-item-secondary, 4903button.list-group-item-secondary { 4904 color: #464a4e; 4905} 4906 4907a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, 4908button.list-group-item-secondary:focus, 4909button.list-group-item-secondary:hover { 4910 color: #464a4e; 4911 background-color: #cfd2d6; 4912} 4913 4914a.list-group-item-secondary.active, 4915button.list-group-item-secondary.active { 4916 color: #fff; 4917 background-color: #464a4e; 4918 border-color: #464a4e; 4919} 4920 4921.list-group-item-success { 4922 color: #155724; 4923 background-color: #c3e6cb; 4924} 4925 4926a.list-group-item-success, 4927button.list-group-item-success { 4928 color: #155724; 4929} 4930 4931a.list-group-item-success:focus, a.list-group-item-success:hover, 4932button.list-group-item-success:focus, 4933button.list-group-item-success:hover {
4934 color: #155724; 4935 background-color: #b1dfbb; 4936} 4937 4938a.list-group-item-success.active, 4939button.list-group-item-success.active { 4940 color: #fff; 4941 background-color: #155724; 4942 border-color: #155724; 4943} 4944 4945.list-group-item-info { 4946 color: #0c5460; 4947 background-color: #bee5eb; 4948} 4949 4950a.list-group-item-info, 4951button.list-group-item-info { 4952 color: #0c5460; 4953} 4954 4955a.list-group-item-info:focus, a.list-group-item-info:hover, 4956button.list-group-item-info:focus, 4957button.list-group-item-info:hover { 4958 color: #0c5460; 4959 background-color: #abdde5; 4960} 4961 4962a.list-group-item-info.active, 4963button.list-group-item-info.active { 4964 color: #fff; 4965 background-color: #0c5460; 4966 border-color: #0c5460; 4967} 4968 4969.list-group-item-warning { 4970 color: #856404; 4971 background-color: #ffeeba; 4972} 4973 4974a.list-group-item-warning, 4975button.list-group-item-warning { 4976 color: #856404; 4977} 4978 4979a.list-group-item-warning:focus, a.list-group-item-warning:hover, 4980button.list-group-item-warning:focus, 4981button.list-group-item-warning:hover { 4982 color: #856404; 4983 background-color: #ffe8a1; 4984} 4985 4986a.list-group-item-warning.active, 4987button.list-group-item-warning.active { 4988 color: #fff; 4989 background-color: #856404; 4990 border-color: #856404; 4991} 4992 4993.list-group-item-danger { 4994 color: #721c24; 4995 background-color: #f5c6cb; 4996} 4997 4998a.list-group-item-danger, 4999button.list-group-item-danger { 5000 color: #721c24; 5001} 5002 5003a.list-group-item-danger:focus, a.list-group-item-danger:hover, 5004button.list-group-item-danger:focus, 5005button.list-group-item-danger:hover { 5006 color: #721c24; 5007 background-color: #f1b0b7; 5008} 5009 5010a.list-group-item-danger.active, 5011button.list-group-item-danger.active { 5012 color: #fff; 5013 background-color: #721c24; 5014 border-color: #721c24; 5015} 5016 5017.list-group-item-light { 5018 color: #818182; 5019 background-color: #fdfdfe; 5020} 5021 5022a.list-group-item-light, 5023button.list-group-item-light { 5024 color: #818182; 5025} 5026 5027a.list-group-item-light:focus, a.list-group-item-light:hover, 5028button.list-group-item-light:focus, 5029button.list-group-item-light:hover {
5030 color: #818182; 5031 background-color: #ececf6; 5032} 5033 5034a.list-group-item-light.active, 5035button.list-group-item-light.active { 5036 color: #fff; 5037 background-color: #818182; 5038 border-color: #818182; 5039} 5040 5041.list-group-item-dark { 5042 color: #1b1e21; 5043 background-color: #c6c8ca; 5044} 5045 5046a.list-group-item-dark, 5047button.list-group-item-dark { 5048 color: #1b1e21; 5049} 5050 5051a.list-group-item-dark:focus, a.list-group-item-dark:hover, 5052button.list-group-item-dark:focus, 5053button.list-group-item-dark:hover { 5054 color: #1b1e21; 5055 background-color: #b9bbbe; 5056} 5057 5058a.list-group-item-dark.active, 5059button.list-group-item-dark.active { 5060 color: #fff; 5061 background-color: #1b1e21; 5062 border-color: #1b1e21; 5063} 5064 5065.close { 5066 float: right; 5067 font-size: 1.5rem; 5068 font-weight: 700; 5069 line-height: 1; 5070 color: #000; 5071 text-shadow: 0 1px 0 #fff; 5072 opacity: .5; 5073} 5074 5075.close:focus, .close:hover { 5076 color: #000; 5077 text-decoration: none; 5078 opacity: .75; 5079} 5080 5081button.close { 5082 padding: 0; 5083 background: transparent; 5084 border: 0; 5085 -webkit-appearance: none; 5086} 5087 5088.modal-open { 5089 overflow: hidden; 5090} 5091 5092.modal { 5093 position: fixed; 5094 top: 0; 5095 right: 0; 5096 bottom: 0; 5097 left: 0; 5098 z-index: 1050; 5099 display: none; 5100 overflow: hidden; 5101 outline: 0; 5102 background-color: black rgba(0, 0, 0, 0.7) !important; 5103} 5104 5105.modal.login { 5106 5107 top: 100px !important; 5108 5109} 5110 5111.modal.fade .modal-dialog { 5112 transition: -webkit-transform 0.3s ease-out; 5113 transition: transform 0.3s ease-out; 5114 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; 5115 -webkit-transform: translate(0, -25%); 5116 transform: translate(0, -25%); 5117} 5118 5119.modal.show .modal-dialog { 5120 -webkit-transform: translate(0, 0); 5121 transform: translate(0, 0); 5122} 5123 5124.modal-open .modal { 5125 overflow-x: hidden; 5126 overflow-y: auto; 5127 5128} 5129 5130.modal-dialog { 5131 position: relative; 5132 width: auto; 5133 margin: 10px; 5134 pointer-events: none; 5135} 5136 5137.modal-content { 5138 position: relative; 5139 display: -ms-flexbox; 5140 display: flex; 5141 -ms-flex-direction: column; 5142 flex-direction: column; 5143 pointer-events: auto; 5144 background-color: #fff; 5145 background-clip: padding-box; 5146 border: 1px solid rgba(0, 0, 0, 0.2); 5147 border-radius: 0.3rem; 5148 outline: 0; 5149} 5150 5151.modal-backdrop { 5152 position: fixed; 5153 top: 0; 5154 right: 0; 5155 bottom: 0; 5156 left: 0; 5157 z-index: 1040; 5158 background-color: #000; 5159} 5160 5161.modal-backdrop.fade { 5162 opacity: 0; 5163} 5164 5165.modal-backdrop.show { 5166 opacity: 0.5; 5167} 5168 5169.modal-header { 5170 display: -ms-flexbox; 5171 display: flex; 5172 -ms-flex-align: start; 5173 align-items: flex-start; 5174 -ms-flex-pack: justify; 5175 justify-content: space-between; 5176 padding: 15px; 5177 border-bottom: 1px solid #e9ecef; 5178 border-top-left-radius: 0.3rem; 5179 border-top-right-radius: 0.3rem; 5180} 5181 5182.modal-header .close { 5183 padding: 15px; 5184 margin: -15px -15px -15px auto; 5185} 5186 5187.modal-title { 5188 margin-bottom: 0; 5189 line-height: 1.5; 5190} 5191 5192.modal-body { 5193 position: relative; 5194 -ms-flex: 1 1 auto; 5195 flex: 1 1 auto; 5196 padding: 15px; 5197} 5198 5199.modal-footer { 5200 display: -ms-flexbox; 5201 display: flex; 5202 -ms-flex-align: center; 5203 align-items: center; 5204 -ms-flex-pack: end; 5205 justify-content: flex-end; 5206 padding: 15px; 5207 border-top: 1px solid #e9ecef; 5208} 5209 5210.modal-footer > :not(:first-child) { 5211 margin-left: .25rem; 5212} 5213 5214.modal-footer > :not(:last-child) { 5215 margin-right: .25rem; 5216} 5217 5218.modal-scrollbar-measure { 5219 position: absolute; 5220 top: -9999px; 5221 width: 50px; 5222 height: 50px; 5223 overflow: scroll; 5224} 5225 5226@media (min-width: 576px) { 5227 .modal-dialog { 5228 max-width: 500px; 5229 margin: 30px auto; 5230 } 5231 .modal-sm { 5232 max-width: 300px; 5233 } 5234} 5235 5236@media (min-width: 992px) { 5237 .modal-lg { 5238 max-width: 800px; 5239 } 5240} 5241 5242.tooltip { 5243 position: absolute; 5244 z-index: 1070; 5245 display: block; 5246 margin: 0; 5247 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 5248 font-style: normal; 5249 font-weight: 400; 5250 line-height: 1.5; 5251 text-align: left; 5252 text-align: start; 5253 text-decoration: none; 5254 text-shadow: none; 5255 text-transform: none; 5256 letter-spacing: normal; 5257 word-break: normal; 5258 word-spacing: normal; 5259 white-space: normal; 5260 line-break: auto; 5261 font-size: 0.875rem; 5262 word-wrap: break-word; 5263 opacity: 0; 5264} 5265 5266.tooltip.show { 5267 opacity: 0.9; 5268} 5269 5270.tooltip .arrow { 5271 position: absolute; 5272 display: block; 5273 width: 5px; 5274 height: 5px; 5275} 5276 5277.tooltip .arrow::before { 5278 position: absolute; 5279 border-color: transparent; 5280 border-style: solid; 5281} 5282 5283.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { 5284 padding: 5px 0; 5285} 5286 5287.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { 5288 bottom: 0; 5289} 5290 5291.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { 5292 margin-left: -3px; 5293 content: ""; 5294 border-width: 5px 5px 0; 5295 border-top-color: #000; 5296} 5297 5298.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { 5299 padding: 0 5px; 5300} 5301 5302.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { 5303 left: 0; 5304} 5305 5306.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { 5307 margin-top: -3px; 5308 content: ""; 5309 border-width: 5px 5px 5px 0; 5310 border-right-color: #000; 5311} 5312 5313.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { 5314 padding: 5px 0; 5315} 5316 5317.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { 5318 top: 0; 5319} 5320 5321.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { 5322 margin-left: -3px; 5323 content: ""; 5324 border-width: 0 5px 5px; 5325 border-bottom-color: #000; 5326} 5327 5328.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { 5329 padding: 0 5px; 5330} 5331 5332.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { 5333 right: 0; 5334} 5335 5336.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { 5337 right: 0; 5338 margin-top: -3px; 5339 content: ""; 5340 border-width: 5px 0 5px 5px; 5341 border-left-color: #000; 5342} 5343 5344.tooltip-inner { 5345 max-width: 200px; 5346 padding: 3px 8px; 5347 color: #fff; 5348 text-align: center; 5349 background-color: #000; 5350 border-radius: 0.25rem; 5351} 5352 5353.popover { 5354 position: absolute; 5355 top: 0; 5356 left: 0; 5357 z-index: 1060; 5358 display: block; 5359 max-width: 276px; 5360 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 5361 font-style: normal; 5362 font-weight: 400; 5363 line-height: 1.5; 5364 text-align: left; 5365 text-align: start; 5366 text-decoration: none; 5367 text-shadow: none; 5368 text-transform: none; 5369 letter-spacing: normal; 5370 word-break: normal; 5371 word-spacing: normal; 5372 white-space: normal; 5373 line-break: auto; 5374 font-size: 0.875rem; 5375 word-wrap: break-word; 5376 background-color: #fff; 5377 background-clip: padding-box; 5378 border: 1px solid rgba(0, 0, 0, 0.2); 5379 border-radius: 0.3rem; 5380} 5381 5382.popover .arrow { 5383 position: absolute; 5384 display: block; 5385 width: 0.8rem; 5386 height: 0.4rem; 5387} 5388 5389.popover .arrow::before, 5390.popover .arrow::after { 5391 position: absolute; 5392 display: block; 5393 border-color: transparent; 5394 border-style: solid; 5395} 5396 5397.popover .arrow::before { 5398 content: ""; 5399 border-width: 0.8rem; 5400} 5401 5402.popover .arrow::after {
5403 content: ""; 5404 border-width: 0.8rem; 5405} 5406 5407.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { 5408 margin-bottom: 0.8rem; 5409} 5410 5411.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { 5412 bottom: 0; 5413} 5414 5415.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, 5416.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { 5417 border-bottom-width: 0; 5418} 5419 5420.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { 5421 bottom: -0.8rem; 5422 margin-left: -0.8rem; 5423 border-top-color: rgba(0, 0, 0, 0.25); 5424} 5425 5426.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { 5427 bottom: calc((0.8rem - 1px) * -1); 5428 margin-left: -0.8rem; 5429 border-top-color: #fff; 5430} 5431 5432.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { 5433 margin-left: 0.8rem; 5434} 5435 5436.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { 5437 left: 0; 5438} 5439 5440.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, 5441.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { 5442 margin-top: -0.8rem; 5443 border-left-width: 0; 5444} 5445 5446.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { 5447 left: -0.8rem; 5448 border-right-color: rgba(0, 0, 0, 0.25); 5449} 5450 5451.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { 5452 left: calc((0.8rem - 1px) * -1); 5453 border-right-color: #fff; 5454} 5455 5456.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { 5457 margin-top: 0.8rem; 5458} 5459 5460.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { 5461 top: 0; 5462} 5463 5464.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, 5465.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { 5466 margin-left: -0.8rem; 5467 border-top-width: 0; 5468} 5469 5470.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { 5471 top: -0.8rem; 5472 border-bottom-color: rgba(0, 0, 0, 0.25); 5473} 5474 5475.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { 5476 top: calc((0.8rem - 1px) * -1); 5477 border-bottom-color: #fff; 5478} 5479 5480.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { 5481 position: absolute; 5482 top: 0; 5483 left: 50%; 5484 display: block; 5485 width: 20px; 5486 margin-left: -10px; 5487 content: ""; 5488 border-bottom: 1px solid #f7f7f7; 5489} 5490 5491.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { 5492 margin-right: 0.8rem; 5493} 5494 5495.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { 5496 right: 0; 5497} 5498 5499.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, 5500.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { 5501 margin-top: -0.8rem; 5502 border-right-width: 0; 5503} 5504 5505.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { 5506 right: -0.8rem; 5507 border-left-color: rgba(0, 0, 0, 0.25); 5508} 5509 5510.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { 5511 right: calc((0.8rem - 1px) * -1); 5512 border-left-color: #fff; 5513} 5514 5515.popover-header { 5516 padding: 0.5rem 0.75rem; 5517 margin-bottom: 0; 5518 font-size: 1rem; 5519 color: inherit; 5520 background-color: #f7f7f7; 5521 border-bottom: 1px solid #ebebeb; 5522 border-top-left-radius: calc(0.3rem - 1px); 5523 border-top-right-radius: calc(0.3rem - 1px); 5524} 5525 5526.popover-header:empty { 5527 display: none; 5528} 5529 5530.popover-body { 5531 padding: 0.5rem 0.75rem; 5532 color: #212529; 5533} 5534 5535.carousel { 5536 position: relative; 5537} 5538 5539.carousel-inner { 5540 position: relative; 5541 width: 100%; 5542 overflow: hidden; 5543} 5544 5545.carousel-item { 5546 position: relative; 5547 display: none; 5548 -ms-flex-align: center; 5549 align-items: center; 5550 width: 100%; 5551 transition: -webkit-transform 0.6s ease; 5552 transition: transform 0.6s ease; 5553 transition: transform 0.6s ease, -webkit-transform 0.6s ease; 5554 -webkit-backface-visibility: hidden; 5555 backface-visibility: hidden; 5556 -webkit-perspective: 1000px; 5557 perspective: 1000px; 5558} 5559 5560.carousel-item.active, 5561.carousel-item-next, 5562.carousel-item-prev { 5563 display: block; 5564} 5565 5566.carousel-item-next, 5567.carousel-item-prev { 5568 position: absolute; 5569 top: 0; 5570} 5571 5572.carousel-item-next.carousel-item-left, 5573.carousel-item-prev.carousel-item-right { 5574 -webkit-transform: translateX(0); 5575 transform: translateX(0); 5576} 5577 5578@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { 5579 .carousel-item-next.carousel-item-left, 5580 .carousel-item-prev.carousel-item-right { 5581 -webkit-transform: translate3d(0, 0, 0); 5582 transform: translate3d(0, 0, 0); 5583 } 5584} 5585 5586.carousel-item-next, 5587.active.carousel-item-right { 5588 -webkit-transform: translateX(100%); 5589 transform: translateX(100%); 5590} 5591 5592@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { 5593 .carousel-item-next, 5594 .active.carousel-item-right { 5595 -webkit-transform: translate3d(100%, 0, 0); 5596 transform: translate3d(100%, 0, 0); 5597 } 5598} 5599 5600.carousel-item-prev, 5601.active.carousel-item-left { 5602 -webkit-transform: translateX(-100%); 5603 transform: translateX(-100%); 5604} 5605 5606@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { 5607 .carousel-item-prev, 5608 .active.carousel-item-left { 5609 -webkit-transform: translate3d(-100%, 0, 0); 5610 transform: translate3d(-100%, 0, 0); 5611 } 5612} 5613 5614.carousel-control-prev, 5615.carousel-control-next { 5616 position: absolute; 5617 top: 0; 5618 bottom: 0; 5619 display: -ms-flexbox; 5620 display: flex; 5621 -ms-flex-align: center; 5622 align-items: center; 5623 -ms-flex-pack: center; 5624 justify-content: center; 5625 width: 15%; 5626 color: #fff; 5627 text-align: center; 5628 opacity: 0.5; 5629} 5630 5631.carousel-control-prev:focus, .carousel-control-prev:hover, 5632.carousel-control-next:focus, 5633.carousel-control-next:hover {
5634 color: #fff; 5635 text-decoration: none; 5636 outline: 0; 5637 opacity: .9; 5638} 5639 5640.carousel-control-prev { 5641 left: 0; 5642} 5643 5644.carousel-control-next { 5645 right: 0; 5646} 5647 5648.carousel-control-prev-icon, 5649.carousel-control-next-icon { 5650 display: inline-block; 5651 width: 20px; 5652 height: 20px; 5653 background: transparent no-repeat center center; 5654 background-size: 100% 100%; 5655} 5656 5657.carousel-control-prev-icon { 5658 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 5659} 5660 5661.carousel-control-next-icon { 5662 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); 5663} 5664 5665.carousel-indicators { 5666 position: absolute; 5667 right: 0; 5668 bottom: 10px; 5669 left: 0; 5670 z-index: 15; 5671 display: -ms-flexbox; 5672 display: flex; 5673 -ms-flex-pack: center; 5674 justify-content: center; 5675 padding-left: 0; 5676 margin-right: 15%; 5677 margin-left: 15%; 5678 list-style: none; 5679} 5680 5681.carousel-indicators li { 5682 position: relative; 5683 -ms-flex: 0 1 auto; 5684 flex: 0 1 auto; 5685 width: 30px; 5686 height: 3px; 5687 margin-right: 3px; 5688 margin-left: 3px; 5689 text-indent: -999px; 5690 background-color: rgba(255, 255, 255, 0.5); 5691} 5692 5693.carousel-indicators li::before { 5694 position: absolute; 5695 top: -10px; 5696 left: 0; 5697 display: inline-block; 5698 width: 100%; 5699 height: 10px; 5700 content: ""; 5701} 5702 5703.carousel-indicators li::after { 5704 position: absolute; 5705 bottom: -10px; 5706 left: 0; 5707 display: inline-block; 5708 width: 100%; 5709 height: 10px; 5710 content: ""; 5711} 5712 5713.carousel-indicators .active { 5714 background-color: #fff; 5715} 5716 5717.carousel-caption { 5718 position: absolute; 5719 right: 15%; 5720 bottom: 20px; 5721 left: 15%; 5722 z-index: 10; 5723 padding-top: 20px; 5724 padding-bottom: 20px; 5725 color: #fff; 5726 text-align: center; 5727} 5728 5729.align-baseline { 5730 vertical-align: baseline !important; 5731} 5732 5733.align-top { 5734 vertical-align: top !important; 5735} 5736 5737.align-middle { 5738 vertical-align: middle !important; 5739} 5740 5741.align-bottom { 5742 vertical-align: bottom !important; 5743} 5744 5745.align-text-bottom { 5746 vertical-align: text-bottom !important; 5747} 5748 5749.align-text-top { 5750 vertical-align: text-top !important; 5751} 5752 5753.bg-primary { 5754 background-color: #007bff !important; 5755} 5756 5757a.bg-primary:focus, a.bg-primary:hover { 5758 background-color: #0062cc !important; 5759} 5760 5761.bg-secondary { 5762 background-color: #868e96 !important; 5763} 5764 5765a.bg-secondary:focus, a.bg-secondary:hover { 5766 background-color: #6c757d !important; 5767} 5768 5769.bg-success { 5770 background-color: #28a745 !important; 5771} 5772 5773a.bg-success:focus, a.bg-success:hover { 5774 background-color: #1e7e34 !important; 5775} 5776 5777.bg-info { 5778 background-color: #17a2b8 !important; 5779} 5780 5781a.bg-info:focus, a.bg-info:hover { 5782 background-color: #117a8b !important; 5783} 5784 5785.bg-warning { 5786 background-color: #ffc107 !important; 5787} 5788 5789a.bg-warning:focus, a.bg-warning:hover { 5790 background-color: #d39e00 !important; 5791} 5792 5793.bg-danger { 5794 background-color: #dc3545 !important; 5795} 5796 5797a.bg-danger:focus, a.bg-danger:hover { 5798 background-color: #bd2130 !important; 5799} 5800 5801.bg-light { 5802 background-color: #f8f9fa !important; 5803} 5804 5805a.bg-light:focus, a.bg-light:hover { 5806 background-color: #dae0e5 !important; 5807} 5808 5809.bg-dark { 5810 background-color: #343a40 !important; 5811} 5812 5813a.bg-dark:focus, a.bg-dark:hover { 5814 background-color: #1d2124 !important; 5815} 5816 5817.bg-white { 5818 background-color: #fff !important; 5819} 5820 5821.bg-transparent { 5822 background-color: transparent !important; 5823} 5824 5825.border { 5826 border: 1px solid #e9ecef !important; 5827} 5828 5829.border-0 { 5830 border: 0 !important; 5831} 5832 5833.border-top-0 { 5834 border-top: 0 !important; 5835} 5836 5837.border-right-0 { 5838 border-right: 0 !important; 5839} 5840 5841.border-bottom-0 { 5842 border-bottom: 0 !important; 5843} 5844 5845.border-left-0 { 5846 border-left: 0 !important; 5847} 5848 5849.border-primary { 5850 border-color: #007bff !important; 5851} 5852 5853.border-secondary { 5854 border-color: #868e96 !important; 5855} 5856 5857.border-success { 5858 border-color: #28a745 !important; 5859} 5860 5861.border-info { 5862 border-color: #17a2b8 !important; 5863} 5864 5865.border-warning { 5866 border-color: #ffc107 !important; 5867} 5868 5869.border-danger { 5870 border-color: #dc3545 !important; 5871} 5872 5873.border-light { 5874 border-color: #f8f9fa !important; 5875} 5876 5877.border-dark { 5878 border-color: #343a40 !important; 5879} 5880 5881.border-white { 5882 border-color: #fff !important; 5883} 5884 5885.rounded { 5886 border-radius: 0.25rem !important; 5887} 5888 5889.rounded-top { 5890 border-top-left-radius: 0.25rem !important; 5891 border-top-right-radius: 0.25rem !important; 5892} 5893 5894.rounded-right { 5895 border-top-right-radius: 0.25rem !important; 5896 border-bottom-right-radius: 0.25rem !important; 5897} 5898 5899.rounded-bottom { 5900 border-bottom-right-radius: 0.25rem !important; 5901 border-bottom-left-radius: 0.25rem !important; 5902} 5903 5904.rounded-left { 5905 border-top-left-radius: 0.25rem !important; 5906 border-bottom-left-radius: 0.25rem !important; 5907} 5908 5909.rounded-circle { 5910 border-radius: 50% !important; 5911} 5912 5913.rounded-0 { 5914 border-radius: 0 !important; 5915} 5916 5917.clearfix::after { 5918 display: block; 5919 clear: both; 5920 content: ""; 5921} 5922 5923.d-none { 5924 display: none !important; 5925} 5926 5927.d-inline { 5928 display: inline !important; 5929} 5930 5931.d-inline-block { 5932 display: inline-block !important; 5933} 5934 5935.d-block { 5936 display: block !important; 5937} 5938 5939.d-table { 5940 display: table !important; 5941} 5942 5943.d-table-row { 5944 display: table-row !important; 5945} 5946 5947.d-table-cell { 5948 display: table-cell !important; 5949} 5950 5951.d-flex { 5952 display: -ms-flexbox !important; 5953 display: flex !important; 5954} 5955 5956.d-inline-flex { 5957 display: -ms-inline-flexbox !important; 5958 display: inline-flex !important; 5959} 5960 5961@media (min-width: 576px) { 5962 .d-sm-none { 5963 display: none !important; 5964 } 5965 .d-sm-inline { 5966 display: inline !important; 5967 } 5968 .d-sm-inline-block { 5969 display: inline-block !important; 5970 } 5971 .d-sm-block { 5972 display: block !important; 5973 } 5974 .d-sm-table { 5975 display: table !important; 5976 } 5977 .d-sm-table-row { 5978 display: table-row !important; 5979 } 5980 .d-sm-table-cell { 5981 display: table-cell !important; 5982 } 5983 .d-sm-flex { 5984 display: -ms-flexbox !important; 5985 display: flex !important; 5986 } 5987 .d-sm-inline-flex { 5988 display: -ms-inline-flexbox !important; 5989 display: inline-flex !important; 5990 } 5991} 5992 5993@media (min-width: 768px) { 5994 .d-md-none { 5995 display: none !important; 5996 } 5997 .d-md-inline { 5998 display: inline !important; 5999 } 6000 .d-md-inline-block { 6001 display: inline-block !important; 6002 } 6003 .d-md-block { 6004 display: block !important; 6005 } 6006 .d-md-table { 6007 display: table !important; 6008 } 6009 .d-md-table-row { 6010 display: table-row !important; 6011 } 6012 .d-md-table-cell { 6013 display: table-cell !important; 6014 } 6015 .d-md-flex { 6016 display: -ms-flexbox !important; 6017 display: flex !important; 6018 } 6019 .d-md-inline-flex { 6020 display: -ms-inline-flexbox !important; 6021 display: inline-flex !important; 6022 } 6023} 6024 6025@media (min-width: 992px) { 6026 .d-lg-none { 6027 display: none !important; 6028 } 6029 .d-lg-inline { 6030 display: inline !important; 6031 } 6032 .d-lg-inline-block { 6033 display: inline-block !important; 6034 } 6035 .d-lg-block { 6036 display: block !important; 6037 } 6038 .d-lg-table { 6039 display: table !important; 6040 } 6041 .d-lg-table-row { 6042 display: table-row !important; 6043 } 6044 .d-lg-table-cell { 6045 display: table-cell !important; 6046 } 6047 .d-lg-flex { 6048 display: -ms-flexbox !important; 6049 display: flex !important; 6050 } 6051 .d-lg-inline-flex { 6052 display: -ms-inline-flexbox !important; 6053 display: inline-flex !important; 6054 } 6055} 6056 6057@media (min-width: 1200px) { 6058 .d-xl-none { 6059 display: none !important; 6060 } 6061 .d-xl-inline { 6062 display: inline !important; 6063 } 6064 .d-xl-inline-block { 6065 display: inline-block !important; 6066 } 6067 .d-xl-block { 6068 display: block !important; 6069 } 6070 .d-xl-table { 6071 display: table !important; 6072 } 6073 .d-xl-table-row { 6074 display: table-row !important; 6075 } 6076 .d-xl-table-cell { 6077 display: table-cell !important; 6078 } 6079 .d-xl-flex { 6080 display: -ms-flexbox !important; 6081 display: flex !important; 6082 } 6083 .d-xl-inline-flex { 6084 display: -ms-inline-flexbox !important; 6085 display: inline-flex !important; 6086 } 6087} 6088 6089.d-print-block { 6090 display: none !important; 6091} 6092 6093@media print { 6094 .d-print-block { 6095 display: block !important; 6096 } 6097} 6098 6099.d-print-inline { 6100 display: none !important; 6101} 6102 6103@media print { 6104 .d-print-inline { 6105 display: inline !important; 6106 } 6107} 6108 6109.d-print-inline-block { 6110 display: none !important; 6111} 6112 6113@media print { 6114 .d-print-inline-block { 6115 display: inline-block !important; 6116 } 6117} 6118 6119@media print { 6120 .d-print-none { 6121 display: none !important; 6122 } 6123} 6124 6125.embed-responsive { 6126 position: relative; 6127 display: block; 6128 width: 100%; 6129 padding: 0; 6130 overflow: hidden; 6131} 6132 6133.embed-responsive::before { 6134 display: block; 6135 content: ""; 6136} 6137 6138.embed-responsive .embed-responsive-item, 6139.embed-responsive iframe, 6140.embed-responsive embed, 6141.embed-responsive object, 6142.embed-responsive video { 6143 position: absolute; 6144 top: 0; 6145 bottom: 0; 6146 left: 0; 6147 width: 100%; 6148 height: 100%; 6149 border: 0; 6150} 6151 6152.embed-responsive-21by9::before { 6153 padding-top: 42.857143%; 6154} 6155 6156.embed-responsive-16by9::before { 6157 padding-top: 56.25%; 6158} 6159 6160.embed-responsive-4by3::before { 6161 padding-top: 75%; 6162} 6163 6164.embed-responsive-1by1::before { 6165 padding-top: 100%; 6166} 6167 6168.flex-row { 6169 -ms-flex-direction: row !important; 6170 flex-direction: row !important; 6171} 6172 6173.flex-column { 6174 -ms-flex-direction: column !important; 6175 flex-direction: column !important; 6176} 6177 6178.flex-row-reverse { 6179 -ms-flex-direction: row-reverse !important; 6180 flex-direction: row-reverse !important; 6181} 6182 6183.flex-column-reverse { 6184 -ms-flex-direction: column-reverse !important; 6185 flex-direction: column-reverse !important; 6186} 6187 6188.flex-wrap { 6189 -ms-flex-wrap: wrap !important; 6190 flex-wrap: wrap !important; 6191} 6192 6193.flex-nowrap { 6194 -ms-flex-wrap: nowrap !important; 6195 flex-wrap: nowrap !important; 6196} 6197 6198.flex-wrap-reverse { 6199 -ms-flex-wrap: wrap-reverse !important; 6200 flex-wrap: wrap-reverse !important; 6201} 6202 6203.justify-content-start { 6204 -ms-flex-pack: start !important; 6205 justify-content: flex-start !important; 6206} 6207 6208.justify-content-end { 6209 -ms-flex-pack: end !important; 6210 justify-content: flex-end !important; 6211} 6212 6213.justify-content-center { 6214 -ms-flex-pack: center !important; 6215 justify-content: center !important; 6216} 6217 6218.justify-content-between { 6219 -ms-flex-pack: justify !important; 6220 justify-content: space-between !important; 6221} 6222 6223.justify-content-around { 6224 -ms-flex-pack: distribute !important; 6225 justify-content: space-around !important; 6226} 6227 6228.align-items-start { 6229 -ms-flex-align: start !important; 6230 align-items: flex-start !important; 6231} 6232 6233.align-items-end { 6234 -ms-flex-align: end !important; 6235 align-items: flex-end !important; 6236} 6237 6238.align-items-center { 6239 -ms-flex-align: center !important; 6240 align-items: center !important; 6241} 6242 6243.align-items-baseline {
6244 -ms-flex-align: baseline !important; 6245 align-items: baseline !important; 6246} 6247 6248.align-items-stretch { 6249 -ms-flex-align: stretch !important; 6250 align-items: stretch !important; 6251} 6252 6253.align-content-start { 6254 -ms-flex-line-pack: start !important; 6255 align-content: flex-start !important; 6256} 6257 6258.align-content-end { 6259 -ms-flex-line-pack: end !important; 6260 align-content: flex-end !important; 6261} 6262 6263.align-content-center { 6264 -ms-flex-line-pack: center !important; 6265 align-content: center !important; 6266} 6267 6268.align-content-between { 6269 -ms-flex-line-pack: justify !important; 6270 align-content: space-between !important; 6271} 6272 6273.align-content-around { 6274 -ms-flex-line-pack: distribute !important; 6275 align-content: space-around !important; 6276} 6277 6278.align-content-stretch { 6279 -ms-flex-line-pack: stretch !important; 6280 align-content: stretch !important; 6281} 6282 6283.align-self-auto { 6284 -ms-flex-item-align: auto !important; 6285 align-self: auto !important; 6286} 6287 6288.align-self-start { 6289 -ms-flex-item-align: start !important; 6290 align-self: flex-start !important; 6291} 6292 6293.align-self-end { 6294 -ms-flex-item-align: end !important; 6295 align-self: flex-end !important; 6296} 6297 6298.align-self-center { 6299 -ms-flex-item-align: center !important; 6300 align-self: center !important; 6301} 6302 6303.align-self-baseline { 6304 -ms-flex-item-align: baseline !important; 6305 align-self: baseline !important; 6306} 6307 6308.align-self-stretch { 6309 -ms-flex-item-align: stretch !important; 6310 align-self: stretch !important; 6311} 6312 6313@media (min-width: 576px) { 6314 .flex-sm-row { 6315 -ms-flex-direction: row !important; 6316 flex-direction: row !important; 6317 } 6318 .flex-sm-column { 6319 -ms-flex-direction: column !important; 6320 flex-direction: column !important; 6321 } 6322 .flex-sm-row-reverse { 6323 -ms-flex-direction: row-reverse !important; 6324 flex-direction: row-reverse !important; 6325 } 6326 .flex-sm-column-reverse { 6327 -ms-flex-direction: column-reverse !important; 6328 flex-direction: column-reverse !important; 6329 } 6330 .flex-sm-wrap { 6331 -ms-flex-wrap: wrap !important; 6332 flex-wrap: wrap !important; 6333 } 6334 .flex-sm-nowrap { 6335 -ms-flex-wrap: nowrap !important; 6336 flex-wrap: nowrap !important; 6337 } 6338 .flex-sm-wrap-reverse { 6339 -ms-flex-wrap: wrap-reverse !important; 6340 flex-wrap: wrap-reverse !important; 6341 } 6342 .justify-content-sm-start { 6343 -ms-flex-pack: start !important; 6344 justify-content: flex-start !important; 6345 } 6346 .justify-content-sm-end { 6347 -ms-flex-pack: end !important; 6348 justify-content: flex-end !important; 6349 } 6350 .justify-content-sm-center { 6351 -ms-flex-pack: center !important; 6352 justify-content: center !important; 6353 } 6354 .justify-content-sm-between { 6355 -ms-flex-pack: justify !important; 6356 justify-content: space-between !important; 6357 } 6358 .justify-content-sm-around { 6359 -ms-flex-pack: distribute !important; 6360 justify-content: space-around !important; 6361 } 6362 .align-items-sm-start { 6363 -ms-flex-align: start !important; 6364 align-items: flex-start !important; 6365 } 6366 .align-items-sm-end { 6367 -ms-flex-align: end !important; 6368 align-items: flex-end !important; 6369 } 6370 .align-items-sm-center { 6371 -ms-flex-align: center !important; 6372 align-items: center !important; 6373 } 6374 .align-items-sm-baseline { 6375 -ms-flex-align: baseline !important; 6376 align-items: baseline !important; 6377 } 6378 .align-items-sm-stretch { 6379 -ms-flex-align: stretch !important; 6380 align-items: stretch !important; 6381 } 6382 .align-content-sm-start { 6383 -ms-flex-line-pack: start !important; 6384 align-content: flex-start !important; 6385 } 6386 .align-content-sm-end { 6387 -ms-flex-line-pack: end !important; 6388 align-content: flex-end !important; 6389 } 6390 .align-content-sm-center { 6391 -ms-flex-line-pack: center !important; 6392 align-content: center !important; 6393 } 6394 .align-content-sm-between { 6395 -ms-flex-line-pack: justify !important; 6396 align-content: space-between !important; 6397 } 6398 .align-content-sm-around { 6399 -ms-flex-line-pack: distribute !important; 6400 align-content: space-around !important; 6401 } 6402 .align-content-sm-stretch { 6403 -ms-flex-line-pack: stretch !important; 6404 align-content: stretch !important; 6405 } 6406 .align-self-sm-auto { 6407 -ms-flex-item-align: auto !important; 6408 align-self: auto !important; 6409 } 6410 .align-self-sm-start { 6411 -ms-flex-item-align: start !important; 6412 align-self: flex-start !important; 6413 } 6414 .align-self-sm-end { 6415 -ms-flex-item-align: end !important; 6416 align-self: flex-end !important; 6417 } 6418 .align-self-sm-center { 6419 -ms-flex-item-align: center !important; 6420 align-self: center !important; 6421 } 6422 .align-self-sm-baseline {
6423 -ms-flex-item-align: baseline !important; 6424 align-self: baseline !important; 6425 } 6426 .align-self-sm-stretch { 6427 -ms-flex-item-align: stretch !important; 6428 align-self: stretch !important; 6429 } 6430} 6431 6432@media (min-width: 768px) { 6433 .flex-md-row { 6434 -ms-flex-direction: row !important; 6435 flex-direction: row !important; 6436 } 6437 .flex-md-column { 6438 -ms-flex-direction: column !important; 6439 flex-direction: column !important; 6440 } 6441 .flex-md-row-reverse { 6442 -ms-flex-direction: row-reverse !important; 6443 flex-direction: row-reverse !important; 6444 } 6445 .flex-md-column-reverse { 6446 -ms-flex-direction: column-reverse !important; 6447 flex-direction: column-reverse !important; 6448 } 6449 .flex-md-wrap { 6450 -ms-flex-wrap: wrap !important; 6451 flex-wrap: wrap !important; 6452 } 6453 .flex-md-nowrap { 6454 -ms-flex-wrap: nowrap !important; 6455 flex-wrap: nowrap !important; 6456 } 6457 .flex-md-wrap-reverse { 6458 -ms-flex-wrap: wrap-reverse !important; 6459 flex-wrap: wrap-reverse !important; 6460 } 6461 .justify-content-md-start { 6462 -ms-flex-pack: start !important; 6463 justify-content: flex-start !important; 6464 } 6465 .justify-content-md-end { 6466 -ms-flex-pack: end !important; 6467 justify-content: flex-end !important; 6468 } 6469 .justify-content-md-center { 6470 -ms-flex-pack: center !important; 6471 justify-content: center !important; 6472 } 6473 .justify-content-md-between { 6474 -ms-flex-pack: justify !important; 6475 justify-content: space-between !important; 6476 } 6477 .justify-content-md-around { 6478 -ms-flex-pack: distribute !important; 6479 justify-content: space-around !important; 6480 } 6481 .align-items-md-start { 6482 -ms-flex-align: start !important; 6483 align-items: flex-start !important; 6484 } 6485 .align-items-md-end { 6486 -ms-flex-align: end !important; 6487 align-items: flex-end !important; 6488 } 6489 .align-items-md-center { 6490 -ms-flex-align: center !important; 6491 align-items: center !important; 6492 } 6493 .align-items-md-baseline { 6494 -ms-flex-align: baseline !important; 6495 align-items: baseline !important; 6496 } 6497 .align-items-md-stretch { 6498 -ms-flex-align: stretch !important; 6499 align-items: stretch !important; 6500 } 6501 .align-content-md-start { 6502 -ms-flex-line-pack: start !important; 6503 align-content: flex-start !important; 6504 } 6505 .align-content-md-end { 6506 -ms-flex-line-pack: end !important; 6507 align-content: flex-end !important; 6508 } 6509 .align-content-md-center { 6510 -ms-flex-line-pack: center !important; 6511 align-content: center !important; 6512 } 6513 .align-content-md-between { 6514 -ms-flex-line-pack: justify !important; 6515 align-content: space-between !important; 6516 } 6517 .align-content-md-around { 6518 -ms-flex-line-pack: distribute !important; 6519 align-content: space-around !important; 6520 } 6521 .align-content-md-stretch { 6522 -ms-flex-line-pack: stretch !important; 6523 align-content: stretch !important; 6524 } 6525 .align-self-md-auto { 6526 -ms-flex-item-align: auto !important; 6527 align-self: auto !important; 6528 } 6529 .align-self-md-start { 6530 -ms-flex-item-align: start !important; 6531 align-self: flex-start !important; 6532 } 6533 .align-self-md-end { 6534 -ms-flex-item-align: end !important; 6535 align-self: flex-end !important; 6536 } 6537 .align-self-md-center { 6538 -ms-flex-item-align: center !important; 6539 align-self: center !important; 6540 } 6541 .align-self-md-baseline { 6542 -ms-flex-item-align: baseline !important; 6543 align-self: baseline !important; 6544 } 6545 .align-self-md-stretch { 6546 -ms-flex-item-align: stretch !important; 6547 align-self: stretch !important; 6548 } 6549} 6550 6551@media (min-width: 992px) { 6552 .flex-lg-row { 6553 -ms-flex-direction: row !important; 6554 flex-direction: row !important; 6555 } 6556 .flex-lg-column { 6557 -ms-flex-direction: column !important; 6558 flex-direction: column !important; 6559 } 6560 .flex-lg-row-reverse { 6561 -ms-flex-direction: row-reverse !important; 6562 flex-direction: row-reverse !important; 6563 } 6564 .flex-lg-column-reverse { 6565 -ms-flex-direction: column-reverse !important; 6566 flex-direction: column-reverse !important; 6567 } 6568 .flex-lg-wrap { 6569 -ms-flex-wrap: wrap !important; 6570 flex-wrap: wrap !important; 6571 } 6572 .flex-lg-nowrap { 6573 -ms-flex-wrap: nowrap !important; 6574 flex-wrap: nowrap !important; 6575 } 6576 .flex-lg-wrap-reverse { 6577 -ms-flex-wrap: wrap-reverse !important; 6578 flex-wrap: wrap-reverse !important; 6579 } 6580 .justify-content-lg-start { 6581 -ms-flex-pack: start !important; 6582 justify-content: flex-start !important; 6583 } 6584 .justify-content-lg-end { 6585 -ms-flex-pack: end !important; 6586 justify-content: flex-end !important; 6587 } 6588 .justify-content-lg-center { 6589 -ms-flex-pack: center !important; 6590 justify-content: center !important; 6591 } 6592 .justify-content-lg-between { 6593 -ms-flex-pack: justify !important; 6594 justify-content: space-between !important; 6595 } 6596 .justify-content-lg-around { 6597 -ms-flex-pack: distribute !important; 6598 justify-content: space-around !important; 6599 } 6600 .align-items-lg-start { 6601 -ms-flex-align: start !important; 6602 align-items: flex-start !important; 6603 } 6604 .align-items-lg-end { 6605 -ms-flex-align: end !important; 6606 align-items: flex-end !important; 6607 } 6608 .align-items-lg-center { 6609 -ms-flex-align: center !important; 6610 align-items: center !important; 6611 } 6612 .align-items-lg-baseline {
6613 -ms-flex-align: baseline !important; 6614 align-items: baseline !important; 6615 } 6616 .align-items-lg-stretch { 6617 -ms-flex-align: stretch !important; 6618 align-items: stretch !important; 6619 } 6620 .align-content-lg-start { 6621 -ms-flex-line-pack: start !important; 6622 align-content: flex-start !important; 6623 } 6624 .align-content-lg-end { 6625 -ms-flex-line-pack: end !important; 6626 align-content: flex-end !important; 6627 } 6628 .align-content-lg-center { 6629 -ms-flex-line-pack: center !important; 6630 align-content: center !important; 6631 } 6632 .align-content-lg-between { 6633 -ms-flex-line-pack: justify !important; 6634 align-content: space-between !important; 6635 } 6636 .align-content-lg-around { 6637 -ms-flex-line-pack: distribute !important; 6638 align-content: space-around !important; 6639 } 6640 .align-content-lg-stretch { 6641 -ms-flex-line-pack: stretch !important; 6642 align-content: stretch !important; 6643 } 6644 .align-self-lg-auto { 6645 -ms-flex-item-align: auto !important; 6646 align-self: auto !important; 6647 } 6648 .align-self-lg-start { 6649 -ms-flex-item-align: start !important; 6650 align-self: flex-start !important; 6651 } 6652 .align-self-lg-end { 6653 -ms-flex-item-align: end !important; 6654 align-self: flex-end !important; 6655 } 6656 .align-self-lg-center { 6657 -ms-flex-item-align: center !important; 6658 align-self: center !important; 6659 } 6660 .align-self-lg-baseline { 6661 -ms-flex-item-align: baseline !important; 6662 align-self: baseline !important; 6663 } 6664 .align-self-lg-stretch { 6665 -ms-flex-item-align: stretch !important; 6666 align-self: stretch !important; 6667 } 6668} 6669 6670@media (min-width: 1200px) { 6671 .flex-xl-row { 6672 -ms-flex-direction: row !important; 6673 flex-direction: row !important; 6674 } 6675 .flex-xl-column { 6676 -ms-flex-direction: column !important; 6677 flex-direction: column !important; 6678 } 6679 .flex-xl-row-reverse { 6680 -ms-flex-direction: row-reverse !important; 6681 flex-direction: row-reverse !important; 6682 } 6683 .flex-xl-column-reverse { 6684 -ms-flex-direction: column-reverse !important; 6685 flex-direction: column-reverse !important; 6686 } 6687 .flex-xl-wrap { 6688 -ms-flex-wrap: wrap !important; 6689 flex-wrap: wrap !important; 6690 } 6691 .flex-xl-nowrap { 6692 -ms-flex-wrap: nowrap !important; 6693 flex-wrap: nowrap !important; 6694 } 6695 .flex-xl-wrap-reverse { 6696 -ms-flex-wrap: wrap-reverse !important; 6697 flex-wrap: wrap-reverse !important; 6698 } 6699 .justify-content-xl-start { 6700 -ms-flex-pack: start !important; 6701 justify-content: flex-start !important; 6702 } 6703 .justify-content-xl-end { 6704 -ms-flex-pack: end !important; 6705 justify-content: flex-end !important; 6706 } 6707 .justify-content-xl-center { 6708 -ms-flex-pack: center !important; 6709 justify-content: center !important; 6710 } 6711 .justify-content-xl-between { 6712 -ms-flex-pack: justify !important; 6713 justify-content: space-between !important; 6714 } 6715 .justify-content-xl-around { 6716 -ms-flex-pack: distribute !important; 6717 justify-content: space-around !important; 6718 } 6719 .align-items-xl-start { 6720 -ms-flex-align: start !important; 6721 align-items: flex-start !important; 6722 } 6723 .align-items-xl-end { 6724 -ms-flex-align: end !important; 6725 align-items: flex-end !important; 6726 } 6727 .align-items-xl-center { 6728 -ms-flex-align: center !important; 6729 align-items: center !important; 6730 } 6731 .align-items-xl-baseline { 6732 -ms-flex-align: baseline !important; 6733 align-items: baseline !important; 6734 } 6735 .align-items-xl-stretch { 6736 -ms-flex-align: stretch !important; 6737 align-items: stretch !important; 6738 } 6739 .align-content-xl-start { 6740 -ms-flex-line-pack: start !important; 6741 align-content: flex-start !important; 6742 } 6743 .align-content-xl-end { 6744 -ms-flex-line-pack: end !important; 6745 align-content: flex-end !important; 6746 } 6747 .align-content-xl-center { 6748 -ms-flex-line-pack: center !important; 6749 align-content: center !important; 6750 } 6751 .align-content-xl-between { 6752 -ms-flex-line-pack: justify !important; 6753 align-content: space-between !important; 6754 } 6755 .align-content-xl-around { 6756 -ms-flex-line-pack: distribute !important; 6757 align-content: space-around !important; 6758 } 6759 .align-content-xl-stretch { 6760 -ms-flex-line-pack: stretch !important; 6761 align-content: stretch !important; 6762 } 6763 .align-self-xl-auto { 6764 -ms-flex-item-align: auto !important; 6765 align-self: auto !important; 6766 } 6767 .align-self-xl-start { 6768 -ms-flex-item-align: start !important; 6769 align-self: flex-start !important; 6770 } 6771 .align-self-xl-end { 6772 -ms-flex-item-align: end !important; 6773 align-self: flex-end !important; 6774 } 6775 .align-self-xl-center { 6776 -ms-flex-item-align: center !important; 6777 align-self: center !important; 6778 } 6779 .align-self-xl-baseline {
6780 -ms-flex-item-align: baseline !important; 6781 align-self: baseline !important; 6782 } 6783 .align-self-xl-stretch { 6784 -ms-flex-item-align: stretch !important; 6785 align-self: stretch !important; 6786 } 6787} 6788 6789.float-left { 6790 float: left !important; 6791} 6792 6793.float-right { 6794 float: right !important; 6795} 6796 6797.float-none { 6798 float: none !important; 6799} 6800 6801@media (min-width: 576px) { 6802 .float-sm-left { 6803 float: left !important; 6804 } 6805 .float-sm-right { 6806 float: right !important; 6807 } 6808 .float-sm-none { 6809 float: none !important; 6810 } 6811} 6812 6813@media (min-width: 768px) { 6814 .float-md-left { 6815 float: left !important; 6816 } 6817 .float-md-right { 6818 float: right !important; 6819 } 6820 .float-md-none { 6821 float: none !important; 6822 } 6823} 6824 6825@media (min-width: 992px) { 6826 .float-lg-left { 6827 float: left !important; 6828 } 6829 .float-lg-right { 6830 float: right !important; 6831 } 6832 .float-lg-none { 6833 float: none !important; 6834 } 6835} 6836 6837@media (min-width: 1200px) { 6838 .float-xl-left { 6839 float: left !important; 6840 } 6841 .float-xl-right { 6842 float: right !important; 6843 } 6844 .float-xl-none { 6845 float: none !important; 6846 } 6847} 6848 6849.position-static { 6850 position: static !important; 6851} 6852 6853.position-relative { 6854 position: relative !important; 6855} 6856 6857.position-absolute { 6858 position: absolute !important; 6859} 6860 6861.position-fixed { 6862 position: fixed !important; 6863} 6864 6865.position-sticky { 6866 position: -webkit-sticky !important; 6867 position: sticky !important; 6868} 6869 6870.fixed-top { 6871 position: fixed; 6872 top: 0; 6873 right: 0; 6874 left: 0; 6875 z-index: 1030; 6876} 6877 6878.fixed-bottom { 6879 position: fixed; 6880 right: 0; 6881 bottom: 0; 6882 left: 0; 6883 z-index: 1030; 6884} 6885 6886@supports ((position: -webkit-sticky) or (position: sticky)) { 6887 .sticky-top { 6888 position: -webkit-sticky; 6889 position: sticky; 6890 top: 0; 6891 z-index: 1020; 6892 } 6893} 6894 6895.sr-only { 6896 position: absolute; 6897 width: 1px; 6898 height: 1px; 6899 padding: 0; 6900 overflow: hidden; 6901 clip: rect(0, 0, 0, 0); 6902 white-space: nowrap; 6903 -webkit-clip-path: inset(50%); 6904 clip-path: inset(50%); 6905 border: 0; 6906} 6907 6908.sr-only-focusable:active, .sr-only-focusable:focus { 6909 position: static; 6910 width: auto; 6911 height: auto; 6912 overflow: visible; 6913 clip: auto; 6914 white-space: normal; 6915 -webkit-clip-path: none; 6916 clip-path: none; 6917} 6918 6919.w-25 { 6920 width: 25% !important; 6921} 6922 6923.w-50 { 6924 width: 50% !important; 6925} 6926 6927.w-75 { 6928 width: 75% !important; 6929} 6930 6931.w-100 { 6932 width: 100% !important; 6933} 6934 6935.h-25 { 6936 height: 25% !important; 6937} 6938 6939.h-50 { 6940 height: 50% !important; 6941} 6942 6943.h-75 { 6944 height: 75% !important; 6945} 6946 6947.h-100 { 6948 height: 100% !important; 6949} 6950 6951.mw-100 { 6952 max-width: 100% !important; 6953} 6954 6955.mh-100 { 6956 max-height: 100% !important; 6957} 6958 6959.m-0 { 6960 margin: 0 !important; 6961} 6962 6963.mt-0, 6964.my-0 { 6965 margin-top: 0 !important; 6966} 6967 6968.mr-0, 6969.mx-0 { 6970 margin-right: 0 !important; 6971} 6972 6973.mb-0, 6974.my-0 { 6975 margin-bottom: 0 !important; 6976} 6977 6978.ml-0, 6979.mx-0 { 6980 margin-left: 0 !important; 6981} 6982 6983.m-1 { 6984 margin: 0.25rem !important; 6985} 6986 6987.mt-1, 6988.my-1 { 6989 margin-top: 0.25rem !important; 6990} 6991 6992.mr-1, 6993.mx-1 { 6994 margin-right: 0.25rem !important; 6995} 6996 6997.mb-1, 6998.my-1 { 6999 margin-bottom: 0.25rem !important; 7000} 7001 7002.ml-1, 7003.mx-1 { 7004 margin-left: 0.25rem !important; 7005} 7006 7007.m-2 { 7008 margin: 0.5rem !important; 7009} 7010 7011.mt-2, 7012.my-2 { 7013 margin-top: 0.5rem !important; 7014} 7015 7016.mr-2, 7017.mx-2 { 7018 margin-right: 0.5rem !important; 7019} 7020 7021.mb-2, 7022.my-2 { 7023 margin-bottom: 0.5rem !important; 7024} 7025 7026.ml-2, 7027.mx-2 { 7028 margin-left: 0.5rem !important; 7029} 7030 7031.m-3 { 7032 margin: 1rem !important; 7033} 7034 7035.mt-3, 7036.my-3 { 7037 margin-top: 1rem !important; 7038} 7039 7040.mr-3, 7041.mx-3 { 7042 margin-right: 1rem !important; 7043} 7044 7045.mb-3, 7046.my-3 { 7047 margin-bottom: 1rem !important; 7048} 7049 7050.ml-3, 7051.mx-3 { 7052 margin-left: 1rem !important; 7053} 7054 7055.m-4 { 7056 margin: 1.5rem !important; 7057} 7058 7059.mt-4, 7060.my-4 { 7061 margin-top: 1.5rem !important; 7062} 7063 7064.mr-4, 7065.mx-4 { 7066 margin-right: 1.5rem !important; 7067} 7068 7069.mb-4, 7070.my-4 { 7071 margin-bottom: 1.5rem !important; 7072} 7073 7074.ml-4, 7075.mx-4 { 7076 margin-left: 1.5rem !important; 7077} 7078 7079.m-5 { 7080 margin: 3rem !important; 7081} 7082 7083.mt-5, 7084.my-5 { 7085 margin-top: 3rem !important; 7086} 7087 7088.mr-5, 7089.mx-5 { 7090 margin-right: 3rem !important; 7091} 7092 7093.mb-5, 7094.my-5 { 7095 margin-bottom: 3rem !important; 7096} 7097 7098.ml-5, 7099.mx-5 { 7100 margin-left: 3rem !important; 7101} 7102 7103.p-0 { 7104 padding: 0 !important; 7105} 7106 7107.pt-0, 7108.py-0 { 7109 padding-top: 0 !important; 7110} 7111 7112.pr-0, 7113.px-0 { 7114 padding-right: 0 !important; 7115} 7116 7117.pb-0, 7118.py-0 { 7119 padding-bottom: 0 !important; 7120} 7121 7122.pl-0, 7123.px-0 { 7124 padding-left: 0 !important; 7125} 7126 7127.p-1 { 7128 padding: 0.25rem !important; 7129} 7130 7131.pt-1, 7132.py-1 { 7133 padding-top: 0.25rem !important; 7134} 7135 7136.pr-1, 7137.px-1 { 7138 padding-right: 0.25rem !important; 7139} 7140 7141.pb-1, 7142.py-1 { 7143 padding-bottom: 0.25rem !important; 7144} 7145 7146.pl-1, 7147.px-1 { 7148 padding-left: 0.25rem !important; 7149} 7150 7151.p-2 { 7152 padding: 0.5rem !important; 7153} 7154 7155.pt-2, 7156.py-2 { 7157 padding-top: 0.5rem !important; 7158} 7159 7160.pr-2, 7161.px-2 { 7162 padding-right: 0.5rem !important; 7163} 7164 7165.pb-2, 7166.py-2 { 7167 padding-bottom: 0.5rem !important; 7168} 7169 7170.pl-2, 7171.px-2 { 7172 padding-left: 0.5rem !important; 7173} 7174 7175.p-3 { 7176 padding: 1rem !important; 7177} 7178 7179.pt-3, 7180.py-3 { 7181 padding-top: 1rem !important; 7182} 7183 7184.pr-3, 7185.px-3 { 7186 padding-right: 1rem !important; 7187} 7188 7189.pb-3, 7190.py-3 { 7191 padding-bottom: 1rem !important; 7192} 7193 7194.pl-3, 7195.px-3 { 7196 padding-left: 1rem !important; 7197} 7198 7199.p-4 { 7200 padding: 1.5rem !important; 7201} 7202 7203.pt-4, 7204.py-4 { 7205 padding-top: 1.5rem !important; 7206} 7207 7208.pr-4, 7209.px-4 { 7210 padding-right: 1.5rem !important; 7211} 7212 7213.pb-4, 7214.py-4 { 7215 padding-bottom: 1.5rem !important; 7216} 7217 7218.pl-4, 7219.px-4 { 7220 padding-left: 1.5rem !important; 7221} 7222 7223.p-5 { 7224 padding: 3rem !important; 7225} 7226 7227.pt-5, 7228.py-5 { 7229 padding-top: 3rem !important; 7230} 7231 7232.pr-5, 7233.px-5 { 7234 padding-right: 3rem !important; 7235} 7236 7237.pb-5, 7238.py-5 { 7239 padding-bottom: 3rem !important; 7240} 7241 7242.pl-5, 7243.px-5 { 7244 padding-left: 3rem !important; 7245} 7246 7247.m-auto { 7248 margin: auto !important; 7249} 7250 7251.mt-auto, 7252.my-auto { 7253 margin-top: auto !important; 7254} 7255 7256.mr-auto, 7257.mx-auto { 7258 margin-right: auto !important; 7259} 7260 7261.mb-auto, 7262.my-auto { 7263 margin-bottom: auto !important; 7264} 7265 7266.ml-auto, 7267.mx-auto { 7268 margin-left: auto !important; 7269} 7270 7271@media (min-width: 576px) { 7272 .m-sm-0 { 7273 margin: 0 !important; 7274 } 7275 .mt-sm-0, 7276 .my-sm-0 { 7277 margin-top: 0 !important; 7278 } 7279 .mr-sm-0, 7280 .mx-sm-0 { 7281 margin-right: 0 !important; 7282 } 7283 .mb-sm-0, 7284 .my-sm-0 { 7285 margin-bottom: 0 !important; 7286 } 7287 .ml-sm-0, 7288 .mx-sm-0 { 7289 margin-left: 0 !important; 7290 } 7291 .m-sm-1 { 7292 margin: 0.25rem !important; 7293 } 7294 .mt-sm-1, 7295 .my-sm-1 { 7296 margin-top: 0.25rem !important; 7297 } 7298 .mr-sm-1, 7299 .mx-sm-1 { 7300 margin-right: 0.25rem !important; 7301 } 7302 .mb-sm-1, 7303 .my-sm-1 { 7304 margin-bottom: 0.25rem !important; 7305 } 7306 .ml-sm-1, 7307 .mx-sm-1 { 7308 margin-left: 0.25rem !important; 7309 } 7310 .m-sm-2 { 7311 margin: 0.5rem !important; 7312 } 7313 .mt-sm-2, 7314 .my-sm-2 { 7315 margin-top: 0.5rem !important; 7316 } 7317 .mr-sm-2, 7318 .mx-sm-2 { 7319 margin-right: 0.5rem !important; 7320 } 7321 .mb-sm-2, 7322 .my-sm-2 { 7323 margin-bottom: 0.5rem !important; 7324 } 7325 .ml-sm-2, 7326 .mx-sm-2 { 7327 margin-left: 0.5rem !important; 7328 } 7329 .m-sm-3 { 7330 margin: 1rem !important; 7331 } 7332 .mt-sm-3, 7333 .my-sm-3 { 7334 margin-top: 1rem !important; 7335 } 7336 .mr-sm-3, 7337 .mx-sm-3 { 7338 margin-right: 1rem !important; 7339 } 7340 .mb-sm-3, 7341 .my-sm-3 { 7342 margin-bottom: 1rem !important; 7343 } 7344 .ml-sm-3, 7345 .mx-sm-3 { 7346 margin-left: 1rem !important; 7347 } 7348 .m-sm-4 { 7349 margin: 1.5rem !important; 7350 } 7351 .mt-sm-4, 7352 .my-sm-4 { 7353 margin-top: 1.5rem !important; 7354 } 7355 .mr-sm-4, 7356 .mx-sm-4 { 7357 margin-right: 1.5rem !important; 7358 } 7359 .mb-sm-4, 7360 .my-sm-4 { 7361 margin-bottom: 1.5rem !important; 7362 } 7363 .ml-sm-4, 7364 .mx-sm-4 { 7365 margin-left: 1.5rem !important; 7366 } 7367 .m-sm-5 { 7368 margin: 3rem !important; 7369 } 7370 .mt-sm-5, 7371 .my-sm-5 { 7372 margin-top: 3rem !important; 7373 } 7374 .mr-sm-5, 7375 .mx-sm-5 { 7376 margin-right: 3rem !important; 7377 } 7378 .mb-sm-5, 7379 .my-sm-5 { 7380 margin-bottom: 3rem !important; 7381 } 7382 .ml-sm-5, 7383 .mx-sm-5 { 7384 margin-left: 3rem !important; 7385 } 7386 .p-sm-0 { 7387 padding: 0 !important; 7388 } 7389 .pt-sm-0, 7390 .py-sm-0 { 7391 padding-top: 0 !important; 7392 } 7393 .pr-sm-0, 7394 .px-sm-0 { 7395 padding-right: 0 !important; 7396 } 7397 .pb-sm-0, 7398 .py-sm-0 { 7399 padding-bottom: 0 !important; 7400 } 7401 .pl-sm-0, 7402 .px-sm-0 { 7403 padding-left: 0 !important; 7404 } 7405 .p-sm-1 { 7406 padding: 0.25rem !important; 7407 } 7408 .pt-sm-1, 7409 .py-sm-1 { 7410 padding-top: 0.25rem !important; 7411 } 7412 .pr-sm-1, 7413 .px-sm-1 { 7414 padding-right: 0.25rem !important; 7415 } 7416 .pb-sm-1, 7417 .py-sm-1 { 7418 padding-bottom: 0.25rem !important; 7419 } 7420 .pl-sm-1, 7421 .px-sm-1 { 7422 padding-left: 0.25rem !important; 7423 } 7424 .p-sm-2 { 7425 padding: 0.5rem !important; 7426 } 7427 .pt-sm-2, 7428 .py-sm-2 { 7429 padding-top: 0.5rem !important; 7430 } 7431 .pr-sm-2, 7432 .px-sm-2 { 7433 padding-right: 0.5rem !important; 7434 } 7435 .pb-sm-2, 7436 .py-sm-2 { 7437 padding-bottom: 0.5rem !important; 7438 } 7439 .pl-sm-2, 7440 .px-sm-2 { 7441 padding-left: 0.5rem !important; 7442 } 7443 .p-sm-3 { 7444 padding: 1rem !important; 7445 } 7446 .pt-sm-3, 7447 .py-sm-3 { 7448 padding-top: 1rem !important; 7449 } 7450 .pr-sm-3, 7451 .px-sm-3 { 7452 padding-right: 1rem !important; 7453 } 7454 .pb-sm-3, 7455 .py-sm-3 { 7456 padding-bottom: 1rem !important; 7457 } 7458 .pl-sm-3, 7459 .px-sm-3 { 7460 padding-left: 1rem !important; 7461 } 7462 .p-sm-4 { 7463 padding: 1.5rem !important; 7464 } 7465 .pt-sm-4, 7466 .py-sm-4 { 7467 padding-top: 1.5rem !important; 7468 } 7469 .pr-sm-4, 7470 .px-sm-4 { 7471 padding-right: 1.5rem !important; 7472 } 7473 .pb-sm-4, 7474 .py-sm-4 { 7475 padding-bottom: 1.5rem !important; 7476 } 7477 .pl-sm-4, 7478 .px-sm-4 { 7479 padding-left: 1.5rem !important; 7480 } 7481 .p-sm-5 { 7482 padding: 3rem !important; 7483 } 7484 .pt-sm-5, 7485 .py-sm-5 { 7486 padding-top: 3rem !important; 7487 } 7488 .pr-sm-5, 7489 .px-sm-5 { 7490 padding-right: 3rem !important; 7491 } 7492 .pb-sm-5, 7493 .py-sm-5 { 7494 padding-bottom: 3rem !important; 7495 } 7496 .pl-sm-5, 7497 .px-sm-5 { 7498 padding-left: 3rem !important; 7499 } 7500 .m-sm-auto { 7501 margin: auto !important; 7502 } 7503 .mt-sm-auto, 7504 .my-sm-auto { 7505 margin-top: auto !important; 7506 } 7507 .mr-sm-auto, 7508 .mx-sm-auto { 7509 margin-right: auto !important; 7510 } 7511 .mb-sm-auto, 7512 .my-sm-auto { 7513 margin-bottom: auto !important; 7514 } 7515 .ml-sm-auto, 7516 .mx-sm-auto { 7517 margin-left: auto !important; 7518 } 7519} 7520 7521@media (min-width: 768px) { 7522 .m-md-0 { 7523 margin: 0 !important; 7524 } 7525 .mt-md-0, 7526 .my-md-0 { 7527 margin-top: 0 !important; 7528 } 7529 .mr-md-0,
7530 .mx-md-0 { 7531 margin-right: 0 !important; 7532 } 7533 .mb-md-0, 7534 .my-md-0 { 7535 margin-bottom: 0 !important; 7536 } 7537 .ml-md-0, 7538 .mx-md-0 { 7539 margin-left: 0 !important; 7540 } 7541 .m-md-1 { 7542 margin: 0.25rem !important; 7543 } 7544 .mt-md-1, 7545 .my-md-1 { 7546 margin-top: 0.25rem !important; 7547 } 7548 .mr-md-1, 7549 .mx-md-1 { 7550 margin-right: 0.25rem !important; 7551 } 7552 .mb-md-1, 7553 .my-md-1 { 7554 margin-bottom: 0.25rem !important; 7555 } 7556 .ml-md-1, 7557 .mx-md-1 { 7558 margin-left: 0.25rem !important; 7559 } 7560 .m-md-2 { 7561 margin: 0.5rem !important; 7562 } 7563 .mt-md-2, 7564 .my-md-2 { 7565 margin-top: 0.5rem !important; 7566 } 7567 .mr-md-2, 7568 .mx-md-2 { 7569 margin-right: 0.5rem !important; 7570 } 7571 .mb-md-2, 7572 .my-md-2 { 7573 margin-bottom: 0.5rem !important; 7574 } 7575 .ml-md-2, 7576 .mx-md-2 { 7577 margin-left: 0.5rem !important; 7578 } 7579 .m-md-3 { 7580 margin: 1rem !important; 7581 } 7582 .mt-md-3, 7583 .my-md-3 { 7584 margin-top: 1rem !important; 7585 } 7586 .mr-md-3, 7587 .mx-md-3 { 7588 margin-right: 1rem !important; 7589 } 7590 .mb-md-3, 7591 .my-md-3 { 7592 margin-bottom: 1rem !important; 7593 } 7594 .ml-md-3, 7595 .mx-md-3 { 7596 margin-left: 1rem !important; 7597 } 7598 .m-md-4 { 7599 margin: 1.5rem !important; 7600 } 7601 .mt-md-4, 7602 .my-md-4 { 7603 margin-top: 1.5rem !important; 7604 } 7605 .mr-md-4, 7606 .mx-md-4 { 7607 margin-right: 1.5rem !important; 7608 } 7609 .mb-md-4, 7610 .my-md-4 { 7611 margin-bottom: 1.5rem !important; 7612 } 7613 .ml-md-4, 7614 .mx-md-4 { 7615 margin-left: 1.5rem !important; 7616 } 7617 .m-md-5 { 7618 margin: 3rem !important; 7619 } 7620 .mt-md-5, 7621 .my-md-5 { 7622 margin-top: 3rem !important; 7623 } 7624 .mr-md-5, 7625 .mx-md-5 { 7626 margin-right: 3rem !important; 7627 } 7628 .mb-md-5, 7629 .my-md-5 { 7630 margin-bottom: 3rem !important; 7631 } 7632 .ml-md-5, 7633 .mx-md-5 { 7634 margin-left: 3rem !important; 7635 } 7636 .p-md-0 { 7637 padding: 0 !important; 7638 } 7639 .pt-md-0, 7640 .py-md-0 { 7641 padding-top: 0 !important; 7642 } 7643 .pr-md-0, 7644 .px-md-0 { 7645 padding-right: 0 !important; 7646 } 7647 .pb-md-0, 7648 .py-md-0 { 7649 padding-bottom: 0 !important; 7650 } 7651 .pl-md-0, 7652 .px-md-0 { 7653 padding-left: 0 !important; 7654 } 7655 .p-md-1 { 7656 padding: 0.25rem !important; 7657 } 7658 .pt-md-1, 7659 .py-md-1 { 7660 padding-top: 0.25rem !important; 7661 } 7662 .pr-md-1, 7663 .px-md-1 { 7664 padding-right: 0.25rem !important; 7665 } 7666 .pb-md-1, 7667 .py-md-1 { 7668 padding-bottom: 0.25rem !important; 7669 } 7670 .pl-md-1, 7671 .px-md-1 { 7672 padding-left: 0.25rem !important; 7673 } 7674 .p-md-2 { 7675 padding: 0.5rem !important; 7676 } 7677 .pt-md-2, 7678 .py-md-2 { 7679 padding-top: 0.5rem !important; 7680 } 7681 .pr-md-2, 7682 .px-md-2 { 7683 padding-right: 0.5rem !important; 7684 } 7685 .pb-md-2, 7686 .py-md-2 { 7687 padding-bottom: 0.5rem !important; 7688 } 7689 .pl-md-2, 7690 .px-md-2 { 7691 padding-left: 0.5rem !important; 7692 } 7693 .p-md-3 { 7694 padding: 1rem !important; 7695 } 7696 .pt-md-3, 7697 .py-md-3 { 7698 padding-top: 1rem !important; 7699 } 7700 .pr-md-3, 7701 .px-md-3 { 7702 padding-right: 1rem !important; 7703 } 7704 .pb-md-3, 7705 .py-md-3 { 7706 padding-bottom: 1rem !important; 7707 } 7708 .pl-md-3, 7709 .px-md-3 { 7710 padding-left: 1rem !important; 7711 } 7712 .p-md-4 { 7713 padding: 1.5rem !important; 7714 } 7715 .pt-md-4, 7716 .py-md-4 { 7717 padding-top: 1.5rem !important; 7718 } 7719 .pr-md-4, 7720 .px-md-4 { 7721 padding-right: 1.5rem !important; 7722 } 7723 .pb-md-4, 7724 .py-md-4 { 7725 padding-bottom: 1.5rem !important; 7726 } 7727 .pl-md-4, 7728 .px-md-4 { 7729 padding-left: 1.5rem !important; 7730 } 7731 .p-md-5 { 7732 padding: 3rem !important; 7733 } 7734 .pt-md-5, 7735 .py-md-5 { 7736 padding-top: 3rem !important; 7737 } 7738 .pr-md-5, 7739 .px-md-5 { 7740 padding-right: 3rem !important; 7741 } 7742 .pb-md-5, 7743 .py-md-5 { 7744 padding-bottom: 3rem !important; 7745 } 7746 .pl-md-5, 7747 .px-md-5 { 7748 padding-left: 3rem !important; 7749 } 7750 .m-md-auto { 7751 margin: auto !important; 7752 } 7753 .mt-md-auto, 7754 .my-md-auto { 7755 margin-top: auto !important; 7756 } 7757 .mr-md-auto, 7758 .mx-md-auto { 7759 margin-right: auto !important; 7760 } 7761 .mb-md-auto, 7762 .my-md-auto { 7763 margin-bottom: auto !important; 7764 } 7765 .ml-md-auto, 7766 .mx-md-auto { 7767 margin-left: auto !important; 7768 } 7769} 7770 7771@media (min-width: 992px) { 7772 .m-lg-0 { 7773 margin: 0 !important; 7774 } 7775 .mt-lg-0, 7776 .my-lg-0 { 7777 margin-top: 0 !important; 7778 } 7779 .mr-lg-0, 7780 .mx-lg-0 { 7781 margin-right: 0 !important; 7782 } 7783 .mb-lg-0, 7784 .my-lg-0 { 7785 margin-bottom: 0 !important; 7786 } 7787 .ml-lg-0, 7788 .mx-lg-0 { 7789 margin-left: 0 !important; 7790 } 7791 .m-lg-1 { 7792 margin: 0.25rem !important; 7793 } 7794 .mt-lg-1, 7795 .my-lg-1 { 7796 margin-top: 0.25rem !important; 7797 } 7798 .mr-lg-1, 7799 .mx-lg-1 { 7800 margin-right: 0.25rem !important; 7801 } 7802 .mb-lg-1, 7803 .my-lg-1 { 7804 margin-bottom: 0.25rem !important; 7805 } 7806 .ml-lg-1, 7807 .mx-lg-1 { 7808 margin-left: 0.25rem !important; 7809 } 7810 .m-lg-2 { 7811 margin: 0.5rem !important; 7812 } 7813 .mt-lg-2, 7814 .my-lg-2 { 7815 margin-top: 0.5rem !important; 7816 } 7817 .mr-lg-2, 7818 .mx-lg-2 { 7819 margin-right: 0.5rem !important; 7820 } 7821 .mb-lg-2, 7822 .my-lg-2 { 7823 margin-bottom: 0.5rem !important; 7824 } 7825 .ml-lg-2, 7826 .mx-lg-2 { 7827 margin-left: 0.5rem !important; 7828 } 7829 .m-lg-3 { 7830 margin: 1rem !important; 7831 } 7832 .mt-lg-3, 7833 .my-lg-3 { 7834 margin-top: 1rem !important; 7835 } 7836 .mr-lg-3, 7837 .mx-lg-3 { 7838 margin-right: 1rem !important; 7839 } 7840 .mb-lg-3, 7841 .my-lg-3 { 7842 margin-bottom: 1rem !important; 7843 } 7844 .ml-lg-3, 7845 .mx-lg-3 { 7846 margin-left: 1rem !important; 7847 } 7848 .m-lg-4 { 7849 margin: 1.5rem !important; 7850 } 7851 .mt-lg-4, 7852 .my-lg-4 { 7853 margin-top: 1.5rem !important; 7854 } 7855 .mr-lg-4, 7856 .mx-lg-4 { 7857 margin-right: 1.5rem !important; 7858 } 7859 .mb-lg-4, 7860 .my-lg-4 { 7861 margin-bottom: 1.5rem !important; 7862 } 7863 .ml-lg-4, 7864 .mx-lg-4 { 7865 margin-left: 1.5rem !important; 7866 } 7867 .m-lg-5 { 7868 margin: 3rem !important; 7869 } 7870 .mt-lg-5, 7871 .my-lg-5 { 7872 margin-top: 3rem !important; 7873 } 7874 .mr-lg-5, 7875 .mx-lg-5 { 7876 margin-right: 3rem !important; 7877 } 7878 .mb-lg-5, 7879 .my-lg-5 { 7880 margin-bottom: 3rem !important; 7881 } 7882 .ml-lg-5, 7883 .mx-lg-5 { 7884 margin-left: 3rem !important; 7885 } 7886 .p-lg-0 { 7887 padding: 0 !important; 7888 } 7889 .pt-lg-0, 7890 .py-lg-0 { 7891 padding-top: 0 !important; 7892 } 7893 .pr-lg-0, 7894 .px-lg-0 { 7895 padding-right: 0 !important; 7896 } 7897 .pb-lg-0, 7898 .py-lg-0 { 7899 padding-bottom: 0 !important; 7900 } 7901 .pl-lg-0, 7902 .px-lg-0 { 7903 padding-left: 0 !important; 7904 } 7905 .p-lg-1 { 7906 padding: 0.25rem !important; 7907 } 7908 .pt-lg-1, 7909 .py-lg-1 { 7910 padding-top: 0.25rem !important; 7911 } 7912 .pr-lg-1, 7913 .px-lg-1 { 7914 padding-right: 0.25rem !important; 7915 } 7916 .pb-lg-1, 7917 .py-lg-1 { 7918 padding-bottom: 0.25rem !important; 7919 } 7920 .pl-lg-1, 7921 .px-lg-1 { 7922 padding-left: 0.25rem !important; 7923 } 7924 .p-lg-2 { 7925 padding: 0.5rem !important; 7926 } 7927 .pt-lg-2, 7928 .py-lg-2 { 7929 padding-top: 0.5rem !important; 7930 } 7931 .pr-lg-2, 7932 .px-lg-2 { 7933 padding-right: 0.5rem !important; 7934 } 7935 .pb-lg-2, 7936 .py-lg-2 { 7937 padding-bottom: 0.5rem !important; 7938 } 7939 .pl-lg-2, 7940 .px-lg-2 { 7941 padding-left: 0.5rem !important; 7942 } 7943 .p-lg-3 { 7944 padding: 1rem !important; 7945 } 7946 .pt-lg-3, 7947 .py-lg-3 { 7948 padding-top: 1rem !important; 7949 } 7950 .pr-lg-3, 7951 .px-lg-3 { 7952 padding-right: 1rem !important; 7953 } 7954 .pb-lg-3, 7955 .py-lg-3 { 7956 padding-bottom: 1rem !important; 7957 } 7958 .pl-lg-3, 7959 .px-lg-3 { 7960 padding-left: 1rem !important; 7961 } 7962 .p-lg-4 { 7963 padding: 1.5rem !important; 7964 } 7965 .pt-lg-4, 7966 .py-lg-4 { 7967 padding-top: 1.5rem !important; 7968 } 7969 .pr-lg-4, 7970 .px-lg-4 { 7971 padding-right: 1.5rem !important; 7972 } 7973 .pb-lg-4, 7974 .py-lg-4 { 7975 padding-bottom: 1.5rem !important; 7976 } 7977 .pl-lg-4, 7978 .px-lg-4 { 7979 padding-left: 1.5rem !important; 7980 } 7981 .p-lg-5 { 7982 padding: 3rem !important; 7983 } 7984 .pt-lg-5, 7985 .py-lg-5 { 7986 padding-top: 3rem !important; 7987 } 7988 .pr-lg-5, 7989 .px-lg-5 { 7990 padding-right: 3rem !important; 7991 } 7992 .pb-lg-5, 7993 .py-lg-5 { 7994 padding-bottom: 3rem !important; 7995 } 7996 .pl-lg-5, 7997 .px-lg-5 { 7998 padding-left: 3rem !important; 7999 } 8000 .m-lg-auto { 8001 margin: auto !important; 8002 } 8003 .mt-lg-auto, 8004 .my-lg-auto { 8005 margin-top: auto !important; 8006 } 8007 .mr-lg-auto, 8008 .mx-lg-auto { 8009 margin-right: auto !important; 8010 } 8011 .mb-lg-auto, 8012 .my-lg-auto { 8013 margin-bottom: auto !important; 8014 } 8015 .ml-lg-auto, 8016 .mx-lg-auto { 8017 margin-left: auto !important; 8018 } 8019} 8020 8021@media (min-width: 1200px) { 8022 .m-xl-0 { 8023 margin: 0 !important; 8024 } 8025 .mt-xl-0, 8026 .my-xl-0 { 8027 margin-top: 0 !important; 8028 } 8029 .mr-xl-0, 8030 .mx-xl-0 { 8031 margin-right: 0 !important; 8032 } 8033 .mb-xl-0, 8034 .my-xl-0 { 8035 margin-bottom: 0 !important; 8036 } 8037 .ml-xl-0, 8038 .mx-xl-0 { 8039 margin-left: 0 !important; 8040 } 8041 .m-xl-1 { 8042 margin: 0.25rem !important; 8043 } 8044 .mt-xl-1, 8045 .my-xl-1 { 8046 margin-top: 0.25rem !important; 8047 } 8048 .mr-xl-1, 8049 .mx-xl-1 { 8050 margin-right: 0.25rem !important; 8051 } 8052 .mb-xl-1, 8053 .my-xl-1 { 8054 margin-bottom: 0.25rem !important; 8055 } 8056 .ml-xl-1, 8057 .mx-xl-1 { 8058 margin-left: 0.25rem !important; 8059 } 8060 .m-xl-2 { 8061 margin: 0.5rem !important; 8062 } 8063 .mt-xl-2, 8064 .my-xl-2 { 8065 margin-top: 0.5rem !important; 8066 } 8067 .mr-xl-2, 8068 .mx-xl-2 { 8069 margin-right: 0.5rem !important; 8070 } 8071 .mb-xl-2, 8072 .my-xl-2 { 8073 margin-bottom: 0.5rem !important; 8074 } 8075 .ml-xl-2, 8076 .mx-xl-2 { 8077 margin-left: 0.5rem !important; 8078 } 8079 .m-xl-3 { 8080 margin: 1rem !important; 8081 } 8082 .mt-xl-3, 8083 .my-xl-3 { 8084 margin-top: 1rem !important; 8085 } 8086 .mr-xl-3, 8087 .mx-xl-3 { 8088 margin-right: 1rem !important; 8089 } 8090 .mb-xl-3, 8091 .my-xl-3 { 8092 margin-bottom: 1rem !important; 8093 } 8094 .ml-xl-3, 8095 .mx-xl-3 { 8096 margin-left: 1rem !important; 8097 } 8098 .m-xl-4 { 8099 margin: 1.5rem !important; 8100 } 8101 .mt-xl-4, 8102 .my-xl-4 { 8103 margin-top: 1.5rem !important; 8104 } 8105 .mr-xl-4, 8106 .mx-xl-4 { 8107 margin-right: 1.5rem !important; 8108 } 8109 .mb-xl-4, 8110 .my-xl-4 { 8111 margin-bottom: 1.5rem !important; 8112 } 8113 .ml-xl-4, 8114 .mx-xl-4 { 8115 margin-left: 1.5rem !important; 8116 } 8117 .m-xl-5 { 8118 margin: 3rem !important; 8119 } 8120 .mt-xl-5, 8121 .my-xl-5 { 8122 margin-top: 3rem !important; 8123 } 8124 .mr-xl-5, 8125 .mx-xl-5 { 8126 margin-right: 3rem !important; 8127 } 8128 .mb-xl-5, 8129 .my-xl-5 { 8130 margin-bottom: 3rem !important; 8131 } 8132 .ml-xl-5, 8133 .mx-xl-5 { 8134 margin-left: 3rem !important; 8135 } 8136 .p-xl-0 { 8137 padding: 0 !important; 8138 } 8139 .pt-xl-0, 8140 .py-xl-0 { 8141 padding-top: 0 !important; 8142 } 8143 .pr-xl-0, 8144 .px-xl-0 { 8145 padding-right: 0 !important; 8146 } 8147 .pb-xl-0, 8148 .py-xl-0 { 8149 padding-bottom: 0 !important; 8150 } 8151 .pl-xl-0, 8152 .px-xl-0 { 8153 padding-left: 0 !important; 8154 } 8155 .p-xl-1 { 8156 padding: 0.25rem !important; 8157 } 8158 .pt-xl-1, 8159 .py-xl-1 { 8160 padding-top: 0.25rem !important; 8161 } 8162 .pr-xl-1, 8163 .px-xl-1 { 8164 padding-right: 0.25rem !important; 8165 } 8166 .pb-xl-1, 8167 .py-xl-1 { 8168 padding-bottom: 0.25rem !important; 8169 } 8170 .pl-xl-1, 8171 .px-xl-1 { 8172 padding-left: 0.25rem !important; 8173 } 8174 .p-xl-2 { 8175 padding: 0.5rem !important; 8176 } 8177 .pt-xl-2, 8178 .py-xl-2 { 8179 padding-top: 0.5rem !important; 8180 } 8181 .pr-xl-2, 8182 .px-xl-2 { 8183 padding-right: 0.5rem !important; 8184 } 8185 .pb-xl-2, 8186 .py-xl-2 { 8187 padding-bottom: 0.5rem !important; 8188 } 8189 .pl-xl-2, 8190 .px-xl-2 { 8191 padding-left: 0.5rem !important; 8192 } 8193 .p-xl-3 { 8194 padding: 1rem !important; 8195 } 8196 .pt-xl-3, 8197 .py-xl-3 { 8198 padding-top: 1rem !important; 8199 } 8200 .pr-xl-3, 8201 .px-xl-3 { 8202 padding-right: 1rem !important; 8203 } 8204 .pb-xl-3, 8205 .py-xl-3 { 8206 padding-bottom: 1rem !important; 8207 } 8208 .pl-xl-3, 8209 .px-xl-3 { 8210 padding-left: 1rem !important; 8211 } 8212 .p-xl-4 { 8213 padding: 1.5rem !important; 8214 } 8215 .pt-xl-4, 8216 .py-xl-4 { 8217 padding-top: 1.5rem !important; 8218 } 8219 .pr-xl-4, 8220 .px-xl-4 { 8221 padding-right: 1.5rem !important; 8222 } 8223 .pb-xl-4, 8224 .py-xl-4 { 8225 padding-bottom: 1.5rem !important; 8226 } 8227 .pl-xl-4, 8228 .px-xl-4 { 8229 padding-left: 1.5rem !important; 8230 } 8231 .p-xl-5 { 8232 padding: 3rem !important; 8233 } 8234 .pt-xl-5, 8235 .py-xl-5 { 8236 padding-top: 3rem !important; 8237 } 8238 .pr-xl-5, 8239 .px-xl-5 { 8240 padding-right: 3rem !important; 8241 } 8242 .pb-xl-5, 8243 .py-xl-5 { 8244 padding-bottom: 3rem !important; 8245 } 8246 .pl-xl-5, 8247 .px-xl-5 { 8248 padding-left: 3rem !important; 8249 } 8250 .m-xl-auto { 8251 margin: auto !important; 8252 } 8253 .mt-xl-auto, 8254 .my-xl-auto { 8255 margin-top: auto !important; 8256 } 8257 .mr-xl-auto, 8258 .mx-xl-auto { 8259 margin-right: auto !important; 8260 } 8261 .mb-xl-auto, 8262 .my-xl-auto { 8263 margin-bottom: auto !important; 8264 } 8265 .ml-xl-auto, 8266 .mx-xl-auto { 8267 margin-left: auto !important; 8268 } 8269} 8270
8271.text-justify { 8272 text-align: justify !important; 8273} 8274 8275.text-nowrap { 8276 white-space: nowrap !important; 8277} 8278 8279.text-truncate { 8280 overflow: hidden; 8281 text-overflow: ellipsis; 8282 white-space: nowrap; 8283} 8284 8285.text-left { 8286 text-align: left !important; 8287} 8288 8289.text-right { 8290 text-align: right !important; 8291} 8292 8293.text-center { 8294 text-align: center !important; 8295} 8296 8297@media (min-width: 576px) { 8298 .text-sm-left { 8299 text-align: left !important; 8300 } 8301 .text-sm-right { 8302 text-align: right !important; 8303 } 8304 .text-sm-center { 8305 text-align: center !important; 8306 } 8307} 8308 8309@media (min-width: 768px) { 8310 .text-md-left { 8311 text-align: left !important; 8312 } 8313 .text-md-right { 8314 text-align: right !important; 8315 } 8316 .text-md-center { 8317 text-align: center !important; 8318 } 8319} 8320 8321@media (min-width: 992px) { 8322 .text-lg-left { 8323 text-align: left !important; 8324 } 8325 .text-lg-right { 8326 text-align: right !important; 8327 } 8328 .text-lg-center { 8329 text-align: center !important; 8330 } 8331} 8332 8333@media (min-width: 1200px) { 8334 .text-xl-left { 8335 text-align: left !important; 8336 } 8337 .text-xl-right { 8338 text-align: right !important; 8339 } 8340 .text-xl-center { 8341 text-align: center !important; 8342 } 8343} 8344 8345.text-lowercase { 8346 text-transform: lowercase !important; 8347} 8348 8349.text-uppercase { 8350 text-transform: uppercase !important; 8351} 8352 8353.text-capitalize { 8354 text-transform: capitalize !important; 8355} 8356 8357.font-weight-light { 8358 font-weight: 300 !important; 8359} 8360 8361.font-weight-normal { 8362 font-weight: 400 !important; 8363} 8364 8365.font-weight-bold { 8366 font-weight: 700 !important; 8367} 8368 8369.font-italic { 8370 font-style: italic !important; 8371} 8372 8373.text-white { 8374 color: #fff !important; 8375} 8376 8377.text-primary { 8378 color: #007bff !important; 8379} 8380 8381a.text-primary:focus, a.text-primary:hover { 8382 color: #0062cc !important; 8383} 8384 8385.text-secondary { 8386 color: #868e96 !important; 8387} 8388 8389a.text-secondary:focus, a.text-secondary:hover { 8390 color: #6c757d !important; 8391} 8392 8393.text-success { 8394 color: #28a745 !important; 8395} 8396 8397a.text-success:focus, a.text-success:hover { 8398 color: #1e7e34 !important; 8399} 8400 8401.text-info { 8402 color: #17a2b8 !important; 8403} 8404 8405a.text-info:focus, a.text-info:hover { 8406 color: #117a8b !important; 8407} 8408 8409.text-warning { 8410 color: #ffc107 !important; 8411} 8412 8413a.text-warning:focus, a.text-warning:hover {
8414 color: #d39e00 !important; 8415} 8416 8417.text-danger { 8418 color: #dc3545 !important; 8419} 8420 8421a.text-danger:focus, a.text-danger:hover { 8422 color: #bd2130 !important; 8423} 8424 8425.text-light { 8426 color: #f8f9fa !important; 8427} 8428 8429a.text-light:focus, a.text-light:hover { 8430 color: #dae0e5 !important; 8431} 8432 8433.text-dark { 8434 color: #343a40 !important; 8435} 8436 8437a.text-dark:focus, a.text-dark:hover { 8438 color: #1d2124 !important; 8439} 8440 8441.text-muted { 8442 color: #868e96 !important; 8443} 8444 8445.text-hide { 8446 font: 0/0 a; 8447 color: transparent; 8448 text-shadow: none; 8449 background-color: transparent; 8450 border: 0; 8451} 8452 8453.visible { 8454 visibility: visible !important; 8455} 8456 8457.invisible { 8458 visibility: hidden !important; 8459} 8460/*# sourceMappingURL=bootstrap.css.map *//* 8461Script Version: v1.5.2 8462NB: If changes don't apply, try adding "!important" For example: 8463.btn { 8464 color: blue !important; 8465} 8466 8467*/ 8468 8469/********** Start Writing Your Own Custom CSS Code Here ***********/ 8470@charset "utf-8"; 8471@font-face{ 8472 src:url(../fonts/Brandon_reg.otf); 8473 font-family:'Brandon_reg'; 8474} 8475@font-face{ 8476 src:url(../fonts/Brandon_bld.otf); 8477 font-family:'Brandon_bld'; 8478} 8479@font-face{ 8480 src:url(../fonts/Montserrat-Regular.otf); 8481 font-family: 'Montserrat-Regular'; 8482} 8483@font-face{ 8484 src:url(../fonts/Montserrat-SemiBold.otf); 8485 font-family:'Montserrat-SemiBold'; 8486} 8487@font-face{ 8488 src:url(../fonts/Montserrat-Light.otf); 8489 font-family:'Montserrat-Light'; 8490} 8491@font-face{ 8492 src:url(../fonts/Mosk-Light-300.ttf); 8493 font-family:'Mosk-Light-300'; 8494} 8495@font-face { 8496 font-family: "Guardian-EgypTT"; 8497 src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2"); 8498 src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg"); 8499 font-style: normal; 8500 font-weight: 500; 8501 font-stretch: normal; 8502 font-display: swap; 8503} 8504@font-face { 8505 font-family: "Guardian-EgypTT"; 8506 src: url("../fonts/Guardian-EgypTT-Light.eot?v=2"); 8507 src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg"); 8508 font-style: normal; 8509 font-weight: 300; 8510 font-stretch: normal; 8511 font-display: swap; 8512} 8513@font-face { 8514 font-family: "Graphik Webfont"; 8515 src: url("../fonts/Graphik-Regular-Web.eot"); 8516 src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype"); 8517 font-weight: 400; 8518 font-style: normal; 8519 font-stretch: normal; 8520} 8521@font-face { 8522 font-family: "Graphik Webfont"; 8523 src: url("../fonts/Graphik-Medium-Web.eot"); 8524 src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype"); 8525 font-weight: 500; 8526 font-style: normal; 8527 font-stretch: normal; 8528} 8529@font-face { 8530 font-family: "Graphik Webfont"; 8531 src: url("../fonts/Graphik-Medium-Web.eot"); 8532 src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype"); 8533 font-weight: 700; 8534 font-style: normal; 8535 font-stretch: normal; 8536} 8537 8538body { 8539 margin: 0px; 8540 padding: 0px; 8541 background: #fff; 8542 height: 100%; 8543 width: 100%; 8544 font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif; 8545 color: #000; 8546 font-weight: 400; 8547 overflow-x: hidden; 8548 /*font-family: 'Josefin Sans', sans-serif!important;*/ 8549 /*font-family: 'Source Sans Pro', sans-serif;*/ 8550} 8551 8552html { 8553 height: 100%; 8554 width: 100%; 8555 /*font-family: 'Josefin Sans', sans-serif;*/ 8556} 8557 8558.revenue_usermenu { 8559 display: none; 8560} 8561 8562.modal-backdrop.show:first-child{ 8563 display: none !important; 8564 opacity: 0 !important; 8565 z-index: -1; 8566} 8567 8568#un-button.un-left.css3 { 8569 left: -46px; 8570 top: 65%; 8571 -webkit-transform-origin: 0 0; 8572 -o-transform-origin: 0 0; 8573 transform-origin: 0 0; 8574 -webkit-transform: rotate(-90deg); 8575} 8576 8577#un-button { 8578 border:1px solid #ccc; 8579 position: fixed; 8580 font-weight:bold; 8581 font-family:'Montserrat-Light'; 8582 letter-spacing:2px; 8583 z-index: 9997; 8584 text-decoration: none; 8585 color: white !important; 8586 border-radius: 4px; 8587 padding: 14px 15px 12px 12px; 8588 line-height: 14px; 8589 float: none; 8590} 8591/* ======DEFAULT BROWSER STYLE========= */ 8592 8593.btn{ 8594 8595 cursor:pointer !important; 8596 8597} 8598 8599a:focus, 8600a:hover { 8601 text-decoration: none; 8602 transition: 300ms ease-in-out; 8603} 8604a:focus, 8605.btn:focus, 8606.btn:active:focus, 8607button:focus, 8608input[type="file"]:focus, 8609input[type="radio"]:focus, 8610input[type="checkbox"]:focus { 8611 outline: none; 8612} 8613 8614/*audio::-webkit-media-controls-panel{ 8615 background-color: #ccc; 8616 color:red; 8617} 8618 8619audio::-webkit-media-controls-panel{ 8620 background-color: red; 8621}*/ 8622 8623/*audio::-webkit-media-controls-play-button, 8624audio::-webkit-media-controls-panel { 8625 background-color: red; 8626 color: red; 8627}*/ 8628 8629/* =========== SPACE CLASSES=========== */ 8630 8631.space3 { 8632 margin-top: 3px; 8633} 8634.space5 { 8635 margin-top: 5px; 8636} 8637.space10 { 8638 margin-top: 10px; 8639} 8640.space15 { 8641 margin-top: 15px; 8642} 8643.space20 { 8644 margin-top: 20px!important; 8645} 8646.space25 { 8647 margin-top: 25px; 8648} 8649.space30 { 8650 margin-top: 30px!important; 8651} 8652.space40 { 8653 margin-top: 40px; 8654} 8655.space50 { 8656 margin-top: 50px!important; 8657} 8658.space60 { 8659 margin-top: 60px; 8660} 8661.space70 { 8662 margin-top: 70px; 8663} 8664.space80 { 8665 margin-top: 80px; 8666} 8667.space100 { 8668 margin-top: 100px; 8669} 8670.pad0 { 8671 padding: 0!important; 8672} 8673.m0{ 8674 margin: 0!important; 8675} 8676.mleft0 { 8677 margin-left: 0!important; 8678} 8679 8680/*============ placeholder =============*/ 8681 8682.form-control::-webkit-input-placeholder { 8683color: #afb8bc; 8684} 8685.form-control::-moz-placeholder { 8686color: #afb8bc; 8687} 8688.form-control:-ms-input-placeholder { 8689color: #afb8bc; 8690} 8691.form-control:-moz-placeholder { 8692color: #afb8bc; 8693} 8694 8695 8696/*beta*/ 8697.list-inline-item:not(:last-child) { 8698 margin-right: 2px !important; 8699} 8700 8701 8702/* 8703@media(max-width: 767px){ 8704 .navbar-brand { 8705 left: -22px; 8706 position: relative; 8707 right: 0; 8708 margin: 0 auto; 8709 } 8710 header { 8711 padding: 0px 0 90px; 8712 } 8713 .navbar-light .navbar-brand{ 8714 color: rgba(0,0,0,.9); 8715 width: 45%; 8716 position: relative; 8717 top: 0; 8718 } 8719}*/ 8720.visible-xs{ 8721 display: none; 8722} 8723.red-color{ 8724 color: red !important; 8725} 8726 8727.gnav-header .notifications-dropdown { 8728margin-left: -145px; 8729width:385px !important; 8730} 8731 8732.gnav-header .messages-dropdown { 8733margin-left: -190px; 8734width:385px !important; 8735} 8736 8737@media (max-width: 629px) { 8738 .gnav-header .notifications-dropdown, 8739 .gnav-header .messages-dropdown , 8740 .user-menu .dropdown-menu{ 8741 display: none; 8742 } 8743 8744 .revenue_usermenu { 8745 display: block; 8746 float: left; 8747 background: #50e250; 8748 position: absolute; 8749 right: 32px; 8750 margin: 0 auto; 8751 padding: 2px 4px; 8752 border-radius: 6px; 8753 top: 28px; 8754 font-size: 11px; 8755 font-weight: bold; 8756 line-height: 10px; 8757 } 8758} 8759 8760 8761.gnav-header .dropdown-menu .dropdown-item { 8762 font-size: 15px !important; 8763 padding: 5px !important; 8764 padding-left:20px !important; 8765 margin-top: 2px !important; 8766 padding-right: 20px !important; 8767} 8768 8769.notifications-dropdown .dropdown-header, 8770 .messages-dropdown .dropdown-header {
8771 margin-top:-7px; 8772 color:inherit; 8773 font-size:15px; 8774 background-color:#f7f7f7; 8775 border-bottom:1px solid #ebebeb; 8776 } 8777 8778/*=================================================================================================*/ 8779/*.affix .navbar-light .navbar-nav .nav-link, .mega-drop-down a { 8780 color: #6b7b84; 8781 font-size: 14px; 8782 margin: 0 25px 0 0; 8783 }*/ 8784header .dropdown-menu{ 8785 top: 94%; 8786 border-radius: 0; 8787} 8788 8789.list-inline-item .d-icon.dropdown-toggle::after{ 8790 display: none; 8791} 8792 8793.affix .mr-auto,.affix .mx-auto { 8794 margin-right: auto!important; 8795 margin-left: auto !important; 8796} 8797.affix { 8798 position: fixed; 8799 background: #fff; 8800 width: 100%; 8801 z-index: 999; 8802 top: 0; 8803 left: 0; 8804 right: 0; 8805} 8806.logo{ 8807 color: #28a745; 8808 font-size: 31.18px; 8809 font-family: 'Mosk-Thin-100'; 8810 padding-top: 10px; 8811} 8812header .input-group .form-control:not(:last-child){ 8813 background: url(../images/srch.png) no-repeat; 8814 background-position: 3%; 8815 background-color: #fff; 8816 8817} 8818header .form-control { 8819 padding: 6px 35px; 8820 font-size: 13px; 8821 border-radius: 2px; 8822} 8823header .input-group{ 8824 width: 100%; 8825 margin-top: 20px; 8826} 8827.btn_search, .btn_join{ 8828 border-radius: 0px 3px 3px 0px; 8829 font-size: 13px; 8830 background: #28a745; 8831 color:#fff; 8832 transition: 0.4s; 8833 -o-transition: 0.4s; 8834 -webkit-transition: 0.4s; 8835 -moz-transition: 0.4s; 8836 width: 96px; 8837 height: 35px; 8838} 8839.btn_search:hover, 8840.btn_join:hover{ 8841 background: #fff; 8842 border:1px solid #28a745; 8843 color: #28a745; 8844} 8845 8846.text_cont p , .text_cont p span { 8847 font-size: 14px!important; 8848 color: black!important; 8849} 8850/*** Search Panel Styles Starts ***/ 8851 8852@media only screen and (min-width: 1160px){ 8853 8854.search-bar-panel { 8855 padding: 20px; 8856} 8857 8858} 8859 8860.search-bar-panel { 8861 position: absolute; 8862 top: 72%; 8863 /*margin-top: 58px;*/ 8864 z-index: 99; 8865 width: 100%; 8866 -webkit-box-shadow: 0 3px 13px 0 rgba(60,60,60,.4); 8867 box-shadow: 0 3px 13px 0 rgba(60,60,60,.4); 8868 border-radius: 0px; 8869 border: 1px solid #eee; 8870 padding: 10px; 8871 background-color: #fff; 8872 color: #777; 8873 cursor: default; 8874 -webkit-box-sizing: border-box; 8875 box-sizing: border-box; 8876} 8877 8878.search-bar-panel aside{ 8879 8880 display: block; 8881 8882} 8883 8884.search-bar-panel>aside>li { 8885 font-size: 14px; 8886 padding: 5px 5px; 8887} 8888 8889.search-bar-package .search-bar-panel i { 8890 width: 24px; 8891} 8892 8893.search-bar-panel li a { 8894 color: #777 !important; 8895 display: block; 8896 padding: 8px 20px; 8897 -webkit-box-sizing: border-box; 8898 box-sizing: border-box; 8899 font-size: 13px; 8900 text-align: left; 8901 width: 100%; 8902} 8903 8904.search-bar-panel li a:hover { 8905 background-color: #eee; 8906} 8907 8908.search-bar-panel span{ 8909 8910} 8911 8912.search-bar-panel b { 8913 color: #0e0e0f; 8914} 8915 8916 8917.search-bar-package .search-bar-panel button.user-search { 8918 overflow: hidden; 8919 white-space: nowrap; 8920 -o-text-overflow: ellipsis; 8921 text-overflow: ellipsis; 8922} 8923 8924 8925@media only screen and (min-width: 1160px){ 8926.search-bar-panel footer { 8927 margin-top: 10px; 8928 padding-top: 15px; 8929 margin-bottom: -5px; 8930} 8931 8932} 8933 8934.search-bar-panel footer { 8935 display: -webkit-box; 8936 display: -webkit-flex; 8937 display: -ms-flexbox; 8938 display: flex; 8939 -webkit-box-pack: center; 8940 -webkit-justify-content: center; 8941 -ms-flex-pack: center; 8942 justify-content: center; 8943 font-size: 16px; 8944 border-top: 1px solid #ddd; 8945 padding: 10px 10px 0; 8946 margin-top: 10px; 8947} 8948 8949.search-bar-package .search-bar-panel footer a { 8950 color: #777; 8951 text-decoration: none; 8952 display: block; 8953 -webkit-box-sizing: border-box; 8954 box-sizing: border-box; 8955 font-size: 16px; 8956 overflow: hidden; 8957 white-space: nowrap; 8958 -o-text-overflow: ellipsis; 8959 text-overflow: ellipsis; 8960 line-height: 150%; 8961} 8962 8963/*** Search Panel Styles Ends ***/ 8964 8965@media (max-width: 769px) { 8966 8967.user-balance{ display:none; } 8968 8969.hide-in-xs { display:none; } 8970 8971.login.collapse.navbar-collapse { 8972 8973 height:360px; 8974 overflow-x:hidden; 8975 overflow-y:auto; 8976 position:relative; 8977 width:100% !important; 8978 8979 } 8980 8981.top_login_btn li{ 8982 8983margin-bottom:10px; 8984margin-left:20px !important; 8985 8986} 8987 8988.top_btn li{ 8989 8990margin-bottom:10px; 8991 8992 8993} 8994 8995.bg-color-top { 8996 8997 background-color: #333333 !important; 8998 8999 } 9000 9001.make-black{ 9002 9003 color: black !important; 9004} 9005 9006.nav-link.active { 9007 display: block !important; 9008} 9009 9010.nav-link { 9011 display: none; 9012 9013 } 9014 9015.top_login_btn li:last-child{ 9016 9017 margin-left:50px; 9018 9019} 9020 9021.swal2-popup .swal2-styled.swal2-confirm { 9022 9023 background-color: #28a745 !important; 9024 9025 } 9026 9027.mega-drop-down { display:none; } 9028 9029 9030} 9031 9032.swal2-popup .swal2-styled.swal2-confirm { 9033 9034 background-color: #28a745 !important; 9035 9036} 9037 9038.top_login_btn li:last-child{ 9039 9040 margin-right:-0px; 9041 margin-left:10px; 9042 9043} 9044 9045.top_login_btn li a{ 9046 9047 font-size: 15px; 9048 margin-left:12px; 9049 color:#fff; 9050 9051} 9052.top_login_btn{ 9053 margin: 0; 9054 padding: 20px 0; 9055} 9056 9057.top_login_btn li .dropdown-menu .dropdown-item { color:black; margin-left:0; } 9058 9059.top_login_btn li .user-menu a{color:black;} 9060 9061.top_login_btn li .user-menu a i { 9062 9063 position:absolute; 9064 left:14px; 9065 top:27px; 9066 font-size:8px; 9067 color:#28a745; 9068 9069} 9070 9071.top_btn li{ 9072 padding: 0 15px; 9073} 9074.top_btn li a{ 9075 color: #6b7b84; 9076 font-size: 14px; 9077} 9078.top_btn{ 9079 margin: 0; 9080 padding: 20px 0; 9081} 9082 9083.navbar-light .navbar-nav .nav-link, .mega-drop-down a{ 9084 color: black; 9085 font-size: 14px; 9086 margin: 0 17px 0 0; 9087 padding-top: 10px; 9088 padding-bottom: 6px; 9089} 9090 9091 9092.container .dropdown-menu { 9093 9094 margin-top:10px; 9095 position:relative; 9096 /*width:60% !important;*/ 9097 9098 } 9099 9100 .collapse.navbar-collapse { 9101 9102 height:360px; 9103 overflow-x:hidden; 9104 overflow-y:auto; 9105 position:relative; 9106 width:70% !important; 9107 9108 } 9109 9110.container .list-inline-item .new-indicator { 9111 9112 position:absolute; 9113 top:20px; 9114 font-size:1.1rem; 9115 9116 } 9117 9118.container .list-inline-item .number { 9119 9120 position:absolute; 9121 top:8px; 9122 left:0; 9123 width:22.625px; 9124 text-align:center; 9125 color:white; 9126 font-size:0.5rem; 9127 9128 } 9129 9130 9131.dropdown-menu.notifications-dropdown, 9132.dropdown-menu.messages-dropdown { 9133 9134 width:350px; 9135 9136 } 9137 9138 9139 9140 9141 @media (max-width: 66em){ 9142 9143 .dropdown-menu.notifications-dropdown, 9144 .dropdown-menu.messages-dropdown { 9145 9146 width:340px; 9147 9148 } 9149 9150 9151 } 9152 9153 9154 .notifications-dropdown .dropdown-header, 9155 .messages-dropdown .dropdown-header { 9156
9157 margin-top:-7px; 9158 color:inherit; 9159 font-size:15px; 9160 background-color:#f7f7f7; 9161 border-bottom:1px solid #ebebeb; 9162 9163 } 9164 9165 9166 .header-message-div { 9167 9168 padding-bottom:0px; 9169 padding-top: 10px; 9170 border-bottom:1px solid #ccc; 9171 padding-left:15px; 9172 height:85px; 9173 9174 } 9175 9176 .header-message-div-unread { 9177 9178 background:#ebf2f5; 9179 padding-bottom:0px; 9180 padding-top: 10px; 9181 border-bottom:1px solid #ccc; 9182 padding-left:15px; 9183 height:85px; 9184 9185 } 9186 9187 .header-message-div:last-child { 9188 9189 border-bottom:0px; 9190 9191 } 9192 9193 .header-message-div a:hover, 9194 .header-message-div-unread a:hover { 9195 9196 text-decoration:none; 9197 9198 } 9199 9200 9201 .header-message-div .heading, 9202 .header-message-div-unread .heading { 9203 font-weight: bold; 9204 position:relative; 9205 margin-left:13px; 9206 top:-13px; 9207 color:black; 9208 font-size:15px; 9209 9210 } 9211 9212.header-message-div .message, 9213.header-message-div-unread .message { 9214 9215 font-size:15px; 9216 position:relative; 9217 margin-left:55px; 9218 top:-28px; 9219 left:20px; 9220 width: 80%; 9221 color:black; 9222 9223} 9224 9225 .header-message-div .date, 9226 .header-message-div-unread .date { 9227 9228 position:relative; 9229 font-size:14px; 9230 margin-left:55px; 9231 margin-bottom:0px; 9232 top:-40px; 9233 left:20px; 9234 height:0px; 9235 9236 } 9237 9238 9239.navbar-login .collapse.navbar-collapse .nav-item .btn { 9240 9241 margin-top:0px; 9242 color:#fff !important; 9243} 9244 9245.dropdown-submenu { 9246 9247 padding-top:5px; 9248 padding-bottom:5px; 9249 background-color:#e9e9e9; 9250 9251} 9252 9253/*.mega-drop-down{ 9254 padding-top: 17px; 9255 border-bottom: 5px solid transparent; 9256}*/ 9257.navbar-nav .nav-item{ 9258 border-bottom: 5px solid transparent; 9259} 9260.navbar-nav .nav-item:hover{ 9261 border-bottom: 5px solid #38b22c; 9262} 9263.mega-drop-down:hover{ 9264 border-bottom: 5px solid #38b22c; 9265} 9266.navbar{ 9267 margin: 0; 9268 padding: 0; 9269} 9270header hr { 9271 margin-top: 0; 9272 margin-bottom: 0; 9273 border: 0; 9274 border-top: 1px solid #E1E3DF; 9275} 9276.main{ 9277 9278} 9279 9280#demo1 .carousel-caption { 9281 position: absolute; 9282 z-index: 10; 9283 color: #fff; 9284 text-align: center; 9285 top: 54%; 9286} 9287 9288#demo1 .carousel-item img:not(.srch2), 9289#demo1 .carousel-item video { 9290 9291 /*height: 65vh;*/ 9292 width: 100%; 9293 background: black; 9294} 9295 9296#demo1 h1 { 9297 9298 margin-top:-50px; 9299 font-size: 57px; 9300 font-weight: 700; 9301 color: #fff; 9302 text-align: center; 9303} 9304 9305#demo1 h5 { 9306 9307 font-size: 19px; 9308 color: #fff; 9309 font-family: 'Montserrat-Light'; 9310 text-align: center; 9311 margin-top: 10px; 9312 9313} 9314 9315#demo1 .carousel-indicators li { 9316 9317width: 16px; 9318height: 16px; 9319 9320} 9321 9322@media only screen and (min-width: 768px){ 9323 9324 9325 #demo1 .carousel-caption h1{ 9326 position: relative; 9327 top: -110px; 9328 } 9329 9330 #demo1 .carousel-caption{ 9331 9332 } 9333 9334 #demo1 .carousel-caption h5 { 9335 position: relative; 9336 top: -100px; 9337 } 9338 9339 .main .form-control{ 9340 9341 position: relative; 9342 top: -100px; 9343 9344 9345 } 9346 9347 .move-icon-up{ 9348 9349 position: relative; 9350 top: -100px; 9351 9352 } 9353 9354} 9355 9356@media only screen and (max-width: 600px){ 9357 9358 .move-icon-up img{ 9359 9360 position: relative; 9361 top: -1px; 9362 width: 50%; 9363 } 9364 9365 9366} 9367 9368 9369.main .form-control{ 9370 height: 55px; 9371 margin: 0 auto; 9372 display: block; 9373 padding: 10px 12px; 9374 font-size: 13px; 9375} 9376./*main .input-group-append{ 9377 background: url(../img/srch.png) no-repeat; 9378 9379}*/ 9380.main .input-group{ 9381 width: 430px !important; 9382} 9383.input-group-append{ 9384 background: #28a745; 9385 width: 54px; 9386 text-align: center; 9387 display: block; 9388 border-radius: 4px; 9389} 9390 9391.search_button { 9392 9393 width:100%; 9394 9395 height:100%; 9396 9397 background:none; 9398 9399 border:none; 9400 9401} 9402 9403.srch2{ 9404 position: relative; 9405 9406} 9407.main .input-group .form-control:not(:last-child){ 9408 border-radius: 4px; 9409} 9410.main .offset-md-3 { 9411 margin-left: 30%; 9412} 9413.main .input-group-append { 9414 margin-left: 6px; 9415} 9416 9417 9418/*.cards { 9419 9420border-bottom: 1px solid #ccc; 9421 9422}*/ 9423 9424.cards h1 { 9425 9426font-size:26px; 9427 9428} 9429 9430.cards .subHeading { 9431font-size:18px; 9432} 9433 9434.market{ 9435 background: #fff; 9436 padding: 10px 0; 9437} 9438.market h2, .top h1{ 9439 font-size: 29.1px; 9440 color: #1a1e31; 9441 text-align: center; 9442 font-family:'Montserrat-SemiBold'; 9443} 9444.market h4 ,.top h4{ 9445 font-size: 16px; 9446 color: #6d6e71; 9447 font-family:'Montserrat-Light'; 9448 text-align: center; 9449} 9450.market p{ 9451 font-size: 16px; 9452 color: #414042; 9453 font-family: 'Montserrat-Light'; 9454 text-align: center; 9455 margin-top: 10px; 9456 font-weight: bold; 9457} 9458} 9459 9460.timer h5{ 9461 color: #28a745; 9462 font-size: 14px; 9463} 9464.timer p{ 9465 color: #929497; 9466 font-size: 13px; 9467} 9468.timer{ 9469 padding: 70px 0; 9470 background: #3b3b3b; 9471} 9472.box{ 9473 background: #fff; 9474 height: 100%; 9475 padding:100px 0 100px 50px; 9476} 9477.blu_box{ 9478 background: #4ec0cb; 9479 padding: 36px 0; 9480 height: 100%; 9481} 9482.blu_box1 img{ 9483 width: 100%; 9484 height: 100%; 9485} 9486.blu_box1{ 9487 height: 100%; 9488} 9489.top{ 9490 /*padding: 80px 0;*/ 9491 padding: 10px 0; 9492} 9493.top h3{ 9494 font-size: 11.92px; 9495 color: #a7a9ac; 9496 font-weight: 500; 9497 display: inline-block; 9498} 9499.top h3 span{ 9500 font-size: 18.19px; 9501 color: #28a745; 9502 font-weight: 700; 9503} 9504.dil{ 9505 cursor:pointer; 9506 color: #28a745; 9507} 9508.dil1{ 9509 cursor:pointer; 9510 color: #d1d3d4; 9511} 9512.proposal-card-base .proposal-seller-info .fit-avatar.s24 { 9513 /*width: 13%*/ 9514} 9515.seller-info-wrapper{ 9516 width: 74%; 9517 overflow: hidden; 9518 display: -webkit-box; 9519 -webkit-line-clamp: 2; 9520 -webkit-box-orient: vertical; 9521} 9522 9523 9524@media(max-width: 1359px){ 9525 9526 .seller-info-wrapper{ 9527 width: 68%; 9528 } 9529 9530}
9530 9531 9532@media(max-width: 1199px){ 9533 9534 .seller-info-wrapper{ 9535 width: 72%; 9536 } 9537 9538} 9539 9540@media(max-width: 991px){ 9541 9542 .seller-info-wrapper{ 9543 width: 75%; 9544 } 9545 9546} 9547 9548@media(max-width: 767px){ 9549 9550 .seller-info-wrapper{ 9551 width: 80%; 9552 } 9553 9554} 9555 9556@media(max-width: 577px){ 9557 9558 .seller-info-wrapper{ 9559 width: 75%; 9560 } 9561 9562} 9563 9564@media(max-width: 522px){ 9565 9566 .seller-info-wrapper{ 9567 width: 71%; 9568 } 9569 9570} 9571 9572@media(max-width: 479px){ 9573 9574 .seller-info-wrapper{ 9575 width: 85%; 9576 } 9577 9578 #announcement_bar { 9579 font-size: 13px!important; 9580 } 9581 9582} 9583 9584@media(max-width: 400px){ 9585 9586 .seller-info-wrapper{ 9587 width: 80%; 9588 } 9589 9590} 9591 9592 9593.favoriteIcon{ 9594 /*width: 26%;*/ 9595} 9596.favoriteIcon .fa{ 9597 float: right; 9598 display: block; 9599 text-decoration: none!important; 9600} 9601.favoriteIcon i{ 9602 font-size: 18px; 9603} 9604.likeIcon{ 9605 /*width: 26%;*/ 9606 z-index: 1; 9607 line-height: 1.4; 9608 font-size: 13px; 9609 border: 1px solid #556db4; 9610 border-radius: 12px; 9611 color: #556db4; 9612 margin-bottom: 5px; 9613 padding: 0 7px; 9614} 9615 9616.total_likes { 9617 float: right; 9618 margin-left: 0px; 9619 font-size: 11px; 9620 color: #f06b9f; 9621} 9622.proposal-card-base .likeIcon { 9623 margin-right: 9px; 9624 margin-top: -22px; 9625 border: none; 9626} 9627 9628.likeIcon .fa{ 9629 float: left; 9630 display: block; 9631 text-decoration: none!important; 9632} 9633.likeIcon i{ 9634 font-size: 18px; 9635} 9636.proposal-unfavorite{ 9637 cursor:pointer; 9638 color: #28a745; 9639} 9640.proposal-favorite{ 9641 cursor:pointer; 9642 color: #d1d3d4; 9643} 9644.proposal-unlike{ 9645 cursor:pointer; 9646 color: #28a745; 9647} 9648.proposal-like{ 9649 cursor:pointer; 9650 color: #7c8184; 9651} 9652.top p{ 9653 font-size: 14px; 9654 color: #58595b; 9655} 9656.top h6{ 9657 display: inline-block; 9658 font-size: 13px; 9659 color: #6d6e71; 9660} 9661 9662.litl { 9663 border-radius:50%; 9664} 9665 9666.litl, .name, .star, .star_icon{ 9667 display: inline-block; 9668} 9669.top h5{ 9670 font-size: 11.77px; 9671 color: #acacac; 9672 display: inline-block; 9673} 9674.star_icon{ 9675 font-size: 10px; 9676 color: #ffa726; 9677} 9678.top .list-inline-item:not(:last-child){ 9679 margin: 0.5px; 9680} 9681.star{ 9682 float: right; 9683} 9684.thumbnail{ 9685 border:1px solid #ddd; 9686 border-radius: 4px; 9687} 9688.thumbnail .caption{ 9689 padding: 5px; 9690} 9691.btn_view{ 9692 font-size: 10.56px; 9693 color: #28a745; 9694 font-family: 'Montserrat-Regular'; 9695 text-transform: uppercase; 9696 margin: 0 auto; 9697 display: block; 9698 width: 112px; 9699 height: 40px; 9700 background: #fff; 9701 border:2px solid #28a745; 9702 border-radius: 5px; 9703 margin-top: 30px; 9704 transition: 0.4s; 9705 -o-transition: 0.4s; 9706 -webkit-transition: 0.4s; 9707 -moz-transition: 0.4s; 9708} 9709.btn_view:hover{ 9710 background: #28a745; 9711 color: #fff; 9712} 9713 9714/*===============*/ 9715/*=================*/ 9716.mega-menu{ 9717 border:1px solid #ddd; 9718 margin-top: 18px; 9719 z-index: 999; 9720} 9721.mega-menu:hover{ 9722 display: block; 9723} 9724 9725.clearfix:after, 9726.clearfix:before { 9727 content: ''; 9728 display: table 9729} 9730 9731.clearfix:after { 9732 clear: both; 9733 display: block 9734} 9735/*ul{ 9736 list-style:none; 9737 margin: 0; 9738 padding: 0; 9739}*/ 9740.content{ 9741 margin: 50px 100px 0px 100px; 9742} 9743a.toggle-menu { 9744 position: absolute; 9745 right: 0px; 9746 padding: 20px; 9747 font-size: 27px; 9748 background-color: #ccc; 9749 color: #23364B; 9750 top: 0px; 9751} 9752.exo-menu{ 9753 width: 100%; 9754 float: left; 9755 list-style: none; 9756 position:relative; 9757 background: #23364B; 9758} 9759.exo-menu > li { display: inline-block;float:left;} 9760.exo-menu > li > a{ 9761 color: #ccc; 9762 text-decoration: none; 9763 text-transform: uppercase; 9764 border-right: 1px #365670 dotted; 9765 -webkit-transition: color 0.2s linear, background 0.2s linear; 9766 -moz-transition: color 0.2s linear, background 0.2s linear; 9767 -o-transition: color 0.2s linear, background 0.2s linear; 9768 transition: color 0.2s linear, background 0.2s linear; 9769} 9770.exo-menu > li > a.active, 9771.exo-menu > li > a:hover, 9772li.drop-down ul > li > a:hover{ 9773 background:#009FE1; 9774 color:#fff; 9775} 9776.exo-menu i { 9777 float: left; 9778 font-size: 18px; 9779 margin-right: 6px; 9780 line-height: 20px !important; 9781} 9782li.drop-down, 9783.flyout-right, 9784.flyout-left{position:relative;} 9785li.drop-down:before { 9786 content: "\f103"; 9787 color: #fff; 9788 font-family: FontAwesome; 9789 font-style: normal; 9790 display: inline; 9791 position: absolute; 9792 right: 6px; 9793 top: 20px; 9794 font-size: 14px; 9795} 9796li.drop-down>ul{ 9797 left: 0px; 9798 min-width: 230px; 9799 9800} 9801.drop-down-ul{display:none;} 9802.flyout-right>ul, 9803.flyout-left>ul{ 9804 top: 0; 9805 min-width: 230px; 9806 display: none; 9807 border-left: 1px solid #365670; 9808 } 9809 9810li.drop-down>ul>li>a, 9811.flyout-right ul>li>a , 9812.flyout-left ul>li>a { 9813 color: #fff; 9814 display: block; 9815 padding: 20px 22px; 9816 text-decoration: none; 9817 background-color: #365670; 9818 border-bottom: 1px dotted #547787; 9819 -webkit-transition: color 0.2s linear, background 0.2s linear; 9820 -moz-transition: color 0.2s linear, background 0.2s linear; 9821 -o-transition: color 0.2s linear, background 0.2s linear; 9822 transition: color 0.2s linear, background 0.2s linear; 9823} 9824.flyout-right ul>li>a , 9825.flyout-left ul>li>a { 9826 border-bottom: 1px dotted #B8C7BC; 9827} 9828 9829 9830/*Flyout Mega*/ 9831.flyout-mega-wrap { 9832 top: 0; 9833 right: 0; 9834 left: 100%; 9835 width: 100%; 9836 display:none; 9837 height: 100%; 9838 padding: 15px; 9839 min-width: 742px; 9840 9841} 9842h4.row.mega-title { 9843 color:#eee; 9844 margin-top: 0px; 9845 font-size: 14px; 9846 padding-left: 15px; 9847 padding-bottom: 13px; 9848 text-transform: uppercase; 9849 border-bottom: 1px solid #ccc; 9850 } 9851.flyout-mega ul > li > a { 9852 font-size: 90%; 9853 line-height: 25px; 9854 color: #fff; 9855 font-family: inherit; 9856} 9857.flyout-mega ul > li > a:hover, 9858.flyout-mega ul > li > a:active, 9859.flyout-mega ul > li > a:focus{ 9860 text-decoration: none; 9861 background-color: transparent !important; 9862 color: #ccc !important 9863} 9864/*mega menu*/ 9865 9866.mega-menu { 9867 9868 padding: 15px; 9869 display: none; 9870 padding-top: 0; 9871 min-height: 100%; 9872 top: 10px; 9873 z-index: 999; 9874 border: 0; 9875 width: 45%; 9876 padding-top: 20px; 9877} 9878 9879.mega-menu:first-child { 9880 9881margin-left: -0px !important; 9882 9883} 9884 9885 9886 9887h4.row.mega-title { 9888 color: #eee; 9889 margin-top: 0px; 9890 font-size: 14px; 9891 padding-left: 15px; 9892 padding-bottom: 13px; 9893 text-transform: uppercase; 9894 border-bottom: 1px solid #547787; 9895 padding-top: 15px; 9896 background-color: #365670 9897 } 9898.mega-menu ul li a { 9899 line-height: 30px; 9900 font-size: 90%; 9901 padding-left: 15px; 9902 display: block; 9903} 9904ul.stander li a { 9905 padding: 3px 0px; 9906} 9907 9908ul.description li { 9909 padding-bottom: 0; 9910 line-height: 8px; 9911} 9912 9913 9914a.view-more{ 9915 border-radius: 1px; 9916 margin-top:15px; 9917 background-color: #009FE1; 9918 padding: 2px 10px !important; 9919 line-height: 21px !important; 9920 display: inline-block !important; 9921} 9922a.view-more:hover{ 9923 color:#fff; 9924 background:#0DADEF; 9925} 9926ul.icon-des li a i { 9927 color: #fff; 9928 width: 35px; 9929 height: 35px; 9930 border-radius: 50%; 9931 text-align: center; 9932 background-color: #009FE1; 9933 line-height: 35px !important; 9934} 9935 9936ul.icon-des li { 9937 width: 100%; 9938 display: table; 9939 margin-bottom: 11px; 9940} 9941/*Blog DropDown*/ 9942.Blog{ 9943 left:0; 9944 display:none; 9945 color:#fefefe; 9946 padding-top:15px; 9947 background:#547787; 9948 padding-bottom:15px; 9949} 9950.Blog .blog-title{ 9951 color:#fff; 9952 font-size:15px; 9953 text-transform:uppercase; 9954 9955} 9956.Blog .blog-des{ 9957 color:#ccc; 9958 font-size:90%; 9959 margin-top:15px; 9960} 9961.Blog a.view-more{ 9962 margin-top:0px; 9963} 9964/*Images*/ 9965.Images{ 9966 left:0; 9967 width:100%; 9968 display:none; 9969 color:#fefefe; 9970 padding-top:15px; 9971 background:#547787; 9972 padding-bottom:15px; 9973} 9974.Images h4 {
9975 font-size: 15px; 9976 margin-top: 0px; 9977 text-transform: uppercase; 9978} 9979/*common*/ 9980.flyout-right ul>li>a , 9981.flyout-left ul>li>a, 9982.flyout-mega-wrap, 9983.mega-menu{ 9984 background-color: #fff; 9985} 9986 9987 9988/****uma 24/09/2020 *********************/ 9989.extra-images{ 9990 text-align:right; 9991 position:absolute ; 9992 width: 100% ; 9993 height: 80px; 9994 bottom: 1px; 9995 right: 0px; 9996 z-index:30; 9997 9998} 9999.extra-images img{ 10000 /*width:45%;*/ 10001 /*height:99%;*/ 10002 /*border:1px solid white;*/ 10003 /*box-shadow:0px 0px 5px 4px #ddd;*/ 10004 /*display:inline-block;*/ 10005 /*margin:0;*/ 10006 /*margin-right:2px;*/ 10007 width: unset; 10008 /* max-width: unset; */ 10009 height: 90%; 10010 border: 1px solid white; 10011 box-shadow: 0px 0px 5px 4px #08080847; 10012 display: inline-block!important; 10013 margin: 0; 10014 margin-right: 3%; 10015 position: static; 10016 width: 48px; 10017 /* height: 70px; */ 10018 object-fit: cover; 10019 margin: unset!important; 10020 margin-right: 10px!important; 10021} 10022 10023/*************uma ends ***************/ 10024 10025 10026/*hover*/ 10027.Blog:hover, 10028.Images:hover, 10029.mega-menu:hover, 10030.drop-down-ul:hover, 10031li.flyout-left>ul:hover, 10032li.flyout-right>ul:hover, 10033.flyout-mega-wrap:hover, 10034li.flyout-left a:hover +ul, 10035li.flyout-right a:hover +ul, 10036.blog-drop-down >a:hover+.Blog, 10037li.drop-down>a:hover +.drop-down-ul, 10038.images-drop-down>a:hover +.Images, 10039.mega-drop-down a:hover+.mega-menu, 10040li.flyout-mega>a:hover +.flyout-mega-wrap{ 10041 display:block; 10042} 10043/*responsive*/ 10044 10045.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul, 10046.flyout-left>ul, li.drop-down>ul{ 10047 position:absolute; 10048} 10049 .flyout-right>ul{ 10050 left: 100%; 10051 } 10052 .flyout-left>ul{ 10053 right: 100%; 10054} 10055 } 10056@media (max-width:767px){ 10057 10058 10059 10060} 10061a.toggle-menu{ 10062 position: absolute; 10063 right: 0px; 10064 padding: 20px; 10065 font-size: 27px; 10066 background-color: #ccc; 10067 color: #23364B; 10068 top: 0px; 10069} 10070 10071 10072 10073@media(max-width: 1118px){ 10074 10075.mega-menu{ 10076margin-top: 50px; 10077left:0 !important; 10078right:0 !important; 10079 10080width: 100%; 10081 10082} 10083 10084.mega-menu:last-child{ 10085margin-top: 50px; 10086left:0 !important; 10087right:0 !important; 10088margin-left: -0px !important; 10089width: 100%; 10090 10091} 10092 10093} 10094 10095 10096/*==================================media-===========================================*/ 10097@media(max-width: 1280){ 10098 #demo1 .carousel-caption h1 { 10099 font-size: 45px; 10100 } 10101 .main{ 10102 } 10103 10104 10105 10106#demo1 .carousel-item img:not(.srch2){ 10107 10108height: 62vh !important; 10109 10110} 10111 10112.carousel-control-prev, 10113.carousel-control-next { 10114 display: none; 10115} 10116 10117} 10118 10119@media(max-width: 1024px){ 10120 10121 .navbar-light .navbar-nav .nav-link,.mega-drop-down a { 10122 /*margin: 0;*/ 10123 font-size: 12px; 10124 overflow-y: scroll; 10125 padding: 3px; 10126 } 10127 #demo1 .carousel-caption h1 { 10128 font-size: 40px; 10129 } 10130 10131 #demo1 .carousel-item img:not(.srch2){ 10132 10133height: 65vh; 10134 10135width: auto; 10136 10137} 10138 10139 #demo1 .carousel-caption{ 10140 left:1%; 10141 right: 1%; 10142 top: 58%; 10143 } 10144 10145 .top h6 { 10146 font-size: 11px; 10147 } 10148 .star_icon { 10149 font-size: 9px; 10150 } 10151 .top p { 10152 font-size: 12px; 10153 } 10154 10155 .mega-menu ul li a { 10156 font-size: 75%; 10157 10158 } 10159 10160} 10161 10162 10163@media(max-width: 991px){ 10164 .mega-menu { 10165left:0; 10166right:0; 10167 10168 width: 100% !important; 10169 10170} 10171 10172 .mega-menu:last-child{ 10173 10174 margin-left:0px !important; 10175 } 10176 10177 .logo { 10178 font-size: 25.18px; 10179 } 10180 .top_btn li { 10181 padding: 0 11px; 10182 } 10183 .btn_search, .btn_join { 10184 font-size: 10px; 10185 width: 100%; 10186 } 10187 #demo1 .carousel-caption h1 { 10188 font-size: 35px; 10189 } 10190 10191 .blu_box{ 10192 padding: 0; 10193 } 10194 .box{ 10195 padding: 50px 5px 21px 34px 10196 } 10197 .mega-menu { 10198 margin-top: 31px; 10199 } 10200} 10201@media(max-width: 767px){ 10202/* 10203 .carousel-control-prev, 10204 .carousel-control-next { 10205 display: none; 10206 }*/ 10207 #demo1 .carousel-item img:not(.srch2){ 10208 height: 25vh; 10209 width: auto; 10210 } 10211 10212 #demo1 .carousel-item video:not(.srch2){ 10213 height: 62vh; 10214 width: auto; 10215 background: black; 10216 } 10217 10218 .visible-xs{ 10219 display: block; 10220 } 10221 10222 .hidden-xs{ 10223 display: none; 10224 } 10225 10226 .top_btn li { 10227 padding: 0 8px; 10228 } 10229 10230 #demo1 .carousel-caption{ 10231 left:5%; 10232 right: 5%; 10233 top: 40%; 10234 } 10235 10236 #demo1 .carousel-caption h1 { 10237 font-size: 25px; 10238 } 10239 #demo1 .carousel-caption h5 { 10240 font-size: 15px; 10241 } 10242 .main .offset-md-3 { 10243 margin-left: 0; 10244 } 10245 /*.srch2{ 10246 top: 5px; 10247 }*/ 10248 10249 #demo1 .carousel-control-prev{ 10250 display: none; 10251 } 10252 10253 #demo1 .carousel-control-next{ 10254 display: none; 10255 } 10256 10257 .main .form-control { 10258 height: 37px; 10259 } 10260 .market h2, .top h1 { 10261 font-size: 25.1px; 10262 } 10263 10264 .market .space80 { 10265 margin-top: 50px; 10266 } 10267 10268 .market img { 10269 width: 100%; 10270 } 10271 10272 .timer { 10273 padding: 40px 0; 10274 } 10275 .box{ 10276 padding: 60px 0 60px 50px; 10277 } 10278 .thumbnail .t_img{ 10279 width: 100%; 10280 } 10281 .name, .star { 10282 display: inline-block; 10283 } 10284 .star { 10285 float: right; 10286 } 10287 .top p br{ 10288 display: none; 10289 } 10290 .navbar-light .navbar-brand{ 10291 color: #28a745; 10292 margin: 10px 0; 10293 } 10294 .navbar-light .navbar-toggler{ 10295 border-color: #28a745; 10296 } 10297 footer ul li a{ 10298 font-size: 12px; 10299 } 10300 footer h3{ 10301 /*margin-top: 20px;*/ 10302 } 10303 .social_icon li a { 10304 padding-right: 6px; 10305 } 10306 footer h5 { 10307 font-size: 13px; 10308 } 10309 .market h4, .top h4 { 10310 font-size: 15px; 10311 } 10312 footer ul li { 10313 padding: 0px 0; 10314 } 10315 .pic, .pic1{ 10316 width:60%; 10317 } 10318 10319 .drop-down{ height:100% !important; } 10320 10321 10322} 10323 10324@media(max-width: 320px){ 10325 .market h2, .top h1 { 10326 font-size: 23.1px; 10327 } 10328} 10329 10330 10331/*** Slider Styles ***/ 10332 10333 10334.carousel-indicators { 10335 position: absolute; 10336 right: 0; 10337 bottom: 27px; 10338 left: 3%; 10339 z-index: 15; 10340 display: -webkit-box; 10341 display: -ms-flexbox; 10342 display: flex; 10343 -webkit-box-pack: start; 10344 -ms-flex-pack: center; 10345 justify-content: left; 10346 padding-left: 0; 10347 margin-right: 0; 10348 margin-left: 0; 10349 list-style: none; 10350} 10351 10352 10353.carousel-inner { 10354 position: relative; 10355 width: 100%; 10356 overflow: hidden; 10357} 10358 10359 10360.carousel-inner { 10361 position: relative; 10362 width: 100%; 10363 overflow: hidden; 10364} 10365 10366 10367#demo3 .carousel-caption { 10368 position: absolute; 10369 right: 15%; 10370 left: 21px; 10371 z-index: 10; 10372 padding-top: 20px; 10373 padding-bottom: 20px; 10374 color: #fff; 10375 text-align: left; 10376 top: 34%; 10377 height: calc(100% - 300px); 10378 /*margin-bottom: 19%;*/ 10379} 10380 10381 10382#demo3 h3 { 10383 10384 margin-top:-50px; 10385 font-size: 50px; 10386 font-weight: 400; 10387} 10388 10389#demo3 p { 10390 font-size: 19px; 10391 font-family: 'Montserrat-Light'; 10392} 10393 10394.carousel-indicators { 10395 position: absolute; 10396 right: 0; 10397 bottom: 27px; 10398 left: 3%; 10399 z-index: 15; 10400 display: -webkit-box; 10401 display: -ms-flexbox; 10402 display: flex; 10403 -webkit-box-pack: start; 10404 -ms-flex-pack: center; 10405 justify-content: left; 10406 padding-left: 0; 10407 margin-right: 0; 10408 margin-left: 0; 10409 list-style: none; 10410} 10411 10412 10413.carousel-indicators li { 10414 position: relative; 10415 -webkit-box-flex: 0; 10416 -ms-flex: 0 1 auto; 10417 flex: 0 1 auto; 10418 width: 12px; 10419 height: 12px; 10420 margin-right: 5px; 10421 margin-left: 3px; 10422 text-indent: -999px; 10423 background-color: transparent; 10424 border: 2px solid #fff; 10425 border-radius: 50%; 10426} 10427 10428.carousel-control-prev{ 10429 height:60%; 10430 top:20%; 10431} 10432 10433.carousel-control-next{ 10434 height:60%; 10435 top:20%; 10436} 10437 10438.audio-player{ 10439 height: 440px; width: 100%; 10440} 10441 10442audio.embed-responsive{ 10443 height: 428px; 10444 direction: ltl; 10445 border-top-right-radius: 0.5em 0.5em; 10446 border-bottom-right-radius: 1em 0.7em; 10447} 10448 10449video.embed-responsive, 10450audio.embed-responsive { 10451 max-height:428px !important; 10452} 10453 10454.slide-fullscreen { 10455 cursor: pointer; 10456 background-color: rgba(0,0,0,.5); 10457 font-size: 14px; 10458 color: #fff; 10459 position: absolute; 10460 z-index: 4; 10461 line-height: 32px; 10462 padding: 0 1em; 10463 border-radius: 4px; 10464 top: 20px; 10465 right: 20px; 10466 display: inline-block; 10467 opacity: 0; 10468 -webkit-transition: opacity .25s ease-in-out; 10469 -o-transition: opacity .25s ease-in-out; 10470 transition: opacity .25s ease-in-out; 10471 -webkit-transition-delay: 0; 10472 -o-transition-delay: 0; 10473 transition-delay: 0; 10474} 10475 10476.slide-fullscreen:before { 10477 font-family: FontAwesome; 10478 content: "\f0b2"; 10479 margin-right: .5em; 10480 display: inline-block; 10481} 10482 10483/* Register, Login & Forgot Password modal boxes */ 10484 10485.modal-form.register { 10486 10487 max-width:500px !important; 10488 margin-top:10% !important; 10489 10490} 10491 10492.modal-form { 10493 10494 max-width:350px !important; 10495 10496 margin-top:30% !important; 10497 10498} 10499 10500 10501.modal-form input[type=text], 10502.modal-form input[type=email], 10503.modal-form input[type=password]{ 10504 10505 height:44px; 10506 10507 font-size:16px; 10508 10509 width:100%; 10510 10511 margin-bottom:10px; 10512 10513 background:#fff; 10514 10515 border:1px solid #d9d9d9; 10516 10517 border-top: 1px solid #c0c0c0; 10518 10519 10520 padding:0 8px; 10521 10522 box-sizing: border-box; 10523 10524} 10525 10526 10527.modal-form input[type=text]:hover, 10528.modal-form input[type=email]:hover, 10529.modal-form input[type=password]:hover { 10530 10531 border: 1px solid #b9b9b9; 10532 10533 border-top: 1px solid #a0a0a0; 10534 10535 box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1); 10536 -moz-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1); 10537 -webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1); 10538 10539} 10540 10541.modal-form .form-text { 10542 10543 font-weight:bold; 10544 10545 10546} 10547 10548.modal-form a { 10549 10550 color: #666; 10551 10552 font-weight:bold; 10553 10554 text-align:center; 10555 10556} 10557 10558.modal-header .fa { 10559 10560 position: relative; 10561 top: 6px; 10562 font-size: 127%; 10563 padding-right: 5px; 10564 10565} 10566 10567.fa-log { 10568 10569 position: relative; 10570 top: 6px; 10571 font-size: 130% !important; 10572 padding-right: 6px !important; 10573 10574} 10575 10576.modal-form a { 10577 10578 color: #666; 10579 text-align: center; 10580 font-weight: bold; 10581} 10582 10583 10584 10585 10586/** Search & Categories styles **/ 10587 10588.bg-white { 10589 /* background: #ebebeb !important; */ 10590 background: #fff; 10591} 10592.header-search { 10593 background-color: #ebebeb; 10594 padding: 100px; 10595} 10596 10597.clearlink{ 10598 display: none; 10599} 10600 10601.loader { 10602 display: block; 10603 cursor: wait; 10604 position: fixed; 10605 z-index: 5000; 10606 background-image: url(../images/loading.gif); 10607 background-color: #666 ; 10608 opacity: 0.4; 10609 background-repeat: no-repeat; 10610 background-position: center; 10611 left: 0; 10612 bottom: 0; 10613 right: 0; 10614 top: 0; 10615} 10616 10617.page-link { 10618 color: #00a64b !important; 10619 font-weight: bold; 10620} 10621 10622/** Category sidebar **/ 10623 10624#proposal_category .nav-link { 10625 padding: .1rem 0rem 0.5rem 0; 10626} 10627#proposal_category li:last-child { 10628 padding-bottom: 15px !important; 10629} 10630#proposal_category .nav-link.active a { 10631 color: #333333 !important; 10632 font-weight: 500; 10633} 10634#proposal_category li ul li { 10635 margin-left: 20px; 10636} 10637#proposal_category li ul .nav-link.active { 10638 color: #333333 !important; 10639 font-weight: 500; 10640} 10641 10642/** Custom checkboxes styles **/ 10643 10644.checkbox span { 10645 display: inline-block; 10646 vertical-align: middle; 10647 position: relative; 10648 padding-left: 5px; 10649} 10650 10651.checkbox span::before { 10652 content: ""; 10653 display: inline-block; 10654 position: absolute; 10655 width: 17px; 10656 height: 17px; 10657 left: 0; 10658 top: 2px; 10659 margin-left: -20px; 10660 border:2px solid #cccccc; 10661 border-radius: 3px; 10662 background: #fff; 10663 transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 10664} 10665 10666.checkbox span::after { 10667 display: inline-block; 10668 position: absolute; 10669 width: 16px; 10670 height: 16px; 10671 left: -1px; 10672 top: 2.5px; 10673 margin-left: -20px; 10674 padding-left: 3px; 10675 padding-top: 1px; 10676 font-size: 11px; 10677 color: #555555; 10678} 10679 10680.checkbox input[type="checkbox"]{ 10681 opacity: 0; 10682 z-index: 1; 10683 cursor: pointer; 10684} 10685 10686.checkbox input[type="checkbox"]:focus + span::before { 10687 outline: thin dotted; 10688 outline: 5px auto; 10689 outline-offset: -2px; 10690} 10691 10692.checkbox input[type="checkbox"]:checked + span::after { 10693 font-family: "FontAwesome"; 10694 content: "\f00c"; 10695} 10696 10697.checkbox-success input[type="checkbox"]:checked + span::before { 10698 background-color: #00a64b; 10699 border-color: #00a64b; 10700} 10701 10702.checkbox-success input[type="checkbox"]:checked + span::after { 10703 color: #fff; 10704} 10705 10706 10707 10708/* Custom Radio Button Styles */ 10709 10710.checkcontainer { 10711 display: block; 10712 position: relative; 10713 padding-left: 30px; 10714 margin-bottom: 12px; 10715 cursor: pointer; 10716 font-size: 14px; 10717 user-select: none; 10718} 10719 10720.checkcontainer input { 10721 position: absolute; 10722 opacity: 0; 10723 cursor: pointer; 10724 height: 0; 10725 width: 0; 10726} 10727 10728.checkmark { 10729 position: absolute; 10730 top: -1px; 10731 left: 0; 10732 height: 20px;
10733 width: 20px; 10734 border:1.5px solid #eee; 10735 background-color: white; 10736 border-radius: 50%; 10737} 10738 10739.checkcontainer input:checked ~ .checkmark { 10740 background-color: #00a64b; 10741} 10742 10743.checkmark:after { 10744 content: ""; 10745 position: absolute; 10746 display: none; 10747} 10748 10749.checkcontainer input:checked ~ .checkmark:after { 10750 display: block; 10751} 10752 10753.checkcontainer .checkmark:after { 10754 top:4px; 10755 left:5px; 10756 width:8px; 10757 height:8px; 10758 border-radius: 50%; 10759 background: white; 10760} 10761 10762 10763 10764/** Mobile Categories Styles **/ 10765 10766.mobile-category { 10767 10768 background:white; 10769 10770 border:1px solid #e5e5e5; 10771 10772 margin-bottom:10px; 10773 10774} 10775 10776 10777.mobile-category a { 10778 10779 text-decoration:none; 10780 10781 color:black; 10782 10783} 10784 10785.mobile-category a:hover { 10786 10787 text-decoration:none; 10788 10789 color:black; 10790 10791} 10792 10793 10794.mobile-category .category-picture img{ 10795 10796 width:50px; 10797 10798 height:50px; 10799 10800} 10801 10802 10803.mobile-category .category-text { 10804 10805margin-left:60px; 10806 10807margin-top:-50px; 10808 10809} 10810 10811.mobile-category .category-text .category-title { 10812 10813margin-left:10px; 10814 10815} 10816 10817.mobile-category .category-text .category-desc { 10818 10819margin-top:-15px; 10820 10821font-size:13px; 10822 10823margin-left:10px; 10824 10825margin-right:5px; 10826 10827} 10828 10829 10830 10831/** Proposals Divs Styles **/ 10832 10833 10834 10835/** Proposals Divs Styles **/ 10836 10837.proposals [class*='col-xs-'], 10838.proposals [class*='col-sm-'], 10839.proposals [class*='col-md-'], 10840.proposals [class*='col-lg-'], 10841.proposals [class*='col-xl-'] { 10842 padding-left: 13px !important; 10843 padding-right: 13px !important; 10844} 10845 10846.user-proposals { 10847 margin-right: -6px; 10848 margin-left: -6px; 10849} 10850 10851.user-proposals [class*='col-xs-'], 10852.user-proposals [class*='col-sm-'], 10853.user-proposals [class*='col-md-'], 10854.user-proposals [class*='col-lg-'], 10855.user-proposals [class*='col-xl-'] { 10856 padding-left: 10px; 10857 padding-right: 10px; 10858} 10859 10860 10861.proposal-card-base.mp-proposal-card { 10862 position: relative; 10863 background-color: #fff; 10864 border: 1px solid #e5e5e5; 10865 width: 100%; 10866} 10867 10868 10869.video .proposal-card-base.mp-proposal-card { 10870 border: none!important; 10871} 10872 10873.add-new-proposal { 10874 background-color: #eee; 10875 border: 0; 10876 text-align: center; 10877 color: #555; 10878 font-size: 14px; 10879 font-weight: 700; 10880 text-transform: capitalize; 10881 margin-right: 0; 10882 height:100%; 10883 padding-bottom: 80px; 10884} 10885 10886.add-new-proposal:before { 10887 content: '+'; 10888 background-color: #78cdd2; 10889 color: #fff; 10890 font-size: 48px; 10891 font-weight: 400; 10892 width: 66px; 10893 height: 66px; 10894 border-radius: 50%; 10895 display: block; 10896 margin: 70px auto 20px; 10897 line-height: 67px; 10898} 10899 10900.proposal-card-base { 10901 -webkit-box-sizing: border-box; 10902 box-sizing: border-box; 10903} 10904 10905.proposal-card-base .proposal-seller-info { 10906 background-color: #fff; 10907 color: #b2b2b2; 10908 display: -webkit-box; 10909 display: -webkit-flex; 10910 display: -ms-flexbox; 10911 display: flex; 10912 -webkit-box-align: center; 10913 -webkit-align-items: center; 10914 -ms-flex-align: center; 10915 align-items: center; 10916 -webkit-flex-wrap: wrap; 10917 -ms-flex-wrap: wrap; 10918 flex-wrap: wrap; 10919 font-size: 12px; 10920 line-height: 16px; 10921 font-weight: 450; 10922 padding: 8px 12px 0; 10923 height: 41px; 10924 position: relative; 10925 -webkit-box-sizing: border-box; 10926 box-sizing: border-box; 10927 min-height: auto; 10928 border: none; 10929 margin-top: 0; 10930} 10931 10932.proposal-card-base .proposal-seller-info .fit-avatar.s24 { 10933 margin-top: 0; 10934 -webkit-flex-shrink: 0; 10935 -ms-flex-negative: 0; 10936 flex-shrink: 0; 10937} 10938 10939.fit-avatar.s24, .fit-avatar.s24 img { 10940 width: 24px; 10941 height: 24px; 10942} 10943 10944.fit-avatar.s24 { 10945 margin-right: 8px; 10946 margin-top: 4px; 10947} 10948 10949.proposal-card-base .proposal-link-main h3:hover{ 10950 color: #1dbf73; 10951} 10952 10953.proposal-card-base .proposal-link-main h3 { 10954color: #303030; 10955 margin: 0 12px 10px; 10956 font-size: 15px; 10957 line-height: 20px; 10958 font-weight: 400; 10959 height: 43px; 10960 overflow: hidden; 10961 padding-top: 5px; 10962 display: block; 10963 display: -webkit-box; 10964 -webkit-line-clamp: 2; 10965 -webkit-box-orient: vertical; 10966} 10967 10968.proposal-card-base.mp-proposal-card .rating-badges-container { 10969 min-height: 25px; 10970 margin-top: 2px; 10971} 10972 10973.proposal-card-base .proposal-rating { 10974 line-height: 15px; 10975 color: #b2b2b2; 10976 font-size: 13px; 10977 padding: 0 12px 4px; 10978 display: inline-block; 10979 min-height: 21px; 10980 position: relative; 10981} 10982 10983.proposal-card-base .proposal-rating svg { 10984 float: left; 10985 width: 15px; 10986 height: 15px; 10987 margin: -1px 5px 0 0; 10988} 10989 10990.proposal-card-base .proposal-rating strong { 10991 color: #ffbf00; 10992 margin-right: 4px; 10993} 10994 10995.fit-svg-icon path { 10996 fill: #ffbf00; 10997} 10998 10999.proposal-card-base.mp-proposal-card .proposal-card-footer { 11000 height: 41px; 11001 border-top: 1px solid #eee; 11002} 11003 11004.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav { 11005 left: 2px; 11006} 11007 11008.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price { 11009 position: absolute; 11010 bottom: 6.5px; 11011} 11012 11013.proposal-card-base .proposal-fav { 11014 padding: 12px 12px 0; 11015 white-space: nowrap; 11016} 11017 11018.proposal-fav .icn-list svg { 11019 width: 18px; 11020 min-width: 18px; 11021 height: 18px; 11022 position: relative; 11023 display: inline-block; 11024 margin-right: 6px; 11025 bottom: -9px; 11026 text-decoration: none!important; 11027} 11028 11029.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price { 11030 right: 0; 11031} 11032 11033.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav{ 11034 position: absolute; 11035 bottom: 13px; 11036} 11037 11038.proposal-card-base .proposal-price a { 11039 font-size: 18px; 11040 line-height: 20px; 11041 color: #555; 11042 font-weight: 500; 11043 padding: 10px 12px 0 0; 11044} 11045 11046.proposal-card-base .proposal-price a small { 11047 color: #555; 11048 font-size: 11px; 11049 text-transform: uppercase; 11050 display: inline-block; 11051 vertical-align: top; 11052 padding: 1px 5px 0 0; 11053} 11054 11055/*** User Profile Page Styles ***/ 11056.user-header { 11057 background:url(../images/user-background.jpg); 11058 color:white; 11059} 11060.user-header .btn-edit{ 11061height: 36px; 11062display: none; 11063float: right; 11064} 11065.user-header:hover .btn-edit { 11066 display:block !important; 11067 width:auto; 11068} 11069.user-header .profile-image img { 11070 width:160px; 11071 height:160px; 11072} 11073.user-header .profile-image .level_badge { 11074 position:absolute; 11075 width:60px; 11076 height:60px; 11077 top:160px; 11078 left:130px; 11079} 11080.content-bar .headline { 11081 font-size:21px; 11082} 11083.content-bar .star-rating { 11084 font-size:20px; 11085 color:yellow; 11086} 11087.content-bar .user-is-online { 11088font-size:22px; 11089} 11090.content-bar .user-is-online span.h6{ 11091 color: #28a745 !important 11092} 11093 11094.user-status { 11095 background:url(../images/user-background-cover.jpg); 11096 padding:5px 15px 15px 15px; 11097 color:#fff; 11098} 11099.user-status ul li { 11100 padding-right:30px; 11101 display:inline-block; 11102 font-size:18px; 11103 margin-top:18px; 11104} 11105.btn-move-right { 11106 margin-left: 186px; 11107} 11108.user-sidebar .card-body .card-hr { 11109margin-right:-15px; 11110margin-left:-15px; 11111} 11112.user-sidebar .card-body .card-li { 11113font-size:1rem;
11114font-weight:400; 11115} 11116.user-reviews .card-header .rating { 11117 margin-top:-7px; 11118} 11119.user-reviews .card-header ul li { 11120 cursor:pointer; 11121} 11122.user-reviews .card-header .active { 11123background-color: #00a64b !important; 11124} 11125.move-left-text { 11126 position: relative; 11127 left: 5px !important; 11128} 11129 11130 11131 11132/** Login **/ 11133 11134.box-login { 11135 11136background:#fff; 11137border: solid 1px #e6e6e6; 11138padding:8px 20px 20px 20px; 11139margin-bottom:40px; 11140border-radius:5px; 11141box-shadow:0px 0px 8px rgba(0,0,0,0.4); 11142 11143} 11144 11145.box-login .logo { 11146 11147width:100px; 11148border-radius:50%; 11149margin:0 auto; 11150display:block; 11151 11152} 11153 11154.box-login input[type=text], 11155.box-login input[type=password] { 11156 11157height:44px; 11158font-size:17px; 11159 11160} 11161 11162 11163.box-login input[type=submit]{ 11164 11165 padding:15px 0px; 11166 font-size:18px; 11167 11168} 11169 11170.box-login .text-center a{ 11171 11172 font-size:15px; 11173 color: #28a745; 11174 11175} 11176 11177.box-login .fa.fa-unlock-alt { 11178 11179 color: #28a745; 11180 font-size: 130%; 11181} 11182 11183/*** Change Passowrd Styles ***/ 11184 11185.change-pass #meter_wrapper { 11186 11187 border:1px solid gray; 11188 width:202px; 11189 height:25px; 11190 border-radius:3px; 11191} 11192 11193 11194.change-pass #meter { 11195 11196 height:23px; 11197 11198} 11199 11200.change-pass #pass_type { 11201 font-size: 14px; 11202 margin-top: 13px; 11203 position: absolute; 11204 top: -5px; 11205 right: 86px; 11206 font-weight: bold; 11207 color: black; 11208} 11209 11210 11211@media (max-width: 580px){ 11212 11213 .change-pass .input-group .input-group-addon:last-child{ 11214 11215 display:none; 11216 11217 } 11218 11219 11220 .change-pass .input-group input { 11221 11222 border-radius:3px !important; 11223 11224 } 11225 11226} 11227 11228 11229 11230/** Login User Home Page Styles **/ 11231 11232.welcome-box h5{ 11233font-weight: 500; 11234} 11235 11236.welcome-box .row h5 { 11237font-size: 16px; 11238margin-bottom: 15px; 11239font-weight: 300; 11240} 11241 11242.welcome-box .row div:first-child { 11243border-right: 1px solid rgba(0, 0, 0, 0.1); 11244} 11245 11246 11247@media (max-width: 1200px) { 11248 11249.welcome-box .row div:first-child { border:none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } 11250.welcome-box .row div{ 11251padding-top: 10px; 11252padding-bottom: 10px; 11253width: 100%; 11254} 11255 11256} 11257 11258@media (max-width: 767px) { 11259 11260.welcome-box .row div:first-child { border:none; border-right: 1px solid rgba(0, 0, 0, 0.1); } 11261.welcome-box .row h5 { font-size: 17px; } 11262.welcome-box .row div{ width: auto; } 11263/*.welcome-box .row div:last-child { padding-left: 1rem !important; }*/ 11264 11265} 11266 11267.user-home-img-responsive { 11268 height:50px; 11269} 11270.user-home-sidebar-sec .card-body a:hover { 11271 color: #28a745 !important; 11272} 11273.user-home-sidebar-sec .text-dropping { 11274 font-size: 90% !important; 11275} 11276_:-ms-fullscreen, :root .user-home-sidebar-sec { 11277height: 350px; 11278max-height: auto; 11279} 11280@media (min-width: 576px) and (max-width: 767px) { 11281_:-ms-fullscreen, :root .user-home-sidebar-sec { 11282height: 450px; 11283max-height: auto; 11284} 11285} 11286 11287= 11288/** Medium Devices (Tablets, 768px and up) **/ 11289 11290@media (min-width: 768px) and (max-width: 991px) { 11291 .user-home-img-responsive { 11292 height:60px; 11293 } 11294 .user-home-title-responsive { 11295 margin-top:5px; 11296 font-size:15px; 11297 } 11298} 11299 11300/** Small Devices (Landscpe, Phones 576px and up) **/ 11301 11302@media (min-width: 576px) and (max-width: 767px) { 11303 .user-home-img-responsive { 11304 height:80px; 11305 margin-bottom:6px; 11306 } 11307 .user-home-title-responsive { 11308 font-size:15px; 11309 } 11310} 11311 11312 11313/** Extra Small Devices (portrait phones, less than 576px) **/ 11314 11315@media (max-width: 575px){ 11316 11317 .user-home-img-responsive { 11318 width: 106px; 11319 height: 60px; 11320 margin-bottom: 5px; 11321 } 11322 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 11323 border-color: #ddd #ddd #ddd; 11324 } 11325 .nav-tabs .nav-link { 11326 border-top-left-radius: 0px; 11327 border-top-right-radius: 0px; 11328 } 11329 11330} 11331 11332 11333/*** Buyer Requests Styles ***/ 11334 11335.box-table { 11336background:#fff; 11337margin-bottom:30px; 11338border:1px solid #e6e6e6; 11339box-sizing: border-box; 11340box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); 11341} 11342 11343 11344.buyer-requests .request-img { 11345margin-top:10px; 11346width:50px; 11347height:50px; 11348} 11349 11350.buyer-requests .request-description { 11351margin-left:60px; 11352margin-top:-50px; 11353padding:7px 10px; 11354font-size:14px; 11355} 11356 11357 11358.buyer-requests .request-description .text-primary { 11359font-size:1.25rem; 11360} 11361 11362.buyer-requests .request-description .lead { 11363 font-size:15px; 11364 font-weight:400; 11365} 11366 11367 11368/*** Buyer Requests Send Offers Modal Styles ***/ 11369 11370#send-offer-modal .modal-dialog { 11371 max-width:600px !important; 11372} 11373 11374 11375.modal-body .request-summary { 11376padding:15px; 11377min-height:90px; 11378background:#eeeeee; 11379border-bottom:1px solid #dddddd; 11380} 11381 11382.modal-body .request-summary #request-description { 11383 margin-left:70px; 11384 margin-top:-50px; 11385 background:#f7f7f7; 11386 border:1px solid #dddddd; 11387 color: #999999; 11388 padding:7px 10px; 11389 border-radius:3px; 11390 font-size:14px; 11391} 11392 11393 11394.modal-body .request-proposals-list { 11395 11396padding:15px; 11397 11398} 11399 11400 11401.modal-body .request-proposals-list .proposal-picture img { 11402 11403border-radius:2%; 11404width:74px !important; 11405height:53px !important; 11406} 11407 11408.modal-body .request-proposals-list .proposal-title { 11409 11410margin-left:135px; 11411 11412margin-top:-50px; 11413 11414font-size:14px; 11415 11416line-height:20px; 11417 11418color:#0e0e0f; 11419 11420padding-bottom:20px; 11421 11422} 11423 11424.modal-body .request-proposals-list hr { 11425 11426margin-left:-15px !important; 11427 11428margin-right:-15px !important; 11429 11430} 11431 11432 11433.modal-body .request-proposals-list hr:last-child { 11434 11435 display:none; 11436 11437} 11438 11439.modal-body .radio-custom { 11440 11441 opacity:0; 11442 11443 position:absolute; 11444 11445 outline:0px; 11446} 11447 11448 11449.modal-body .radio-custom, 11450.modal-body .radio-custom-label { 11451 11452 margin:5px; 11453 11454 cursor:pointer; 11455} 11456 11457 11458.modal-body .radio-custom + .radio-custom-label:before { 11459 11460 content:''; 11461 11462 background:#fff; 11463 11464 border:2px solid #ddd; 11465 11466 border-radius:50%; 11467 11468 display:inline-block; 11469 11470 vertical-align:middle; 11471 11472 width:20px; 11473 11474 height:20px; 11475 11476 padding:2px; 11477 11478 margin-right:10px; 11479 11480 } 11481
11482 .modal-body .radio-custom:checked + .radio-custom-label:before { 11483 11484 background:#ccc; 11485 11486 box-shadow: inset 0px 0px 0px 4px #fff; 11487 11488 } 11489 11490 #submit-proposal-details .modal-dialog { 11491 11492 max-width:600px !important; 11493 11494 } 11495 11496 11497 .modal-body .selected-proposal .form-control.float-right, 11498 11499 .modal-body .selected-proposal .input-group.float-right { 11500 11501 width:160px; 11502 11503 11504 } 11505 11506 .modal-body .selected-proposal hr { 11507 11508 margin-bottom:10px; 11509 11510 margin-top:10px; 11511 11512 margin-left:-15px; 11513 11514 margin-right:-15px; 11515 11516 } 11517 11518 11519 11520 11521/** Dasboard sidebar styles **/ 11522 11523.contacts-sidebar .active { 11524 11525 color: #28a745 !important; 11526} 11527 11528 11529.bottom-tabs-dash .active { 11530 11531 color: #28a745 !important; 11532 11533} 11534 11535 11536.contact-title { 11537 11538 margin-left:65px; 11539 11540 margin-top:-50px; 11541 11542} 11543 11544 11545/*** Dashboard Page Styles ***/ 11546 11547 11548 11549.dashboard .header-message-div .delete, 11550.dashboard .header-message-div-unread .delete { 11551 float: right !important; 11552} 11553 11554.dashboard .header-message-div, 11555.dashboard .header-message-div-unread { 11556 11557padding-left: 20px; 11558padding-right: 10px; 11559} 11560 11561.dashboard .header-message-div .date,.dropdown-menu .header-message-div .date, 11562.dashboard .header-message-div .message,.dropdown-menu .header-message-div .message, 11563.dashboard .header-message-div-unread .date, .dropdown-menu .header-message-div-unread .date, 11564.dashboard .header-message-div-unread .message,.dropdown-menu .header-message-div-unread .message { 11565 11566margin-left: 45px; 11567 11568} 11569 11570 11571.dashboard .header-message-div .heading, 11572.dashboard .header-message-div-unread .heading { 11573 margin-left: 10px !important; 11574} 11575 11576.border-box { 11577 11578 border-right:1.5px solid #a5a5a5; 11579 11580} 11581 11582.border-box:last-child { 11583 11584 border-right:0px; 11585 11586} 11587 11588@media (max-width: 767px) { 11589 11590 .border-box { 11591 11592 border-right:0px; 11593 11594 border-bottom:1.5px solid #a5a5a5; 11595 11596 margin-bottom:3px; 11597 11598 } 11599 11600 .border-box:last-child { 11601 11602 border-bottom:0px; 11603 11604 } 11605 11606 11607} 11608 11609/*** Favorites Page Styles ***/ 11610 11611#favorites h1 { 11612 11613font-size:40px !important; 11614 11615} 11616 11617#favorites .favorite-description { 11618 11619 font-size:19px !important; 11620 11621} 11622 11623 11624#favorites .favorite-owner { 11625 11626 color:#999999; 11627 11628 font-size:16px; 11629 11630} 11631 11632#favorites .favorite-owner img { 11633 11634 width:85px; 11635 height:85px; 11636 margin-right:12px; 11637 float:left; 11638 border-radius:50%; 11639 margin-bottom: 20px !important; 11640} 11641 11642 11643#favorites .favorite-owner a { 11644 11645 color:#999999; 11646 11647} 11648 11649/*** Cart Page Styles ***/ 11650 11651.cart-proposal input.quantity { 11652 11653 width:50px; 11654 11655 text-align:center; 11656} 11657 11658.cart-proposal hr { 11659 11660 border-top:2px solid #e0e0e0; 11661 11662 margin-right:-18px; 11663 11664 margin-left:-18px; 11665 11666} 11667 11668.cart-proposal a:hover, 11669.cart-proposal h6:hover 11670 11671{ 11672 11673 color: #28a745 !important; 11674} 11675 11676.cart-order-details p { 11677 11678 font-size:16px; 11679 11680} 11681 11682.cart-order-details hr { 11683 margin-right:-18px; 11684 margin-left:-18px; 11685 border-top:2px solid #e0e0e0; 11686} 11687 11688.cart-order-details .coupon-response.applied, 11689.checkout-details .coupon-response.applied{ 11690 background-color: #28a745 !important; 11691} 11692 11693 11694.cart-add-sect .remove-link:hover { 11695 color: #868e96 !important; 11696} 11697 11698/*** Cart Payment Options Page Styles ***/ 11699 11700.payment-options .card-body .row .radio-input { 11701 11702 margin-top:8px; 11703 height: 18px; 11704 width: 18px; 11705 11706} 11707 11708.payment-options .card-body hr { 11709 11710 margin-left: -18px; 11711 margin-right: -18px; 11712 11713} 11714 11715 11716/*** Extra Small Devices (portrait phones, less than 576px) ***/ 11717 11718@media (max-width: 575px) { 11719 11720.payment-options .row .col-1 { 11721 11722 max-width:10% !important; 11723 11724} 11725 11726 11727.payment-options .row .col-11{ 11728 11729 max-width:80% !important; 11730 11731} 11732 11733.width-xs-100 { 11734 11735 width:100% !important; 11736 11737} 11738 11739 11740 11741} 11742 11743/*** Proposal Checkout Page Styles ***/ 11744 11745 11746.checkout-details .card-body hr { 11747 margin-left: -17px; 11748 margin-right: -17px; 11749 margin-top:10px; 11750 margin-bottom:10px; 11751} 11752 11753 11754/*** Selling & Buying Orders Page Styles ***/ 11755 11756 11757.order-proposal-image { 11758 11759 width:60px; 11760 height:60px; 11761 margin-top:-5px; 11762 margin-bottom:5px; 11763} 11764 11765 11766.order-proposal-title { 11767 11768 margin-top:-48px; 11769 11770 margin-left:70px; 11771 11772 font-size:16px; 11773 11774 color: black !important; 11775 11776} 11777 11778/*** Order Details Page Styles ***/ 11779 11780.order-page .nav-link.active { 11781 11782 color: #28a745 !important; 11783} 11784 11785 11786.order-page .order-icon{ 11787 position: relative; 11788 top: -4px; 11789 margin-right: 0.25rem !important; 11790 width:30px; 11791 height:30px; 11792} 11793 11794#order-status-bar { 11795 11796 padding:10px; 11797 background-color:#fff; 11798 border-bottom:1px solid #ddd; 11799 width:100%; 11800 box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15); 11801 11802} 11803 11804#order-status-bar.completed{ 11805 background-color: #28a745 !important; 11806} 11807 11808@media (max-width: 999px) { 11809 11810#order-status-bar { 11811 11812margin-top:-43px; 11813 11814} 11815 11816 11817} 11818 11819@media (max-width: 850px) { 11820 11821.user-balance{ display:none; } 11822 11823} 11824 11825@media (max-width: 769px) { 11826 11827#order-status-bar { 11828 11829margin-top:-39px; 11830 11831} 11832 11833} 11834 11835.order-status-bar-sticky { 11836 11837 position:fixed !important; 11838 11839 top:0px; 11840 11841 11842 z-index:1000; 11843 11844} 11845 11846 11847.order-page .seller-buyer-name { 11848 11849color:#00b22D; 11850 11851 11852} 11853 11854.order-page table thead tr { 11855 11856 background:#f5f5f5; 11857 11858} 11859 11860 11861.order-page .countdown-box { 11862 11863 text-align:center; 11864 11865} 11866 11867.order-page .countdown-box .countdown-number { 11868 11869 font-size:32px; 11870 margin-top:8px; 11871 padding:5px; 11872 background:#fff; 11873 border:1px solid #e6e6e6; 11874 border-radius:5px; 11875 box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); 11876 color: #28a745 !important; 11877} 11878 11879 11880.order-page .countdown-box .countdown-title { 11881 11882font-size:17px; 11883 11884background:#f5f5f5; 11885 11886margin-top:8px; 11887 11888padding:10px; 11889 11890} 11891 11892.order-page .countdown-box .countdown-number-late { 11893 11894 color:red; 11895 11896} 11897 11898.message-div { 11899 11900 border:1px solid #e6e6e6; 11901 11902 padding:12px 20px 10px 20px; 11903 11904 11905} 11906 11907 11908.message-div-hover { 11909 11910 background:#f5f5f5; 11911 11912 border:1px solid #e6e6e6; 11913 11914 padding:12px 20px 10px 20px; 11915 11916} 11917 11918.message-div .message-image, 11919.message-div-hover .message-image { 11920 11921 float:left; 11922 11923 width:45px; 11924 11925 height:45px; 11926 11927 margin-right:12px; 11928 11929 border-radius:50%; 11930 11931 11932 } 11933 11934 11935 11936 11937.message-div .message-desc, 11938.message-div-hover .message-desc { 11939 11940 margin-left:56px; 11941 11942 11943} 11944 11945.message-div .message-desc a, 11946.message-div-hover .message-desc a { 11947 11948 white-space:nowrap; 11949 11950 max-width:0px; 11951 11952} 11953 11954.message-div form, 11955.message-div-hover form { 11956 11957margin-left:56px; 11958 11959} 11960 11961.order-page .order-status-message { 11962 11963 text-align:center; 11964 11965 padding:25px 20px; 11966 11967 border-bottom:1px solid #dddddd; 11968 11969} 11970 11971.order-page .order-status-message .link { 11972 11973color:#00B22D; 11974 11975} 11976 11977.order-page .order-review-box { 11978 11979background:green; 11980 11981} 11982 11983.insert-message-box { 11984 11985 border-top:1px solid red !important; 11986 border:1px solid #e6e6e6; 11987 background:#f6f6f6; 11988 margin-bottom:30px; 11989 padding:8px 20px 20px 20px; 11990 box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1); 11991 11992} 11993 11994 11995/*** Button Toggler Styles ***/ 11996 11997.switch-box span.text{ 11998 position: relative; 11999 top: 2px; 12000} 12001 12002.switch { 12003 position: relative; 12004 display: inline-block; 12005 width: 55px; 12006 height: 25px; 12007} 12008 12009.switch input { 12010 opacity: 0; 12011 width: 0; 12012 height: 0; 12013} 12014 12015.slider { 12016 border-radius: 4px; 12017 position: absolute; 12018 cursor: pointer; 12019 top: 0; 12020 left: 0; 12021 right: 0; 12022 bottom: 0; 12023 background-color: #ccc; 12024 -webkit-transition: .4s; 12025 transition: .4s; 12026} 12027 12028.slider:before { 12029 border-radius: 2px; 12030 position: absolute; 12031 content: ""; 12032 height: 18px; 12033 width: 18px; 12034 left: 4px; 12035 bottom: 3.5px; 12036 background-color: white; 12037 -webkit-transition: .4s; 12038 transition: .4s; 12039} 12040 12041input:checked + .slider { 12042 background-color: #28a745; 12043} 12044 12045input:focus + .slider { 12046 box-shadow: 0 0 1px #2196F3; 12047} 12048 12049input:checked + .slider:before { 12050 left: 6px; 12051 -webkit-transform: translateX(26px); 12052 -ms-transform: translateX(26px); 12053 transform: translateX(26px); 12054} 12055 12056 12057 12058/*** View Proposals Page Styles **/ 12059
12060.view-proposals .btn-toggle.active{ 12061 12062 background-color:#28a745 !important; 12063} 12064 12065.view-proposals .btn-toggle.btn-lg{ 12066 12067 margin:0px 10px 10px 10px; 12068 12069 position:relative; 12070 12071 border:none; 12072 12073 height:2rem; 12074 12075 width:4rem; 12076 12077 border-radius:2rem; 12078 12079 background: linear-gradient(#FFFFFF -30%, #868e96); 12080} 12081 12082.view-proposals .btn-toggle.btn-lg > .toggle-handle{ 12083 12084 position:absolute; 12085 12086 top:0.3125rem; 12087 12088 left:0.3125rem; 12089 12090 width:1.400rem; 12091 12092 height:1.400rem; 12093 12094 border-radius:1.400rem; 12095 12096 background:#fff; 12097 12098 transition:left .25s; 12099 12100} 12101 12102.view-proposals .btn-toggle.btn-lg.active > .toggle-handle{ 12103 12104 left:2.200rem; 12105 12106} 12107 12108.view-proposals .box-table{ 12109 12110 min-height:200px; 12111 12112} 12113 12114.view-proposals .proposal-title{ 12115 font-size:17px; 12116} 12117 12118 12119#featured-listing-modal .modal-dialog { 12120 12121max-width:600px !important; 12122 12123} 12124 12125.modal-body .order-details .request-div { 12126background: #e6e6e6; 12127border:1px solid #e6e6e6; 12128padding:12px; 12129} 12130 12131.modal-body .order-details .request-div h4{ 12132 color: #000; 12133 text-transform:uppercase; 12134 font-size:15px; 12135} 12136 12137.modal-body .order-details .request-div .price { 12138 font-size:22px; 12139 color:#28a745; 12140} 12141 12142.modal-body .order-details .request-div p{ 12143 color:#000; 12144 font-size:14px; 12145} 12146 12147.modal-body .payment-options-list { 12148 padding:15px; 12149} 12150 12151.modal-body .payment-options-list .payment-option img { 12152 border-radius:2%; 12153 height:60px !important; 12154} 12155 12156.modal-body .payment-options-list hr{ 12157 margin-left:-15px; 12158 margin-right:-15px; 12159} 12160 12161/*** Buyer Requests Page Styles ***/ 12162 12163.buyer-requests .sort-by{ 12164 width:270px; 12165} 12166 12167.buyer-requests .remove-link{ 12168 display:block; 12169 margin-top:35px; 12170} 12171 12172.buyer-requests .request-category { 12173 margin-top:7px; 12174 padding-left:0px; 12175 list-style:none; 12176} 12177 12178.buyer-requests .request-category li{ 12179 display:inline-block; 12180 margin-right:5px; 12181 margin-bottom:5px; 12182 color:#777777; 12183 padding:4px 8px; 12184 font-size:12px; 12185 font-weight:500; 12186 background-color:#fff; 12187 border-color:#dddddd; 12188 border:solid 1px #1f1f1f; 12189 border-radius:3px; 12190} 12191 12192/** Post Request Styles **/ 12193 12194.post-request-radio .custom-control.custom-radio { 12195 12196 12197} 12198 12199.form-curb input { 12200 12201 width: 300px !important; 12202} 12203 12204.col-md-1.d-md-block.d-none .fa.fa-work{ 12205 12206 position: relative; 12207 top: 6px; 12208 12209} 12210 12211.request-sidebar .card { 12212 12213background: #deeff0; 12214 12215} 12216 12217.request-sidebar .card-body:before { 12218 content: ''; 12219 display: block; 12220 position: absolute; 12221 top: 16px; 12222 left: -13px; 12223 z-index: 16; 12224 border-bottom: 13px transparent solid; 12225 border-top: 13px transparent solid; 12226 border-right: 13px #deeff0 solid; 12227} 12228 12229.request-sidebar .card-body h5 img{ 12230 position:relative; left:-3px; top:-2px; 12231} 12232 12233.request-sidebar .card-body p { 12234 font-size: 14px; 12235 background-color: #deeff0; 12236} 12237 12238.request-sidebar .card-body p b{ 12239 color:#0096a3; 12240} 12241 12242.request-sidebar .card-body .breadcrumb { 12243 12244border:1px solid #ccc !important; 12245display: block; 12246padding: 10px; 12247 12248} 12249 12250 12251@media(max-width: 990px){ 12252 12253.request-sidebar { 12254 12255display: none; 12256 12257} 12258 12259 12260 12261} 12262 12263/*** View Offers Page Styles ***/ 12264.view-offers p { 12265 font-size:16px; 12266 line-height: 25px; 12267} 12268 12269.view-offers .offer-p span{ 12270 12271} 12272 12273.view-offers h5 a{ 12274 color:#333333; 12275} 12276 12277.view-offers h5 a:hover{ 12278 text-decoration:none; 12279} 12280 12281.responsive-border{ 12282 border-left:1px solid #e5e5e5; 12283} 12284 12285@media(max-width: 767px){ 12286 .responsive-border{ 12287 border-left:0px; 12288 border-top:1px solid #e5e5e5; 12289 } 12290} 12291 12292.view-offers .offer-seller-picture img { 12293 width:55px; 12294 height:55px; 12295 12296} 12297 12298.view-offers .offer-seller-picture .level-badge { 12299 position:absolute; 12300 width:30px; 12301 height:30px; 12302 top:33px; 12303 left:45px; 12304 12305} 12306 12307.view-offers .offer-seller{ 12308 margin-top:-55px; 12309 margin-left:70px; 12310 12311} 12312 12313#offer-order-modal .modal-dialog { 12314 max-width:600px !important; 12315 12316} 12317 12318.modal-body .order-details .request-div .btn-close{ 12319 font-size:21px; 12320 cursor:pointer; 12321} 12322 12323.modal-body .order-details .request-div .arrow{ 12324 color:#337ab7; 12325 font-size:14px; 12326 font-weight:700; 12327 cursor:pointer; 12328} 12329 12330.modal-body .order-details .offer-div{ 12331 border:solid 1px #e6e6e6; 12332 padding:12px; 12333 12334} 12335 12336.modal-body .order-details .offer-div h4{ 12337 font-size:15px; 12338 font-weight: bold; 12339} 12340 12341.modal-body .order-details .offer-div p{ 12342 font-size:14px; 12343} 12344 12345.modal-body .order-details .offer-div .price{ 12346 font-size:20px; 12347 color:#28a745; 12348} 12349 12350/*** Manage Contacts Page Styles ***/ 12351.contact-image { 12352 width:50px; 12353 height:50px; 12354 margin-top:-5px; 12355 margin-bottom:2px; 12356} 12357 12358.contact-title { 12359 margin-left:65px; 12360 margin-top:-50px; 12361} 12362 12363/** Inbox Conversations Page Styles **/ 12364.inbox-conversations a { 12365 color:#333333; 12366} 12367 12368.inbox-conversations .inbox-seller img { 12369 width:50px; 12370 height:50px; 12371 margin-top:-5px; 12372 margin-bottom:10px; 12373} 12374 12375.inbox-conversations .inbox-seller h6{ 12376 margin-top:-55px; 12377 margin-left:60px; 12378} 12379 12380/*** Insert Message Page Styles ***/ 12381.insert-message .p-style{ 12382 font-size:17px; 12383} 12384 12385.insert-message .seller-image{ 12386 width:80px; 12387 height:80px; 12388 margin-right:5px; 12389 border-radius:50%; 12390} 12391 12392.insert-message h4{ 12393 word-wrap:break-word; 12394 12395} 12396 12397.insert-message .seller-level-image{ 12398 position:absolute; 12399 width:40px; 12400 left:48%; 12401 top:50px; 12402} 12403 12404#display-request .request-div{ 12405 background:#f5f5f5; 12406 border:solid 1px #f5f5f5; 12407 padding:12px 20px 20px 20px; 12408 12409 12410} 12411 12412#display-request .request-div h5{ 12413 color:#555555; 12414 text-transform:uppercase; 12415 font-size:16px; 12416} 12417 12418#display-request .request-div .btn-close{ 12419 font-size:25px; 12420 cursor:pointer; 12421} 12422 12423#display-request .request-div p{
12424 color:#777777; 12425 font-size:15px; 12426 max-width:90%; 12427} 12428 12429#display-request .request-div .arrow{ 12430 color:#337ab7; 12431 font-size:13px; 12432 font-weight:700; 12433 cursor:pointer; 12434} 12435 12436#display-request .offer-div{ 12437 background:#fff; 12438 border:solid 1px #e6e6e6; 12439 padding:12px 20px 20px 20px; 12440} 12441 12442#display-request .offer-div .price{ 12443 font-size:30px; 12444 color:#28a745; 12445} 12446 12447#display-request .offer-div p{ 12448 max-width:90%; 12449} 12450 12451.message-div .message-offer, .message-div-hover .message-offer { 12452 background:#fafafa; 12453 border:1px solid #e5e5e5; 12454 padding:12px 20px 20px 20px; 12455 margin-bottom:6px; 12456} 12457 12458.message-div .message-offer .price, .message-div-hover .message-offer .price{ 12459 font-size:36px; 12460 color:#28a745; 12461} 12462 12463.message-div .message-offer p, .message-div-hover .message-offer p{ 12464 margin-bottom:8px; 12465} 12466 12467#accept-offer-modal .modal-dialog { 12468 max-width:600px !important; 12469} 12470 12471#seller-vacation-div { 12472 background:#fcfc8e3; 12473 border:1px solid; 12474 padding:12px 20px 20px 20px; 12475} 12476 12477.insert-message-box .message-attacment{ 12478 padding:3px; 12479 border:2px dotted #A5A5C7; 12480} 12481 12482/** Log Out Page **/ 12483.logout-image{ 12484 background:#fcfc8e3; 12485} 12486/*** Proposals extras ***/ 12487.border-1 { 12488 border: 1px solid #E1E3DF; 12489} 12490 12491.tabs .tab{ 12492width: 100%; 12493background: white; 12494margin-bottom: 15px; 12495} 12496.tabs .tab-header{ 12497padding: 0.8rem 1.2rem; 12498font-size: 17px; 12499font-family: "Montserrat-Light"; 12500} 12501.tabs .tab .tab-body { 12502font-size: 16px; 12503} 12504.tabs .tab .tab-body { 12505border-top:1px solid #E1E3DF; 12506} 12507.tabs .tab .tab-header .check { 12508top:-1px; 12509position: relative; 12510} 12511 12512.faqs .tabs .tab { 12513 font-size: 15.5px; 12514 border-bottom: 1px solid #ddd; 12515 margin: 0 auto; 12516} 12517 12518.faqs .tabs .tab .tab-header { 12519 font-size: 17px; 12520 font-family: "Montserrat-Light"; 12521 font-weight: 400; 12522 display: block; 12523 padding: 15px 15px; 12524 cursor: pointer; 12525 color: #0e0e0f; 12526 overflow: hidden; 12527 white-space: nowrap; 12528 text-overflow: ellipsis; 12529} 12530 12531.faqs .tabs .tab .tab-header:before { 12532 content: '\f107'; 12533 color: #0e0e0f; 12534 font-size: 20px; 12535 font-family: FontAwesome; 12536 float: right; 12537 -webkit-transition: -webkit-transform .3s; 12538 transition: -webkit-transform .3s; 12539 transition: transform .3s; 12540 transition: transform .3s,-webkit-transform .3s; 12541} 12542 12543.faqs.tabs .tab-header.collapsed:before { 12544 transform: rotate3d(0,0,1,-180deg); 12545} 12546 12547.faqs .tabs .tab .tab-body { 12548font-size: 16px; 12549border-top:1px solid #E1E3DF; 12550} 12551 12552.faqs .tabs .tab:nth-last-child(2){ 12553 border-bottom: 0px !important; 12554 margin-bottom: 0px; 12555} 12556 12557/** Bootstrap 4 Responsive Styles **/ 12558@media (min-width: 768px) and (max-width:991px) { 12559 .container { 12560 max-width:100%; 12561 } 12562} 12563@media (min-width: 576px) and (max-width: 767px) { 12564 .container { 12565 max-width:750px; 12566 } 12567} 12568 12569/*** New Styles ***/ 12570.card_user { 12571 font-family: 'Montserrat-Regular'; 12572 border: 1px solid #d2d6da; 12573 text-align: center; 12574} 12575 12576.card_user h4 { 12577 color: #00a14b; 12578 font-size: 19px; 12579 margin-top: 22px; 12580} 12581 12582.card_user p { 12583 font-size: 14px; 12584 color: #58595b; 12585 font-weight: 500; 12586} 12587 12588.card_user .img-fluid, 12589.welcome-box .img-fluid { 12590 max-width: 55%; 12591 height: auto; 12592} 12593 12594.card_user .get_btn { 12595 cursor:pointer; 12596 width: 164px; 12597 height: 51px; 12598 border-radius: 33px; 12599 background: transparent; 12600 border: 1px solid #28a745; 12601 color: #28a745; 12602 text-align: center; 12603 font-weight: 500; 12604 margin: 10px 10px 10px 10px; 12605} 12606 12607.card_user .get_btn:hover{ 12608 12609 background:#28a745; 12610 color:white; 12611 12612} 12613 12614.buy_head{ 12615 12616font-family: 'Montserrat-Regular'; 12617font-size: 19px; 12618color: #1a1e31; 12619margin-bottom: 20px; 12620font-weight: 500; 12621 12622} 12623 12624.carosel_sec .carousel-control-prev { 12625 left: 1px; 12626 top: 25%; 12627 height: 56px; 12628 width: 26px; 12629 border-radius: 0 33px 33px 0; 12630 background: #7c807ecc; 12631 font-size: 22px; 12632 opacity: 1; 12633 text-align: center; 12634 padding-right: 10px; 12635} 12636 12637.carosel_sec .carousel-control-next { 12638 right: 1px; 12639 top: 25%; 12640 height: 56px; 12641 width: 26px; 12642 border-radius: 33px 0 0 33px; 12643 background: #7c807ecc; 12644 font-size: 22px; 12645 opacity: 1; 12646 text-align: center; 12647 padding-left: 10px; 12648} 12649 12650 12651.table thead th { 12652 font-family: 'Montserrat-Light'; 12653 12654 border-bottom: none; 12655 font-size: 14px; 12656 color: #a7a9ac; 12657 font-weight: 1000; 12658} 12659 12660 12661#start_selling { 12662 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg); 12663 background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg); 12664 background-size: cover; 12665 background-position: center; 12666 height: 60vh; 12667 background-attachment: fixed; 12668 12669} 12670 12671#start_selling h2 { 12672 position: relative; 12673 top: 30%; 12674 font-size: 260%; 12675} 12676 12677.proposal-card-base .is-online{ 12678 /* margin-right: 10px; */ 12679 margin-top: 13px; 12680} 12681.is-online { 12682 z-index: 1; 12683 line-height: 1.4; 12684 font-size: 13px; 12685 /* border: 1px solid #1dbf73; */ 12686 /* border-radius: 12px; */ 12687 color: #35e429; 12688 /* margin-bottom: 5px; */ 12689 /* padding: 0 7px; */ 12690 position: absolute; 12691} 12692.seller-bio .is-online{ 12693 position: absolute; 12694 right: 25px; 12695 display: block; 12696} 12697 12698.is-online .fa-circle { 12699 font-size: 12px !important; 12700 /* vertical-align: middle; */ 12701 /* padding-right: 0px; */ 12702 margin-left: -7px; 12703 border: 2px solid white; 12704 border-radius: 10px; 12705} 12706 12707@media (max-width: 575px) { 12708 12709 #start_selling h2 { 12710 position: relative; 12711 top: 25%; 12712 font-size: 130%; 12713 } 12714 12715} 12716 12717#start_selling h3 { 12718 12719 position: relative; 12720 top: 30%; 12721 font-size: 130%; 12722 12723} 12724 12725 12726@media (max-width: 575px) { 12727 12728 #start_selling h3 { 12729 12730 position: relative; 12731 top: 35%; 12732 font-size: 100%; 12733 12734 } 12735 12736} 12737 12738 12739#start_selling .btn_start_selling { 12740 12741 position: relative; 12742 top: 50%; 12743} 12744 12745#start_selling_body .fa { 12746 position: relative; 12747 left: 135px; 12748 font-size: 50px; 12749 color: #28a745; 12750} 12751 12752 12753#start_selling_body .row-1 h3 { 12754 position: relative; 12755 left: 40px; 12756} 12757 12758#start_selling_body .row-2 h3 { 12759 position: relative;
12760 left: 50px; 12761} 12762 12763#start_selling_body .row-1 img{ 12764 position: relative; left: 50px; padding: 15px; 12765} 12766 12767#start_selling_body .row-2 img{ 12768 position: relative; left: 67px; padding: 15px; 12769} 12770 12771/*** How to ***/ 12772 12773#how_to { 12774 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg); 12775 background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg); 12776 background-size: cover; 12777 background-position: center; 12778 display: table; 12779 height: 40vh; 12780 width: 100%; 12781 background-attachment: fixed; 12782 12783} 12784 12785#how_to .cell { 12786 display: table-cell; 12787 width: 100%; 12788 height: 40vh; 12789 padding: 10px; 12790 vertical-align: middle; 12791 text-align: center; 12792} 12793 12794#how_to h2 { 12795 12796 /*position: relative; 12797 top: 30%;*/ 12798 font-size: 260%; 12799} 12800 12801 12802@media (max-width: 575px) { 12803 12804 #how_to h2 { 12805 12806 font-size: 130%; 12807 12808 } 12809 12810 12811} 12812 12813#how_to h3 { 12814 12815 font-size: 130%; 12816 color: #fff; 12817 12818} 12819 12820 12821@media (max-width: 575px) { 12822 12823 #how_to h3 { 12824 12825 font-size: 100%; 12826 12827 } 12828 12829} 12830 12831 12832#how_to .btn_start_selling { 12833 12834 position: relative; 12835 top: 50%; 12836} 12837 12838#how_to .fa { 12839 position: relative; 12840 left: 135px; 12841 font-size: 50px; 12842 color: #28a745; 12843} 12844 12845 12846.fa-adj { 12847 font-size: 300% !important; 12848 padding-bottom: 10px !important; 12849 margin-bottom: 20px !important; 12850} 12851 12852 12853@media (max-width: 575px) { 12854 12855 .add-new-proposal:before { 12856 12857 margin: 40px auto 10px; 12858 12859 } 12860 12861 .add-new-proposal{ 12862 12863 padding-bottom: 40px; 12864 12865 } 12866 12867 .fa-adj { 12868 font-size: 300% !important; 12869 text-align: center !important; 12870 } 12871 12872} 12873 12874/** Home Page Cards Syles ***/ 12875 12876.card-box:hover { 12877 12878 border-radius: 4px; 12879 background:white; 12880 12881} 12882 12883.card-box .subcategory { 12884 position: relative; 12885} 12886 12887.card-box .subcategory h4 { 12888 position: fixed; 12889 z-index: 1; 12890 font-size: 26px; 12891 line-height: 25px; 12892 color: #fff; 12893 padding: 15px; 12894 width: auto; 12895 text-shadow: 0px 0px 8px #2b086f, 0 0 9px #094205; 12896 background: linear-gradient(black, transparent); 12897 width: 100%; 12898 border-radius: 4px; 12899} 12900 12901.card-box .subcategory h4 small { 12902 font-size: 17px; 12903 font-weight: 400; 12904 display: block; 12905} 12906 12907.card-box .subcategory img { 12908 -o-object-fit: cover; 12909 object-fit: cover; 12910 height: 300px; 12911 width: 100%; 12912 border-radius: 4px; 12913 -webkit-transition: opacity .3s ease-in-out; 12914 -o-transition: opacity .3s ease-in-out; 12915 transition: opacity .3s ease-in-out; 12916} 12917 12918.card-box:hover img{ 12919 12920opacity: 0.8; 12921 12922} 12923 12924 12925@media only screen and (max-width: 475px) { 12926 12927.card-box{ 12928 12929 width: 235px; 12930 12931} 12932 12933.card-box .subcategory img { 12934 12935 height: 290px; 12936 12937} 12938 12939 12940} 12941 12942 12943@media only screen and (max-width: 420px) { 12944 12945 .card-box{ 12946 12947 width: 210px; 12948 12949 } 12950 12951 .card-box .subcategory img { 12952 12953 height: 155px; 12954 width: 100%; 12955 12956 } 12957 picture { 12958 display: block; 12959 width: 100%; 12960} 12961 12962} 12963.owl-carousel.owl-drag .owl-item { 12964 overflow: hidden; 12965 display: flex; 12966 flex-wrap: wrap; 12967 align-content: center; 12968} 12969@media only screen and (min-width: 320px) { 12970 .ui-toolkit .col-sm-6 { 12971 width: 50%; 12972 padding-right: 10px; 12973 padding-left: 10px; 12974 } 12975 12976 .container-fluid { 12977 padding-right: 8px; 12978 padding-left: 8px; 12979 } 12980 12981 .ui-toolkit .video .col-sm-6 { 12982 width: 100%; 12983 } 12984 12985 .proposal-card-base .proposal-seller-info .fit-avatar.s24 { 12986 display: none; 12987 } 12988 12989 .mp-proposal-card.proposal-card-base a.imgsm { 12990 height: 145px; 12991 } 12992 12993 .proposal-card-base .proposal-price a small { 12994 display: none; 12995 } 12996 12997 .proposal-card-base .proposal-link-main h3 { 12998 font-size: 14px; 12999 } 13000} 13001 13002 13003 13004@media only screen and (min-width: 500px) { 13005 .mp-proposal-card.proposal-card-base a.imgsm { 13006 height: 170px; 13007 } 13008 13009 .container-fluid { 13010 padding-right: 19px; 13011 padding-left: 19px; 13012 } 13013 13014 .proposal-card-base .proposal-seller-info .fit-avatar.s24 { 13015 display: block; 13016 } 13017 13018 .proposal-card-base .proposal-price a small { 13019 display: inline-block; 13020 } 13021 13022 .proposal-card-base .proposal-link-main h3 { 13023 font-size: 15px; 13024 } 13025} 13026 13027 13028/*** Right To Left Direction Styles ***/ 13029 13030/*Footer Styles*/ 13031.footer{ 13032 background: #1a1e31; 13033 padding: 40px 0 0 0; 13034} 13035 13036@media (max-width: 1199.98px) { 13037 .footer .collapse.show{ 13038 display: block !important; 13039 } 13040} 13041 13042@media (max-width: 767.98px) { 13043 .footer{ 13044 padding: 10px 0 0 0; 13045 } 13046 .footer h3{ 13047 cursor: pointer; 13048 border-bottom: 1px solid #ebebeb; 13049 height: 44px; 13050 line-height: 44px; 13051 } 13052 /*.dd.ddcommon.borderRadius{ 13053 width: 300px !important; 13054 }*/ 13055} 13056 13057footer h3{ 13058 color: #fff; 13059 font-size: 14px; 13060 font-family: 'Montserrat-Regular'; 13061} 13062 13063footer ul li a{ 13064 color: #bdbfc4; 13065 font-size: 13px; 13066 font-family:'Montserrat-Light'; 13067} 13068footer ul li{ 13069 padding: 7px 0; 13070} 13071footer h5{ 13072 color: #fff; 13073 font-size: 14px; 13074 font-family: 'Montserrat-Regular'; 13075} 13076footer a:hover{ 13077 color: #fff; 13078} 13079 13080.footer .pic, .footer .pic1{ 13081 display: inline-block; 13082 display: inline-block; 13083 margin-right: 11px; 13084 margin-top: 11px; 13085 max-width: 134px; 13086} 13087 13088.social_icon li a{ 13089 padding-right: 15px; 13090 font-size: 18px; 13091} 13092 13093.cookies_footer{ 13094 position: fixed; 13095 bottom: 0%; 13096 left: -0%; 13097 margin:20px; 13098 font-family:Montserrat-Light; 13099 z-index: 5000; 13100 width: 35%; 13101 background: #fff; 13102 color: black; 13103 font-size: 15px; 13104 margin-top:10px; 13105 padding: 15px 0; 13106 box-shadow: 1px 1px 2px 1px #ccc !important; 13107 border-radius: 4px; 13108} 13109 13110#announcement_bar{ 13111 /*background: #FF8000;*/ 13112 /*color: #fff;*/ 13113 display: block; 13114 position: fixed; 13115 top: 0; 13116 z-index: 1000; 13117 width: calc(100% + 18px); 13118 padding: 12px 12px; 13119 text-align: center; 13120 font-size: 15px; 13121 /*text-transform: capitalize;*/ 13122 font-weight: bold; 13123 font-size: 16px; 13124 overflow: auto; 13125} 13126 13127#announcement_bar a{ 13128 color: #fff; 13129 text-decoration:underline; 13130 font-weight: normal; 13131} 13132 13133#announcement_bar .close-icon{ 13134 font-size: 15px; 13135} 13136 13137#announcement_bar_margin{ 13138 margin-bottom: 46px; 13139} 13140 13141 13142/*@media only screen and (max-width: 767px){ 13143 #announcement_bar{ 13144 display: none; 13145 } 13146}*/ 13147 13148/*** Blog Styles Starts ***/ 13149 13150.blog .post-content{ 13151 font-size: 120%; 13152 line-height: 30px; 13153} 13154 13155.blog .card ul li{ 13156 margin-bottom: 15px; 13157} 13158 13159.blog .card ul li a{ 13160 font-size: 15px; 13161} 13162 13163/*** Blog Styles Ends ***/ 13164 13165.messagePopup{ 13166 position: fixed; 13167 bottom: 0; 13168 right: 50px; 13169 z-index: 5000; 13170 font-size: 15px; 13171} 13172.messagePopup .header-message-div{ 13173 width: 100%; 13174 background: #daecf2; 13175 color: black; 13176 margin: 20px; 13177 margin-top: 0px; 13178 border-radius: 4px; 13179 font-family: Montserrat-Light; 13180 box-shadow: 1px 1px 2px 1px #ccc !important; 13181 border-bottom: 0px; 13182} 13183.messagePopup .header-message-div.offer{ 13184 width:200%; 13185} 13186.messagePopup .header-message-div.offer .heading{ 13187 top: 0px; 13188 font-size: 17px; 13189} 13190.messagePopup .message{ 13191 left: 10px; 13192 width: auto; 13193} 13194.messagePopup .date{ 13195 left: 10px; 13196} 13197 13198.messagePopup .badge{ 13199 margin-top: -39px; 13200 margin-right: 10px; 13201} 13202 13203.cookies_footer p a{ color:red; } 13204.cookies_footer .btn{ margin-top: 5px; } 13205.cookies_footer .close { 13206 margin-top: -10px; 13207 margin-right: -10px; 13208 font-size: 18px; 13209} 13210 13211@media(max-width: 1150px){ 13212 .cookies_footer { 13213 width: 50%; 13214 } 13215} 13216 13217@media(max-width: 999px){ 13218 .cookies_footer { 13219 width: 62%; 13220 } 13221} 13222 13223@media(max-width: 770px){
13224 .view-proposals .proposal-title{ 13225 min-width: 350px; 13226 } 13227 13228 #countdown-heading{ 13229 font-size: 20px; 13230 } 13231 13232 .buyer-requests #active-requests table tr td:first-child{ 13233 min-width: 400px; 13234 } 13235 13236 .messagePopup{ 13237 right: 40px; 13238 } 13239 .messagePopup .header-message-div .message { 13240 font-size: 14px; 13241 } 13242 .messagePopup .header-message-div .date { 13243 font-size: 13px; 13244 } 13245 .messagePopup .header-message-div .close { 13246 font-size: 1.1rem; 13247 line-height: 0; 13248 } 13249 .cookies_footer .col-md-4 { 13250 display: none; 13251 } 13252 .cookies_footer { 13253 width: 92%; 13254 } 13255 .cookies_footer .col-md-8 .btn-success, .cookies_footer .col-md-8 br { 13256 display: none; 13257 } 13258} 13259 13260 13261.social_icon a{ 13262 color: #fff; 13263} 13264.post_footer{ 13265 background: #141625; 13266 color: #fff; 13267 font-size: 12px; 13268 text-align: center; 13269 padding: 13px 0; 13270 border-bottom: 1px solid #fff; 13271} 13272.navbar-brand:focus, .navbar-brand:hover{ 13273 color: #28a745; 13274} 13275 13276/* Media query for desktop viewport */ 13277 13278.paypal-button-container { 13279 height: 38px; 13280} 13281 13282.modal-footer .paypal-button-container { 13283 width: 200px; 13284 top: 0px; 13285 position: relative; 13286 height: 33px; 13287} 13288 13289@media (max-width: 420px) { 13290 13291 .modal-footer .paypal-button-container { 13292 width: 150px; 13293 } 13294 13295} 13296 13297/*********** Home *****************/ 13298 13299.request_home_file { 13300 height:200px; 13301 overflow:hidden; 13302} 13303 13304 13305 13306 13307/*** Category and Sub Category Page ***/ 13308 13309 13310 13311 13312div.cat_desc { 13313 text-align: left; 13314 max-height: 300px; 13315 overflow: hidden; 13316 font-size:15px; 13317} 13318div.cat_desc.collapse.show { 13319 max-height: none!important; 13320 height: 100%!important; 13321} 13322div.cat_desc.collapse { 13323 max-height: 300px; 13324 height: 300px; 13325 display:block!important; 13326} 13327 13328div.cat_desc.collapsing { 13329 max-height: 300px; 13330 height: 300px; 13331 display:block!important; 13332} 13333 13334div.cat_desc_readmore { 13335 text-align: center; 13336 padding-top: 10px; 13337} 13338 13339div.cat_desc_readmore a { 13340 border: 1px solid; 13341 padding: 3px; 13342 margin-top: 10px; 13343 border-radius: 6px; 13344} 13345 13346div.cat_desc img { 13347 float: left; 13348 width: 300px; 13349 padding: 0 20px 20px 0; 13350} 13351 13352div.sub_cat_desc { 13353 text-align: left; 13354 max-height: 300px; 13355 overflow: hidden; 13356 font-size:15px; 13357} 13358div.sub_cat_desc.collapse.show { 13359 max-height: none!important; 13360 height: 100%!important; 13361} 13362div.sub_cat_desc.collapse, 13363div.sub_cat_desc.collapsing { 13364 max-height: 300px!important; 13365 height: 300px!important; 13366 display:block!important; 13367} 13368 13369div.sub_cat_desc_readmore { 13370 text-align: center; 13371 padding-top: 10px; 13372} 13373 13374div.sub_cat_desc_readmore a { 13375 border: 1px solid; 13376 padding: 3px; 13377 margin-top: 10px; 13378 border-radius: 6px; 13379} 13380 13381div.sub_cat_desc img { 13382 float: left; 13383 width: 300px; 13384 padding: 0 20px 20px 0; 13385} 13386 13387.cat_box { 13388 margin: 2px 5px; 13389 border-radius: 20px; 13390 padding: 2px 8px; 13391 color: white; 13392 font-weight: bold; 13393 display: inline-table; 13394 white-space: nowrap; 13395} 13396 13397@media (max-width: 767px) { 13398 13399 div.cat_desc img { 13400 float: left; 13401 width: 150px; 13402 padding: 0 13px 6px 0; 13403 } 13404 13405 13406 div.sub_cat_desc img { 13407 float: left; 13408 width: 150px; 13409 padding: 0 13px 6px 0; 13410 } 13411 13412} 13413 13414 13415#myCarousel .carousel-item { 13416 height: 80vh !important; 13417 text-align: center; 13418} 13419 13420 13421.table-responsive>.fixed-column { 13422 position: absolute; 13423 display: inline-block; 13424 width: auto; 13425 border-right: 1px solid #ddd; 13426} 13427 13428.table-responsive .table thead td, .table-responsive .table thead th { 13429 min-width: 170px; 13430 width: auto; 13431} 13432#massonry_border .mp-proposal-card.proposal-card-base a.imgsm { 13433 display: block; 13434 text-align: center; 13435} 13436 13437#massonry_border .mp-proposal-card.proposal-card-base a.imgsm img { 13438 /*height: 100%; 13439 width: auto;*/ 13440 13441 height: 100%; 13442 width: 100%; 13443 object-fit: cover; 13444 /* object-fit: none; */ 13445 object-position: center; 13446} 13447#massonry_border .mp-proposal-card.proposal-card-base span.imgsm { 13448 height: 182px; 13449 display: block; 13450 text-align: center; 13451} 13452 13453#massonry_border .mp-proposal-card.proposal-card-base span.imgsm img { 13454 height: 100%; 13455 width: auto; 13456 13457 /*height: 100%; 13458 width: 100%;*/ 13459 object-fit: cover; 13460 /* object-fit: none; */ 13461 object-position: center; 13462} 13463#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img { 13464 height: 100%; 13465 width: 100%!important; 13466} 13467.portfolio-description-form p { 13468 float: left; 13469 padding-left: 10px; 13470 clear: both; 13471 display: block; 13472} 13473 13474.mobile-portfolio-title { 13475 float: left; 13476 width: 100%; 13477 text-align: center; 13478} 13479 13480.proposal-card-base iframe { 13481 width: 100%; 13482 height: 170px; 13483} 13484 13485.video .proposal-card-base iframe { 13486 height: 228px; 13487} 13488 13489.proposal-form #category { 13490 width: 94%; 13491} 13492 13493.proposal-form .search_cat { 13494 position: absolute; 13495 /*padding: 7px;*/ 13496 right: 0; 13497 margin-right: 16px; 13498 border: 1px solid #bac1c7; 13499 cursor: pointer; 13500} 13501 13502.proposal-form .search_cat i { 13503 padding: 9px; 13504} 13505 13506.proposal-form .search_cat.active i { 13507 margin: 5px 3px; 13508} 13509 13510.proposal-form .search_cat .fa-search { 13511 display: block; 13512 background: white; 13513} 13514 13515.proposal-form .search_cat .fa-times { 13516 display: none; 13517} 13518 13519.proposal-form .search_cat.active .fa-search { 13520 display: none; 13521} 13522 13523.proposal-form .search_cat.active .fa-times { 13524 display: block; 13525} 13526 13527.proposal-form .search_cat.active { 13528 width: 94.5%; 13529 background: white; 13530} 13531 13532.proposal-form .search_cat.active #search_input { 13533 display: block!important; 13534 width: 85%; 13535 float: right; 13536 border: 1px solid #bac1c7; 13537 margin: 5px; 13538 height: 32px; 13539} 13540 13541#search_input { 13542 display: none; 13543} 13544 13545.proposal-form .search-bar-panel { 13546 top: 100%; 13547 /*margin-left: -7px;*/ 13548} 13549 13550img.portfolio-modal-img { 13551 max-height: 300px; 13552} 13553 13554.localsearch { 13555 display: inline; 13556 padding: 5px; 13557 vertical-align: middle; 13558} 13559 13560.localsearch label { 13561 margin-left: 3px; 13562 font-weight: bold; 13563 font-size: 14px; 13564 letter-spacing: 1px; 13565 /* color: #ec66eb; */ 13566 margin-top: 4px; 13567} 13568 13569.gig-page-section.gig-page-section-overview { 13570 padding: 0 10px; 13571} 13572 13573.contact-button { 13574 /*top: 40%;*/ 13575 display: block; 13576 font-size: 22px; 13577 height: 50px; 13578 /* width: 60px; */ 13579 line-height: 15px; 13580 text-align: center; 13581 color: #fff; 13582 position: fixed; 13583 bottom: 85px; 13584 right: 19px; 13585 z-index: 10002; 13586 border-radius: 12px; 13587 background: #2ca35b; 13588 padding: 4px; 13589 width: 65px; 13590} 13591 13592.contact-button small { 13593 font-size: 12px; 13594} 13595 13596.contactbox { 13597 height: 80px; 13598 text-align: center; 13599 background: bisque; 13600 line-height: 80px; 13601 font-size: 23px; 13602 padding: 0 20px; 13603 font-weight: bold; 13604 border-radius: 15px; 13605 margin: 0 5px; 13606 display: inline-block; 13607 cursor: pointer; 13608} 13609 13610#callbox, #emailbox { 13611 display: none; 13612} 13613 13614 13615.form-group.required .col-form-label:after {
13616 content:"*"; 13617 color:red; 13618} 13619 13620 13621.proposal_package_image_box_small { 13622 height: 120px; 13623 width: 120px; 13624 margin: 0 auto; 13625} 13626.proposal_package_image_box_small img { 13627 width: 100%; 13628 height: auto; 13629} 13630 13631.proposal_package_box { 13632 margin-top: 10px; 13633} 13634 13635.proposal_package_box img { 13636 max-width: 120px; 13637 float: left; 13638 margin: 0 10px 10px 0; 13639} 13640 13641dl.dropdown_img {margin: 8px} 13642.dropdown_img dd, .dropdown_img dt, .dropdown_img ul { margin:0px; padding:0px; } 13643.dropdown_img dd { position:absolute; } 13644.dropdown_img div { color:#816c5b; text-decoration:none; outline:none;} 13645.dropdown_img div:hover { color:#5d4617;} 13646.dropdown_img dt div:hover { color:#5d4617; border: 1px solid #d0c9af;} 13647.dropdown_img dt div {background:url('http://www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/arrow.png') no-repeat scroll right center; display:block; padding-right:20px; 13648 border:1px solid #e9ecef; width:150px;} 13649.dropdown_img dt div span {cursor:pointer; display:block;height: 40px;line-height: 40px; padding-left: 5px; padding-top:5px;} 13650.dropdown_img dd ul { 13651 background: #ffffff none repeat scroll 0 0; 13652 border: 1px solid #e9ecef; 13653 color: #C5C0B0; 13654 display: none; 13655 left: 0px; 13656 padding: 0px 0px; 13657 position: absolute; 13658 width: auto; 13659 min-width: 170px; 13660 list-style: none; 13661 border-bottom: none; 13662 cursor: pointer; 13663} 13664.dropdown_img span.value { display:none;} 13665.dropdown_img dd ul li div { padding:5px; display:block;border-bottom: 1px solid #e9ecef;} 13666.dropdown_img dd ul li div:hover { background-color:#dedbd2;} 13667 13668.dropdown_img img.flag { border:none; vertical-align:middle; /*margin-left:10px;*/ width: 40px } 13669.flagvisibility { display:none;} 13670.brick a{ 13671 -ms-touch-action: manipulation; 13672 touch-action: manipulation; 13673 display: inline-block!important; 13674} 13675@media only screen and (max-width: 999px) and (min-width: 300px) { 13676 .mobile-80 { 13677 width: 80%!important; 13678 min-width: 80%!important; 13679 } 13680 13681 .mobile-hide { 13682 display: none; 13683 } 13684 13685 .mobile-20 { 13686 width: 20%!important; 13687 min-width: 20%!important; 13688 } 13689 13690 .mobile-50 { 13691 width: 50%!important; 13692 min-width: 50%!important; 13693 } 13694 .mobile-40 { 13695 width: 40%!important; 13696 min-width: 40%!important; 13697 } 13698 .mobile-10 { 13699 width: 10%!important; 13700 min-width: 10%!important; 13701 } 13702 13703 #myCarousel .carousel-item { 13704 height: 35vh !important; 13705 text-align: center; 13706 } 13707 13708 .extra-images{ 13709 height: 50px; 13710 } 13711 .extra-images img{ 13712 width: 32px; 13713 } 13714 .is-responsive .gnav-header #gigtodo-logo a { 13715 margin-top: 12px; 13716 display: block!important; 13717 width: 25px; 13718 /* background: red; */ 13719 transform: translateX(-8px); 13720 } 13721 .gigtodo-logo-svg-logged-in img.desktop { 13722 display: none !important; 13723 } 13724 .gigtodo-logo-svg-logged-in img.mobile { 13725 display: block!important; 13726 width: 100%; 13727 } 13728 .gnav-header #gigtodo-logo.gigtodo-logo-svg a { 13729 background: none; 13730 position: relative; 13731 display: block; 13732 width: 30px; 13733 margin-top: 13px!important; 13734 } 13735} 13736 13737@media only screen and (max-width: 9999px) and (min-width: 999px) { 13738 .gigtodo-logo-svg-logged-in img.desktop { 13739 display: block !important; 13740 } 13741 } 13742/*************************arko start***********************************/ 13743 13744 13745.row.mt-3 { 13746 width: 100%; 13747 margin: 0 auto; 13748} 13749.masonry.bordered { 13750 width: 100%; 13751} 13752 13753/* massonry start */ 13754/* Defaults */ 13755 13756 13757.brick img, .brick video { 13758 max-width: 100%; 13759 vertical-align: middle; 13760 display: block; 13761 margin: 0 auto; 13762} 13763 13764html { 13765 box-sizing: border-box; 13766} 13767 13768.wrapper { 13769 margin-left: auto; 13770 margin-right: auto; 13771 padding-right: 20px; 13772 padding-left: 20px; 13773 width: 100%; 13774/* max-width: 1080px;*/ 13775} 13776 13777/* Masonry item */ 13778.masonry .brick { 13779 margin-bottom: 30px; 13780 /* display: inline-block; */ 13781 vertical-align: top; 13782} 13783 13784/* Bordered masonry */ 13785.masonry.bordered { 13786 column-rule: 0px solid #eee; 13787 column-gap: 16px; 13788} 13789 13790.masonry.bordered .brick { 13791 padding-bottom: 4px; 13792 margin-bottom: 5px; 13793 border-bottom: 0px solid #eee; 13794 display: block; 13795 width: 100%; 13796 /* background: red; */ 13797 float: left; 13798 break-inside: avoid-column; 13799 margin: 5px 0; 13800 /* box-shadow: 1px 1px 5px 0px #00000059; */ 13801} 13802@-moz-document url-prefix() { 13803 .masonry.bordered .brick { 13804 padding-bottom: 4px; 13805 margin-bottom: 5px; 13806 border-bottom: 0px solid #eee; 13807 display: inline-block; 13808 width: 100%; 13809 /* background: red; */ 13810 float: none; 13811 break-inside: avoid-column; 13812 margin: 5px 0; 13813 } 13814} 13815#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm { 13816 height: auto; 13817 width: unset!important; 13818 display: block; 13819 text-align: center; 13820} 13821 13822#massonry_border > .brick .mp-proposal-card.proposal-card-base span.imgsm img { 13823 height: 100%; 13824 width: 100%!important; 13825 border-radius: 10px; 13826} 13827#massonry_border .brick .proposal-card-base.mp-proposal-card { 13828 position: relative; 13829 background-color: #fff; 13830 border: 0px solid #e5e5e5; 13831 } 13832 .masonry { 13833 column-count: 3; 13834 } 13835/* #massonry_border .proposal-seller-info { 13836 display: none!important; 13837 }*/ 13838.overlay_comments{ 13839 width: 100%; 13840 float: left; 13841 margin: 10px auto 10px; 13842 /*background-color:red;*/ 13843} 13844.overlay_comments_inner img { 13845 width: 50px; 13846} 13847.comments_image_cont img { 13848 border-radius: 100px; 13849} 13850.comments_inner { 13851 background: #ebebef; 13852 padding: 10px 14px; 13853 padding-bottom: 20px; 13854 border-radius: 0px 10px 10px 10px; 13855 position: relative; 13856} 13857.comments_inner:before { 13858 position:absolute; 13859 content: ''; 13860 width: 0; 13861 height: 0; 13862 border-top: 10px solid transparent; 13863 border-bottom: 10px solid transparent; 13864 border-right:10px solid #ebebef; 13865 right: unset; 13866 top: 0px; 13867 left:-10px; 13868 13869} 13870.row.overlay_input_cont { 13871 margin: 0 auto; 13872 margin-top: 30px; 13873 width: 100%; 13874} 13875.input_profile { 13876 width: 100%; 13877 display:block; 13878 font-size: 18px; 13879 font-weight: 600; 13880 color: #f06b9f; 13881 margin-bottom: 6px; 13882} 13883.input_profile img { 13884 width: 50px; 13885 border-radius: 100px; 13886} 13887.inner_input_cont { 13888 width: 100%; 13889 display:block; 13890} 13891.inner_input_cont textarea{ 13892 width: 100%; 13893 padding: 10px 20px; 13894 background: #ebebef; 13895 border: none; 13896 border-radius: 10px; 13897 min-height:100px; 13898 13899} 13900.inner_input_cont textarea:focus{ 13901 outline: none; 13902 border: none; 13903} 13904.overlay_comments { 13905 position: absolute; 13906 top: 100%; 13907 left: 0; 13908 width: calc(100% + 10px); 13909 height: 100%; 13910 background: #ffffff; 13911 padding: 50px 30px;
13912 overflow-y: scroll; 13913 overflow-x: hidden; 13914 transition: all .5s; 13915 font-size: 14px; 13916 font-weight: 500; 13917 letter-spacing: 1px; 13918 transition: all .5s; 13919 font-family: 'Josefin Sans', sans-serif!important; 13920} 13921.inner_input_cont button{ 13922 padding: 8px 14px; 13923 cursor: pointer; 13924 border: none; 13925 text-decoration: none; 13926 background: #f06b9f; 13927 border-radius: 34px; 13928 font-size: 13px; 13929 font-weight: 700; 13930 color: white; 13931 margin-top: 4px; 13932} 13933.overlay_comments.active { 13934 transition: all .5s; 13935 top: 0%; 13936} 13937.comments_close { 13938 position: absolute; 13939 top: 0; 13940 right: 12%; 13941 height: 35px; 13942 margin-right: -20px; 13943 text-align: center; 13944 font-size: 30px; 13945 font-weight: bold; 13946 cursor: pointer; 13947 -webkit-user-select: none; 13948 -ms-user-select: none; 13949 user-select: none; 13950} 13951.row.overlay_comments_inner { 13952 margin-top: 10px; 13953} 13954.comments_inner span { 13955 font-size: 13px; 13956 line-height: unset!important; 13957} 13958.comments_inner h5 { 13959 font-size: 16px; 13960 font-weight: 700; 13961 letter-spacing: 0px; 13962 color: #8e8e8e; 13963 margin-top: 10px; 13964} 13965.like_comments_cont i{ 13966 color: #b8b8b8; 13967 /*color: #ffffff;*/ 13968 margin-right: 5px; 13969} 13970.number_of_liked , .number_of_comments { 13971 font-size: 14px; 13972 color: #3e3e3e; 13973 font-weight: bold; 13974} 13975.copppent_tri { 13976 cursor: pointer; 13977} 13978 #massonry_border .proposal-card-base .proposal-link-main h3 { 13979 font-weight: bold; 13980 letter-spacing: 1px; 13981 font-size: 14px; 13982 /* background: red; */ 13983 height: auto; 13984 width: 73%; 13985 float: left; 13986 margin-top: 10px; 13987 } 13988/* Masonry on tablets */ 13989 13990#massonry_border .brick .likeIcon { 13991 /*display: none;*/ 13992 border: none; 13993 position: absolute; 13994 top: 43px; 13995 right: -4px; 13996} 13997#massonry_border .brick:hover .likeIcon { 13998 display: inline-block; 13999} 14000.proposal-link-main { 14001 width: 100%; 14002 float: left; 14003 position: relative; 14004} 14005.view_more i.fa { 14006 font-size: 14px; 14007 color: #f06b9f; 14008} 14009.view_more { 14010 cursor: pointer; 14011} 14012.like_comments_cont .no_rl_paadding { 14013 padding-left: 0!important; 14014 padding-right: 0!important; 14015} 14016#massonry_border .portfolio_img_wrapper { 14017 position: relative; 14018 overflow: hidden; 14019 border-radius: 15px; 14020} 14021.row.like_comments_cont { 14022 width: 100%; 14023 margin: 0 auto; 14024 margin-top: 25px; 14025 border-bottom: 2px solid #ababab21; 14026 padding-bottom: 10px; 14027} 14028.row.like_comments_cont { 14029 width: 100%; 14030 margin: 0 auto; 14031} 14032 14033.row.like_comments_cont { 14034 width: 100%; 14035 margin: 0 auto; 14036 margin-top: 25px; 14037 border-bottom: 2px solid #ababab21; 14038 padding-bottom: 10px; 14039} 14040#massonry_border .brick .for_second_design { 14041 position: absolute; 14042 z-index: 2; 14043 background: red; 14044 width: 100%; 14045 height: 58px; 14046 bottom: 0; 14047 left: 0; 14048 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%); 14049 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 14050 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 14051 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 14052 transform: translateY(100px); 14053 transition: all .5s; 14054 14055} 14056#massonry_border .brick:hover .for_second_design { 14057 position: absolute; 14058 z-index:40; 14059 background: red; 14060 width: 100%; 14061 height: 58px; 14062 bottom: 0; 14063 left: 0; 14064 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%); 14065 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 14066 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 14067 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 14068 transform: translateY(0px); 14069 transition: all .5s; 14070 14071} 14072.gig-seller-tooltip { 14073 font-size: 13px; 14074 color: #ffffffe3; 14075 margin-top: -2px; 14076} 14077.likeIcon i { 14078 font-size: 13px; 14079 transform: translateY(2px); 14080 margin-right: 4px; 14081}
14082.proposal_portfolio_cont.modal-dialog { 14083 max-width: 1200px; 14084 width: 100%; 14085} 14086#image-modal.proposal_portfolio_cont .close { 14087 position: absolute; 14088 top: 0; 14089 right: 22px; 14090 z-index: 4; 14091 font-size: 50px; 14092 color: #556db4; 14093 opacity: 1; 14094} 14095h4.title { 14096 font-size: 35px; 14097 font-weight: 700; 14098 color: #f06b9f; 14099} 14100.proposal_portfolio_cont.modal-header { 14101 padding:0px; 14102 border:none; 14103} 14104.proposal_portfolio_cont.modal-body { 14105 padding: 0; 14106} 14107.proposal_portfolio_cont.modal_inner { 14108 width: 100%; 14109 margin: 0 auto; 14110} 14111.proposal_portfolio_cont.modal_inner .col-md-7.img_cont_modal { 14112 padding: 0; 14113} 14114.proposal_portfolio_cont.modal-content { 14115 border-radius: 46px; 14116 overflow: hidden; 14117 border: none; 14118 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 14119 margin-top: 5%; 14120 margin-bottom: 5%; 14121} 14122#image-modal.proposal_portfolio_cont { 14123 background: #ffffff!important; 14124} 14125img.portfolio-modal-img { 14126 max-height: unset; 14127 width: 100%; 14128} 14129 14130.proposal_portfolio_cont .modal_inner .col-md-5.text_cont_modal { 14131 padding-top: 70px; 14132 padding-left: 30px; 14133 padding-right: 30px; 14134} 14135.proposal_portfolio_cont .modal-header { 14136 padding: 0; 14137} 14138.input-group-lg.mb-2.text-left h4 { 14139 font-size: 27px; 14140 font-weight: 700; 14141 color: #808080; 14142 margin-top: 30px; 14143} 14144.input-group-lg.mb-2.text-left h4.title { 14145 font-size: 35px; 14146 font-weight: 700; 14147 color: #f06b9f; 14148 margin-top: 0; 14149} 14150.mb-4, .my-4 { 14151 margin-bottom: 1.5rem !important; 14152 display: inline; 14153} 14154.card-body .text-center.h3 { 14155 display: inline; 14156} 14157.rounded-circle { 14158 width: 70px; 14159 margin-right: 9px; 14160} 14161.header-message-div .rounded-circle { 14162 width: unset; 14163 margin-right: 9px; 14164} 14165.text-center h3 { 14166 font-size: 23px; 14167 font-weight: 700; 14168} 14169.slider_image { 14170 width: 100%; 14171} 14172.carousel_control_button { 14173 width: 50px; 14174 height: 50px; 14175 background: red; 14176} 14177#demo { 14178 max-width: 1200px; 14179 width: 100%; 14180 border-radius: 46px; 14181 overflow: hidden; 14182 border: none; 14183 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 14184 margin: 0 auto; 14185 margin-top: 3.5%; 14186 margin-bottom: 0%; 14187} 14188.inner_row{ 14189 width: 100%; 14190 margin:0 auto; 14191} 14192.inner_row .col-md-7.image_cont { 14193 padding: 0; 14194} 14195.inner_row .col-md-5.text_cont { 14196 padding: 70px 30px 20px; 14197} 14198.carousel-item h4 { 14199 font-size: 35px; 14200 font-weight: 700; 14201 color: #556db4; 14202 margin-top: 0; 14203} 14204h4.about_portfolio_textcont_heead { 14205 font-size: 27px; 14206 font-weight: 700; 14207 color: #808080; 14208 margin-top: 30px; 14209 14210} 14211.carousel_control_button.carousel-control-prev { 14212 top: 50%; 14213 left: 20px; 14214 border-radius: 100px; 14215 text-align: center; 14216 opacity: 1; 14217 background: #9b9b9b94; 14218 position: fixed; 14219} 14220.carousel_control_button.carousel-control-next { 14221 top: 50%; 14222 right: 35px; 14223 border-radius: 100px; 14224 text-align: center; 14225 opacity: 1; 14226 background: #9b9b9b94; 14227 position: fixed; 14228} 14229#image-modal .modal-content { 14230 display: none; 14231} 14232.text_cont { 14233 position: relative; 14234} 14235.overlay_div_desc_outer { 14236 position: absolute; 14237 top: 100%; 14238 left: 0; 14239 width: calc(100% + 10px); 14240 height: 100%; 14241 background: #ffffff; 14242 padding:50px 30px; 14243 overflow-y: scroll; 14244 overflow-x: hidden; 14245 transition: all .5s; 14246 font-size: 14px; 14247 font-weight: 500; 14248 letter-spacing: 1px; 14249 font-family: 'Josefin Sans', sans-serif!important; 14250} 14251.overlay_div_desc_outer.active { 14252 top: 0; 14253 transition: all .5s; 14254} 14255.desc_close { 14256 position: absolute; 14257 top: 0; 14258 right: 12%; 14259 height: 35px; 14260 margin-right: -20px; 14261 text-align: center; 14262 font-size: 30px; 14263 font-weight: bold; 14264 cursor: pointer; 14265 -webkit-user-select: none; /* Safari */ 14266 -ms-user-select: none; /* IE 10+ and Edge */ 14267 user-select: none; /* Standard syntax */ 14268} 14269span.main_modal_description { 14270 font-size: 15px; 14271 font-weight: 500; 14272 letter-spacing: 1px; 14273 font-family: 'Josefin Sans', sans-serif!important; 14274} 14275.col-md-3.mt-4 { 14276 14277} 14278.col-md-3.mt-4 .card.user-sidebar.rounded-0.mb-4 { 14279 background: #fbfbfb; 14280 border-radius: 10px!important; 14281 float: left; 14282 width: 100%; 14283 border: none; 14284 padding: 10px; 14285} 14286.user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 { 14287 border: none; 14288 padding: 10px; 14289 border-radius: 50px!important; 14290 display: block; 14291 font-size: 15px; 14292 text-transform: uppercase; 14293 font-weight: bold; 14294 margin-bottom: 12px; 14295} 14296.user-sidebar .card-body + hr , .user-sidebar .card-body + hr + a + hr { 14297 display: none; 14298} 14299div#st-1 { 14300 opacity: 0; 14301 transition: all .5s; 14302} 14303div#st-1.active { 14304 opacity: 1; 14305 transition: all .5s; 14306} 14307.details .proposal-info { 14308 padding-bottom: 0px; 14309 position: relative; 14310} 14311.sharebuttonportfolio { 14312 position: absolute; 14313 font-size: 23px; 14314 bottom: 0px; 14315 right: 0; 14316 background: #f06b9f; 14317 padding: 5px 8px; 14318 display: inline; 14319 border-radius: 5px; 14320 height: unset; 14321 line-height: 0; 14322 background: linear-gradient(58deg, rgb(200 213 251) 0%, rgb(85 109 180) 100%); 14323 color: #ffffff; 14324} 14325.close_share { 14326 display: inline-block; 14327 font-size: 20px; 14328 line-height: 0; 14329 margin-right: 8px; 14330 margin-top: 8px; 14331 color: #5c5c5ca1; 14332} 14333.proposal-info hr{ 14334 display: none; 14335} 14336.details .proposal-info h3 { 14337 margin-bottom: 5px; 14338 margin-top: 5px; 14339 font-weight: 900; 14340 font-size: 30px; 14341 color: #4c4b4b; 14342} 14343 14344.checkbox_conntainer { 14345 display: inline-block; 14346 position: relative; 14347 padding-left: 27px; 14348 margin-bottom: 0; 14349 cursor: pointer; 14350 font-size: 15px; 14351 -webkit-user-select: none; 14352 -moz-user-select: none; 14353 -ms-user-select: none; 14354 user-select: none; 14355 /* background:red; */ 14356} 14357 14358/* Hide the browser's default checkbox */ 14359.checkbox_conntainer input { 14360 position: absolute; 14361 opacity: 0; 14362 cursor: pointer; 14363 height: 0; 14364 width: 0; 14365} 14366 14367/* Create a custom checkbox */ 14368.checkbox_conntainer .checkmark { 14369 position: absolute; 14370 top: 0; 14371 left: 0; 14372 height: 25px; 14373 width: 25px; 14374 background-color: #eee; 14375 border-radius: 5px; 14376} 14377 14378/* On mouse-over, add a grey background color */ 14379.checkbox_conntainer:hover input ~ .checkmark { 14380 background-color: #ccc; 14381} 14382 14383/* When the checkbox is checked, add a blue background */ 14384.checkbox_conntainer input:checked ~ .checkmark { 14385 background-color: #2196F3; 14386 background: linear-gradient(58deg, rgb(61 72 99) 0%, rgb(85 109 180) 100%) !important; 14387 border-color: white; 14388} 14389 14390/* Create the checkmark/indicator (hidden when not checked) */ 14391.checkmark:after {
14392 content: ""; 14393 position: absolute; 14394 display: none; 14395} 14396 14397/* Show the checkmark when checked */ 14398.checkbox_conntainer input:checked ~ .checkmark:after { 14399 display: block; 14400} 14401 14402/* Style the checkmark/indicator */ 14403.checkbox_conntainer .checkmark:after { 14404 left: 9px; 14405 top: 5px; 14406 width: 5px; 14407 height: 10px; 14408 border: solid white; 14409 border-width: 0 3px 3px 0; 14410 -webkit-transform: rotate(45deg); 14411 -ms-transform: rotate(45deg); 14412 transform: rotate(45deg); 14413} 14414li.register-link { 14415 /* color: #e006db; */ 14416} 14417.search-button-wrapper .btn { 14418 border: none; 14419} 14420.ui-toolkit .bb-xs-1 { 14421 border-bottom: 1px solid #E1E3DF; 14422 /* background: linear-gradient(58deg, rgb(236 190 255) 0%, rgba(236,73,229,1))!important;*/ 14423} 14424 14425/*login modal*/ 14426.login.login_modal_cont { 14427 /*display: block;*/ 14428 /* background: red;*/ 14429 position: fixed; 14430 overflow: unset; 14431 top: 0px !important; 14432 padding-right: 17px; 14433} 14434.modal-dialog { 14435 width: 100%; 14436 max-width: 750px; 14437} 14438.login.login_modal_cont .modal-content { 14439 border-radius: 0px 10px 10px 0px; 14440 overflow: hidden; 14441 border: none; 14442 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 14443 margin-top: 0%; 14444 margin-bottom: 0%; 14445 padding: 20px; 14446 14447} 14448.inner_login_image_cont{ 14449 position: absolute; 14450 top: 0; 14451 left: 0; 14452 width: 100%; 14453 height: 100%; 14454 background: rgb(185,232,247); 14455 background: linear-gradient(0deg, rgba(185,232,247,1) 0%, rgba(236,73,229,1) 100%); 14456} 14457.inner_login_image_cont img{ 14458 width: 88%; 14459 position: absolute; 14460 bottom: 3%; 14461 left: 7%; 14462} 14463.inner_login_image_cont .inner_text{ 14464 position: absolute; 14465 top:3%; 14466 left:0; 14467 width:100%; 14468 min-height: 100px; 14469 /*background: green;*/ 14470 padding:20px; 14471} 14472.inner_login_image_cont .inner_text h3 { 14473 color: white; 14474 font-weight: 900; 14475 font-size: 30px; 14476} 14477.inner_login_image_cont .inner_text p { 14478 color: white; 14479 font-size: 15px; 14480 font-weight: 300; 14481} 14482#login_modal_cont_for_height { 14483 padding-left: 0; 14484 padding-right: 0; 14485} 14486.text-center.pt-4.pb-2 { 14487 padding-bottom: 1.5rem !important; 14488 padding-top: .5rem !important; 14489} 14490.login_image_outer { 14491 background: green; 14492 padding: 0!important; 14493 margin: 0!important; 14494 padding-left: 0px; 14495 padding-right: 0px; 14496 border-radius: 10px 0px 0px 10px; 14497 overflow: hidden; 14498 position: relative; 14499 14500} 14501 #login_modal_cont_for_height .modal-header { 14502 display: none; 14503} 14504.inner_login_image_cont label.form-group-label { 14505 font-weight: 700; 14506 font-size: 18px; 14507 letter-spacing: 1px; 14508 color: #5b5b5b; 14509} 14510#login_modal_cont_for_height input.form-control { 14511 border: none; 14512 border-bottom: 1px solid #556db4; 14513 border-radius: 0; 14514 padding-left: 0; 14515} 14516#login_modal_cont_for_height input.btn.btn-success.btn-block { 14517 padding: 8px; 14518 font-size: 17px; 14519 border: none; 14520 transition: all .5s; 14521 font-weight: 700; 14522} 14523#login_modal_cont_for_height input.btn.btn-success.btn-block:hover { 14524 transition: all .5s; 14525 background: linear-gradient(58deg, rgb(201 157 219) 0%, rgb(182 55 177) 100%); 14526} 14527.form-control:focus { 14528 box-shadow:none!important; 14529 14530 outline: none; 14531} 14532.user_sedebar_trigger { 14533 display: none; 14534} 14535#user-sidebar_activee .card-body { 14536 float: left; 14537 width: 100%; 14538 padding: 0px; 14539 margin-bottom: 25px; 14540} 14541.outer_card { 14542 box-shadow: 1px 1px 4px 0px #cccccc4a; 14543 width: 100%; 14544 background: white; 14545 display: block; 14546 float: left; 14547 padding: 14px; 14548 margin-bottom: 8px; 14549 border-radius: 5px; 14550} 14551a.btn.btn-lg.btn-block.btn-success.rounded-0 { 14552 float: left; 14553} 14554#user-sidebar_activee .card-body .card-hr { 14555 display:none; 14556} 14557.user_portfolio .card { 14558 border: 0px solid #E1E3DF!important; 14559} 14560.text-center.mb-5.p-2 { 14561 font-size: 17px; 14562 text-align: left!important; 14563} 14564.marketplaceInner { 14565 padding: 0px!important; 14566} 14567.marketplaceInner img { 14568 width: 100%; 14569} 14570.marketplaceInner { 14571 position:relative; 14572 height: auto; 14573} 14574.marketplaceInner span { 14575 position: absolute; 14576 top:0; 14577 left: 0; 14578 width: 100%; 14579 height: 100%; 14580 background-color: rgb(0 0 0 / 32%); 14581 color:white; 14582 display: flex; 14583 align-items: center; 14584 justify-content: center; 14585} 14586.marketplaceInner span p{ 14587 color:white; 14588} 14589.marketplaceouter_cont{ 14590 width: 100%; 14591 margin: 0 auto; 14592} 14593.nopadding { 14594 padding: 0px!important; 14595} 14596.market { 14597 padding: 0px 0; 14598} 14599.top_portfolio{ 14600 text-align: center!important; 14601 display: block; 14602} 14603.marketplaceInner span p { 14604 color: white; 14605 font-size: 20px; 14606 font-weight: bold; 14607 letter-spacing: 1px; 14608 background: #00000061; 14609 padding: 5px 9px; 14610 /* width: 100%; */ 14611 border-radius: 0px 10px 0px 10px; 14612} 14613.five_grid .portfolio_img_wrapper { 14614 box-shadow: -1px 4px 9px 0px #00000029; 14615} 14616.five_grid .seller-info-wrapper a.seller-name { 14617 color: white; 14618 font-size: 14px; 14619 font-weight: bold; 14620} 14621.five_grid .seller-info-wrapper .gig-seller-tooltip { 14622 font-size: 10px; 14623} 14624.heading_text_center { 14625 text-align: center; 14626} 14627.bottom_subheading_text_center { 14628 text-align: center; 14629 margin-bottom: 20px; 14630 display: block; 14631} 14632#register-modal label { 14633 display: inline-block; 14634 margin-bottom: 0px; 14635} 14636.login.login_modal_cont { 14637 padding-right: 17px; 14638 position: fixed;
14639 overflow-y: scroll; 14640 width: 102%; 14641} 14642.top_portfolio_row { 14643 width: 100%; 14644 margin: 0 auto; 14645} 14646#massonry_border .brick .likeIcon { 14647 top: 40px; 14648 } 14649 #masterpieses.five_grid .seller-info-wrapper a.seller-name { 14650 color: #696868; 14651 font-size: 14px; 14652 font-weight: bold; 14653 } 14654 #masterpieses.five_grid .seller-info-wrapper .gig-seller-tooltip { 14655 color: #696868; 14656 } 14657 #masterpieses.five_grid .proposal-card-caption { 14658 position: relative; 14659 } 14660 #masterpieses.five_grid .likeIcon.float-right { 14661 position: absolute; 14662 bottom: 7px; 14663 right: 2%; 14664 } 14665 #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 { 14666 height: unset; 14667 overflow: unset; 14668 padding-top: 10px; 14669 font-weight: bold; 14670 color: #484848; 14671 } 14672 #masterpieses.five_grid .proposal-card-base.mp-proposal-card .proposal-card-footer { 14673 height: 32px; 14674 /*border-top: 1px solid #eee;*/ 14675 /* background:#62ffe2; */ 14676 float: left; 14677 width: 100%; 14678} 14679 #masterpieses.five_grid .proposal-card-base.mp-proposal-card .rating-badges-container { 14680 min-height: 25px; 14681 margin-top: 2px; 14682 padding-bottom: 7px; 14683} 14684.outer_masterpieces_cont.row { 14685 width: 100%; 14686 margin: 0 auto; 14687 padding-bottom: 2%; 14688} 14689 .outer_portfolio_cont.row { 14690 padding-bottom: 2%; 14691} 14692span.view_more { 14693 display: block; 14694 width: 100%; 14695 text-align: center; 14696 font-weight: bold; 14697 color: #556db4; 14698 font-size: 12px; 14699} 14700.main_modal_description span.view_more { 14701 display: inline; 14702} 14703 #masterpieses.five_grid .proposal-card-base.mp-proposal-card { 14704 overflow: hidden; 14705 position: relative; 14706 background-color: #fff; 14707 border: 0px solid #e5e5e5; 14708 width: 100%; 14709 box-shadow: 1px 1px 6px 0px #00000014; 14710 border-radius: 10px; 14711} 14712 #masterpieses.five_grid .likeIcon { 14713 border: 0px solid #556db4; 14714} 14715 #masterpieses.five_grid .likeIcon i { 14716 font-size: 18px; 14717 transform: translateY(-1px); 14718 margin-right: 4px; 14719} 14720#masterpieses.five_grid .proposal-card-base .proposal-price a { 14721 font-size: 16px; 14722 line-height: 20px; 14723 color: #555; 14724 font-weight: 900; 14725 padding: 10px 12px 0 0; 14726} 14727#masterpieses.five_grid.masonry.bordered .brick { 14728 margin-bottom: 10px; 14729 -webkit-transform: translateZ(0); 14730 -webkit-backface-visibility: hidden; 14731 -webkit-perspective: 1000; 14732} 14733 14734/*footer bottom fixed button*/ 14735.bottom_fixed { 14736 position: fixed; 14737 display: block; 14738 cursor: pointer; 14739 font-size: 20px; 14740 /* height: 60px; */ 14741 width: 47px; 14742 line-height: 60px; 14743 text-align: center; 14744 background: #28a475; 14745 background: linear-gradient(58deg, rgb(85 109 180 / 76%) 0%, rgb(0 0 0) 100%) !important; 14746 border-radius: 0; 14747 bottom: 20px; 14748 right: 20px; 14749 z-index: 9999; 14750 border-radius: 50px; 14751 padding: 1px; 14752 overflow-x: hidden; 14753 min-height: auto; 14754 transition: all .5s; 14755} 14756.bottom_fixed.active { 14757 width: 244px; 14758 transition: all .5s; 14759} 14760 14761.above_four.bottom_fixed.active { 14762 width: 243px; 14763 transition: all .5s; 14764} 14765.bottom_fixed_inner{ 14766 position: relative; 14767 display: inline-block; 14768 cursor: pointer; 14769 font-size: 20px; 14770 height: 45px; 14771 width: 45px; 14772 line-height: 60px; 14773 text-align: center; 14774 background: #047ec2; 14775 color: #fff; 14776 border-radius: 50%; 14777 z-index: 9999; 14778 float: right; 14779 margin-left: 10px; 14780} 14781.bottom_fixed_inner:nth-last-child(1){ 14782 position: absolute; 14783 right: 50px; 14784 transform: scale(1); 14785} 14786.bottom_fixed_inner:nth-last-child(2){ 14787 position: absolute; 14788 right: 99px; 14789} 14790.bottom_fixed_inner:nth-last-child(3){ 14791 position: absolute; 14792 right: 148px; 14793} 14794.bottom_fixed_inner:nth-last-child(4) { 14795 position: absolute; 14796 right: 197px; 14797 transform: scale(1); 14798} 14799.bottom_fixed_inner:nth-last-child(5){ 14800 position: absolute; 14801 right: 248px; 14802} 14803.envelope { 14804 14805 display: none; 14806} 14807.envelope .fa.fa-envelope { 14808 left: 13px; 14809 top: 12px; 14810} 14811.hashtag .fa.fa-hashtag { 14812 left: 13px; 14813 top: 12px; 14814} 14815/*.bottom_fixed_inner:nth-last-child(1){ 14816 margin-left:0px; 14817}*/ 14818/*.contact-button { 14819 display:none; 14820}*/ 14821.close-popup.active { 14822 display: block; 14823} 14824.bottom_fixed i { 14825 color: #fff; 14826 position: absolute; 14827 top: 13px; 14828 left: 15px; 14829 z-index: 2; 14830 transition: transform .2s ease 0s; 14831} 14832.open-popup { 14833 display: block!important; 14834} 14835.close-popup { 14836 display: none!important; 14837} 14838.bottom_fixed_inner.active .open-popup { 14839 display: none!important; 14840} 14841.bottom_fixed_inner.active .close-popup { 14842 display: block!important; 14843} 14844 14845.bottom_nav_for_filter { 14846 display: none; 14847} 14848.wraper_of_filter .card { 14849 border: 0px solid #E1E3DF!important; 14850} 14851.wraper_of_filter { 14852 background: #f3f3f3; 14853 padding: 10px; 14854 width: 100%; 14855 float: left; 14856} 14857.sidebar_wrapper_proposal { 14858 width: 100%; 14859 float: left; 14860 position: sticky; 14861 top: 50px; 14862} 14863.user-sidebar { 14864 width: 100%; 14865 float: left; 14866 position: sticky; 14867 top: 47px; 14868} 14869.user-sidebar.noannouncement { 14870 width: 100%; 14871 float: left; 14872 position: sticky; 14873 top: 0px; 14874} 14875.bottom_fixed_inner{ 14876 overflow: hidden!important; 14877 z-index: 2; 14878} 14879.bottom_fixed_inner:hover{ 14880 overflow: unset!important; 14881 z-index: 5; 14882} 14883.bottom_fixed_inner:hover span.toleft { 14884 position: absolute; 14885 width: 300px; 14886 height: 100%; 14887 background: #313332; 14888 right: 0; 14889 border-radius: 100px; 14890 /* transition: all .5s; */ 14891} 14892.bottom_fixed_inner span.toleft { 14893 position: absolute; 14894 width: 100%; 14895 height: 100%; 14896 background: #313332; 14897 right: 0; 14898 border-radius: 100px; 14899 /* transition: all .5s; */ 14900} 14901.bottom_fixed_inner:hover span.toleft p{ 14902 opacity: 1; 14903 transition: opacity .5s; 14904} 14905.bottom_fixed_inner span.toleft p{ 14906 opacity: 0; 14907 margin-right: 45px; 14908 font-size: 13px; 14909 line-height: 41px; 14910 float: right; 14911 transition: all .5s; 14912} 14913 14914 14915.bottom_fixed_inner:hover span.toright { 14916 position: absolute; 14917 width: 300px; 14918 height: 100%; 14919 background: #313332; 14920 left: 0; 14921 border-radius: 100px; 14922 /* transition: all .5s; */ 14923} 14924.bottom_fixed_inner span.toright { 14925 position: absolute; 14926 width: 100%; 14927 height: 100%; 14928 background: #313332; 14929 left: 0; 14930 border-radius: 100px; 14931 /* transition: all .5s; */ 14932} 14933.bottom_fixed_inner:hover span.toright p{ 14934 opacity: 1; 14935 color: white; 14936 transition: opacity .5s; 14937} 14938.bottom_fixed_inner span.toright p{ 14939 opacity: 0; 14940 color: white; 14941 margin-left: 45px; 14942 font-size: 13px; 14943 line-height: 41px; 14944 float: left; 14945 transition: all .5s; 14946} 14947/* massonry for proposal */ 14948.massonry_for_proposal a.imgsm{ 14949 display: block; 14950 height: 200px!important; 14951 width: 100%; 14952 position: relative; 14953 overflow: hidden; 14954} 14955.massonry_for_proposal .brick a.imgsm img.img-fluid{ 14956 max-width: 100%; 14957 height: 100%; 14958 display: block; 14959 margin: 0 auto; 14960 vertical-align: middle; 14961 z-index: 2; 14962 position: relative; 14963} 14964.for_background { 14965 height:unset!important; 14966 position: absolute; 14967 top: 0; 14968 width: 100%; 14969 filter: blur(7px) brightness(.9); 14970 z-index: 1; 14971} 14972#demo .carousel-item.active, .carousel-item-next, .carousel-item-prev { 14973 display: block; 14974 height: 85vh; 14975} 14976.slider_image { 14977 width: unset; 14978 height: 100%; 14979 margin: 0 auto; 14980 display: block; 14981 position: relative; 14982 z-index: 2; 14983 max-width: unset; 14984} 14985.modal-content .modal_close { 14986 float: right; 14987 display: block; 14988 text-align: right; 14989 font-size: 32px; 14990 position: absolute; 14991 top: 2px; 14992 right: 36px; 14993 z-index: 999; 14994 cursor: pointer; 14995} 14996body.is-responsive { 14997 padding-right: 0px!important; 14998} 14999.h5.text-success i { 15000 font-size: 14px; 15001} 15002.h5.text-success.collapsed i { 15003 15004} 15005.inner_row .col-md-7.image_cont { 15006 padding: 0; 15007 height: 100vh; 15008 position: relative; 15009 overflow: hidden; 15010} 15011.for_background_slider { 15012 position: absolute; 15013 top: 0; 15014 left: 0; 15015 width: 100%; 15016 z-index: 1; 15017 opacity: .7; 15018 filter: blur(5px); 15019} 15020 15021.card.seller-bio.mb-3.rounded-0 { 15022 position: sticky; 15023 top: 57px; 15024 border: 0; 15025} 15026.sidebar_wrapper_proposal .card.mb-5.rounded-0 { 15027 width: 100%; 15028 float: left; 15029/* position: sticky; 15030 top: 50px; 15031 z-index: 999; */ 15032} 15033.dropdown.user-menu .rounded-circle { 15034 width: unset; 15035 margin-right: 9px; 15036} 15037#filter_portfolio .wraper_of_filter .card-body.pb-2.pt-3{ 15038 padding: 10px; 15039} 15040#filter_portfolio .card-header{ 15041 border: none; 15042} 15043.sidebar_wrapper_proposal .card.mb-5.rounded-0 { 15044/* width: 100%; 15045 float: left; 15046 position: sticky; 15047 top: 50px; 15048 z-index: 999; */ 15049} 15050 15051.inner_card_body_sidebar { 15052 width: 100%; 15053 background: #fbfbfb; 15054 padding: 10px 14px; 15055 margin-bottom: 10px; 15056 border-radius: 10px; 15057 box-shadow: 1px 1px 3px 0px #0000001f; 15058} 15059.for_portfolio_card_body { 15060 padding: 0px; 15061 border: none; 15062} 15063.for_portfolio_card_body_outer { 15064 border: none!important; 15065} 15066.text-success.button_readmore{ 15067 background: #313332; 15068 padding: 7px 13px; 15069 border-radius: 5px; 15070 color: white!important; 15071 margin-top: 20px; 15072 display: inline-block; 15073 margin: 0 auto; 15074} 15075.text-success.button_readmore { 15076 display: none; 15077} 15078 15079.total_likes { 15080 float: right; 15081 margin-left: 0px; 15082 font-size: 14px; 15083 color: #4d4f50; 15084 transform: translateY(-1px); 15085} 15086#massonry_border .likeIcon i { 15087 font-size: 16px; 15088 transform: translateY(0px); 15089 margin-right: 4px; 15090 /* color: #99c4dc !important; */ 15091} 15092.ovarlay_video_pop { 15093 position: fixed; 15094 top: 46px; 15095 left: 0; 15096 right: 0; 15097 background: white; 15098 bottom: 0; 15099 height: 100%; 15100 z-index: 999; 15101 overflow: auto; 15102 display: none 15103} 15104.ovarlay_video_pop #popup_video{ 15105 height: 100vh; 15106 display: block; 15107 width: 100%; 15108 max-width: 900px; 15109 margin: 0 auto; 15110} 15111.inner_ovarlay_video_pop .col-md-7 { 15112 padding: 0; 15113 height: 100vh; 15114 position: relative; 15115 padding-left: 0px; 15116 padding-right: 0px; 15117 overflow: hidden; 15118 padding-left: 0px!important; 15119 padding-right:0px!important; 15120} 15121.inner_ovarlay_video_pop { 15122 max-width: 1200px; 15123 width: 100%; 15124 border-radius: 46px; 15125 border: none; 15126 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 15127 margin: 0 auto; 15128 margin-top: 1.5%; 15129 /* margin-bottom: 10%; */ 15130 background: white; 15131 overflow: hidden; 15132 height: 84vh; 15133} 15134.ovarlay_video_pop h4 {
15135 font-size: 35px; 15136 font-weight: 700; 15137 color: #556db4; 15138 margin-top: 0; 15139} 15140/* .main_modal_description { 15141 font-size: 15px; 15142 font-weight: 500; 15143 letter-spacing: 1px; 15144 font-family: 'Josefin Sans', sans-serif!important; 15145} */ 15146.inner_ovarlay_video_pop .col-md-5 { 15147 padding: 70px 30px 20px; 15148} 15149.view_more.wrap_text{ 15150 display: inline 15151} 15152.ovarlay_video_pop .close { 15153 position: absolute; 15154 top: 0; 15155 right: 28px; 15156 z-index: 4; 15157 font-size: 50px; 15158 color: #556db4; 15159 opacity: 1; 15160} 15161.over_video_pop_desc { 15162 position: absolute; 15163 left: 0; 15164 top: 0; 15165 width: 100%; 15166 height: 100%; 15167 background: white; 15168 padding: 50px 27px 0px; 15169 display: none; 15170} 15171.for_vid_cont{ 15172 position: relative; 15173 display: block; 15174 width: 100%; 15175 float: left: 15176} 15177.show-fullscreen.for_vid_cont { 15178 display: block; 15179} 15180.video_portfolio_inner .proposal-card-base .proposal-seller-info{ 15181 display: none; 15182} 15183/* .video_portfolio_inner .for_vid_cont iframe{ 15184 position: relative; 15185 z-index: 1; 15186} */ 15187.video_portfolio_inner .proposal-card-base.mp-proposal-card { 15188 border: 0px solid #e5e5e5; 15189} 15190.video_overla_for_pop_tri { 15191 position: absolute; 15192 top: 0; 15193 left: 0; 15194 width: 100%; 15195 height: 100%; 15196 background:transparent; 15197 z-index: 2; 15198 cursor: pointer; 15199} 15200.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 { 15201 padding-bottom: 7rem!important; 15202} 15203 15204 15205/* .portfolio_img_wrapper:before { 15206 position: absolute; 15207 content: ''; 15208 top: 0; 15209 right: 0; 15210 bottom:0; 15211 left: 0; 15212 width: 100%; 15213 height: 100%; 15214 background: red; 15215 box-shadow: -1px 4px 9px 0px #00000029; 15216} */ 15217.favoriteIcon { 15218 position: absolute; 15219 z-index: 99; 15220 right: 8px; 15221 top: 10px; 15222} 15223.imgsm_cont { 15224 position: relative; 15225 min-height: 100px; 15226 overflow: hidden; 15227} 15228.imgsm_cont .proposal-seller-info{ 15229 position: absolute; 15230 left: 0; 15231 bottom: 0; 15232 background: red; 15233 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%); 15234 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 15235 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 15236 z-index: 99; 15237 height: 45px; 15238 width: 100%; 15239 padding-bottom: 10px; 15240} 15241.brick .imgsm_cont .proposal-seller-info { 15242 bottom: -100px; 15243 transition: all .5s; 15244} 15245.brick:hover .imgsm_cont .proposal-seller-info { 15246 bottom: 0; 15247 transition: all .5s; 15248} 15249.masterpieces_cont .gig-seller-tooltip { 15250 color: white!important; 15251} 15252.masterpieces_cont .seller-info-wrapper a{ 15253 color: white!important; 15254} 15255input.prop_img { 15256 width: 100%; 15257 height: unset; 15258} 15259.row.inner_input_select { 15260 padding: 0px; 15261 width: 100%; 15262 margin: 0 auto; 15263} 15264.inner_input_select .iner_input_image { 15265 margin-top: 0; 15266 padding: 3px!important; 15267 padding-bottom: 0px!important; 15268} 15269.inner_cart_prop_row { 15270 min-height: 70px; 15271} 15272.cart-proposal { 15273 float: left; 15274} 15275 15276.cart-proposal.col-md-6:nth-child(odd) { 15277 border-right: 0px solid #ccc; 15278} 15279.cart-proposal hr { 15280 border-top: 2px solid #e0e0e0; 15281 margin-right:0px; 15282 margin-left: 0px; 15283 width: 100%; 15284 display: block; 15285 float: right; 15286} 15287.quantity_heading { 15288 width: 50%; 15289 display: inline-block; 15290} 15291.quantity_inner { 15292 display: inline-block; 15293 width: 45%; 15294} 15295.quantity_inner_price { 15296 font-weight: bold; 15297 width: 100%; 15298 float: left; 15299 display: block; 15300 text-align: center; 15301 margin-top: 10px; 15302 margin-left: 16px; 15303 15304} 15305.cart-proposal_inner hr { 15306 margin: 5px auto; 15307} 15308button.calc_button{ 15309 float: right; 15310 display: block; 15311 border: none; 15312 font-size: 18px; 15313 line-height: 1; 15314 width: 30px; 15315 height: 30px; 15316 background: none; 15317 color: #f1f1f1; 15318 background: #556db4; 15319 border-radius: 100px; 15320 margin: 1px 5px; 15321 cursor: pointer; 15322} 15323.calc_button.plus_button { 15324 margin-right: 0; 15325} 15326.ui-toolkit .card { 15327 border-radius: 3px; 15328 border: 1px solid #E1E3DF; 15329 border-bottom-color: #CBCCC9; 15330 width: 100%; 15331 margin: 0 auto; 15332} 15333.cart-proposal input.quantity { 15334 border: none; 15335 border-bottom: 1px solid #556db487; 15336 border-radius: 0px; 15337 transition: all .5s; 15338 background: #fbfbfb; 15339} 15340.cart-proposal input.quantity:focus { 15341 border: none; 15342 border-bottom: 1px solid #556db4f7; 15343 border-radius: 0px; 15344 transition: all .5s; 15345} 15346.cart-proposal.col-md-6 { 15347 padding-left: 6px!important; 15348 padding-right: 6px!important; 15349} 15350.cart-proposal_inner { 15351 float: left; 15352 width: 100%; 15353 background: #fbfbfb; 15354 margin-bottom: 10px; 15355 padding: 10px; 15356 border-radius: 10px; 15357 box-shadow: 1px 1px 4px 0px #0000001f; 15358 padding-bottom: 5px; 15359} 15360#cart-show .col-md-7 .card-body { 15361 padding: .5rem .3rem; 15362 border: none!important; 15363 background: #fbfbfb; 15364} 15365#cart-show .col-md-7 .card { 15366 border: none; 15367} 15368.card-body h3.total_price { 15369 text-align: center; 15370 margin: 1% auto; 15371 font-weight: bold; 15372 margin-right: 8px; 15373} 15374.share_rupee_cont { 15375 position: relative 15376} 15377.rupee_icon { 15378 position: absolute; 15379 transform: scale(.8); 15380 top: -5px; 15381 left: 15px; 15382 z-index: 1; 15383 animation: blink 1s linear infinite; 15384} 15385 15386@keyframes blink { 15387 0%{ 15388 opacity: 0; 15389 } 15390 50%{ 15391 opacity: .5; 15392 } 15393 100%{ 15394 opacity: 1; 15395 } 15396} 15397.share_rupee_cont .menuItem { 15398 position: relative 15399} 15400.close_support_fixed_popup { 15401 position: absolute; 15402 top: 5px; 15403 right: 4px; 15404 z-index: 9;
15405 /* width: 20px; */ 15406 height: 20px; 15407 border: none; 15408 box-shadow: none; 15409 font-size: 20px; 15410 color: #1d1c1c; 15411} 15412.shareearn_menu { 15413 position: absolute; 15414 width: 200px; 15415 top: 65px; 15416 left: 0; 15417 background: #fff; 15418 height: unset; 15419 padding: 9px 10px; 15420 border: 1px solid #ccc; 15421 z-index: 9; 15422 display: none; 15423} 15424.shareearn_menu ul.share_ref_dd_cont { 15425 list-style: none; 15426 padding-left: 0; 15427} 15428.shareearn_menu ul.share_ref_dd_cont li { 15429 font-weight: 400; 15430 color: #212529; 15431 font-size: 18px; 15432} 15433.shareearn_menu ul.share_ref_dd_cont li { 15434 font-weight: bold; 15435 color: #212529; 15436 font-size: 14px; 15437 cursor: pointer; 15438 margin-bottom: 9px; 15439} 15440span.inner_proposal_ref_dd { 15441 width: 100%; 15442 display: block; 15443 background: #f7f7f7; 15444 padding: 7px; 15445 border-radius: 7px; 15446 padding-bottom: 13px; 15447 float: left; 15448 margin-top: 7px; 15449 margin-bottom: 7px; 15450} 15451.ref_code { 15452 width: 100%; 15453 text-overflow: ellipsis; 15454 white-space: nowrap; 15455 overflow: hidden; 15456 font-size: 12px; 15457 padding: 5px; 15458 border: none; 15459 border-radius: 5px; 15460 background: #556db4; 15461 color: white; 15462 display: inline-block; 15463 transition: all .5s; 15464} 15465.ref_code:focus{ 15466 background: black; 15467 transition: all .5s; 15468} 15469.Secondery_heading { 15470 font-size: 13px; 15471 margin-bottom: 2px; 15472 margin-bottom: 11px; 15473} 15474#copy_r { 15475 width: 29px; 15476 height: 26px; 15477 display: inline-block; 15478 background: #3f3f40; 15479 text-align: center; 15480 color: white; 15481 border-radius: 6px; 15482 padding-top: 2px; 15483 transform: translateY(-1px); 15484 15485} 15486#copy_r1 { 15487 width: 29px; 15488 height: 29px; 15489 display: inline-block; 15490 background: #3f3f40; 15491 text-align: center; 15492 color: white; 15493 border-radius: 6px; 15494 padding-top: 2px; 15495} 15496.shareearn_menu ul.share_ref_dd_cont li b{ 15497 transform: rotate(184deg); 15498 display: inline-block; 15499 margin-left: 7px; 15500 font-size: 17px; 15501} 15502#announcement_bar { 15503 height: 49px; 15504} 15505#announcement_bar.add_announcement { 15506 animation: height_increase .5s linear forwards; 15507 /* background: #000000e3!important; */ 15508 background: #DCE35B!important; ; /* fallback for old browsers */ 15509 background: -webkit-linear-gradient(to right, #45B649, #DCE35B)!important; ; /* Chrome 10-25, Safari 5.1-6 */ 15510 background: linear-gradient(to right, #45B649, #DCE35B)!important; ; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 15511 15512 15513} 15514@keyframes height_increase { 15515 0%{ 15516 height: 49px; 15517 background: #2ca35b; 15518 15519 } 15520 100%{ 15521 height: 100%; 15522 15523 } 15524} 15525.close_fullscreen { 15526 font-size: 26px; 15527 position: absolute; 15528 top: 1px; 15529 right: 25px; 15530 display: none 15531} 15532div#st-1.ref_for_share { 15533 opacity: 1; 15534 position: relative; 15535 top: 0; 15536 height: 100%; 15537 width: 100%; 15538 background: #ffffff05; 15539 left: 0; 15540 display: block; 15541 text-align: left; 15542 margin-top: 10px; 15543} 15544div#st-1.ref_for_share div.st-btn{ 15545 display: inline-block!important; 15546 -moz-box-sizing: border-box; 15547 -webkit-box-sizing: border-box; 15548 box-sizing: border-box; 15549 -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; 15550 -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; 15551 -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; 15552 -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; 15553 transition: opacity 0.2s ease-in, top 0.2s ease-in; 15554 -moz-border-radius: 4px; 15555 -webkit-border-radius: 4px; 15556 border-radius: 4px; 15557 border: none; 15558 cursor: pointer; 15559 font-size: 11px; 15560 height: 29px; 15561 line-height: 32px; 15562 margin-right: 8px; 15563 padding: 0 8px!important; 15564 position: relative; 15565 text-align: center; 15566 top: 0; 15567 vertical-align: top; 15568 white-space: nowrap; 15569 width: 29px; 15570 margin: 6px; 15571} 15572#copy_r1 i { 15573 transform: translate(0px); 15574 font-size: 15px; 15575} 15576#st-1.ref_for_share .st-btn > img { 15577 display: inline-block; 15578 height: 19px!important; 15579 width: 17px; 15580 position: relative; 15581 top: 5px; 15582 left: -2px; 15583 vertical-align: top; 15584 left: -1px; 15585 top: 5.4px !important; 15586} 15587.proposal-info .st-inline-share-buttons div{ 15588 opacity: 0!important; 15589} 15590.proposal-info .st-inline-share-buttons.active div{ 15591 opacity: 1!important; 15592} 15593.ref_for_share .close_share { 15594 display: none!important; 15595} 15596.ref_for_share .close_share.annotghr { 15597 display:block!important; 15598 cursor: pointer; 15599} 15600.row.anoounsment_details_inner { 15601 width: 100%; 15602 margin: 10% auto; 15603 display: none; 15604} 15605.announcement_vid { 15606 width: 100%; 15607 min-height: 200px; 15608 border: none; 15609} 15610.vid_text_cont h3 { 15611 color: black; 15612 text-align: left; 15613 font-size: 18px; 15614 font-weight: bold; 15615 height: 50px; 15616} 15617.vid_text_cont p { 15618 color: black; 15619 text-align: left; 15620 font-size: 14px; 15621 font-weight: 300; 15622 width: 100%; 15623 margin-top: 10px; 15624 letter-spacing: 1px; 15625} 15626.readmore_tri { 15627 padding: 2px 10px 5px; 15628 background: black; 15629 border-radius: 5px; 15630 cursor: pointer; 15631 font-size: 12px; 15632} 15633.vid_text_cont { 15634 padding-top: 2%; 15635} 15636#st-el-2 .st-close > img { 15637 height: 27px; 15638 width: 37px; 15639 transform: translateY(-1px); 15640} 15641#announcement_bar_margin { 15642 margin-bottom: 48.9931px!important; 15643} 15644/* .vid_text_cont b { 15645 color: #fbff00; 15646} */ 15647.for_dd_ref_cont .menuItem { 15648 height: auto; 15649 margin-top: 23px; 15650 margin-right: 18px; 15651 display: block; 15652 float: left; 15653 padding: 8px; 15654 line-height: 16px; 15655 font-size: 14px; 15656 border-radius: 3px; 15657} 15658.popup-support-wrap { 15659 z-index: 1000!important; 15660} 15661 15662/* filter start */ 15663 15664.filter_wrapper .filter_result:nth-child(even) { 15665 background-color: #ffffff; 15666} 15667 15668.filter_wrapper .input_filter { 15669 width: 100%; 15670 margin: 0 auto; 15671 padding: 12px 20px; 15672 border-radius: 10px; 15673 border: 1px solid #4d4d4d61; 15674} 15675.filter_wrapper .input_filter:focus{ 15676 outline: none; 15677} 15678.filter_wrapper .filter_result_cont_outer { 15679 position: relative; 15680 width: 100%; 15681 /* background: #ccc; */ 15682 padding: 0; 15683} 15684 15685.filter_wrapper #filter_cont { 15686 position: absolute; 15687 top: 52px; 15688 left: 0; 15689 width: 100%; 15690 height: auto; 15691 z-index: 3; 15692 background: red; 15693} 15694 15695.filter_wrapper .filter_result_cont { 15696 width: 100%; 15697 margin: 0 auto; 15698 /* background: green; */ 15699 box-shadow: 0px 0px 14px 0px #0000001f; 15700} 15701 15702.filter_wrapper .filter_result { 15703 width: 100%; 15704 background: #fcfcfc; 15705 padding: 14px 10px; 15706 font-size: 15px; 15707 cursor: pointer; 15708} 15709.filter_wrapper .filter_result_hide { 15710 display: none; 15711} 15712.filter_wrapper .filter_cont { 15713 display: none; 15714} 15715.filter_wrapper .Chips { 15716 position: relative; 15717 display: inline-block; 15718 padding: 7px 17px 7px 29px; 15719 background: #4d4d4d; 15720 border-radius: 25px; 15721 color: white; 15722 margin: 15px 10px; 15723} 15724.inner_span_chips { 15725 position: absolute; 15726 left: -8px; 15727 top: 0; 15728 width: 33px; 15729 height: 33px; 15730 background: #4d4d4d; 15731 border-radius: 100px; 15732 padding: 3px 5px 5px 5px; 15733 border: 2px solid #f6f6f6; 15734} 15735.filter_wrapper .chips_cont { 15736 margin-top: 14px; 15737 background: #f6f6f6; 15738/* padding-top: 10px; 15739 padding-bottom: 10px; */ 15740 border-radius: 7px; 15741 /* display: none; */ 15742} 15743.filter_wrapper .redirect_cont { 15744 position: relative; 15745} 15746.filter_wrapper .redirect_cont .or{ 15747 position: absolute; 15748 width: 88px; 15749 height: 88px; 15750 background: black; 15751 color: white; 15752 display: grid; 15753 font-size: 24px; 15754 border-radius: 100px; 15755 font-weight: bold; 15756 bottom: calc(0% - 50px); 15757 left: calc(50% - 50px); 15758 z-index: 2; 15759 transform: rotate(-13deg) scale(.8); 15760} 15761.filter_wrapper .or span{ 15762 margin: auto; 15763 width: 65px; 15764 height: 65px; 15765 /* background: red; */ 15766 padding: 15px 10px; 15767 border-radius: 100px; 15768 border: 2px dashed; 15769 text-align: center; 15770} 15771.filter_wrapper .Chips span.closeChips { 15772 position: absolute; 15773 top: -7px; 15774 right: -1px; 15775 background: #556db4; 15776 padding: 6px 4px 11px; 15777 line-height: 0; 15778 font-size: 19px; 15779 border-radius: 100px; 15780 color: white; 15781 cursor: pointer; 15782} 15783.inner_span_chips img { 15784 width: 100%; 15785 filter: brightness(100); 15786} 15787.filter_wrapper h2.filter_span { 15788 padding-bottom: 12px; 15789 font-size: 43px; 15790 font-family: 'Montserrat', sans-serif; 15791 font-weight: bold; 15792 color: #556db4; 15793 text-align: left; 15794} 15795.filter_wrapper .submit_hobbies { 15796 display: block; 15797 margin: 30px auto; 15798 padding: 8px 43px 10px; 15799 border: none; 15800 background: #556db4; 15801 background: #4d4d4d; 15802 border-radius: 5px; 15803 font-weight: 500; 15804 color: white; 15805 letter-spacing: 1px; 15806 font-size: 18px; 15807} 15808.filter_wrapper .inner_redirect_cont button { 15809 display: block; 15810 margin: 15px 0px; 15811 padding: 6px 24px; 15812 border: none; 15813 background: #556db4; 15814 border-radius: 5px; 15815 font-weight: 500; 15816 color: white; 15817 letter-spacing: 1px; 15818 font-size: 14px; 15819 font-weight: bold; 15820 text-transform: uppercase; 15821} 15822.filter_wrapper .inner_redirect_cont h2 { 15823 font-size: 21px; 15824 font-weight: bold; 15825} 15826 15827.filter_wrapper .row.redirect_cont { 15828 background: #fafafa; 15829 padding-top: 30px; 15830 border-radius: 16px; 15831 padding: 10px 10px 0px 10px; 15832 margin-bottom: 26px; 15833 padding-bottom: 30px; 15834} 15835.filter_wrapper .check_out_cont h2 { 15836 font-weight: bold; 15837 text-align:center; 15838 color: #556db4; 15839 font-family: 'Montserrat', sans-serif; 15840 display: block; 15841 width: 100%; 15842 margin-top: 22px; 15843} 15844.filter_wrapper .check_out_cont p { 15845 text-align: center; 15846 width: 100%; 15847 /* max-width: 360px; */ 15848 display: block; 15849 margin: 0 auto; 15850 font-size: 14px; 15851 font-family: 'Montserrat', sans-serif; 15852 font-weight: 300; 15853} 15854.filter_wrapper .check_out_cont button { 15855 font-weight: 700; 15856 padding: 6px 20px 8px; 15857 border: none; 15858 display: block; 15859 margin: 0 auto; 15860 margin-top: 30px; 15861 background: #556db4; 15862 color: white; 15863 text-transform: uppercase; 15864 /* font-weight: bold; */ 15865 border-radius: 7px; 15866 font-family: 'Montserrat', sans-serif; 15867} 15868.filter_wrapper .inner_redirect_cont h3 { 15869 font-family: 'Montserrat', sans-serif; 15870 font-size: 20px; 15871 font-weight: 800; 15872 color: #556db4; 15873 letter-spacing: 1px; 15874 margin-top: 20px; 15875} 15876.filter_wrapper .inner_redirect_cont p { 15877 font-family: 'Montserrat', sans-serif; 15878 font-weight: 300; 15879 text-align: left; 15880 width: 85%; 15881 font-weight: 300; 15882 font-size: 15px; 15883} 15884.filter_wrapper .inner_redirect_cont button { 15885 font-family: 'Montserrat', sans-serif; 15886} 15887.filter_wrapper .filter_result.selected { 15888 display: none!important; 15889} 15890 .filter_wrapper{ 15891 position: fixed; 15892 width: 102%; 15893 height: 100%; 15894 overflow: auto; 15895 z-index: 999; 15896 top: 100%; 15897 background: white; 15898 padding-top: 100px; 15899 opacity: 0; 15900 transition: all .8s; 15901} 15902.filter_wrapper.active { 15903 top: 0%; 15904 opacity:1; 15905 transition: all .8s; 15906} 15907.filter_wrapper .container { 15908 max-width: 1171px !important; 15909} 15910/* filter end */ 15911 15912/*cart new start*/ 15913.quantity_inner { 15914 display: inline-block; 15915 width: 45%; 15916 max-width: 128px; 15917} 15918.quantity_inner_price { 15919 text-align: center; 15920 display: block; 15921 width: 100%; 15922 margin: 9px auto 0px; 15923} 15924.text-success.make-black { 15925 font-size: 23px; 15926 margin-top: 13px; 15927} 15928 15929.cart-proposal_inner { 15930 background: #ffffff; 15931 margin-bottom: 17px; 15932} 15933#cart-show .col-md-7 .card-body { 15934 padding: 1.5rem .3rem; 15935} 15936.quantity_heading { 15937 margin-top: 21px; 15938 display: inline-block; 15939 margin-top: 21px; 15940 font-size: 15px; 15941 font-weight: 300; 15942} 15943.cart-proposal input.quantity { 15944 background: #ffffff; 15945} 15946/*cart new end*/ 15947/* media start */ 15948@media only screen and (min-width: 768px) and (max-width: 1023px) { 15949 .masonry { 15950 column-count: 2; 15951 } 15952 15953} 15954 15955/* Masonry on big screens */ 15956@media only screen and (min-width: 1024px) { 15957 .desc { 15958 font-size: 1.25em; 15959 } 15960 15961 .intro { 15962 letter-spacing: 1px; 15963 } 15964 15965 .masonry { 15966 column-count: 3; 15967 } 15968 .masonry.bordered.five_grid { 15969 column-count: 5; 15970 } 15971 .masonry.bordered.five_grid.for_fourgrid { 15972 column-count: 4; 15973 } 15974 .masonry.bordered.five_grid.three_grid { 15975 column-count:3; 15976 } 15977} 15978.user_proposal_cont { 15979 width: 100%; 15980 margin: 0 auto; 15981} 15982@media only screen and (max-width: 768px) and (min-width: 300px) { 15983 .filter_wrapper .container { 15984 max-width: 100% !important; 15985 } 15986 .filter_wrapper .check_out_cont p{ 15987 width: 90%; 15988 } 15989 .filter_wrapper .check_out_cont h2 { 15990 font-size: 20px; 15991 } 15992 .filter_wrapper h2.filter_span { 15993 padding-bottom: 1px; 15994 font-size: 26px; 15995 } 15996 15997 .filter_wrapper .input_filter{ 15998 border: 1px solid #4d4d4d5e; 15999 } 16000 .filter_wrapper { 16001 padding-top: 61px; 16002 } 16003 .filter_wrapper .row.redirect_cont{ 16004 border-radius: 0; 16005 } 16006 .for_background_slider { 16007 display: none; 16008 } 16009 #massonry_border .brick .likeIcon { 16010 top: 33px; 16011 } 16012 a.btn.btn-lg.btn-block.btn-success.rounded-0 { 16013 float: left; 16014 width: 48%; 16015 margin: 0; 16016 margin: 1%; 16017 } 16018 16019.masonry { 16020 column-count: 2; 16021} 16022.masonry.bordered { 16023 /*column-rule: 1px solid #eee;*/ 16024 column-gap: 19px; 16025 /* padding: 20px;*/ 16026} 16027.masonry.bordered .brick { 16028 padding-bottom: 3px; 16029 margin-bottom: 0px; 16030} 16031#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img { 16032 height: auto; 16033 width: 100%!important; 16034} 16035.modal-content { 16036 border-radius: 0px; 16037 margin-top: 0px; 16038 margin-bottom: 0px; 16039} 16040.modal-dialog { 16041 margin: 0px auto; 16042} 16043.modal_inner .col-md-5.text_cont_modal { 16044 padding-top: 10px; 16045 padding-left: 20px; 16046 padding-right: 20px; 16047} 16048.input-group-lg.mb-2.text-left h4 { 16049 font-size: 20px; 16050 font-weight: 900; 16051 color: #494949; 16052 margin-top: 0; 16053 margin-top: 22px; 16054} 16055.contact-button { 16056 transform: scale(.8); 16057} 16058.support-que { 16059 transform: scale(.8); 16060} 16061.proposal-link-main{ 16062 position: relative; 16063 float: left; 16064 width: 100%; 16065 /*background: red;*/ 16066} 16067.likeIcon.float-right { 16068 position: absolute; 16069 top: 34px; 16070 right: 0; 16071 width: auto; 16072 /*background: blue;*/ 16073} 16074.modal-content { 16075 box-shadow: unset; 16076} 16077.card-body { 16078 /*background: #f7f7f7;*/ 16079 border: 0px; 16080 border-radius: 14px; 16081} 16082.ui-toolkit .card { 16083 border-radius: 3px; 16084 border: 0px solid #E1E3DF; 16085 } 16086 16087#demo { 16088 max-width: 1200px; 16089 width: 100%; 16090 border-radius: 0px; 16091 overflow: hidden; 16092 border: none; 16093 box-shadow:unset; 16094 margin: 0 auto; 16095 margin-top: 0%; 16096 margin-bottom: 0%; 16097} 16098#image-modal { 16099 padding-right: 0px; 16100} 16101.carousel_control_button.carousel-control-next { 16102 right: 22px; 16103} 16104.inner_row .col-md-5.text_cont { 16105 padding: 20px 14px 14px; 16106} 16107.carousel_control_button { 16108 position: fixed; 16109} 16110.overlay_comments , .overlay_div_desc_outer { 16111 position: fixed; 16112 padding-bottom: 100px; 16113} 16114.overlay_comments.active , .overlay_div_desc_outer.active { 16115 transition: all .5s; 16116 top: 10%; 16117} 16118.comments_inner h5 { 16119 font-size: 16px; 16120 font-weight: 700; 16121 letter-spacing: 0px; 16122 color: #8e8e8e; 16123 margin-top: 10px; 16124 margin-bottom: 11px; 16125} 16126#st-1.st-animated { 16127 display: none; 16128} 16129.mobile-portfolio-title.mb-2 { 16130 margin-top: 5%; 16131 margin-bottom: 100px; 16132 float: left; 16133 width: 100%; 16134 /* background: red; */ 16135 padding-bottom: 18px; 16136 text-align: left; 16137 padding-left: 10px; 16138} 16139 16140.mobile-portfolio-title.mb-2 h3 { 16141 font-weight: 900; 16142 color: #706d6d; 16143} 16144.carousel_control_button { 16145 width: 40px; 16146 height: 40px; 16147 background: red; 16148} 16149.carousel_control_button.carousel-control-prev { 16150 top: 45%; 16151} 16152.carousel_control_button.carousel-control-next { 16153 top: 45%; 16154} 16155.like_comments_cont .no_rl_paadding { 16156 padding-left: 0!important; 16157 padding-right: 0!important; 16158 min-height: 400px; 16159} 16160 16161.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4 { 16162 position: fixed; 16163 top: 101%; 16164 left: 0; 16165 width: 100%; 16166 height: 100%; 16167 z-index: 2; 16168 z-index: 1000; 16169 transition:all .5s; 16170} 16171.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4.active { 16172 position: fixed; 16173 top: 0%; 16174 left: 0; 16175 width: 100%; 16176 height: 100%; 16177 z-index: 1000; 16178 transition:all .5s; 16179} 16180.user_sedebar_trigger { 16181 position: fixed; 16182 bottom: 0; 16183 z-index: 3; 16184 width: 100%; 16185 padding: 10px; 16186 background: #047ec2; 16187 color: white; 16188 font-weight: 800; 16189 display: block; 16190 z-index: 1001; 16191} 16192.user_portfolio .row:nth-child(1) .card-body h2.pull-left , .user_portfolio .row:nth-child(1) .card-body .pull-right { 16193 width: 100%; 16194 text-align: center; 16195 font-weight: 900; 16196 color: #545454; 16197} 16198.user_portfolio .row:nth-child(1) .card-body .float-rig
16198ht { 16199 float: none!important 16200} 16201.user_portfolio .row:nth-child(1) .card.mt-4 .float-right.btn.btn-success { 16202 /* background: transparent!important; */ 16203 color: black; 16204 border-bottom: 1px solid #ec5fea6b; 16205 border-radius: 0; 16206 display: none; 16207} 16208.user_portfolio .row:nth-child(2) h2.pull-left{ 16209 font-size: 19px; 16210 width: 70%; 16211} 16212.user_portfolio .row:nth-child(2) .card-body{ 16213 padding:0; 16214} 16215.user_portfolio .row:nth-child(2){ 16216 margin-top: 30px!important; 16217} 16218.user_portfolio .row:nth-child(2) #massonry_border { 16219 margin-top: 22px; 16220} 16221.user-header .profile-image img { 16222 width: 70px; 16223 height: 70px; 16224} 16225.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 { 16226 padding: 20px!important; 16227} 16228.col-md-12.user-status ul { 16229 padding: 0; 16230 margin-bottom: 0px; 16231} 16232.user-status ul li { 16233 padding-right: 30px; 16234 display: inline-block; 16235 font-size: 14px; 16236 margin-top: 10px; 16237} 16238.user_portfolio .row:nth-child(3) h2.pull-left{ 16239 width: 100%; 16240 text-align: center; 16241 font-weight: 900; 16242 color: #545454; 16243} 16244.user_portfolio .row:nth-child(3) .card-body .pull-right { 16245 width: 100%; 16246 display: block; 16247 float: left; 16248 text-align: center; 16249} 16250.user_portfolio .row:nth-child(3) .card-body .loat-right { 16251 float: none!important; 16252} 16253.user_portfolio .row:nth-child(3) .card-body .float-right.btn.btn-success { 16254 float: none!important; 16255 float: none!important; 16256 background: transparent!important; 16257 border: none; 16258 border-bottom: 1px solid #ec5fea6b; 16259 border-radius: 0; 16260 color:black; 16261 display: none; 16262} 16263.user_portfolio .row h2.pull-left { 16264 width: 100%; 16265 text-align: center; 16266 font-weight: 900; 16267 color: #545454; 16268 font-size: 24px; 16269} 16270.text-center.mb-5.p-2 { 16271 font-size: 12px; 16272} 16273h3.text-center.mb-5.p-2 { 16274 margin-bottom: 0px!important; 16275} 16276.user_portfolio .row.mt-3 .col-lg-4.col-md-6.col-sm-6.mb-3{ 16277 width: 100%; 16278} 16279.text-center.mb-5.p-2 { 16280 font-size: 17px; 16281 text-align: center!important; 16282} 16283.login_image_outer{ 16284 display:none; 16285} 16286/*.login.login_modal_cont .modal-content { 16287 border-radius: 0px 10px 10px 0px; 16288 overflow: hidden; 16289 border: none; 16290 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 16291 margin-top: 0%; 16292 margin-bottom: 0%; 16293 padding: 20px; 16294 position: fixed; 16295 top: 13%; 16296 height: 100%; 16297}*/ 16298.login.login_modal_cont .modal-content { 16299 border-radius: 0px 10px 10px 0px; 16300 overflow: hidden; 16301 border: none; 16302 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; 16303 margin-top: 0%; 16304 margin-bottom: 0%; 16305 padding: 20px; 16306 position: fixed; 16307 height: 100vh; 16308 border-radius: 0; 16309 overflow-y: scroll; 16310} 16311.login { 16312 overflow-y:scroll; 16313} 16314.login.login_modal_cont { 16315 padding-right: 0px; 16316} 16317.login.login_modal_cont { 16318 padding-right: 0px; 16319 position: fixed; 16320 overflow-y: scroll; 16321 width: 102%; 16322} 16323.modal_close { 16324 font-size: 33px; 16325 text-align: right; 16326 position: absolute; 16327 right: 3px; 16328 top: -9px; 16329 padding: 10px 20px; 16330 z-index: 5; 16331} 16332.is-responsive .gnav-header .register-link a, .is-responsive .gnav-header .sign-in-link a, .is-responsive .gnav-header .logged-in-link .menuItem { 16333 height: auto; 16334 padding: 6px 8px 9px!important; 16335 border-radius: 0; 16336} 16337.row.like_comments_cont { 16338 font-size: 14px; 16339} 16340.number_of_liked, .number_of_comments { 16341 font-size: 13px; 16342 } 16343 .cards .subHeading { 16344 font-size: 15px; 16345 font-weight: 300; 16346 margin-top: 15px; 16347 color: #6d6e71; 16348 letter-spacing: 0px; 16349 } 16350 .container.mb-5.cards { 16351 margin-bottom: 0rem !important; 16352 } 16353 .mobile-portfolio-title.mb-2 h3 { 16354 font-weight: 900; 16355 color: #3a3a3a; 16356 text-align: center; 16357 width: 100%; 16358 margin: 0 auto; 16359 } 16360 .bottom_fixed_inner.support-que{ 16361 transform: scale(1); 16362 } 16363 #masterpieses.five_grid .likeIcon.float-right { 16364 position: absolute; 16365 bottom: 7px; 16366 right: -5%; 16367 top: unset; 16368 } 16369 .popup-support { 16370 position: fixed; 16371 bottom: 0; 16372 left: 0; 16373 width: 100%; 16374 } 16375 #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 { 16376 margin: 0 5px 10px; 16377 } 16378 #masterpieses.five_grid .proposal-card-base .proposal-rating { 16379 padding: 0 5px 4px 5px; 16380 } 16381 #masterpieses.five_grid .proposal-card-base .proposal-seller-info { 16382 padding:8px 5px 0; 16383 } 16384 .pull-left ul { 16385 list-style: none; 16386 padding-left: 0; 16387 } 16388 .pull-left ul li{ 16389 width: 100%; 16390 padding-right: 10%; 16391 position: relative; 16392 } 16393 .pull-left ul li .fa.pull-right { 16394 margin-left: .3em; 16395 position: absolute; 16396 right: 16px; 16397 top: 8px; 16398 } 16399 .pull-left ul li i.fa.fa-file-text-o { 16400 display: none; 16401 } 16402 .popup-support .search-results h3 { 16403 padding: 20px 20px 9px 20px; 16404 color: #3a3a3a; 16405 font-size: 23px; 16406 } 16407 .search-results .search-articles a { 16408 padding: 5px 20px 5px 20px; 16409 font-size: 13px; 16410 color: #2f2f2f; 16411 } 16412 16413 .filter_portfolio { 16414 position: fixed; 16415 background: #f3f3f3; 16416 left: 0; 16417 z-index: 999; 16418 margin-top: 0!important; 16419 overflow: scroll; 16420 bottom: -100%; 16421 height: 100%; 16422 transition: all .5s; 16423 } 16424 .wraper_of_filter { 16425 padding: 0px; 16426 } 16427 .filter_portfolio.active{ 16428 left: -1%; 16429 z-index: 9999; 16430 bottom:0%; 16431 transition: all .5s; 16432 } 16433 16434 .ui-toolkit .card { 16435 border-radius: 3px; 16436 border: 0px solid #E1E3DF!important; 16437 } 16438 .bottom_nav_for_filter { 16439 position: fixed; 16440 display: inline-block; 16441 cursor: pointer; 16442 font-size: 20px; 16443 height: 45px; 16444 width: 45px; 16445 line-height: 41px; 16446 text-align: center; 16447 background: #313332; 16448 color: #fff; 16449 border-radius: 100%; 16450 z-index: 10000; 16451 /* float: right; */ 16452 margin-left: 10px; 16453 bottom: 69px; 16454 right: 36px; 16455 border: 1.5px solid #9e7ba9; 16456 } 16457 #filter_portfolio .card.border-success.mb-3 { 16458 margin-bottom: .5rem !important; 16459 box-shadow: 1px 1px 5px 0px #00000040; 16460 } 16461 #filter_portfolio .card-body.pt-3 { 16462 padding-top: .5rem !important; 16463 } 16464 #featured_proposals .portfolio_img_wrapper { 16465 position: relative; 16466 } 16467 /* #featured_proposals .proposal-seller-info { 16468 position: absolute; 16469 bottom: 0; 16470 width: 100%; 16471 background: transparent; 16472 padding: 5px; 16473 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%); 16474 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 16475 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%); 16476 } */ 16477/* .proposal-card-caption { 16478 position: relative; 16479 } 16480 .likeIcon.float-right { 16481 position: absolute; 16482 bottom: 0; 16483 } */ 16484 .massonry_for_proposal a.imgsm{ 16485 height: 140px!important; 16486 } 16487 #demo .image_cont { 16488 position: fixed; 16489 width: 100%; 16490 height: 100%; 16491 display: grid; 16492 background: black; 16493 } 16494 #demo .slider_image { 16495 width: 100%; 16496 height: auto; 16497 align-items: center; 16498 justify-content: center; 16499 align-content: center; 16500 margin: auto; 16501 } 16502 .col-md-5.text_cont { 16503 background: green; 16504 /* transform: translateY(59%); */ 16505 position: fixed; 16506 bottom: 0; 16507 width: 100%; 16508 height: 200px; 16509 background: -moz-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%); /* FF3.6-15 */ 16510 background: -webkit-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%); 16511 background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%); 16512 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 16513 16514 } 16515 #demo .carousel-item h4 { 16516 font-size: 25px; 16517 color: white; 16518 font-weight: bold; 16519 } 16520 #demo span.main_modal_description { 16521 color: #b8b8b8; 16522 font-size: 12px; 16523 margin-top: 10px; 16524 font-weight: 500; 16525 display: block; 16526 } 16527 #demo .carousel-item { 16528 height: 100vh!important; 16529 } 16530 #demo .like_comments_cont .no_rl_paadding { 16531 color: white; 16532 } 16533 #demo .number_of_liked, #demo .number_of_comments { 16534 font-size: 13px; 16535 color: white; 16536 font-weight: bold; 16537 } 16538 #demo span.view_more { 16539 display: inline; 16540 } 16541 #demo .text_cont p, #demo .text_cont p span { 16542 font-size: 13px!important; 16543 color: #b8b8b8!important; 16544 } 16545 #demo .text_cont .overlay_div_desc_inner p { 16546 font-size: 13px!important; 16547 color: #615c5c!important; 16548 } 16549 .ui-toolkit .text-center-xs-up, .ui-toolkit .text-center{ 16550 margin-bottom: 20px; 16551 font-size: 15px; 16552 }
16553 #demo .overlay_div_desc_outer.active p span { 16554 color: black!important; 16555 } 16556 .mobile_hidden { 16557 display: none!important; 16558 } 16559 .row.flex-wrap.proposals.mb-2 { 16560 padding: 10px; 16561 } 16562 .total_likes { 16563 float: right; 16564 margin-left: 0px; 16565 font-size: 11px; 16566 color: #4d4f50; 16567 transform: translateY(2px); 16568 } 16569 #masterpieses.five_grid .likeIcon i { 16570 font-size: 16px; 16571 transform: translateY(0px); 16572 margin-right: 4px; 16573 } 16574 #massonry_border .likeIcon i { 16575 font-size: 16px; 16576 transform: translateY(1px); 16577 /* color: #99c4dc !important; */ 16578 } 16579 .ovarlay_video_pop { 16580 position: fixed; 16581 top: 0; 16582 left: 0; 16583 right: 0; 16584 background: white; 16585 bottom: 0; 16586 width: 104%; 16587 height: 100%; 16588 z-index: 9991; 16589 overflow: auto; 16590 display: none; 16591 } 16592 .row.inner_ovarlay_video_pop { 16593 border-radius: 0; 16594 margin-top: 0; 16595 } 16596 .inner_ovarlay_video_pop { 16597 max-width: 1200px; 16598 width: 100%; 16599 min-height: 100vh; 16600 overflow: scroll; 16601 } 16602 .inner_ovarlay_video_pop .col-md-7 { 16603 height: 66vh; 16604 } 16605 .over_video_pop_desc { 16606 position: fixed; 16607 16608 z-index: 10000; 16609 } 16610 .inner_ovarlay_video_pop .col-md-5 { 16611 padding: 20px 30px 20px; 16612 } 16613 .ovarlay_video_pop h4 { 16614 font-size: 25px; 16615 margin-bottom: 14px; 16616 } 16617 .ovarlay_video_pop #popup_video { 16618 height: 100%; 16619 } 16620 span.main_modal_description { 16621 font-size: 13px; 16622 } 16623 .proposal-card-caption { 16624 float: left; 16625 width: 100%; 16626 /* background: red; */ 16627 position: relative; 16628 } 16629 .proposal-card-base .proposal-link-main h3 { 16630 font-size: 13px; 16631 width: 100%; 16632 margin: 0 0px 10px; 16633 } 16634 .video_portfolio_inner .likeIcon.float-right { 16635 position: absolute; 16636 top: 27px; 16637 right: 0; 16638 width: auto; 16639 padding: 0; 16640 } 16641 .col-lg-4.col-md-6.col-sm-6.mb-3.video_portfolio_inner{ 16642 width: 100%!important; 16643 } 16644 .outer_masterpieces_cont .proposal-card-caption .proposal-seller-info , .outer_masterpieces_cont .proposal-card-caption .rating-badges-container , .outer_masterpieces_cont .proposal-card-caption .likeIcon { 16645 display: none; 16646 } 16647 .home_subhead { 16648 display: none; 16649 } 16650 .home_heading { 16651 margin-bottom: 5%!important; 16652 } 16653 .top_portfolio_row .home_heading { 16654 margin-bottom: 2%!important; 16655 margin-top: 2%; 16656 } 16657 .top_portfolio_row .mt-5 { 16658 margin-top: 0rem !important; 16659 } 16660 .outer_masterpieces_cont .home_heading { 16661 margin-bottom: 1%!important; 16662 } 16663 .outer_masterpieces_cont .mt-5 { 16664 margin-top: 0rem !important; 16665 } 16666 .top { 16667 /* padding: 80px 0; */ 16668 padding: 0px 0; 16669 } 16670 h1.mt-5{ 16671 margin-top: 1.1rem !important; 16672 font-size: 16px!important; 16673 color: black; 16674 line-height: 0.6!important; 16675 } 16676 16677 #explore { 16678 float: left; 16679 display: block; 16680 text-align: center; 16681 width: 100%; 16682 margin-top: 3%; 16683 margin-bottom: 3%; 16684 } 16685 #explore h2, #explore .h2 { 16686 line-height: 0.8; 16687 -webkit-font-smoothing: antialiased; 16688 margin-bottom: 0px; 16689 font-size: 15px; 16690 } 16691 .marketplaceouter_cont { 16692 float: left; 16693 margin-top: 0%!important; 16694 } 16695 .marketplaceouter_cont #explore { 16696 margin-top: 0%; 16697 margin-bottom: 1%; 16698 } 16699 .cart-proposal.col-md-6:nth-child(odd) { 16700 border-right: 0px solid #ccc; 16701 } 16702 .quantity_heading { 16703 width: 100%; 16704 display: inline-block; 16705 } 16706 .quantity_inner { 16707 display: inline-block; 16708 width: 100%; 16709 } 16710 .quantity_inner_price { 16711 font-weight: bold; 16712 width: unset; 16713 float: left; 16714 display: block; 16715 text-align: right; 16716 margin-top: 10px; 16717 margin-left: 0; 16718 background: #556db4; 16719 padding: 5px 10px; 16720 color: white; 16721 position: relative; 16722 border-radius: 0px 5px 0px 0px; 16723 margin-top: 49px; 16724 } 16725 .quantity_inner_price:before { 16726 content: ''; 16727 width: 4px; 16728 height: 4px; 16729 background: #fbfbfb; 16730 left: 3px; 16731 top: 3px; 16732 z-index: 2; 16733 position: absolute; 16734 border-radius: 100px; 16735 } 16736 #cart-show .col-md-7 .card-body { 16737 padding: .5rem .3rem; 16738 border: none!important; 16739 background: #ffffff; 16740 }
16741 .mt-5.mb-5.for_cart_container { 16742 margin-top: 0rem !important; 16743 } 16744 .for_cart_container .card-body { 16745 -ms-flex: 1 1 auto; 16746 flex: 1 1 auto; 16747 padding: 1.25rem; 16748 padding-bottom: 0px; 16749 } 16750 .quantity_cal { 16751 margin-top: 6px; 16752 display: inline-block; 16753 float: right; 16754 } 16755 .text-muted.remove-link { 16756 margin-bottom: 5px; 16757 padding: 3px 10px 3px 10px; 16758 background: #656565; 16759 float: right; 16760 color: white!important; 16761 border-radius: 10px 0px 0px 10px; 16762 font-size: 10px; 16763 margin-right: -10px; 16764 } 16765 .cart-proposal hr { 16766 border-top: 1px solid #e0e0e0; 16767 } 16768 .for_cart_container div.for_button_a.float-right{ 16769 float: none!important; 16770 text-align: center; 16771 display: block; 16772 } 16773 .for_cart_container div.for_button_a.float-right a.btn { 16774 font-size:12px; 16775 float: none; 16776 text-align:center 16777 } 16778 .for_cart_container .float-left.mt-2 { 16779 display: block; 16780 width: 100%; 16781 text-align: center; 16782 margin-bottom: 13px; 16783 } 16784 #announcement_bar { 16785 font-size: 9px; 16786 } 16787 .slidebbutton_inactive .carousel_control_button { 16788 display: none!important; 16789 } 16790 .popup-support-wrap { 16791 z-index: 1000!important; 16792 } 16793 #masterpieses.five_grid .proposal-card-base .proposal-price a { 16794 font-size: 13px; 16795 } 16796 #introduction .col-10 { 16797 width: 100%!important; 16798 /* background: red; */ 16799 max-width: 100%; 16800 margin: 0 auto; 16801 box-sizing: border-box; 16802 display: block; 16803 float: left; 16804 padding: 0; 16805 } 16806 #introduction .col-10 .card{ 16807 box-shadow: 1px 1px 3px 0px #0000001f; 16808 border-radius: 10px!important; 16809 background: #fbfbfb; 16810 } 16811 .card.seller-bio.mb-3.rounded-0 .card-body { 16812 padding-bottom: 0; 16813 padding: 0; 16814 } 16815 .reviews-list li{ 16816 padding: 0!important; 16817 background: no-repeat; 16818 background: none!important; 16819 } 16820 .reviews-list li h3{ 16821 text-align: left; 16822 font-size: 13px; 16823 } 16824 #reviews img.mb-2 { 16825 width: 17px; 16826 } 16827 #reviews .card-header h4.mb-0 .mr-2 { 16828 font-size: 12px; 16829 } 16830 16831 #reviews .card-header h4.mb-0 .float-right{ 16832 float: none!important; 16833 display: block; 16834 width: 100%; 16835 text-align: center; 16836 } 16837 #reviews .card-header h4.mb-0 #dropdown-button.btn.btn-succes.dropdown-toggle { 16838 display: block; 16839 width: 100%; 16840 } 16841 .proposal-sidebar .nav-tabs { 16842 display: block!important; 16843 width: 100%; 16844 margin: 0; 16845 } 16846 .proposal-sidebar .nav-tabs .nav-item { 16847 margin-bottom: 0px; 16848 display: inline-block; 16849 width: 31.9%; 16850 } 16851 .proposal-sidebar .nav-tabs .nav-item a.nav-link { 16852 font-size: 13px!important; 16853 } 16854 .proposal-sidebar .nav-tabs .nav-item a.nav-link.active{ 16855 display: block !important; 16856 border: none; 16857 background: #716d6d; 16858 color: white; 16859 } 16860 .card-body.order-box.tab-content { 16861 padding: 0; 16862 background: #fbfbfb; 16863 padding-bottom: 10px; 16864 padding-left: 10px; 16865 padding-right: 10px; 16866 padding-top: 10px; 16867 box-shadow: 1px 1px 3px 0px #0000001f; 16868 } 16869 .cart-proposal.col-md-6 { 16870 width: 50%; 16871 display: inline; 16872 } 16873 .inner_cart_prop_row .col-lg-3.mb-2 a{ 16874 width: 100%; 16875 height: 88px; 16876 overflow: hidden; 16877 display: grid!important; 16878 background: #efeeee; 16879 } 16880 .inner_cart_prop_row .col-lg-3.mb-2 a .img-fluid { 16881 height: 100%; 16882 margin: auto!important; 16883 } 16884 .quantity_inner { 16885 position: relative; 16886 } 16887 .quantity_cal { 16888 display: block; 16889 width: 125px; 16890 position: absolute; 16891 left: 50%; 16892 margin-left: -62px; 16893 } 16894 .card.seller-bio.mb-3.rounded-0 { 16895 position: static; 16896 } 16897 .purchase-form hr.mt-0{ 16898 transform: translateY(10px); 16899 } 16900 .order-box .header .text .dropdown { 16901 cursor: pointer; 16902 font-size: 17px!important; 16903 } 16904 .order-box .header .price { 16905 font-size: 17px!important; 16906 } 16907 .order-box .header .text svg { 16908 top: 3px; 16909 position: relative; 16910 width: 18px!important; 16911 height: 18px!important; 16912 } 16913 .order-box .header .text .favorite .fa { 16914 top: 0px!important; 16915 position: relative; 16916 font-size: 18px!important; 16917 } 16918 .col-10 .proposal-tags-container .proposal-tag span { 16919 background: #616161; 16920 border: 0px solid #dddddd; 16921 font-size: 13px; 16922 margin-right: 5px; 16923 color: white; 16924 border-radius: 0px 5px 5px; 16925 padding: 5px 11px 6px 11px; 16926 } 16927 .card.rounded-0.mb-5.border-0 .details .span { 16928 font-size: 13px; 16929 } 16930 #st-1.active div { 16931 display: inline-block!important; 16932 } 16933 #st-1.sharethis-inline-share-buttons.active { 16934 display: block!important; 16935 } 16936 #announcement_bar { 16937 width: calc(100%); 16938 padding: 4px 12px; 16939 position: relative; 16940 z-index: 1; 16941 } 16942 16943 .readmore_tri { 16944 padding: 0px 7px 2px; 16945 background: black; 16946 border-radius: 5px; 16947 cursor: pointer; 16948 font-size: 12px; 16949 } 16950 .close_fullscreen { 16951 font-size: 26px; 16952 position: absolute; 16953 top: 15px; 16954 right: 10px; 16955 display: none; 16956 color: black; 16957 16958 } 16959 #announcement_bar.add_announcement { 16960 /* background: #000000f5!important; */ 16961 } 16962 #announcement_bar .vid_text_cont h3 { 16963 color: white; 16964 text-align: left; 16965 font-size: 18px; 16966 height: auto; 16967 } 16968 16969 #announcement_bar .vid_text_cont p{ 16970 color: white; 16971 text-align: left; 16972 font-size: 13px; 16973 font-weight: 100; 16974 width: 100%; 16975 margin-top: 11px; 16976 letter-spacing: 1px; 16977 text-align: justify; 16978 } 16979 #shareearn_menu #st-1.sharethis-inline-share-buttons .st-btn > img {
16980 width: 20px !important; 16981 height: 24px !important; 16982 top: 0.4px !important; 16983 } 16984 #announcement_bar_margin { 16985 margin-bottom: 49px!important 16986 } 16987 .shareearn_menu { 16988 top: 45px; 16989 } 16990 .mobile-portfolio-title h3 { 16991 font-size: 19px; 16992 padding: 0px 35px; 16993 } 16994 #st-2 .close_share{ 16995 display: none 16996 } 16997 #announcement_bar_margin { 16998 margin-bottom: 0px!important; 16999 } 17000 #gnav-header-inner.gnav-header-inner.mob_menu_fixed { 17001 position: fixed; 17002 top: 0; 17003 background: white; 17004 z-index: 3; 17005 width: 100%!important; 17006 } 17007 #gnav-header-inner.gnav-header-inner.mob_menu_fixed .gnav-search-inner { 17008 display: none; 17009 } 17010 .proposal-info .sharethis-inline-share-buttons.st-right.st-inline-share-buttons { 17011 margin-top: 9px!important; 17012 display: block!important; 17013 } 17014 .proposal-info #st-2.sharethis-inline-share-buttons.st-right.st-inline-share-buttons div.st-btn { 17015 display: inline-block!important; 17016 opacity: 1!important; 17017 } 17018 .sharebuttonportfolio { 17019 display: none; 17020 } 17021 /* 300to 768 end */ 17022} 17023 17024.video_portfolio .proposal-card-caption { 17025 position: relative; 17026} 17027.video_portfolio .likeIcon { 17028 top:30px!important; 17029} 17030@media only screen and (max-width: 375px) and (min-width: 300px) { 17031 #massonry_border .proposal-card-base .proposal-link-main h3 { 17032 font-weight: bold; 17033 letter-spacing: 1px; 17034 font-size: 13px; 17035 /* background: red; */ 17036 height: auto; 17037 width: 63%; 17038 float: left; 17039 margin-top: 5px; 17040 line-height: 16px; 17041 margin-left: 0; 17042 margin-right: 0; 17043 } 17044 .overlay_comments_inner img { 17045 width: 39px; 17046 } 17047 .user_portfolio .row:nth-child(2) h2.pull-left{ 17048 font-size: 19px; 17049 width: 65%; 17050 } 17051 .massonry_for_proposal a.imgsm{ 17052 height: 100px!important; 17053 } 17054 .quantity_cal { 17055 transform: scale(.8); 17056 } 17057 .user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 { 17058 font-size: 12px; 17059 } 17060 #st-1.sharethis-inline-share-buttons .st-btn > img { 17061 width: 20px !important; 17062 height: 24px !important; 17063 top: -11.6px !important; 17064 } 17065 17066} 17067@media only screen and (max-width: 1023px) and (min-width: 768px) { 17068.masonry { 17069 column-count: 2; 17070} 17071 17072} 17073/* massonry end */ 17074.carousel_cont_slick.slick-slide { 17075/* width: 80%!important; 17076 opacity: 1; 17077 height: 300px; 17078 background: red; 17079 display: block; */ 17080} 17081.carousel_cont_slick_outer { 17082 width: 100%; 17083 background: black; 17084 display: block; 17085 min-height: auto; 17086 margin: 0 auto; 17087} 17088.image_of_slider { 17089 width: 100%; 17090} 17091.slick-initialized .slick-slide { 17092 display: block; 17093 border: none; 17094} 17095.masonry.bordered.five_grid.not_massonry { 17096 display: block; 17097 column-count: unset; 17098} 17099.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 17100 /* display: none!important; */ 17101 width: 19.5%; 17102 margin: .1em; 17103 float: unset; 17104 display: inline-block; 17105} 17106.cart-proposal.col-md-12.col-xs-6{ 17107 width:100%; 17108} 17109@media only screen and (max-width: 993px) and (min-width: 300px) { 17110 .cart-proposal.col-md-12.col-xs-6 { 17111 width: 50%; 17112 } 17113 .image_of_slider { 17114 width: 187%; 17115 } 17116 .slick-slider { 17117 margin-bottom: 0!important; 17118 } 17119 .carousel_cont_slick_outer { 17120 height: auto; 17121 width: 100%; 17122 background: black; 17123 display: block; 17124 min-height: auto; 17125 margin: 0 auto; 17126 max-width: 100%; 17127 overflow-x: hidden; 17128} 17129.proposal-card-base.mp-proposal-card { 17130 display: inline-grid; 17131} 17132.slick-dots { 17133 bottom: 0; 17134} 17135/*cart new start*/ 17136.row.inner_cart_prop_row .img-fluid { 17137 max-width: unset; 17138 height: 70px; 17139 /*height: auto;*/ 17140 margin: 0 auto; 17141 display: block; 17142} 17143 17144.row.inner_cart_prop_row .text-success.make-black { 17145 text-align: center; 17146 font-size: 18px; 17147 margin-bottom: 14px; 17148} 17149.cart-proposal.col-md-12.col-xs-6 { 17150 padding: 0px 5px; 17151} 17152 17153.quantity_heading { 17154 width: 100%; 17155 display: inline-block; 17156 margin-top: 7px; 17157 font-size: 13px; 17158 font-weight: 300; 17159} 17160.inner_cart_prop_row .col-lg-3.mb-2 a { 17161 width: 100%; 17162 height: unset; 17163 background: #efeeee00; 17164} 17165.quantity_inner_price { 17166 font-weight: bold; 17167 width: 114px; 17168 float: unset; 17169 display: block; 17170 text-align: center; 17171 margin-top: 10px; 17172 /* margin-left: 0; */ 17173 background: #556db4; 17174 padding: 5px 10px; 17175 color: white; 17176 position: relative; 17177 border-radius: 0px 5px 0px 0px; 17178 margin-top: 49px; 17179 margin: 49px auto 25px; 17180} 17181/*cart ner end*/ 17182} 17183@media only screen and (max-width: 463px) and (min-width: 300px) { 17184 .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 17185 /* display: none!important; */ 17186 width: 48.5%; 17187 margin: .05em; 17188 float: unset; 17189 display: inline-block; 17190 } 17191.text-center.text-sm-left{ 17192text-align:left !important; 17193} 17194} 17195@media only screen and (max-width: 999px) and (min-width: 463px) { 17196 .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 17197 /* display: none!important; */ 17198 width: 32%; 17199 margin: .05em; 17200 float: unset; 17201 display: inline-block; 17202 } 17203.text-center.text-sm-left{ 17204text-align:left !important; 17205} 17206 17207} 17208/**************************arko end**************************/ 17209/* 17210 17211Purpose: Styles for categories_nav.php 17212 17213*/ 17214 17215.mp-box.mp-box-white.notop { 17216 17217border-top:0; 17218 17219margin-top:54px; 17220 17221 17222 17223} 17224 17225.stickytop .main-cat-list > li { 17226 17227line-height:25px; 17228 17229position: relative; 17230 17231top: -2.7px !important; 17232 17233} 17234 17235 17236.mp-box.mp-box-white { 17237 17238background:#fff; 17239min-height:37px; 17240border-top:1px #dddddd solid; 17241border-bottom:1px #dddddd solid; 17242 17243} 17244 17245 17246.mp-box { 17247 17248background:#f7f7f7; 17249 17250margin:0 auto; 17251 17252position: relative; 17253 17254} 17255 17256 17257.mp-box .box-row { 17258 17259width:1308px; 17260 17261margin:0 auto; 17262 17263position:relative; 17264 17265box-sizing:border-box; 17266 17267} 17268 17269.main-cat-list.active { 17270 17271opacity:1; 17272 17273} 17274 17275 17276.main-cat-list { 17277 17278 position: relative; 17279 margin: 6px -12px 0 -12px; 17280 opacity:1; 17281} 17282 17283 17284.main-cat-list > li {
17285margin-top: 1px; 17286list-style:none; 17287height:29px; 17288line-height:25px; 17289color:#303030; 17290white-space:nowrap; 17291position:relative; 17292cursor:default; 17293float:left; 17294border:1px transparent solid; 17295border-radius: 3px 3px 0 0; 17296padding-top: 2.8px; 17297 17298} 17299 17300.main-cat-list > li > a { 17301 17302display: inline-block; 17303 17304padding:0 10px; 17305 17306 17307 17308} 17309 17310.main-cat-list > li > a:hover { 17311 17312 border-bottom: 3px solid #28a745 !important; 17313} 17314 17315 17316.main-cat-list > li .menu-cont { 17317 17318background-color:#fff; 17319 17320position: absolute; 17321 17322left:-1px; 17323 17324z-index:10; 17325 17326display:none; 17327 17328width:0; 17329 17330border:1px #dddddd solid; 17331 17332box-sizing:border-box; 17333 17334padding: 15px 0; 17335 17336border-radius: 0 3px 3px 3px; 17337 17338} 17339 17340.main-cat-list > li .menu-cont ul { 17341 17342display:inline-block; 17343 17344vertical-align:top; 17345 17346padding:0 11px; 17347 17348box-sizing:border-box; 17349 17350 17351 17352} 17353 17354.main-cat-list > li .menu-cont ul:first-child { 17355 17356 border-right: 1px #dddddd solid; 17357 17358} 17359 17360 17361.main-cat-list > li .menu-cont li { 17362 17363line-height: 16px; 17364 17365display:block; 17366 17367white-space:nowrap; 17368 17369text-align:left; 17370 17371max-width: 240px; 17372 17373overflow: hidden; 17374 17375} 17376 17377.main-cat-list > li .menu-cont li:first-child a { 17378 17379 padding-top:0; 17380 17381 17382} 17383 17384.main-cat-list > li .menu-cont li a { 17385 17386color: #00698c; 17387 17388display:block; 17389 17390padding:10px 15px 0 0; 17391 17392overflow:hidden; 17393 17394white-space: nowrap; 17395 17396text-overflow: ellipsis; 17397 17398 17399} 17400 17401.main-cat-list > li .menu-cont li a:hover { 17402 17403 text-decoration:underline; 17404 17405} 17406 17407 17408.main-cat-list > li a { 17409 17410font-weight:400; 17411 17412color:#555555; 17413 17414} 17415 17416.main-cat-list > li a:hover { 17417 17418 text-decoration:none; 17419 17420} 17421 17422 17423.main-cat-list > li:hover, 17424.main-cat-list > li:active { 17425 17426border:1px #dddddd solid; 17427 17428color: #00698c; 17429 17430box-shadow : 0 1px 3px 0 #dddddd; 17431 17432 17433} 17434 17435 17436.main-cat-list > li:hover > a { 17437 17438 color:#00698c; 17439 17440} 17441 17442 17443 17444.main-cat-list > li:hover .menu-cont { 17445 17446 display:block; 17447 17448 width:auto; 17449 17450} 17451 17452 17453 17454 17455 17456 17457 17458 17459 17460 17461 17462 17463 17464 17465 17466 17467 17468/** 17469 * Owl Carousel v2.3.4 17470 * Copyright 2013-2018 David Deutsch 17471 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 17472 */ 17473/* 17474 * Owl Carousel - Core 17475 */ 17476.owl-carousel { 17477 display: none; 17478 width: 100%; 17479 -webkit-tap-highlight-color: transparent; 17480 /* position relative and z-index fix webkit rendering fonts issue */ 17481 position: relative; 17482 z-index: 1; } 17483 .owl-carousel .owl-stage { 17484 position: relative; 17485 -ms-touch-action: pan-Y; 17486 touch-action: manipulation; 17487 -moz-backface-visibility: hidden; 17488 /* fix firefox animation glitch */ } 17489 .owl-carousel .owl-stage:after { 17490 content: "."; 17491 display: block; 17492 clear: both; 17493 visibility: hidden; 17494 line-height: 0; 17495 height: 0; } 17496 .owl-carousel .owl-stage-outer { 17497 position: relative; 17498 overflow: hidden; 17499 /* fix for flashing background */ 17500 -webkit-transform: translate3d(0px, 0px, 0px); } 17501 .owl-carousel .owl-wrapper, 17502 .owl-carousel .owl-item { 17503 -webkit-backface-visibility: hidden; 17504 -moz-backface-visibility: hidden; 17505 -ms-backface-visibility: hidden; 17506 -webkit-transform: translate3d(0, 0, 0); 17507 -moz-transform: translate3d(0, 0, 0); 17508 -ms-transform: translate3d(0, 0, 0); } 17509 .owl-carousel .owl-item { 17510 position: relative; 17511 min-height: 1px; 17512 float: left; 17513 -webkit-backface-visibility: hidden; 17514 -webkit-tap-highlight-color: transparent; 17515 -webkit-touch-callout: none; } 17516 17517 .owl-carousel .owl-nav.disabled, 17518 .owl-carousel .owl-dots.disabled { 17519 display: none; } 17520 17521 17522 .owl-carousel .owl-dots { 17523 17524 display: none; 17525 17526 } 17527 17528 .owl-carousel .owl-nav .owl-prev, 17529 .owl-carousel .owl-nav .owl-next, 17530 .owl-carousel .owl-dot { 17531 cursor: pointer; 17532 -webkit-user-select: none; 17533 -khtml-user-select: none; 17534 -moz-user-select: none; 17535 -ms-user-select: none; 17536 user-select: none; 17537 17538 } 17539 17540 17541 .owl-carousel .owl-nav button.owl-next{ 17542 17543 right: -16px; 17544 border-radius: 30px; 17545 background-color: #fff; 17546 position: absolute; 17547 z-index: 4; 17548 top: 50%; 17549 width: 44px; 17550 height: 44px; 17551 margin-top: -24px; 17552 text-align: center; 17553 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); 17554 box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); 17555 border: 0; 17556 17557 } 17558 17559 17560 .owl-carousel .owl-nav button.owl-next:after { 17561 content: ""; 17562 display: inline-block; 17563 background: url(../images/svg/next.svg) no-repeat; 17564 background-size: 16px 64px; 17565 width: 24px; 17566 height: 50px; 17567 margin-top: -5.5px; 17568 margin-left: 7px; 17569 } 17570 17571 17572.owl-carousel .owl-nav button.owl-prev { 17573 left: -16px; 17574 margin-left: 9px; 17575} 17576 17577.owl-carousel .owl-nav button.owl-prev{ 17578 left: -20.8px; 17579 border-radius: 30px; 17580} 17581 17582.owl-carousel .owl-nav button.owl-prev { 17583 background-color: #fff; 17584 position: absolute; 17585 z-index: 4; 17586 top: 50%; 17587 width: 44px; 17588 height: 44px; 17589 margin-top: -24px; 17590 text-align: center; 17591 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); 17592 box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); 17593 border: 0; 17594} 17595.owl-carousel .owl-nav button.owl-prev:after { 17596 background-position: 0 -32px; 17597} 17598 17599.owl-carousel .owl-nav button.owl-prev:after { 17600 content: ""; 17601 display: inline-block; 17602 background: url('../images/svg/buttons.svg') no-repeat; 17603 background-size: 16px 64px; 17604 width: 16px; 17605 height: 16px; 17606 margin-top: 6px; 17607 margin-left: -2px; 17608} 17609 17610 17611 .owl-carousel.owl-loaded { 17612 display: block; } 17613 .owl-carousel.owl-loading { 17614 opacity: 0; 17615 display: block; } 17616 .owl-carousel.owl-hidden { 17617 opacity: 0; } 17618 .owl-carousel.owl-refresh .owl-item { 17619 visibility: hidden; } 17620 .owl-carousel.owl-drag .owl-item { 17621 -ms-touch-action: pan-y; 17622 touch-action: pan-y; 17623 -webkit-user-select: none; 17624 -moz-user-select: none;
17625 -ms-user-select: none; 17626 user-select: none; } 17627 .owl-carousel.owl-grab { 17628 cursor: move; 17629 cursor: grab; } 17630 .owl-carousel.owl-rtl { 17631 direction: rtl; } 17632 .owl-carousel.owl-rtl .owl-item { 17633 float: right; } 17634 17635/* No Js */ 17636.no-js .owl-carousel { 17637 display: block; } 17638 17639/* 17640 * Owl Carousel - Animate Plugin 17641 */ 17642.owl-carousel .animated { 17643 animation-duration: 1000ms; 17644 animation-fill-mode: both; } 17645 17646.owl-carousel .owl-animated-in { 17647 z-index: 0; } 17648 17649.owl-carousel .owl-animated-out { 17650 z-index: 1; } 17651 17652.owl-carousel .fadeOut { 17653 animation-name: fadeOut; } 17654 17655@keyframes fadeOut { 17656 0% { 17657 opacity: 1; } 17658 100% { 17659 opacity: 0; } } 17660 17661/* 17662 * Owl Carousel - Auto Height Plugin 17663 */ 17664.owl-height { 17665 transition: height 500ms ease-in-out; } 17666 17667/* 17668 * Owl Carousel - Lazy Load Plugin 17669 */ 17670.owl-carousel .owl-item { 17671 /** 17672 This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong 17673 calculation of the height of the owl-item that breaks page layouts 17674 */ } 17675 .owl-carousel .owl-item .owl-lazy { 17676 opacity: 0; 17677 transition: opacity 400ms ease; } 17678 .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { 17679 max-height: 0; } 17680 .owl-carousel .owl-item img.owl-lazy { 17681 transform-style: preserve-3d; } 17682 17683/* 17684 * Owl Carousel - Video Plugin 17685 */ 17686.owl-carousel .owl-video-wrapper { 17687 position: relative; 17688 height: 100%; 17689 background: #000; } 17690 17691.owl-carousel .owl-video-play-icon { 17692 position: absolute; 17693 height: 80px; 17694 width: 80px; 17695 left: 50%; 17696 top: 50%; 17697 margin-left: -40px; 17698 margin-top: -40px; 17699 background: url("owl.video.play.png") no-repeat; 17700 cursor: pointer; 17701 z-index: 1; 17702 -webkit-backface-visibility: hidden; 17703 transition: transform 100ms ease; } 17704 17705.owl-carousel .owl-video-play-icon:hover { 17706 -ms-transform: scale(1.3, 1.3); 17707 transform: scale(1.3, 1.3); } 17708 17709.owl-carousel .owl-video-playing .owl-video-tn, 17710.owl-carousel .owl-video-playing .owl-video-play-icon { 17711 display: none; } 17712 17713.owl-carousel .owl-video-tn { 17714 opacity: 0; 17715 height: 100%; 17716 background-position: center center; 17717 background-repeat: no-repeat; 17718 background-size: contain; 17719 transition: opacity 400ms ease; } 17720 17721.owl-carousel .owl-video-frame { 17722 position: relative; 17723 z-index: 1; 17724 height: 100%; 17725 width: 100%; } 17726 17727 17728@media (max-width: 600px){ 17729 17730 .owl-carousel .owl-nav button.owl-prev { 17731 width: 38px; 17732 height: 38px; 17733 } 17734 17735 .owl-carousel .owl-nav button.owl-prev:after { 17736 17737 margin-top: 6px; 17738 margin-left: -2px; 17739 } 17740 17741 .owl-carousel .owl-nav button.owl-next{ 17742 17743 width: 38px; 17744 height: 38px; 17745 17746 } 17747 17748 .owl-carousel .owl-nav button.owl-next:after { 17749 17750 margin-top: -8px; 17751 margin-left: 5px; 17752 } 17753 17754 17755}/** 17756 * Owl Carousel v2.3.4 17757 * Copyright 2013-2018 David Deutsch 17758 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 17759 */ 17760/* 17761 * Default theme - Owl Carousel CSS File 17762 */ 17763.owl-theme .owl-nav { 17764 margin-top: 10px; 17765 text-align: center; 17766 -webkit-tap-highlight-color: transparent; } 17767 .owl-theme .owl-nav [class*='owl-'] { 17768 color: #FFF; 17769 font-size: 14px; 17770 margin: 5px; 17771 padding: 4px 7px; 17772 background: #D6D6D6; 17773 display: inline-block; 17774 cursor: pointer; 17775 border-radius: 3px; } 17776 .owl-theme .owl-nav [class*='owl-']:hover { 17777 background: #869791; 17778 color: #FFF; 17779 text-decoration: none; } 17780 .owl-theme .owl-nav .disabled { 17781 opacity: 0.5; 17782 cursor: default; 17783display: none; 17784 } 17785 17786.owl-theme .owl-nav.disabled + .owl-dots { 17787 margin-top: 10px; } 17788 17789.owl-theme .owl-dots { 17790 text-align: center; 17791 -webkit-tap-highlight-color: transparent; } 17792 .owl-theme .owl-dots .owl-dot { 17793 display: inline-block; 17794 zoom: 1; 17795 *display: inline; } 17796 .owl-theme .owl-dots .owl-dot span { 17797 width: 10px; 17798 height: 10px; 17799 margin: 5px 7px; 17800 background: #D6D6D6; 17801 display: block; 17802 -webkit-backface-visibility: visible; 17803 transition: opacity 200ms ease; 17804 border-radius: 30px; } 17805 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 17806 background: #869791; } 17807.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,
178070,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'â'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'â'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'â'}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'â¢';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;
17807left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}
1780750%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;
17807left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}
1780733%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;
17807left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not
17807(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;
17807left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}}@charset "UTF-8"; 17808 17809/*! 17810 * animate.css -http://daneden.me/animate 17811 * Version - 3.6.0 17812 * Licensed under the MIT license - http://opensource.org/licenses/MIT 17813 * 17814 * Copyright (c) 2018 Daniel Eden 17815 */ 17816 17817.animated { 17818 -webkit-animation-duration: 1s; 17819 animation-duration: 1s; 17820 -webkit-animation-fill-mode: both; 17821 animation-fill-mode: both; 17822} 17823 17824.animated.infinite { 17825 -webkit-animation-iteration-count: infinite; 17826 animation-iteration-count: infinite; 17827} 17828 17829@-webkit-keyframes bounce { 17830 from, 17831 20%, 17832 53%, 17833 80%, 17834 to { 17835 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 17836 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 17837 -webkit-transform: translate3d(0, 0, 0); 17838 transform: translate3d(0, 0, 0); 17839 } 17840 17841 40%, 17842 43% { 17843 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17844 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17845 -webkit-transform: translate3d(0, -30px, 0); 17846 transform: translate3d(0, -30px, 0); 17847 } 17848 17849 70% { 17850 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17851 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17852 -webkit-transform: translate3d(0, -15px, 0); 17853 transform: translate3d(0, -15px, 0); 17854 } 17855 17856 90% { 17857 -webkit-transform: translate3d(0, -4px, 0); 17858 transform: translate3d(0, -4px, 0); 17859 } 17860} 17861 17862@keyframes bounce { 17863 from, 17864 20%, 17865 53%, 17866 80%, 17867 to { 17868 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 17869 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 17870 -webkit-transform: translate3d(0, 0, 0); 17871 transform: translate3d(0, 0, 0); 17872 } 17873 17874 40%, 17875 43% { 17876 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17877 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17878 -webkit-transform: translate3d(0, -30px, 0); 17879 transform: translate3d(0, -30px, 0); 17880 } 17881 17882 70% { 17883 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17884 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 17885 -webkit-transform: translate3d(0, -15px, 0); 17886 transform: translate3d(0, -15px, 0); 17887 } 17888 17889 90% { 17890 -webkit-transform: translate3d(0, -4px, 0); 17891 transform: translate3d(0, -4px, 0); 17892 } 17893} 17894 17895.bounce { 17896 -webkit-animation-name: bounce; 17897 animation-name: bounce; 17898 -webkit-transform-origin: center bottom; 17899 transform-origin: center bottom; 17900} 17901 17902@-webkit-keyframes flash { 17903 from, 17904 50%, 17905 to { 17906 opacity: 1; 17907 } 17908 17909 25%, 17910 75% { 17911 opacity: 0; 17912 } 17913} 17914 17915@keyframes flash { 17916 from, 17917 50%, 17918 to { 17919 opacity: 1; 17920 } 17921 17922 25%, 17923 75% { 17924 opacity: 0; 17925 } 17926} 17927 17928.flash { 17929 -webkit-animation-name: flash; 17930 animation-name: flash; 17931} 17932 17933/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 17934 17935@-webkit-keyframes pulse { 17936 from { 17937 -webkit-transform: scale3d(1, 1, 1); 17938 transform: scale3d(1, 1, 1); 17939 } 17940 17941 50% { 17942 -webkit-transform: scale3d(1.05, 1.05, 1.05); 17943 transform: scale3d(1.05, 1.05, 1.05); 17944 } 17945 17946 to { 17947 -webkit-transform: scale3d(1, 1, 1); 17948 transform: scale3d(1, 1, 1); 17949 } 17950} 17951 17952@keyframes pulse { 17953 from { 17954 -webkit-transform: scale3d(1, 1, 1); 17955 transform: scale3d(1, 1, 1); 17956 } 17957 17958 50% { 17959 -webkit-transform: scale3d(1.05, 1.05, 1.05); 17960 transform: scale3d(1.05, 1.05, 1.05); 17961 } 17962 17963 to { 17964 -webkit-transform: scale3d(1, 1, 1); 17965 transform: scale3d(1, 1, 1); 17966 } 17967} 17968 17969.pulse { 17970 -webkit-animation-name: pulse; 17971 animation-name: pulse; 17972} 17973 17974@-webkit-keyframes rubberBand { 17975 from { 17976 -webkit-transform: scale3d(1, 1, 1); 17977 transform: scale3d(1, 1, 1); 17978 } 17979 17980 30% { 17981 -webkit-transform: scale3d(1.25, 0.75, 1); 17982 transform: scale3d(1.25, 0.75, 1); 17983 } 17984 17985 40% { 17986 -webkit-transform: scale3d(0.75, 1.25, 1); 17987 transform: scale3d(0.75, 1.25, 1); 17988 } 17989 17990 50% { 17991 -webkit-transform: scale3d(1.15, 0.85, 1); 17992 transform: scale3d(1.15, 0.85, 1); 17993 } 17994 17995 65% { 17996 -webkit-transform: scale3d(0.95, 1.05, 1); 17997 transform: scale3d(0.95, 1.05, 1); 17998 } 17999 18000 75% { 18001 -webkit-transform: scale3d(1.05, 0.95, 1); 18002 transform: scale3d(1.05, 0.95, 1); 18003 } 18004 18005 to { 18006 -webkit-transform: scale3d(1, 1, 1); 18007 transform: scale3d(1, 1, 1); 18008 } 18009} 18010 18011@keyframes rubberBand { 18012 from { 18013 -webkit-transform: scale3d(1, 1, 1); 18014 transform: scale3d(1, 1, 1); 18015 } 18016 18017 30% { 18018 -webkit-transform: scale3d(1.25, 0.75, 1); 18019 transform: scale3d(1.25, 0.75, 1); 18020 } 18021 18022 40% { 18023 -webkit-transform: scale3d(0.75, 1.25, 1); 18024 transform: scale3d(0.75, 1.25, 1); 18025 } 18026 18027 50% { 18028 -webkit-transform: scale3d(1.15, 0.85, 1); 18029 transform: scale3d(1.15, 0.85, 1); 18030 } 18031 18032 65% { 18033 -webkit-transform: scale3d(0.95, 1.05, 1); 18034 transform: scale3d(0.95, 1.05, 1); 18035 } 18036 18037 75% { 18038 -webkit-transform: scale3d(1.05, 0.95, 1); 18039 transform: scale3d(1.05, 0.95, 1); 18040 } 18041 18042 to { 18043 -webkit-transform: scale3d(1, 1, 1); 18044 transform: scale3d(1, 1, 1); 18045 } 18046} 18047 18048.rubberBand { 18049 -webkit-animation-name: rubberBand; 18050 animation-name: rubberBand; 18051} 18052 18053@-webkit-keyframes shake { 18054 from, 18055 to { 18056 -webkit-transform: translate3d(0, 0, 0); 18057 transform: translate3d(0, 0, 0); 18058 } 18059 18060 10%, 18061 30%, 18062 50%, 18063 70%, 18064 90% { 18065 -webkit-transform: translate3d(-10px, 0, 0); 18066 transform: translate3d(-10px, 0, 0); 18067 } 18068 18069 20%, 18070 40%, 18071 60%, 18072 80% { 18073 -webkit-transform: translate3d(10px, 0, 0); 18074 transform: translate3d(10px, 0, 0); 18075 } 18076} 18077 18078@keyframes shake { 18079 from, 18080 to { 18081 -webkit-transform: translate3d(0, 0, 0); 18082 transform: translate3d(0, 0, 0); 18083 } 18084 18085 10%, 18086 30%, 18087 50%, 18088 70%, 18089 90% { 18090 -webkit-transform: translate3d(-10px, 0, 0); 18091 transform: translate3d(-10px, 0, 0); 18092 } 18093 18094 20%, 18095 40%, 18096 60%, 18097 80% { 18098 -webkit-transform: translate3d(10px, 0, 0); 18099 transform: translate3d(10px, 0, 0); 18100 } 18101} 18102 18103.shake { 18104 -webkit-animation-name: shake; 18105 animation-name: shake; 18106} 18107 18108@-webkit-keyframes headShake { 18109 0% { 18110 -webkit-transform: translateX(0); 18111 transform: translateX(0); 18112 } 18113 18114 6.5% { 18115 -webkit-transform: translateX(-6px) rotateY(-9deg); 18116 transform: translateX(-6px) rotateY(-9deg); 18117 } 18118 18119 18.5% { 18120 -webkit-transform: translateX(5px) rotateY(7deg); 18121 transform: translateX(5px) rotateY(7deg); 18122 } 18123 18124 31.5% { 18125 -webkit-transform: translateX(-3px) rotateY(-5deg); 18126 transform: translateX(-3px) rotateY(-5deg); 18127 } 18128 18129 43.5% { 18130 -webkit-transform: translateX(2px) rotateY(3deg); 18131 transform: translateX(2px) rotateY(3deg); 18132 } 18133 18134 50% { 18135 -webkit-transform: translateX(0); 18136 transform: translateX(0); 18137 } 18138} 18139 18140@keyframes headShake { 18141 0% { 18142 -webkit-transform: translateX(0); 18143 transform: translateX(0); 18144 } 18145 18146 6.5% { 18147 -webkit-transform: translateX(-6px) rotateY(-9deg); 18148 transform: translateX(-6px) rotateY(-9deg); 18149 } 18150 18151 18.5% { 18152 -webkit-transform: translateX(5px) rotateY(7deg); 18153 transform: translateX(5px) rotateY(7deg); 18154 } 18155 18156 31.5% { 18157 -webkit-transform: translateX(-3px) rotateY(-5deg); 18158 transform: translateX(-3px) rotateY(-5deg); 18159 } 18160 18161 43.5% { 18162 -webkit-transform: translateX(2px) rotateY(3deg); 18163 transform: translateX(2px) rotateY(3deg); 18164 } 18165 18166 50% { 18167 -webkit-transform: translateX(0); 18168 transform: translateX(0); 18169 } 18170} 18171 18172.headShake { 18173 -webkit-animation-timing-function: ease-in-out; 18174 animation-timing-function: ease-in-out; 18175 -webkit-animation-name: headShake; 18176 animation-name: headShake; 18177} 18178 18179@-webkit-keyframes swing { 18180 20% { 18181 -webkit-transform: rotate3d(0, 0, 1, 15deg); 18182 transform: rotate3d(0, 0, 1, 15deg); 18183 } 18184 18185 40% { 18186 -webkit-transform: rotate3d(0, 0, 1, -10deg); 18187 transform: rotate3d(0, 0, 1, -10deg); 18188 } 18189 18190 60% { 18191 -webkit-transform: rotate3d(0, 0, 1, 5deg); 18192 transform: rotate3d(0, 0, 1, 5deg); 18193 } 18194 18195 80% { 18196 -webkit-transform: rotate3d(0, 0, 1, -5deg); 18197 transform: rotate3d(0, 0, 1, -5deg); 18198 } 18199 18200 to { 18201 -webkit-transform: rotate3d(0, 0, 1, 0deg); 18202 transform: rotate3d(0, 0, 1, 0deg); 18203 } 18204} 18205 18206@keyframes swing { 18207 20% { 18208 -webkit-transform: rotate3d(0, 0, 1, 15deg); 18209 transform: rotate3d(0, 0, 1, 15deg); 18210 } 18211 18212 40% { 18213 -webkit-transform: rotate3d(0, 0, 1, -10deg); 18214 transform: rotate3d(0, 0, 1, -10deg); 18215 } 18216 18217 60% { 18218 -webkit-transform: rotate3d(0, 0, 1, 5deg); 18219 transform: rotate3d(0, 0, 1, 5deg); 18220 } 18221 18222 80% { 18223 -webkit-transform: rotate3d(0, 0, 1, -5deg); 18224 transform: rotate3d(0, 0, 1, -5deg); 18225 } 18226 18227 to { 18228 -webkit-transform: rotate3d(0, 0, 1, 0deg); 18229 transform: rotate3d(0, 0, 1, 0deg); 18230 } 18231} 18232 18233.swing { 18234 -webkit-transform-origin: top center; 18235 transform-origin: top center; 18236 -webkit-animation-name: swing; 18237 animation-name: swing; 18238} 18239 18240@-webkit-keyframes tada { 18241 from { 18242 -webkit-transform: scale3d(1, 1, 1); 18243 transform: scale3d(1, 1, 1); 18244 } 18245 18246 10%, 18247 20% { 18248 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 18249 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 18250 } 18251 18252 30%, 18253 50%, 18254 70%, 18255 90% { 18256 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 18257 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 18258 } 18259 18260 40%, 18261 60%, 18262 80% { 18263 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 18264 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 18265 } 18266 18267 to { 18268 -webkit-transform: scale3d(1, 1, 1); 18269 transform: scale3d(1, 1, 1); 18270 } 18271} 18272 18273@keyframes tada { 18274 from { 18275 -webkit-transform: scale3d(1, 1, 1); 18276 transform: scale3d(1, 1, 1); 18277 } 18278 18279 10%, 18280 20% { 18281 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 18282 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 18283 } 18284 18285 30%, 18286 50%, 18287 70%, 18288 90% { 18289 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 18290 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 18291 } 18292 18293 40%, 18294 60%, 18295 80% { 18296 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 18297 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 18298 } 18299 18300 to { 18301 -webkit-transform: scale3d(1, 1, 1); 18302 transform: scale3d(1, 1, 1); 18303 } 18304} 18305 18306.tada { 18307 -webkit-animation-name: tada; 18308 animation-name: tada; 18309} 18310 18311/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 18312 18313@-webkit-keyframes wobble { 18314 from { 18315 -webkit-transform: translate3d(0, 0, 0); 18316 transform: translate3d(0, 0, 0); 18317 } 18318 18319 15% { 18320 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 18321 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 18322 } 18323 18324 30% { 18325 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 18326 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 18327 } 18328 18329 45% { 18330 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 18331 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 18332 } 18333 18334 60% { 18335 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 18336 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 18337 } 18338 18339 75% { 18340 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 18341 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 18342 } 18343 18344 to { 18345 -webkit-transform: translate3d(0, 0, 0); 18346 transform: translate3d(0, 0, 0); 18347 } 18348} 18349 18350@keyframes wobble { 18351 from { 18352 -webkit-transform: translate3d(0, 0, 0); 18353 transform: translate3d(0, 0, 0); 18354 } 18355 18356 15% { 18357 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 18358 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 18359 } 18360 18361 30% { 18362 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 18363 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 18364 } 18365 18366 45% { 18367 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 18368 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 18369 } 18370 18371 60% { 18372 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 18373 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 18374 } 18375 18376 75% { 18377 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 18378 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 18379 } 18380 18381 to { 18382 -webkit-transform: translate3d(0, 0, 0); 18383 transform: translate3d(0, 0, 0); 18384 } 18385} 18386 18387.wobble { 18388 -webkit-animation-name: wobble; 18389 animation-name: wobble; 18390} 18391 18392@-webkit-keyframes jello { 18393 from, 18394 11.1%, 18395 to { 18396 -webkit-transform: translate3d(0, 0, 0); 18397 transform: translate3d(0, 0, 0); 18398 } 18399 18400 22.2% { 18401 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 18402 transform: skewX(-12.5deg) skewY(-12.5deg); 18403 } 18404 18405 33.3% { 18406 -webkit-transform: skewX(6.25deg) skewY(6.25deg); 18407 transform: skewX(6.25deg) skewY(6.25deg); 18408 } 18409 18410 44.4% { 18411 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 18412 transform: skewX(-3.125deg) skewY(-3.125deg); 18413 } 18414 18415 55.5% { 18416 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 18417 transform: skewX(1.5625deg) skewY(1.5625deg); 18418 } 18419 18420 66.6% { 18421 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 18422 transform: skewX(-0.78125deg) skewY(-0.78125deg); 18423 } 18424 18425 77.7% { 18426 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 18427 transform: skewX(0.390625deg) skewY(0.390625deg); 18428 } 18429 18430 88.8% { 18431 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 18432 transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 18433 } 18434} 18435 18436@k
18436eyframes jello { 18437 from, 18438 11.1%, 18439 to { 18440 -webkit-transform: translate3d(0, 0, 0); 18441 transform: translate3d(0, 0, 0); 18442 } 18443 18444 22.2% { 18445 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 18446 transform: skewX(-12.5deg) skewY(-12.5deg); 18447 } 18448 18449 33.3% { 18450 -webkit-transform: skewX(6.25deg) skewY(6.25deg); 18451 transform: skewX(6.25deg) skewY(6.25deg); 18452 } 18453 18454 44.4% { 18455 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 18456 transform: skewX(-3.125deg) skewY(-3.125deg); 18457 } 18458 18459 55.5% { 18460 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 18461 transform: skewX(1.5625deg) skewY(1.5625deg); 18462 } 18463 18464 66.6% { 18465 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 18466 transform: skewX(-0.78125deg) skewY(-0.78125deg); 18467 } 18468 18469 77.7% { 18470 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 18471 transform: skewX(0.390625deg) skewY(0.390625deg); 18472 } 18473 18474 88.8% { 18475 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 18476 transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 18477 } 18478} 18479 18480.jello { 18481 -webkit-animation-name: jello; 18482 animation-name: jello; 18483 -webkit-transform-origin: center; 18484 transform-origin: center; 18485} 18486 18487@-webkit-keyframes bounceIn { 18488 from, 18489 20%, 18490 40%, 18491 60%, 18492 80%, 18493 to { 18494 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18495 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18496 } 18497 18498 0% { 18499 opacity: 0; 18500 -webkit-transform: scale3d(0.3, 0.3, 0.3); 18501 transform: scale3d(0.3, 0.3, 0.3); 18502 } 18503 18504 20% { 18505 -webkit-transform: scale3d(1.1, 1.1, 1.1); 18506 transform: scale3d(1.1, 1.1, 1.1); 18507 } 18508 18509 40% { 18510 -webkit-transform: scale3d(0.9, 0.9, 0.9); 18511 transform: scale3d(0.9, 0.9, 0.9); 18512 } 18513 18514 60% { 18515 opacity: 1; 18516 -webkit-transform: scale3d(1.03, 1.03, 1.03); 18517 transform: scale3d(1.03, 1.03, 1.03); 18518 } 18519 18520 80% { 18521 -webkit-transform: scale3d(0.97, 0.97, 0.97); 18522 transform: scale3d(0.97, 0.97, 0.97); 18523 } 18524 18525 to { 18526 opacity: 1; 18527 -webkit-transform: scale3d(1, 1, 1); 18528 transform: scale3d(1, 1, 1); 18529 } 18530} 18531 18532@keyframes bounceIn { 18533 from, 18534 20%, 18535 40%, 18536 60%, 18537 80%, 18538 to { 18539 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18540 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18541 } 18542 18543 0% { 18544 opacity: 0; 18545 -webkit-transform: scale3d(0.3, 0.3, 0.3); 18546 transform: scale3d(0.3, 0.3, 0.3); 18547 } 18548 18549 20% { 18550 -webkit-transform: scale3d(1.1, 1.1, 1.1); 18551 transform: scale3d(1.1, 1.1, 1.1); 18552 } 18553 18554 40% { 18555 -webkit-transform: scale3d(0.9, 0.9, 0.9); 18556 transform: scale3d(0.9, 0.9, 0.9); 18557 } 18558 18559 60% { 18560 opacity: 1; 18561 -webkit-transform: scale3d(1.03, 1.03, 1.03); 18562 transform: scale3d(1.03, 1.03, 1.03); 18563 } 18564 18565 80% { 18566 -webkit-transform: scale3d(0.97, 0.97, 0.97); 18567 transform: scale3d(0.97, 0.97, 0.97); 18568 } 18569 18570 to { 18571 opacity: 1; 18572 -webkit-transform: scale3d(1, 1, 1); 18573 transform: scale3d(1, 1, 1); 18574 } 18575} 18576 18577.bounceIn { 18578 -webkit-animation-duration: 0.75s; 18579 animation-duration: 0.75s; 18580 -webkit-animation-name: bounceIn; 18581 animation-name: bounceIn; 18582} 18583 18584@-webkit-keyframes bounceInDown { 18585 from, 18586 60%, 18587 75%, 18588 90%, 18589 to { 18590 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18591 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18592 } 18593 18594 0% { 18595 opacity: 0; 18596 -webkit-transform: translate3d(0, -3000px, 0); 18597 transform: translate3d(0, -3000px, 0); 18598 } 18599 18600 60% { 18601 opacity: 1; 18602 -webkit-transform: translate3d(0, 25px, 0); 18603 transform: translate3d(0, 25px, 0); 18604 } 18605 18606 75% { 18607 -webkit-transform: translate3d(0, -10px, 0); 18608 transform: translate3d(0, -10px, 0); 18609 } 18610 18611 90% { 18612 -webkit-transform: translate3d(0, 5px, 0); 18613 transform: translate3d(0, 5px, 0); 18614 } 18615 18616 to { 18617 -webkit-transform: translate3d(0, 0, 0); 18618 transform: translate3d(0, 0, 0); 18619 } 18620} 18621 18622@keyframes bounceInDown { 18623 from, 18624 60%, 18625 75%, 18626 90%, 18627 to { 18628 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18629 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18630 } 18631 18632 0% { 18633 opacity: 0; 18634 -webkit-transform: translate3d(0, -3000px, 0); 18635 transform: translate3d(0, -3000px, 0); 18636 } 18637 18638 60% { 18639 opacity: 1; 18640 -webkit-transform: translate3d(0, 25px, 0); 18641 transform: translate3d(0, 25px, 0); 18642 } 18643 18644 75% { 18645 -webkit-transform: translate3d(0, -10px, 0); 18646 transform: translate3d(0, -10px, 0); 18647 } 18648 18649 90% { 18650 -webkit-transform: translate3d(0, 5px, 0); 18651 transform: translate3d(0, 5px, 0); 18652 } 18653 18654 to { 18655 -webkit-transform: translate3d(0, 0, 0); 18656 transform: translate3d(0, 0, 0); 18657 } 18658} 18659 18660.bounceInDown { 18661 -webkit-animation-name: bounceInDown; 18662 animation-name: bounceInDown; 18663} 18664 18665@-webkit-keyframes bounceInLeft { 18666 from, 18667 60%, 18668 75%, 18669 90%, 18670 to { 18671 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18672 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18673 } 18674 18675 0% { 18676 opacity: 0; 18677 -webkit-transform: translate3d(-3000px, 0, 0); 18678 transform: translate3d(-3000px, 0, 0); 18679 } 18680 18681 60% { 18682 opacity: 1; 18683 -webkit-transform: translate3d(25px, 0, 0); 18684 transform: translate3d(25px, 0, 0); 18685 } 18686 18687 75% { 18688 -webkit-transform: translate3d(-10px, 0, 0); 18689 transform: translate3d(-10px, 0, 0); 18690 } 18691 18692 90% { 18693 -webkit-transform: translate3d(5px, 0, 0); 18694 transform: translate3d(5px, 0, 0); 18695 } 18696 18697 to { 18698 -webkit-transform: translate3d(0, 0, 0); 18699 transform: translate3d(0, 0, 0); 18700 } 18701} 18702 18703@keyframes bounceInLeft { 18704 from, 18705 60%, 18706 75%, 18707 90%, 18708 to { 18709 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18710 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18711 } 18712 18713 0% { 18714 opacity: 0; 18715 -webkit-transform: translate3d(-3000px, 0, 0); 18716 transform: translate3d(-3000px, 0, 0); 18717 } 18718 18719 60% { 18720 opacity: 1; 18721 -webkit-transform: translate3d(25px, 0, 0); 18722 transform: translate3d(25px, 0, 0); 18723 } 18724 18725 75% { 18726 -webkit-transform: translate3d(-10px, 0, 0); 18727 transform: translate3d(-10px, 0, 0); 18728 } 18729 18730 90% { 18731 -webkit-transform: translate3d(5px, 0, 0); 18732 transform: translate3d(5px, 0, 0); 18733 } 18734 18735 to { 18736 -webkit-transform: translate3d(0, 0, 0); 18737 transform: translate3d(0, 0, 0); 18738 } 18739} 18740 18741.bounceInLeft { 18742 -webkit-animation-name: bounceInLeft; 18743 animation-name: bounceInLeft; 18744} 18745 18746@-webkit-keyframes bounceInRight { 18747 from, 18748 60%, 18749 75%, 18750 90%, 18751 to { 18752 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18753 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18754 } 18755 18756 from { 18757 opacity: 0; 18758 -webkit-transform: translate3d(3000px, 0, 0); 18759 transform: translate3d(3000px, 0, 0); 18760 } 18761 18762 60% { 18763 opacity: 1; 18764 -webkit-transform: translate3d(-25px, 0, 0); 18765 transform: translate3d(-25px, 0, 0); 18766 } 18767 18768 75% { 18769 -webkit-transform: translate3d(10px, 0, 0); 18770 transform: translate3d(10px, 0, 0); 18771 } 18772 18773 90% { 18774 -webkit-transform: translate3d(-5px, 0, 0); 18775 transform: translate3d(-5px, 0, 0); 18776 } 18777 18778 to { 18779 -webkit-transform: translate3d(0, 0, 0); 18780 transform: translate3d(0, 0, 0); 18781 } 18782} 18783 18784@keyframes bounceInRight { 18785 from, 18786 60%, 18787 75%, 18788 90%, 18789 to { 18790 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18791 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18792 } 18793 18794 from { 18795 opacity: 0; 18796 -webkit-transform: translate3d(3000px, 0, 0); 18797 transform: translate3d(3000px, 0, 0); 18798 } 18799 18800 60% { 18801 opacity: 1; 18802 -webkit-transform: translate3d(-25px, 0, 0); 18803 transform: translate3d(-25px, 0, 0); 18804 } 18805 18806 75% { 18807 -webkit-transform: translate3d(10px, 0, 0); 18808 transform: translate3d(10px, 0, 0); 18809 } 18810 18811 90% { 18812 -webkit-transform: translate3d(-5px, 0, 0); 18813 transform: translate3d(-5px, 0, 0); 18814 } 18815 18816 to { 18817 -webkit-transform: translate3d(0, 0, 0); 18818 transform: translate3d(0, 0, 0); 18819 } 18820} 18821 18822.bounceInRight { 18823 -webkit-animation-name: bounceInRight; 18824 animation-name: bounceInRight; 18825} 18826 18827@-webkit-keyframes bounceInUp { 18828 from, 18829 60%, 18830 75%, 18831 90%, 18832 to { 18833 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18834 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18835 } 18836 18837 from { 18838 opacity: 0; 18839 -webkit-transform: translate3d(0, 3000px, 0); 18840 transform: translate3d(0, 3000px, 0); 18841 } 18842 18843 60% { 18844 opacity: 1;
18845 -webkit-transform: translate3d(0, -20px, 0); 18846 transform: translate3d(0, -20px, 0); 18847 } 18848 18849 75% { 18850 -webkit-transform: translate3d(0, 10px, 0); 18851 transform: translate3d(0, 10px, 0); 18852 } 18853 18854 90% { 18855 -webkit-transform: translate3d(0, -5px, 0); 18856 transform: translate3d(0, -5px, 0); 18857 } 18858 18859 to { 18860 -webkit-transform: translate3d(0, 0, 0); 18861 transform: translate3d(0, 0, 0); 18862 } 18863} 18864 18865@keyframes bounceInUp { 18866 from, 18867 60%, 18868 75%, 18869 90%, 18870 to { 18871 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18872 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 18873 } 18874 18875 from { 18876 opacity: 0; 18877 -webkit-transform: translate3d(0, 3000px, 0); 18878 transform: translate3d(0, 3000px, 0); 18879 } 18880 18881 60% { 18882 opacity: 1; 18883 -webkit-transform: translate3d(0, -20px, 0); 18884 transform: translate3d(0, -20px, 0); 18885 } 18886 18887 75% { 18888 -webkit-transform: translate3d(0, 10px, 0); 18889 transform: translate3d(0, 10px, 0); 18890 } 18891 18892 90% { 18893 -webkit-transform: translate3d(0, -5px, 0); 18894 transform: translate3d(0, -5px, 0); 18895 } 18896 18897 to { 18898 -webkit-transform: translate3d(0, 0, 0); 18899 transform: translate3d(0, 0, 0); 18900 } 18901} 18902 18903.bounceInUp { 18904 -webkit-animation-name: bounceInUp; 18905 animation-name: bounceInUp; 18906} 18907 18908@-webkit-keyframes bounceOut { 18909 20% { 18910 -webkit-transform: scale3d(0.9, 0.9, 0.9); 18911 transform: scale3d(0.9, 0.9, 0.9); 18912 } 18913 18914 50%, 18915 55% { 18916 opacity: 1; 18917 -webkit-transform: scale3d(1.1, 1.1, 1.1); 18918 transform: scale3d(1.1, 1.1, 1.1); 18919 } 18920 18921 to { 18922 opacity: 0; 18923 -webkit-transform: scale3d(0.3, 0.3, 0.3); 18924 transform: scale3d(0.3, 0.3, 0.3); 18925 } 18926} 18927 18928@keyframes bounceOut { 18929 20% { 18930 -webkit-transform: scale3d(0.9, 0.9, 0.9); 18931 transform: scale3d(0.9, 0.9, 0.9); 18932 } 18933 18934 50%, 18935 55% { 18936 opacity: 1; 18937 -webkit-transform: scale3d(1.1, 1.1, 1.1); 18938 transform: scale3d(1.1, 1.1, 1.1); 18939 } 18940 18941 to { 18942 opacity: 0; 18943 -webkit-transform: scale3d(0.3, 0.3, 0.3); 18944 transform: scale3d(0.3, 0.3, 0.3); 18945 } 18946} 18947 18948.bounceOut { 18949 -webkit-animation-duration: 0.75s; 18950 animation-duration: 0.75s; 18951 -webkit-animation-name: bounceOut; 18952 animation-name: bounceOut; 18953} 18954 18955@-webkit-keyframes bounceOutDown { 18956 20% { 18957 -webkit-transform: translate3d(0, 10px, 0); 18958 transform: translate3d(0, 10px, 0); 18959 } 18960 18961 40%, 18962 45% { 18963 opacity: 1; 18964 -webkit-transform: translate3d(0, -20px, 0); 18965 transform: translate3d(0, -20px, 0); 18966 } 18967 18968 to { 18969 opacity: 0; 18970 -webkit-transform: translate3d(0, 2000px, 0); 18971 transform: translate3d(0, 2000px, 0); 18972 } 18973} 18974 18975@keyframes bounceOutDown { 18976 20% { 18977 -webkit-transform: translate3d(0, 10px, 0); 18978 transform: translate3d(0, 10px, 0); 18979 } 18980 18981 40%, 18982 45% { 18983 opacity: 1; 18984 -webkit-transform: translate3d(0, -20px, 0); 18985 transform: translate3d(0, -20px, 0); 18986 } 18987 18988 to { 18989 opacity: 0; 18990 -webkit-transform: translate3d(0, 2000px, 0); 18991 transform: translate3d(0, 2000px, 0); 18992 } 18993} 18994 18995.bounceOutDown { 18996 -webkit-animation-name: bounceOutDown; 18997 animation-name: bounceOutDown; 18998} 18999 19000@-webkit-keyframes bounceOutLeft { 19001 20% { 19002 opacity: 1; 19003 -webkit-transform: translate3d(20px, 0, 0); 19004 transform: translate3d(20px, 0, 0); 19005 } 19006 19007 to { 19008 opacity: 0; 19009 -webkit-transform: translate3d(-2000px, 0, 0); 19010 transform: translate3d(-2000px, 0, 0); 19011 } 19012} 19013 19014@keyframes bounceOutLeft { 19015 20% { 19016 opacity: 1; 19017 -webkit-transform: translate3d(20px, 0, 0); 19018 transform: translate3d(20px, 0, 0); 19019 } 19020 19021 to { 19022 opacity: 0; 19023 -webkit-transform: translate3d(-2000px, 0, 0); 19024 transform: translate3d(-2000px, 0, 0); 19025 } 19026} 19027 19028.bounceOutLeft { 19029 -webkit-animation-name: bounceOutLeft; 19030 animation-name: bounceOutLeft; 19031} 19032 19033@-webkit-keyframes bounceOutRight { 19034 20% { 19035 opacity: 1; 19036 -webkit-transform: translate3d(-20px, 0, 0); 19037 transform: translate3d(-20px, 0, 0); 19038 } 19039 19040 to { 19041 opacity: 0; 19042 -webkit-transform: translate3d(2000px, 0, 0); 19043 transform: translate3d(2000px, 0, 0); 19044 } 19045} 19046 19047@keyframes bounceOutRight { 19048 20% { 19049 opacity: 1; 19050 -webkit-transform: translate3d(-20px, 0, 0); 19051 transform: translate3d(-20px, 0, 0); 19052 } 19053 19054 to { 19055 opacity: 0; 19056 -webkit-transform: translate3d(2000px, 0, 0); 19057 transform: translate3d(2000px, 0, 0); 19058 } 19059} 19060 19061.bounceOutRight { 19062 -webkit-animation-name: bounceOutRight; 19063 animation-name: bounceOutRight; 19064} 19065 19066@-webkit-keyframes bounceOutUp { 19067 20% { 19068 -webkit-transform: translate3d(0, -10px, 0); 19069 transform: translate3d(0, -10px, 0); 19070 } 19071 19072 40%, 19073 45% { 19074 opacity: 1; 19075 -webkit-transform: translate3d(0, 20px, 0); 19076 transform: translate3d(0, 20px, 0); 19077 } 19078 19079 to { 19080 opacity: 0; 19081 -webkit-transform: translate3d(0, -2000px, 0); 19082 transform: translate3d(0, -2000px, 0); 19083 } 19084} 19085 19086@keyframes bounceOutUp { 19087 20% { 19088 -webkit-transform: translate3d(0, -10px, 0); 19089 transform: translate3d(0, -10px, 0); 19090 } 19091 19092 40%, 19093 45% { 19094 opacity: 1; 19095 -webkit-transform: translate3d(0, 20px, 0); 19096 transform: translate3d(0, 20px, 0); 19097 } 19098 19099 to { 19100 opacity: 0; 19101 -webkit-transform: translate3d(0, -2000px, 0); 19102 transform: translate3d(0, -2000px, 0); 19103 } 19104} 19105 19106.bounceOutUp { 19107 -webkit-animation-name: bounceOutUp; 19108 animation-name: bounceOutUp; 19109} 19110 19111@-webkit-keyframes fadeIn { 19112 from { 19113 opacity: 0; 19114 } 19115 19116 to { 19117 opacity: 1; 19118 } 19119} 19120 19121@keyframes fadeIn { 19122 from { 19123 opacity: 0; 19124 } 19125 19126 to { 19127 opacity: 1; 19128 } 19129} 19130 19131.fadeIn { 19132 -webkit-animation-name: fadeIn; 19133 animation-name: fadeIn; 19134} 19135 19136@-webkit-keyframes fadeInDown { 19137 from { 19138 opacity: 0; 19139 -webkit-transform: translate3d(0, -100%, 0); 19140 transform: translate3d(0, -100%, 0); 19141 } 19142 19143 to { 19144 opacity: 1; 19145 -webkit-transform: translate3d(0, 0, 0); 19146 transform: translate3d(0, 0, 0); 19147 } 19148} 19149 19150@keyframes fadeInDown { 19151 from { 19152 opacity: 0; 19153 -webkit-transform: translate3d(0, -100%, 0); 19154 transform: translate3d(0, -100%, 0); 19155 } 19156 19157 to { 19158 opacity: 1; 19159 -webkit-transform: translate3d(0, 0, 0); 19160 transform: translate3d(0, 0, 0); 19161 } 19162} 19163 19164.fadeInDown { 19165 -webkit-animation-name: fadeInDown; 19166 animation-name: fadeInDown; 19167} 19168 19169@-webkit-keyframes fadeInDownBig { 19170 from { 19171 opacity: 0; 19172 -webkit-transform: translate3d(0, -2000px, 0); 19173 transform: translate3d(0, -2000px, 0); 19174 } 19175 19176 to { 19177 opacity: 1; 19178 -webkit-transform: translate3d(0, 0, 0); 19179 transform: translate3d(0, 0, 0); 19180 } 19181} 19182 19183@keyframes fadeInDownBig { 19184 from { 19185 opacity: 0; 19186 -webkit-transform: translate3d(0, -2000px, 0); 19187 transform: translate3d(0, -2000px, 0); 19188 } 19189 19190 to { 19191 opacity: 1; 19192 -webkit-transform: translate3d(0, 0, 0); 19193 transform: translate3d(0, 0, 0); 19194 } 19195} 19196 19197.fadeInDownBig { 19198 -webkit-animation-name: fadeInDownBig; 19199 animation-name: fadeInDownBig; 19200} 19201 19202@-webkit-keyframes fadeInLeft { 19203 from { 19204 opacity: 0; 19205 -webkit-transform: translate3d(-100%, 0, 0); 19206 transform: translate3d(-100%, 0, 0); 19207 } 19208 19209 to { 19210 opacity: 1; 19211 -webkit-transform: translate3d(0, 0, 0); 19212 transform: translate3d(0, 0, 0); 19213 } 19214} 19215 19216@keyframes fadeInLeft { 19217 from { 19218 opacity: 0; 19219 -webkit-transform: translate3d(-100%, 0, 0); 19220 transform: translate3d(-100%, 0, 0); 19221 } 19222 19223 to { 19224 opacity: 1; 19225 -webkit-transform: translate3d(0, 0, 0); 19226 transform: translate3d(0, 0, 0); 19227 } 19228} 19229 19230.fadeInLeft { 19231 -webkit-animation-name: fadeInLeft; 19232 animation-name: fadeInLeft; 19233} 19234 19235@-webkit-keyframes fadeInLeftBig { 19236 from { 19237 opacity: 0; 19238 -webkit-transform: translate3d(-2000px, 0, 0); 19239 transform: translate3d(-2000px, 0, 0); 19240 } 19241 19242 to { 19243 opacity: 1; 19244 -webkit-transform: translate3d(0, 0, 0); 19245 transform: translate3d(0, 0, 0); 19246 } 19247} 19248 19249@keyframes fadeInLeftBig { 19250 from { 19251 opacity: 0; 19252 -webkit-transform: translate3d(-2000px, 0, 0); 19253 transform: translate3d(-2000px, 0, 0); 19254 } 19255 19256 to { 19257 opacity: 1; 19258 -webkit-transform: translate3d(0, 0, 0); 19259 transform: translate3d(0, 0, 0); 19260 } 19261} 19262 19263.fadeInLeftBig { 19264 -webkit-animation-name: fadeInLeftBig; 19265 animation-name: fadeInLeftBig; 19266} 19267 19268@-webkit-keyframes fadeInRight { 19269 from { 19270 opacity: 0; 19271 -webkit-transform: translate3d(100%, 0, 0); 19272 transform: translate3d(100%, 0, 0); 19273 } 19274 19275 to { 19276 opacity: 1; 19277 -webkit-transform: translate3d(0, 0, 0); 19278 transform: translate3d(0, 0, 0); 19279 } 19280} 19281 19282@keyframes fadeInRight { 19283 from { 19284 opacity: 0; 19285 -webkit-transform: translate3d(100%, 0, 0); 19286 transform: translate3d(100%, 0, 0); 19287 } 19288 19289 to { 19290 opacity: 1; 19291 -webkit-transform: translate3d(0, 0, 0); 19292 transform: translate3d(0, 0, 0); 19293 } 19294} 19295 19296.fadeInRight { 19297 -webkit-animation-name: fadeInRight; 19298 animation-name: fadeInRight; 19299} 19300 19301@-webkit-keyframes fadeInRightBig { 19302 from { 19303 opacity: 0; 19304 -webkit-transform: translate3d(2000px, 0, 0); 19305 transform: translate3d(2000px, 0, 0); 19306 } 19307 19308 to { 19309 opacity: 1; 19310 -webkit-transform: translate3d(0, 0, 0); 19311 transform: translate3d(0, 0, 0); 19312 } 19313} 19314 19315@keyframes fadeInRightBig { 19316 from { 19317 opacity: 0; 19318 -webkit-transform: translate3d(2000px, 0, 0); 19319 transform: translate3d(2000px, 0, 0); 19320 } 19321 19322 to { 19323 opacity: 1; 19324 -webkit-transform: translate3d(0, 0, 0); 19325 transform: translate3d(0, 0, 0); 19326 } 19327} 19328 19329.fadeInRightBig { 19330 -webkit-animation-name: fadeInRightBig; 19331 animation-name: fadeInRightBig; 19332} 19333 19334@-webkit-keyframes fadeInUp { 19335 from { 19336 opacity: 0; 19337 -webkit-transform: translate3d(0, 100%, 0); 19338 transform: translate3d(0, 100%, 0); 19339 } 19340 19341 to { 19342 opacity: 1; 19343 -webkit-transform: translate3d(0, 0, 0); 19344 transform: translate3d(0, 0, 0); 19345 } 19346} 19347 19348@keyframes fadeInUp { 19349 from { 19350 opacity: 0; 19351 -webkit-transform: translate3d(0, 100%, 0); 19352 transform: translate3d(0, 100%, 0); 19353 } 19354 19355 to { 19356 opacity: 1; 19357 -webkit-transform: translate3d(0, 0, 0); 19358 transform: translate3d(0, 0, 0); 19359 } 19360} 19361 19362.fadeInUp { 19363 -webkit-animation-name: fadeInUp; 19364 animation-name: fadeInUp; 19365} 19366 19367@-webkit-keyframes fadeInUpBig { 19368 from { 19369 opacity: 0; 19370 -webkit-transform: translate3d(0, 2000px, 0); 19371 transform: translate3d(0, 2000px, 0); 19372 } 19373 19374 to { 19375 opacity: 1; 19376 -webkit-transform: translate3d(0, 0, 0); 19377 transform: translate3d(0, 0, 0); 19378 } 19379} 19380 19381@keyframes fadeInUpBig { 19382 from { 19383 opacity: 0; 19384 -webkit-transform: translate3d(0, 2000px, 0); 19385 transform: translate3d(0, 2000px, 0); 19386 } 19387 19388 to { 19389 opacity: 1; 19390 -webkit-transform: translate3d(0, 0, 0); 19391 transform: translate3d(0, 0, 0); 19392 } 19393} 19394 19395.fadeInUpBig { 19396 -webkit-animation-name: fadeInUpBig; 19397 animation-name: fadeInUpBig; 19398} 19399 19400@-webkit-keyframes fadeOut { 19401 from { 19402 opacity: 1; 19403 } 19404 19405 to { 19406 opacity: 0; 19407 } 19408} 19409 19410@keyframes fadeOut { 19411 from { 19412 opacity: 1; 19413 } 19414 19415 to { 19416 opacity: 0; 19417 } 19418} 19419 19420.fadeOut { 19421 -webkit-animation-name: fadeOut; 19422 animation-name: fadeOut; 19423} 19424 19425@-webkit-keyframes fadeOutDown { 19426 from { 19427 opacity: 1; 19428 } 19429 19430 to { 19431 opacity: 0; 19432 -webkit-transform: translate3d(0, 100%, 0); 19433 transform: translate3d(0, 100%, 0); 19434 } 19435} 19436 19437@keyframes fadeOutDown { 19438 from { 19439 opacity: 1; 19440 } 19441 19442 to { 19443 opacity: 0; 19444 -webkit-transform: translate3d(0, 100%, 0); 19445 transform: translate3d(0, 100%, 0); 19446 } 19447} 19448 19449.fadeOutDown { 19450 -webkit-animation-name: fadeOutDown; 19451 animation-name: fadeOutDown; 19452} 19453 19454@-webkit-keyframes fadeOutDownBig { 19455 from { 19456 opacity: 1; 19457 } 19458 19459 to { 19460 opacity: 0; 19461 -webkit-transform: translate3d(0, 2000px, 0); 19462 transform: translate3d(0, 2000px, 0); 19463 } 19464} 19465 19466@keyframes fadeOutDownBig { 19467 from { 19468 opacity: 1; 19469 } 19470 19471 to { 19472 opacity: 0; 19473 -webkit-transform: translate3d(0, 2000px, 0); 19474 transform: translate3d(0, 2000px, 0); 19475 } 19476} 19477 19478.fadeOutDownBig { 19479 -webkit-animation-name: fadeOutDownBig; 19480 animation-name: fadeOutDownBig; 19481} 19482 19483@-webkit-keyframes fadeOutLeft { 19484 from { 19485 opacity: 1; 19486 } 19487 19488 to { 19489 opacity: 0; 19490 -webkit-transform: translate3d(-100%, 0, 0); 19491 transform: translate3d(-100%, 0, 0); 19492 } 19493} 19494 19495@keyframes fadeOutLeft { 19496 from { 19497 opacity: 1; 19498 } 19499 19500 to { 19501 opacity: 0; 19502 -webkit-transform: translate3d(-100%, 0, 0); 19503 transform: translate3d(-100%, 0, 0); 19504 } 19505} 19506 19507.fadeOutLeft { 19508 -webkit-animation-name: fadeOutLeft; 19509 animation-name: fadeOutLeft; 19510} 19511 19512@-webkit-keyframes fadeOutLeftBig { 19513 from { 19514 opacity: 1; 19515 } 19516 19517 to { 19518 opacity: 0; 19519 -webkit-transform: translate3d(-2000px, 0, 0); 19520 transform: translate3d(-2000px, 0, 0); 19521 } 19522} 19523 19524@keyframes fadeOutLeftBig { 19525 from { 19526 opacity: 1; 19527 } 19528 19529 to { 19530 opacity: 0; 19531 -webkit-transform: translate3d(-2000px, 0, 0); 19532 transform: translate3d(-2000px, 0, 0); 19533 } 19534} 19535 19536.fadeOutLeftBig { 19537 -webkit-animation-name: fadeOutLeftBig; 19538 animation-name: fadeOutLeftBig; 19539} 19540 19541@-webkit-keyframes fadeOutRight { 19542 from { 19543 opacity: 1; 19544 } 19545 19546 to { 19547 opacity: 0; 19548 -webkit-transform: translate3d(100%, 0, 0); 19549 transform: translate3d(100%, 0, 0); 19550 } 19551} 19552 19553@keyframes fadeOutRight { 19554 from { 19555 opacity: 1; 19556 } 19557 19558 to { 19559 opacity: 0; 19560 -webkit-transform: translate3d(100%, 0, 0); 19561 transform: translate3d(100%, 0, 0); 19562 } 19563} 19564 19565.fadeOutRight { 19566 -webkit-animation-name: fadeOutRight; 19567 animation-name: fadeOutRight; 19568} 19569 19570@-webkit-keyframes fadeOutRightBig { 19571 from { 19572 opacity: 1; 19573 } 19574 19575 to { 19576 opacity: 0; 19577 -webkit-transform: translate3d(2000px, 0, 0); 19578 transform: translate3d(2000px, 0, 0); 19579 } 19580} 19581 19582@keyframes fadeOutRightBig { 19583 from { 19584 opacity: 1; 19585 } 19586 19587 to { 19588 opacity: 0; 19589 -webkit-transform: translate3d(2000px, 0, 0); 19590 transform: translate3d(2000px, 0, 0); 19591 } 19592} 19593 19594.fadeOutRightBig { 19595 -webkit-animation-name: fadeOutRightBig; 19596 animation-name: fadeOutRightBig; 19597} 19598 19599@-webkit-keyframes fadeOutUp { 19600 from { 19601 opacity: 1; 19602 } 19603 19604 to { 19605 opacity: 0; 19606 -webkit-transform: translate3d(0, -100%, 0); 19607 transform: translate3d(0, -100%, 0); 19608 } 19609} 19610 19611@keyframes fadeOutUp { 19612 from { 19613 opacity: 1; 19614 } 19615 19616 to { 19617 opacity: 0; 19618 -webkit-transform: translate3d(0, -100%, 0); 19619 transform: translate3d(0, -100%, 0); 19620 } 19621} 19622 19623.fadeOutUp { 19624 -webkit-animation-name: fadeOutUp; 19625 animation-name: fadeOutUp; 19626} 19627 19628@-webkit-keyframes fadeOutUpBig { 19629 from { 19630 opacity: 1; 19631 } 19632 19633 to { 19634 opacity: 0; 19635 -webkit-transform: translate3d(0, -2000px, 0); 19636 transform: translate3d(0, -2000px, 0); 19637 } 19638} 19639 19640@keyframes fadeOutUpBig { 19641 from { 19642 opacity: 1; 19643 } 19644 19645 to { 19646 opacity: 0; 19647 -webkit-transform: translate3d(0, -2000px, 0); 19648 transform: translate3d(0, -2000px, 0); 19649 } 19650} 19651 19652.fadeOutUpBig { 19653 -webkit-animation-name: fadeOutUpBig; 19654 animation-name: fadeOutUpBig; 19655} 19656 19657@-webkit-keyframes flip { 19658 from { 19659 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 19660 transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 19661 -webkit-animation-timing-function: ease-out; 19662 animation-timing-function: ease-out; 19663 } 19664 19665 40% { 19666 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 19667 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 19668 -webkit-animation-timing-function: ease-out; 19669 animation-timing-function: ease-out; 19670 } 19671 19672 50% { 19673 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 19674 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 19675 -webkit-animation-timing-function: ease-in; 19676 animation-timing-function: ease-in; 19677 } 19678 19679 80% { 19680 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); 19681 transform: perspective(400px) scale3d(0.95, 0.95, 0.95); 19682 -webkit-animation-timing-function: ease-in; 19683 animation-timing-function: ease-in; 19684 } 19685 19686 to { 19687 -webkit-transform: perspective(400px); 19688 transform: perspective(400px); 19689 -webkit-animation-timing-function: ease-in; 19690 animation-timing-function: ease-in; 19691 } 19692} 19693 19694@keyframes flip { 19695 from { 19696 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 19697 transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 19698 -webkit-animation-timing-function: ease-out; 19699 animation-timing-function: ease-out; 19700 } 19701 19702 40% { 19703 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 19704 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 19705 -webkit-animation-timing-function: ease-out; 19706 animation-timing-function: ease-out; 19707 } 19708 19709 50% { 19710 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 19711 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 19712 -webkit-animation-timing-function: ease-in; 19713 animation-timing-function: ease-in; 19714 } 19715 19716 80% { 19717 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); 19718 transform: perspective(400px) scale3d(0.95, 0.95, 0.95); 19719 -webkit-animation-timing-function: ease-in; 19720 animation-timing-fu
19720nction: ease-in; 19721 } 19722 19723 to { 19724 -webkit-transform: perspective(400px); 19725 transform: perspective(400px); 19726 -webkit-animation-timing-function: ease-in; 19727 animation-timing-function: ease-in; 19728 } 19729} 19730 19731.animated.flip { 19732 -webkit-backface-visibility: visible; 19733 backface-visibility: visible; 19734 -webkit-animation-name: flip; 19735 animation-name: flip; 19736} 19737 19738@-webkit-keyframes flipInX { 19739 from { 19740 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19741 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19742 -webkit-animation-timing-function: ease-in; 19743 animation-timing-function: ease-in; 19744 opacity: 0; 19745 } 19746 19747 40% { 19748 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19749 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19750 -webkit-animation-timing-function: ease-in; 19751 animation-timing-function: ease-in; 19752 } 19753 19754 60% { 19755 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 19756 transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 19757 opacity: 1; 19758 } 19759 19760 80% { 19761 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 19762 transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 19763 } 19764 19765 to { 19766 -webkit-transform: perspective(400px); 19767 transform: perspective(400px); 19768 } 19769} 19770 19771@keyframes flipInX { 19772 from { 19773 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19774 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19775 -webkit-animation-timing-function: ease-in; 19776 animation-timing-function: ease-in; 19777 opacity: 0; 19778 } 19779 19780 40% {
19781 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19782 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19783 -webkit-animation-timing-function: ease-in; 19784 animation-timing-function: ease-in; 19785 } 19786 19787 60% { 19788 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 19789 transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 19790 opacity: 1; 19791 } 19792 19793 80% { 19794 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 19795 transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 19796 } 19797 19798 to { 19799 -webkit-transform: perspective(400px); 19800 transform: perspective(400px); 19801 } 19802} 19803 19804.flipInX { 19805 -webkit-backface-visibility: visible !important; 19806 backface-visibility: visible !important; 19807 -webkit-animation-name: flipInX; 19808 animation-name: flipInX; 19809} 19810 19811@-webkit-keyframes flipInY { 19812 from { 19813 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19814 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19815 -webkit-animation-timing-function: ease-in; 19816 animation-timing-function: ease-in; 19817 opacity: 0; 19818 } 19819 19820 40% {
19821 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 19822 transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 19823 -webkit-animation-timing-function: ease-in; 19824 animation-timing-function: ease-in; 19825 } 19826 19827 60% { 19828 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 19829 transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 19830 opacity: 1; 19831 } 19832 19833 80% { 19834 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 19835 transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 19836 } 19837 19838 to { 19839 -webkit-transform: perspective(400px); 19840 transform: perspective(400px); 19841 } 19842} 19843 19844@keyframes flipInY { 19845 from { 19846 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19847 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19848 -webkit-animation-timing-function: ease-in; 19849 animation-timing-function: ease-in; 19850 opacity: 0; 19851 } 19852 19853 40% { 19854 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 19855 transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 19856 -webkit-animation-timing-function: ease-in; 19857 animation-timing-function: ease-in; 19858 } 19859 19860 60% { 19861 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 19862 transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 19863 opacity: 1; 19864 } 19865 19866 80% { 19867 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 19868 transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 19869 } 19870 19871 to { 19872 -webkit-transform: perspective(400px); 19873 transform: perspective(400px); 19874 } 19875} 19876 19877.flipInY { 19878 -webkit-backface-visibility: visible !important; 19879 backface-visibility: visible !important; 19880 -webkit-animation-name: flipInY; 19881 animation-name: flipInY; 19882} 19883 19884@-webkit-keyframes flipOutX { 19885 from { 19886 -webkit-transform: perspective(400px); 19887 transform: perspective(400px); 19888 } 19889 19890 30% {
19891 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19892 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19893 opacity: 1; 19894 } 19895 19896 to { 19897 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19898 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19899 opacity: 0; 19900 } 19901} 19902 19903@keyframes flipOutX { 19904 from { 19905 -webkit-transform: perspective(400px); 19906 transform: perspective(400px); 19907 } 19908 19909 30% { 19910 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19911 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 19912 opacity: 1; 19913 } 19914 19915 to { 19916 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19917 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 19918 opacity: 0; 19919 } 19920} 19921 19922.flipOutX { 19923 -webkit-animation-duration: 0.75s; 19924 animation-duration: 0.75s; 19925 -webkit-animation-name: flipOutX; 19926 animation-name: flipOutX; 19927 -webkit-backface-visibility: visible !important; 19928 backface-visibility: visible !important; 19929} 19930 19931@-webkit-keyframes flipOutY { 19932 from { 19933 -webkit-transform: perspective(400px); 19934 transform: perspective(400px); 19935 } 19936 19937 30% { 19938 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 19939 transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 19940 opacity: 1; 19941 } 19942 19943 to { 19944 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19945 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19946 opacity: 0; 19947 } 19948} 19949 19950@keyframes flipOutY { 19951 from { 19952 -webkit-transform: perspective(400px); 19953 transform: perspective(400px); 19954 } 19955 19956 30% { 19957 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 19958 transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 19959 opacity: 1; 19960 } 19961 19962 to { 19963 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19964 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 19965 opacity: 0; 19966 } 19967} 19968 19969.flipOutY { 19970 -webkit-animation-duration: 0.75s; 19971 animation-duration: 0.75s; 19972 -webkit-backface-visibility: visible !important; 19973 backface-visibility: visible !important; 19974 -webkit-animation-name: flipOutY; 19975 animation-name: flipOutY; 19976} 19977 19978@-webkit-keyframes lightSpeedIn { 19979 from { 19980 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 19981 transform: translate3d(100%, 0, 0) skewX(-30deg); 19982 opacity: 0; 19983 } 19984 19985 60% { 19986 -webkit-transform: skewX(20deg); 19987 transform: skewX(20deg); 19988 opacity: 1; 19989 } 19990 19991 80% { 19992 -webkit-transform: skewX(-5deg); 19993 transform: skewX(-5deg); 19994 opacity: 1; 19995 } 19996 19997 to { 19998 -webkit-transform: translate3d(0, 0, 0); 19999 transform: translate3d(0, 0, 0); 20000 opacity: 1; 20001 } 20002} 20003 20004@keyframes lightSpeedIn { 20005 from { 20006 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 20007 transform: translate3d(100%, 0, 0) skewX(-30deg); 20008 opacity: 0; 20009 } 20010 20011 60% { 20012 -webkit-transform: skewX(20deg); 20013 transform: skewX(20deg); 20014 opacity: 1; 20015 } 20016 20017 80% { 20018 -webkit-transform: skewX(-5deg); 20019 transform: skewX(-5deg); 20020 opacity: 1; 20021 } 20022 20023 to { 20024 -webkit-transform: translate3d(0, 0, 0); 20025 transform: translate3d(0, 0, 0); 20026 opacity: 1; 20027 } 20028} 20029 20030.lightSpeedIn { 20031 -webkit-animation-name: lightSpeedIn; 20032 animation-name: lightSpeedIn; 20033 -webkit-animation-timing-function: ease-out; 20034 animation-timing-function: ease-out; 20035} 20036 20037@-webkit-keyframes lightSpeedOut { 20038 from { 20039 opacity: 1; 20040 } 20041 20042 to { 20043 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 20044 transform: translate3d(100%, 0, 0) skewX(30deg); 20045 opacity: 0; 20046 } 20047} 20048 20049@keyframes lightSpeedOut { 20050 from { 20051 opacity: 1; 20052 } 20053 20054 to { 20055 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 20056 transform: translate3d(100%, 0, 0) skewX(30deg); 20057 opacity: 0; 20058 } 20059} 20060 20061.lightSpeedOut { 20062 -webkit-animation-name: lightSpeedOut; 20063 animation-name: lightSpeedOut; 20064 -webkit-animation-timing-function: ease-in; 20065 animation-timing-function: ease-in; 20066} 20067 20068@-webkit-keyframes rotateIn { 20069 from { 20070 -webkit-transform-origin: center; 20071 transform-origin: center; 20072 -webkit-transform: rotate3d(0, 0, 1, -200deg); 20073 transform: rotate3d(0, 0, 1, -200deg); 20074 opacity: 0; 20075 } 20076 20077 to { 20078 -webkit-transform-origin: center; 20079 transform-origin: center; 20080 -webkit-transform: translate3d(0, 0, 0); 20081 transform: translate3d(0, 0, 0); 20082 opacity: 1; 20083 } 20084} 20085 20086@keyframes rotateIn { 20087 from { 20088 -webkit-transform-origin: center; 20089 transform-origin: center; 20090 -webkit-transform: rotate3d(0, 0, 1, -200deg); 20091 transform: rotate3d(0, 0, 1, -200deg); 20092 opacity: 0; 20093 } 20094 20095 to { 20096 -webkit-transform-origin: center; 20097 transform-origin: center; 20098 -webkit-transform: translate3d(0, 0, 0); 20099 transform: translate3d(0, 0, 0); 20100 opacity: 1; 20101 } 20102} 20103 20104.rotateIn { 20105 -webkit-animation-name: rotateIn; 20106 animation-name: rotateIn; 20107} 20108 20109@-webkit-keyframes rotateInDownLeft { 20110 from { 20111 -webkit-transform-origin: left bottom; 20112 transform-origin: left bottom; 20113 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20114 transform: rotate3d(0, 0, 1, -45deg); 20115 opacity: 0; 20116 } 20117 20118 to { 20119 -webkit-transform-origin: left bottom; 20120 transform-origin: left bottom; 20121 -webkit-transform: translate3d(0, 0, 0); 20122 transform: translate3d(0, 0, 0); 20123 opacity: 1; 20124 } 20125} 20126 20127@keyframes rotateInDownLeft { 20128 from { 20129 -webkit-transform-origin: left bottom; 20130 transform-origin: left bottom; 20131 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20132 transform: rotate3d(0, 0, 1, -45deg); 20133 opacity: 0; 20134 } 20135 20136 to { 20137 -webkit-transform-origin: left bottom; 20138 transform-origin: left bottom; 20139 -webkit-transform: translate3d(0, 0, 0); 20140 transform: translate3d(0, 0, 0); 20141 opacity: 1; 20142 } 20143} 20144 20145.rotateInDownLeft { 20146 -webkit-animation-name: rotateInDownLeft; 20147 animation-name: rotateInDownLeft; 20148} 20149 20150@-webkit-keyframes rotateInDownRight { 20151 from { 20152 -webkit-transform-origin: right bottom; 20153 transform-origin: right bottom; 20154 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20155 transform: rotate3d(0, 0, 1, 45deg); 20156 opacity: 0; 20157 } 20158 20159 to { 20160 -webkit-transform-origin: right bottom; 20161 transform-origin: right bottom; 20162 -webkit-transform: translate3d(0, 0, 0); 20163 transform: translate3d(0, 0, 0); 20164 opacity: 1; 20165 } 20166} 20167 20168@keyframes rotateInDownRight { 20169 from { 20170 -webkit-transform-origin: right bottom; 20171 transform-origin: right bottom; 20172 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20173 transform: rotate3d(0, 0, 1, 45deg); 20174 opacity: 0; 20175 } 20176 20177 to { 20178 -webkit-transform-origin: right bottom; 20179 transform-origin: right bottom; 20180 -webkit-transform: translate3d(0, 0, 0); 20181 transform: translate3d(0, 0, 0); 20182 opacity: 1; 20183 } 20184} 20185 20186.rotateInDownRight { 20187 -webkit-animation-name: rotateInDownRight; 20188 animation-name: rotateInDownRight; 20189} 20190 20191@-webkit-keyframes rotateInUpLeft { 20192 from { 20193 -webkit-transform-origin: left bottom; 20194 transform-origin: left bottom; 20195 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20196 transform: rotate3d(0, 0, 1, 45deg); 20197 opacity: 0; 20198 } 20199 20200 to { 20201 -webkit-transform-origin: left bottom; 20202 transform-origin: left bottom; 20203 -webkit-transform: translate3d(0, 0, 0); 20204 transform: translate3d(0, 0, 0); 20205 opacity: 1; 20206 } 20207} 20208 20209@keyframes rotateInUpLeft { 20210 from { 20211 -webkit-transform-origin: left bottom; 20212 transform-origin: left bottom; 20213 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20214 transform: rotate3d(0, 0, 1, 45deg); 20215 opacity: 0; 20216 } 20217 20218 to { 20219 -webkit-transform-origin: left bottom; 20220 transform-origin: left bottom; 20221 -webkit-transform: translate3d(0, 0, 0); 20222 transform: translate3d(0, 0, 0); 20223 opacity: 1; 20224 } 20225} 20226 20227.rotateInUpLeft { 20228 -webkit-animation-name: rotateInUpLeft; 20229 animation-name: rotateInUpLeft; 20230} 20231
20232@-webkit-keyframes rotateInUpRight { 20233 from { 20234 -webkit-transform-origin: right bottom; 20235 transform-origin: right bottom; 20236 -webkit-transform: rotate3d(0, 0, 1, -90deg); 20237 transform: rotate3d(0, 0, 1, -90deg); 20238 opacity: 0; 20239 } 20240 20241 to { 20242 -webkit-transform-origin: right bottom; 20243 transform-origin: right bottom; 20244 -webkit-transform: translate3d(0, 0, 0); 20245 transform: translate3d(0, 0, 0); 20246 opacity: 1; 20247 } 20248} 20249 20250@keyframes rotateInUpRight { 20251 from { 20252 -webkit-transform-origin: right bottom; 20253 transform-origin: right bottom; 20254 -webkit-transform: rotate3d(0, 0, 1, -90deg); 20255 transform: rotate3d(0, 0, 1, -90deg); 20256 opacity: 0; 20257 } 20258 20259 to { 20260 -webkit-transform-origin: right bottom; 20261 transform-origin: right bottom; 20262 -webkit-transform: translate3d(0, 0, 0); 20263 transform: translate3d(0, 0, 0); 20264 opacity: 1; 20265 } 20266} 20267 20268.rotateInUpRight { 20269 -webkit-animation-name: rotateInUpRight; 20270 animation-name: rotateInUpRight; 20271} 20272 20273@-webkit-keyframes rotateOut { 20274 from { 20275 -webkit-transform-origin: center; 20276 transform-origin: center; 20277 opacity: 1; 20278 } 20279 20280 to { 20281 -webkit-transform-origin: center; 20282 transform-origin: center; 20283 -webkit-transform: rotate3d(0, 0, 1, 200deg); 20284 transform: rotate3d(0, 0, 1, 200deg); 20285 opacity: 0; 20286 } 20287} 20288 20289@keyframes rotateOut { 20290 from { 20291 -webkit-transform-origin: center; 20292 transform-origin: center; 20293 opacity: 1; 20294 } 20295 20296 to { 20297 -webkit-transform-origin: center; 20298 transform-origin: center; 20299 -webkit-transform: rotate3d(0, 0, 1, 200deg); 20300 transform: rotate3d(0, 0, 1, 200deg); 20301 opacity: 0; 20302 } 20303} 20304 20305.rotateOut { 20306 -webkit-animation-name: rotateOut; 20307 animation-name: rotateOut; 20308} 20309 20310@-webkit-keyframes rotateOutDownLeft { 20311 from { 20312 -webkit-transform-origin: left bottom; 20313 transform-origin: left bottom; 20314 opacity: 1; 20315 } 20316 20317 to { 20318 -webkit-transform-origin: left bottom; 20319 transform-origin: left bottom; 20320 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20321 transform: rotate3d(0, 0, 1, 45deg); 20322 opacity: 0; 20323 } 20324} 20325 20326@keyframes rotateOutDownLeft { 20327 from { 20328 -webkit-transform-origin: left bottom; 20329 transform-origin: left bottom; 20330 opacity: 1; 20331 } 20332 20333 to { 20334 -webkit-transform-origin: left bottom; 20335 transform-origin: left bottom; 20336 -webkit-transform: rotate3d(0, 0, 1, 45deg); 20337 transform: rotate3d(0, 0, 1, 45deg); 20338 opacity: 0; 20339 } 20340} 20341 20342.rotateOutDownLeft { 20343 -webkit-animation-name: rotateOutDownLeft; 20344 animation-name: rotateOutDownLeft; 20345} 20346 20347@-webkit-keyframes rotateOutDownRight { 20348 from { 20349 -webkit-transform-origin: right bottom; 20350 transform-origin: right bottom; 20351 opacity: 1; 20352 } 20353 20354 to { 20355 -webkit-transform-origin: right bottom; 20356 transform-origin: right bottom; 20357 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20358 transform: rotate3d(0, 0, 1, -45deg); 20359 opacity: 0; 20360 } 20361} 20362 20363@keyframes rotateOutDownRight { 20364 from { 20365 -webkit-transform-origin: right bottom; 20366 transform-origin: right bottom; 20367 opacity: 1; 20368 } 20369 20370 to { 20371 -webkit-transform-origin: right bottom; 20372 transform-origin: right bottom; 20373 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20374 transform: rotate3d(0, 0, 1, -45deg); 20375 opacity: 0; 20376 } 20377} 20378 20379.rotateOutDownRight { 20380 -webkit-animation-name: rotateOutDownRight; 20381 animation-name: rotateOutDownRight; 20382} 20383 20384@-webkit-keyframes rotateOutUpLeft { 20385 from { 20386 -webkit-transform-origin: left bottom; 20387 transform-origin: left bottom; 20388 opacity: 1; 20389 } 20390 20391 to { 20392 -webkit-transform-origin: left bottom; 20393 transform-origin: left bottom; 20394 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20395 transform: rotate3d(0, 0, 1, -45deg); 20396 opacity: 0; 20397 } 20398} 20399 20400@keyframes rotateOutUpLeft { 20401 from { 20402 -webkit-transform-origin: left bottom; 20403 transform-origin: left bottom; 20404 opacity: 1; 20405 } 20406 20407 to { 20408 -webkit-transform-origin: left bottom; 20409 transform-origin: left bottom; 20410 -webkit-transform: rotate3d(0, 0, 1, -45deg); 20411 transform: rotate3d(0, 0, 1, -45deg); 20412 opacity: 0; 20413 } 20414} 20415 20416.rotateOutUpLeft { 20417 -webkit-animation-name: rotateOutUpLeft; 20418 animation-name: rotateOutUpLeft; 20419} 20420 20421@-webkit-keyframes rotateOutUpRight { 20422 from { 20423 -webkit-transform-origin: right bottom; 20424 transform-origin: right bottom; 20425 opacity: 1; 20426 } 20427 20428 to { 20429 -webkit-transform-origin: right bottom; 20430 transform-origin: right bottom; 20431 -webkit-transform: rotate3d(0, 0, 1, 90deg); 20432 transform: rotate3d(0, 0, 1, 90deg); 20433 opacity: 0; 20434 } 20435} 20436 20437@keyframes rotateOutUpRight { 20438 from { 20439 -webkit-transform-origin: right bottom; 20440 transform-origin: right bottom; 20441 opacity: 1; 20442 } 20443 20444 to { 20445 -webkit-transform-origin: right bottom; 20446 transform-origin: right bottom; 20447 -webkit-transform: rotate3d(0, 0, 1, 90deg); 20448 transform: rotate3d(0, 0, 1, 90deg); 20449 opacity: 0; 20450 } 20451} 20452 20453.rotateOutUpRight { 20454 -webkit-animation-name: rotateOutUpRight; 20455 animation-name: rotateOutUpRight; 20456} 20457 20458@-webkit-keyframes hinge { 20459 0% { 20460 -webkit-transform-origin: top left; 20461 transform-origin: top left; 20462 -webkit-animation-timing-function: ease-in-out; 20463 animation-timing-function: ease-in-out; 20464 } 20465 20466 20%, 20467 60% { 20468 -webkit-transform: rotate3d(0, 0, 1, 80deg); 20469 transform: rotate3d(0, 0, 1, 80deg); 20470 -webkit-transform-origin: top left; 20471 transform-origin: top left; 20472 -webkit-animation-timing-function: ease-in-out; 20473 animation-timing-function: ease-in-out; 20474 } 20475 20476 40%, 20477 80% { 20478 -webkit-transform: rotate3d(0, 0, 1, 60deg); 20479 transform: rotate3d(0, 0, 1, 60deg); 20480 -webkit-transform-origin: top left; 20481 transform-origin: top left; 20482 -webkit-animation-timing-function: ease-in-out; 20483 animation-timing-function: ease-in-out; 20484 opacity: 1; 20485 } 20486 20487 to { 20488 -webkit-transform: translate3d(0, 700px, 0); 20489 transform: translate3d(0, 700px, 0); 20490 opacity: 0; 20491 } 20492} 20493 20494@keyframes hinge { 20495 0% { 20496 -webkit-transform-origin: top left; 20497 transform-origin: top left; 20498 -webkit-animation-timing-function: ease-in-out; 20499 animation-timing-function: ease-in-out; 20500 } 20501 20502 20%, 20503 60% { 20504 -webkit-transform: rotate3d(0, 0, 1, 80deg); 20505 transform: rotate3d(0, 0, 1, 80deg); 20506 -webkit-transform-origin: top left; 20507 transform-origin: top left; 20508 -webkit-animation-timing-function: ease-in-out; 20509 animation-timing-function: ease-in-out; 20510 } 20511 20512 40%, 20513 80% { 20514 -webkit-transform: rotate3d(0, 0, 1, 60deg); 20515 transform: rotate3d(0, 0, 1, 60deg); 20516 -webkit-transform-origin: top left; 20517 transform-origin: top left; 20518 -webkit-animation-timing-function: ease-in-out; 20519 animation-timing-function: ease-in-out; 20520 opacity: 1; 20521 } 20522 20523 to { 20524 -webkit-transform: translate3d(0, 700px, 0); 20525 transform: translate3d(0, 700px, 0); 20526 opacity: 0; 20527 } 20528} 20529 20530.hinge { 20531 -webkit-animation-duration: 2s; 20532 animation-duration: 2s; 20533 -webkit-animation-name: hinge; 20534 animation-name: hinge; 20535} 20536 20537@-webkit-keyframes jackInTheBox { 20538 from { 20539 opacity: 0; 20540 -webkit-transform: scale(0.1) rotate(30deg); 20541 transform: scale(0.1) rotate(30deg); 20542 -webkit-transform-origin: center bottom; 20543 transform-origin: center bottom; 20544 } 20545 20546 50% { 20547 -webkit-transform: rotate(-10deg); 20548 transform: rotate(-10deg); 20549 } 20550 20551 70% { 20552 -webkit-transform: rotate(3deg); 20553 transform: rotate(3deg); 20554 } 20555 20556 to { 20557 opacity: 1; 20558 -webkit-transform: scale(1); 20559 transform: scale(1); 20560 } 20561} 20562 20563@keyframes jackInTheBox { 20564 from { 20565 opacity: 0; 20566 -webkit-transform: scale(0.1) rotate(30deg); 20567 transform: scale(0.1) rotate(30deg); 20568 -webkit-transform-origin: center bottom; 20569 transform-origin: center bottom; 20570 } 20571 20572 50% { 20573 -webkit-transform: rotate(-10deg); 20574 transform: rotate(-10deg); 20575 } 20576 20577 70% { 20578 -webkit-transform: rotate(3deg); 20579 transform: rotate(3deg); 20580 } 20581 20582 to { 20583 opacity: 1; 20584 -webkit-transform: scale(1); 20585 transform: scale(1); 20586 } 20587} 20588 20589.jackInTheBox { 20590 -webkit-animation-name: jackInTheBox; 20591 animation-name: jackInTheBox; 20592} 20593 20594/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 20595 20596@-webkit-keyframes rollIn { 20597 from { 20598 opacity: 0; 20599 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 20600 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 20601 } 20602 20603 to { 20604 opacity: 1; 20605 -webkit-transform: translate3d(0, 0, 0); 20606 transform: translate3d(0, 0, 0); 20607 } 20608} 20609 20610@keyframes rollIn { 20611 from { 20612 opacity: 0; 20613 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 20614 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 20615 } 20616 20617 to { 20618 opacity: 1; 20619 -webkit-transform: translate3d(0, 0, 0); 20620 transform: translate3d(0, 0, 0); 20621 } 20622} 20623 20624.rollIn { 20625 -webkit-animation-name: rollIn; 20626 animation-name: rollIn; 20627} 20628 20629/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 20630 20631@-webkit-keyframes rollOut { 20632 from { 20633 opacity: 1; 20634 } 20635 20636 to { 20637 opacity: 0; 20638 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 20639 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 20640 } 20641} 20642 20643@keyframes rollOut { 20644 from { 20645 opacity: 1; 20646 } 20647 20648 to { 20649 opacity: 0; 20650 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 20651 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 20652 } 20653} 20654 20655.rollOut { 20656 -webkit-animation-name: rollOut; 20657 animation-name: rollOut; 20658} 20659 20660@-webkit-keyframes zoomIn { 20661 from { 20662 opacity: 0; 20663 -webkit-transform: scale3d(0.3, 0.3, 0.3); 20664 transform: scale3d(0.3, 0.3, 0.3); 20665 } 20666 20667 50% { 20668 opacity: 1; 20669 } 20670} 20671 20672@keyframes zoomIn { 20673 from { 20674 opacity: 0; 20675 -webkit-transform: scale3d(0.3, 0.3, 0.3); 20676 transform: scale3d(0.3, 0.3, 0.3); 20677 } 20678 20679 50% { 20680 opacity: 1; 20681 } 20682} 20683 20684.zoomIn { 20685 -webkit-animation-name: zoomIn; 20686 animation-name: zoomIn; 20687} 20688 20689@-webkit-keyframes zoomInDown { 20690 from { 20691 opacity: 0; 20692 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 20693 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 20694 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20695 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20696 } 20697 20698 60% { 20699 opacity: 1; 20700 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 20701 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 20702 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20703 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20704 } 20705} 20706 20707@keyframes zoomInDown { 20708 from { 20709 opacity: 0; 20710 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 20711 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 20712 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20713 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20714 } 20715 20716 60% { 20717 opacity: 1; 20718 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 20719 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 20720 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20721 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20722 } 20723} 20724 20725.zoomInDown { 20726 -webkit-animation-name: zoomInDown; 20727 animation-name: zoomInDown; 20728} 20729 20730@-webkit-keyframes zoomInLeft { 20731 from { 20732 opacity: 0; 20733 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 20734 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 20735 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20736 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20737 } 20738 20739 60% { 20740 opacity: 1; 20741 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 20742 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 20743 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20744 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20745 } 20746} 20747 20748@keyframes zoomInLeft { 20749 from { 20750 opacity: 0; 20751 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 20752 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 20753 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20754 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20755 } 20756 20757 60% { 20758 opacity: 1; 20759 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 20760 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 20761 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20762 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20763 } 20764} 20765 20766.zoomInLeft { 20767 -webkit-animation-name: zoomInLeft; 20768 animation-name: zoomInLeft; 20769} 20770 20771@-webkit-keyframes zoomInRight { 20772 from { 20773 opacity: 0; 20774 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 20775 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 20776 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20777 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20778 } 20779 20780 60% { 20781 opacity: 1; 20782 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 20783 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 20784 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20785 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20786 } 20787} 20788 20789@keyframes zoomInRight { 20790 from { 20791 opacity: 0; 20792 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 20793 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 20794 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20795 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20796 } 20797 20798 60% { 20799 opacity: 1; 20800 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 20801 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 20802 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20803 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20804 } 20805} 20806 20807.zoomInRight { 20808 -webkit-animation-name: zoomInRight; 20809 animation-name: zoomInRight; 20810} 20811 20812@-webkit-keyframes zoomInUp { 20813 from { 20814 opacity: 0; 20815 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 20816 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 20817 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20818 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20819 } 20820 20821 60% { 20822 opacity: 1; 20823 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20824 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20825 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20826 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20827 } 20828} 20829 20830@keyframes zoomInUp { 20831 from { 20832 opacity: 0; 20833 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 20834 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 20835 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20836 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20837 } 20838 20839 60% { 20840 opacity: 1; 20841 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20842 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20843 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20844 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20845 } 20846} 20847 20848.zoomInUp { 20849 -webkit-animation-name: zoomInUp; 20850 animation-name: zoomInUp; 20851} 20852 20853@-webkit-keyframes zoomOut { 20854 from { 20855 opacity: 1; 20856 } 20857 20858 50% { 20859 opacity: 0; 20860 -webkit-transform: scale3d(0.3, 0.3, 0.3); 20861 transform: scale3d(0.3, 0.3, 0.3); 20862 } 20863 20864 to { 20865 opacity: 0; 20866 } 20867} 20868 20869@keyframes zoomOut { 20870 from { 20871 opacity: 1; 20872 } 20873 20874 50% { 20875 opacity: 0; 20876 -webkit-transform: scale3d(0.3, 0.3, 0.3); 20877 transform: scale3d(0.3, 0.3, 0.3); 20878 } 20879 20880 to { 20881 opacity: 0; 20882 } 20883} 20884 20885.zoomOut { 20886 -webkit-animation-name: zoomOut; 20887 animation-name: zoomOut; 20888} 20889 20890@-webkit-keyframes zoomOutDown { 20891 40% { 20892 opacity: 1; 20893 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20894 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20895 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20896 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20897 } 20898 20899 to { 20900 opacity: 0; 20901 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 20902 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 20903 -webkit-transform-origin: center bottom; 20904 transform-origin: center bottom; 20905 -webkit-anima
20905tion-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20906 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20907 } 20908} 20909 20910@keyframes zoomOutDown { 20911 40% { 20912 opacity: 1; 20913 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20914 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 20915 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20916 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 20917 } 20918 20919 to { 20920 opacity: 0; 20921 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 20922 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 20923 -webkit-transform-origin: center bottom; 20924 transform-origin: center bottom; 20925 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20926 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 20927 } 20928} 20929 20930.zoomOutDown { 20931 -webkit-animation-name: zoomOutDown; 20932 animation-name: zoomOutDown; 20933} 20934 20935@-webkit-keyframes zoomOutLeft { 20936 40% { 20937 opacity: 1; 20938 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 20939 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 20940 } 20941 20942 to { 20943 opacity: 0; 20944 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); 20945 transform: scale(0.1) translate3d(-2000px, 0, 0); 20946 -webkit-transform-origin: left center; 20947 transform-origin: left center; 20948 } 20949} 20950 20951@keyframes zoomOutLeft { 20952 40% { 20953 opacity: 1; 20954 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 20955 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 20956 } 20957 20958 to { 20959 opacity: 0; 20960 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); 20961 transform: scale(0.1) translate3d(-2000px, 0, 0); 20962 -webkit-transform-origin: left center; 20963 transform-origin: left center; 20964 } 20965} 20966 20967.zoomOutLeft { 20968 -webkit-animation-name: zoomOutLeft; 20969 animation-name: zoomOutLeft; 20970} 20971 20972@-webkit-keyframes zoomOutRight { 20973 40% { 20974 opacity: 1; 20975 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 20976 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 20977 } 20978 20979 to { 20980 opacity: 0; 20981 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); 20982 transform: scale(0.1) translate3d(2000px, 0, 0); 20983 -webkit-transform-origin: right center; 20984 transform-origin: right center; 20985 } 20986} 20987 20988@keyframes zoomOutRight { 20989 40% { 20990 opacity: 1; 20991 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 20992 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 20993 } 20994 20995 to { 20996 opacity: 0; 20997 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); 20998 transform: scale(0.1) translate3d(2000px, 0, 0); 20999 -webkit-transform-origin: right center; 21000 transform-origin: right center; 21001 } 21002} 21003 21004.zoomOutRight { 21005 -webkit-animation-name: zoomOutRight; 21006 animation-name: zoomOutRight; 21007} 21008 21009@-webkit-keyframes zoomOutUp { 21010 40% { 21011 opacity: 1; 21012 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 21013 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 21014 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 21015 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 21016 } 21017 21018 to { 21019 opacity: 0; 21020 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 21021 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 21022 -webkit-transform-origin: center bottom; 21023 transform-origin: center bottom; 21024 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 21025 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 21026 } 21027} 21028 21029@keyframes zoomOutUp { 21030 40% { 21031 opacity: 1; 21032 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 21033 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 21034 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 21035 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 21036 } 21037 21038 to { 21039 opacity: 0; 21040 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 21041 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 21042 -webkit-transform-origin: center bottom; 21043 transform-origin: center bottom; 21044 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 21045 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 21046 } 21047} 21048 21049.zoomOutUp { 21050 -webkit-animation-name: zoomOutUp; 21051 animation-name: zoomOutUp; 21052} 21053 21054@-webkit-keyframes slideInDown { 21055 from { 21056 -webkit-transform: translate3d(0, -100%, 0); 21057 transform: translate3d(0, -100%, 0); 21058 visibility: visible; 21059 } 21060 21061 to { 21062 -webkit-transform: translate3d(0, 0, 0); 21063 transform: translate3d(0, 0, 0); 21064 } 21065} 21066 21067@keyframes slideInDown { 21068 from { 21069 -webkit-transform: translate3d(0, -100%, 0); 21070 transform: translate3d(0, -100%, 0); 21071 visibility: visible; 21072 } 21073 21074 to { 21075 -webkit-transform: translate3d(0, 0, 0); 21076 transform: translate3d(0, 0, 0); 21077 } 21078} 21079 21080.slideInDown { 21081 -webkit-animation-name: slideInDown; 21082 animation-name: slideInDown; 21083} 21084 21085@-webkit-keyframes slideInLeft { 21086 from { 21087 -webkit-transform: translate3d(-100%, 0, 0); 21088 transform: translate3d(-100%, 0, 0); 21089 visibility: visible; 21090 } 21091 21092 to { 21093 -webkit-transform: translate3d(0, 0, 0); 21094 transform: translate3d(0, 0, 0); 21095 } 21096} 21097 21098@keyframes slideInLeft { 21099 from { 21100 -webkit-transform: translate3d(-100%, 0, 0); 21101 transform: translate3d(-100%, 0, 0); 21102 visibility: visible; 21103 } 21104 21105 to { 21106 -webkit-transform: translate3d(0, 0, 0); 21107 transform: translate3d(0, 0, 0); 21108 } 21109} 21110 21111.slideInLeft { 21112 -webkit-animation-name: slideInLeft; 21113 animation-name: slideInLeft; 21114} 21115 21116@-webkit-keyframes slideInRight { 21117 from { 21118 -webkit-transform: translate3d(100%, 0, 0); 21119 transform: translate3d(100%, 0, 0); 21120 visibility: visible; 21121 } 21122 21123 to { 21124 -webkit-transform: translate3d(0, 0, 0); 21125 transform: translate3d(0, 0, 0); 21126 } 21127} 21128 21129@keyframes slideInRight { 21130 from { 21131 -webkit-transform: translate3d(100%, 0, 0); 21132 transform: translate3d(100%, 0, 0); 21133 visibility: visible; 21134 } 21135 21136 to { 21137 -webkit-transform: translate3d(0, 0, 0); 21138 transform: translate3d(0, 0, 0); 21139 } 21140} 21141 21142.slideInRight { 21143 -webkit-animation-name: slideInRight; 21144 animation-name: slideInRight; 21145} 21146 21147@-webkit-keyframes slideInUp { 21148 from { 21149 -webkit-transform: translate3d(0, 100%, 0); 21150 transform: translate3d(0, 100%, 0); 21151 visibility: visible; 21152 } 21153 21154 to { 21155 -webkit-transform: translate3d(0, 0, 0); 21156 transform: translate3d(0, 0, 0); 21157 } 21158} 21159 21160@keyframes slideInUp { 21161 from { 21162 -webkit-transform: translate3d(0, 100%, 0); 21163 transform: translate3d(0, 100%, 0); 21164 visibility: visible; 21165 } 21166 21167 to { 21168 -webkit-transform: translate3d(0, 0, 0); 21169 transform: translate3d(0, 0, 0); 21170 } 21171} 21172 21173.slideInUp { 21174 -webkit-animation-name: slideInUp; 21175 animation-name: slideInUp; 21176} 21177 21178@-webkit-keyframes slideOutDown { 21179 from { 21180 -webkit-transform: translate3d(0, 0, 0); 21181 transform: translate3d(0, 0, 0); 21182 } 21183 21184 to { 21185 visibility: hidden; 21186 -webkit-transform: translate3d(0, 100%, 0); 21187 transform: translate3d(0, 100%, 0); 21188 } 21189} 21190 21191@keyframes slideOutDown { 21192 from { 21193 -webkit-transform: translate3d(0, 0, 0); 21194 transform: translate3d(0, 0, 0); 21195 } 21196 21197 to { 21198 visibility: hidden; 21199 -webkit-transform: translate3d(0, 100%, 0); 21200 transform: translate3d(0, 100%, 0); 21201 } 21202} 21203 21204.slideOutDown { 21205 -webkit-animation-name: slideOutDown; 21206 animation-name: slideOutDown; 21207} 21208 21209@-webkit-keyframes slideOutLeft { 21210 from { 21211 -webkit-transform: translate3d(0, 0, 0); 21212 transform: translate3d(0, 0, 0); 21213 } 21214 21215 to { 21216 visibility: hidden; 21217 -webkit-transform: translate3d(-100%, 0, 0); 21218 transform: translate3d(-100%, 0, 0); 21219 } 21220} 21221 21222@keyframes slideOutLeft { 21223 from { 21224 -webkit-transform: translate3d(0, 0, 0); 21225 transform: translate3d(0, 0, 0); 21226 } 21227 21228 to { 21229 visibility: hidden; 21230 -webkit-transform: translate3d(-100%, 0, 0); 21231 transform: translate3d(-100%, 0, 0); 21232 } 21233} 21234 21235.slideOutLeft { 21236 -webkit-animation-name: slideOutLeft; 21237 animation-name: slideOutLeft; 21238} 21239 21240@-webkit-keyframes slideOutRight { 21241 from { 21242 -webkit-transform: translate3d(0, 0, 0); 21243 transform: translate3d(0, 0, 0); 21244 } 21245 21246 to { 21247 visibility: hidden; 21248 -webkit-transform: translate3d(100%, 0, 0); 21249 transform: translate3d(100%, 0, 0); 21250 } 21251} 21252 21253@keyframes slideOutRight { 21254 from { 21255 -webkit-transform: translate3d(0, 0, 0); 21256 transform: translate3d(0, 0, 0); 21257 } 21258 21259 to { 21260 visibility: hidden; 21261 -webkit-transform: translate3d(100%, 0, 0); 21262 transform: translate3d(100%, 0, 0); 21263 } 21264} 21265 21266.slideOutRight { 21267 -webkit-animation-name: slideOutRight; 21268 animation-name: slideOutRight; 21269} 21270 21271@-webkit-keyframes slideOutUp { 21272 from { 21273 -webkit-transform: translate3d(0, 0, 0); 21274 transform: translate3d(0, 0, 0); 21275 } 21276 21277 to { 21278 visibility: hidden; 21279 -webkit-transform: translate3d(0, -100%, 0); 21280 transform: translate3d(0, -100%, 0); 21281 } 21282} 21283 21284@keyframes slideOutUp { 21285 from { 21286 -webkit-transform: translate3d(0, 0, 0); 21287 transform: translate3d(0, 0, 0); 21288 } 21289 21290 to { 21291 visibility: hidden; 21292 -webkit-transform: translate3d(0, -100%, 0); 21293 transform: translate3d(0, -100%, 0); 21294 } 21295} 21296 21297.slideOutUp { 21298 -webkit-animation-name: slideOutUp; 21299 animation-name: slideOutUp; 21300} 21301@charset "utf-8"; 21302@font-face { 21303 /*font-family: "Guardian-EgypTT";*/ 21304 src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
21305 src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg"); 21306 font-style: normal; 21307 font-weight: 500; 21308 font-stretch: normal; 21309 font-display: swap; 21310} 21311 21312@font-face { 21313 /*font-family: "Guardian-EgypTT";*/ 21314 src: url("../fonts/Guardian-EgypTT-Light.eot?v=2"); 21315 src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg"); 21316 font-style: normal; 21317 font-weight: 300; 21318 font-stretch: normal; 21319 font-display: swap; 21320} 21321 21322@font-face { 21323 /*font-family: "Graphik Webfont";*/ 21324 src: url("../fonts/Graphik-Regular-Web.eot"); 21325 src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype"); 21326 font-weight: 400; 21327 font-style: normal; 21328 font-stretch: normal; 21329} 21330 21331@font-face { 21332 /*font-family: "Graphik Webfont";*/ 21333 src: url("../fonts/Graphik-Medium-Web.eot"); 21334 src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype"); 21335 font-weight: 500; 21336 font-style: normal; 21337 font-stretch: normal; 21338} 21339 21340@font-face { 21341 /*font-family: "Graphik Webfont";*/ 21342 src: url("../fonts/Graphik-Medium-Web.eot"); 21343 src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype"); 21344 font-weight: 700; 21345 font-style: normal; 21346 font-stretch: normal; 21347} 21348 21349.gnav-header #search-query { 21350 position: absolute; 21351 width: 100%; 21352 top: 50%; 21353 border: 1px solid #CFCBC8; 21354 background: #f9f9f8; 21355 margin-top: -17px; 21356 padding: 6px 10px; 21357 padding-left:40px !important; 21358 margin-left: 0; 21359 height: 34px; 21360 font-size: 13px; 21361 box-sizing: border-box; 21362 background: url(../images/srch.png) no-repeat !important; 21363 background-position: 10px 7px !important; 21364 background-color: #fff !important; 21365 /*box-shadow: inset 0 1px 2px #E9E9E8, 0 0 0 1000px #fbfbfa inset;*/ 21366} 21367 21368 .gnav-header .search-input-wrapper.text-field-wrapper #search-query { 21369 top:0%; 21370} 21371.ui-toolkit .animated { 21372 -webkit-animation-duration: 0.3s; 21373 -ms-animation-duration: 0.3s; 21374 -moz-animation-duration: 0.3s; 21375 -o-animation-duration: 0.3s; 21376 animation-duration: 0.3s; 21377 -webkit-animation-fill-mode: both; 21378 -ms-animation-fill-mode: both; 21379 -moz-animation-fill-mode: both; 21380 -o-animation-fill-mode: both; 21381 animation-fill-mode: both; 21382} 21383 21384 21385.ui-toolkit *, 21386.ui-toolkit *:before, 21387.ui-toolkit *:after { 21388 -webkit-box-sizing: border-box; 21389 -ms-box-sizing: border-box; 21390 -moz-box-sizing: border-box; 21391 -o-box-sizing: border-box; 21392 box-sizing: border-box; 21393} 21394 21395.ui-toolkit body, 21396.ui-toolkit html { 21397 height: 100%; 21398 width: 100%; 21399} 21400 21401.ui-toolkit .body-max-width { 21402 /*max-width: 1400px;*/ 21403 max-width: 1450px; 21404 margin: 0 auto; 21405} 21406 21407.ui-toolkit .body-sub-width { 21408 /*max-width: 1330px;*/ 21409 max-width: 1380px; 21410 margin: 0 auto; 21411} 21412 21413 21414.ui-toolkit body { 21415 color: #222; 21416 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21417 line-height: 1.4; 21418 -webkit-font-smoothing: antialiased; 21419} 21420 21421@media screen and (orientation: portrait) and (min-device-width: 740px), 21422screen and (orientation: landscape) and (min-device-height: 740px) { 21423 .ui-toolkit body { 21424 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21425 } 21426} 21427 21428.ui-toolkit .text-hero { 21429 font-size: 84px; 21430 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21431 font-weight: 500; 21432 text-transform: uppercase; 21433 letter-spacing: 3px; 21434 line-height: 1.2; 21435} 21436 21437@media screen and (orientation: portrait) and (min-device-width: 740px), 21438screen and (orientation: landscape) and (min-device-height: 740px) { 21439 .ui-toolkit .text-hero { 21440 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21441 } 21442} 21443 21444.ui-toolkit .text-headline-larger, 21445.ui-toolkit .text-editorial-nova h1 { 21446 font-size: 68px; 21447 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21448 font-weight: 600; 21449 font-weight: 300; 21450 line-height: 1.2; 21451} 21452 21453@media screen and (orientation: portrait) and (min-device-width: 740px), 21454screen and (orientation: landscape) and (min-device-height: 740px) { 21455 .ui-toolkit .text-headline-larger, 21456 .ui-toolkit .text-editorial-nova h1 { 21457 /*font-family: "Guardian-EgypTT", serif;*/ 21458 } 21459} 21460 21461.ui-toolkit .text-headline { 21462 font-size: 52px; 21463 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21464 font-weight: 600; 21465 font-weight: 300; 21466 line-height: 1.2; 21467} 21468 21469@media screen and (orientation: portrait) and (min-device-width: 740px), 21470screen and (orientation: landscape) and (min-device-height: 740px) { 21471 .ui-toolkit .text-headline { 21472 /*font-family: "Guardian-EgypTT", serif;*/ 21473 } 21474} 21475 21476.ui-toolkit .text-headline-smaller, 21477.ui-toolkit .text-editorial-nova h2, 21478.ui-toolkit .text-editorial-nova blockquote { 21479 font-size: 42px; 21480 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21481 font-weight: 600; 21482 font-weight: 300; 21483 line-height: 1.2; 21484} 21485 21486@media screen and (orientation: portrait) and (min-device-width: 740px), 21487screen and (orientation: landscape) and (min-device-height: 740px) { 21488 .ui-toolkit .text-headline-smaller, 21489 .ui-toolkit .text-editorial-nova h2, 21490 .ui-toolkit .text-editorial-nova blockquote { 21491 /*font-family: "Guardian-EgypTT", serif;*/ 21492 } 21493} 21494 21495.ui-toolkit .text-editorial-nova blockquote { 21496 font-style: normal; 21497 border-left: none; 21498 padding: 0; 21499 -webkit-font-smoothing: antialiased; 21500} 21501 21502.ui-toolkit .text-title-larger, 21503.ui-toolkit .text-editorial-nova h3 { 21504 font-size: 32px; 21505 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21506 font-weight: 500; 21507 line-height: 1.4; 21508} 21509 21510@media screen and (orientation: portrait) and (min-device-width: 740px), 21511screen and (orientation: landscape) and (min-device-height: 740px) { 21512 .ui-toolkit .text-title-larger, 21513 .ui-toolkit .text-editorial-nova h3 { 21514 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21515 } 21516} 21517 21518.ui-toolkit .text-title, 21519.ui-toolkit .text-editorial-nova h4 { 21520 font-size: 26px; 21521 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21522 font-weight: 500; 21523 line-height: 1.4; 21524} 21525 21526@media screen and (orientation: portrait) and (min-device-width: 740px), 21527screen and (orientation: landscape) and (min-device-height: 740px) { 21528 .ui-toolkit .text-title, 21529 .ui-toolkit .text-editorial-nova h4 { 21530 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21531 } 21532} 21533 21534.ui-toolkit .text-title-smaller, 21535.ui-toolkit .text-editorial-nova h5 { 21536 font-size: 20px; 21537 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21538 font-weight: 500; 21539 line-height: 1.2; 21540 text-transform: none; 21541} 21542 21543@media screen and (orientation: portrait) and (min-device-width: 740px), 21544screen and (orientation: landscape) and (min-device-height: 740px) { 21545 .ui-toolkit .text-title-smaller, 21546 .ui-toolkit .text-editorial-nova h5 { 21547 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21548 } 21549} 21550 21551.ui-toolkit .text-editorial-nova h5 { 21552 line-height: 1.6; 21553} 21554 21555.ui-toolkit .text-body-largest, 21556.ui-toolkit .text-editorial-nova h6 { 21557 font-size: 18px; 21558 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21559 font-weight: 300; 21560 line-height: 1.6; 21561} 21562 21563@media screen and (orientation: portrait) and (min-device-width: 740px), 21564screen and (orientation: landscape) and (min-device-height: 740px) { 21565 .ui-toolkit .text-body-largest, 21566 .ui-toolkit .text-editorial-nova h6 { 21567 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21568 } 21569} 21570 21571.ui-toolkit .text-editorial-nova h6 { 21572 font-weight: 500; 21573 text-transform: none; 21574 line-height: 1.6; 21575} 21576 21577.ui-toolkit .text-body-larger { 21578 font-size: 16px; 21579 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21580 font-weight: 300; 21581 line-height: 1.6; 21582} 21583 21584@media screen and (orientation: portrait) and (min-device-width: 740px), 21585screen and (orientation: landscape) and (min-device-height: 740px) { 21586 .ui-toolkit .text-body-larger { 21587 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21588 } 21589} 21590 21591.ui-toolkit .text-body { 21592 font-size: 14px; 21593 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21594 font-weight: 300; 21595 line-height: 1.6; 21596} 21597 21598@media screen and (orientation: portrait) and (min-device-width: 740px), 21599screen and (orientation: landscape) and (min-device-height: 740px) { 21600 .ui-toolkit .text-body { 21601 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21602 } 21603} 21604 21605.ui-toolkit .text-body-smaller { 21606 font-size: 12px; 21607 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21608 font-weight: 300; 21609 line-height: 1.6; 21610} 21611 21612@media screen and (orientation: portrait) and (min-device-width: 740px), 21613screen and (orientation: landscape) and (min-device-height: 740px) { 21614 .ui-toolkit .text-body-smaller { 21615 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21616 } 21617} 21618 21619.ui-toolkit .text-category-label { 21620 font-size: 12px; 21621 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21622 font-weight: 500; 21623 text-transform: uppercase; 21624 letter-spacing: 1px; 21625 line-height: 1.4; 21626} 21627 21628@media screen and (orientation: portrait) and (min-device-width: 740px), 21629screen and (orientation: landscape) and (min-device-height: 740px) { 21630 .ui-toolkit .text-category-label { 21631 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 21632 } 21633} 21634 21635@media only screen and (min-width: 0) and (max-width: 899px) { 21636 .ui-toolkit .text-hero { 21637 font-size: 68px; 21638 font-weight: bold; 21639 } 21640 .ui-toolkit .text-headline-larger, 21641 .ui-toolkit .text-editorial-nova h1 { 21642 font-size: 52px; 21643 font-weight: 300; 21644 } 21645 .ui-toolkit .text-headline { 21646 font-size: 42px; 21647 font-weight: 300; 21648 } 21649 .ui-toolkit .text-headline-smaller, 21650 .ui-toolkit .text-editorial-nova h2, 21651 .ui-toolkit .text-editorial-nova blockquote { 21652 font-size: 32px; 21653 font-weight: 300; 21654 } 21655 .ui-toolkit .text-title-larger, 21656 .ui-toolkit .text-editorial-nova h3 { 21657 font-size: 26px; 21658 font-weight: bold; 21659 } 21660 .ui-toolkit .text-title, 21661 .ui-toolkit .text-editorial-nova h4 { 21662 font-size: 20px; 21663 font-weight: bold; 21664 } 21665 .ui-toolkit .text-title-smaller, 21666 .ui-toolkit .text-editorial-nova h5 { 21667 font-size: 18px; 21668 font-weight: bold; 21669 } 21670 .ui-toolkit .text-body-largest, 21671 .ui-toolkit .text-editorial-nova h6 { 21672 font-size: 16px; 21673 font-weight: normal; 21674 } 21675 .ui-toolkit .text-editorial-nova h6 { 21676 font-weight: bold; 21677 } 21678} 21679 21680@media only screen and (min-width: 0) and (max-width: 639px) { 21681 .ui-toolkit .text-hero { 21682 font-size: 52px; 21683 } 21684 .ui-toolkit .text-headline-larger, 21685 .ui-toolkit .text-editorial-nova h1 { 21686 font-size: 42px; 21687 } 21688 .ui-toolkit .text-headline { 21689 font-size: 32px; 21690 } 21691 .ui-toolkit .text-headline-smaller, 21692 .ui-toolkit .text-editorial-nova h2, 21693 .ui-toolkit .text-editorial-nova blockquote { 21694 font-size: 26px; 21695 } 21696 .ui-toolkit .text-title-larger, 21697 .ui-toolkit .text-editorial-nova h3 { 21698 font-size: 20px; 21699 } 21700 .ui-toolkit .text-title, 21701 .ui-toolkit .text-editorial-nova h4 { 21702 font-size: 20px; 21703 } 21704 .ui-toolkit .text-title-smaller, 21705 .ui-toolkit .text-editorial-nova h5 { 21706 font-size: 18px; 21707 } 21708 .ui-toolkit .text-body-largest, 21709 .ui-toolkit .text-editorial-nova h6 { 21710 font-size: 16px; 21711 } 21712 .ui-toolkit .text-editorial-nova h6 { 21713 font-weight: bold; 21714 } 21715} 21716 21717.ui-toolkit h1, 21718.ui-toolkit .h1 { 21719 line-height: 1.2; 21720 -webkit-font-smoothing: antialiased; 21721} 21722 21723@media only screen and (min-width: 0) { 21724 .ui-toolkit h1, 21725 .ui-toolkit .h1 { 21726 font-size: 20px; 21727 } 21728} 21729 21730@media only screen and (min-width: 640px) { 21731 .ui-toolkit h1, 21732 .ui-toolkit .h1 { 21733 font-size: 26px; 21734 } 21735} 21736 21737.ui-toolkit h2, 21738.ui-toolkit .h2 { 21739 line-height: 1.2; 21740 -webkit-font-smoothing: antialiased; 21741} 21742 21743 21744.ui-toolkit h3, 21745.ui-toolkit .h3 { 21746 21747 -webkit-font-smoothing: antialiased; 21748} 21749 21750.ui-toolkit h1, 21751.ui-toolkit .h1, 21752.ui-toolkit h2, 21753.ui-toolkit .h2, 21754.ui-toolkit h3, 21755.ui-toolkit .h3 { 21756 font-weight: 500; 21757} 21758 21759.ui-toolkit h1.normalize, 21760.ui-toolkit h2.normalize, 21761.ui-toolkit h3.normalize, 21762.ui-toolkit h4.normalize, 21763.ui-toolkit h5.normalize, 21764.ui-toolkit h6.normalize { 21765 font-size: inherit; 21766 line-height: inherit; 21767 margin: inherit; 21768 padding: inherit; 21769} 21770 21771.ui-toolkit blockquote { 21772 border-left: 1px solid #E1E3DF; 21773 font-style: italic; 21774 padding: 12px 0 12px 12px; 21775} 21776 21777.ui-toolkit .ss-icon, 21778.ui-toolkit .ss-gigtodo { 21779 display: inline-block; 21780 font-size: 16px; 21781 text-decoration: none; 21782 vertical-align: middle; 21783} 21784 21785.ui-toolkit .hljs.hljs { 21786 background-color: #FBFBFA; 21787} 21788 21789.ui-toolkit .flag { 21790 display: table; 21791 width: 100%; 21792} 21793 21794.ui-toolkit .flag-body, 21795.ui-toolkit .flag-img { 21796 display: table-cell; 21797 vertical-align: middle; 21798} 21799 21800.ui-toolkit .flag-body { 21801 width: 100%; 21802} 21803 21804.ui-toolkit .flag-img { 21805 padding-right: 12px; 21806} 21807 21808.ui-toolkit .flag-img img { 21809 display: block; 21810} 21811 21812.ui-toolkit .flag-img-right { 21813 padding-left: 12px; 21814 padding-right: 0; 21815} 21816 21817.ui-toolkit .col-group { 21818 float: none; 21819 position: relative; 21820} 21821 21822.ui-toolkit .col-group:before, 21823.ui-toolkit .col-group:after { 21824 content: " "; 21825 display: table; 21826} 21827 21828.ui-toolkit .col-group:after { 21829 clear: both; 21830} 21831 21832@media only screen and (min-width: 0) { 21833 .ui-toolkit .col-group { 21834 padding-left: 6px; 21835 padding-right: 6px; 21836 } 21837} 21838 21839@media only screen and (min-width: 640px) { 21840 .ui-toolkit .col-group { 21841 padding-left: 12px; 21842 padding-right: 12px; 21843 } 21844} 21845 21846@media only screen and (min-
21846width: 900px) { 21847 .ui-toolkit .col-group { 21848 padding-left: 18px; 21849 padding-right: 18px; 21850 } 21851} 21852 21853@media only screen and (min-width: 0) { 21854 .ui-toolkit .col-flush { 21855 margin-left: -12px; 21856 margin-right: -12px; 21857 } 21858} 21859 21860@media only screen and (min-width: 640px) { 21861 .ui-toolkit .col-flush { 21862 margin-left: -24px; 21863 margin-right: -24px; 21864 } 21865} 21866 21867@media only screen and (min-width: 900px) { 21868 .ui-toolkit .col-flush { 21869 margin-left: -36px; 21870 margin-right: -36px; 21871 } 21872} 21873 21874 21875 21876@media only screen and (min-width: 640px) { 21877 .ui-toolkit [class*='col-xs-'], 21878 .ui-toolkit [class*='col-sm-'], 21879 .ui-toolkit [class*='col-md-'], 21880 .ui-toolkit [class*='col-lg-'], 21881 .ui-toolkit [class*='col-xl-'] { 21882 padding-left: 12px; 21883 padding-right: 12px; 21884 } 21885} 21886 21887@media only screen and (min-width: 900px) { 21888 .ui-toolkit [class*='col-xs-'], 21889 .ui-toolkit [class*='col-sm-'], 21890 .ui-toolkit [class*='col-md-'], 21891 .ui-toolkit [class*='col-lg-'], 21892 .ui-toolkit [class*='col-xl-'] { 21893 padding-left: 18px; 21894 padding-right: 18px; 21895 } 21896} 21897 21898@media only screen and (min-width: 0) { 21899 .ui-toolkit .col-xs-1 { 21900 width: 8.33333%; 21901 } 21902 .ui-toolkit .col-xs-2 { 21903 width: 16.66667%; 21904 } 21905 .ui-toolkit .col-xs-3 { 21906 width: 25%; 21907 } 21908 .ui-toolkit .col-xs-4 { 21909 width: 33.33333%; 21910 } 21911 .ui-toolkit .col-xs-5 { 21912 width: 41.66667%; 21913 } 21914 .ui-toolkit .col-xs-6 { 21915 width: 50%; 21916 } 21917 .ui-toolkit .col-xs-7 { 21918 width: 58.33333%; 21919 } 21920 .ui-toolkit .col-xs-8 { 21921 width: 66.66667%; 21922 } 21923 .ui-toolkit .col-xs-9 { 21924 width: 75%; 21925 } 21926 .ui-toolkit .col-xs-10 { 21927 width: 83.33333%; 21928 } 21929 .ui-toolkit .col-xs-11 { 21930 width: 91.66667%; 21931 } 21932 .ui-toolkit .col-xs-12 { 21933 width: 100%; 21934 } 21935} 21936 21937@media only screen and (min-width: 480px) { 21938 .ui-toolkit .col-sm-1 { 21939 width: 8.33333%; 21940 } 21941 .ui-toolkit .col-sm-2 { 21942 width: 16.66667%; 21943 } 21944 .ui-toolkit .col-sm-3 { 21945 width: 25%; 21946 } 21947 .ui-toolkit .col-sm-4 { 21948 width: 33.33333%; 21949 } 21950 .ui-toolkit .col-sm-5 { 21951 width: 41.66667%; 21952 } 21953 .ui-toolkit .col-sm-6 { 21954 width: 50%; 21955 } 21956 .ui-toolkit .col-sm-7 { 21957 width: 58.33333%; 21958 } 21959 .ui-toolkit .col-sm-8 { 21960 width: 66.66667%; 21961 } 21962 .ui-toolkit .col-sm-9 { 21963 width: 75%; 21964 } 21965 .ui-toolkit .col-sm-10 { 21966 width: 83.33333%; 21967 } 21968 .ui-toolkit .col-sm-11 { 21969 width: 91.66667%; 21970 } 21971 .ui-toolkit .col-sm-12 { 21972 width: 100%; 21973 } 21974} 21975 21976 21977 21978@media only screen and (min-width: 900px) { 21979 .ui-toolkit .col-lg-1 { 21980 width: 8.33333%; 21981 } 21982 .ui-toolkit .col-lg-2 { 21983 width: 16.66667%; 21984 } 21985 .ui-toolkit .col-lg-3 { 21986 width: 25%; 21987 } 21988 .ui-toolkit .col-lg-4 { 21989 width: 33.33333%; 21990 } 21991 .ui-toolkit .col-lg-5 { 21992 width: 41.66667%; 21993 } 21994 .ui-toolkit .col-lg-6 { 21995 width: 50%; 21996 } 21997 .ui-toolkit .col-lg-7 { 21998 width: 58.33333%; 21999 } 22000 .ui-toolkit .col-lg-8 { 22001 width: 66.66667%; 22002 } 22003 .ui-toolkit .col-lg-9 { 22004 width: 75%; 22005 } 22006 .ui-toolkit .col-lg-10 { 22007 width: 83.33333%; 22008 } 22009 .ui-toolkit .col-lg-11 { 22010 width: 91.66667%; 22011 } 22012 .ui-toolkit .col-lg-12 { 22013 width: 100%; 22014 } 22015} 22016 22017@media only screen and (min-width: 1200px) { 22018 .ui-toolkit .col-xl-1 { 22019 width: 8.33333%; 22020 } 22021 .ui-toolkit .col-xl-2 { 22022 width: 16.66667%; 22023 } 22024 .ui-toolkit .col-xl-3 { 22025 width: 25%; 22026 } 22027 .ui-toolkit .col-xl-4 { 22028 width: 33.33333%; 22029 } 22030 .ui-toolkit .col-xl-5 { 22031 width: 41.66667%; 22032 } 22033 .ui-toolkit .col-xl-6 { 22034 width: 50%; 22035 } 22036 .ui-toolkit .col-xl-7 { 22037 width: 58.33333%; 22038 } 22039 .ui-toolkit .col-xl-8 { 22040 width: 66.66667%; 22041 } 22042 .ui-toolkit .col-xl-9 { 22043 width: 75%; 22044 } 22045 .ui-toolkit .col-xl-10 { 22046 width: 83.33333%; 22047 } 22048 .ui-toolkit .col-xl-11 { 22049 width: 91.66667%; 22050 } 22051 .ui-toolkit .col-xl-12 { 22052 width: 100%; 22053 } 22054} 22055 22056@media only screen and (min-width: 1400px) { 22057 .ui-toolkit .col-tv-1 { 22058 width: 8.33333%; 22059 } 22060 .ui-toolkit .col-tv-2 { 22061 width: 16.66667%; 22062 } 22063 .ui-toolkit .col-tv-3 { 22064 width: 25%; 22065 } 22066 .ui-toolkit .col-tv-4 {
22067 width: 33.33333%; 22068 } 22069 .ui-toolkit .col-tv-5 { 22070 width: 41.66667%; 22071 } 22072 .ui-toolkit .col-tv-6 { 22073 width: 50%; 22074 } 22075 .ui-toolkit .col-tv-7 { 22076 width: 58.33333%; 22077 } 22078 .ui-toolkit .col-tv-8 { 22079 width: 66.66667%; 22080 } 22081 .ui-toolkit .col-tv-9 { 22082 width: 75%; 22083 } 22084 .ui-toolkit .col-tv-10 { 22085 width: 83.33333%; 22086 } 22087 .ui-toolkit .col-tv-11 { 22088 width: 91.66667%; 22089 } 22090 .ui-toolkit .col-tv-12 { 22091 width: 100%; 22092 } 22093} 22094 22095@media only screen and (min-width: 0) { 22096 .ui-toolkit .col-offset-xs-0 { 22097 margin-left: 0%; 22098 } 22099 .ui-toolkit .col-offset-xs-1 { 22100 margin-left: 8.33333%; 22101 } 22102 .ui-toolkit .col-offset-xs-2 { 22103 margin-left: 16.66667%; 22104 } 22105 .ui-toolkit .col-offset-xs-3 { 22106 margin-left: 25%; 22107 } 22108 .ui-toolkit .col-offset-xs-4 { 22109 margin-left: 33.33333%; 22110 } 22111 .ui-toolkit .col-offset-xs-5 { 22112 margin-left: 41.66667%; 22113 } 22114 .ui-toolkit .col-offset-xs-6 { 22115 margin-left: 50%; 22116 } 22117 .ui-toolkit .col-offset-xs-7 { 22118 margin-left: 58.33333%; 22119 } 22120 .ui-toolkit .col-offset-xs-8 { 22121 margin-left: 66.66667%; 22122 } 22123 .ui-toolkit .col-offset-xs-9 { 22124 margin-left: 75%; 22125 } 22126 .ui-toolkit .col-offset-xs-10 { 22127 margin-left: 83.33333%; 22128 } 22129 .ui-toolkit .col-offset-xs-11 { 22130 margin-left: 91.66667%; 22131 } 22132} 22133 22134@media only screen and (min-width: 480px) { 22135 .ui-toolkit .col-offset-sm-0 { 22136 margin-left: 0%; 22137 } 22138 .ui-toolkit .col-offset-sm-1 { 22139 margin-left: 8.33333%; 22140 } 22141 .ui-toolkit .col-offset-sm-2 { 22142 margin-left: 16.66667%; 22143 } 22144 .ui-toolkit .col-offset-sm-3 { 22145 margin-left: 25%; 22146 } 22147 .ui-toolkit .col-offset-sm-4 { 22148 margin-left: 33.33333%; 22149 } 22150 .ui-toolkit .col-offset-sm-5 { 22151 margin-left: 41.66667%; 22152 } 22153 .ui-toolkit .col-offset-sm-6 { 22154 margin-left: 50%; 22155 } 22156 .ui-toolkit .col-offset-sm-7 { 22157 margin-left: 58.33333%; 22158 } 22159 .ui-toolkit .col-offset-sm-8 { 22160 margin-left: 66.66667%; 22161 } 22162 .ui-toolkit .col-offset-sm-9 { 22163 margin-left: 75%; 22164 } 22165 .ui-toolkit .col-offset-sm-10 { 22166 margin-left: 83.33333%; 22167 } 22168 .ui-toolkit .col-offset-sm-11 { 22169 margin-left: 91.66667%; 22170 } 22171} 22172 22173@media only screen and (min-width: 640px) { 22174 .ui-toolkit .col-offset-md-0 { 22175 margin-left: 0%; 22176 } 22177 .ui-toolkit .col-offset-md-1 { 22178 margin-left: 8.33333%; 22179 } 22180 .ui-toolkit .col-offset-md-2 { 22181 margin-left: 16.66667%; 22182 } 22183 .ui-toolkit .col-offset-md-3 { 22184 margin-left: 25%; 22185 } 22186 .ui-toolkit .col-offset-md-4 { 22187 margin-left: 33.33333%; 22188 } 22189 .ui-toolkit .col-offset-md-5 { 22190 margin-left: 41.66667%; 22191 } 22192 .ui-toolkit .col-offset-md-6 { 22193 margin-left: 50%; 22194 } 22195 .ui-toolkit .col-offset-md-7 { 22196 margin-left: 58.33333%; 22197 } 22198 .ui-toolkit .col-offset-md-8 { 22199 margin-left: 66.66667%; 22200 } 22201 .ui-toolkit .col-offset-md-9 { 22202 margin-left: 75%; 22203 } 22204 .ui-toolkit .col-offset-md-10 { 22205 margin-left: 83.33333%; 22206 } 22207 .ui-toolkit .col-offset-md-11 { 22208 margin-left: 91.66667%; 22209 } 22210} 22211 22212@media only screen and (min-width: 900px) { 22213 .ui-toolkit .col-offset-lg-0 { 22214 margin-left: 0%; 22215 } 22216 .ui-toolkit .col-offset-lg-1 { 22217 margin-left: 8.33333%; 22218 } 22219 .ui-toolkit .col-offset-lg-2 { 22220 margin-left: 16.66667%; 22221 } 22222 .ui-toolkit .col-offset-lg-3 { 22223 margin-left: 25%; 22224 } 22225 .ui-toolkit .col-offset-lg-4 { 22226 margin-left: 33.33333%; 22227 } 22228 .ui-toolkit .col-offset-lg-5 { 22229 margin-left: 41.66667%; 22230 } 22231 .ui-toolkit .col-offset-lg-6 { 22232 margin-left: 50%; 22233 } 22234 .ui-toolkit .col-offset-lg-7 { 22235 margin-left: 58.33333%; 22236 } 22237 .ui-toolkit .col-offset-lg-8 { 22238 margin-left: 66.66667%; 22239 } 22240 .ui-toolkit .col-offset-lg-9 { 22241 margin-left: 75%; 22242 } 22243 .ui-toolkit .col-offset-lg-10 { 22244 margin-left: 83.33333%; 22245 } 22246 .ui-toolkit .col-offset-lg-11 { 22247 margin-left: 91.66667%; 22248 } 22249} 22250 22251@media only screen and (min-width: 1200px) { 22252 .ui-toolkit .col-offset-xl-0 { 22253 margin-left: 0%; 22254 } 22255 .ui-toolkit .col-offset-xl-1 { 22256 margin-left: 8.33333%; 22257 } 22258 .ui-toolkit .col-offset-xl-2 { 22259 margin-left: 16.66667%; 22260 } 22261 .ui-toolkit .col-offset-xl-3 { 22262 margin-left: 25%; 22263 } 22264 .ui-toolkit .col-offset-xl-4 {
22265 margin-left: 33.33333%; 22266 } 22267 .ui-toolkit .col-offset-xl-5 { 22268 margin-left: 41.66667%; 22269 } 22270 .ui-toolkit .col-offset-xl-6 { 22271 margin-left: 50%; 22272 } 22273 .ui-toolkit .col-offset-xl-7 { 22274 margin-left: 58.33333%; 22275 } 22276 .ui-toolkit .col-offset-xl-8 { 22277 margin-left: 66.66667%; 22278 } 22279 .ui-toolkit .col-offset-xl-9 { 22280 margin-left: 75%; 22281 } 22282 .ui-toolkit .col-offset-xl-10 { 22283 margin-left: 83.33333%; 22284 } 22285 .ui-toolkit .col-offset-xl-11 { 22286 margin-left: 91.66667%; 22287 } 22288} 22289 22290 22291.ui-toolkit .btn { 22292 22293 font-size: 14px; 22294 22295} 22296 22297.ui-toolkit .btn-secondary:active, 22298.ui-toolkit .btn-secondary.is-active, 22299.ui-toolkit .btn-secondary.is-selected { 22300 background-color: #f0f0ec !important; 22301 border-color: rgba(0, 0, 0, 0.5) !important; 22302 color: #222 !important; 22303} 22304 22305.ui-toolkit .btn:hover, 22306.ui-toolkit .btn.is-hovering { 22307 cursor: pointer; 22308 text-decoration: none; 22309} 22310 22311.ui-toolkit .btn:focus { 22312 outline: auto 2px Highlight; 22313 outline: auto 5px -webkit-focus-ring-color; 22314 text-decoration: none; 22315} 22316 22317.ui-toolkit .btn:active, 22318.ui-toolkit .btn.is-active, 22319.ui-toolkit .btn.is-selected { 22320 cursor: default; 22321} 22322 22323.ui-toolkit .btn:disabled, 22324.ui-toolkit .btn.is-disabled { 22325 cursor: default; 22326 pointer-events: none; 22327} 22328 22329.ui-toolkit .btn.caret { 22330 padding-right: 25px; 22331 position: relative; 22332 text-align: left; 22333} 22334 22335.ui-toolkit .btn-list-item { 22336 padding: 0; 22337} 22338 22339.ui-toolkit .btn-list-item>* { 22340 padding: 8px 12px; 22341 color: inherit; 22342 display: block; 22343} 22344 22345.ui-toolkit .btn-list-item a { 22346 text-decoration: none; 22347} 22348 22349.ui-toolkit .btn-list-item a:hover, 22350.ui-toolkit .btn-list-item a:focus { 22351 text-decoration: none; 22352} 22353 22354.ui-toolkit button::-moz-focus-inner { 22355 padding: 0; 22356} 22357 22358.ui-toolkit .btn-primary { 22359 background-color: #222; 22360 border-color: rgba(0, 0, 0, 0.1); 22361 color: #FFF; 22362} 22363 22364.ui-toolkit .btn-primary:hover, 22365.ui-toolkit .btn-primary.is-hovering { 22366 background-color: #3c3c3c; 22367 border-color: rgba(0, 0, 0, 0.2); 22368 color: #FFF; 22369} 22370 22371.ui-toolkit .btn-primary:focus { 22372 border-color: rgba(0, 0, 0, 0.8); 22373 color: #FFF; 22374} 22375 22376.ui-toolkit .btn-primary:active, 22377.ui-toolkit .btn-primary.is-active, 22378.ui-toolkit .btn-primary.is-selected { 22379 background-color: #3c3c3c; 22380 border-color: rgba(0, 0, 0, 0.5); 22381 color: #FFF; 22382} 22383 22384.ui-toolkit .btn-primary:disabled, 22385.ui-toolkit .btn-primary.is-disabled { 22386 background-color: #bbbbbb; 22387 border-color: rgba(0, 0, 0, 0.05); 22388 color: #FFF; 22389} 22390 22391.ui-toolkit .btn-primary.caret:after { 22392 color: rgba(255, 255, 255, 0.8); 22393} 22394 22395.ui-toolkit .btn-secondary { 22396 background-color: #FFF; 22397 border-color: rgba(0, 0, 0, 0.15); 22398 color: #222; 22399} 22400 22401.ui-toolkit .btn-secondary:hover, 22402.ui-toolkit .btn-secondary.is-hovering { 22403 background-color: #f9f9f7; 22404 border-color: rgba(0, 0, 0, 0.2); 22405 color: #222; 22406} 22407 22408.ui-toolkit .btn-secondary:active, 22409.ui-toolkit .btn-secondary.is-active, 22410.ui-toolkit .btn-secondary.is-selected { 22411 background-color: #f0f0ec; 22412 border-color: rgba(0, 0, 0, 0.5); 22413 color: #222; 22414} 22415 22416.ui-toolkit .btn-secondary:active:focus, 22417.ui-toolkit .btn-secondary.is-active:focus, 22418.ui-toolkit .btn-secondary.is-selected:focus { 22419 border-color: rgba(0, 0, 0, 0.8); 22420} 22421 22422.ui-toolkit .btn-secondary:disabled, 22423.ui-toolkit .btn-secondary.is-disabled { 22424 background-color: #FAF9F5; 22425 border-color: rgba(0, 0, 0, 0.15); 22426 color: #757575; 22427} 22428 22429.ui-toolkit .btn-secondary:disabled .ss-icon, 22430.ui-toolkit .btn-secondary.is-disabled .ss-icon { 22431 color: #757575; 22432} 22433 22434.ui-toolkit .btn-secondary:focus { 22435 border-color: rgba(0, 0, 0, 0.8); 22436 color: #222; 22437} 22438 22439.ui-toolkit .btn-outline { 22440 -webkit-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out; 22441 -moz-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out; 22442 -o-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out; 22443 -ms-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out; 22444 transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out; 22445 background: none; 22446 border-color: currentColor; 22447 border-style: solid; 22448 border-width: 2px; 22449 color: inherit; 22450} 22451 22452.ui-toolkit .btn-outline-white { 22453 border-color: #FFF; 22454 color: #FFF; 22455} 22456 22457.ui-toolkit .btn-outline-white:hover, 22458.ui-toolkit .btn-outline-white:focus { 22459 background-color: #FFF; 22460 color: #222; 22461} 22462 22463.ui-toolkit .btn-outline-primary { 22464 border-color: #222; 22465 color: #222; 22466} 22467 22468.ui-toolkit .btn-outline-primary:hover, 22469.ui-toolkit .btn-outline-primary:focus { 22470 background-color: #222; 22471 color: #FFF; 22472} 22473 22474.ui-toolkit .btn-outline-orange { 22475 border-color: #222; 22476 color: #222; 22477} 22478 22479.ui-toolkit .btn-outline-orange:hover, 22480.ui-toolkit .btn-outline-orange:focus { 22481 background-color: #222; 22482 color: #FFF; 22483} 22484 22485.ui-toolkit .btn-outline-black { 22486 border-color: #222; 22487 color: #222; 22488} 22489 22490.ui-toolkit .btn-outline-black:hover, 22491.ui-toolkit .btn-outline-black:focus { 22492 background-color: #222; 22493 border-color: #222; 22494 color: #FFF; 22495} 22496
22497.ui-toolkit .btn-transparent { 22498 background-color: transparent; 22499 color: #595959; 22500 border-color: transparent; 22501} 22502 22503.ui-toolkit .btn-transparent:hover, 22504.ui-toolkit .btn-transparent.is-hovering { 22505 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 22506 opacity: 0.8; 22507 color: #595959; 22508} 22509 22510.ui-toolkit .btn-transparent:focus { 22511 border-color: #CBCCC9; 22512 color: #595959; 22513} 22514 22515.ui-toolkit .btn-transparent:active, 22516.ui-toolkit .btn-transparent.is-active, 22517.ui-toolkit .btn-transparent.is-selected { 22518 border-color: rgba(0, 0, 0, 0.4); 22519 color: #222; 22520} 22521 22522.ui-toolkit .btn-transparent:disabled, 22523.ui-toolkit .btn-transparent.is-disabled { 22524 background-color: transparent; 22525 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60); 22526 opacity: 0.6; 22527 color: #757575; 22528 border-color: transparent; 22529} 22530 22531.ui-toolkit .btn-transparent:disabled .ss-icon, 22532.ui-toolkit .btn-transparent.is-disabled .ss-icon { 22533 color: #757575; 22534} 22535 22536 22537 22538.ui-toolkit .btn-transaction { 22539 background-color: #222; 22540 border-color: rgba(0, 0, 0, 0.1); 22541 color: #FFF; 22542} 22543 22544.ui-toolkit .btn-transaction:hover, 22545.ui-toolkit .btn-transaction.is-hovering { 22546 background-color: #3c3c3c; 22547 border-color: rgba(0, 0, 0, 0.2); 22548} 22549 22550.ui-toolkit .btn-transaction:focus { 22551 border-color: rgba(0, 0, 0, 0.8); 22552} 22553 22554.ui-toolkit .btn-transaction:active, 22555.ui-toolkit .btn-transaction.is-active, 22556.ui-toolkit .btn-transaction.is-selected { 22557 background-color: #3c3c3c; 22558 border-color: rgba(0, 0, 0, 0.5); 22559} 22560 22561.ui-toolkit .btn-transaction:disabled, 22562.ui-toolkit .btn-transaction.is-disabled { 22563 background-color: #bbbbbb; 22564 border-color: rgba(0, 0, 0, 0.05); 22565} 22566 22567.ui-toolkit .btn-transaction.caret:after { 22568 color: rgba(255, 255, 255, 0.8); 22569} 22570 22571.ui-toolkit .btn-caution { 22572 background-color: #C13C27; 22573 border-color: rgba(0, 0, 0, 0.1); 22574 color: #FFF; 22575} 22576 22577.ui-toolkit .btn-caution:hover, 22578.ui-toolkit .btn-caution.is-hovering { 22579 background-color: #ce3f2a; 22580 border-color: rgba(0, 0, 0, 0.2); 22581} 22582 22583.ui-toolkit .btn-caution:focus { 22584 border-color: rgba(0, 0, 0, 0.8); 22585} 22586 22587.ui-toolkit .btn-caution:active, 22588.ui-toolkit .btn-caution.is-active, 22589.ui-toolkit .btn-caution.is-selected { 22590 background-color: #b43824; 22591 border-color: rgba(0, 0, 0, 0.5); 22592} 22593 22594.ui-toolkit .btn-caution:disabled, 22595.ui-toolkit .btn-caution.is-disabled { 22596 background-color: #e17c6d; 22597 border-color: rgba(0, 0, 0, 0.05); 22598} 22599 22600.ui-toolkit .btn-caution.caret:after { 22601 color: rgba(255, 255, 255, 0.8); 22602} 22603 22604.ui-toolkit .btn-orange { 22605 background-color: #222; 22606 border-color: rgba(0, 0, 0, 0.1); 22607 color: #FFF; 22608} 22609 22610.ui-toolkit .btn-orange:hover, 22611.ui-toolkit .btn-orange.is-hovering { 22612 background-color: #3c3c3c; 22613 border-color: rgba(0, 0, 0, 0.2); 22614 color: #FFF; 22615} 22616 22617.ui-toolkit .btn-orange:focus { 22618 border-color: rgba(0, 0, 0, 0.8); 22619 color: #FFF; 22620} 22621 22622.ui-toolkit .btn-orange:active, 22623.ui-toolkit .btn-orange.is-active, 22624.ui-toolkit .btn-orange.is-selected { 22625 background-color: #3c3c3c; 22626 border-color: rgba(0, 0, 0, 0.5); 22627 color: #FFF; 22628} 22629 22630.ui-toolkit .btn-orange:disabled, 22631.ui-toolkit .btn-orange.is-disabled { 22632 background-color: #bbbbbb; 22633 border-color: rgba(0, 0, 0, 0.05); 22634 color: #FFF; 22635} 22636 22637.ui-toolkit .btn-orange-text { 22638 background-color: #FFF; 22639 border-color: #FFF; 22640 color: #222; 22641} 22642 22643.ui-toolkit .btn-orange-text:hover, 22644.ui-toolkit .btn-orange-text.is-hovering { 22645 background-color: #f7f7f7; 22646 color: #222; 22647} 22648 22649.ui-toolkit .btn-orange-text:active, 22650.ui-toolkit .btn-orange-text.is-active, 22651.ui-toolkit .btn-orange-text.is-selected { 22652 -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); 22653 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); 22654 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); 22655 background-color: #f2f2f2; 22656 color: #222; 22657} 22658 22659.ui-toolkit .btn-orange-text:disabled, 22660.ui-toolkit .btn-orange-text.is-disabled { 22661 background-color: #ffcba8; 22662 border-color: #ffcba8; 22663 color: #ff6f10; 22664} 22665 22666.ui-toolkit .btn-orange-text:focus { 22667 -moz-box-shadow: 0 0 0 1px #000; 22668 -webkit-box-shadow: 0 0 0 1px #000; 22669 box-shadow: 0 0 0 1px #000; 22670 -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); 22671 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); 22672 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); 22673} 22674 22675.ui-toolkit .btn-facebook { 22676 background-color: #3B5998; 22677 border-color: rgba(0, 0, 0, 0.1); 22678 color: #FFF; 22679} 22680 22681.ui-toolkit .btn-facebook:hover, 22682.ui-toolkit .btn-facebook.is-hovering { 22683 background-color: #3f61a3; 22684 border-color: rgba(0, 0, 0, 0.2); 22685} 22686 22687.ui-toolkit .btn-facebook:focus { 22688 border-color: rgba(0, 0, 0, 0.8); 22689} 22690 22691.ui-toolkit .btn-facebook:active, 22692.ui-toolkit .btn-facebook.is-active, 22693.ui-toolkit .btn-facebook.is-selected { 22694 background-color: #37538d; 22695 border-color: rgba(0, 0, 0, 0.5); 22696} 22697 22698.ui-toolkit .btn-facebook:disabled, 22699.ui-toolkit .btn-facebook.is-disabled { 22700 background-color: #96abd6; 22701 border-color: rgba(0, 0, 0, 0.05); 22702} 22703 22704.ui-toolkit .btn-twitter { 22705 background-color: #00B0ED; 22706 border-color: rgba(0, 0, 0, 0.1); 22707 color: #FFF; 22708} 22709 22710.ui-toolkit .btn-twitter:hover, 22711.ui-toolkit .btn-twitter.is-hovering { 22712 background-color: #00bdfc; 22713 border-color: rgba(0, 0, 0, 0.2); 22714} 22715 22716.ui-toolkit .btn-twitter:focus { 22717 border-color: rgba(0, 0, 0, 0.8); 22718} 22719 22720.ui-toolkit .btn-twitter:active, 22721.ui-toolkit .btn-twitter.is-active, 22722.ui-toolkit .btn-twitter.is-selected { 22723 background-color: #00a6de; 22724 border-color: rgba(0, 0, 0, 0.5); 22725} 22726 22727.ui-toolkit .btn-twitter:disabled, 22728.ui-toolkit .btn-twitter.is-disabled { 22729 background-color: #87e1ff; 22730 border-color: rgba(0, 0, 0, 0.05); 22731} 22732 22733.ui-toolkit .btn-pinterest { 22734 background-color: #CE2029; 22735 border-color: rgba(0, 0, 0, 0.1); 22736 color: #FFF; 22737} 22738 22739.ui-toolkit .btn-pinterest:hover, 22740.ui-toolkit .btn-pinterest.is-hovering { 22741 background-color: #db222e; 22742 border-color: rgba(0, 0, 0, 0.2); 22743} 22744 22745.ui-toolkit .btn-pinterest:focus { 22746 border-color: rgba(0, 0, 0, 0.8); 22747} 22748 22749.ui-toolkit .btn-pinterest:active, 22750.ui-toolkit .btn-pinterest.is-active, 22751.ui-toolkit .btn-pinterest.is-selected { 22752 background-color: #c11e29; 22753 border-color: rgba(0, 0, 0, 0.5); 22754} 22755 22756.ui-toolkit .btn-pinterest:disabled, 22757.ui-toolkit .btn-pinterest.is-disabled { 22758 background-color: #ef989e; 22759 border-color: rgba(0, 0, 0, 0.05); 22760} 22761 22762.ui-toolkit .btn-google { 22763 background-color: #4285F4; 22764 border-color: rgba(0, 0, 0, 0.1); 22765 color: #FFF; 22766} 22767 22768.ui-toolkit .btn-google:hover,
22769.ui-toolkit .btn-google.is-hovering { 22770 background-color: #508ff5; 22771 border-color: rgba(0, 0, 0, 0.2); 22772} 22773 22774.ui-toolkit .btn-google:focus { 22775 border-color: rgba(0, 0, 0, 0.8); 22776} 22777 22778.ui-toolkit .btn-google:active, 22779.ui-toolkit .btn-google.is-active, 22780.ui-toolkit .btn-google.is-selected { 22781 background-color: #347df3; 22782 border-color: rgba(0, 0, 0, 0.5); 22783} 22784 22785.ui-toolkit .btn-google:disabled, 22786.ui-toolkit .btn-google.is-disabled { 22787 background-color: #d3e3fc; 22788 border-color: rgba(0, 0, 0, 0.05); 22789} 22790 22791.ui-toolkit .btn-tumblr { 22792 background-color: #35465C; 22793 border-color: rgba(0, 0, 0, 0.1); 22794 color: #FFF; 22795} 22796 22797.ui-toolkit .btn-tumblr:hover, 22798.ui-toolkit .btn-tumblr.is-hovering { 22799 background-color: #3b4e66; 22800 border-color: rgba(0, 0, 0, 0.2); 22801} 22802 22803.ui-toolkit .btn-tumblr:focus { 22804 border-color: rgba(0, 0, 0, 0.8); 22805} 22806 22807.ui-toolkit .btn-tumblr:active, 22808.ui-toolkit .btn-tumblr.is-active, 22809.ui-toolkit .btn-tumblr.is-selected { 22810 background-color: #2f3f52; 22811 border-color: rgba(0, 0, 0, 0.5); 22812} 22813 22814.ui-toolkit .btn-tumblr:disabled, 22815.ui-toolkit .btn-tumblr.is-disabled { 22816 background-color: #7892b2; 22817 border-color: rgba(0, 0, 0, 0.05); 22818} 22819 22820.ui-toolkit .btn-paypal { 22821 background-color: #222; 22822 border-color: rgba(0, 0, 0, 0.1); 22823 color: #FFF; 22824} 22825 22826.ui-toolkit .btn-paypal:hover, 22827.ui-toolkit .btn-paypal.is-hovering { 22828 background-color: #2a2a2a; 22829 border-color: rgba(0, 0, 0, 0.2); 22830} 22831 22832.ui-toolkit .btn-paypal:focus { 22833 border-color: rgba(0, 0, 0, 0.8); 22834} 22835 22836.ui-toolkit .btn-paypal:active, 22837.ui-toolkit .btn-paypal.is-active, 22838.ui-toolkit .btn-paypal.is-selected { 22839 background-color: #1a1a1a; 22840 border-color: rgba(0, 0, 0, 0.5); 22841} 22842 22843.ui-toolkit .btn-paypal:disabled, 22844.ui-toolkit .btn-paypal.is-disabled { 22845 background-color: #6f6f6f; 22846 border-color: rgba(0, 0, 0, 0.05); 22847} 22848 22849.ui-toolkit .btn-small { 22850 font-size: 12px; 22851 font-weight: normal; 22852 height: 28px; 22853 padding: 4px 12px; 22854} 22855 22856.ui-toolkit .btn-large { 22857 font-size: 16px; 22858 height: 48px; 22859 padding: 12px 28px; 22860} 22861 22862.ui-toolkit .btn-large.caret { 22863 padding-left: 12px; 22864} 22865 22866@media only screen and (min-width: 0) and (max-width: 899px) { 22867 .ui-toolkit .btn-responsive { 22868 font-size: 16px; 22869 height: 48px; 22870 padding: 12px 28px; 22871 } 22872 .ui-toolkit .btn-responsive.caret { 22873 padding-left: 12px; 22874 } 22875} 22876 22877.ui-toolkit .btn-icon-with-text { 22878 padding-left: 12px; 22879} 22880 22881.ui-toolkit .btn-icon-with-text .ss-icon { 22882 margin-right: 6px; 22883} 22884 22885.ui-toolkit .btn-group { 22886 white-space: nowrap; 22887} 22888 22889@media only screen and (min-width: 0) { 22890 .ui-toolkit .btn-group-xs { 22891 white-space: nowrap; 22892 } 22893} 22894 22895@media only screen and (min-width: 480px) { 22896 .ui-toolkit .btn-group-sm { 22897 white-space: nowrap; 22898 } 22899} 22900 22901@media only screen and (min-width: 640px) { 22902 .ui-toolkit .btn-group-md { 22903 white-space: nowrap; 22904 } 22905 22906} 22907 22908@media only screen and (min-width: 900px) { 22909 .ui-toolkit .btn-group-lg { 22910 white-space: nowrap; 22911 } 22912 22913} 22914 22915@media only screen and (min-width: 1200px) { 22916 .ui-toolkit .btn-group-xl { 22917 white-space: nowrap; 22918 } 22919 22920} 22921 22922@media only screen and (min-width: 1400px) { 22923 .ui-toolkit .btn-group-tv { 22924 white-space: nowrap; 22925 } 22926 22927} 22928 22929.ui-toolkit .btn-prepend { 22930 border-bottom-right-radius: 0; 22931 border-top-right-radius: 0; 22932} 22933 22934.ui-toolkit .btn-append { 22935 border-bottom-left-radius: 0; 22936 border-top-left-radius: 0; 22937} 22938 22939.ui-toolkit .unstyled-button { 22940 background-color: transparent; 22941 border: none; 22942 border-radius: 0; 22943 text-decoration: none; 22944 padding: 0; 22945 height: inherit; 22946 text-align: left; 22947 color: #222; 22948 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 22949 font-size: 14px; 22950 line-height: 1.4; 22951} 22952 22953 22954.ui-toolkit a:focus, 22955.ui-toolkit .text-link-primary:focus { 22956 outline: auto 2px Highlight; 22957 outline: auto 5px -webkit-focus-ring-color; 22958} 22959 22960.ui-toolkit a:hover, 22961.ui-toolkit a:focus, 22962.ui-toolkit a:active, 22963.ui-toolkit a.is-active, 22964.ui-toolkit .text-link-primary:hover, 22965.ui-toolkit .text-link-primary:focus, 22966.ui-toolkit .text-link-primary:active, 22967.ui-toolkit .text-link-primary.is-active { 22968 cursor: pointer; 22969} 22970 22971.ui-toolkit a.is-selected, 22972.ui-toolkit .text-link-primary.is-selected { 22973 color: #222; 22974} 22975 22976.ui-toolkit a.is-selected:hover, 22977.ui-toolkit .text-link-primary.is-selected:hover { 22978 cursor: default; 22979 text-decoration: none; 22980} 22981 22982.ui-toolkit .text-link-secondary { 22983 color: #222; 22984 text-decoration: none; 22985} 22986 22987.ui-toolkit .text-link-secondary:focus { 22988 outline: auto 2px Highlight; 22989 outline: auto 5px -webkit-focus-ring-color; 22990} 22991 22992.ui-toolkit .text-link-secondary:hover, 22993.ui-toolkit .text-link-secondary:focus, 22994.ui-toolkit .text-link-secondary:active, 22995.ui-toolkit .text-link-secondary.is-active { 22996 cursor: pointer; 22997 text-decoration: underline; 22998} 22999 23000.ui-toolkit .text-link-secondary.is-selected { 23001 color: #222; 23002} 23003 23004.ui-toolkit .text-link-secondary.is-selected:hover { 23005 cursor: default; 23006 text-decoration: none; 23007} 23008 23009.ui-toolkit .text-link-underline { 23010 text-decoration: underline; 23011 color: inherit; 23012} 23013 23014.ui-toolkit .text-link-underline:hover, 23015.ui-toolkit .text-link-underline:focus, 23016.ui-toolkit .text-link-underline:active, 23017.ui-toolkit .text-link-underline.is-active { 23018 cursor: pointer; 23019 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 23020 opacity: 0.8; 23021} 23022 23023.ui-toolkit .text-link-no-underline { 23024 text-decoration: none; 23025} 23026 23027.ui-toolkit .link-white { 23028 color: #FFF; 23029 text-decoration: underline; 23030} 23031 23032.ui-toolkit .link-white:hover, 23033.ui-toolkit .link-white:focus { 23034 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 23035 opacity: 0.8; 23036} 23037 23038.ui-toolkit .link-gray-darker { 23039 color: #222; 23040 text-decoration: underline; 23041} 23042 23043.ui-toolkit .link-gray-darker:hover, 23044.ui-toolkit .link-gray-darker:focus { 23045 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 23046 opacity: 0.8; 23047} 23048 23049.ui-toolkit .card { 23050 border-radius: 3px; 23051 border: 1px solid #E1E3DF; 23052 border-bottom-color: #CBCCC9; 23053 width: 100%; 23054 /*border-top: none;
23055 border-right: none; 23056 border-bottom: none;*/ 23057} 23058 23059.ui-toolkit .card.is-selected { 23060 background-color: #FFF3EE; 23061 border-color: #ffddcf; 23062 border-bottom-color: #ffddcf; 23063} 23064 23065.ui-toolkit .card.is-selected .card-meta+.card-meta:before, 23066.ui-toolkit .card.is-selected .card-meta-row-item:nth-child(n+2):before { 23067 background-color: #FFF3EE; 23068} 23069 23070.ui-toolkit .card.is-selected .card-actions { 23071 border-color: #ffddcf; 23072} 23073 23074.ui-toolkit .card.is-selected .card-actions .ss-icon:not(.text-yellow) { 23075 color: #F56400; 23076} 23077 23078 23079.ui-toolkit .card-body { 23080 border-top-right-radius: 2px; 23081 border-top-left-radius: 2px; 23082 position: relative; 23083} 23084 23085.ui-toolkit .card-body:hover { 23086 border-top-right-radius: 3px; 23087 border-top-left-radius: 3px; 23088 position: relative; 23089 text-decoration: none; 23090 /*z-index: 10;*/ 23091} 23092 23093.ui-toolkit .card-body:hover .card-img-wrap:after { 23094 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5); 23095 opacity: 0.05; 23096} 23097 23098.ui-toolkit .card-img-wrap { 23099 position: relative; 23100 margin: 2px; 23101} 23102 23103.ui-toolkit .card-img-wrap img { 23104 width: 100%; 23105} 23106 23107.ui-toolkit .card-img-wrap:after { 23108 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); 23109 opacity: 0; 23110 background-color: #000; 23111 bottom: 0; 23112 content: ''; 23113 left: 0; 23114 position: absolute; 23115 right: 0; 23116 top: 0; 23117} 23118 23119.ui-toolkit .card-meta { 23120 margin: 10px 8px; 23121} 23122 23123.ui-toolkit .card-meta+.card-meta { 23124 padding-top: 11px; 23125 position: relative; 23126} 23127 23128.ui-toolkit .card-meta+.card-meta:before { 23129 background-color: #FAF9F5; 23130 content: ''; 23131 height: 1px; 23132 left: 0px; 23133 position: absolute; 23134 right: 0px; 23135 top: 0px; 23136} 23137 23138.ui-toolkit .card-meta-row { 23139 color: #222; 23140 font-size: 12px; 23141 margin-bottom: 3px; 23142 overflow: hidden; 23143 text-overflow: ellipsis; 23144 white-space: nowrap; 23145} 23146 23147.ui-toolkit .card-meta-row:last-child { 23148 margin-bottom: 0; 23149 display: table; 23150 display: flex; 23151 justify-content: space-between; 23152} 23153 23154.ui-toolkit .card-meta-row:first-child { 23155 display: block; 23156} 23157 23158.ui-toolkit .card-meta-row-item { 23159 display: inline; 23160 position: relative; 23161} 23162 23163.ui-toolkit .card-meta-row-item:nth-child(n+2) { 23164 padding-left: 12px; 23165} 23166 23167.ui-toolkit .card-meta-row-item:nth-child(n+2):before { 23168 background-color: #E1E3DF; 23169 bottom: 15%; 23170 content: ''; 23171 left: 4px; 23172 position: absolute; 23173 top: 20%; 23174 width: 1px; 23175} 23176 23177.ui-toolkit .card-similar-listing { 23178 border-radius: 3px; 23179 border-top-right-radius: 0px; 23180 border-top-left-radius: 0px; 23181 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23182 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23183 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23184 position: absolute; 23185 top: -1px; 23186 left: -1px; 23187 right: -1px; 23188 color: #E55400; 23189 background-color: #FFF; 23190 border-color: rgba(0, 0, 0, 0.15); 23191 border-width: 1px; 23192 border-style: solid; 23193 padding: 8px 4px; 23194 display: none; 23195} 23196 23197.ui-toolkit .card-similar-listing:hover { 23198 background-color: #f9f9f7; 23199 border-color: rgba(0, 0, 0, 0.2); 23200} 23201 23202.ui-toolkit .card-title { 23203 font-size: 14px; 23204 font-weight: normal; 23205} 23206 23207.ui-toolkit .card-price { 23208 color: #000; 23209 font-weight: bold; 23210} 23211 23212.ui-toolkit .card-price.float-right { 23213 padding-left: 4px; 23214 order: 2; 23215} 23216 23217.ui-toolkit .card-actions { 23218 display: table; 23219 width: 100%; 23220 border-top: 1px solid #E1E3DF; 23221} 23222 23223.ui-toolkit .card-actions-2 .card-action { 23224 width: 50%; 23225} 23226 23227.ui-toolkit .card-actions-3 .card-action { 23228 width: 33.33333%; 23229} 23230 23231.ui-toolkit .card-action { 23232 -webkit-user-select: none; 23233 -ms-user-select: none; 23234 -moz-user-select: none; 23235 -o-user-select: none; 23236 user-select: none; 23237 -webkit-touch-callout: none; 23238 display: table-cell; 23239 padding: 3px; 23240 text-align: center; 23241} 23242 23243.ui-toolkit .card-action:first-child { 23244 border-bottom-left-radius: 2px; 23245} 23246 23247.ui-toolkit .card-action:last-child { 23248 border-bottom-right-radius: 2px; 23249} 23250 23251.ui-toolkit [class^='block-grid-'] .card { 23252 max-width: none; 23253 width: 100%; 23254} 23255 23256.ui-toolkit .collections-ui { 23257 z-index: 20; 23258} 23259 23260.ui-toolkit .card.buyer-card .badge-white { 23261 background-color: rgba(255, 255, 255, 0.8); 23262} 23263 23264.ui-toolkit .card.buyer-card .card-title { 23265 color: #222; 23266} 23267 23268.ui-toolkit .card.buyer-card .card-meta { 23269 margin: 6px; 23270} 23271 23272.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2) { 23273 padding-left: 0px; 23274} 23275 23276.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2):before { 23277 display: none; 23278} 23279 23280.ui-toolkit .card.buyer-card:hover { 23281 border-color: rgba(0, 0, 0, 0.15); 23282 border-bottom-color: rgba(0, 0, 0, 0.3); 23283 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23284 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23285 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); 23286 text-decoration: none; 23287} 23288 23289.ui-toolkit .card.buyer-card:hover .card-title { 23290 text-decoration: none; 23291} 23292 23293.ui-toolkit .card.buyer-card .card-title:hover { 23294 text-decoration: none; 23295} 23296
23297.ui-toolkit .card.buyer-card a.card-shop-name:hover { 23298 text-decoration: underline; 23299} 23300 23301.ui-toolkit .card.buyer-card .card-body:hover .card-img-wrap:after { 23302 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); 23303 opacity: 0; 23304} 23305 23306.ui-toolkit .card.buyer-card .card-price { 23307 color: #222; 23308} 23309 23310.ui-toolkit .card.buyer-card .card-shop-name { 23311 color: #595959; 23312} 23313 23314.ui-toolkit .card.buyer-card .card-img-wrap { 23315 margin: 0px; 23316} 23317 23318.ui-toolkit .card.buyer-card .card-title, 23319.ui-toolkit .card.buyer-card .currency { 23320 font-size: 12px; 23321} 23322 23323.ui-toolkit .listing-card .discounted-price { 23324 color: #222; 23325} 23326 23327.ui-toolkit .listing-card .strike-through { 23328 text-decoration: line-through; 23329} 23330 23331.ui-toolkit .listing-card .discount-note { 23332 color: #2E8539; 23333 font-weight: normal; 23334} 23335 23336.ui-toolkit .listing-card .free-shipping { 23337 font-size: 12px; 23338 background: rgba(255, 255, 255, 0.9); 23339} 23340 23341.ui-toolkit .listing-card .card-meta-row-with-tooltip { 23342 overflow: visible; 23343} 23344 23345.ui-toolkit .spinner { 23346 -webkit-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite; 23347 -ms-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite; 23348 -moz-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite; 23349 -o-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite; 23350 animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite; 23351 background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgb3BhY2l0eT0iMC40IiBjeD0iMjQiIGN5PSI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSI0NCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iNCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSIyNCIgY3k9IjQ0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjQiIGN4PSI5LjkiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjkuOSIgY3k9IjM4LjEiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSIzOC4xIiByPSI0Ii8+PC9zdmc+'); 23352 display: block; 23353 font-size: 0px; 23354 height: 6em; 23355 margin: 0 auto; 23356 overflow: hidden; 23357 position: relative; 23358 text-indent: -9999px; 23359 width: 6em; 23360} 23361 23362.ui-toolkit .spinner-large { 23363 width: 48px; 23364 height: 48px; 23365} 23366 23367.ui-toolkit .spinner-small { 23368 width: 24px; 23369 height: 24px; 23370} 23371 23372.ui-toolkit .spinner-smaller { 23373 width: 16px; 23374 height: 16px; 23375} 23376 23377.ui-toolkit .nav-group, 23378.ui-toolkit .underlined-nav-group { 23379 list-style: none; 23380 line-height: 1; 23381 overflow-x: visible; 23382 overflow-y: visible; 23383 padding: 0; 23384 white-space: nowrap; 23385 -webkit-overflow-scrolling: touch; 23386 -ms-overflow-style: -ms-autohiding-scrollbar; 23387} 23388 23389.ui-toolkit .nav-group-justified .nav-group-item, 23390.ui-toolkit .underlined-nav-group-justified .underlined-nav-item { 23391 display: table-cell; 23392 margin: 0; 23393 text-align: center; 23394 width: 1%; 23395} 23396 23397.ui-toolkit .nav-group-sticky { 23398 -webkit-transition: top 0.3s ease-out; 23399 -moz-transition: top 0.3s ease-out; 23400 -o-transition: top 0.3s ease-out; 23401 -ms-transition: top 0.3s ease-out; 23402 transition: top 0.3s ease-out; 23403} 23404 23405.ui-toolkit .nav-group-sticky.is-stuck { 23406 position: fixed; 23407 top: 0; 23408 width: 100%; 23409 box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); 23410 z-index: 40; 23411} 23412 23413.ui-toolkit .nav-group-item, 23414.ui-toolkit .underlined-nav-item { 23415 display: inline-block; 23416 cursor: pointer; 23417 line-height: 1; 23418 margin-left: 6px; 23419 margin-right: 6px; 23420 color: #595959; 23421 outline: none; 23422 text-decoration: none; 23423 vertical-align: bottom; 23424 font-size: inherit; 23425 border: none; 23426 background-color: inherit; 23427 -webkit-appearance: none; 23428} 23429 23430.ui-toolkit .nav-group-item:first-child, 23431.ui-toolkit .underlined-nav-item:first-child { 23432 margin-left: 0; 23433} 23434 23435.ui-toolkit .nav-group-item.is-active, 23436.ui-toolkit .nav-group-item:active, 23437.ui-toolkit .underlined-nav-item.is-active, 23438.ui-toolkit .underlined-nav-item:active { 23439 color: #000; 23440} 23441 23442.ui-toolkit .nav-group-item.is-disabled, 23443.ui-toolkit .underlined-nav-item.is-disabled { 23444 color: #757575; 23445} 23446 23447.ui-toolkit .nav-group-item.is-disabled:hover, 23448.ui-toolkit .nav-group-item.is-disabled:active, 23449.ui-toolkit .underlined-nav-item.is-disabled:hover, 23450.ui-toolkit .underlined-nav-item.is-disabled:active { 23451 color: #757575; 23452 cursor: default; 23453 text-decoration: none; 23454} 23455 23456.ui-toolkit .no-touch .nav-group-item:hover, 23457.ui-toolkit .no-touch .underlined-nav-item:hover { 23458 color: #000; 23459} 23460 23461.ui-toolkit .nav-group-item-target:focus { 23462 border: 1px dotted rgba(0, 0, 0, 0.8); 23463 outline: none; 23464} 23465 23466.ui-toolkit .nav-group-underlined, 23467.ui-toolkit .underlined-nav-group { 23468 border-bottom: 1px solid #E1E3DF; 23469 padding-bottom: 0; 23470} 23471 23472.ui-toolkit .nav-group-underlined .nav-group-item, 23473.ui-toolkit .underlined-nav-item { 23474 -moz-box-shadow: 0 0 0 0 #757575 inset; 23475 -webkit-box-shadow: 0 0 0 0 #757575 inset; 23476 box-shadow: 0 0 0 #757575 0 inset; 23477 -webkit-transition: box-shadow 0.1s ease-out; 23478 -moz-transition: box-shadow 0.1s ease-out; 23479 -o-transition: box-shadow 0.1s ease-out; 23480 -ms-transition: box-shadow 0.1s ease-out; 23481 transition: box-shadow 0.1s ease-out; 23482 border-radius: 0; 23483 margin-left: 4px; 23484 margin-right: 4px; 23485 padding-left: 12px; 23486 padding-right: 12px; 23487 padding-bottom: 16px; 23488} 23489 23490.ui-toolkit .nav-group-underlined .nav-group-item:focus, 23491.ui-toolkit .underlined-nav-item:focus { 23492 outline: auto 2px Highlight; 23493 outline: auto 5px -webkit-focus-ring-color; 23494} 23495 23496.ui-toolkit .nav-group-underlined .nav-group-item.is-active, 23497.ui-toolkit .nav-group-underlined .nav-group-item:active, 23498.ui-toolkit .underlined-nav-item.is-active, 23499.ui-toolkit .underlined-nav-item:active { 23500 -moz-box-shadow: 0 -4px 0 0 #F56400 inset; 23501 -webkit-box-shadow: 0 -4px 0 0 #F56400 inset; 23502 box-shadow: 0 -4px 0 #F56400 0 inset; 23503 text-decoration: none; 23504} 23505 23506.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:hover, 23507.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:active, 23508.ui-toolkit .underlined-nav-item.is-disabled:hover, 23509.ui-toolkit .underlined-nav-item.is-disabled:active { 23510 -moz-box-shadow: 0 0 0 0 #757575 inset; 23511 -webkit-box-shadow: 0 0 0 0 #757575 inset; 23512 box-shadow: 0 0 0 #757575 0 inset; 23513} 23514 23515.ui-toolkit .no-touch .nav-group-underlined .nav-group-item:hover, 23516.ui-toolkit .no-touch .underlined-nav-item:hover { 23517 -moz-box-shadow: 0 -4px 0 0 #757575 inset; 23518 -webkit-box-shadow: 0 -4px 0 0 #757575 inset; 23519 box-shadow: 0 -4px 0 #757575 0 inset; 23520 text-decoration: none; 23521} 23522 23523.ui-toolkit .overlay-region { 23524 padding: 20px; 23525 z-index: 80; 23526 width: 100%; 23527} 23528 23529.ui-toolkit .overlay-view { 23530 border-radius: 3px; 23531 -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 23532 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 23533 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 23534 background: #FFF; 23535 position: relative; 23536 z-index: 80; 23537 max-width: 540px; 23538} 23539 23540@media only screen and (min-width: 640px) { 23541 .ui-toolkit .overlay-view { 23542 margin: 120px auto; 23543 } 23544} 23545 23546@media only screen and (min-width: 480px) and (max-width: 639px) { 23547 .ui-toolkit .overlay-view { 23548 margin: 40px auto; 23549 } 23550} 23551 23552.ui-toolkit .overlay-view.overlay-width-full { 23553 border-radius: 0; 23554 max-width: 100%; 23555} 23556 23557.ui-toolkit .overlay-header { 23558 border-top-right-radius: 3px; 23559 border-top-left-radius: 3px; 23560 background-color: #FBFBFA; 23561 border-bottom: 1px solid #E1E3DF; 23562 font-weight: bold; 23563 position: relative; 23564} 23565 23566.ui-toolkit .overlay-header:before, 23567.ui-toolkit .overlay-header:after { 23568 content: " "; 23569 display: table; 23570} 23571 23572.ui-toolkit .overlay-header:after { 23573 clear: both; 23574} 23575 23576.ui-toolkit .overlay-header a { 23577 color: #222; 23578} 23579 23580.ui-toolkit .overlay-title { 23581 display: block; 23582 overflow: hidden; 23583 padding: 12px 18px; 23584} 23585 23586.ui-toolkit .overlay-close { 23587 color: #595959; 23588 float: right; 23589 padding: 12px 18px; 23590 margin-left: -18px; 23591 z-index: 10; 23592 position: relative; 23593} 23594 23595.ui-toolkit .overlay-close:hover { 23596 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 23597 opacity: 0.8; 23598} 23599 23600.ui-toolkit .overlay-close .ss-delete { 23601 font-size: 12px; 23602 position: relative; 23603 top: 1px; 23604} 23605 23606.ui-toolkit .overlay-back { 23607 color: #595959; 23608 float: left; 23609 padding: 12px 18px; 23610 margin-right: -18px; 23611} 23612 23613.ui-toolkit .overlay-back:hover { 23614 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); 23615 opacity: 0.8; 23616} 23617 23618.ui-toolkit .overlay-back .ss-navigateleft { 23619 font-size: 12px; 23620 position: relative; 23621 top: 1px; 23622} 23623 23624.ui-toolkit .overlay-body { 23625 padding: 18px; 23626} 23627 23628.ui-toolkit .overlay-body:first-child { 23629 margin-top: 0; 23630} 23631 23632.ui-toolkit .overlay-body:last-child { 23633 margin-bottom: 0; 23634} 23635 23636.ui-toolkit .overlay-body .list-nav { 23637 margin-left: -18px; 23638 margin-right: -18px; 23639} 23640 23641.ui-toolkit .overlay-body .list-nav.list-nav-flush .list-nav-item { 23642 margin-left: 0; 23643 margin-right: 0; 23644} 23645 23646.ui-toolkit .overlay-body .list-nav-item { 23647 border-radius: 0; 23648 font-weight: normal; 23649 margin: 0; 23650 padding-left: 18px; 23651 padding-right: 18px; 23652} 23653 23654.ui-toolkit .overlay-body .list-nav-item.is-selected { 23655 background-color: #FAF9F5; 23656} 23657 23658.ui-toolkit .overlay-body .list-nav-item.list-nav-item-has-badge { 23659 padding-right: 48px; 23660} 23661 23662.ui-toolkit .overlay-body .list-nav-item .badge { 23663 right: 18px; 23664} 23665 23666.ui-toolkit .overlay-body .is-ghost { 23667 border-radius: 0; 23668} 23669 23670.ui-toolkit .overlay-footer { 23671 border-top: 1px solid #E1E3DF; 23672 padding: 12px 18px; 23673 text-align: right; 23674} 23675 23676.ui-toolkit .overlay-footer .btn:first-child { 23677 float: right; 23678 margin-left: 6px; 23679} 23680 23681.ui-toolkit .overlay-footer .btn { 23682 width: 100%; 23683 margin-bottom: 6px; 23684} 23685 23686.ui-toolkit .overlay-footer .btn:last-child { 23687 margin-bottom: 0; 23688} 23689 23690@media only screen and (min-width: 480px) { 23691 .ui-toolkit .overlay-footer .btn { 23692 width: auto; 23693 margin-bottom: 0; 23694 } 23695} 23696 23697@media only screen and (min-width: 480px) { 23698 .ui-toolkit .overlay-small { 23699 max-width: 360px; 23700 } 23701 .ui-toolkit .overlay-large { 23702 max-width: 680px; 23703 } 23704} 23705 23706.ui-toolkit .overlay-tabbed { 23707 position: static; 23708 padding-top: 14px; 23709 top: 1px; 23710} 23711 23712.ui-toolkit .overlay-view-slide { 23713 display: none; 23714} 23715 23716.ui-toolkit .overlay-view-slide.is-active { 23717 display: block; 23718} 23719 23720.ui-toolkit .overlay-pagination-btn { 23721 border-radius: 50%; 23722 background: none; 23723 border: 2px #E1E3DF solid; 23724 cursor: pointer; 23725 display: inline-block; 23726 height: 14px; 23727 margin: 0 4px; 23728 outline: 0; 23729 padding: 0; 23730 width: 14px; 23731} 23732 23733.ui-toolkit .overlay-pagination-btn:not(.is-active):hover { 23734 background-color: #E1E3DF; 23735} 23736 23737.ui-toolkit .overlay-pagination-btn.is-active { 23738 border-color: #F56400; 23739 background-color: #F56400; 23740} 23741 23742.ui-toolkit .overlay-mask, 23743.ui-toolkit .overlay-content-wrapper { 23744 background-color: rgba(0, 0, 0, 0.5); 23745 overflow-x: hidden; 23746 position: fixed; 23747 right: 0; 23748 top: 0; 23749 left: 0; 23750 right: 0; 23751 bottom: 0; 23752 z-index: 80; 23753 -webkit-overflow-scrolling: touch; 23754} 23755 23756.ui-toolkit .overlay-mask:hover, 23757.ui-toolkit .overlay-content-wrapper:hover { 23758 cursor: default; 23759} 23760 23761@media only screen and (min-width: 640px) { 23762 .ui-toolkit .overlay-mask.mask-transparent, 23763 .ui-toolkit .overlay-content-wrapper.mask-transparent { 23764 background-color: transparent; 23765 } 23766} 23767 23768.ui-toolkit .overlay-content-wrapper { 23769 background-color: transparent; 23770} 23771 23772.ui-toolkit .overlay-iframe-container { 23773 -webkit-overflow-scrolling: touch;
23774 overflow-y: scroll; 23775} 23776 23777@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 23778 .ui-toolkit .overlay-iframe-container { 23779 max-height: 300px; 23780 } 23781} 23782 23783@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { 23784 .ui-toolkit .overlay-iframe-container { 23785 max-height: 350px; 23786 } 23787} 23788 23789@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { 23790 .ui-toolkit .overlay-iframe-container { 23791 max-height: 650px; 23792 } 23793} 23794 23795@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { 23796 .ui-toolkit .overlay-iframe-container { 23797 max-height: 720px; 23798 } 23799} 23800 23801.ui-toolkit .global-nav { 23802 -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 23803 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 23804 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 23805 background-color: #FFF; 23806} 23807 23808.ui-toolkit .global-nav:hover { 23809 cursor: default; 23810} 23811 23812.ui-toolkit .global-nav.clear:after { 23813 content: " "; 23814 display: block; 23815 clear: both; 23816 visibility: hidden; 23817 line-height: 0; 23818 height: 0; 23819} 23820 23821.ui-toolkit #gnav-header { 23822 margin-left: 0; 23823 margin-right: 0; 23824 z-index: 50; 23825} 23826 23827.ui-toolkit #gnav-header #search-query, 23828.ui-toolkit #gnav-header .btn-primary { 23829 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 23830} 23831 23832@media screen and (orientation: portrait) and (min-device-width: 740px), 23833screen and (orientation: landscape) and (min-device-height: 740px) { 23834 .ui-toolkit #gnav-header #search-query, 23835 .ui-toolkit #gnav-header .btn-primary { 23836 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 23837 } 23838} 23839 23840.ui-toolkit #gnav-header #search-query { 23841 -webkit-appearance: none; 23842} 23843 23844.ui-toolkit #gnav-header #gnav-header-inner { 23845 width: auto; 23846} 23847 23848@media only screen and (min-width: 280px) and (max-width: 479px) { 23849/* .is-responsive .gnav-header .loggedInLogo { 23850 margin: 0px !important; 23851 width: 8px !important; 23852 cursor: pointer; 23853 }*/ 23854} 23855 23856@media only screen and (min-width: 480px) and (max-width: 639px) { 23857 .is-responsive .gnav-header .loggedInLogo { 23858 /*margin: 0px !important;*/ 23859 width: 20px !important; 23860 cursor: pointer; 23861 } 23862 .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper { 23863 margin: 0 -1px; 23864 } 23865 .search-bar-panel { 23866 top: 79%; 23867 } 23868} 23869 23870@media only screen and (min-width: 640px) and (max-width: 1024px) { 23871 /*.is-responsive .gnav-header .loggedInLogo { 23872 margin: 0px !important; 23873 width: 8px !important; 23874 cursor: pointer; 23875 }*/ 23876 .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper { 23877 padding: 0 18px; 23878 margin: 0 -12px; 23879 } 23880 .search-bar-panel { 23881 top: 79%; 23882 } 23883} 23884 23885.ui-toolkit #cnav-header #cnav-header-inner { 23886 width: auto; 23887} 23888 23889.ui-toolkit #gnav-footer { 23890 margin-left: 0; 23891 margin-right: 0; 23892} 23893 23894.ui-toolkit .global-nav-secondary { 23895 border-top: 1px solid #E1E3DF; 23896} 23897 23898@media only screen and (min-width: 0) { 23899 .ui-toolkit .global-nav-secondary .global-nav-list-item { 23900 height: 54px; 23901 line-height: 54px; 23902 } 23903} 23904 23905@media only screen and (min-width: 640px) { 23906 .ui-toolkit .global-nav-secondary { 23907 padding-top: 8px; 23908 padding-bottom: 4px; 23909 } 23910 .ui-toolkit .global-nav-secondary .global-nav-list-item { 23911 height: 38px; 23912 line-height: 38px; 23913 margin-bottom: 4px; 23914 } 23915} 23916 23917.ui-toolkit .global-nav-secondary .global-nav-list-item:hover, 23918.ui-toolkit .global-nav-secondary .global-nav-list-item:focus, 23919.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active { 23920 color: #222; 23921} 23922 23923.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected, 23924.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected:hover { 23925 border-radius: 3px; 23926 background-color: #FAF9F5; 23927 color: #222; 23928 text-decoration: none; 23929} 23930 23931.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected:hover, 23932.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected.is-active { 23933 cursor: pointer; 23934} 23935 23936.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active .child-hover-underline { 23937 text-decoration: underline; 23938} 23939 23940.ui-toolkit .footer-redesign .footer-logo { 23941 color: #F56400; 23942 height: 30px; 23943 width: 60px; 23944} 23945 23946.ui-toolkit .global-nav-badge-position, 23947.ui-toolkit .global-nav-avatar-badge-position { 23948 margin-right: -18px; 23949 position: relative; 23950 z-index: 10; 23951} 23952 23953@media only screen and (min-width: 0) and (max-width: 479px) { 23954 .ui-toolkit .global-nav-badge-position, 23955 .ui-toolkit .global-nav-avatar-badge-position { 23956 -webkit-transform: scale(0.7); 23957 -ms-transform: scale(0.7); 23958 -moz-transform: scale(0.7); 23959 -o-transform: scale(0.7); 23960 transform: scale(0.7); 23961 position: absolute; 23962 top: 3px; 23963 right: 18px; 23964 } 23965} 23966 23967@media only screen and (min-width: 900px) { 23968 .ui-toolkit .global-nav-badge-position, 23969 .ui-toolkit .global-nav-avatar-badge-position { 23970 position: absolute; 23971 top: -16px; 23972 right: 50%; 23973 margin-right: -22px; 23974 } 23975} 23976 23977@media only screen and (min-width: 900px) { 23978 .ui-toolkit .global-nav-avatar-badge-position { 23979 top: -12px; 23980 } 23981} 23982 23983.ui-toolkit .global-nav-list { 23984 list-style: none; 23985 padding-left: 0; 23986} 23987 23988.ui-toolkit .global-nav-list:before, 23989.ui-toolkit .global-nav-list:after { 23990 content: " "; 23991 display: table; 23992} 23993 23994.ui-toolkit .global-nav-list:after { 23995 clear: both; 23996} 23997 23998.ui-toolkit .global-nav-list>li { 23999 display: inline-block; 24000} 24001 24002.ui-toolkit .global-nav-list-item { 24003 color: #222; 24004 display: inline-block; 24005 margin-right: -4px; 24006 position: relative; 24007} 24008 24009@media only screen and (min-width: 0) { 24010 .ui-toolkit .global-nav-list-item { 24011 padding-left: 12px; 24012 padding-right: 12px; 24013 } 24014} 24015 24016@media only screen and (min-width: 1400px) { 24017 .ui-toolkit .global-nav-list-item { 24018 padding-left: 18px; 24019 padding-right: 18px; 24020 } 24021} 24022 24023.ui-toolkit .global-nav-list-item:hover { 24024 text-decoration: none; 24025} 24026 24027.ui-toolkit .global-nav-list-item:hover:not(.is-selected) .ss-icon { 24028 color: #222; 24029} 24030 24031.ui-toolkit .global-nav-list-item-divider { 24032 position: relative; 24033 margin-left: 12px; 24034} 24035 24036.ui-toolkit .global-nav-list-item-divider:before { 24037 background-color: #E1E3DF; 24038 top: 20%; 24039 bottom: 20%; 24040 content: ''; 24041 left: -7px; 24042 position: absolute; 24043 width: 1px; 24044} 24045 24046.ui-toolkit .global-nav-large-icon { 24047 color: #222; 24048 position: relative; 24049} 24050 24051@media only screen and (min-width: 0) { 24052 .ui-toolkit .global-nav-large-icon { 24053 font-size: 18px; 24054 } 24055} 24056 24057@media only screen and (min-width: 640px) { 24058 .ui-toolkit .global-nav-large-icon { 24059 font-size: 20px; 24060 } 24061} 24062 24063@media only screen and (min-width: 900px) { 24064 .ui-toolkit .global-nav-large-icon { 24065 display: block; 24066 text-align: center; 24067 } 24068} 24069 24070.ui-toolkit .has-global-nav-avatar:hover .global-nav-avatar-img-wrap:after { 24071 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20); 24072 opacity: 0.2; 24073} 24074 24075.ui-toolkit .global-nav-avatar-img-wrap { 24076 display: inline-block; 24077 height: 30px; 24078 width: 30px; 24079 position: relative; 24080 top: 9px; 24081} 24082 24083.ui-toolkit .global-nav-avatar-img-wrap:after { 24084 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); 24085 opacity: 0; 24086 background-color: #000; 24087 bottom: 0; 24088 content: ''; 24089 left: 0; 24090 position: absolute; 24091 right: 0; 24092 top: 0; 24093} 24094 24095.ui-toolkit .global-nav-avatar-img-wrap:hover:after { 24096 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5); 24097 opacity: 0.05; 24098} 24099 24100@media only screen and (min-width: 900px) { 24101 .ui-toolkit .global-nav-avatar-img-wrap { 24102 display: block; 24103 height: 24px; 24104 width: 24px; 24105 top: 0px; 24106 left: 3px; 24107 } 24108} 24109 24110.ui-toolkit .global-nav-avatar-small, 24111.ui-toolkit .global-nav-avatar-large { 24112 -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 24113 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 24114 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); 24115 background-color: #FAF9F5; 24116 color: #E1E3DF; 24117 display: block; 24118 text-align: center; 24119} 24120 24121.ui-toolkit .global-nav-avatar-small {
24122 height: 30px; 24123 width: 30px; 24124 line-height: 30px; 24125} 24126 24127@media only screen and (min-width: 900px) { 24128 .ui-toolkit .global-nav-avatar-small { 24129 height: 24px; 24130 width: 24px; 24131 line-height: 24px; 24132 } 24133} 24134 24135.ui-toolkit .global-nav-avatar-large { 24136 height: 60px; 24137 line-height: 60px; 24138 width: 60px; 24139} 24140 24141.ui-toolkit .global-nav-avatar-large .ss-icon { 24142 font-size: 40px; 24143 position: relative; 24144 top: 4px; 24145} 24146 24147@media only screen and (min-width: 1200px) { 24148 .ui-toolkit .prototype-leave-link { 24149 float: right; 24150 } 24151} 24152 24153.ui-toolkit .secondary-nav-overlay-view .caret { 24154 display: none; 24155} 24156 24157.ui-toolkit .global-nav-secondary-ellipses { 24158 display: none; 24159} 24160 24161.ui-toolkit .secondary-nav-overlay-view .global-nav-secondary-ellipses { 24162 display: inline-block; 24163 margin-left: -1px; 24164} 24165 24166.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline:hover .child-hover-underline, 24167.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline.is-active .child-hover-underline { 24168 text-decoration: none; 24169} 24170 24171.ui-toolkit .body-max-width-980 #gnav-header-inner, 24172.ui-toolkit .body-max-width-980 #content, 24173.ui-toolkit .body-max-width-980 #gnav-footer-inner, 24174.ui-toolkit .body-max-width-980 .cnav-header-inner, 24175.ui-toolkit .body-max-width-980 .cnav-nav-inner { 24176 max-width: 1052px; 24177 margin-left: auto; 24178 margin-right: auto; 24179} 24180 24181.ui-toolkit .body-max-width-980 #gnav-header-inner.widened-nav, 24182.ui-toolkit .body-max-width-980 #content.widened-nav, 24183.ui-toolkit .body-max-width-980 #gnav-footer-inner.widened-nav, 24184.ui-toolkit .body-max-width-980 .cnav-header-inner.widened-nav, 24185.ui-toolkit .body-max-width-980 .cnav-nav-inner.widened-nav { 24186 max-width: 1272px; 24187 width: auto; 24188} 24189 24190.ui-toolkit .footer-redesign .unified-locale-settings { 24191 display: inline-block; 24192} 24193 24194.ui-toolkit .responsive-nav-experiment { 24195 clear: both !important; 24196 border-top: 0 !important; 24197 font-size: 14px !important; 24198 color: #222 !important; 24199} 24200 24201.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:before { 24202 background-color: transparent; 24203 bottom: 0; 24204 content: ''; 24205 left: 0; 24206 position: absolute; 24207 right: 0; 24208 top: 0; 24209 z-index: 20; 24210} 24211 24212.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:hover { 24213 text-decoration: initial; 24214 cursor: initial; 24215} 24216 24217.ui-toolkit .responsive-nav-experiment ul.list-inline li { 24218 margin-right: 12px !important; 24219} 24220 24221@media only screen and (min-width: 0) and (max-width: 899px) { 24222 .ui-toolkit .responsive-nav-experiment .text-center-md { 24223 text-align: center; 24224 } 24225 .ui-toolkit .responsive-nav-experiment .unified-locale-settings { 24226 display: inline-block; 24227 } 24228} 24229 24230.ui-toolkit .bg-white { 24231 background-color: #FFF; 24232} 24233 24234.ui-toolkit .bg-gray-darker { 24235 background-color: #E1E3DF; 24236 border-color: rgba(0, 0, 0, 0.05); 24237} 24238 24239.ui-toolkit .bg-gray { 24240 background-color: #FAF9F5; 24241 border-color: #E1E3DF; 24242} 24243 24244.ui-toolkit .bg-gray-lighter { 24245 background-color: #FBFBFA; 24246 border-color: #FAF9F5; 24247} 24248 24249.ui-toolkit .bg-blue { 24250 background-color: #34A8C4; 24251 border-color: rgba(0, 0, 0, 0.1); 24252} 24253 24254.ui-toolkit .bg-blue-lighter { 24255 background-color: #CCE9F0; 24256 border-color: rgba(0, 0, 0, 0.05); 24257} 24258 24259.ui-toolkit .bg-blue-lightest { 24260 background-color: #F0FBFD; 24261 border-color: rgba(0, 0, 0, 0.05); 24262} 24263 24264.ui-toolkit .bg-green { 24265 background-color: #2E8539; 24266 border-color: rgba(0, 0, 0, 0.1); 24267} 24268 24269.ui-toolkit .bg-green-lighter { 24270 background-color: #E4F3D9; 24271 border-color: rgba(0, 0, 0, 0.05); 24272} 24273 24274.ui-toolkit .bg-yellow { 24275 background-color: #FFCF5C; 24276 border-color: rgba(0, 0, 0, 0.1); 24277} 24278 24279.ui-toolkit .bg-yellow-lighter { 24280 background-color: #FFFAED; 24281 border-color: rgba(0, 0, 0, 0.05); 24282} 24283 24284.ui-toolkit .bg-red { 24285 background-color: #F76A6A; 24286 border-color: rgba(0, 0, 0, 0.1); 24287} 24288 24289.ui-toolkit .bg-red-lighter { 24290 background-color: #FFEDED; 24291 border-color: rgba(0, 0, 0, 0.05); 24292} 24293 24294.ui-toolkit .bg-purple { 24295 background-color: #C788CE; 24296 border-color: rgba(0, 0, 0, 0.1); 24297} 24298 24299.ui-toolkit .bg-purple-lighter { 24300 background-color: #F8EFF8; 24301 border-color: rgba(0, 0, 0, 0.05); 24302} 24303 24304.ui-toolkit .bg-orange-darker { 24305 background-color: #E55400; 24306 border-color: rgba(0, 0, 0, 0.1); 24307} 24308 24309.ui-toolkit .bg-orange { 24310 background-color: #F56400; 24311 border-color: rgba(0, 0, 0, 0.1); 24312} 24313 24314.ui-toolkit .bg-orange-lightest { 24315 background-color: #FFF3EE; 24316 border-color: rgba(0, 0, 0, 0.1); 24317} 24318 24319.ui-toolkit .bg-almond { 24320 background-color: #F2D0B8; 24321 border-color: rgba(0, 0, 0, 0.1); 24322} 24323 24324.ui-toolkit .bg-autumn { 24325 background-color: #C13C27; 24326 border-color: rgba(0, 0, 0, 0.1); 24327} 24328 24329.ui-toolkit .bg-blinding-sandstorm { 24330 background-color: #FBEAD8; 24331 border-color: rgba(0, 0, 0, 0.1); 24332} 24333 24334.ui-toolkit .bg-blood-orange-sorbet { 24335 background-color: #FFAC8F; 24336 border-color: rgba(0, 0, 0, 0.1); 24337} 24338 24339.ui-toolkit .bg-cara-cara { 24340 background-color: #FF883E; 24341 border-color: rgba(0, 0, 0, 0.1); 24342} 24343 24344.ui-toolkit .bg-creamsicle { 24345 background-color: #FFAC62; 24346 border-color: rgba(0, 0, 0, 0.1); 24347} 24348 24349.ui-toolkit .bg-nacho-cheese { 24350 background-color: #FFA300; 24351 border-color: rgba(0, 0, 0, 0.1); 24352} 24353 24354.ui-toolkit .bg-old-rose { 24355 background-color: #EAC1BE; 24356 border-color: rgba(0, 0, 0, 0.1); 24357} 24358 24359.ui-toolkit .bg-one-year-old-gouda { 24360 background-color: #FECF84; 24361 border-color: rgba(0, 0, 0, 0.1); 24362} 24363 24364.ui-toolkit .text-white { 24365 color: #FFF; 24366} 24367 24368.ui-toolkit .text-gray-darkest { 24369 color: #222; 24370} 24371 24372.ui-toolkit a.text-gray-darkest:hover { 24373 color: #131313; 24374} 24375 24376.ui-toolkit .text-gray-darker { 24377 color: #222; 24378} 24379 24380.ui-toolkit a.text-gray-darker:hover { 24381 color: #131313; 24382} 24383 24384.ui-toolkit .text-gray { 24385 color: #222; 24386} 24387 24388.ui-toolkit a.text-gray:hover { 24389 color: #131313; 24390} 24391 24392.ui-toolkit .text-gray-lighter { 24393 color: #595959; 24394} 24395 24396.ui-toolkit a.text-gray-lighter:hover { 24397 color: #4a4a4a; 24398} 24399 24400.ui-toolkit .text-gray-lightest { 24401 color: #757575; 24402} 24403 24404.ui-toolkit a.text-gray-lightest:hover { 24405 color: #666666; 24406} 24407 24408.ui-toolkit .text-danger { 24409 color: #C13C27; 24410} 24411 24412.ui-toolkit a.text-danger:hover { 24413 color: #a83422; 24414} 24415 24416.ui-toolkit .text-blue { 24417 color: #0192B5; 24418} 24419 24420.ui-toolkit a.text-blue:hover { 24421 color: #017b97; 24422} 24423 24424.ui-toolkit .text-blue-lighter { 24425 color: #83CBDC; 24426} 24427 24428.ui-toolkit a.text-blue-lighter:hover { 24429 color: #6bc2d5; 24430} 24431 24432.ui-toolkit .text-green { 24433 color: #2E8539; 24434} 24435 24436.ui-toolkit a.text-green:hover { 24437 color: #266e2f; 24438} 24439 24440.ui-toolkit .text-yellow { 24441 color: #ECA600; 24442} 24443 24444.ui-toolkit a.text-yellow:hover { 24445 color: #cd9000; 24446} 24447 24448.ui-toolkit .text-red { 24449 color: #C13C27; 24450} 24451 24452.ui-toolkit a.text-red:hover { 24453 color: #a83422; 24454} 24455 24456.ui-toolkit .text-purple { 24457 color: #B972C0; 24458} 24459 24460.ui-toolkit a.text-purple:hover { 24461 color: #ae5db7; 24462} 24463 24464.ui-toolkit .text-orange { 24465 color: #E55400; 24466} 24467 24468.ui-toolkit a.text-orange:hover { 24469 color: #c64900; 24470} 24471 24472.ui-toolkit .text-nacho-cheese { 24473 color: #FFA300; 24474} 24475 24476.ui-toolkit .fill-none { 24477 fill: none !important; 24478} 24479 24480.ui-toolkit .stroke-none { 24481 stroke: none !important; 24482} 24483 24484.ui-toolkit .fill-white { 24485 fill: #FFF !important; 24486} 24487 24488.ui-toolkit .stroke-white { 24489 stroke: #FFF !important; 24490} 24491 24492.ui-toolkit .fill-black { 24493 fill: #000 !important; 24494} 24495 24496.ui-toolkit .stroke-black { 24497 stroke: #000 !important; 24498} 24499 24500.ui-toolkit .fill-gray { 24501 fill: #222 !important; 24502} 24503 24504.ui-toolkit .stroke-gray { 24505 stroke: #222 !important; 24506} 24507 24508.ui-toolkit .fill-gray-darker { 24509 fill: #222 !important; 24510} 24511 24512.ui-toolkit .stroke-gray-darker { 24513 stroke: #222 !important; 24514} 24515 24516.ui-toolkit .fill-gray-darkest { 24517 fill: #222 !important; 24518} 24519 24520.ui-toolkit .stroke-gray-darkest { 24521 stroke: #222 !important; 24522} 24523 24524.ui-toolkit .fill-gray-lighter { 24525 fill: #595959 !important; 24526} 24527 24528.ui-toolkit .stroke-gray-lighter { 24529 stroke: #595959 !important; 24530} 24531 24532.ui-toolkit .fill-gray-lightest { 24533 fill: #757575 !important; 24534} 24535 24536.ui-toolkit .stroke-gray-lightest { 24537 stroke: #757575 !important; 24538} 24539 24540.ui-toolkit .fill-orange-darker { 24541 fill: #E55400 !important; 24542} 24543 24544.ui-toolkit .stroke-orange-darker { 24545 stroke: #E55400 !important; 24546} 24547 24548.ui-toolkit .fill-orange { 24549 fill: #F56400 !important; 24550} 24551 24552.ui-toolkit .stroke-orange { 24553 stroke: #F56400 !important; 24554} 24555 24556.ui-toolkit .fill-orange-lightest { 24557 fill: #FFF3EE !important; 24558} 24559 24560.ui-toolkit .stroke-orange-lightest { 24561 stroke: #FFF3EE !important; 24562} 24563 24564.ui-toolkit .fill-facebook { 24565 fill: #3B5998 !important; 24566} 24567 24568.ui-toolkit .fill-twitter { 24569 fill: #00B0ED !important; 24570} 24571 24572.ui-toolkit .fill-pinterest { 24573 fill: #CE2029 !important; 24574} 24575 24576.ui-toolkit .fill-google { 24577 fill: #4285F4 !important; 24578} 24579 24580.ui-toolkit .fill-tumblr { 24581 fill: #35465C !important; 24582} 24583 24584.ui-toolkit .fill-almond { 24585 fill: #F2D0B8 !important; 24586} 24587 24588.ui-toolkit .stroke-almond { 24589 stroke: #F2D0B8 !important; 24590} 24591 24592.ui-toolkit .fill-autumn { 24593 fill: #C13C27 !important; 24594} 24595 24596.ui-toolkit .stroke-autumn { 24597 stroke: #C13C27 !important; 24598} 24599 24600.ui-toolkit .fill-blinding-sandstorm { 24601 fill: #FBEAD8 !important; 24602} 24603 24604.ui-toolkit .stroke-blinding-sandstorm { 24605 stroke: #FBEAD8 !important; 24606} 24607 24608.ui-toolkit .fill-blood-orange-sorbet { 24609 fill: #FFAC8F !important; 24610} 24611 24612.ui-toolkit .stroke-blood-orange-sorbet { 24613 stroke: #FFAC8F !important; 24614} 24615 24616.ui-toolkit .fill-cara-cara { 24617 fill: #FF883E !important; 24618} 24619 24620.ui-toolkit .stroke-cara-cara { 24621 stroke: #FF883E !important; 24622} 24623 24624.ui-toolkit .fill-creamsicle { 24625 fill: #FFAC62 !important; 24626} 24627 24628.ui-toolkit .stroke-creamsicle { 24629 stroke: #FFAC62 !important; 24630} 24631 24632.ui-toolkit .fill-nacho-cheese { 24633 fill: #FFA300 !important; 24634} 24635 24636.ui-toolkit .stroke-nacho-cheese { 24637 stroke: #FFA300 !important; 24638} 24639 24640.ui-toolkit .fill-old-rose { 24641 fill: #EAC1BE !important; 24642} 24643 24644.ui-toolkit .stroke-old-rose { 24645 stroke: #EAC1BE !important; 24646} 24647 24648.ui-toolkit .fill-one-year-old-gouda { 24649 fill: #FECF84 !important; 24650} 24651 24652.ui-toolkit .stroke-one-year-old-gouda { 24653 stroke: #FECF84 !important; 24654} 24655 24656.ui-toolkit .ss-icon { 24657 line-height: 1; 24658} 24659 24660.ui-toolkit .icon-smallest {
24661 font-size: 7px; 24662} 24663 24664.ui-toolkit .icon-smaller { 24665 font-size: 12px; 24666} 24667 24668.ui-toolkit .icon-larger { 24669 font-size: 24px; 24670} 24671 24672@media only screen and (min-width: 0) { 24673 .ui-toolkit .icon-smallest-xs { 24674 font-size: 7px; 24675 } 24676 .ui-toolkit .icon-smaller-xs { 24677 font-size: 12px; 24678 } 24679 .ui-toolkit .icon-larger-xs { 24680 font-size: 24px; 24681 } 24682} 24683 24684@media only screen and (min-width: 480px) { 24685 .ui-toolkit .icon-smallest-sm { 24686 font-size: 7px; 24687 } 24688 .ui-toolkit .icon-smaller-sm { 24689 font-size: 12px; 24690 } 24691 .ui-toolkit .icon-larger-sm { 24692 font-size: 24px; 24693 } 24694} 24695 24696@media only screen and (min-width: 640px) { 24697 .ui-toolkit .icon-smallest-md { 24698 font-size: 7px; 24699 } 24700 .ui-toolkit .icon-smaller-md { 24701 font-size: 12px; 24702 } 24703 .ui-toolkit .icon-larger-md { 24704 font-size: 24px; 24705 } 24706} 24707 24708@media only screen and (min-width: 900px) { 24709 .ui-toolkit .icon-smallest-lg { 24710 font-size: 7px; 24711 } 24712 .ui-toolkit .icon-smaller-lg { 24713 font-size: 12px; 24714 } 24715 .ui-toolkit .icon-larger-lg { 24716 font-size: 24px; 24717 } 24718} 24719 24720@media only screen and (min-width: 1200px) { 24721 .ui-toolkit .icon-smallest-xl { 24722 font-size: 7px; 24723 } 24724 .ui-toolkit .icon-smaller-xl { 24725 font-size: 12px; 24726 } 24727 .ui-toolkit .icon-larger-xl { 24728 font-size: 24px; 24729 } 24730} 24731 24732@media only screen and (min-width: 1400px) { 24733 .ui-toolkit .icon-smallest-tv { 24734 font-size: 7px; 24735 } 24736 .ui-toolkit .icon-smaller-tv { 24737 font-size: 12px; 24738 } 24739 .ui-toolkit .icon-larger-tv { 24740 font-size: 24px; 24741 } 24742} 24743 24744.ui-toolkit .icon-graphic { 24745 font-size: 56px; 24746} 24747 24748.ui-toolkit [class*='icon-b-'], 24749.ui-toolkit [class*='icon-t-'], 24750.ui-toolkit [class*='icon-l-'], 24751.ui-toolkit [class*='icon-r-'] { 24752 position: relative; 24753} 24754 24755.ui-toolkit .icon-b-1 { 24756 /** bottom: 1px; **/ 24757} 24758 24759.ui-toolkit .icon-b-2 { 24760 bottom: 2px; 24761} 24762 24763.ui-toolkit .icon-b-3 { 24764 bottom: 3px; 24765} 24766 24767.ui-toolkit .icon-b-4 { 24768 bottom: 4px; 24769} 24770 24771.ui-toolkit .icon-t-1 { 24772 top: 1px; 24773} 24774 24775.ui-toolkit .icon-t-2 { 24776 top: 2px; 24777} 24778 24779.ui-toolkit .icon-t-3 { 24780 top: 3px; 24781} 24782 24783.ui-toolkit .icon-t-4 { 24784 top: 4px; 24785} 24786 24787.ui-toolkit .icon-r-1 { 24788 right: 1px; 24789} 24790 24791.ui-toolkit .icon-r-2 { 24792 right: 2px; 24793} 24794 24795.ui-toolkit .icon-r-3 { 24796 right: 3px; 24797} 24798 24799.ui-toolkit .icon-r-4 { 24800 right: 4px; 24801} 24802 24803.ui-toolkit .icon-l-1 { 24804 left: 1px; 24805} 24806 24807.ui-toolkit .icon-l-2 { 24808 left: 2px; 24809} 24810 24811.ui-toolkit .icon-l-3 { 24812 left: 3px; 24813} 24814 24815.ui-toolkit .icon-l-4 { 24816 left: 4px; 24817} 24818 24819.ui-toolkit .icon-outline { 24820 -webkit-text-fill-color: transparent; 24821 -webkit-text-stroke: 1px #CBCCC9; 24822} 24823 24824.ui-toolkit .icon-circle-container { 24825 border-radius: 50%; 24826 display: inline-block; 24827 padding: 3px; 24828 line-height: 1; 24829} 24830 24831.ui-toolkit a.ss-icon:hover { 24832 text-decoration: none; 24833} 24834 24835.ui-toolkit .gigtodo-icon { 24836 display: inline-block; 24837 fill: currentColor; 24838 vertical-align: middle; 24839} 24840 24841 24842.ui-toolkit #gigtodo-modal-container .gigtodo-icon { 24843 width: 24px; 24844 height: 24px; 24845} 24846 24847.ui-toolkit .center-icon { 24848 24849margin-top: -20px; 24850margin-right: 10px; 24851display: inline-block; 24852fill: currentColor; 24853height: 24px; 24854vertical-align: middle; 24855width: 24px; 24856 24857} 24858 24859.ui-toolkit .gigtodo-icon svg { 24860 display: block; 24861} 24862 24863.ui-toolkit .gigtodo-icon.icon-smallest { 24864 height: 12px; 24865 width: 12px; 24866} 24867 24868.ui-toolkit .gigtodo-icon.icon-smaller { 24869 top: -2px; 24870 position: relative; 24871 height: 20px !important; 24872 width: 20px !important; 24873} 24874 24875.ui-toolkit .gigtodo-icon.icon-larger { 24876 height: 36px; 24877 width: 36px; 24878} 24879 24880.ui-toolkit .gigtodo-icon.icon-largest { 24881 height: 48px; 24882 width: 48px; 24883} 24884 24885@media only screen and (min-width: 0) { 24886 .ui-toolkit .display-flex-xs { 24887 display: flex !important; 24888 } 24889 .ui-toolkit .display-inline-flex-xs { 24890 display: inline-flex !important; 24891 } 24892 .ui-toolkit .flex-xs-none { 24893 flex: 0 0 auto !important; 24894 } 24895 .ui-toolkit .flex-xs-auto { 24896 flex: 1 1 auto !important; 24897 } 24898 .ui-toolkit .flex-xs-0 { 24899 flex: 0 1 0% !important; 24900 } 24901 .ui-toolkit .flex-xs-1 { 24902 flex: 1 1 0% !important; 24903 } 24904 .ui-toolkit .flex-xs-2 { 24905 flex: 2 1 0% !important; 24906 } 24907 .ui-toolkit .flex-xs-3 { 24908 flex: 3 1 0% !important; 24909 } 24910 .ui-toolkit .flex-xs-4 { 24911 flex: 4 1 0% !important; 24912 } 24913 .ui-toolkit .flex-xs-5 { 24914 flex: 5 1 0% !important; 24915 } 24916 .ui-toolkit .flex-xs-6 { 24917 flex: 6 1 0% !important; 24918 } 24919 .ui-toolkit .order-xs-neg1 { 24920 order: -1 !important; 24921 } 24922 .ui-toolkit .order-xs-0 { 24923 order: 0 !important; 24924 } 24925 .ui-toolkit .order-xs-1 { 24926 order: 1 !important; 24927 } 24928 .ui-toolkit .order-xs-2 { 24929 order: 2 !important; 24930 } 24931 .ui-toolkit .order-xs-3 { 24932 order: 3 !important; 24933 } 24934 .ui-toolkit .order-xs-4 { 24935 order: 4 !important; 24936 } 24937 .ui-toolkit .order-xs-5 { 24938 order: 5 !important; 24939 } 24940 .ui-toolkit .order-xs-6 { 24941 order: 6 !important; 24942 } 24943 .ui-toolkit .flex-direction-row-xs { 24944 flex-direction: row !important; 24945 } 24946 .ui-toolkit .flex-direction-column-xs { 24947 flex-direction: column !important; 24948 } 24949 .ui-toolkit .flex-direction-row-reverse-xs { 24950 flex-direction: row-reverse !important; 24951 } 24952 .ui-toolkit .flex-direction-column-reverse-xs { 24953 flex-direction: column-reverse !important; 24954 } 24955} 24956 24957@media only screen and (min-width: 480px) { 24958 .ui-toolkit .display-flex-sm { 24959 display: flex !important; 24960 } 24961 .ui-toolkit .display-inline-flex-sm { 24962 display: inline-flex !important; 24963 } 24964 .ui-toolkit .flex-sm-none { 24965 flex: 0 0 auto !important; 24966 } 24967 .ui-toolkit .flex-sm-auto { 24968 flex: 1 1 auto !important; 24969 } 24970 .ui-toolkit .flex-sm-0 { 24971 flex: 0 1 0% !important; 24972 } 24973 .ui-toolkit .flex-sm-1 { 24974 flex: 1 1 0% !important; 24975 } 24976 .ui-toolkit .flex-sm-2 { 24977 flex: 2 1 0% !important; 24978 } 24979 .ui-toolkit .flex-sm-3 { 24980 flex: 3 1 0% !important; 24981 } 24982 .ui-toolkit .flex-sm-4 { 24983 flex: 4 1 0% !important; 24984 } 24985 .ui-toolkit .flex-sm-5 { 24986 flex: 5 1 0% !important; 24987 } 24988 .ui-toolkit .flex-sm-6 { 24989 flex: 6 1 0% !important; 24990 } 24991 .ui-toolkit .order-sm-neg1 { 24992 order: -1 !important; 24993 } 24994 24995 .ui-toolkit .flex-direction-row-sm { 24996 flex-direction: row !important; 24997 } 24998 .ui-toolkit .flex-direction-column-sm { 24999 flex-direction: column !important; 25000 } 25001 .ui-toolkit .flex-direction-row-reverse-sm { 25002 flex-direction: row-reverse !important; 25003 } 25004 .ui-toolkit .flex-direction-column-reverse-sm { 25005 flex-direction: column-reverse !important; 25006 } 25007} 25008 25009@media only screen and (min-width: 640px) { 25010 .ui-toolkit .display-flex-md { 25011 display: flex !important; 25012 } 25013 .ui-toolkit .display-inline-flex-md { 25014 display: inline-flex !important; 25015 } 25016 .ui-toolkit .flex-md-none { 25017 flex: 0 0 auto !important; 25018 } 25019 .ui-toolkit .flex-md-auto { 25020 flex: 1 1 auto !important; 25021 } 25022 .ui-toolkit .flex-md-0 { 25023 flex: 0 1 0% !important; 25024 } 25025 .ui-toolkit .flex-md-1 { 25026 flex: 1 1 0% !important; 25027 } 25028 .ui-toolkit .flex-md-2 { 25029 flex: 2 1 0% !important; 25030 } 25031 .ui-toolkit .flex-md-3 { 25032 flex: 3 1 0% !important; 25033 } 25034 .ui-toolkit .flex-md-4 { 25035 flex: 4 1 0% !important; 25036 } 25037 .ui-toolkit .flex-md-5 { 25038 flex: 5 1 0% !important; 25039 } 25040 .ui-toolkit .flex-md-6 { 25041 flex: 6 1 0% !important; 25042 } 25043 .ui-toolkit .order-md-neg1 { 25044 order: -1 !important; 25045 } 25046 .ui-toolkit .order-md-0 { 25047 order: 0 !important; 25048 } 25049 .ui-toolkit .order-md-1 { 25050 order: 1 !important; 25051 } 25052 .ui-toolkit .order-md-2 { 25053 order: 2 !important; 25054 } 25055 .ui-toolkit .order-md-3 { 25056 order: 3 !important; 25057 } 25058 .ui-toolkit .order-md-4 { 25059 order: 4 !important; 25060 } 25061 .ui-toolkit .order-md-5 { 25062 order: 5 !important; 25063 } 25064 .ui-toolkit .order-md-6 { 25065 order: 6 !important; 25066 } 25067 .ui-toolkit .flex-direction-row-md { 25068 flex-direction: row !important; 25069 } 25070 .ui-toolkit .flex-direction-column-md { 25071 flex-direction: column !important; 25072 } 25073 .ui-toolkit .flex-direction-row-reverse-md { 25074 flex-direction: row-reverse !important; 25075 } 25076 .ui-toolkit .flex-direction-column-reverse-md { 25077 flex-direction: column-reverse !important; 25078 } 25079} 25080 25081@media only screen and (min-width: 900px) { 25082 .ui-toolkit .display-flex-lg { 25083 display: flex !important; 25084 } 25085 .ui-toolkit .display-inline-flex-lg { 25086 display: inline-flex !important; 25087 } 25088 .ui-toolkit .flex-lg-none { 25089 flex: 0 0 auto !important; 25090 } 25091 .ui-toolkit .flex-lg-auto { 25092 flex: 1 1 auto !important; 25093 } 25094 .ui-toolkit .flex-lg-0 { 25095 flex: 0 1 0% !important; 25096 } 25097 .ui-toolkit .flex-lg-1 { 25098 flex: 1 1 0% !important; 25099 } 25100 .ui-toolkit .flex-lg-2 { 25101 flex: 2 1 0% !important; 25102 } 25103 .ui-toolkit .flex-lg-3 { 25104 flex: 3 1 0% !important; 25105 } 25106 .ui-toolkit .flex-lg-4 { 25107 flex: 4 1 0% !important; 25108 } 25109 .ui-toolkit .flex-lg-5 { 25110 flex: 5 1 0% !important; 25111 } 25112 .ui-toolkit .flex-lg-6 { 25113 flex: 6 1 0% !important; 25114 } 25115 .ui-toolkit .order-lg-neg1 { 25116 order: -1 !important; 25117 } 25118 .ui-toolkit .order-lg-0 { 25119 order: 0 !important; 25120 } 25121 .ui-toolkit .order-lg-1 { 25122 order: 1 !important; 25123 } 25124 .ui-toolkit .order-lg-2 { 25125 order: 2 !important; 25126 } 25127 .ui-toolkit .order-lg-3 { 25128 order: 3 !important; 25129 } 25130 .ui-toolkit .order-lg-4 { 25131 order: 4 !important; 25132 } 25133 .ui-toolkit .order-lg-5 { 25134 order: 5 !important; 25135 } 25136 .ui-toolkit .order-lg-6 { 25137 order: 6 !important; 25138 } 25139 .ui-toolkit .flex-direction-row-lg { 25140 flex-direction: row !important; 25141 } 25142 .ui-toolkit .flex-direction-column-lg { 25143 flex-direction: column !important; 25144 } 25145 .ui-toolkit .flex-direction-row-reverse-lg { 25146 flex-direction: row-reverse !important; 25147 } 25148 .ui-toolkit .flex-direction-column-reverse-lg { 25149 flex-direction: column-reverse !important; 25150 } 25151} 25152 25153@media only screen and (min-width: 1200px) { 25154 .ui-toolkit .display-flex-xl { 25155 display: flex !important; 25156 } 25157 .ui-toolkit .display-inline-flex-xl { 25158 display: inline-flex !important; 25159 } 25160 .ui-toolkit .flex-xl-none { 25161 flex: 0 0 auto !important; 25162 } 25163 .ui-toolkit .flex-xl-auto { 25164 flex: 1 1 auto !important; 25165 } 25166 .ui-toolkit .flex-xl-0 { 25167 flex: 0 1 0% !important; 25168 } 25169 .ui-toolkit .flex-xl-1 { 25170 flex: 1 1 0% !important; 25171 } 25172 .ui-toolkit .flex-xl-2 { 25173 flex: 2 1 0% !important; 25174 } 25175 .ui-toolkit .flex-xl-3 { 25176 flex: 3 1 0% !important; 25177 } 25178 .ui-toolkit .flex-xl-4 { 25179 flex: 4 1 0% !important; 25180 } 25181 .ui-toolkit .flex-xl-5 { 25182 flex: 5 1 0% !important; 25183 } 25184 .ui-toolkit .flex-xl-6 { 25185 flex: 6 1 0% !important; 25186 } 25187 .ui-toolkit .order-xl-neg1 { 25188 order: -1 !important; 25189 } 25190 .ui-toolkit .order-xl-0 { 25191 order: 0 !important; 25192 } 25193 .ui-toolkit .order-xl-1 { 25194 order: 1 !important; 25195 } 25196 .ui-toolkit .order-xl-2 { 25197 order: 2 !important; 25198 } 25199 .ui-toolkit .order-xl-3 { 25200 order: 3 !important; 25201 } 25202 .ui-toolkit .order-xl-4 { 25203 order: 4 !important; 25204 } 25205 .ui-toolkit .order-xl-5 { 25206 order: 5 !important; 25207 } 25208 .ui-toolkit .order-xl-6 { 25209 order: 6 !important; 25210 } 25211 .ui-toolkit .flex-direction-row-xl { 25212 flex-direction: row !important; 25213 } 25214 .ui-toolkit .flex-direction-column-xl { 25215 flex-direction: column !important; 25216 } 25217 .ui-toolkit .flex-direction-row-reverse-xl { 25218 flex-direction: row-reverse !important; 25219 } 25220 .ui-toolkit .flex-direction-column-reverse-xl { 25221 flex-direction: column-reverse !important; 25222 } 25223} 25224 25225@media only screen and (min-width: 1400px) { 25226 .ui-toolkit .display-flex-tv { 25227 display: flex !important; 25228 } 25229 .ui-toolkit .display-inline-flex-tv { 25230 display: inline-flex !important; 25231 } 25232 .ui-toolkit .flex-tv-none { 25233 flex: 0 0 auto !important; 25234 } 25235 .ui-toolkit .flex-tv-auto { 25236 flex: 1 1 auto !important; 25237 } 25238 .ui-toolkit .flex-tv-0 { 25239 flex: 0 1 0% !important; 25240 } 25241 .ui-toolkit .flex-tv-1 { 25242 flex: 1 1 0% !important; 25243 } 25244 .ui-toolkit .flex-tv-2 { 25245 flex: 2 1 0% !important; 25246 } 25247 .ui-toolkit .flex-tv-3 { 25248 flex: 3 1 0% !important; 25249 } 25250 .ui-toolkit .flex-tv-4 { 25251 flex: 4 1 0% !important; 25252 } 25253 .ui-toolkit .flex-tv-5 { 25254 flex: 5 1 0% !important; 25255 } 25256 .ui-toolkit .flex-tv-6 { 25257 flex: 6 1 0% !important; 25258 } 25259 .ui-toolkit .order-tv-neg1 { 25260 order: -1 !important; 25261 } 25262 .ui-toolkit .order-tv-0 { 25263 order: 0 !important; 25264 } 25265 .ui-toolkit .order-tv-1 { 25266 order: 1 !important; 25267 } 25268 .ui-toolkit .order-tv-2 { 25269 order: 2 !important; 25270 } 25271 .ui-toolkit .order-tv-3 { 25272 order: 3 !important; 25273 } 25274 .ui-toolkit .order-tv-4 { 25275 order: 4 !important; 25276 } 25277 .ui-toolkit .order-tv-5 { 25278 order: 5 !important; 25279 } 25280 .ui-toolkit .order-tv-6 { 25281 order: 6 !important; 25282 } 25283 .ui-toolkit .flex-direction-row-tv { 25284 flex-direction: row !important; 25285 } 25286 .ui-toolkit .flex-direction-column-tv { 25287 flex-direction: column !important; 25288 } 25289 .ui-toolkit .flex-direction-row-reverse-tv { 25290 flex-direction: row-reverse !important; 25291 } 25292 .ui-toolkit .flex-direction-column-reverse-tv { 25293 flex-direction: column-reverse !important; 25294 } 25295} 25296 25297.ui-toolkit .flex-nowrap { 25298 flex-wrap: nowrap !important; 25299} 25300 25301.ui-toolkit .flex-wrap { 25302 flex-wrap: wrap !important; 25303} 25304 25305.ui-toolkit .flex-wrap-reverse { 25306 flex-wrap: wrap-reverse !important; 25307} 25308 25309.ui-toolkit .justify-content-flex-start { 25310 justify-content: flex-start !important; 25311} 25312 25313.ui-toolkit .justify-content-flex-end { 25314 justify-content: flex-end !important; 25315} 25316 25317.ui-toolkit .justify-content-center { 25318 justify-content: center !important; 25319} 25320 25321.ui-toolkit .justify-content-space-between { 25322 justify-content: space-between !important; 25323} 25324 25325.ui-toolkit .justify-content-space-around { 25326 justify-content: space-around !important; 25327} 25328 25329.ui-toolkit .align-items-flex-start {
25330 align-items: flex-start !important; 25331} 25332 25333.ui-toolkit .align-items-flex-end { 25334 align-items: flex-end !important; 25335} 25336 25337.ui-toolkit .align-items-center { 25338 align-items: center !important; 25339} 25340 25341.ui-toolkit .align-items-baseline { 25342 align-items: baseline !important; 25343} 25344 25345.ui-toolkit .align-items-stretch { 25346 align-items: stretch !important; 25347} 25348 25349.ui-toolkit .align-content-flex-start { 25350 align-content: flex-start !important; 25351} 25352 25353.ui-toolkit .align-content-flex-end { 25354 align-content: flex-end !important; 25355} 25356 25357.ui-toolkit .align-content-center { 25358 align-content: center !important; 25359} 25360 25361.ui-toolkit .align-content-space-between { 25362 align-content: space-between !important; 25363} 25364 25365.ui-toolkit .align-content-space-around { 25366 align-content: space-around !important; 25367} 25368 25369.ui-toolkit .align-content-stretch { 25370 align-content: space-around !important; 25371} 25372 25373.ui-toolkit .align-self-flex-start { 25374 align-self: flex-start !important; 25375} 25376 25377.ui-toolkit .align-self-flex-end { 25378 align-self: flex-end !important; 25379} 25380 25381.ui-toolkit .align-self-center { 25382 align-self: center !important; 25383} 25384 25385.ui-toolkit .align-self-baseline {
25386 align-self: baseline !important; 25387} 25388 25389.ui-toolkit .align-self-stretch { 25390 align-self: stretch !important; 25391} 25392 25393.ui-toolkit .normal { 25394 font-weight: normal; 25395} 25396 25397.ui-toolkit b, 25398.ui-toolkit .b, 25399.ui-toolkit strong, 25400.ui-toolkit .strong { 25401 font-weight: bold; 25402} 25403 25404.ui-toolkit .text-transform-none { 25405 text-transform: none; 25406} 25407 25408@media screen and (orientation: portrait) and (min-device-width: 680px), 25409screen and (orientation: landscape) and (min-device-height: 680px) { 25410 .ui-toolkit b, 25411 .ui-toolkit .b, 25412 .ui-toolkit strong, 25413 .ui-toolkit .strong { 25414 font-weight: 500; 25415 } 25416} 25417 25418.ui-toolkit .i, 25419.ui-toolkit .em { 25420 font-style: italic; 25421} 25422 25423.ui-toolkit .underline { 25424 text-decoration: underline; 25425} 25426 25427.ui-toolkit .strikethrough { 25428 text-decoration: line-through; 25429} 25430 25431@media only screen and (min-width: 0) { 25432 .ui-toolkit .text-left-xs-up, 25433 .ui-toolkit .text-left { 25434 text-align: left; 25435 } 25436 .ui-toolkit .text-center-xs-up, 25437 .ui-toolkit .text-center { 25438 text-align: center; 25439 } 25440 .ui-toolkit .text-right-xs-up, 25441 .ui-toolkit .text-right { 25442 text-align: right; 25443 } 25444} 25445 25446@media only screen and (min-width: 480px) { 25447 .ui-toolkit .text-left-sm-up { 25448 text-align: left; 25449 } 25450 .ui-toolkit .text-center-sm-up { 25451 text-align: center; 25452 } 25453 .ui-toolkit .text-right-sm-up { 25454 text-align: right; 25455 } 25456} 25457 25458@media only screen and (min-width: 640px) { 25459 .ui-toolkit .text-left-md-up { 25460 text-align: left; 25461 } 25462 .ui-toolkit .text-center-md-up { 25463 text-align: center; 25464 } 25465 .ui-toolkit .text-right-md-up { 25466 text-align: right; 25467 } 25468} 25469 25470@media only screen and (min-width: 900px) { 25471 .ui-toolkit .text-left-lg-up { 25472 text-align: left; 25473 } 25474 .ui-toolkit .text-center-lg-up { 25475 text-align: center; 25476 } 25477 .ui-toolkit .text-right-lg-up { 25478 text-align: right; 25479 } 25480} 25481 25482@media only screen and (min-width: 1200px) { 25483 .ui-toolkit .text-left-xl-up { 25484 text-align: left; 25485 } 25486 .ui-toolkit .text-center-xl-up { 25487 text-align: center; 25488 } 25489 .ui-toolkit .text-right-xl-up { 25490 text-align: right; 25491 } 25492} 25493 25494@media only screen and (min-width: 1400px) { 25495 .ui-toolkit .text-left-tv-up, 25496 .ui-toolkit .text-left-tv-only { 25497 text-align: left; 25498 } 25499 .ui-toolkit .text-center-tv-up, 25500 .ui-toolkit .text-center-tv-only { 25501 text-align: center; 25502 } 25503 .ui-toolkit .text-right-tv-up, 25504 .ui-toolkit .text-right-tv-only { 25505 text-align: right; 25506 } 25507} 25508 25509.ui-toolkit .text-truncate { 25510 overflow: hidden; 25511 text-overflow: ellipsis; 25512 white-space: nowrap; 25513} 25514 25515.ui-toolkit .no-wrap { 25516 white-space: nowrap; 25517} 25518 25519.ui-toolkit .pre-wrap { 25520 white-space: pre-wrap; 25521} 25522 25523.ui-toolkit .cjk-no-wrap:lang(zh), 25524.ui-toolkit .cjk-no-wrap:lang(ja), 25525.ui-toolkit .cjk-no-wrap:lang(ko) { 25526 white-space: nowrap; 25527} 25528 25529.ui-toolkit .break-word { 25530 word-break: break-word; 25531 overflow-wrap: break-word; 25532 word-wrap: break-word; 25533} 25534 25535.ui-toolkit .break-all { 25536 word-break: break-all; 25537} 25538 25539.ui-toolkit .text-smallest { 25540 font-size: 61.43%; 25541 position: relative; 25542 bottom: -15px; 25543} 25544 25545.ui-toolkit .text-smaller { 25546 font-size: 85.71%; 25547} 25548 25549.ui-toolkit .text-larger { 25550 font-size: 114.28%; 25551} 25552 25553.ui-toolkit .text-largest { 25554 font-size: 128.57%; 25555} 25556 25557 25558.ui-toolkit .rounded { 25559 border-radius: 3px; 25560 overflow: hidden; 25561} 25562 25563.ui-toolkit .circle { 25564 border-radius: 50%; 25565 overflow: hidden; 25566} 25567 25568.ui-toolkit .box-shadow-bottom { 25569 -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 25570 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 25571 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 25572} 25573 25574.ui-toolkit .box-shadow-top { 25575 -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07); 25576 -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07); 25577 box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07); 25578} 25579 25580.ui-toolkit .unselectable { 25581 -webkit-user-select: none; 25582 -ms-user-select: none; 25583 -moz-user-select: none; 25584 -o-user-select: none; 25585 user-select: none; 25586 -webkit-touch-callout: none; 25587} 25588 25589.ui-toolkit .pointer-events-none { 25590 pointer-events: none; 25591} 25592 25593.ui-toolkit .display-inline { 25594 display: inline; 25595} 25596 25597.ui-toolkit .display-inline-block { 25598 display: inline-block; 25599} 25600 25601.ui-toolkit .display-block { 25602 display: block; 25603} 25604 25605.ui-toolkit .display-table { 25606 display: table; 25607} 25608 25609.ui-toolkit .display-table-cell { 25610 display: table-cell; 25611} 25612 25613.ui-toolkit .display-none { 25614 display: none; 25615} 25616 25617.ui-toolkit .visibility-hidden { 25618 visibility: hidden; 25619} 25620 25621.ui-toolkit .visibility-visible { 25622 visibility: visible; 25623} 25624 25625.ui-toolkit .screen-reader-only, 25626.ui-toolkit .wt-screen-reader-only { 25627 border: 0; 25628 clip: rect(0 0 0 0); 25629 height: 1px; 25630 margin: -1px; 25631 overflow: hidden; 25632 padding: 0; 25633 position: absolute; 25634 width: 1px; 25635} 25636 25637.ui-toolkit .screen-reader-only.focusable:active, 25638.ui-toolkit .screen-reader-only.focusable:focus, 25639.ui-toolkit .screen-reader-only.wt-focusable:active, 25640.ui-toolkit .screen-reader-only.wt-focusable:focus, 25641.ui-toolkit .wt-screen-reader-only.focusable:active, 25642.ui-toolkit .wt-screen-reader-only.focusable:focus, 25643.ui-toolkit .wt-screen-reader-only.wt-focusable:active, 25644.ui-toolkit .wt-screen-reader-only.wt-focusable:focus { 25645 position: static; 25646 width: auto; 25647 height: auto; 25648 clip: auto; 25649 overflow: visible; 25650} 25651 25652.ui-toolkit .focus-outline:active, 25653.ui-toolkit .focus-outline:focus { 25654 border: 2px solid blue; 25655} 25656 25657.ui-toolkit .show-xs, 25658.ui-toolkit .show-sm, 25659.ui-toolkit .show-md, 25660.ui-toolkit .show-lg, 25661.ui-toolkit .show-xl, 25662.ui-toolkit .show-tv { 25663 display: none; 25664} 25665 25666@media only screen and (min-width: 0) and (max-width: 479px) { 25667 .ui-toolkit .show-xs { 25668 display: block; 25669 } 25670 .ui-toolkit .hide-xs { 25671 display: none; 25672 } 25673} 25674 25675@media only screen and (min-width: 480px) and (max-width: 639px) { 25676 .ui-toolkit .show-sm { 25677 display: block; 25678 } 25679 .ui-toolkit .hide-sm { 25680 display: none; 25681 } 25682} 25683 25684@media only screen and (min-width: 640px) and (max-width: 1024px) { 25685 .ui-toolkit .show-md { 25686 display: block; 25687 } 25688 .ui-toolkit .hide-md { 25689 display: none; 25690 } 25691} 25692 25693@media only screen and (min-width: 900px) and (max-width: 1199px) { 25694 .ui-toolkit .show-lg { 25695 display: block; 25696 } 25697 .ui-toolkit .hide-lg { 25698 display: none; 25699 } 25700} 25701 25702@media only screen and (min-width: 1200px) and (max-width: 1399px) { 25703 .ui-toolkit .show-xl { 25704 display: block; 25705 } 25706 .ui-toolkit .hide-xl { 25707 display: none; 25708 } 25709} 25710 25711@media only screen and (min-width: 1400px) { 25712 .ui-toolkit .show-tv { 25713 display: block; 25714 } 25715 .ui-toolkit .hide-tv { 25716 display: none; 25717 } 25718} 25719 25720.ui-toolkit .overflow-auto { 25721 overflow: auto; 25722} 25723 25724.ui-toolkit .overflow-hidden { 25725 overflow: hidden; 25726} 25727 25728.ui-toolkit .overflow-scroll { 25729 overflow: scroll; 25730} 25731 25732.ui-toolkit .overflow-y-auto { 25733 overflow-y: auto; 25734} 25735 25736.ui-toolkit .overflow-y-hidden { 25737 overflow-y: hidden; 25738} 25739 25740.ui-toolkit .overflow-y-scroll { 25741 overflow-x: hidden;
25742 overflow-y: scroll; 25743} 25744 25745.ui-toolkit .overflow-x-auto { 25746 overflow-x: auto; 25747} 25748 25749.ui-toolkit .overflow-x-hidden { 25750 overflow-x: hidden; 25751} 25752 25753.ui-toolkit .overflow-x-scroll { 25754 overflow-x: scroll; 25755} 25756 25757.ui-toolkit body.body-no-scroll { 25758 overflow: hidden; 25759 position: fixed; 25760 left: 0; 25761 right: 0; 25762} 25763 25764.ui-toolkit .clearfix:before, 25765.ui-toolkit .clearfix:after { 25766 content: " "; 25767 display: table; 25768} 25769 25770.ui-toolkit .clearfix:after { 25771 clear: both; 25772} 25773 25774.ui-toolkit .float-left { 25775 float: left; 25776} 25777 25778.ui-toolkit .float-right { 25779 float: right; 25780} 25781 25782.ui-toolkit .float-clear { 25783 clear: both; 25784} 25785 25786.ui-toolkit .float-none { 25787 float: none; 25788} 25789 25790.ui-toolkit .horizontal-center { 25791 display: block; 25792 margin-left: auto; 25793 margin-right: auto; 25794} 25795 25796.ui-toolkit .vertical-center { 25797 -webkit-transform: translateY(-50%); 25798 -ms-transform: translateY(-50%); 25799 -moz-transform: translateY(-50%); 25800 -o-transform: translateY(-50%); 25801 transform: translateY(-50%); 25802 position: relative; 25803 top: 50%; 25804} 25805 25806.ui-toolkit .has-hover-state:hover { 25807 cursor: pointer; 25808} 25809 25810.ui-toolkit .img-hover-darken, 25811.ui-toolkit .parent-img-hover-darken .child-img-hover-darken { 25812 position: relative; 25813} 25814 25815.ui-toolkit .img-hover-darken:after, 25816.ui-toolkit .parent-img-hover-darken .child-img-hover-darken:after { 25817 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); 25818 opacity: 0; 25819 -webkit-transition: opacity 0.25s ease; 25820 -moz-transition: opacity 0.25s ease; 25821 -o-transition: opacity 0.25s ease; 25822 -ms-transition: opacity 0.25s ease; 25823 transition: opacity 0.25s ease; 25824 background-color: #000; 25825 bottom: 0; 25826 content: ''; 25827 left: 0; 25828 position: absolute; 25829 right: 0; 25830 top: 0; 25831} 25832 25833.ui-toolkit .img-hover-darken:hover:after, 25834.ui-toolkit .parent-img-hover-darken:hover .child-img-hover-darken:after, 25835.ui-toolkit .img-hover-darken:focus:after, 25836.ui-toolkit .parent-img-hover-darken:focus .child-img-hover-darken:after { 25837 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5); 25838 opacity: 0.05; 25839} 25840 25841.ui-toolkit .parent-hover-underline .child-hover-underline { 25842 text-decoration: none; 25843} 25844 25845.ui-toolkit .parent-hover-underline:hover, 25846.ui-toolkit .parent-hover-underline:focus { 25847 text-decoration: none; 25848} 25849 25850.ui-toolkit .parent-hover-underline:hover .child-hover-underline, 25851.ui-toolkit .parent-hover-underline:hover.is-active .child-hover-underline, 25852.ui-toolkit .parent-hover-underline:focus .child-hover-underline, 25853.ui-toolkit .parent-hover-underline:focus.is-active .child-hover-underline { 25854 text-decoration: underline; 25855} 25856 25857.ui-toolkit .parent-hover-show .child-hover-show { 25858 visibility: hidden; 25859} 25860 25861.ui-toolkit .parent-hover-show:hover .child-hover-show, 25862.ui-toolkit .parent-hover-show.is-active .child-hover-show { 25863 visibility: visible; 25864} 25865 25866.ui-toolkit .caret { 25867 position: relative; 25868 display: inline-block; 25869 padding-right: 25px; 25870} 25871 25872.ui-toolkit .caret:after { 25873 -webkit-transform: translateY(-50%); 25874 -ms-transform: translateY(-50%); 25875 -moz-transform: translateY(-50%); 25876 -o-transform: translateY(-50%); 25877 transform: translateY(-50%); 25878 content: ""; 25879 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); 25880 background-size: 100%; 25881 background-position: center; 25882 width: 24px; 25883 height: 24px; 25884 pointer-events: none; 25885 position: absolute; 25886 right: 3px; 25887 top: 50%; 25888} 25889 25890.ui-toolkit .caret.caret-inverted:after { 25891 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%227.5 14 12 8 16.5 14 7.5 14%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); 25892} 25893 25894@media only screen and (min-width: 0) { 25895 .ui-toolkit .b-xs-0 { 25896 border: 0px solid #E1E3DF; 25897 } 25898 .ui-toolkit .bt-xs-0 { 25899 border-top: 0px solid #E1E3DF; 25900 } 25901 .ui-toolkit .br-xs-0 { 25902 border-right: 0px solid #E1E3DF; 25903 } 25904 .ui-toolkit .bb-xs-0 { 25905 border-bottom: 0px solid #E1E3DF; 25906 } 25907 .ui-toolkit .bl-xs-0 { 25908 border-left: 0px solid #E1E3DF; 25909 } 25910 .ui-toolkit .b-xs-1 { 25911 border: 1px solid #E1E3DF; 25912 } 25913 .ui-toolkit .bt-xs-1 { 25914 border-top: 1px solid #E1E3DF; 25915 } 25916 .ui-toolkit .br-xs-1 { 25917 border-right: 1px solid #E1E3DF; 25918 } 25919 .ui-toolkit .bb-xs-1 { 25920 border-bottom: 1px solid #E1E3DF; 25921 } 25922 .ui-toolkit .bl-xs-1 { 25923 border-left: 1px solid #E1E3DF; 25924 } 25925} 25926 25927@media only screen and (min-width: 480px) { 25928 .ui-toolkit .b-sm-0 { 25929 border: 0px solid #E1E3DF; 25930 } 25931 .ui-toolkit .bt-sm-0 { 25932 border-top: 0px solid #E1E3DF; 25933 } 25934 .ui-toolkit .br-sm-0 { 25935 border-right: 0px solid #E1E3DF; 25936 } 25937 .ui-toolkit .bb-sm-0 { 25938 border-bottom: 0px solid #E1E3DF; 25939 } 25940 .ui-toolkit .bl-sm-0 { 25941 border-left: 0px solid #E1E3DF; 25942 } 25943 .ui-toolkit .b-sm-1 { 25944 border: 1px solid #E1E3DF; 25945 } 25946 .ui-toolkit .bt-sm-1 { 25947 border-top: 1px solid #E1E3DF; 25948 } 25949 .ui-toolkit .br-sm-1 { 25950 border-right: 1px solid #E1E3DF; 25951 } 25952 .ui-toolkit .bb-sm-1 { 25953 border-bottom: 1px solid #E1E3DF; 25954 } 25955 .ui-toolkit .bl-sm-1 { 25956 border-left: 1px solid #E1E3DF; 25957 } 25958} 25959 25960@media only screen and (min-width: 640px) { 25961 .ui-toolkit .b-md-0 { 25962 border: 0px solid #E1E3DF; 25963 } 25964 .ui-toolkit .bt-md-0 { 25965 border-top: 0px solid #E1E3DF; 25966 } 25967 .ui-toolkit .br-md-0 { 25968 border-right: 0px solid #E1E3DF; 25969 } 25970 .ui-toolkit .bb-md-0 { 25971 border-bottom: 0px solid #E1E3DF; 25972 } 25973 .ui-toolkit .bl-md-0 { 25974 border-left: 0px solid #E1E3DF; 25975 } 25976 .ui-toolkit .b-md-1 { 25977 border: 1px solid #E1E3DF; 25978 } 25979 .ui-toolkit .bt-md-1 { 25980 border-top: 1px solid #E1E3DF; 25981 } 25982 .ui-toolkit .br-md-1 { 25983 border-right: 1px solid #E1E3DF; 25984 } 25985 .ui-toolkit .bb-md-1 { 25986 border-bottom: 1px solid #E1E3DF; 25987 } 25988 .ui-toolkit .bl-md-1 { 25989 border-left: 1px solid #E1E3DF; 25990 } 25991} 25992 25993@media only screen and (min-width: 900px) { 25994 .ui-toolkit .b-lg-0 { 25995 border: 0px solid #E1E3DF; 25996 } 25997 .ui-toolkit .bt-lg-0 { 25998 border-top: 0px solid #E1E3DF; 25999 } 26000 .ui-toolkit .br-lg-0 { 26001 border-right: 0px solid #E1E3DF; 26002 } 26003 .ui-toolkit .bb-lg-0 { 26004 border-bottom: 0px solid #E1E3DF; 26005 } 26006 .ui-toolkit .bl-lg-0 { 26007 border-left: 0px solid #E1E3DF; 26008 } 26009 .ui-toolkit .b-lg-1 { 26010 border: 1px solid #E1E3DF; 26011 } 26012 .ui-toolkit .bt-lg-1 { 26013 border-top: 1px solid #E1E3DF; 26014 } 26015 .ui-toolkit .br-lg-1 { 26016 border-right: 1px solid #E1E3DF; 26017 } 26018 .ui-toolkit .bb-lg-1 { 26019 border-bottom: 1px solid #E1E3DF; 26020 } 26021 .ui-toolkit .bl-lg-1 { 26022 border-left: 1px solid #E1E3DF; 26023 } 26024} 26025 26026@media only screen and (min-width: 1200px) {
26027 .ui-toolkit .b-xl-0 { 26028 border: 0px solid #E1E3DF; 26029 } 26030 .ui-toolkit .bt-xl-0 { 26031 border-top: 0px solid #E1E3DF; 26032 } 26033 .ui-toolkit .br-xl-0 { 26034 border-right: 0px solid #E1E3DF; 26035 } 26036 .ui-toolkit .bb-xl-0 { 26037 border-bottom: 0px solid #E1E3DF; 26038 } 26039 .ui-toolkit .bl-xl-0 { 26040 border-left: 0px solid #E1E3DF; 26041 } 26042 .ui-toolkit .b-xl-1 { 26043 border: 1px solid #E1E3DF; 26044 } 26045 .ui-toolkit .bt-xl-1 { 26046 border-top: 1px solid #E1E3DF; 26047 } 26048 .ui-toolkit .br-xl-1 { 26049 border-right: 1px solid #E1E3DF; 26050 } 26051 .ui-toolkit .bb-xl-1 { 26052 border-bottom: 1px solid #E1E3DF; 26053 } 26054 .ui-toolkit .bl-xl-1 { 26055 border-left: 1px solid #E1E3DF; 26056 } 26057} 26058 26059@media only screen and (min-width: 1400px) { 26060 .ui-toolkit .b-tv-0 { 26061 border: 0px solid #E1E3DF; 26062 } 26063 .ui-toolkit .bt-tv-0 { 26064 border-top: 0px solid #E1E3DF; 26065 } 26066 .ui-toolkit .br-tv-0 { 26067 border-right: 0px solid #E1E3DF; 26068 } 26069 .ui-toolkit .bb-tv-0 { 26070 border-bottom: 0px solid #E1E3DF; 26071 } 26072 .ui-toolkit .bl-tv-0 { 26073 border-left: 0px solid #E1E3DF; 26074 } 26075 .ui-toolkit .b-tv-1 { 26076 border: 1px solid #E1E3DF; 26077 } 26078 .ui-toolkit .bt-tv-1 { 26079 border-top: 1px solid #E1E3DF; 26080 } 26081 .ui-toolkit .br-tv-1 { 26082 border-right: 1px solid #E1E3DF; 26083 } 26084 .ui-toolkit .bb-tv-1 { 26085 border-bottom: 1px solid #E1E3DF; 26086 } 26087 .ui-toolkit .bl-tv-1 { 26088 border-left: 1px solid #E1E3DF; 26089 } 26090} 26091 26092@media only screen and (min-width: 0) { 26093 .ui-toolkit .m-xs-0 { 26094 margin: 0px; 26095 } 26096 .ui-toolkit .mt-xs-0 { 26097 margin-top: 0px; 26098 } 26099 .ui-toolkit .mr-xs-0 { 26100 margin-right: 0px; 26101 } 26102 .ui-toolkit .mb-xs-0 { 26103 margin-bottom: 0px; 26104 } 26105 .ui-toolkit .ml-xs-0 { 26106 margin-left: 0px; 26107 } 26108 .ui-toolkit .m-xs-1 { 26109 margin: 6px; 26110 } 26111 .ui-toolkit .mt-xs-1 { 26112 margin-top: 6px; 26113 } 26114 .ui-toolkit .mr-xs-1 { 26115 margin-right: 6px; 26116 } 26117 .ui-toolkit .mb-xs-1 { 26118 margin-bottom: 6px; 26119 } 26120 .ui-toolkit .ml-xs-1 { 26121 margin-left: 6px; 26122 } 26123 .ui-toolkit .m-xs-2 { 26124 margin: 12px; 26125 } 26126 .ui-toolkit .mt-xs-2 { 26127 margin-top: 12px; 26128 } 26129 .ui-toolkit .mr-xs-2 { 26130 margin-right: 12px; 26131 } 26132 .ui-toolkit .mb-xs-2 { 26133 margin-bottom: 12px; 26134 } 26135 .ui-toolkit .ml-xs-2 { 26136 margin-left: 12px; 26137 } 26138 .ui-toolkit .m-xs-3 { 26139 margin: 18px; 26140 } 26141 .ui-toolkit .mt-xs-3 { 26142 margin-top: 18px; 26143 } 26144 .ui-toolkit .mr-xs-3 { 26145 margin-right: 18px; 26146 } 26147 .ui-toolkit .mb-xs-3 { 26148 margin-bottom: 18px; 26149 } 26150 .ui-toolkit .ml-xs-3 { 26151 margin-left: 18px; 26152 } 26153 .ui-toolkit .m-xs-4 { 26154 margin: 24px; 26155 } 26156 .ui-toolkit .mt-xs-4 { 26157 margin-top: 24px; 26158 } 26159 .ui-toolkit .mr-xs-4 { 26160 margin-right: 24px; 26161 } 26162 .ui-toolkit .mb-xs-4 { 26163 margin-bottom: 24px; 26164 } 26165 .ui-toolkit .ml-xs-4 { 26166 margin-left: 24px; 26167 } 26168 .ui-toolkit .m-xs-5 { 26169 margin: 30px; 26170 } 26171 .ui-toolkit .mt-xs-5 { 26172 margin-top: 30px; 26173 } 26174 .ui-toolkit .mr-xs-5 { 26175 margin-right: 30px; 26176 } 26177 .ui-toolkit .mb-xs-5 { 26178 margin-bottom: 30px; 26179 } 26180 .ui-toolkit .ml-xs-5 { 26181 margin-left: 30px; 26182 } 26183 .ui-toolkit .m-xs-6 { 26184 margin: 36px; 26185 } 26186 .ui-toolkit .mt-xs-6 { 26187 margin-top: 36px; 26188 } 26189 .ui-toolkit .mr-xs-6 { 26190 margin-right: 36px; 26191 } 26192 .ui-toolkit .mb-xs-6 { 26193 margin-bottom: 36px; 26194 } 26195 .ui-toolkit .ml-xs-6 { 26196 margin-left: 36px; 26197 } 26198 .ui-toolkit .m-xs-7 { 26199 margin: 42px; 26200 } 26201 .ui-toolkit .mt-xs-7 { 26202 margin-top: 42px; 26203 } 26204 .ui-toolkit .mr-xs-7 { 26205 margin-right: 42px; 26206 } 26207 .ui-toolkit .mb-xs-7 { 26208 margin-bottom: 42px; 26209 } 26210 .ui-toolkit .ml-xs-7 { 26211 margin-left: 42px; 26212 } 26213 .ui-toolkit .m-xs-8 { 26214 margin: 48px; 26215 } 26216 .ui-toolkit .mt-xs-8 { 26217 margin-top: 48px; 26218 } 26219 .ui-toolkit .mr-xs-8 { 26220 margin-right: 48px; 26221 } 26222 .ui-toolkit .mb-xs-8 { 26223 margin-bottom: 48px; 26224 } 26225 .ui-toolkit .ml-xs-8 { 26226 margin-left: 48px; 26227 } 26228 .ui-toolkit .m-xs-auto { 26229 margin-left: auto; 26230 margin-right: auto; 26231 } 26232} 26233 26234@media only screen and (min-width: 480px) { 26235 .ui-toolkit .m-sm-0 { 26236 margin: 0px; 26237 } 26238 .ui-toolkit .mt-sm-0 { 26239 margin-top: 0px; 26240 } 26241 .ui-toolkit .mr-sm-0 { 26242 margin-right: 0px; 26243 } 26244 .ui-toolkit .mb-sm-0 { 26245 margin-bottom: 0px; 26246 } 26247 .ui-toolkit .ml-sm-0 { 26248 margin-left: 0px; 26249 } 26250 .ui-toolkit .m-sm-1 { 26251 margin: 6px; 26252 } 26253 .ui-toolkit .mt-sm-1 { 26254 margin-top: 6px; 26255 } 26256 .ui-toolkit .mr-sm-1 { 26257 margin-right: 6px; 26258 } 26259 .ui-toolkit .mb-sm-1 { 26260 margin-bottom: 6px; 26261 } 26262 .ui-toolkit .ml-sm-1 { 26263 margin-left: 6px; 26264 } 26265 .ui-toolkit .m-sm-2 { 26266 margin: 12px; 26267 } 26268 .ui-toolkit .mt-sm-2 { 26269 margin-top: 12px; 26270 } 26271 .ui-toolkit .mr-sm-2 { 26272 margin-right: 12px; 26273 } 26274 .ui-toolkit .mb-sm-2 { 26275 margin-bottom: 12px; 26276 } 26277 .ui-toolkit .ml-sm-2 { 26278 margin-left: 12px; 26279 } 26280 .ui-toolkit .m-sm-3 { 26281 margin: 18px; 26282 } 26283 .ui-toolkit .mt-sm-3 { 26284 margin-top: 18px; 26285 } 26286 .ui-toolkit .mr-sm-3 { 26287 margin-right: 18px; 26288 } 26289 .ui-toolkit .mb-sm-3 { 26290 margin-bottom: 18px; 26291 } 26292 .ui-toolkit .ml-sm-3 { 26293 margin-left: 18px; 26294 } 26295 .ui-toolkit .m-sm-4 { 26296 margin: 24px; 26297 } 26298 .ui-toolkit .mt-sm-4 { 26299 margin-top: 24px; 26300 } 26301 .ui-toolkit .mr-sm-4 { 26302 margin-right: 24px; 26303 } 26304 .ui-toolkit .mb-sm-4 { 26305 margin-bottom: 24px; 26306 } 26307 .ui-toolkit .ml-sm-4 { 26308 margin-left: 24px; 26309 } 26310 .ui-toolkit .m-sm-5 { 26311 margin: 30px; 26312 } 26313 .ui-toolkit .mt-sm-5 { 26314 margin-top: 30px; 26315 } 26316 .ui-toolkit .mr-sm-5 { 26317 margin-right: 30px; 26318 } 26319 .ui-toolkit .mb-sm-5 { 26320 margin-bottom: 30px; 26321 } 26322 .ui-toolkit .ml-sm-5 { 26323 margin-left: 30px; 26324 } 26325 .ui-toolkit .m-sm-6 { 26326 margin: 36px; 26327 } 26328 .ui-toolkit .mt-sm-6 { 26329 margin-top: 36px; 26330 } 26331 .ui-toolkit .mr-sm-6 { 26332 margin-right: 36px; 26333 } 26334 .ui-toolkit .mb-sm-6 { 26335 margin-bottom: 36px; 26336 } 26337 .ui-toolkit .ml-sm-6 { 26338 margin-left: 36px; 26339 } 26340 .ui-toolkit .m-sm-7 { 26341 margin: 42px; 26342 } 26343 .ui-toolkit .mt-sm-7 { 26344 margin-top: 42px; 26345 } 26346 .ui-toolkit .mr-sm-7 { 26347 margin-right: 42px; 26348 } 26349 .ui-toolkit .mb-sm-7 { 26350 margin-bottom: 42px; 26351 } 26352 .ui-toolkit .ml-sm-7 { 26353 margin-left: 42px; 26354 } 26355 .ui-toolkit .m-sm-8 { 26356 margin: 48px; 26357 } 26358 .ui-toolkit .mt-sm-8 { 26359 margin-top: 48px; 26360 } 26361 .ui-toolkit .mr-sm-8 { 26362 margin-right: 48px; 26363 } 26364 .ui-toolkit .mb-sm-8 { 26365 margin-bottom: 48px; 26366 } 26367 .ui-toolkit .ml-sm-8 { 26368 margin-left: 48px; 26369 } 26370 .ui-toolkit .m-sm-auto { 26371 margin-left: auto; 26372 margin-right: auto; 26373 } 26374} 26375 26376@media only screen and (min-width: 640px) { 26377 .ui-toolkit .m-md-0 { 26378 margin: 0px; 26379 } 26380 .ui-toolkit .mt-md-0 { 26381 margin-top: 0px; 26382 } 26383 .ui-toolkit .mr-md-0 { 26384 margin-right: 0px; 26385 } 26386 .ui-toolkit .mb-md-0 { 26387 margin-bottom: 0px; 26388 } 26389 .ui-toolkit .ml-md-0 { 26390 margin-left: 0px; 26391 } 26392 .ui-toolkit .m-md-1 { 26393 margin: 6px; 26394 } 26395 .ui-toolkit .mt-md-1 { 26396 margin-top: 6px; 26397 } 26398 .ui-toolkit .mr-md-1 { 26399 margin-right: 6px; 26400 } 26401 .ui-toolkit .mb-md-1 { 26402 margin-bottom: 6px; 26403 } 26404 .ui-toolkit .ml-md-1 { 26405 margin-left: 6px; 26406 } 26407 .ui-toolkit .m-md-2 { 26408 margin: 12px; 26409 } 26410 .ui-toolkit .mt-md-2 { 26411 margin-top: 12px; 26412 } 26413 .ui-toolkit .mr-md-2 { 26414 margin-right: 12px; 26415 } 26416 .ui-toolkit .mb-md-2 { 26417 margin-bottom: 12px; 26418 } 26419 .ui-toolkit .ml-md-2 { 26420 margin-left: 12px; 26421 } 26422 .ui-toolkit .m-md-3 { 26423 margin: 18px; 26424 } 26425 .ui-toolkit .mt-md-3 { 26426 margin-top: 18px; 26427 } 26428 .ui-toolkit .mr-md-3 { 26429 margin-right: 18px; 26430 } 26431 .ui-toolkit .mb-md-3 { 26432 margin-bottom: 18px; 26433 } 26434 .ui-toolkit .ml-md-3 { 26435 margin-left: 18px; 26436 } 26437 .ui-toolkit .m-md-4 { 26438 margin: 24px; 26439 } 26440 .ui-toolkit .mt-md-4 { 26441 margin-top: 24px; 26442 } 26443 .ui-toolkit .mr-md-4 { 26444 margin-right: 24px; 26445 } 26446 .ui-toolkit .mb-md-4 { 26447 margin-bottom: 24px; 26448 } 26449 .ui-toolkit .ml-md-4 { 26450 margin-left: 24px; 26451 } 26452 .ui-toolkit .m-md-5 { 26453 margin: 30px; 26454 } 26455 .ui-toolkit .mt-md-5 { 26456 margin-top: 30px; 26457 } 26458 .ui-toolkit .mr-md-5 { 26459 margin-right: 30px; 26460 } 26461 .ui-toolkit .mb-md-5 { 26462 margin-bottom: 30px; 26463 } 26464 .ui-toolkit .ml-md-5 { 26465 margin-left: 30px; 26466 } 26467 .ui-toolkit .m-md-6 { 26468 margin: 36px; 26469 } 26470 .ui-toolkit .mt-md-6 { 26471 margin-top: 36px; 26472 } 26473 .ui-toolkit .mr-md-6 { 26474 margin-right: 36px; 26475 } 26476 .ui-toolkit .mb-md-6 { 26477 margin-bottom: 36px; 26478 } 26479 .ui-toolkit .ml-md-6 { 26480 margin-left: 36px; 26481 } 26482 .ui-toolkit .m-md-7 { 26483 margin: 42px; 26484 } 26485 .ui-toolkit .mt-md-7 { 26486 margin-top: 42px; 26487 } 26488 .ui-toolkit .mr-md-7 { 26489 margin-right: 42px; 26490 } 26491 .ui-toolkit .mb-md-7 { 26492 margin-bottom: 42px; 26493 } 26494 .ui-toolkit .ml-md-7 { 26495 margin-left: 42px; 26496 } 26497 .ui-toolkit .m-md-8 { 26498 margin: 48px; 26499 } 26500 .ui-toolkit .mt-md-8 { 26501 margin-top: 48px; 26502 } 26503 .ui-toolkit .mr-md-8 { 26504 margin-right: 48px; 26505 } 26506 .ui-toolkit .mb-md-8 { 26507 margin-bottom: 48px; 26508 } 26509 .ui-toolkit .ml-md-8 { 26510 margin-left: 48px; 26511 } 26512 .ui-toolkit .m-md-auto { 26513 margin-left: auto; 26514 margin-right: auto; 26515 } 26516} 26517 26518@media only screen and (min-width: 900px) { 26519 .ui-toolkit .m-lg-0 { 26520 margin: 0px; 26521 } 26522 .ui-toolkit .mt-lg-0 { 26523 margin-top: 0px; 26524 } 26525 .ui-toolkit .mr-lg-0 { 26526 margin-right: 0px; 26527 } 26528 .ui-toolkit .mb-lg-0 { 26529 margin-bottom: 0px; 26530 } 26531 .ui-toolkit .ml-lg-0 { 26532 margin-left: 0px; 26533 } 26534 .ui-toolkit .m-lg-1 { 26535 margin: 6px; 26536 } 26537 .ui-toolkit .mt-lg-1 { 26538 margin-top: 6px; 26539 } 26540 .ui-toolkit .mr-lg-1 { 26541 margin-right: 6px; 26542 } 26543 .ui-toolkit .mb-lg-1 { 26544 margin-bottom: 6px; 26545 } 26546 .ui-toolkit .ml-lg-1 { 26547 margin-left: 6px; 26548 } 26549 .ui-toolkit .m-lg-2 { 26550 margin: 12px; 26551 } 26552 .ui-toolkit .mt-lg-2 { 26553 margin-top: 12px; 26554 } 26555 .ui-toolkit .mr-lg-2 { 26556 margin-right: 12px; 26557 } 26558 .ui-toolkit .mb-lg-2 { 26559 margin-bottom: 12px; 26560 } 26561 .ui-toolkit .ml-lg-2 { 26562 margin-left: 12px; 26563 } 26564 .ui-toolkit .m-lg-3 { 26565 margin: 18px; 26566 } 26567 .ui-toolkit .mt-lg-3 { 26568 margin-top: 18px; 26569 } 26570 .ui-toolkit .mr-lg-3 { 26571 margin-right: 18px; 26572 } 26573 .ui-toolkit .mb-lg-3 { 26574 margin-bottom: 18px; 26575 } 26576 .ui-toolkit .ml-lg-3 { 26577 margin-left: 18px; 26578 } 26579 .ui-toolkit .m-lg-4 { 26580 margin: 24px; 26581 } 26582 .ui-toolkit .mt-lg-4 { 26583 margin-top: 24px; 26584 } 26585 .ui-toolkit .mr-lg-4 { 26586 margin-right: 24px; 26587 } 26588 .ui-toolkit .mb-lg-4 { 26589 margin-bottom: 24px; 26590 } 26591 .ui-toolkit .ml-lg-4 { 26592 margin-left: 24px; 26593 } 26594 .ui-toolkit .m-lg-5 { 26595 margin: 30px; 26596 } 26597 .ui-toolkit .mt-lg-5 { 26598 margin-top: 30px; 26599 } 26600 .ui-toolkit .mr-lg-5 { 26601 margin-right: 30px; 26602 } 26603 .ui-toolkit .mb-lg-5 { 26604 margin-bottom: 30px; 26605 } 26606 .ui-toolkit .ml-lg-5 { 26607 margin-left: 30px; 26608 } 26609 .ui-toolkit .m-lg-6 { 26610 margin: 36px; 26611 } 26612 .ui-toolkit .mt-lg-6 { 26613 margin-top: 36px; 26614 } 26615 .ui-toolkit .mr-lg-6 { 26616 margin-right: 36px; 26617 } 26618 .ui-toolkit .mb-lg-6 { 26619 margin-bottom: 36px; 26620 } 26621 .ui-toolkit .ml-lg-6 { 26622 margin-left: 36px; 26623 } 26624 .ui-toolkit .m-lg-7 { 26625 margin: 42px; 26626 } 26627 .ui-toolkit .mt-lg-7 { 26628 margin-top: 42px; 26629 } 26630 .ui-toolkit .mr-lg-7 { 26631 margin-right: 42px; 26632 } 26633 .ui-toolkit .mb-lg-7 { 26634 margin-bottom: 42px; 26635 } 26636 .ui-toolkit .ml-lg-7 { 26637 margin-left: 42px; 26638 } 26639 .ui-toolkit .m-lg-8 { 26640 margin: 48px; 26641 } 26642 .ui-toolkit .mt-lg-8 { 26643 margin-top: 48px; 26644 } 26645 .ui-toolkit .mr-lg-8 { 26646 margin-right: 48px; 26647 } 26648 .ui-toolkit .mb-lg-8 { 26649 margin-bottom: 48px; 26650 } 26651 .ui-toolkit .ml-lg-8 { 26652 margin-left: 48px; 26653 } 26654 .ui-toolkit .m-lg-auto { 26655 margin-left: auto; 26656 margin-right: auto; 26657 } 26658} 26659 26660@media only screen and (min-width: 1200px) { 26661 .ui-toolkit .m-xl-0 { 26662 margin: 0px; 26663 } 26664 .ui-toolkit .mt-xl-0 { 26665 margin-top: 0px; 26666 } 26667 .ui-toolkit .mr-xl-0 { 26668 margin-right: 0px; 26669 } 26670 .ui-toolkit .mb-xl-0 { 26671 margin-bottom: 0px; 26672 } 26673 .ui-toolkit .ml-xl-0 { 26674 margin-left: 0px; 26675 } 26676 .ui-toolkit .m-xl-1 { 26677 margin: 6px; 26678 } 26679 .ui-toolkit .mt-xl-1 { 26680 margin-top: 6px; 26681 } 26682 .ui-toolkit .mr-xl-1 { 26683 margin-right: 6px; 26684 } 26685 .ui-toolkit .mb-xl-1 { 26686 margin-bottom: 6px; 26687 } 26688 .ui-toolkit .ml-xl-1 { 26689 margin-left: 6px; 26690 } 26691 .ui-toolkit .m-xl-2 { 26692 margin: 12px; 26693 } 26694 .ui-toolkit .mt-xl-2 { 26695 margin-top: 12px; 26696 } 26697 .ui-toolkit .mr-xl-2 { 26698 margin-right: 12px; 26699 } 26700 .ui-toolkit .mb-xl-2 { 26701 margin-bottom: 12px; 26702 } 26703 .ui-toolkit .ml-xl-2 { 26704 margin-left: 12px; 26705 } 26706 .ui-toolkit .m-xl-3 { 26707 margin: 18px; 26708 } 26709 .ui-toolkit .mt-xl-3 { 26710 margin-top: 18px; 26711 } 26712 .ui-toolkit .mr-xl-3 { 26713 margin-right: 18px; 26714 } 26715 .ui-toolkit .mb-xl-3 { 26716 margin-bottom: 18px; 26717 } 26718 .ui-toolkit .ml-xl-3 { 26719 margin-left: 18px; 26720 } 26721 .ui-toolkit .m-xl-4 { 26722 margin: 24px; 26723 } 26724 .ui-toolkit .mt-xl-4 { 26725 margin-top: 24px; 26726 } 26727 .ui-toolkit .mr-xl-4 { 26728 margin-right: 24px; 26729 } 26730 .ui-toolkit .mb-xl-4 { 26731 margin-bottom: 24px; 26732 } 26733 .ui-toolkit .ml-xl-4 { 26734 margin-left: 24px; 26735 } 26736 .ui-toolkit .m-xl-5 { 26737 margin: 30px; 26738 } 26739 .ui-toolkit .mt-xl-5 { 26740 margin-top: 30px; 26741 } 26742 .ui-toolkit .mr-xl-5 { 26743 margin-right: 30px; 26744 } 26745 .ui-toolkit .mb-xl-5 { 26746 margin-bottom: 30px; 26747 } 26748 .ui-toolkit .ml-xl-5 { 26749 margin-left: 30px; 26750 } 26751 .ui-toolkit .m-xl-6 { 26752 margin: 36px; 26753 } 26754 .ui-toolkit .mt-xl-6 { 26755 margin-top: 36px; 26756 } 26757 .ui-toolkit .mr-xl-6 { 26758 margin-right: 36px; 26759 } 26760 .ui-toolkit .mb-xl-6 { 26761 margin-bottom: 36px; 26762 } 26763 .ui-toolkit .ml-xl-6 { 26764 margin-left: 36px; 26765 } 26766 .ui-toolkit .m-xl-7 { 26767 margin: 42px; 26768 } 26769 .ui-toolkit .mt-xl-7 { 26770 margin-top: 42px; 26771 } 26772 .ui-toolkit .mr-xl-7 { 26773 margin-right: 42px; 26774 } 26775 .ui-toolkit .mb-xl-7 { 26776 margin-bottom: 42px; 26777 } 26778 .ui-toolkit .ml-xl-7 { 26779 margin-left: 42px; 26780 } 26781 .ui-toolkit .m-xl-8 { 26782 margin: 48px; 26783 } 26784 .ui-toolkit .mt-xl-8 { 26785 margin-top: 48px; 26786 } 26787 .ui-toolkit .mr-xl-8 { 26788 margin-right: 48px; 26789 } 26790 .ui-toolkit .mb-xl-8 { 26791 margin-bottom: 48px; 26792 } 26793 .ui-toolkit .ml-xl-8 { 26794 margin-left: 48px; 26795 } 26796 .ui-toolkit .m-xl-auto { 26797 margin-left: auto; 26798 margin-right: auto; 26799 } 26800} 26801 26802@media only screen and (min-width: 1400px) { 26803 .ui-toolkit .m-tv-0 { 26804 margin: 0px; 26805 } 26806 .ui-toolkit .mt-tv-0 { 26807 margin-top: 0px; 26808 } 26809 .ui-toolkit .mr-tv-0 { 26810 margin-right: 0px; 26811 } 26812 .ui-toolkit .mb-tv-0 { 26813 margin-bottom: 0px; 26814 } 26815 .ui-toolkit .ml-tv-0 { 26816 margin-left: 0px; 26817 } 26818 .ui-toolkit .m-tv-1 { 26819 margin: 6px; 26820 } 26821 .ui-toolkit .mt-tv-1 { 26822 margin-top: 6px; 26823 } 26824 .ui-toolkit .mr-tv-1 { 26825 margin-right: 6px; 26826 } 26827 .ui-toolkit .mb-tv-1 { 26828 margin-bottom: 6px; 26829 } 26830 .ui-toolkit .ml-tv-1 { 26831 margin-left: 6px; 26832 } 26833 .ui-toolkit .m-tv-2 {
26834 margin: 12px; 26835 } 26836 .ui-toolkit .mt-tv-2 { 26837 margin-top: 12px; 26838 } 26839 .ui-toolkit .mr-tv-2 { 26840 margin-right: 12px; 26841 } 26842 .ui-toolkit .mb-tv-2 { 26843 margin-bottom: 12px; 26844 } 26845 .ui-toolkit .ml-tv-2 { 26846 margin-left: 12px; 26847 } 26848 .ui-toolkit .m-tv-3 { 26849 margin: 18px; 26850 } 26851 .ui-toolkit .mt-tv-3 { 26852 margin-top: 18px; 26853 } 26854 .ui-toolkit .mr-tv-3 { 26855 margin-right: 18px; 26856 } 26857 .ui-toolkit .mb-tv-3 { 26858 margin-bottom: 18px; 26859 } 26860 .ui-toolkit .ml-tv-3 { 26861 margin-left: 18px; 26862 } 26863 .ui-toolkit .m-tv-4 { 26864 margin: 24px; 26865 } 26866 .ui-toolkit .mt-tv-4 { 26867 margin-top: 24px; 26868 } 26869 .ui-toolkit .mr-tv-4 { 26870 margin-right: 24px; 26871 } 26872 .ui-toolkit .mb-tv-4 { 26873 margin-bottom: 24px; 26874 } 26875 .ui-toolkit .ml-tv-4 { 26876 margin-left: 24px; 26877 } 26878 .ui-toolkit .m-tv-5 { 26879 margin: 30px; 26880 } 26881 .ui-toolkit .mt-tv-5 { 26882 margin-top: 30px; 26883 } 26884 .ui-toolkit .mr-tv-5 { 26885 margin-right: 30px; 26886 } 26887 .ui-toolkit .mb-tv-5 { 26888 margin-bottom: 30px; 26889 } 26890 .ui-toolkit .ml-tv-5 { 26891 margin-left: 30px; 26892 } 26893 .ui-toolkit .m-tv-6 { 26894 margin: 36px; 26895 } 26896 .ui-toolkit .mt-tv-6 { 26897 margin-top: 36px; 26898 } 26899 .ui-toolkit .mr-tv-6 { 26900 margin-right: 36px; 26901 } 26902 .ui-toolkit .mb-tv-6 { 26903 margin-bottom: 36px; 26904 } 26905 .ui-toolkit .ml-tv-6 { 26906 margin-left: 36px; 26907 } 26908 .ui-toolkit .m-tv-7 { 26909 margin: 42px; 26910 } 26911 .ui-toolkit .mt-tv-7 { 26912 margin-top: 42px; 26913 } 26914 .ui-toolkit .mr-tv-7 { 26915 margin-right: 42px; 26916 } 26917 .ui-toolkit .mb-tv-7 { 26918 margin-bottom: 42px; 26919 } 26920 .ui-toolkit .ml-tv-7 { 26921 margin-left: 42px; 26922 } 26923 .ui-toolkit .m-tv-8 { 26924 margin: 48px; 26925 } 26926 .ui-toolkit .mt-tv-8 { 26927 margin-top: 48px; 26928 } 26929 .ui-toolkit .mr-tv-8 { 26930 margin-right: 48px; 26931 } 26932 .ui-toolkit .mb-tv-8 { 26933 margin-bottom: 48px; 26934 } 26935 .ui-toolkit .ml-tv-8 { 26936 margin-left: 48px; 26937 } 26938 .ui-toolkit .m-tv-auto { 26939 margin-left: auto; 26940 margin-right: auto; 26941 } 26942} 26943 26944@media only screen and (min-width: 0) { 26945 .ui-toolkit .p-xs-0 { 26946 padding: 0px; 26947 } 26948 .ui-toolkit .pt-xs-0 { 26949 padding-top: 0px; 26950 } 26951 .ui-toolkit .pr-xs-0 { 26952 padding-right: 0px; 26953 } 26954 .ui-toolkit .pb-xs-0 { 26955 padding-bottom: 0px; 26956 } 26957 .ui-toolkit .pl-xs-0 { 26958 padding-left: 0px; 26959 } 26960 .ui-toolkit .p-xs-1 { 26961 padding: 6px; 26962 } 26963 .ui-toolkit .pt-xs-1 { 26964 padding-top: 6px; 26965 } 26966 .ui-toolkit .pr-xs-1 { 26967 padding-right: 6px; 26968 } 26969 .ui-toolkit .pb-xs-1 { 26970 padding-bottom: 6px; 26971 } 26972 .ui-toolkit .pl-xs-1 { 26973 padding-left: 6px; 26974 } 26975 .ui-toolkit .p-xs-2 { 26976 padding: 12px; 26977 } 26978 .ui-toolkit .pt-xs-2 { 26979 padding-top: 12px; 26980 } 26981 .ui-toolkit .pr-xs-2 { 26982 padding-right: 9px; 26983 } 26984 .ui-toolkit .pb-xs-2 { 26985 padding-bottom: 12px; 26986 } 26987 .ui-toolkit .pl-xs-2 { 26988 padding-left: 9px; 26989 } 26990 .ui-toolkit .p-xs-3 { 26991 padding: 18px; 26992 } 26993 .ui-toolkit .pt-xs-3 { 26994 padding-top: 18px; 26995 } 26996 .ui-toolkit .pr-xs-3 { 26997 padding-right: 18px; 26998 } 26999 .ui-toolkit .pb-xs-3 { 27000 padding-bottom: 18px; 27001 } 27002 .ui-toolkit .pl-xs-3 { 27003 padding-left: 18px; 27004 } 27005 .ui-toolkit .p-xs-4 { 27006 padding: 24px; 27007 } 27008 .ui-toolkit .pt-xs-4 { 27009 padding-top: 24px; 27010 } 27011 .ui-toolkit .pr-xs-4 { 27012 padding-right: 24px; 27013 } 27014 .ui-toolkit .pb-xs-4 { 27015 padding-bottom: 24px; 27016 } 27017 .ui-toolkit .pl-xs-4 { 27018 padding-left: 24px; 27019 } 27020 .ui-toolkit .p-xs-5 { 27021 padding: 30px; 27022 } 27023 .ui-toolkit .pt-xs-5 { 27024 padding-top: 30px; 27025 } 27026 .ui-toolkit .pr-xs-5 { 27027 padding-right: 30px; 27028 } 27029 .ui-toolkit .pb-xs-5 { 27030 padding-bottom: 30px; 27031 } 27032 .ui-toolkit .pl-xs-5 { 27033 padding-left: 30px; 27034 } 27035 .ui-toolkit .p-xs-6 { 27036 padding: 36px; 27037 } 27038 .ui-toolkit .pt-xs-6 { 27039 padding-top: 36px; 27040 } 27041 .ui-toolkit .pr-xs-6 { 27042 padding-right: 36px; 27043 } 27044 .ui-toolkit .pb-xs-6 { 27045 padding-bottom: 36px; 27046 } 27047 .ui-toolkit .pl-xs-6 { 27048 padding-left: 36px; 27049 } 27050 .ui-toolkit .p-xs-7 { 27051 padding: 42px; 27052 } 27053 .ui-toolkit .pt-xs-7 { 27054 padding-top: 42px; 27055 } 27056 .ui-toolkit .pr-xs-7 { 27057 padding-right: 42px; 27058 } 27059 .ui-toolkit .pb-xs-7 { 27060 padding-bottom: 42px; 27061 } 27062 .ui-toolkit .pl-xs-7 { 27063 padding-left: 42px; 27064 } 27065 .ui-toolkit .p-xs-8 { 27066 padding: 48px; 27067 } 27068 .ui-toolkit .pt-xs-8 { 27069 padding-top: 48px; 27070 } 27071 .ui-toolkit .pr-xs-8 { 27072 padding-right: 48px; 27073 } 27074 .ui-toolkit .pb-xs-8 { 27075 padding-bottom: 48px; 27076 } 27077 .ui-toolkit .pl-xs-8 { 27078 padding-left: 48px; 27079 } 27080} 27081 27082@media only screen and (min-width: 480px) { 27083 .ui-toolkit .p-sm-0 { 27084 padding: 0px; 27085 } 27086 .ui-toolkit .pt-sm-0 { 27087 padding-top: 0px; 27088 } 27089 .ui-toolkit .pr-sm-0 { 27090 padding-right: 0px; 27091 } 27092 .ui-toolkit .pb-sm-0 { 27093 padding-bottom: 0px; 27094 } 27095 .ui-toolkit .pl-sm-0 { 27096 padding-left: 0px; 27097 } 27098 .ui-toolkit .p-sm-1 { 27099 padding: 6px; 27100 } 27101 .ui-toolkit .pt-sm-1 { 27102 padding-top: 6px; 27103 } 27104 .ui-toolkit .pr-sm-1 { 27105 padding-right: 6px; 27106 } 27107 .ui-toolkit .pb-sm-1 { 27108 padding-bottom: 6px; 27109 } 27110 .ui-toolkit .pl-sm-1 { 27111 padding-left: 6px; 27112 } 27113 .ui-toolkit .p-sm-2 { 27114 padding: 12px; 27115 } 27116 .ui-toolkit .pt-sm-2 { 27117 padding-top: 12px; 27118 } 27119 .ui-toolkit .pr-sm-2 { 27120 padding-right: 12px; 27121 } 27122 .ui-toolkit .pb-sm-2 { 27123 padding-bottom: 12px; 27124 } 27125 .ui-toolkit .pl-sm-2 { 27126 padding-left: 12px; 27127 } 27128 .ui-toolkit .p-sm-3 { 27129 padding: 18px; 27130 } 27131 .ui-toolkit .pt-sm-3 { 27132 padding-top: 18px; 27133 } 27134 .ui-toolkit .pr-sm-3 { 27135 padding-right: 18px; 27136 } 27137 .ui-toolkit .pb-sm-3 { 27138 padding-bottom: 18px; 27139 } 27140 .ui-toolkit .pl-sm-3 { 27141 padding-left: 18px; 27142 } 27143 .ui-toolkit .p-sm-4 { 27144 padding: 24px; 27145 } 27146 .ui-toolkit .pt-sm-4 { 27147 padding-top: 24px; 27148 } 27149 .ui-toolkit .pr-sm-4 { 27150 padding-right: 24px; 27151 } 27152 .ui-toolkit .pb-sm-4 { 27153 padding-bottom: 24px; 27154 } 27155 .ui-toolkit .pl-sm-4 { 27156 padding-left: 24px; 27157 } 27158 .ui-toolkit .p-sm-5 { 27159 padding: 30px; 27160 } 27161 .ui-toolkit .pt-sm-5 { 27162 padding-top: 30px; 27163 } 27164 .ui-toolkit .pr-sm-5 { 27165 padding-right: 30px; 27166 } 27167 .ui-toolkit .pb-sm-5 { 27168 padding-bottom: 30px; 27169 } 27170 .ui-toolkit .pl-sm-5 { 27171 padding-left: 30px; 27172 } 27173 .ui-toolkit .p-sm-6 { 27174 padding: 36px; 27175 } 27176 .ui-toolkit .pt-sm-6 { 27177 padding-top: 36px; 27178 } 27179 .ui-toolkit .pr-sm-6 { 27180 padding-right: 36px; 27181 } 27182 .ui-toolkit .pb-sm-6 { 27183 padding-bottom: 36px; 27184 } 27185 .ui-toolkit .pl-sm-6 { 27186 padding-left: 36px; 27187 } 27188 .ui-toolkit .p-sm-7 { 27189 padding: 42px; 27190 } 27191 .ui-toolkit .pt-sm-7 { 27192 padding-top: 42px; 27193 } 27194 .ui-toolkit .pr-sm-7 { 27195 padding-right: 42px; 27196 } 27197 .ui-toolkit .pb-sm-7 { 27198 padding-bottom: 42px; 27199 } 27200 .ui-toolkit .pl-sm-7 { 27201 padding-left: 42px; 27202 } 27203 .ui-toolkit .p-sm-8 { 27204 padding: 48px; 27205 } 27206 .ui-toolkit .pt-sm-8 { 27207 padding-top: 48px; 27208 } 27209 .ui-toolkit .pr-sm-8 { 27210 padding-right: 48px; 27211 } 27212 .ui-toolkit .pb-sm-8 { 27213 padding-bottom: 48px; 27214 } 27215 .ui-toolkit .pl-sm-8 { 27216 padding-left: 48px; 27217 } 27218} 27219 27220@media only screen and (min-width: 640px) { 27221 .ui-toolkit .p-md-0 { 27222 padding: 0px; 27223 } 27224 .ui-toolkit .pt-md-0 { 27225 padding-top: 0px; 27226 } 27227 .ui-toolkit .pr-md-0 { 27228 padding-right: 0px; 27229 } 27230 .ui-toolkit .pb-md-0 { 27231 padding-bottom: 0px; 27232 } 27233 .ui-toolkit .pl-md-0 { 27234 padding-left: 0px; 27235 } 27236 .ui-toolkit .p-md-1 { 27237 padding: 6px; 27238 } 27239 .ui-toolkit .pt-md-1 { 27240 padding-top: 6px; 27241 } 27242 .ui-toolkit .pr-md-1 { 27243 padding-right: 6px; 27244 } 27245 .ui-toolkit .pb-md-1 { 27246 padding-bottom: 6px; 27247 } 27248 .ui-toolkit .pl-md-1 { 27249 padding-left: 6px; 27250 } 27251 .ui-toolkit .p-md-2 { 27252 padding: 12px; 27253 } 27254 .ui-toolkit .pt-md-2 { 27255 padding-top: 12px; 27256 } 27257 .ui-toolkit .pr-md-2 { 27258 padding-right: 12px; 27259 } 27260 .ui-toolkit .pb-md-2 { 27261 padding-bottom: 12px; 27262 } 27263 .ui-toolkit .pl-md-2 { 27264 padding-left: 12px; 27265 } 27266 .ui-toolkit .p-md-3 { 27267 padding: 18px; 27268 } 27269 .ui-toolkit .pt-md-3 { 27270 padding-top: 18px; 27271 } 27272 .ui-toolkit .pr-md-3 { 27273 padding-right: 18px; 27274 } 27275 .ui-toolkit .pb-md-3 { 27276 padding-bottom: 18px; 27277 } 27278 .ui-toolkit .pl-md-3 { 27279 padding-left: 18px; 27280 } 27281 .ui-toolkit .p-md-4 { 27282 padding: 24px; 27283 } 27284 .ui-toolkit .pt-md-4 { 27285 padding-top: 24px; 27286 } 27287 .ui-toolkit .pr-md-4 { 27288 padding-right: 24px; 27289 } 27290 .ui-toolkit .pb-md-4 { 27291 padding-bottom: 24px; 27292 } 27293 .ui-toolkit .pl-md-4 { 27294 padding-left: 24px; 27295 } 27296 .ui-toolkit .p-md-5 { 27297 padding: 30px; 27298 } 27299 .ui-toolkit .pt-md-5 { 27300 padding-top: 30px; 27301 } 27302 .ui-toolkit .pr-md-5 { 27303 padding-right: 30px; 27304 } 27305 .ui-toolkit .pb-md-5 { 27306 padding-bottom: 30px; 27307 } 27308 .ui-toolkit .pl-md-5 { 27309 padding-left: 30px; 27310 } 27311 .ui-toolkit .p-md-6 { 27312 padding: 36px; 27313 } 27314 .ui-toolkit .pt-md-6 { 27315 padding-top: 36px; 27316 } 27317 .ui-toolkit .pr-md-6 { 27318 padding-right: 36px; 27319 } 27320 .ui-toolkit .pb-md-6 { 27321 padding-bottom: 36px; 27322 } 27323 .ui-toolkit .pl-md-6 { 27324 padding-left: 36px; 27325 } 27326 .ui-toolkit .p-md-7 { 27327 padding: 42px; 27328 } 27329 .ui-toolkit .pt-md-7 { 27330 padding-top: 42px; 27331 } 27332 .ui-toolkit .pr-md-7 { 27333 padding-right: 42px; 27334 } 27335 .ui-toolkit .pb-md-7 { 27336 padding-bottom: 42px; 27337 } 27338 .ui-toolkit .pl-md-7 { 27339 padding-left: 42px; 27340 } 27341 .ui-toolkit .p-md-8 { 27342 padding: 48px; 27343 } 27344 .ui-toolkit .pt-md-8 { 27345 padding-top: 48px; 27346 } 27347 .ui-toolkit .pr-md-8 { 27348 padding-right: 48px; 27349 } 27350 .ui-toolkit .pb-md-8 { 27351 padding-bottom: 48px; 27352 } 27353 .ui-toolkit .pl-md-8 { 27354 padding-left: 48px; 27355 } 27356} 27357 27358@media only screen and (min-width: 900px) { 27359 .ui-toolkit .p-lg-0 { 27360 padding: 0px; 27361 } 27362 .ui-toolkit .pt-lg-0 { 27363 padding-top: 0px; 27364 } 27365 .ui-toolkit .pr-lg-0 { 27366 padding-right: 0px; 27367 } 27368 .ui-toolkit .pb-lg-0 { 27369 padding-bottom: 0px; 27370 } 27371 .ui-toolkit .pl-lg-0 { 27372 padding-left: 0px; 27373 } 27374 .ui-toolkit .p-lg-1 { 27375 padding: 6px; 27376 } 27377 .ui-toolkit .pt-lg-1 { 27378 padding-top: 6px; 27379 } 27380 .ui-toolkit .pr-lg-1 { 27381 padding-right: 6px; 27382 } 27383 .ui-toolkit .pb-lg-1 { 27384 padding-bottom: 6px; 27385 } 27386 .ui-toolkit .pl-lg-1 { 27387 padding-left: 6px; 27388 } 27389 .ui-toolkit .p-lg-2 { 27390 padding: 12px; 27391 } 27392 .ui-toolkit .pt-lg-2 { 27393 padding-top: 12px; 27394 } 27395 .ui-toolkit .pr-lg-2 { 27396 padding-right: 12px; 27397 } 27398 .ui-toolkit .pb-lg-2 { 27399 padding-bottom: 12px; 27400 } 27401 .ui-toolkit .pl-lg-2 { 27402 padding-left: 12px; 27403 } 27404 .ui-toolkit .p-lg-3 { 27405 padding: 18px; 27406 } 27407 .ui-toolkit .pt-lg-3 { 27408 padding-top: 18px; 27409 } 27410 .ui-toolkit .pr-lg-3 { 27411 padding-right: 18px; 27412 } 27413 .ui-toolkit .pb-lg-3 { 27414 padding-bottom: 18px; 27415 } 27416 .ui-toolkit .pl-lg-3 { 27417 padding-left: 18px; 27418 } 27419 .ui-toolkit .p-lg-4 { 27420 padding: 24px; 27421 } 27422 .ui-toolkit .pt-lg-4 { 27423 padding-top: 24px; 27424 } 27425 .ui-toolkit .pr-lg-4 { 27426 padding-right: 24px; 27427 } 27428 .ui-toolkit .pb-lg-4 { 27429 padding-bottom: 24px; 27430 } 27431 .ui-toolkit .pl-lg-4 { 27432 padding-left: 24px; 27433 } 27434 .ui-toolkit .p-lg-5 { 27435 padding: 30px; 27436 } 27437 .ui-toolkit .pt-lg-5 { 27438 padding-top: 30px; 27439 } 27440 .ui-toolkit .pr-lg-5 { 27441 padding-right: 30px; 27442 } 27443 .ui-toolkit .pb-lg-5 { 27444 padding-bottom: 30px; 27445 } 27446 .ui-toolkit .pl-lg-5 { 27447 padding-left: 30px; 27448 } 27449 .ui-toolkit .p-lg-6 { 27450 padding: 36px; 27451 } 27452 .ui-toolkit .pt-lg-6 { 27453 padding-top: 36px; 27454 } 27455 .ui-toolkit .pr-lg-6 { 27456 padding-right: 36px; 27457 } 27458 .ui-toolkit .pb-lg-6 { 27459 padding-bottom: 36px; 27460 } 27461 .ui-toolkit .pl-lg-6 { 27462 padding-left: 36px; 27463 } 27464 .ui-toolkit .p-lg-7 { 27465 padding: 42px; 27466 } 27467 .ui-toolkit .pt-lg-7 { 27468 padding-top: 42px; 27469 } 27470 .ui-toolkit .pr-lg-7 { 27471 padding-right: 42px; 27472 } 27473 .ui-toolkit .pb-lg-7 { 27474 padding-bottom: 42px; 27475 } 27476 .ui-toolkit .pl-lg-7 { 27477 padding-left: 42px; 27478 } 27479 .ui-toolkit .p-lg-8 { 27480 padding: 48px; 27481 } 27482 .ui-toolkit .pt-lg-8 { 27483 padding-top: 48px; 27484 } 27485 .ui-toolkit .pr-lg-8 { 27486 padding-right: 48px; 27487 } 27488 .ui-toolkit .pb-lg-8 { 27489 padding-bottom: 48px; 27490 } 27491 .ui-toolkit .pl-lg-8 { 27492 padding-left: 48px; 27493 } 27494} 27495 27496@media only screen and (min-width: 1200px) { 27497 .ui-toolkit .p-xl-0 { 27498 padding: 0px; 27499 } 27500 .ui-toolkit .pt-xl-0 { 27501 padding-top: 0px; 27502 } 27503 .ui-toolkit .pr-xl-0 { 27504 padding-right: 0px; 27505 } 27506 .ui-toolkit .pb-xl-0 { 27507 padding-bottom: 0px; 27508 } 27509 .ui-toolkit .pl-xl-0 { 27510 padding-left: 0px; 27511 } 27512 .ui-toolkit .p-xl-1 { 27513 padding: 6px; 27514 } 27515 .ui-toolkit .pt-xl-1 { 27516 padding-top: 6px; 27517 } 27518 .ui-toolkit .pr-xl-1 { 27519 padding-right: 6px; 27520 } 27521 .ui-toolkit .pb-xl-1 { 27522 padding-bottom: 6px; 27523 } 27524 .ui-toolkit .pl-xl-1 { 27525 padding-left: 6px; 27526 } 27527 .ui-toolkit .p-xl-2 { 27528 padding: 12px; 27529 } 27530 .ui-toolkit .pt-xl-2 { 27531 padding-top: 12px; 27532 } 27533 .ui-toolkit .pr-xl-2 { 27534 padding-right: 12px; 27535 } 27536 .ui-toolkit .pb-xl-2 { 27537 padding-bottom: 12px; 27538 } 27539 .ui-toolkit .pl-xl-2 { 27540 padding-left: 12px; 27541 } 27542 .ui-toolkit .p-xl-3 { 27543 padding: 18px; 27544 } 27545 .ui-toolkit .pt-xl-3 { 27546 padding-top: 18px; 27547 } 27548 .ui-toolkit .pr-xl-3 { 27549 padding-right: 18px; 27550 } 27551 .ui-toolkit .pb-xl-3 { 27552 padding-bottom: 18px; 27553 } 27554 .ui-toolkit .pl-xl-3 { 27555 padding-left: 18px; 27556 } 27557 .ui-toolkit .p-xl-4 { 27558 padding: 24px; 27559 } 27560 .ui-toolkit .pt-xl-4 { 27561 padding-top: 24px; 27562 } 27563 .ui-toolkit .pr-xl-4 { 27564 padding-right: 24px; 27565 } 27566 .ui-toolkit .pb-xl-4 { 27567 padding-bottom: 24px; 27568 } 27569 .ui-toolkit .pl-xl-4 { 27570 padding-left: 24px; 27571 } 27572 .ui-toolkit .p-xl-5 { 27573 padding: 30px; 27574 } 27575 .ui-toolkit .pt-xl-5 { 27576 padding-top: 30px; 27577 } 27578 .ui-toolkit .pr-xl-5 { 27579 padding-right: 30px; 27580 } 27581 .ui-toolkit .pb-xl-5 { 27582 padding-bottom: 30px; 27583 } 27584 .ui-toolkit .pl-xl-5 { 27585 padding-left: 30px; 27586 } 27587 .ui-toolkit .p-xl-6 { 27588 padding: 36px; 27589 } 27590 .ui-toolkit .pt-xl-6 { 27591 padding-top: 36px; 27592 } 27593 .ui-toolkit .pr-xl-6 { 27594 padding-right: 36px; 27595 } 27596 .ui-toolkit .pb-xl-6 { 27597 padding-bottom: 36px; 27598 } 27599 .ui-toolkit .pl-xl-6 { 27600 padding-left: 36px; 27601 } 27602 .ui-toolkit .p-xl-7 { 27603 padding: 42px; 27604 } 27605 .ui-toolkit .pt-xl-7 { 27606 padding-top: 42px; 27607 } 27608 .ui-toolkit .pr-xl-7 { 27609 padding-right: 42px; 27610 } 27611 .ui-toolkit .pb-xl-7 { 27612 padding-bottom: 42px; 27613 } 27614 .ui-toolkit .pl-xl-7 { 27615 padding-left: 42px; 27616 } 27617 .ui-toolkit .p-xl-8 { 27618 padding: 48px; 27619 } 27620 .ui-toolkit .pt-xl-8 { 27621 padding-top: 48px; 27622 } 27623 .ui-toolkit .pr-xl-8 { 27624 padding-right: 48px; 27625 } 27626 .ui-toolkit .pb-xl-8 { 27627 padding-bottom: 48px; 27628 } 27629 .ui-toolkit .pl-xl-8 { 27630 padding-left: 48px; 27631 } 27632} 27633 27634@media only screen and (min-width: 1400px) { 27635 .ui-toolkit .p-tv-0 { 27636 padding: 0px; 27637 } 27638 .ui-toolkit .pt-tv-0 { 27639 padding-top: 0px; 27640 } 27641 .ui-toolkit .pr-tv-0 { 27642 padding-right: 0px; 27643 } 27644 .ui-toolkit .pb-tv-0 { 27645 padding-bottom: 0px; 27646 } 27647 .ui-toolkit .pl-tv-0 { 27648 padding-left: 0px; 27649 } 27650 .ui-toolkit .p-tv-1 { 27651 padding: 6px; 27652 } 27653 .ui-toolkit .pt-tv-1 { 27654 padding-top: 6px; 27655 } 27656 .ui-toolkit .pr-tv-1 { 27657 padding-right: 6px; 27658 } 27659 .
27659ui-toolkit .pb-tv-1 { 27660 padding-bottom: 6px; 27661 } 27662 .ui-toolkit .pl-tv-1 { 27663 padding-left: 6px; 27664 } 27665 .ui-toolkit .p-tv-2 { 27666 padding: 12px; 27667 } 27668 .ui-toolkit .pt-tv-2 { 27669 padding-top: 12px; 27670 } 27671 .ui-toolkit .pr-tv-2 { 27672 padding-right: 12px; 27673 } 27674 .ui-toolkit .pb-tv-2 { 27675 padding-bottom: 12px; 27676 } 27677 .ui-toolkit .pl-tv-2 { 27678 padding-left: 12px; 27679 } 27680 .ui-toolkit .p-tv-3 { 27681 padding: 18px; 27682 } 27683 .ui-toolkit .pt-tv-3 { 27684 padding-top: 18px; 27685 } 27686 .ui-toolkit .pr-tv-3 { 27687 padding-right: 18px; 27688 } 27689 .ui-toolkit .pb-tv-3 { 27690 padding-bottom: 18px; 27691 } 27692 .ui-toolkit .pl-tv-3 { 27693 padding-left: 18px; 27694 } 27695 .ui-toolkit .p-tv-4 { 27696 padding: 24px; 27697 } 27698 .ui-toolkit .pt-tv-4 { 27699 padding-top: 24px; 27700 } 27701 .ui-toolkit .pr-tv-4 { 27702 padding-right: 24px; 27703 } 27704 .ui-toolkit .pb-tv-4 { 27705 padding-bottom: 24px; 27706 } 27707 .ui-toolkit .pl-tv-4 { 27708 padding-left: 24px; 27709 } 27710 .ui-toolkit .p-tv-5 { 27711 padding: 30px; 27712 } 27713 .ui-toolkit .pt-tv-5 { 27714 padding-top: 30px; 27715 } 27716 .ui-toolkit .pr-tv-5 { 27717 padding-right: 30px; 27718 } 27719 .ui-toolkit .pb-tv-5 { 27720 padding-bottom: 30px; 27721 } 27722 .ui-toolkit .pl-tv-5 { 27723 padding-left: 30px; 27724 } 27725 .ui-toolkit .p-tv-6 { 27726 padding: 36px; 27727 } 27728 .ui-toolkit .pt-tv-6 { 27729 padding-top: 36px; 27730 } 27731 .ui-toolkit .pr-tv-6 { 27732 padding-right: 36px; 27733 } 27734 .ui-toolkit .pb-tv-6 { 27735 padding-bottom: 36px; 27736 } 27737 .ui-toolkit .pl-tv-6 { 27738 padding-left: 36px; 27739 } 27740 .ui-toolkit .p-tv-7 { 27741 padding: 42px; 27742 } 27743 .ui-toolkit .pt-tv-7 { 27744 padding-top: 42px; 27745 } 27746 .ui-toolkit .pr-tv-7 { 27747 padding-right: 42px; 27748 } 27749 .ui-toolkit .pb-tv-7 { 27750 padding-bottom: 42px; 27751 } 27752 .ui-toolkit .pl-tv-7 { 27753 padding-left: 42px; 27754 } 27755 .ui-toolkit .p-tv-8 { 27756 padding: 48px; 27757 } 27758 .ui-toolkit .pt-tv-8 { 27759 padding-top: 48px; 27760 } 27761 .ui-toolkit .pr-tv-8 { 27762 padding-right: 48px; 27763 } 27764 .ui-toolkit .pb-tv-8 { 27765 padding-bottom: 48px; 27766 } 27767 .ui-toolkit .pl-tv-8 { 27768 padding-left: 48px; 27769 } 27770} 27771 27772.ui-toolkit .position-static { 27773 position: static; 27774} 27775 27776.ui-toolkit .position-relative { 27777 position: relative; 27778} 27779 27780.ui-toolkit .position-absolute { 27781 position: absolute; 27782} 27783 27784.ui-toolkit .position-fixed { 27785 position: fixed; 27786 z-index: 70; 27787} 27788 27789.ui-toolkit .position-offscreen { 27790 position: fixed; 27791 top: -1000px; 27792 width: -1000px; 27793} 27794 27795.ui-toolkit .position-top { 27796 top: 0; 27797} 27798 27799.ui-toolkit .position-right { 27800 right: 0; 27801} 27802 27803.ui-toolkit .position-bottom { 27804 bottom: 0; 27805} 27806 27807.ui-toolkit .position-left { 27808 left: 0; 27809} 27810 27811.ui-toolkit .vertical-align-top { 27812 vertical-align: top; 27813} 27814 27815.ui-toolkit .vertical-align-middle { 27816 vertical-align: middle; 27817} 27818 27819.ui-toolkit .vertical-align-bottom { 27820 vertical-align: bottom; 27821} 27822 27823.ui-toolkit .align-with-btn { 27824 display: table-cell; 27825 height: 38px; 27826 vertical-align: middle; 27827} 27828 27829.ui-toolkit .align-with-btn-small { 27830 display: table-cell; 27831 height: 28px; 27832 vertical-align: middle; 27833} 27834 27835.ui-toolkit .scrollable { 27836 overflow-y: scroll; 27837} 27838 27839.ui-toolkit .scrollable::-webkit-scrollbar {
27840 -webkit-appearance: none; 27841 width: 14px; 27842} 27843 27844.ui-toolkit .scrollable::-webkit-scrollbar-thumb { 27845 background-color: rgba(0, 0, 0, 0.4); 27846 border: 4px solid rgba(255, 255, 255, 0); 27847 border-radius: 8px; 27848 background-clip: padding-box; 27849} 27850 27851.ui-toolkit .scrollable::-webkit-scrollbar-track-piece { 27852 background-color: transparent; 27853} 27854 27855.ui-toolkit .QSISlider .scrollable { 27856 overflow-y: visible; 27857} 27858 27859.ui-toolkit .video-container { 27860 position: relative; 27861 padding-bottom: 56.25%; 27862 padding-top: 30px; 27863 height: 0; 27864 overflow: hidden; 27865} 27866 27867.ui-toolkit .video-container iframe, 27868.ui-toolkit .video-container object, 27869.ui-toolkit .video-container video { 27870 position: absolute; 27871 top: 0; 27872 left: 0; 27873 width: 100%; 27874 height: 100%; 27875} 27876 27877.ui-toolkit .video-container-vimeo { 27878 padding-bottom: 53%; 27879 padding-top: 3%; 27880} 27881 27882.ui-toolkit .is-selected:hover { 27883 cursor: default; 27884 text-decoration: none; 27885} 27886 27887.ui-toolkit .is-selected .selected-color, 27888.ui-toolkit .is-selected .selected-color:hover { 27889 color: #222; 27890} 27891 27892.ui-toolkit .width-auto { 27893 width: auto; 27894} 27895 27896.ui-toolkit .width-half { 27897 width: 50%; 27898} 27899 27900.ui-toolkit .width-full { 27901 width: 100%; 27902} 27903 27904.ui-toolkit .width-three-quarters { 27905 width: 75%; 27906} 27907 27908.ui-toolkit .width-one-quarter { 27909 width: 25%; 27910} 27911 27912.ui-toolkit .width-25px { 27913 width: 25px; 27914} 27915 27916.ui-toolkit .width-50px { 27917 width: 50px; 27918} 27919 27920.ui-toolkit .width-75px { 27921 width: 75px; 27922} 27923 27924.ui-toolkit .width-100px { 27925 width: 100px; 27926} 27927 27928.ui-toolkit .width-170px { 27929 width: 170px; 27930} 27931 27932.ui-toolkit .height-auto { 27933 height: auto; 27934} 27935 27936.ui-toolkit .height-half { 27937 height: 50%; 27938} 27939 27940.ui-toolkit .height-full { 27941 height: 100%; 27942} 27943 27944.ui-toolkit .height-25px { 27945 height: 25px; 27946} 27947 27948.ui-toolkit .height-50px { 27949 height: 50px; 27950} 27951 27952.ui-toolkit .height-75px { 27953 height: 75px; 27954} 27955 27956.ui-toolkit .height-100px { 27957 height: 100px; 27958} 27959 27960.ui-toolkit .height-135px { 27961 height: 135px; 27962} 27963 27964.ui-toolkit .max-width-full { 27965 max-width: 100%; 27966} 27967 27968.ui-toolkit .z-index-0 { 27969 z-index: 0; 27970} 27971 27972.ui-toolkit .z-index-1 { 27973 z-index: 10; 27974} 27975 27976.ui-toolkit .z-index-2 { 27977 z-index: 20; 27978} 27979 27980.ui-toolkit .z-index-3 { 27981 z-index: 30; 27982} 27983 27984.ui-toolkit .z-index-4 { 27985 z-index: 40; 27986} 27987 27988.ui-toolkit .z-index-5 { 27989 z-index: 50; 27990} 27991 27992.ui-toolkit .z-index-6 { 27993 z-index: 60; 27994} 27995 27996.ui-toolkit .z-index-7 { 27997 z-index: 70; 27998} 27999 28000.ui-toolkit .z-index-8 { 28001 z-index: 80; 28002} 28003 28004.ui-toolkit .z-index-9 { 28005 z-index: 90; 28006} 28007 28008.ui-toolkit .z-index-10 { 28009 z-index: 100; 28010} 28011 28012.ui-toolkit .login-registration-form { 28013 padding: 20px 53px; 28014 overflow: hidden; 28015} 28016 28017.ui-toolkit .login-registration-form hr { 28018 background-color: #e1e1df; 28019 color: #e1e1df; 28020 border: 0; 28021 height: 1px; 28022 margin: 14px 0; 28023 clear: both; 28024} 28025 28026.ui-toolkit .login-registration-form input.text { 28027 line-height: 16px; 28028 color: #333; 28029 font-size: 12px; 28030 margin: 0 0 0.2em 0; 28031 padding: 6px; 28032 width: 218px; 28033 border: 1px solid #c2c2c2; 28034 border-right: 1px solid #e6e6e6; 28035 border-bottom: 1px solid #e6e6e6; 28036 display: block; 28037} 28038 28039.ui-toolkit .login-registration-form input.text:focus { 28040 color: #000; 28041 border: 1px solid #666; 28042 border-right: 1px solid #999; 28043 border-bottom: 1px solid #999; 28044} 28045 28046.ui-toolkit .login-registration-form label { 28047 display: block; 28048 margin-top: 8px; 28049 margin-bottom: 4px; 28050 clear: left; 28051} 28052 28053.ui-toolkit .login-registration-form .input-group { 28054 clear: both; 28055} 28056 28057.ui-toolkit .login-registration-form .inline-group { 28058 margin-top: 10px; 28059} 28060 28061.ui-toolkit .login-registration-form .inline-group label { 28062 display: inline-block; 28063 margin-right: 8px; 28064 margin-top: 0; 28065} 28066 28067.ui-toolkit .login-registration-form #email_marketing_opt_in_consent_message { 28068 width: 202px; 28069 font-size: 12px; 28070} 28071 28072.ui-toolkit .login-registration-form .email_marketing-group label { 28073 width: 210px; 28074} 28075 28076.ui-toolkit .login-registration-form .inline-group input { 28077 margin-right: 2px; 28078} 28079 28080.ui-toolkit .login-registration-form .forgot-password a { 28081 color: #222; 28082} 28083 28084.ui-toolkit .login-registration-form .fineprint { 28085 color: #999; 28086 font-size: 11px; 28087 margin: 12px 0 5px; 28088} 28089 28090.ui-toolkit .login-registration-form .submit { 28091 margin: 0 0 14px 0; 28092 padding: 10px 0 0; 28093} 28094 28095.ui-toolkit .login-registration-form .inline-notice, 28096.ui-toolkit .login-registration-form .first-name-disclaimer { 28097 clear: none; 28098 float: right; 28099 width: 215px; 28100 line-height: 16px; 28101} 28102 28103.ui-toolkit .login-registration-form .inline-notice { 28104 color: #939393; 28105 border: 1px solid #fff; 28106 background: #fff; 28107 padding: 0 8px; 28108 margin-top: -3px; 28109} 28110 28111.ui-toolkit .login-registration-form .inline-disclaimer-message, 28112.ui-toolkit .login-registration-form .inline-input-error-message { 28113 clear: none; 28114 float: right; 28115 width: 215px; 28116 line-height: 16px; 28117} 28118 28119.ui-toolkit .login-registration-form .inline-disclaimer-message { 28120 display: none; 28121 color: #939393; 28122 border: 1px solid #fff; 28123 background: #fff; 28124 padding: 0 8px; 28125 margin-top: -3px; 28126} 28127 28128.ui-toolkit .login-registration-form .inline-input-error-message { 28129 border: 1px solid #ffc0cb; 28130 background: #ffeeee; 28131 color: #a80308;
28132 display: none; 28133 padding: 6px 8px 5px 8px; 28134} 28135 28136.ui-toolkit .form-container .login-registration-form .inline-notice, 28137.ui-toolkit .form-container .login-registration-form .first-name-disclaimer, 28138.ui-toolkit .form-container .login-registration-form .inline-disclaimer-message, 28139.ui-toolkit .form-container .login-registration-form .inline-input-error-message { 28140 width: 285px; 28141} 28142 28143.ui-toolkit .login-registration-form .input-group-error label { 28144 color: #a80308; 28145} 28146 28147.ui-toolkit .login-registration-form .input-group-error .text, 28148.ui-toolkit .login-registration-form .input-group-error .text:focus { 28149 border-color: #a80308; 28150} 28151 28152.ui-toolkit .login-registration-form .spinner-small { 28153 display: none; 28154 margin-left: 1em; 28155 vertical-align: middle; 28156} 28157 28158.ui-toolkit .login-registration-form .message-container-connections.msg { 28159 padding: 3px; 28160} 28161 28162.ui-toolkit .login-registration-form .message-container-connections.msg h3 { 28163 font-weight: normal; 28164 font-size: 12px; 28165 margin: 0; 28166 padding: 8px 14px; 28167 border-radius: 5px; 28168 line-height: 18px; 28169} 28170 28171.ui-toolkit .login-registration-form .message-container-connections.msg strong { 28172 color: #333; 28173 font-weight: bold; 28174} 28175 28176.ui-toolkit .login-registration-form .message-container-connections.msg h3 a { 28177 font-weight: bold; 28178} 28179 28180.ui-toolkit #valid-email-disclaimer { 28181 color: #333; 28182 display: none; 28183} 28184 28185.ui-toolkit .suggested-username-tip { 28186 margin: -6px 0 10px 135px; 28187 background-color: #FFFFFF; 28188 display: none; 28189 border-radius: 3px 3px 3px 3px; 28190 border: 1px solid #DEDEDB; 28191 padding: 6px 8px 7px; 28192 position: relative; 28193 z-index: 2; 28194} 28195 28196.ui-toolkit .login-registration-form .suggested-username-tip { 28197 margin: 7px 0 10px 0; 28198} 28199 28200.ui-toolkit .suggested-username-alternatives-vis { 28201 display: inline; 28202 float: left; 28203} 28204 28205.ui-toolkit .suggested-username-tip .arrow { 28206 background: no-repeat scroll -47px 1px transparent; 28207 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAS1BMVEXZ2dn////Z2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnp6enq6urt7e309PT19fX+/v7///+Uf54gAAAAEnRSTlMAAAYbHk5RVI2Qq7G0t97h+fxNpkuAAAAB0klEQVR4Ab3NN5LCQAAAwdWe9+YO0P9fimpSCoIONPlUD+1u2rcsKt5/fkwnTfz/y2QSxHXNdBLETCdJzHSSxEwgTQTTyUQwnUwE08lEMJ1MBNPJRDCdTATTyMSvRDcvSRcziXQxk0gXM4l0MZNIFzOJdDETSBcz3yeRLmYS6WImkS5mEuliJpEuZhLpYiaRLmYS6WImkS5mCunidTNSRDcjRXQzUkQ3I1F0M9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjTQTzbUa6iGaki2JGuijmRrqopotsDhfRfB0vv6c9xcP3w3ATxWW4ieJGuiniiHQTxEg3RYx0E8TIvcxjYqSZID7GRLopYqSbIka6KWKkmyJGuilipJsiRoLpYqSYLkaK6WKkmC5GiulipJguRorpYqSYLkaK6WKkmC5GiulipJguRt42VXwaRGaqiGSmiUxmigikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIJJqJP4lAopkIpJuJQLqZCKSbiUC6mQikm4lAupkoJJuJRLKZSCSbIDpZz4lCngHEflyX8KZpFQAAAABJRU5ErkJggg=="); 28208 display: block; 28209 height: 9px; 28210 left: 7px; 28211 position: absolute; 28212 top: -9px; 28213 width: 20px; 28214 z-index: 3; 28215} 28216 28217.ui-toolkit .suggested-username-tip a, 28218.ui-toolkit .suggested-username-tip a:active, 28219.ui-toolkit .suggested-username-tip a:link, 28220.ui-toolkit .suggested-username-tip a:visited { 28221 background-color: #EEEEE9; 28222 border-radius: 10px 10px 10px 10px; 28223 color: #666; 28224 font-size: 11px; 28225 margin: 0 0 0 3px; 28226 outline: medium none; 28227 padding: 2px 6px 2px 7px; 28228 text-decoration: none; 28229} 28230 28231.ui-toolkit .suggested-username-tip a:hover { 28232 background-color: #DDDDD4; 28233 color: #333; 28234} 28235 28236.ui-toolkit .suggested-username-tip span { 28237 color: #666666; 28238 font-size: 11px; 28239} 28240 28241.ui-toolkit .overlay-connect-wrap { 28242 margin: 0 -53px; 28243 padding: 0 53px; 28244} 28245 28246.ui-toolkit .overlay-connect-wrap.signin-ov .button-large { 28247 margin: 0; 28248} 28249 28250.ui-toolkit .overlay-connect-wrap .btn-fb, 28251.ui-toolkit .overlay-connect-wrap .btn-google, 28252.ui-toolkit .connect-wrap .btn-fb, 28253.ui-toolkit .connect-wrap .btn-google { 28254 min-width: 210px; 28255} 28256 28257.ui-toolkit .overlay-connect-wrap p { 28258 margin: 0; 28259 font-size: 11px; 28260 color: #595959; 28261} 28262 28263.ui-toolkit .login-registration-form .or { 28264 height: 1px; 28265 margin: 18px -53px 24px; 28266 position: relative; 28267 background-color: #DADBD6; 28268} 28269 28270.ui-toolkit .login-registration-form .or span { 28271 background-color: #FFFFFF; 28272 font-size: 11px; 28273 font-weight: bold; 28274 left: 41px; 28275 letter-spacing: 0.1em; 28276 padding: 0 12px; 28277 position: absolute; 28278 text-transform: uppercase; 28279 top: -6px; 28280} 28281 28282.ui-toolkit .connect-container.spinning .spinner { 28283 display: inline-block; 28284} 28285 28286.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini { 28287 border-radius: 7px; 28288 -moz-border-radius: 7px; 28289 -webkit-border-radius: 7px; 28290} 28291 28292.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner { 28293 padding: 117px 12px 12px; 28294 background: url(/assets/dist/images/seamless-sharing/how-it-works-small.20170615210940.png) no-repeat 8px 8px; 28295} 28296 28297.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner p { 28298 width: 226px; 28299 white-space: normal; 28300 font-size: 12px !important; 28301 line-height: 17px; 28302} 28303 28304.ui-toolkit .seamless-sharing-overlay-wrap input { 28305 margin-right: 4px; 28306} 28307 28308.ui-toolkit #step-2-heading h2 { 28309 color: #333; 28310 display: block; 28311 font-size: 16px; 28312 line-height: 24px; 28313 margin-bottom: 18px; 28314} 28315 28316.ui-toolkit .external-acct-connected { 28317 min-width: 230px; 28318 position: relative; 28319 border: 1px solid #ECECEC; 28320 border-radius: 4px; 28321 display: inline-block; 28322 margin-bottom: 12px; 28323} 28324 28325.ui-toolkit .external-acct-connected .facebook-icon, 28326.ui-toolkit .external-acct-connected .google-icon { 28327 display: block; 28328 position: absolute; 28329 top: 5px; 28330 left: 5px; 28331 height: 30px; 28332 width: 30px; 28333 -moz-border-radius: 3px; 28334 -webkit-border-radius: 3px; 28335 border-radius: 3px; 28336} 28337 28338.ui-toolkit .external-acct-connected .facebook-icon { 28339 background: url(/assets/dist/images/sprites/connected-accounts-sprite.20170615210940.png) no-repeat scroll 2px 3px #3B5998; 28340} 28341 28342.ui-toolkit .external-acct-connected .google-icon { 28343 background: url(/assets/dist/images/google-signin.20170615210938.png); 28344 background-size: contain; 28345} 28346 28347.ui-toolkit .external-acct-connected .avatar { 28348 float: right; 28349} 28350 28351.ui-toolkit .external-acct-connected a.avatar { 28352 position: absolute; 28353 right: 0; 28354 top: 0; 28355} 28356 28357.ui-toolkit .external-acct-connected img { 28358 width: 40px; 28359 height: 40px; 28360 display: block; 28361 -moz-border-radius: 0 3px 3px 0; 28362 -webkit-border-radius: 0 3px 3px 0; 28363 border-radius: 0 3px 3px 0; 28364} 28365 28366.ui-toolkit .external-acct-connected .connected-msg {
28367 line-height: 14px; 28368 margin: 0 54px 0 45px; 28369 padding: 5px 0 0 0; 28370 white-space: nowrap; 28371} 28372 28373.ui-toolkit .external-acct-connected .connected-msg p, 28374.ui-toolkit .external-acct-connected.ov .connected-msg p { 28375 color: #999; 28376 margin: 0; 28377 font-size: 11px; 28378 line-height: 14px; 28379} 28380 28381.ui-toolkit .external-acct-name { 28382 font-weight: bold; 28383 color: #999; 28384 display: block; 28385} 28386 28387.ui-toolkit .external-acct-connected.ov { 28388 display: inline-block; 28389 margin: -6px 0 0px; 28390} 28391 28392.ui-toolkit .external-acct-connected.ov .facebook-icon, 28393.ui-toolkit .external-acct-connected.ov .google-icon { 28394 height: 25px; 28395 width: 25px; 28396} 28397 28398.ui-toolkit .external-acct-connected.ov .facebook-icon { 28399 background-position: 3px -88px; 28400} 28401 28402.ui-toolkit .external-acct-connected.ov img { 28403 width: 35px; 28404 height: 35px; 28405} 28406 28407.ui-toolkit .external-acct-connected.ov .connected-msg p { 28408 margin-top: 4px; 28409} 28410 28411.ui-toolkit .external-acct-connected.ov .connected-msg { 28412 margin: 0 48px 0 0; 28413 padding: 0 0 0 37px; 28414} 28415 28416.ui-toolkit .recaptcha-actions a, 28417.ui-toolkit .recaptcha-actions a img { 28418 display: block; 28419} 28420 28421.ui-toolkit #inline-overlay { 28422 color: #333; 28423 width: 580px; 28424 display: none; 28425} 28426 28427.ui-toolkit #inline-overlay .overlay-body { 28428 padding: 0; 28429} 28430 28431.ui-toolkit #inline-overlay .tabs { 28432 margin-bottom: 0; 28433} 28434 28435.ui-toolkit #inline-overlay .msg-copy { 28436 padding: 12px 0; 28437 background-color: #E9F6FC; 28438} 28439 28440.ui-toolkit #inline-overlay .submit { 28441 float: none; 28442} 28443 28444.ui-toolkit #inline-overlay .btn-primary { 28445 min-width: 232px; 28446} 28447 28448.ui-toolkit #inline-overlay .header-module { 28449 display: none; 28450} 28451 28452.ui-toolkit #inline-overlay.collect-email h1 { 28453 /*font-family: "Guardian-EgypTT";*/ 28454 font-weight: 500; 28455 font-size: 24px; 28456 margin-bottom: 8px; 28457} 28458 28459.ui-toolkit #inline-overlay.collect-email .login-registration-form { 28460 padding: 40px 50px; 28461} 28462 28463.ui-toolkit #inline-overlay.collect-email p { 28464 color: #666; 28465} 28466 28467.ui-toolkit #inline-overlay.collect-email .header-module { 28468 display: block; 28469 margin-bottom: 18px; 28470} 28471 28472.ui-toolkit #inline-overlay.collect-email ul.tabs, 28473.ui-toolkit #inline-overlay.collect-email .msg-embedded, 28474.ui-toolkit #inline-overlay.collect-email #step-2-heading { 28475 display: none; 28476} 28477 28478.ui-toolkit #inline-overlay.collect-email #register-tab-content .ext-acct, 28479.ui-toolkit #inline-overlay.collect-email #register-tab-content .message-container-connections, 28480.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .ext-acct, 28481.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .message-container-connections { 28482 display: none; 28483} 28484 28485.ui-toolkit #inline-overlay.overlay, 28486.ui-toolkit #locale-select-overlay.overlay, 28487.ui-toolkit #conversation-overlay.overlay, 28488.ui-toolkit #custom-order-overlay, 28489.ui-toolkit #notification-overlay { 28490 -moz-border-radius: 5px; 28491 -webkit-border-radius: 5px; 28492 border-radius: 5px; 28493 border: 1px solid rgba(0, 0, 0, 0.25); 28494 padding: 0; 28495 background-color: #FFF; 28496 box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); 28497 color: #222; 28498 display: none; 28499 z-index: 10000; 28500 text-align: left; 28501 font-size: 12px; 28502} 28503 28504.ui-toolkit #inline-overlay.overlay .msg-copy, 28505.ui-toolkit #locale-select-overlay.overlay .msg-copy, 28506.ui-toolkit #conversation-overlay.overlay .msg-copy, 28507.ui-toolkit #custom-order-overlay .msg-copy, 28508.ui-toolkit #notification-overlay .msg-copy { 28509 padding: 12px; 28510 background-color: #FFF3EE; 28511 margin: 19px 0px; 28512} 28513 28514.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-fb, 28515.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-google, 28516.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-fb, 28517.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-google, 28518.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-fb, 28519.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-google, 28520.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-fb, 28521.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-google, 28522.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-fb, 28523.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-google { 28524 min-width: 230px; 28525 margin-bottom: 8px; 28526} 28527 28528.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap p, 28529.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap p, 28530.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap p, 28531.ui-toolkit #custom-order-overlay .overlay-connect-wrap p, 28532.ui-toolkit #notification-overlay .overlay-connect-wrap p { 28533 font-size: 11px; 28534 color: #222; 28535} 28536 28537.ui-toolkit #inline-overlay.overlay .button-remove, 28538.ui-toolkit #locale-select-overlay.overlay .button-remove, 28539.ui-toolkit #conversation-overlay.overlay .button-remove, 28540.ui-toolkit #custom-order-overlay .button-remove, 28541.ui-toolkit #notification-overlay .button-remove { 28542 background: transparent url(/assets/dist/images/sprites/buttons-master.20170615210940.png) no-repeat 0 -1326px; 28543 display: block; 28544 width: 16px; 28545 height: 16px; 28546} 28547 28548.ui-toolkit #inline-overlay.overlay .button-remove.close, 28549.ui-toolkit #locale-select-overlay.overlay .button-remove.close, 28550.ui-toolkit #conversation-overlay.overlay .button-remove.close, 28551.ui-toolkit #custom-order-overlay .button-remove.close, 28552.ui-toolkit #notification-overlay .button-remove.close { 28553 cursor: pointer; 28554 position: absolute; 28555 right: 3px; 28556 top: 5px; 28557} 28558 28559.ui-toolkit #inline-overlay.overlay .button-remove span, 28560.ui-toolkit #locale-select-overlay.overlay .button-remove span, 28561.ui-toolkit #conversation-overlay.overlay .button-remove span, 28562.ui-toolkit #custom-order-overlay .button-remove span, 28563.ui-toolkit #notification-overlay .button-remove span { 28564 display: none; 28565} 28566 28567.ui-toolkit #inline-overlay.overlay .button-remove:hover, 28568.ui-toolkit #inline-overlay.overlay .button-remove.hover, 28569.ui-toolkit #locale-select-overlay.overlay .button-remove:hover, 28570.ui-toolkit #locale-select-overlay.overlay .button-remove.hover, 28571.ui-toolkit #conversation-overlay.overlay .button-remove:hover, 28572.ui-toolkit #conversation-overlay.overlay .button-remove.hover, 28573.ui-toolkit #custom-order-overlay .button-remove:hover, 28574.ui-toolkit #custom-order-overlay .button-remove.hover, 28575.ui-toolkit #notification-overlay .button-remove:hover, 28576.ui-toolkit #notification-overlay .button-remove.hover { 28577 background-position: -16px -1326px; 28578} 28579 28580.ui-toolkit #inline-overlay.overlay .button-remove:active, 28581.ui-toolkit #inline-overlay.overlay .button-remove.active, 28582.ui-toolkit #locale-select-overlay.overlay .button-remove:active, 28583.ui-toolkit #locale-select-overlay.overlay .button-remove.active, 28584.ui-toolkit #conversation-overlay.overlay .button-remove:active, 28585.ui-toolkit #conversation-overlay.overlay .button-remove.active, 28586.ui-toolkit #custom-order-overlay .button-remove:active, 28587.ui-toolkit #custom-order-overlay .button-remove.active, 28588.ui-toolkit #notification-overlay .button-remove:active, 28589.ui-toolkit #notification-overlay .button-remove.active { 28590 background-position: -32px -1326px; 28591} 28592 28593.ui-toolkit #inline-overlay.overlay .overlay-header, 28594.ui-toolkit #locale-select-overlay.overlay .overlay-header, 28595.ui-toolkit #conversation-overlay.overlay .overlay-header, 28596.ui-toolkit #custom-order-overlay .overlay-header, 28597.ui-toolkit #notification-overlay .overlay-header { 28598 border: 0 none; 28599 border-bottom: 1px solid #FBFBFA; 28600 background-color: #FAF9F5; 28601 padding: 17px 21px 16px; 28602 margin: 0; 28603 border-top: 1px solid white; 28604 -moz-border-radius: 5px 5px 0 0; 28605 -webkit-border-radius: 5px 5px 0 0; 28606 border-radius: 5px 5px 0 0; 28607} 28608 28609.ui-toolkit #inline-overlay.overlay .overlay-header h2, 28610.ui-toolkit #locale-select-overlay.overlay .overlay-header h2, 28611.ui-toolkit #conversation-overlay.overlay .overlay-header h2, 28612.ui-toolkit #custom-order-overlay .overlay-header h2, 28613.ui-toolkit #notification-overlay .overlay-header h2 { 28614 font-size: 21px; 28615 font-weight: normal;
28616 line-height: 26px; 28617 text-shadow: 0 1px 0 #FFF; 28618} 28619 28620.ui-toolkit #inline-overlay.overlay .overlay-footer, 28621.ui-toolkit #locale-select-overlay.overlay .overlay-footer, 28622.ui-toolkit #conversation-overlay.overlay .overlay-footer, 28623.ui-toolkit #custom-order-overlay .overlay-footer, 28624.ui-toolkit #notification-overlay .overlay-footer { 28625 -moz-border-radius: 0 0 5px 5px; 28626 -webkit-border-radius: 0 0 5px 5px; 28627 border-radius: 0 0 5px 5px; 28628 height: auto; 28629 padding: 11px 21px 13px; 28630 border-top: 1px solid #FBFBFA; 28631 background-color: #FFF; 28632} 28633 28634.ui-toolkit #inline-overlay.overlay .overlay-footer .selected-regional-settings, 28635.ui-toolkit #locale-select-overlay.overlay .overlay-footer .selected-regional-settings, 28636.ui-toolkit #conversation-overlay.overlay .overlay-footer .selected-regional-settings, 28637.ui-toolkit #custom-order-overlay .overlay-footer .selected-regional-settings, 28638.ui-toolkit #notification-overlay .overlay-footer .selected-regional-settings { 28639 text-align: left; 28640} 28641 28642.ui-toolkit #inline-overlay.overlay .overlay-content, 28643.ui-toolkit #locale-select-overlay.overlay .overlay-content, 28644.ui-toolkit #conversation-overlay.overlay .overlay-content, 28645.ui-toolkit #custom-order-overlay .overlay-content, 28646.ui-toolkit #notification-overlay .overlay-content { 28647 background-color: #FFF; 28648 overflow: hidden; 28649 -moz-border-radius: 5px; 28650 -webkit-border-radius: 5px; 28651 border-radius: 5px; 28652} 28653 28654.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close:hover, 28655.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close:hover, 28656.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close:hover, 28657.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close:hover, 28658.ui-toolkit #notification-overlay .overlay-content .ss-delete.close:hover { 28659 background: none; 28660 opacity: 0.8; 28661} 28662 28663.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close, 28664.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close, 28665.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close, 28666.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close, 28667.ui-toolkit #notification-overlay .overlay-content .ss-delete.close { 28668 font-size: 12px; 28669 color: #222; 28670 padding: 4px; 28671 -moz-border-radius: 50%; 28672 -webkit-border-radius: 50%; 28673 border-radius: 50%; 28674 cursor: pointer; 28675 font-size: 10px; 28676 height: 16px; 28677 line-height: 16px; 28678 position: absolute; 28679 right: 5px; 28680 text-align: center; 28681 top: 5px; 28682 width: 16px; 28683 z-index: 2; 28684} 28685 28686.ui-toolkit #inline-overlay.overlay .tabs, 28687.ui-toolkit #locale-select-overlay.overlay .tabs, 28688.ui-toolkit #conversation-overlay.overlay .tabs, 28689.ui-toolkit #custom-order-overlay .tabs, 28690.ui-toolkit #notification-overlay .tabs { 28691 list-style: none; 28692 padding: 0 10px 0 40px; 28693 margin: 20px 0 0px; 28694 margin-top: 0; 28695 margin-bottom: 0; 28696 background: #FAF9F5; 28697 border-bottom: 1px solid #E1E3DF; 28698 border-top: 1px solid #FFF; 28699 border-radius: 5px 5px 0 0; 28700} 28701 28702.ui-toolkit #inline-overlay.overlay .tabs li, 28703.ui-toolkit #locale-select-overlay.overlay .tabs li, 28704.ui-toolkit #conversation-overlay.overlay .tabs li, 28705.ui-toolkit #custom-order-overlay .tabs li, 28706.ui-toolkit #notification-overlay .tabs li { 28707 float: left; 28708 margin-top: 20px; 28709} 28710 28711.ui-toolkit #inline-overlay.overlay .tabs li>a, 28712.ui-toolkit #inline-overlay.overlay .tabs li .tab-title, 28713.ui-toolkit #locale-select-overlay.overlay .tabs li>a, 28714.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title, 28715.ui-toolkit #conversation-overlay.overlay .tabs li>a, 28716.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title, 28717.ui-toolkit #custom-order-overlay .tabs li>a, 28718.ui-toolkit #custom-order-overlay .tabs li .tab-title, 28719.ui-toolkit #notification-overlay .tabs li>a, 28720.ui-toolkit #notification-overlay .tabs li .tab-title { 28721 display: block; 28722 background-color: #FAF9F5; 28723 border: 1px solid #E1E3DF; 28724 border-left: 0; 28725 font-size: 13px; 28726 padding: 8px 12px; 28727 margin: 0 0 -1px; 28728 text-align: center; 28729 color: #222; 28730 font-weight: bold; 28731 position: relative; 28732 cursor: pointer; 28733} 28734 28735.ui-toolkit #inline-overlay.overlay .tabs li .tab-title:hover, 28736.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title:hover, 28737.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title:hover, 28738.ui-toolkit #custom-order-overlay .tabs li .tab-title:hover, 28739.ui-toolkit #notification-overlay .tabs li .tab-title:hover { 28740 text-decoration: underline; 28741} 28742 28743.ui-toolkit #inline-overlay.overlay .tabs li.first>a, 28744.ui-toolkit #inline-overlay.overlay .tabs li.first .tab-title, 28745.ui-toolkit #locale-select-overlay.overlay .tabs li.first>a, 28746.ui-toolkit #locale-select-overlay.overlay .tabs li.first .tab-title, 28747.ui-toolkit #conversation-overlay.overlay .tabs li.first>a, 28748.ui-toolkit #conversation-overlay.overlay .tabs li.first .tab-title, 28749.ui-toolkit #custom-order-overlay .tabs li.first>a, 28750.ui-toolkit #custom-order-overlay .tabs li.first .tab-title, 28751.ui-toolkit #notification-overlay .tabs li.first>a, 28752.ui-toolkit #notification-overlay .tabs li.first .tab-title { 28753 border-left: 1px solid #E1E3DF; 28754} 28755 28756.ui-toolkit #inline-overlay.overlay .tabs li.active>a, 28757.ui-toolkit #inline-overlay.overlay .tabs li.active .tab-title, 28758.ui-toolkit #inline-overlay.overlay .tabs li>a.active, 28759.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.active, 28760.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active>a, 28761.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active .tab-title, 28762.ui-toolkit #inline-overlay.overlay .tabs li>a.ui-state-active, 28763.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.ui-state-active, 28764.ui-toolkit #locale-select-overlay.overlay .tabs li.active>a, 28765.ui-toolkit #locale-select-overlay.overlay .tabs li.active .tab-title, 28766.ui-toolkit #locale-select-overlay.overlay .tabs li>a.active, 28767.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.active, 28768.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active>a, 28769.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active .tab-title, 28770.ui-toolkit #locale-select-overlay.overlay .tabs li>a.ui-state-active, 28771.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.ui-state-active, 28772.ui-toolkit #conversation-overlay.overlay .tabs li.active>a, 28773.ui-toolkit #conversation-overlay.overlay .tabs li.active .tab-title, 28774.ui-toolkit #conversation-overlay.overlay .tabs li>a.active, 28775.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.active, 28776.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active>a, 28777.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active .tab-title, 28778.ui-toolkit #conversation-overlay.overlay .tabs li>a.ui-state-active, 28779.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.ui-state-active, 28780.ui-toolkit #custom-order-overlay .tabs li.active>a, 28781.ui-toolkit #custom-order-overlay .tabs li.active .tab-title, 28782.ui-toolkit #custom-order-overlay .tabs li>a.active, 28783.ui-toolkit #custom-order-overlay .tabs li .tab-title.active, 28784.ui-toolkit #custom-order-overlay .tabs li.ui-state-active>a, 28785.ui-toolkit #custom-order-overlay .tabs li.ui-state-active .tab-title, 28786.ui-toolkit #custom-order-overlay .tabs li>a.ui-state-active, 28787.ui-toolkit #custom-order-overlay .tabs li .tab-title.ui-state-active, 28788.ui-toolkit #notification-overlay .tabs li.active>a, 28789.ui-toolkit #notification-overlay .tabs li.active .tab-title, 28790.ui-toolkit #notification-overlay .tabs li>a.active, 28791.ui-toolkit #notification-overlay .tabs li .tab-title.active, 28792.ui-toolkit #notification-overlay .tabs li.ui-state-active>a, 28793.ui-toolkit #notification-overlay .tabs li.ui-state-active .tab-title, 28794.ui-toolkit #notification-overlay .tabs li>a.ui-state-active, 28795.ui-toolkit #notification-overlay .tabs li .tab-title.ui-state-active { 28796 background-color: #FFF; 28797 border-bottom-color: #FFF; 28798 color: #222; 28799} 28800 28801.ui-toolkit #inline-overlay.overlay .tabs li.prefix, 28802.ui-toolkit #locale-select-overlay.overlay .tabs li.prefix, 28803.ui-toolkit #conversation-overlay.overlay .tabs li.prefix, 28804.ui-toolkit #custom-order-overlay .tabs li.prefix, 28805.ui-toolkit #notification-overlay .tabs li.prefix { 28806 display: block; 28807 font-size: 13px; 28808 padding: 8px 12px; 28809 margin: 0 0 -1px; 28810 text-align: center; 28811 font-weight: bold; 28812 position: relative; 28813} 28814 28815.ui-toolkit #inline-overlay.overlay .overlay-tab-content, 28816.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content, 28817.ui-toolkit #conversation-overlay.overlay .overlay-tab-content, 28818.ui-toolkit #custom-order-overlay .overlay-tab-content, 28819.ui-toolkit #notification-overlay .overlay-tab-content { 28820 display: none; 28821} 28822 28823.ui-toolkit #inline-overlay.overlay .overlay-tab-content.active, 28824.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content.active, 28825.ui-toolkit #conversation-overlay.overlay .overlay-tab-content.active, 28826.ui-toolkit #custom-order-overlay .overlay-tab-content.active, 28827.ui-toolkit #notification-overlay .overlay-tab-content.active { 28828 display: block; 28829} 28830 28831.ui-toolkit #inline-overlay.overlay .clear:after, 28832.ui-toolkit #locale-select-overlay.overlay .clear:after, 28833.ui-toolkit #conversation-overlay.overlay .clear:after, 28834.ui-toolkit #custom-order-overlay .clear:after, 28835.ui-toolkit #notification-overlay .clear:after { 28836 content: " "; 28837 display: block; 28838 width: 0; 28839 height: 0; 28840 clear: both; 28841 visibility: hidden; 28842} 28843 28844.ui-toolkit #inline-overlay.overlay .clear, 28845.ui-toolkit #locale-select-overlay.overlay .clear, 28846.ui-toolkit #conversation-overlay.overlay .clear, 28847.ui-toolkit #custom-order-overlay .clear, 28848.ui-toolkit #notification-overlay .clear { 28849 min-height: 1%; 28850} 28851 28852.ui-toolkit #inline-overlay.overlay .btn-fb, 28853.ui-toolkit #locale-select-overlay.overlay .btn-fb, 28854.ui-toolkit #conversation-overlay.overlay .btn-fb, 28855.ui-toolkit #custom-order-overlay .btn-fb, 28856.ui-toolkit #notification-overlay .btn-fb { 28857 text-align: center; 28858 margin-bottom: 8px; 28859 padding: 7px 10px; 28860 background-color: #3B5998; 28861 border-color: rgba(0, 0, 0, 0.1); 28862 color: #FFF; 28863} 28864 28865.ui-toolkit #inline-overlay.overlay .btn-fb:hover, 28866.ui-toolkit #inline-overlay.overlay .btn-fb.hover, 28867.ui-toolkit #locale-select-overlay.overlay .btn-fb:hover, 28868.ui-toolkit #locale-select-overlay.overlay .btn-fb.hover, 28869.ui-toolkit #conversation-overlay.overlay .btn-fb:hover, 28870.ui-toolkit #conversation-overlay.overlay .btn-fb.hover, 28871.ui-toolkit #custom-order-overlay .btn-fb:hover, 28872.ui-toolkit #custom-order-overlay .btn-fb.hover, 28873.ui-toolkit #notification-overlay .btn-fb:hover, 28874.ui-toolkit #notification-overlay .btn-fb.hover { 28875 background-color: #3f61a3; 28876 border-color: rgba(0, 0, 0, 0.2); 28877} 28878 28879.ui-toolkit #inline-overlay.overlay .btn-fb:active, 28880.ui-toolkit #inline-overlay.overlay .btn-fb.active, 28881.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-fb, 28882.ui-toolkit #locale-select-overlay.overlay .btn-fb:active, 28883.ui-toolkit #locale-select-overlay.overlay .btn-fb.active, 28884.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-fb, 28885.ui-toolkit #conversation-overlay.overlay .btn-fb:active, 28886.ui-toolkit #conversation-overlay.overlay .btn-fb.active, 28887.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-fb, 28888.ui-toolkit #custom-order-overlay .btn-fb:active, 28889.ui-toolkit #custom-order-overlay .btn-fb.active, 28890.ui-toolkit #custom-order-overlay .btn-group.open .btn-fb, 28891.ui-toolkit #notification-overlay .btn-fb:active, 28892.ui-toolkit #notification-overlay .btn-fb.active, 28893.ui-toolkit #notification-overlay .btn-group.open .btn-fb { 28894 background-color: #37538d; 28895 border-color: rgba(0, 0, 0, 0.5); 28896} 28897 28898.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook:before, 28899.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook:before, 28900.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook:before, 28901.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook:before, 28902.ui-toolkit #notification-overlay .btn-fb.ss-facebook:before { 28903 /*font-family: "SSEtsy";*/ 28904 float: left; 28905 width: 16px; 28906 height: 16px; 28907 margin-right: 7px; 28908} 28909 28910.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28911.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner, 28912.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28913.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner, 28914.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28915.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner, 28916.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before, 28917.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner, 28918.ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before, 28919.ui-toolkit #notification-overlay .connect-container .facebook-spinner { 28920 content: ""; 28921 background: url(/assets/dist/images/spinners/facebook-spinner.20170615210940.gif) no-repeat center bottom; 28922 background-size: 15px 15px; 28923} 28924 28925@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 28926only screen and (-moz-min-device-pixel-ratio: 1.5), 28927only screen and (-o-min-device-pixel-ratio: 3/2), 28928only screen and (min-device-pixel-ratio: 1.5) { 28929 .ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28930 .ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner, 28931 .ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28932 .ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner, 28933 .ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before, 28934 .ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner, 28935 .ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before, 28936 .ui-toolkit #custom-order-overlay .connect-container .facebook-spinner, 28937 .ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before, 28938 .ui-toolkit #notification-overlay .connect-container .facebook-spinner { 28939 background-image: url(/assets/dist/images/spinners/[email protected]); 28940 } 28941} 28942 28943.ui-toolkit #inline-overlay.overlay .btn-google, 28944.ui-toolkit #locale-select-overlay.overlay .btn-google, 28945.ui-toolkit #conversation-overlay.overlay .btn-google, 28946.ui-toolkit #custom-order-overlay .btn-google, 28947.ui-toolkit #notification-overlay .btn-google { 28948 text-align: center; 28949 margin-bottom: 8px; 28950 padding: 7px 10px; 28951 border-color: rgba(0, 0, 0, 0.15); 28952 background-color: #4285F4; 28953 color: #FFF; 28954} 28955 28956.ui-toolkit #inline-overlay.overlay .btn-google:hover, 28957.ui-toolkit #locale-select-overlay.overlay .btn-google:hover, 28958.ui-toolkit #conversation-overlay.overlay .btn-google:hover, 28959.ui-toolkit #custom-order-overlay .btn-google:hover, 28960.ui-toolkit #notification-overlay .btn-google:hover { 28961 background-color: #5593f5; 28962 border-color: rgba(0, 0, 0, 0.25); 28963} 28964 28965.ui-toolkit #inline-overlay.overlay .btn-google:active, 28966.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-google, 28967.ui-toolkit #locale-select-overlay.overlay .btn-google:active, 28968.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-google, 28969.ui-toolkit #conversation-overlay.overlay .btn-google:active, 28970.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-google, 28971.ui-toolkit #custom-order-overlay .btn-google:active, 28972.ui-toolkit #custom-order-overlay .btn-group.open .btn-google, 28973.ui-toolkit #notification-overlay .btn-google:active, 28974.ui-toolkit #notification-overlay .btn-group.open .btn-google { 28975 background-color: #347df3; 28976 border-color: rgba(0, 0, 0, 0.5); 28977} 28978 28979.ui-toolkit #inline-overlay.overlay .btn-google:before, 28980.ui-toolkit #locale-select-overlay.overlay .btn-google:before, 28981.ui-toolkit #conversation-overlay.overlay .btn-google:before, 28982.ui-toolkit #custom-order-overlay .btn-google:before, 28983.ui-toolkit #notification-overlay .btn-google:before { 28984 float: left; 28985 height: 16px; 28986 width: 16px; 28987 margin-right: 9px; 28988 content: ""; 28989 background: url(/assets/dist/images/google/google-icon.20170615210938.png) no-repeat center; 28990 background-size: 15px 15px; 28991} 28992 28993@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 28994only screen and (-moz-min-device-pixel-ratio: 1.5), 28995only screen and (-o-min-device-pixel-ratio: 3/2), 28996only screen and (min-device-pixel-ratio: 1.5) { 28997 .ui-toolkit #inline-overlay.overlay .btn-google:before, 28998 .ui-toolkit #locale-select-overlay.overlay .btn-google:before, 28999 .ui-toolkit #conversation-overlay.overlay .btn-google:before, 29000 .ui-toolkit #cus
29000tom-order-overlay .btn-google:before, 29001 .ui-toolkit #notification-overlay .btn-google:before { 29002 background-image: url(/assets/dist/images/google/[email protected]); 29003 } 29004} 29005 29006.ui-toolkit #inline-overlay.overlay .btn-google.spinning:before, 29007.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner, 29008.ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before, 29009.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner, 29010.ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before, 29011.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner, 29012.ui-toolkit #custom-order-overlay .btn-google.spinning:before, 29013.ui-toolkit #custom-order-overlay .connect-container .google-spinner, 29014.ui-toolkit #notification-overlay .btn-google.spinning:before, 29015.ui-toolkit #notification-overlay .connect-container .google-spinner { 29016 background: url(/assets/dist/images/spinners/google-spinner.20170615210940.gif) no-repeat center; 29017 background-size: 15px 15px; 29018} 29019 29020@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 29021only screen and (-moz-min-device-pixel-ratio: 1.5), 29022only screen and (-o-min-device-pixel-ratio: 3/2), 29023only screen and (min-device-pixel-ratio: 1.5) { 29024 .ui-toolkit #inline-overlay.overlay .btn-google.spinning:before, 29025 .ui-toolkit #inline-overlay.overlay .connect-container .google-spinner, 29026 .ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before, 29027 .ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner, 29028 .ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before, 29029 .ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner, 29030 .ui-toolkit #custom-order-overlay .btn-google.spinning:before, 29031 .ui-toolkit #custom-order-overlay .connect-container .google-spinner, 29032 .ui-toolkit #notification-overlay .btn-google.spinning:before, 29033 .ui-toolkit #notification-overlay .connect-container .google-spinner { 29034 background-image: url(/assets/dist/images/spinners/[email protected]); 29035 } 29036} 29037 29038.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner, 29039.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner, 29040.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner, 29041.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner, 29042.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner, 29043.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner, 29044.ui-toolkit #custom-order-overlay .connect-container .google-spinner, 29045.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner, 29046.ui-toolkit #notification-overlay .connect-container .google-spinner, 29047.ui-toolkit #notification-overlay .connect-container .facebook-spinner { 29048 display: none; 29049} 29050 29051.ui-toolkit #inline-overlay.overlay .btn-primary, 29052.ui-toolkit #inline-overlay.overlay .btn-secondary, 29053.ui-toolkit #inline-overlay.overlay .btn-transaction, 29054.ui-toolkit #inline-overlay.overlay .btn-offsite, 29055.ui-toolkit #inline-overlay.overlay .btn-invite, 29056.ui-toolkit #inline-overlay.overlay .btn-fb, 29057.ui-toolkit #inline-overlay.overlay .btn-google, 29058.ui-toolkit #inline-overlay.overlay .btn-link, 29059.ui-toolkit #locale-select-overlay.overlay .btn-primary, 29060.ui-toolkit #locale-select-overlay.overlay .btn-secondary, 29061.ui-toolkit #locale-select-overlay.overlay .btn-transaction, 29062.ui-toolkit #locale-select-overlay.overlay .btn-offsite, 29063.ui-toolkit #locale-select-overlay.overlay .btn-invite, 29064.ui-toolkit #locale-select-overlay.overlay .btn-fb, 29065.ui-toolkit #locale-select-overlay.overlay .btn-google, 29066.ui-toolkit #locale-select-overlay.overlay .btn-link, 29067.ui-toolkit #conversation-overlay.overlay .btn-primary, 29068.ui-toolkit #conversation-overlay.overlay .btn-secondary, 29069.ui-toolkit #conversation-overlay.overlay .btn-transaction, 29070.ui-toolkit #conversation-overlay.overlay .btn-offsite, 29071.ui-toolkit #conversation-overlay.overlay .btn-invite, 29072.ui-toolkit #conversation-overlay.overlay .btn-fb, 29073.ui-toolkit #conversation-overlay.overlay .btn-google, 29074.ui-toolkit #conversation-overlay.overlay .btn-link, 29075.ui-toolkit #custom-order-overlay .btn-primary, 29076.ui-toolkit #custom-order-overlay .btn-secondary, 29077.ui-toolkit #custom-order-overlay .btn-transaction, 29078.ui-toolkit #custom-order-overlay .btn-offsite, 29079.ui-toolkit #custom-order-overlay .btn-invite, 29080.ui-toolkit #custom-order-overlay .btn-fb, 29081.ui-toolkit #custom-order-overlay .btn-google, 29082.ui-toolkit #custom-order-overlay .btn-link, 29083.ui-toolkit #notification-overlay .btn-primary, 29084.ui-toolkit #notification-overlay .btn-secondary, 29085.ui-toolkit #notification-overlay .btn-transaction, 29086.ui-toolkit #notification-overlay .btn-offsite, 29087.ui-toolkit #notification-overlay .btn-invite, 29088.ui-toolkit #notification-overlay .btn-fb, 29089.ui-toolkit #notification-overlay .btn-google, 29090.ui-toolkit #notification-overlay .btn-link { 29091 display: inline-block; 29092 padding: 7px 15px 8px; 29093 border-width: 1px; 29094 border-style: solid; 29095 -webkit-border-radius: 3px; 29096 -moz-border-radius: 3px; 29097 border-radius: 3px; 29098 color: #FFF; 29099 text-decoration: none; 29100 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29101 font-size: 15px; 29102 font-weight: bold; 29103 cursor: pointer; 29104 line-height: normal; 29105 margin: 0; 29106 -webkit-appearance: none; 29107} 29108 29109@media screen and (orientation: portrait) and (min-device-width: 740px), 29110screen and (orientation: landscape) and (min-device-height: 740px) { 29111 .ui-toolkit #inline-overlay.overlay .btn-primary, 29112 .ui-toolkit #inline-overlay.overlay .btn-secondary, 29113 .ui-toolkit #inline-overlay.overlay .btn-transaction, 29114 .ui-toolkit #inline-overlay.overlay .btn-offsite, 29115 .ui-toolkit #inline-overlay.overlay .btn-invite, 29116 .ui-toolkit #inline-overlay.overlay .btn-fb, 29117 .ui-toolkit #inline-overlay.overlay .btn-google, 29118 .ui-toolkit #inline-overlay.overlay .btn-link, 29119 .ui-toolkit #locale-select-overlay.overlay .btn-primary, 29120 .ui-toolkit #locale-select-overlay.overlay .btn-secondary, 29121 .ui-toolkit #locale-select-overlay.overlay .btn-transaction, 29122 .ui-toolkit #locale-select-overlay.overlay .btn-offsite, 29123 .ui-toolkit #locale-select-overlay.overlay .btn-invite, 29124 .ui-toolkit #locale-select-overlay.overlay .btn-fb, 29125 .ui-toolkit #locale-select-overlay.overlay .btn-google, 29126 .ui-toolkit #locale-select-overlay.overlay .btn-link, 29127 .ui-toolkit #conversation-overlay.overlay .btn-primary, 29128 .ui-toolkit #conversation-overlay.overlay .btn-secondary, 29129 .ui-toolkit #conversation-overlay.overlay .btn-transaction, 29130 .ui-toolkit #conversation-overlay.overlay .btn-offsite, 29131 .ui-toolkit #conversation-overlay.overlay .btn-invite, 29132 .ui-toolkit #conversation-overlay.overlay .btn-fb, 29133 .ui-toolkit #conversation-overlay.overlay .btn-google, 29134 .ui-toolkit #conversation-overlay.overlay .btn-link, 29135 .ui-toolkit #custom-order-overlay .btn-primary, 29136 .ui-toolkit #custom-order-overlay .btn-secondary, 29137 .ui-toolkit #custom-order-overlay .btn-transaction, 29138 .ui-toolkit #custom-order-overlay .btn-offsite, 29139 .ui-toolkit #custom-order-overlay .btn-invite, 29140 .ui-toolkit #custom-order-overlay .btn-fb, 29141 .ui-toolkit #custom-order-overlay .btn-google, 29142 .ui-toolkit #custom-order-overlay .btn-link, 29143 .ui-toolkit #notification-overlay .btn-primary, 29144 .ui-toolkit #notification-overlay .btn-secondary, 29145 .ui-toolkit #notification-overlay .btn-transaction, 29146 .ui-toolkit #notification-overlay .btn-offsite, 29147 .ui-toolkit #notification-overlay .btn-invite, 29148 .ui-toolkit #notification-overlay .btn-fb, 29149 .ui-toolkit #notification-overlay .btn-google, 29150 .ui-toolkit #notification-overlay .btn-link { 29151 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29152 } 29153} 29154 29155.ui-toolkit #inline-overlay.overlay .btn-secondary, 29156.ui-toolkit #locale-select-overlay.overlay .btn-secondary, 29157.ui-toolkit #conversation-overlay.overlay .btn-secondary, 29158.ui-toolkit #custom-order-overlay .btn-secondary, 29159.ui-toolkit #notification-overlay .btn-secondary { 29160 color: #222; 29161} 29162 29163.ui-toolkit #inline-overlay.overlay .btn-link, 29164.ui-toolkit #locale-select-overlay.overlay .btn-link, 29165.ui-toolkit #conversation-overlay.overlay .btn-link, 29166.ui-toolkit #custom-order-overlay .btn-link, 29167.ui-toolkit #notification-overlay .btn-link { 29168 color: #F56400; 29169 font-size: 14px; 29170 font-weight: normal; 29171 cursor: pointer; 29172 background-image: none; 29173 background-color: transparent; 29174 border: none; 29175 padding: 0; 29176 margin: 0 15px; 29177} 29178 29179.ui-toolkit #inline-overlay.overlay .btn-link:hover, 29180.ui-toolkit #locale-select-overlay.overlay .btn-link:hover, 29181.ui-toolkit #conversation-overlay.overlay .btn-link:hover, 29182.ui-toolkit #custom-order-overlay .btn-link:hover, 29183.ui-toolkit #notification-overlay .btn-link:hover { 29184 text-decoration: underline; 29185} 29186 29187.ui-toolkit #inline-overlay.overlay .btn-link:focus, 29188.ui-toolkit #locale-select-overlay.overlay .btn-link:focus, 29189.ui-toolkit #conversation-overlay.overlay .btn-link:focus, 29190.ui-toolkit #custom-order-overlay .btn-link:focus, 29191.ui-toolkit #notification-overlay .btn-link:focus { 29192 background-color: transparent; 29193 text-decoration: underline; 29194} 29195 29196.ui-toolkit #inline-overlay.overlay .btn-link.disabled, 29197.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled, 29198.ui-toolkit #conversation-overlay.overlay .btn-link.disabled, 29199.ui-toolkit #custom-order-overlay .btn-link.disabled, 29200.ui-toolkit #notification-overlay .btn-link.disabled { 29201 color: #595959; 29202} 29203 29204.ui-toolkit #inline-overlay.overlay .btn-link.disabled:hover, 29205.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled:hover, 29206.ui-toolkit #conversation-overlay.overlay .btn-link.disabled:hover, 29207.ui-toolkit #custom-order-overlay .btn-link.disabled:hover, 29208.ui-toolkit #notification-overlay .btn-link.disabled:hover { 29209 text-decoration: none; 29210} 29211 29212.ui-toolkit #inline-overlay.overlay button.disabled, 29213.ui-toolkit #inline-overlay.overlay button.disabled:hover, 29214.ui-toolkit #locale-select-overlay.overlay button.disabled, 29215.ui-toolkit #locale-select-overlay.overlay button.disabled:hover, 29216.ui-toolkit #conversation-overlay.overlay button.disabled, 29217.ui-toolkit #conversation-overlay.overlay button.disabled:hover, 29218.ui-toolkit #custom-order-overlay button.disabled, 29219.ui-toolkit #custom-order-overlay button.disabled:hover, 29220.ui-toolkit #notification-overlay button.disabled, 29221.ui-toolkit #notification-overlay button.disabled:hover { 29222 cursor: default; 29223} 29224 29225.ui-toolkit #inline-overlay.overlay .btn-primary:focus, 29226.ui-toolkit #inline-overlay.overlay .btn-secondary:focus, 29227.ui-toolkit #inline-overlay.overlay .btn-transaction:focus, 29228.ui-toolkit #inline-overlay.overlay .btn-group:focus, 29229.ui-toolkit #inline-overlay.overlay .btn-invite:focus, 29230.ui-toolkit #inline-overlay.overlay .btn-fb:focus, 29231.ui-toolkit #inline-overlay.overlay .btn-google:focus, 29232.ui-toolkit #inline-overlay.overlay .btn-link:focus, 29233.ui-toolkit #locale-select-overlay.overlay .btn-primary:focus, 29234.ui-toolkit #locale-select-overlay.overlay .btn-secondary:focus, 29235.ui-toolkit #locale-select-overlay.overlay .btn-transaction:focus, 29236.ui-toolkit #locale-select-overlay.overlay .btn-group:focus, 29237.ui-toolkit #locale-select-overlay.overlay .btn-invite:focus, 29238.ui-toolkit #locale-select-overlay.overlay .btn-fb:focus, 29239.ui-toolkit #locale-select-overlay.overlay .btn-google:focus, 29240.ui-toolkit #locale-select-overlay.overlay .btn-link:focus, 29241.ui-toolkit #conversation-overlay.overlay .btn-primary:focus, 29242.ui-toolkit #conversation-overlay.overlay .btn-secondary:focus, 29243.ui-toolkit #conversation-overlay.overlay .btn-transaction:focus, 29244.ui-toolkit #conversation-overlay.overlay .btn-group:focus, 29245.ui-toolkit #conversation-overlay.overlay .btn-invite:focus, 29246.ui-toolkit #conversation-overlay.overlay .btn-fb:focus, 29247.ui-toolkit #conversation-overlay.overlay .btn-google:focus, 29248.ui-toolkit #conversation-overlay.overlay .btn-link:focus, 29249.ui-toolkit #custom-order-overlay .btn-primary:focus, 29250.ui-toolkit #custom-order-overlay .btn-secondary:focus, 29251.ui-toolkit #custom-order-overlay .btn-transaction:focus, 29252.ui-toolkit #custom-order-overlay .btn-group:focus, 29253.ui-toolkit #custom-order-overlay .btn-invite:focus, 29254.ui-toolkit #custom-order-overlay .btn-fb:focus, 29255.ui-toolkit #custom-order-overlay .btn-google:focus, 29256.ui-toolkit #custom-order-overlay .btn-link:focus, 29257.ui-toolkit #notification-overlay .btn-primary:focus, 29258.ui-toolkit #notification-overlay .btn-secondary:focus, 29259.ui-toolkit #notification-overlay .btn-transaction:focus, 29260.ui-toolkit #notification-overlay .btn-group:focus, 29261.ui-toolkit #notification-overlay .btn-invite:focus, 29262.ui-toolkit #notification-overlay .btn-fb:focus, 29263.ui-toolkit #notification-overlay .btn-google:focus, 29264.ui-toolkit #notification-overlay .btn-link:focus { 29265 outline: none; 29266} 29267 29268.ui-toolkit #inline-overlay.overlay .btn-primary.disabled, 29269.ui-toolkit #inline-overlay.overlay .btn-primary.disabled:hover, 29270.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled, 29271.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled:hover, 29272.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled, 29273.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled:hover, 29274.ui-toolkit #custom-order-overlay .btn-primary.disabled, 29275.ui-toolkit #custom-order-overlay .btn-primary.disabled:hover, 29276.ui-toolkit #notification-overlay .btn-primary.disabled, 29277.ui-toolkit #notification-overlay .btn-primary.disabled:hover { 29278 background-color: #ff9d5c; 29279 border-color: rgba(0, 0, 0, 0.05); 29280} 29281 29282.ui-toolkit #inline-overlay.overlay .btn-fb.disabled, 29283.ui-toolkit #inline-overlay.overlay .btn-fb.disabled:hover, 29284.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled, 29285.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled:hover, 29286.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled, 29287.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled:hover, 29288.ui-toolkit #custom-order-overlay .btn-fb.disabled, 29289.ui-toolkit #custom-order-overlay .btn-fb.disabled:hover, 29290.ui-toolkit #notification-overlay .btn-fb.disabled, 29291.ui-toolkit #notification-overlay .btn-fb.disabled:hover { 29292 background-color: #96abd6; 29293 border-color: rgba(0, 0, 0, 0.05); 29294} 29295 29296.ui-toolkit #inline-overlay.overlay .btn-google.disabled, 29297.ui-toolkit #inline-overlay.overlay .btn-google.diabled:hover, 29298.ui-toolkit #locale-select-overlay.overlay .btn-google.disabled, 29299.ui-toolkit #locale-select-overlay.overlay .btn-google.diabled:hover, 29300.ui-toolkit #conversation-overlay.overlay .btn-google.disabled, 29301.ui-toolkit #conversation-overlay.overlay .btn-google.diabled:hover, 29302.ui-toolkit #custom-order-overlay .btn-google.disabled, 29303.ui-toolkit #custom-order-overlay .btn-google.diabled:hover, 29304.ui-toolkit #notification-overlay .btn-google.disabled, 29305.ui-toolkit #notification-overlay .btn-google.diabled:hover { 29306 background-color: #d3e3fc; 29307 border-color: rgba(0, 0, 0, 0.05); 29308} 29309 29310.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action { 29311 font-size: 11px; 29312} 29313 29314.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action .ss-icon { 29315 font-size: 11px; 29316} 29317 29318.ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text { 29319 width: 89%; 29320 display: inline-block; 29321} 29322 29323@media only screen and (min-width: 0) and (max-width: 639px) { 29324 .ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text { 29325 width: calc(100% - 50px); 29326 } 29327} 29328 29329.ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list { 29330 width: 9%; 29331} 29332 29333@media only screen and (min-width: 0) and (max-width: 639px) { 29334 .ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list { 29335 width: 40px; 29336 } 29337} 29338 29339.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save { 29340 display: inline-block; 29341 padding: 7px 15px 8px; 29342 border-width: 1px; 29343 border-style: solid; 29344 -webkit-border-radius: 3px; 29345 -moz-border-radius: 3px; 29346 border-radius: 3px; 29347 color: #FFF; 29348 background-color: #F56400; 29349 border-color: rgba(0, 0, 0, 0.1); 29350 text-decoration: none; 29351 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29352 font-size: 15px; 29353 font-weight: bold; 29354 cu
29354rsor: pointer; 29355 line-height: normal; 29356 margin: 0; 29357 -webkit-appearance: none; 29358} 29359 29360@media screen and (orientation: portrait) and (min-device-width: 740px), 29361screen and (orientation: landscape) and (min-device-height: 740px) { 29362 .ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save { 29363 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29364 } 29365} 29366 29367.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-name { 29368 width: 100%; 29369} 29370 29371.ui-toolkit #conversation-overlay.overlay .overlay-content { 29372 overflow: visible; 29373} 29374 29375.ui-toolkit #conversation-overlay.overlay #add-canned-response>.canned-responses ul { 29376 padding-left: 0px; 29377} 29378 29379.ui-toolkit #inline-overlay.overlay {} 29380 29381.ui-toolkit #inline-overlay.overlay input.text { 29382 width: 232px; 29383} 29384 29385.ui-toolkit #custom-order-overlay.overlay label { 29386 display: block; 29387} 29388 29389.ui-toolkit #custom-order-overlay.overlay .convo-overlay-error { 29390 width: 100%; 29391} 29392 29393.ui-toolkit #custom-order-overlay.overlay .overlay-footer { 29394 height: 60px; 29395} 29396 29397.ui-toolkit #local-select-overlay.overlay .overlay-body { 29398 padding: 19px 21px; 29399} 29400 29401.ui-toolkit #local-select-overlay.overlay .overlay-content .tabs { 29402 margin-bottom: 10px; 29403} 29404 29405.ui-toolkit #local-select-overlay.overlay h1 { 29406 margin-bottom: 8px; 29407} 29408 29409.ui-toolkit #local-select-overlay.overlay h2 { 29410 font-size: 16px; 29411 margin-bottom: 0px; 29412} 29413 29414.ui-toolkit #local-select-overlay.overlay h3 { 29415 font-size: 16px; 29416 font-weight: normal; 29417 line-height: 22px; 29418} 29419 29420.ui-toolkit #local-select-overlay.overlay .section { 29421 padding: 0 16px; 29422} 29423 29424.ui-toolkit #local-select-overlay.overlay .overlay-body p { 29425 line-height: 17px; 29426} 29427 29428.ui-toolkit #local-select-overlay.overlay .overlay-body ul { 29429 list-style-type: disc; 29430 margin-left: 18px; 29431} 29432 29433.ui-toolkit * html .clear { 29434 height: 1%; 29435} 29436 29437.ui-toolkit ul.collection-list { 29438 padding-left: 0px; 29439} 29440 29441.ui-toolkit .new-collections input { 29442 margin-bottom: 12px; 29443} 29444 29445.ui-toolkit .new-collections.activated input { 29446 width: 115px; 29447} 29448 29449.ui-toolkit .new-collections button { 29450 height: 26px; 29451 font-size: 12px; 29452 padding: 5px 0px; 29453} 29454 29455html.ui-toolkit { 29456/* height: 100%; 29457 width: 100%; 29458 -ms-text-size-adjust: 100%; 29459 -webkit-text-size-adjust: 100%; 29460 max-width: 100%; 29461 overflow-x: hidden; 29462 overflow-y: scroll; */ 29463} 29464 29465.ui-toolkit { 29466 color: #222; 29467 /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29468 font-size: 14px; 29469 line-height: 1.4; 29470 text-align: left; 29471} 29472 29473@media screen and (orientation: portrait) and (min-device-width: 740px), 29474screen and (orientation: landscape) and (min-device-height: 740px) { 29475 .ui-toolkit { 29476 /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/ 29477 } 29478} 29479 29480.display-none[data-toolkit-overlay] { 29481 display: none; 29482} 29483 29484html:hover [class^="gnav-"] { 29485 -ms-zoom: 1; 29486} 29487 29488 29489.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide { 29490 max-width: 450px; 29491 width: 100%; 29492} 29493 29494.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header { 29495 border-bottom: 1px solid #E2E2E2; 29496 text-align: left; 29497} 29498 29499.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body { 29500 padding: 8px 0; 29501 width: 50%; 29502 -webkit-box-sizing: border-box; 29503 -moz-box-sizing: border-box; 29504 box-sizing: border-box; 29505} 29506 29507.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.hidden { 29508 display: none; 29509} 29510 29511.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-left { 29512 float: left; 29513 border-right: 1px solid #E2E2E2; 29514} 29515 29516.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right { 29517 float: right; 29518 border-left: 1px solid #E2E2E2; 29519} 29520 29521.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right { 29522 margin: 0 1px 0 -1px; 29523} 29524 29525.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right .subnav-text-link { 29526 margin-right: -1px; 29527} 29528 29529.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer { 29530 margin: 8px 20px 0 20px; 29531 padding: 8px 0; 29532 border-top: 1px solid #EEE; 29533 font-size: 12px; 29534} 29535 29536@media screen and (max-width: 420px) { 29537 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer { 29538 margin-left: 10px; 29539 margin-right: 10px; 29540 } 29541} 29542 29543.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link { 29544 color: #999; 29545 padding: 8px 0 0; 29546} 29547 29548.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:hover, 29549.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:focus { 29550 color: #0192B5; 29551 background-color: transparent; 29552} 29553 29554.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link { 29555 position: relative;
29556 padding-right: 26px; 29557} 29558 29559.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link .subnav-icon { 29560 position: absolute; 29561 right: 10px; 29562 top: 50%; 29563 margin-top: -9px; 29564 font-size: 10px; 29565 color: #BBB; 29566} 29567 29568.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-right .subnav-text-link .count.hide { 29569 display: none; 29570} 29571 29572.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state { 29573 cursor: default; 29574} 29575 29576.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state:hover, 29577.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state.active { 29578 background: transparent; 29579 color: #222; 29580} 29581 29582.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected { 29583 background: rgba(0, 0, 0, 0.05); 29584} 29585 29586.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected .subnav-icon { 29587 color: #222; 29588} 29589 29590@media (min-width: 421px) and (max-width: 540px) { 29591 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide { 29592 margin-right: -30px; 29593 max-width: 350px; 29594 } 29595 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::before, 29596 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::after { 29597 transform: translateX(-30px); 29598 } 29599} 29600 29601.lte-ie8 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide { 29602 width: 450px; 29603} 29604 29605.smart-banner { 29606 width: 100%; 29607 height: 64px; 29608 background-color: #F45800; 29609} 29610 29611.smart-banner.on { 29612 display: block; 29613} 29614 29615.smart-banner.off { 29616 display: none; 29617} 29618 29619.smart-banner .dismiss-banner { 29620 position: absolute; 29621 top: 0px; 29622 right: 0px; 29623 width: 40px; 29624 height: 40px; 29625 padding-top: 10px; 29626 color: #444; 29627} 29628 29629.ui-toolkit .smart-banner .dismiss-banner { 29630 color: #444; 29631} 29632 29633.smart-banner.smart_banner_tablet, 29634.banner_page_type_view_profile { 29635 margin-left: -10px; 29636 padding-right: 20px; 29637} 29638 29639.smart-banner.smart_banner_tablet.banner_page_type_local_event_details { 29640 width: auto; 29641 margin-left: -10px; 29642 margin-right: -10px; 29643 padding-right: 0px; 29644} 29645 29646.smart-banner-content { 29647 display: table; 29648 width: 75%; 29649 min-width: 320px; 29650 padding: 0 8px; 29651 max-width: 530px; 29652 height: inherit; 29653 margin: 0 auto; 29654 font-size: 15px; 29655} 29656 29657.smart-banner-col { 29658 display: table-cell; 29659 position: relative; 29660 vertical-align: middle; 29661} 29662 29663.smart-banner-img { 29664 background-size: 100%; 29665 background-position: bottom left; 29666 background-repeat: no-repeat; 29667} 29668 29669.smart-banner-img.ios, 29670.smart-banner-img.android { 29671 width: 56px; 29672} 29673 29674.smart-banner-img.ios-tab, 29675.smart-banner-img.android-tab { 29676 width: 110px; 29677} 29678 29679.smart-banner-img.ios { 29680 background-image: url(/assets/dist/images/smartbanner/phone_iOS.20170615210940.png); 29681} 29682 29683.smart-banner-img.android { 29684 background-image: url(/assets/dist/images/smartbanner/phone_android.20170615210940.png); 29685} 29686 29687.smart-banner-img.ios-tab { 29688 background-image: url(/assets/dist/images/smartbanner/tablet_iOS.20170615210940.png); 29689} 29690 29691.smart-banner-img.android-tab { 29692 background-image: url(/assets/dist/images/smartbanner/tablet_android.20170615210940.png); 29693} 29694 29695.smart-banner p { 29696 text-align: left; 29697 padding-left: 8px; 29698 font-weight: 400; 29699 font-size: 14px; 29700 line-height: 1.3em; 29701 color: #fff; 29702} 29703 29704.smart-banner-button { 29705 padding-left: 20px; 29706 width: 1%; 29707} 29708 29709.invite-traffic>.banner-content { 29710 display: table; 29711 width: 100%; 29712 height: 64px; 29713 max-width: 400px; 29714 margin: 0 auto; 29715} 29716 29717.invite-traffic .cta-col, 29718.invite-traffic .copy-col, 29719.invite-traffic .image-col { 29720 display: table-cell; 29721 vertical-align: middle; 29722 padding: 0 10px; 29723} 29724 29725.invite-traffic .cta-col { 29726 width: 1%; 29727 padding-left: 0; 29728} 29729 29730.invite-traffic .copy-col { 29731 font-weight: 400; 29732 font-size: 14px; 29733 color: #fff; 29734} 29735 29736.invite-traffic .image-col { 29737 display: table-cell; 29738 width: 1%; 29739 padding-right: 0; 29740} 29741 29742.invite-traffic .image-col img { 29743 width: 40px; 29744 height: 40px; 29745 border-radius: 2px; 29746 display: block; 29747} 29748 29749.invite-traffic .image-col img.listing-image { 29750 width: 48px; 29751 height: 39px; 29752 border-radius: 0; 29753 border: 1px solid #F8843B; 29754} 29755 29756.invite-traffic button { 29757 white-space: nowrap; 29758 float: right; 29759 right: 8px; 29760 min-width: 85px; 29761 background: white; 29762 font-size: 14px; 29763 font-weight: 500; 29764 color: #F45800; 29765 border: 2px solid white; 29766 padding: 7px; 29767 border-radius: 3px; 29768 text-shadow: none; 29769} 29770 29771.smart-banner.grey-banner { 29772 background-color: #F2D0B8; 29773} 29774 29775.smart-banner.grey-banner .smart-banner-content { 29776 padding: 0 10px; 29777} 29778 29779.grey-banner.smart-banner p { 29780 font-weight: bold; 29781 color: #222; 29782 padding: 0; 29783} 29784 29785.grey-banner .smart-banner-img { 29786 display: none; 29787} 29788 29789@media (min-width: 600px) { 29790 .grey-banner.smart-banner .smart-banner-content { 29791 width: auto; 29792 max-width: none; 29793 } 29794 .grey-banner .smart-banner-col { 29795 display: inline-block; 29796 margin-top: 16px; 29797 width: auto; 29798 } 29799} 29800 29801.grey-banner.tall {
29802 text-align: center; 29803 height: auto; 29804 padding-top: 12px; 29805 padding-bottom: 12px; 29806} 29807 29808.grey-banner.tall p { 29809 text-align: center; 29810 padding-bottom: 10px; 29811} 29812 29813.grey-banner.tall .smart-banner-button { 29814 padding: 0; 29815 padding-bottom: 4px; 29816} 29817 29818.grey-banner.tall button { 29819 min-width: 154px; 29820} 29821 29822.grey-banner.tall .smart-banner-col { 29823 display: block; 29824 width: auto; 29825} 29826 29827.grey-banner.tall .smart-banner-img { 29828 display: none; 29829} 29830 29831@media (min-width: 600px) { 29832 .grey-banner.tall .smart-banner-col { 29833 margin: 0; 29834 } 29835} 29836 29837.smart-interstitial { 29838 width: 100vw; 29839 background: #F45800; 29840 background-repeat: no-repeat; 29841 overflow-y: hidden; 29842 height: 100vh; 29843 display: none; 29844 -webkit-transition: height 0.2s ease-in; 29845 -ms-transition: height 0.2s ease-in; 29846 -moz-transition: height 0.2s ease-in; 29847 -o-transition: height 0.2s ease-in; 29848 transition: height 0.2s ease-in; 29849} 29850 29851.smart-interstitial.on { 29852 display: block; 29853} 29854 29855.smart-interstitial.off { 29856 height: 0; 29857 display: block; 29858} 29859 29860.smart-interstitial-phone { 29861 background-image: url(/assets/dist/images/smartbanner/phone_interstitial_small.20170615210940.png); 29862} 29863 29864.smart-interstitial-tablet { 29865 background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png); 29866} 29867 29868.smart-interstitial-content { 29869 text-align: center; 29870 color: white; 29871} 29872 29873.smart-interstitial-msg-tablet { 29874 /*font-family: "Guardian-Medium", Georgia, serif;*/ 29875} 29876 29877.smart-interstitial-msg { 29878 margin: auto; 29879} 29880 29881.smart-interstitial-btn { 29882 float: center; 29883 background: white; 29884 font-weight: 500; 29885 color: #F45800; 29886 border: 2px solid white; 29887 padding: 7px; 29888 border-radius: 3px; 29889 margin: 0 auto; 29890 text-shadow: none; 29891} 29892 29893.smart-interstitial-btn.active { 29894 background: #E5E5E5; 29895 border: 2px solid #E5E5E5; 29896} 29897 29898.smart-interstitial-mweb-btn { 29899 display: block; 29900} 29901 29902@media only screen and (orientation: portrait) { 29903 .smart-interstitial-phone { 29904 background-position: 100% 100%; 29905 background-size: 100% auto; 29906 } 29907 .smart-interstitial-tablet { 29908 background-position: 50% 150%; 29909 background-size: auto 65%; 29910 } 29911 .smart-interstitial-content { 29912 position: relative; 29913 top: 25%; 29914 transform: translateY(-50%); 29915 -webkit-transform: translateY(-50%); 29916 -ms-transform: translateY(-50%); 29917 } 29918} 29919 29920@media only screen and (max-width: 750px) and (orientation: portrait) { 29921 .smart-interstitial-content { 29922 top: 28%; 29923 } 29924} 29925 29926@media only screen and (orientation: landscape) { 29927 .smart-interstitial { 29928 background-position: 110% 100%; 29929 background-size: 50% auto; 29930 } 29931 .smart-interstitial-phone { 29932 background-image: url(/assets/dist/images/smartbanner/tablet_interstitial_small.20170615210940.png); 29933 } 29934 .smart-interstitial-content { 29935 float: left; 29936 position: relative; 29937 top: 50%; 29938 left: 27%; 29939 transform: translate(-50%, -50%); 29940 -webkit-transform: translate(-50%, -50%); 29941 -ms-transform: translate(-50%, -50%); 29942 } 29943 .mobile-safari { 29944 top: 42%; 29945 } 29946} 29947 29948@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 29949 .smart-interstitial-phone { 29950 background-image: url(/assets/dist/images/smartbanner/phone_interstitial.20170615210940.png); 29951 } 29952} 29953 29954@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 29955 .smart-interstitial-phone { 29956 background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png); 29957 } 29958} 29959 29960@media only screen and (min-aspect-ratio: 65/100) and (orientation: portrait) { 29961 .smart-interstitial-phone { 29962 background-position: 100% 110%; 29963 background-size: auto 50%; 29964 } 29965} 29966 29967@media only screen and (min-aspect-ratio: 3/2) and (orientation: landscape) { 29968 .smart-interstitial { 29969 background-position: 110% 100%; 29970 background-size: auto 90%; 29971 } 29972} 29973 29974@media only screen and (min-aspect-ratio: 9/5) and (orientation: landscape) { 29975 .smart-interstitial { 29976 background-position: 90% 100%; 29977 background-size: auto 90%; 29978 } 29979} 29980 29981@media only screen and (max-width: 720px) and (min-aspect-ratio: 9/5) and (orientation: landscape) { 29982 .smart-interstitial-content { 29983 top: 50%; 29984 left: 28%; 29985 } 29986} 29987 29988@media (max-width: 750px) { 29989 .smart-interstitial-logo { 29990 font-size: 30px; 29991 } 29992 .smart-interstitial-msg { 29993 padding-top: 10px; 29994 padding-bottom: 20px; 29995 font-size: 1.7em; 29996 line-height: 30px; 29997 max-width: 250px; 29998 } 29999 .smart-interstitial-btn { 30000 font-size: 1.2em; 30001 font-weight: 500; 30002 border: 2px solid white; 30003 padding: 7px; 30004 border-radius: 3px; 30005 margin: 0 auto; 30006 padding-top: 10px; 30007 padding-bottom: 10px; 30008 width: 270px; 30009 } 30010 .smart-interstitial-mweb-btn { 30011 margin-top: 25px; 30012 font-size: 1.2em; 30013 } 30014} 30015 30016@media (min-width: 750px) and (orientation: landscape) { 30017 .smart-interstitial-logo { 30018 font-size: 40px; 30019 } 30020 .smart-interstitial-msg { 30021 padding-top: 15px; 30022 padding-bottom: 25px; 30023 font-size: 1.75em; 30024 line-height: 35px; 30025 max-width: 300px; 30026 } 30027 .smart-interstitial-btn { 30028 font-size: 1.2em; 30029 font-weight: 500; 30030 border: 2px solid white; 30031 padding: 7px; 30032 border-radius: 3px; 30033 margin: 0 auto; 30034 padding-top: 12px; 30035 padding-bottom: 12px; 30036 width: 280px; 30037 } 30038 .smart-interstitial-mweb-btn { 30039 margin-top: 30px; 30040 font-size: 1.2em; 30041 } 30042} 30043 30044@media (min-width: 750px) and (orientation: portrait) { 30045 .smart-interstitial-logo { 30046 font-size: 60px; 30047 } 30048 .smart-interstitial-msg { 30049 padding-top: 25px; 30050 padding-bottom: 35px;
30051 font-size: 2.75em; 30052 line-height: 50px; 30053 max-width: 400px; 30054 } 30055 .smart-interstitial-btn { 30056 font-size: 1.9em; 30057 font-weight: 500; 30058 border: 2px solid white; 30059 padding: 7px; 30060 border-radius: 6px; 30061 padding-top: 16px; 30062 padding-bottom: 16px; 30063 width: 350px; 30064 } 30065 .smart-interstitial-mweb-btn { 30066 margin-top: 40px; 30067 font-size: 1.8em; 30068 } 30069} 30070 30071@media only screen and (max-height: 320px) and (orientation: landscape) { 30072 .smart-interstitial-logo { 30073 font-size: 25px; 30074 } 30075 .smart-interstitial-msg { 30076 padding-top: 8px; 30077 padding-bottom: 15px; 30078 font-size: 1.6em; 30079 line-height: 30px; 30080 } 30081 .smart-interstitial-btn { 30082 font-size: 1.1em; 30083 font-weight: 500; 30084 border: 2px solid white; 30085 padding: 7px; 30086 border-radius: 3px; 30087 margin: 0 auto; 30088 padding-top: 10px; 30089 padding-bottom: 10px; 30090 width: 270px; 30091 } 30092 .smart-interstitial-mweb-btn { 30093 margin-top: 20px; 30094 font-size: 1.2em; 30095 } 30096 .smart-interstitial { 30097 background-position: calc(55% + 180px) 100%; 30098 background-size: auto 90%; 30099 } 30100 .smart-interstitial-content { 30101 left: 30%; 30102 } 30103} 30104 30105@media only screen and (max-width: 515px) and (orientation: landscape) { 30106 .smart-interstitial { 30107 background-position: calc(55% + 180px) 100%; 30108 background-size: auto 90%; 30109 } 30110 .smart-interstitial-btn { 30111 width: 90%; 30112 } 30113} 30114 30115.text-field { 30116 position: relative; 30117 box-sizing: border-box; 30118 -webkit-box-sizing: border-box; 30119 box-shadow: inset 0 2px 0 #f5f5f1; 30120 -webkit-box-shadow: inset 0 2px 0 #f5f5f1; 30121} 30122 30123.text-field.clearable { 30124 background-color: #fff; 30125 border-color: #C2C2C2 #E6E6E6 #E6E6E6 #C2C2C2; 30126 border-style: solid; 30127 border-width: 1px; 30128 border-radius: 3px; 30129} 30130 30131.text-field.clearable .text-field-wrapper { 30132 width: 100%; 30133} 30134 30135.text-field.clearable input[type="text"], 30136.text-field.clearable input[type="search"] { 30137 display: table-cell; 30138 width: 100%; 30139 border: none; 30140 -webkit-appearance: none; 30141 background: transparent; 30142 -webkit-box-shadow: none; 30143 box-shadow: none; 30144} 30145 30146.text-field.clearable .close { 30147 display: table-cell; 30148 width: 25px; 30149} 30150 30151.text-field.clearable .close::after { 30152 visibility: hidden; 30153} 30154 30155.text-field.clearable .close.show::after { 30156 visibility: visible; 30157} 30158 30159 30160a.arrow::after { 30161 border-style: solid; 30162 border-color: #888 transparent; 30163 border-width: 5px 5px 0; 30164 display: inline-block; 30165 position: relative; 30166 top: -2px; 30167 left: 1px; 30168 content: ''; 30169} 30170 30171a.arrow-up::after { 30172 border-width: 0 5px 5px; 30173} 30174 30175.ui-toolkit.notifications-container .count { 30176 line-height: 18px; 30177 min-width: 18px; 30178 font-size: 11px; 30179 letter-spacing: 0.03em; 30180 border-radius: 2px; 30181} 30182 30183.ui-toolkit.notifications-container .notifications-header .align-self-center { 30184 margin: auto; 30185} 30186 30187.ui-toolkit.notifications-container .notifications-body { 30188 height: 330px; 30189 overflow-x: hidden; 30190} 30191 30192.ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px { 30193 height: 460px; 30194} 30195 30196@media screen and (max-width: 420px) { 30197 .ui-toolkit.notifications-container .notifications-body { 30198 height: calc(100vh - 88px); 30199 } 30200 .ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px { 30201 height: calc(100vh - 88px); 30202 } 30203} 30204 30205.ui-toolkit.notifications-container a.text-decoration-none { 30206 text-decoration: none; 30207} 30208 30209.ui-toolkit.notifications-container a.text-decoration-none .active { 30210 display: inline; 30211} 30212 30213.ui-toolkit.notifications-container .notification-text { 30214 flex-grow: 2; 30215} 30216 30217.ui-toolkit.notifications-utility-nav.notifications-container .count { 30218 min-width: 24px; 30219} 30220 30221#sub-nav-notification-navigation { 30222 height: auto; 30223} 30224 30225#sub-nav-notification-navigation.non-responsive-width-320px { 30226 width: 320px; 30227} 30228 30229.apply-nav-height, 30230.apply-nav-height>li>.nav-link, 30231.apply-nav-height>li>a { 30232 height: 80px; 30233} 30234 30235.apply-nav-height.gnav-header-inner { 30236 height: 80px; 30237} 30238 30239.gnav-header { 30240 -webkit-font-smoothing: subpixel-antialiased; 30241 position: relative; 30242 margin: 0 -10px; 30243 padding: 0; 30244 background: #FFFFFF; 30245 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); 30246 z-index: 1000; 30247 min-width: 1000px; 30248} 30249 30250.mobile .gnav-header { 30251 margin: 0; 30252} 30253 30254.gnav-header .gnav-header-inner { 30255 width: 980px; 30256 text-align: left; 30257 margin: 0 auto; 30258 box-sizing: border-box; 30259} 30260 30261.gnav-header #gigtodo-logo { 30262 float: left; 30263 width: 160px; 30264 margin-right: 12px; 30265} 30266 30267.gnav-header #gigtodo-logo a { 30268 width: 100%; 30269 height: 100%; 30270 background-size: 100%; 30271 color: #f45800; 30272 margin-top: 2px; 30273 text-indent: -10000em; 30274 overflow: hidden; 30275} 30276 30277 30278 30279.gnav-header .nav-link, 30280.ui-toolkit .gnav-header .nav-link { 30281 float: left; 30282 display: block; 30283 font-size: 12px; 30284 text-align: center; 30285 line-height: 15px; 30286 padding: 0 13px; 30287 margin: 0; 30288 color: #0192B5; 30289 text-decoration: none; 30290} 30291 30292.nav-link .nav-icon { 30293 display: block; 30294 height: 32px; 30295 line-height: 32px; 30296 text-align: center; 30297 color: #666666; 30298 float: none; 30299 font-size: 20px;
30300 min-width: 20px; 30301 top: auto; 30302 position: static; 30303 margin: 18px auto 0; 30304 width: auto; 30305 overflow: visible; 30306 text-indent: 0; 30307 background: none; 30308} 30309 30310.nav-link .nav-icon:before { 30311 display: block; 30312 margin: 0 auto; 30313 float: none; 30314 height: 32px; 30315 min-width: 20px; 30316 line-height: 32px; 30317 text-align: center; 30318} 30319 30320.gnav-header .has-sub-nav .nav-link { 30321 min-width: 0; 30322 cursor: pointer; 30323} 30324 30325.gnav-header .user-nav.has-sub-nav .nav-link, 30326.gnav-header .notifications-nav.has-sub-nav .nav-link { 30327 min-width: 33px; 30328} 30329 30330.nav-link .gnav-ss-dropdown { 30331 font-size: 8px; 30332 line-height: 8px; 30333 position: static; 30334 top: 50%; 30335 margin: 0 -1px 0 0; 30336 left: auto; 30337 color: #bbb; 30338} 30339 30340.nav-link:hover .nav-icon, 30341.nav-link:focus .nav-icon { 30342 color: #000; 30343} 30344 30345.nav-link:hover .gnav-ss-dropdown, 30346.nav-link:focus .gnav-ss-dropdown { 30347 color: #888; 30348} 30349 30350.gnav-header .account-nav>li.sign-in-link:before, 30351.gnav-header .account-nav>li.register-link:before, 30352.gnav-header .account-nav>li:first-child:before { 30353 content: none; 30354} 30355 30356.gnav-header .browse-nav { 30357 position: static; 30358 display: block; 30359 float: left; 30360 padding-left: 20px; 30361 width: auto; 30362 height: 34px; 30363 box-sizing: border-box; 30364} 30365 30366.gnav-header .browse-nav-inner { 30367 position: absolute; 30368 top: 71px; 30369 margin: 0; 30370 max-width: 280px; 30371 font-size: 14px; 30372 line-height: 20px; 30373 padding: 10px 0; 30374 background: #fff; 30375 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); 30376 border-radius: 3px; 30377} 30378 30379.browse-nav-inner.hide { 30380 display: none; 30381} 30382 30383.browse-nav-inner.show { 30384 display: block; 30385} 30386 30387.browse-nav-inner:before, 30388.browse-nav-inner:after { 30389 left: 10%; 30390 margin-left: -10px; 30391} 30392 30393.gnav-header .browse-nav li { 30394 display: block; 30395 padding: 0; 30396} 30397 30398.browse-nav-inner .promotional-slice-categories { 30399 border-bottom: 1px solid #E5E5E5; 30400 margin-bottom: 5px; 30401 padding-bottom: 5px; 30402} 30403 30404.gnav-header .browse-nav .browse-nav-inner li.promotional-slices { 30405 display: none; 30406} 30407 30408.gnav-header .browse-nav-inner a { 30409 display: block; 30410 padding: 8px 20px; 30411 font-size: 14px; 30412 line-height: 20px; 30413 color: #333; 30414 width: auto; 30415 text-decoration: none; 30416 white-space: normal; 30417 margin: 0; 30418} 30419 30420.ui-toolkit .gnav-header .search-browse-nav, 30421.gnav-header .search-browse-nav { 30422 display: none; 30423} 30424 30425.no-touch .gnav-header .browse-nav-inner a:hover, 30426.is-touch .gnav-header .browse-nav-inner a.active { 30427 color: #0192B5; 30428 background: #E5F4F7; 30429} 30430 30431.gnav-header .browse-nav .browse-dropdown-trigger { 30432 display: block; 30433 width: auto; 30434 text-decoration: none; 30435 padding: 0; 30436 padding-top: 23px; 30437 height: 58px; 30438 cursor: pointer; 30439 outline: none; 30440} 30441 30442.browse-nav .browse-dropdown-trigger .inner-cell { 30443 border: 1px solid #E5E5E5; 30444 height: auto; 30445 white-space: nowrap; 30446 padding: 8px; 30447 border-radius: 3px; 30448 color: #666; 30449 font-size: 14px; 30450 line-height: 1.2em; 30451 display: block; 30452 width: auto; 30453 text-decoration: none; 30454} 30455 30456.browse-nav .browse-dropdown-trigger:hover .inner-cell { 30457 border-color: #c0c0c0; 30458} 30459 30460.browse-dropdown-trigger .browse-copy { 30461 display: none; 30462} 30463 30464.browse-dropdown-trigger .browse-copy.short { 30465 display: block; 30466} 30467 30468.browse-dropdown-trigger .browse-copy:after { 30469 /*font-family: "SSStandard";*/ 30470 content: 'â¾'; 30471 color: #bbb; 30472 font-size: 8px; 30473 line-height: 1em; 30474 position: relative; 30475 top: 0; 30476 left: 3px; 30477 margin: 0 1px; 30478 -moz-font-feature-settings: "liga=1"; 30479 -moz-font-feature-settings: "liga"; 30480 -ms-font-feature-settings: "liga" 1; 30481 -o-font-feature-settings: "liga"; 30482 font-feature-settings: "liga"; 30483 -webkit-font-smoothing: antialiased; 30484 -moz-osx-font-smoothing: grayscale; 30485} 30486 30487.browse-dropdown-trigger:hover .browse-copy:after { 30488 color: #888; 30489} 30490 30491.apply-nav-height .sell-on-gigtodo-link { 30492 float: left; 30493 position: relative; 30494 list-style: none; 30495 border: 0 none; 30496 margin: 0; 30497 padding: 0; 30498} 30499 30500.apply-nav-height .sell-on-gigtodo-link a { 30501 border: 1px solid transparent; 30502 height: auto; 30503 margin-top: 23px; 30504 display: block; 30505 float: left; 30506 padding: 8px; 30507 line-height: 16px; 30508 font-size: 14px; 30509 text-decoration: none; 30510 box-sizing: border-box; 30511 color: #E55400; 30512} 30513 30514.apply-nav-height .sell-on-gigtodo-link a:hover { 30515 text-decoration: underline; 30516} 30517 30518.apply-nav-height .sell-on-gigtodo-link a .sell-copy.short { 30519 display: none; 30520} 30521 30522.gnav-header .account-nav li.wholesale span.gigtodo-icon { 30523 margin-top: 2px; 30524 vertical-align: top; 30525} 30526 30527@media screen and (min-width: 421px) { 30528 .gnav-header .account-nav li.wholesale a:before { 30529 margin: -11px auto auto auto; 30530 } 30531 .gnav-header .account-nav li.wholesale a:after { 30532 margin: -15px auto auto auto; 30533 } 30534} 30535 30536@media screen and (max-width: 420px) { 30537 .gnav-header .account-nav li.wholesale a:before { 30538 margin: -4px auto auto auto; 30539 } 30540 .gnav-header .account-nav li.wholesale a:after { 30541 margin: -8px auto auto auto; 30542 } 30543} 30544 30545@media screen and (max-width: 980px) { 30546 .is-responsive .gnav-header .account-nav li.wholesale span.gigtodo-icon { 30547 margin-top: 4px; 30548 } 30549} 30550 30551@media (min-width: 451px) and (max-width: 479px) { 30552 .is-responsive .gnav-header .wholesaleoverride .nav-link { 30553 padding: 0 8px; 30554 } 30555} 30556 30557@media (min-width: 421px) and (max-width: 450px) { 30558 .is-responsive .gnav-header .wholesaleoverride .nav-link { 30559 padding: 0 5px; 30560 } 30561} 30562 30563.is-responsive .apply-nav-height .sell-on-gigtodo-link {} 30564 30565@media screen and (max-width: 1024px) { 30566 .is-responsive .apply-nav-height .sell-on-gigtodo-link a { 30567 height: auto; 30568 margin-top: 13px; 30569 line-height: 15px; 30570 } 30571} 30572 30573@media screen and (max-width: 500px) { 30574 .is-responsive .apply-nav-height .sell-on-gigtodo-link a {} 30575 .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy { 30576 display: none; 30577 } 30578 .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy.short { 30579 display: inline; 30580 } 30581} 30582 30583@media screen and (max-width: 420px) { 30584 .is-responsive .apply-nav-height .sell-on-gigtodo-link a { 30585 margin-top: 5px; 30586 margin-right: 5px; 30587 } 30588} 30589 30590.apply-nav-height.signed-in a { 30591 line-height: 16px; 30592} 30593 30594.is-responsive .apply-nav-height .signed-in {} 30595 30596.is-responsive .apply-nav-height .signed-in a { 30597 line-height: 16px; 30598} 30599 30600@media screen and (min-width: 981px) { 30601 .is-responsive .apply-nav-height .signed-in a { 30602 margin-right: 7px; 30603 } 30604} 30605 30606@media screen and (max-width: 420px) { 30607 .is-responsive .apply-nav-height .signed-in a { 30608 margin-right: 0px; 30609 line-height: 18px; 30610 } 30611} 30612 30613.gnav-header .search-nav { 30614 position: relative; 30615 float: left; 30616 width: 35%; 30617} 30618 30619.gnav-header #search-query.close-icon-experiment { 30620 padding: 6px 36px 6px 10px; 30621} 30622 30623.gnav-header #search-query.search-mobile { 30624 height: 42px; 30625 font-size: 16px; 30626} 30627 30628.gnav-header #search-query:hover { 30629 outline: none; 30630 border: 1px solid #bcb7b3; 30631} 30632 30633.gnav-header #search-query:focus, 30634.gnav-header #search-query:active { 30635 outline: none; 30636 border: 1px solid #28a745; 30637 background: #FFF; 30638 /*box-shadow: 0 0 0 1000px #fff inset;*/ 30639} 30640 30641.gnav-header .gnav-search-inner { 30642 position: absolute; 30643 display: table; 30644 width: 100%; 30645 top: 50%; 30646 margin-top: -17px; 30647 height: 34px; 30648} 30649 30650.gnav-header .gnav-search-inner.search-mobile { 30651 margin-top: -20px; 30652} 30653 30654.gnav-header .search-input-wrapper, 30655.gnav-header .search-button-wrapper { 30656 white-space: nowrap; 30657 display: table-cell; 30658 vertical-align: top; 30659 width: 100%; 30660} 30661 30662.gnav-header .search-input-wrapper .close { 30663 display: none; 30664} 30665 30666.gnav-header .search-input-wrapper .close:after { 30667 padding: 0 0 0 0px; 30668 background-position: 10px 0; 30669} 30670 30671.gnav-header .search-input-wrapper .close.show { 30672 display: inline-block; 30673 cursor: pointer; 30674} 30675 30676.gnav-header .search-input-wrapper #search-query { 30677 position: relative; 30678 margin-top: 0; 30679 margin-bottom: 0;
30680 border-right: none; 30681 border-top-right-radius: 0 !important; 30682 border-bottom-right-radius: 0 !important; 30683} 30684 30685.gnav-header .search-button-wrapper .btn-primary { 30686 border-top-left-radius: 0; 30687 border-bottom-left-radius: 0; 30688 line-height: 17px; 30689 height: 34px; 30690 padding: 7px 15px 8px; 30691 background-color: #28a745 !important; 30692 font-weight: 700; 30693} 30694 30695.gnav-header .search-button-wrapper .btn-primary.search-mobile { 30696 height: 42px; 30697} 30698 30699.search-mobile-wrapper { 30700 height: 62px; 30701} 30702 30703@media screen and (min-width: 421px) { 30704 .search-mobile-wrapper { 30705 height: 66px; 30706 } 30707} 30708 30709#open-filters.search-mobile { 30710 height: 42px; 30711 margin-top: 10px; 30712} 30713 30714@media screen and (min-width: 421px) { 30715 #open-filters.search-mobile { 30716 margin-top: 13px; 30717 } 30718} 30719 30720.search-browse-spacer { 30721 display: block; 30722 clear: left; 30723 top: 60px; 30724 margin: 0; 30725 padding: 0 10px; 30726 position: relative; 30727 top: 0; 30728 z-index: 5; 30729} 30730 30731.lte-ie7 .gnav-header .search-input-wrapper, 30732.lte-ie7 .gnav-header .search-button-wrapper { 30733 float: left; 30734 width: 75%; 30735} 30736 30737.lte-ie7 .gnav-header .search-button-wrapper { 30738 width: 25%; 30739} 30740 30741.lte-ie7 .gnav-header .search-input-wrapper #search-query, 30742.lte-ie7 .gnav-header .search-button-wrapper .btn-primary { 30743 position: absolute; 30744 top: 0; 30745 left: 0; 30746 right: 0; 30747} 30748 30749.lte-ie7 .gnav-header .search-input-wrapper #search-query { 30750 height: 20px; 30751} 30752 30753.lte-ie7 .gnav-header .search-button-wrapper .btn-primary { 30754 height: 34px; 30755 line-height: 15px; 30756} 30757 30758.gnav-header .account-nav { 30759 float: right; 30760 margin: 0; 30761 padding-left: 0; 30762} 30763 30764.gnav-header .account-nav>li { 30765 float: left; 30766 position: relative; 30767 list-style: none; 30768 border: 0 none; 30769 margin: 0; 30770 padding: 0; 30771} 30772 30773.mobile .gnav-header .account-nav li a:active, 30774.is-touch .gnav-header .account-nav li a:active { 30775 background: #E5F4F7; 30776} 30777 30778.gnav-header .account-nav .count { 30779 text-align: center; 30780 line-height: 18px; 30781 min-width: 18px; 30782 float: right; 30783 position: absolute; 30784 vertical-align: baseline; 30785 background: #F56400; 30786 color: #FFFFFF; 30787 font-size: 11px; 30788 letter-spacing: 0.03em; 30789 padding: 0 4px; 30790 margin: 0 -13px 0 0; 30791 top: 22px; 30792 right: 50%; 30793 box-sizing: border-box; 30794 border-radius: 2px; 30795} 30796 30797.gnav-header .account-nav .count.display-none { 30798 display: none; 30799} 30800 30801.gnav-header .account-nav .count.count-smaller { 30802 line-height: 11px; 30803 min-width: 11px; 30804 top: 14px; 30805 right: 55%; 30806} 30807 30808.gnav-header .count.hide { 30809 display: none; 30810 opacity: 0; 30811 filter: alpha(opacity=0); 30812} 30813 30814.gnav-header .text-link { 30815 display: block; 30816 clear: left; 30817 white-space: nowrap; 30818 color: #595959; 30819 font-size: 12px; 30820 margin-top: -2px; 30821} 30822 30823.gnav-header .nav-link:hover .text-link { 30824 color: #333; 30825} 30826 30827.gnav-header .text-link .text-link-copy { 30828 display: inline; 30829} 30830 30831.nav-icon.nav-icon-image { 30832 position: relative; 30833} 30834 30835.nav-icon.nav-icon-image:after { 30836 content: ''; 30837 display: block; 30838 width: 24px; 30839 height: 24px; 30840 border: 1px solid #000; 30841 top: 1px; 30842 left: 50%; 30843 margin-left: -12px; 30844 position: absolute; 30845 opacity: 0.1; 30846 filter: alpha(opacity=10); 30847 box-sizing: border-box; 30848} 30849 30850.nav-icon.nav-icon-image.nav-icon-square:after { 30851 border-radius: 5%; 30852} 30853 30854.nav-icon.nav-icon-image.nav-icon-circle:after { 30855 border-radius: 50%; 30856} 30857 30858.nav-link:focus .nav-icon.nav-icon-image:after, 30859.nav-link:hover .nav-icon.nav-icon-image:after { 30860 background-color: #000; 30861} 30862 30863.nav-icon img { 30864 position: relative; 30865 display: block; 30866 float: none; 30867 width: 24px; 30868 height: 24px; 30869 margin: 0 auto; 30870 top: 1px; 30871} 30872 30873.nav-icon-square img { 30874 border-radius: 12%; 30875} 30876 30877.nav-icon-circle img { 30878 border-radius: 50%; 30879} 30880 30881.gnav-header .account-nav .cart { 30882 margin: 0; 30883 padding: 0; 30884} 30885 30886.gnav-header .account-nav .cart .count { 30887 background: #F56400; 30888} 30889 30890.gnav-header .account-nav .cart:hover .count { 30891 background: #ff6905; 30892} 30893 30894.gnav-header .sub-navs { 30895 position: absolute; 30896 right: 0; 30897 top: 100%; 30898 width: 100%; 30899} 30900 30901.gnav-header .sub-nav { 30902 display: none; 30903 position: absolute; 30904 width: 280px; 30905 top: -9px; 30906 right: 20px; 30907 font-size: 14px; 30908 line-height: 20px; 30909 padding: 0; 30910 background: #fff; 30911 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); 30912 border-radius: 3px; 30913 z-index: 50; 30914} 30915 30916.gnav-header .sub-nav:before { 30917 display: block; 30918 content: ' '; 30919 position: absolute; 30920 top: -14px; 30921 bottom: -14px; 30922 left: -14px; 30923 right: -14px; 30924 cursor: pointer; 30925 border-radius: 30px 30px 5px 5px; 30926 z-index: -1; 30927} 30928 30929.gnav-header .sub-nav>ul { 30930 margin: 0; 30931 padding: 0 0 8px; 30932} 30933 30934.gnav-header .sub-nav li { 30935 float: none; 30936 display: block; 30937 text-align: left; 30938 margin: 0; 30939} 30940 30941.gnav-header .sub-nav li.top-divider { 30942 border-top: 1px solid #E2E2E2; 30943 border-top: 1px solid rgba(0, 0, 0, 0.1); 30944 margin-top: 8px; 30945 padding-top: 8px; 30946} 30947 30948.gnav-header .sub-nav li.bottom-divider { 30949 border-bottom: 1px solid #E2E2E2; 30950 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 30951 margin-bottom: 8px; 30952 padding-bottom: 8px; 30953} 30954 30955.gnav-header .sub-nav li.bottom-divider.no-extra-space { 30956 padding-bottom: 0; 30957} 30958 30959.gnav-header .sub-nav li.push-to-right { 30960 text-align: right; 30961} 30962 30963.gnav-header .subnav-text-link { 30964 display: block; 30965 padding: 8px 20px; 30966 color: #333; 30967 width: auto; 30968 margin: 0; 30969} 30970 30971.gnav-header .subnav-text-link, 30972.gnav-header .subnav-text-link:hover { 30973 text-decoration: none; 30974} 30975 30976.no-touch .gnav-header .subnav-text-link:hover, 30977.no-touch .gnav-header .subnav-text-link:focus, 30978.no-touch .gnav-header .subnav-text-link:active, 30979.is-touch .gnav-header .subnav-text-link.active { 30980 color: #222; 30981 background: rgba(0, 0, 0, 0.05); 30982} 30983 30984.gnav-header .subnav-text-link .gnav-ss-icon { 30985 font-size: 16px; 30986 display: inline-block; 30987 margin-right: 4px; 30988 vertical-align: top; 30989 position: relative; 30990 top: 2px; 30991 color: #595959; 30992} 30993 30994.no-touch .gnav-header .subnav-text-link:hover .gnav-ss-icon, 30995.no-touch .gnav-header .subnav-text-link:active .gnav-ss-icon, 30996.is-touch .gnav-header .subnav-text-link.active .gnav-ss-icon { 30997 color: #222; 30998} 30999 31000.gnav-header .sub-nav a .count { 31001 text-align: center; 31002 display: inline-block; 31003 float: none; 31004 margin: 0; 31005 background: #F56400; 31006 padding: 0 4px; 31007 margin-left: 4px; 31008 vertical-align: baseline; 31009 font-size: 11px; 31010 line-height: 18px; 31011 min-width: 18px; 31012 letter-spacing: 0.03em; 31013 color: #fff; 31014 border-radius: 2px; 31015 box-sizing: border-box; 31016 position: relative; 31017 top: -2px; 31018} 31019 31020.gnav-header .sub-nav a .count.inline { 31021 display: inline; 31022 padding: 2px 5px; 31023} 31024 31025.gnav-header .sub-nav a:hover .count { 31026 background: #ff6905; 31027} 31028 31029.gnav-header .sub-nav.shop { 31030 right: 72px; 31031} 31032 31033.gnav-header .sub-nav.hide { 31034 display: none; 31035} 31036 31037.gnav-header .sub-nav.show, 31038.gnav-header li:hover>.sub-nav { 31039 display: block; 31040} 31041 31042.gnav-header .with-pointer:before, 31043.gnav-header .with-pointer:after { 31044 content: " "; 31045 display: block; 31046 position: absolute; 31047 top: -10px; 31048 right: 72px; 31049 width: 0; 31050 height: 0; 31051 border-left: 10px solid transparent; 31052 border-right: 10px solid transparent; 31053 border-bottom: 10px solid #d8d8d8; 31054 cursor: pointer; 31055} 31056 31057.gnav-header .with-pointer:after { 31058 top: -9px; 31059 border-bottom: 10px solid #FFF; 31060 z-index: 1; 31061} 31062 31063.gnav-header .gnav-header-inner .with-catnav .with-pointer:before, 31064.gnav-header .gnav-header-inner .with-catnav .with-pointer:after { 31065 display: none; 31066} 31067 31068@media only screen and (min-width: 640px) and (max-width: 1024px) { 31069 .gnav-header .gnav-header-inner .with-catnav .with-pointer:before, 31070 .gnav-header .gnav-header-inner .with-catnav .with-pointer:after { 31071 display: block; 31072 } 31073} 31074 31075.search-browse-inner.with-pointer:before, 31076.search-browse-inner.with-pointer:after { 31077 display: none; 31078} 31079 31080.gnav-user-card, 31081.gnav-shop-card { 31082 position: relative; 31083} 31084 31085.ui-toolkit .gnav-user-card a, 31086.ui-toolkit .gnav-shop-card .clickable-header, 31087.gnav-user-card a, 31088.gnav-shop-card .clickable-header { 31089 display: block; 31090 padding: 18px 20px; 31091 margin: 0; 31092 text-decoration: none; 31093} 31094 31095.gnav-user-card .details, 31096.gnav-shop-card .details { 31097 display: block; 31098 margin-left: 61px; 31099 line-height: 18px; 31100} 31101 31102.gnav-user-card .name, 31103.gnav-shop-card .name { 31104 color: #333; 31105 white-space: nowrap; 31106 overflow: hidden; 31107 text-overflow: ellipsis; 31108 margin: -1px 0 8px; 31109 font-size: 16px; 31110} 31111 31112@media screen and (min-device-width: 680px) and (orientation: portrait), 31113screen and (min-device-height: 680px) and (orientation: landscape) { 31114 .gnav-user-card .name, 31115 .gnav-shop-card .name { 31116 /*font-family: "Guardian-EgypTT", Arial, Helvetica, sans-serif;*/ 31117 font-weight: 500; 31118 } 31119} 31120 31121.gnav-user-card .details a, 31122.gnav-shop-card .details a { 31123 display: inline-block; 31124 margin-right: 0.5em; 31125} 31126 31127.gnav-user-card .profile-link, 31128.gnav-shop-card .shop-link, 31129.gnav-shop-card .edit-shop-link { 31130 display: inline-block; 31131 font-size: 13px; 31132 padding: 2px 8px; 31133 margin-bottom: 0; 31134 white-space: nowrap; 31135 overflow: hidden; 31136 text-overflow: ellipsis; 31137 vertical-align: bottom; 31138 border: 1px solid #e2e2e2; 31139 border-radius: 3px; 31140 color: #333; 31141} 31142 31143.gnav-shop-card .edit-shop-link { 31144 background-color: #F56400; 31145 color: #FFF; 31146 border-color: rgba(0, 0, 0, 0.1); 31147} 31148 31149.no-touch .gnav-user-card a:hover, 31150.no-touch .gnav-shop-card a:hover { 31151 box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); 31152} 31153 31154.no-touch .gnav-user-card a:hover .profile-link, 31155.no-touch .gnav-user-card a:hover .shop-link, 31156.no-touch .gnav-shop-card a:hover .profile-link, 31157.no-touch .gnav-shop-card a:hover .shop-link { 31158 color: #222; 31159 border-color: rgba(0, 0, 0, 0.15); 31160} 31161 31162.no-touch .gnav-user-card a:hover .edit-shop-link, 31163.no-touch .gnav-shop-card a:hover .edit-shop-link { 31164 color: #FFF; 31165 background-color: #ff6905; 31166} 31167 31168.gnav-user-card .profile-link .gnav-ss-icon, 31169.gnav-shop-card .shop-link .gnav-ss-icon { 31170 font-size: 11px; 31171 color: #CCC; 31172 margin-left: 6px; 31173 vertical-align: middle; 31174 position: relative; 31175 top: 1px; 31176} 31177 31178.gnav-shop-card .edit-shop-link .gnav-ss-icon { 31179 font-size: 11px; 31180 color: #FFF; 31181 margin-left: 6px; 31182 vertical-align: middle; 31183 position: relative; 31184 top: 1px; 31185} 31186 31187.no-touch .gnav-user-card a:hover .profile-link .gnav-ss-icon, 31188.no-touch .gnav-shop-card a:hover .shop-link .gnav-ss-icon { 31189 color: #666; 31190} 31191 31192.gnav-user-card .avatar { 31193 float: left; 31194 vertical-align: middle; 31195 width: 50px; 31196 height: 50px; 31197 margin-top: 0; 31198 box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); 31199 border-radius: 50%; 31200} 31201 31202.gnav-shop-card .gnav-ss-shop { 31203 float: left; 31204 width: 50px; 31205 height: 50px; 31206 line-height: 70px; 31207 font-size: 30px; 31208 text-align: center; 31209 color: #999; 31210 border: 1px solid #e2e2e2; 31211 background-color: #EFEFEB; 31212 border-radius: 3px; 31213 box-sizing: border-box; 31214} 31215 31216.gnav-shop-card .gnav-ss-shop:before { 31217 position: relative; 31218 top: -7px; 31219} 31220 31221.gnav-header .sub-nav a.giftcard-balance { 31222 color: #222; 31223} 31224 31225.gnav-header .sub-nav a.earn-balance { 31226 color: #E55400; 31227} 31228 31229.no-touch .gnav-header .sub-nav a.giftcard-balance:hover, 31230.no-touch .gnav-header .sub-nav a.earn-balance:hover { 31231 background: #FFF3EE; 31232 color: #222; 31233} 31234 31235.gnav-header .sub-nav a.giftcard-balance:before { 31236 content: " "; 31237 display: inline-block; 31238 vertical-align: middle;
31239 width: 20px; 31240 height: 14px; 31241 background: transparent url(/assets/dist/images/sprites/payment-methods.20170615210940.png) no-repeat -197px -3px; 31242 background-size: 230px; 31243 margin-right: 4px; 31244} 31245 31246@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 31247only screen and (-moz-min-device-pixel-ratio: 1.5), 31248only screen and (min--moz-device-pixel-ratio: 1.5), 31249only screen and (-o-min-device-pixel-ratio: 3/2), 31250only screen and (min-device-pixel-ratio: 1.5) { 31251 .gnav-header .sub-nav a.giftcard-balance:before { 31252 background-image: url(/assets/dist/images/sprites/[email protected]); 31253 } 31254} 31255 31256.gnav-header .sub-nav .giftcard-balance .currency-code { 31257 font-size: 80%; 31258} 31259 31260.sub-nav.cart { 31261 margin-right: 27px; 31262} 31263 31264.gnav-header .gnav-cart.with-pointer:before, 31265.gnav-header .gnav-cart.with-pointer:after { 31266 right: 16px; 31267} 31268 31269.gnav-cart { 31270 padding: 15px 20px 18px; 31271} 31272 31273.gnav-cart .spinner-large { 31274 margin: 0 auto; 31275 display: block; 31276} 31277 31278.gnav-cart .empty { 31279 color: #333; 31280} 31281 31282.gnav-cart .btn-primary { 31283 display: block; 31284 margin-top: 18px; 31285} 31286 31287.cart-items li { 31288 padding-top: 8px; 31289 line-height: 18px; 31290} 31291 31292.cart-items li:first-child { 31293 padding: 0; 31294} 31295 31296.cart-items a { 31297 display: block; 31298 color: #333; 31299 font-size: 13px; 31300 text-decoration: none; 31301} 31302 31303.cart-items img { 31304 border-radius: 3px; 31305 border: 1px solid #ECECEC; 31306 background-color: #FFF; 31307 padding: 2px; 31308 width: 60px; 31309 height: 48px; 31310 float: left; 31311} 31312 31313.gnav-cart { 31314 padding: 18px 20px; 31315 min-height: 75px; 31316} 31317 31318.gnav-cart .spinner-large { 31319 margin: 0 auto; 31320} 31321 31322.cart-items li { 31323 padding-top: 10px; 31324 line-height: 18px; 31325} 31326 31327.cart-items li:first-child { 31328 padding: 0; 31329} 31330 31331.cart-items img { 31332 border-radius: 3px; 31333 border: 1px solid #ECECEC; 31334 background-color: #FFF; 31335 padding: 2px; 31336 width: 60px; 31337 height: 48px; 31338 float: left; 31339} 31340 31341.cart-item-info { 31342 margin-left: 75px; 31343} 31344 31345.cart-item-info a { 31346 display: block; 31347 color: #333; 31348 font-size: 13px; 31349 white-space: nowrap; 31350 overflow: hidden; 31351 text-overflow: ellipsis; 31352} 31353 31354.cart-item-info .cart-item-price { 31355 color: #7AC142; 31356 font-size: 12px; 31357} 31358 31359.cart-item-info .cart-item-price>span { 31360 font-size: 90%; 31361} 31362 31363.gnav-cart .btn-primary { 31364 display: block; 31365 margin-top: 20px; 31366} 31367 31368.gnav-header .register-link a, 31369.gnav-header .sign-in-link a{ 31370/* height: auto; 31371 margin-top: 23px; 31372 margin-right: 18px; 31373 display: block; 31374 float: left; 31375 padding: 8px; 31376 line-height: 16px; 31377 font-size: 14px; 31378 border: 1px solid; 31379 text-decoration: none; 31380 border-radius: 3px; 31381 box-sizing: border-box; 31382 color: #E55400;*/ 31383 height: auto; 31384 margin-top: 19px; 31385 margin-right: 18px; 31386 display: block; 31387 float: left; 31388 padding: 10px 8px; 31389 line-height: 16px; 31390 font-size: 14px; 31391 font-weight: 700; 31392 border: 1px solid; 31393 border-radius: 20px; 31394 text-decoration: none; 31395 border-radius: 10px; 31396 box-sizing: border-box; 31397 color: #E55400; 31398} 31399 31400 31401.gnav-header .logged-in-link .menuItem{ 31402 height: auto; 31403 margin-top: 23px; 31404 margin-right: 18px; 31405 display: block; 31406 float: left; 31407 padding: 8px; 31408 line-height: 16px; 31409 font-size: 14px; 31410 border-radius: 3px; 31411 box-sizing: border-box; 31412} 31413 31414.gnav-header .logged-in-link .menuItem { 31415 margin-right: 3px; 31416 border: 1px solid transparent; 31417} 31418 31419.gnav-header .register-link a { 31420 margin-right: 7px; 31421 border: 1px solid transparent; 31422} 31423 31424.gnav-header .account-nav .sign-in-link a:hover { 31425 background: rgba(0, 0, 0, 0.02); 31426} 31427 31428body.is-global-nav #buyer-invite-credit-notice { 31429 max-width: 980px; 31430 margin: 20px auto; 31431 padding: 0; 31432 border: #ffe4da; 31433 background-color: #FFF3EE; 31434 text-align: left; 31435 font-size: 14px; 31436 font-weight: bold; 31437} 31438 31439body.is-global-nav #buyer-invite-credit-notice .msg-inner { 31440 padding: 20px; 31441} 31442 31443body.is-global-nav #buyer-invite-credit-notice .msg-inner h2 { 31444 color: #333; 31445 font-weight: bold; 31446 font-size: inherit; 31447 padding: 0px; 31448 text-transform: none; 31449} 31450 31451.lte-ie8 .gnav-header .search-nav .search-input { 31452 padding-bottom: 0; 31453} 31454 31455.lte-ie7 .gnav-header .text-link { 31456 display: block; 31457} 31458 31459.lte-ie7 .gnav-header .nav-icon { 31460 display: none; 31461} 31462 31463body.mobile.is-global-nav .notice { 31464 margin: 0px 0px; 31465} 31466 31467body.is-global-nav .content-wrap-white { 31468 margin-top: 0; 31469} 31470 31471.is-global-nav.fullwidth-cart #primary { 31472 border-top: none; 31473 border-bottom: none; 31474} 31475 31476.is-global-nav.fullwidth-cart #checkout { 31477 border-top: none; 31478} 31479 31480body.is-global-nav #new-seller-header { 31481 margin: 28px 0 18px; 31482} 31483 31484body.is-global-nav .new-seller-content h2.category { 31485 position: static; 31486 margin-bottom: 8px; 31487} 31488 31489body.is-global-nav #new-seller-header { 31490 z-index: auto; 31491} 31492 31493#footer.stacked-footer #copy { 31494 margin: 0; 31495} 31496 31497.header__skip-to-content { 31498 display: inline-block; 31499} 31500 31501.header__skip-to-content.focusable:active, 31502.header__skip-to-content.focusable:focus { 31503 float: left; 31504 margin-top: 23px; 31505 margin-left: 10px; 31506 padding: 8px; 31507 line-height: 16px; 31508 font-size: 14px; 31509 text-decoration: none; 31510 color: #0192B5; 31511} 31512 31513.header__mweb-cat-nav { 31514 display: inline-block; 31515 background-color: #FFF; 31516} 31517
31518.header__mweb-cat-nav.focusable:active .header__mweb-cat-nav.focusable:focus { 31519 margin-top: 12px; 31520 margin-left: 12px; 31521 padding: 8px; 31522 line-height: 16px; 31523 font-size: 14px; 31524 font-weight: normal; 31525 text-decoration: none; 31526 color: #0192B5; 31527 outline: 1px dotted #F56400; 31528} 31529 31530.gnav-header .gnav-search-inner .search-input-wrapper .close:after { 31531 background-position: 0px 0px; 31532 font-height: 12px; 31533} 31534 31535#gigtodo-logo.gigtodo-logo-svg { 31536 position: relative; 31537} 31538 31539.gnav-header #gigtodo-logo.gigtodo-logo-svg a { 31540 background: none; 31541 position: relative; 31542} 31543 31544.gigtodo-logo-svg .gigtodo-icon { 31545 position: absolute; 31546 color: #f45800; 31547} 31548 31549.is-responsive .ui-toolkit .gigtodo-logo-svg-e, 31550.is-responsive .gigtodo-logo-svg-e { 31551 top: 4px; 31552 left: 6px; 31553 width: 30px; 31554 height: 30px; 31555} 31556 31557.is-responsive .ui-toolkit .gigtodo-logo-svg-e, 31558.is-responsive .gigtodo-logo-svg-e { 31559 display: none; 31560} 31561 31562.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full { 31563 display: none; 31564} 31565 31566.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-e { 31567 display: block; 31568} 31569 31570@media screen and (min-width: 421px) { 31571 .is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full { 31572 display: block; 31573 } 31574 .is-responsive .gigtodo-logo-svg-logged-in .mobile { 31575 display: none; 31576 } 31577 31578 .is-responsive .gigtodo-logo-svg-logged-in .mobile-full { 31579 display: none; 31580 } 31581 31582} 31583 31584.gigtodo-logo-svg-logged-in .text-logo { 31585 width: 150px; 31586 margin-top: 20px; 31587 font-size: 30px; 31588 position: relative; 31589 top: 18px; 31590} 31591 31592@media screen and (min-width: 901px) { 31593 .gigtodo-logo-svg-logged-in .desktop{ 31594 margin-top: 21px; 31595 } 31596} 31597 31598 31599@media screen and (max-width: 1024px) { 31600 .gigtodo-logo-svg-logged-in .desktop{ 31601 display: none; 31602 } 31603 .gigtodo-logo-svg-logged-in .mobile{ 31604 margin-top: 18px; 31605 margin-left: -9px; 31606 display: unset !important; 31607 } 31608 31609 .gigtodo-logo-svg-logged-in .mobile-full{ 31610 margin-top: 18px; 31611 margin-left: 20px; 31612 display: unset !important; 31613 } 31614 31615 31616} 31617 31618.is-responsive.is-signed-in .gnav-header #gigtodo-logo.gigtodo-logo-svg a:before { 31619 content: ""; 31620} 31621 31622.is-responsive .gnav-header .has-svg-icons .nav-link { 31623 padding: 0 9px; 31624} 31625 31626.gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg, 31627.gnav-header .has-svg-icons .nav-icon.inline-svg svg { 31628 fill: currentColor; 31629 width: 22px; 31630 height: 100%; 31631} 31632 31633@media screen and (min-width: 981px) { 31634 .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg, 31635 .gnav-header .has-svg-icons .nav-icon.inline-svg svg { 31636 position: relative; 31637 top: -2px; 31638 } 31639} 31640 31641@media screen and (max-width: 1024px) { 31642 .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg, 31643 .gnav-header .has-svg-icons .nav-icon.inline-svg svg { 31644 position: relative; 31645 top: -0px; 31646 } 31647} 31648 31649.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative { 31650 position: relative; 31651} 31652 31653.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative svg { 31654 width: 21px; 31655} 31656 31657.gnav-header .has-svg-icons .shop-name .icon-navigateright { 31658 color: #D4D4D4; 31659 float: right; 31660 margin-top: 6px; 31661} 31662 31663.gnav-header .has-svg-icons ul li span.gigtodo-icon.subnav-icon { 31664 right: 6px; 31665 top: 50%; 31666 transform: translateY(-50%); 31667} 31668 31669.gnav-header .has-svg-icons .user-nav{ 31670 position: relative; 31671} 31672 31673.gnav-header .has-svg-icons .user-nav .gigtodo-icon-dropdown, 31674.gnav-header .has-svg-icons .notifications-nav .gigtodo-icon-dropdown { 31675 color: #bbb; 31676 display: none; 31677 height: 5px; 31678 width: 9px; 31679} 31680 31681 31682.sub-nav.user.has-svg-icons .profile-link .gigtodo-icon { 31683 color: #ccc; 31684 height: 14px; 31685 width: 12px; 31686 margin-left: 8px; 31687} 31688 31689 31690.cnav-header .close .gigtodo-icon { 31691 position: relative; 31692 top: -1px; 31693} 31694 31695.cnav-header .catnav-primary-list-item { 31696 position: relative; 31697} 31698 31699.cnav-header ul li span.gigtodo-icon.subnav-icon { 31700 right: 6px; 31701 top: 50%; 31702 transform: translateY(-50%); 31703} 31704 31705 31706 31707@media screen and (max-width: 1050px) { 31708 .is-responsive .gnav-header { 31709 min-width: 0; 31710 margin: 0; 31711 } 31712 .is-responsive .gnav-header .gnav-header-inner { 31713 width: auto; 31714 } 31715 .is-responsive .gnav-header .browse-nav-inner { 31716 width: auto; 31717 } 31718 .is-responsive .gnav-footer-inner { 31719 width: auto; 31720 } 31721} 31722 31723@media screen and (max-width: 1024px) { 31724 .is-responsive .gnav-header .nav-link { 31725 font-size: 14px; 31726 padding: 0 12px; 31727 } 31728 31729 .logged-in-link .dropdown-menu{ 31730 31731 margin-left: -100px; 31732 31733 } 31734 31735 .is-responsive .nav-link .nav-icon { 31736 float: left; 31737 top: 50%; 31738 position: relative; 31739 margin: -16px 0 0; 31740 } 31741 .is-responsive .nav-link .nav-icon:before { 31742 margin: 9px 0 0; 31743 height: 20px; 31744 line-height: 19px; 31745 float: left; 31746 } 31747 .is-responsive .gnav-header .has-sub-nav .nav-link { 31748 min-width: 28px; 31749 -webkit-box-sizing: content-box; 31750 -moz-box-sizing: content-box; 31751 box-sizing: content-box; 31752 outline: none; 31753 border: none; 31754 } 31755 .is-responsive .nav-link .gnav-ss-dropdown { 31756 line-height: 19px; 31757 position: absolute; 31758 margin: -8px 0 0 0; 31759 left: 35px; 31760 } 31761 .is-responsive .user-nav .nav-link .gnav-ss-dropdown,
31762 .is-responsive .notifications-nav .nav-link .gnav-ss-dropdown { 31763 left: 40px; 31764 } 31765 .is-responsive .gnav-header .account-nav>li:before { 31766 content: none; 31767 } 31768 31769 .is-responsive .gnav-header .account-nav .count { 31770 margin-top: -6px; 31771 } 31772 31773 .is-responsive .gnav-header .text-link { 31774 display: inline; 31775 clear: none; 31776 margin-top: 0; 31777 } 31778 .is-responsive .gnav-header .text-link .text-link-copy { 31779 display: none; 31780 } 31781 .is-responsive .nav-icon img { 31782 margin: 4px 0 0; 31783 top: auto; 31784 } 31785 .is-responsive .nav-icon.nav-icon-image:after { 31786 top: 4px; 31787 } 31788 .is-responsive .gnav-header .account-nav .cart { 31789 margin-left: 10px; 31790 padding-left: 5px; 31791 } 31792 .is-responsive .gnav-header .account-nav .cart a:before { 31793 position: absolute; 31794 display: block; 31795 content: ""; 31796 width: 1px; 31797 top: 20%; 31798 left: 0; 31799 bottom: 20%; 31800 background: #E2E2E2; 31801 background: rgba(0, 0, 0, 0.1); 31802 } 31803 .is-responsive .gnav-header .with-pointer:before, 31804 .is-responsive .gnav-header .with-pointer:after { 31805 right: 88px; 31806 } 31807 .is-responsive .gnav-header .user .with-pointer:before, 31808 .is-responsive .gnav-header .user .with-pointer:after { 31809 right: 86px; 31810 } 31811 .is-responsive .sub-nav.cart { 31812 margin-right: 46px; 31813 } 31814 .is-responsive .gnav-header .gnav-cart.with-pointer:before, 31815 .is-responsive .gnav-header .gnav-cart.with-pointer:after { 31816 right: 31px; 31817 } 31818 .is-responsive .gnav-header .register-link a, 31819 .is-responsive .gnav-header .sign-in-link a { 31820 margin-right: 7px; 31821 } 31822 .is-responsive .gnav-header .register-link a, 31823 .is-responsive .gnav-header .sign-in-link a , 31824 .is-responsive .gnav-header .logged-in-link .menuItem { 31825 height: auto; 31826 padding: 8px; 31827 } 31828} 31829 31830 31831@media screen and (max-width: 1024px) { 31832 31833 .is-responsive .apply-nav-height, 31834 .is-responsive .apply-nav-height>li>.nav-link, 31835 .is-responsive .apply-nav-height>li>a, 31836 .is-responsive .apply-nav-height.gnav-header-inner { 31837 height: 60px; 31838 } 31839 .mobile-catnav-trigger.tablet-catnav-enabled.left { 31840 right: 33px; 31841 } 31842 .is-responsive .apply-nav-height.search-mobile, 31843 .is-responsive .apply-nav-height>li>.nav-link.search-mobile, 31844 .is-responsive .apply-nav-height>li>a.search-mobile, 31845 .is-responsive .apply-nav-height.gnav-header-inner.search-mobile { 31846 height: 66px; 31847 } 31848 .is-responsive .gnav-header .gnav-header-inner { 31849 position: static; 31850 padding: 0; 31851 } 31852 .is-responsive .gnav-header .register-link a, 31853 .is-responsive .gnav-header .sign-in-link a, 31854 .is-responsive .gnav-header .logged-in-link .menuItem{ 31855 line-height: 15px; 31856 margin-top: 13px; 31857 } 31858 31859 .is-responsive .gnav-header .logged-in-link .menuItem.user{ 31860 31861 margin-top: 8px !important; 31862 31863 } 31864 31865 .is-responsive .gnav-header .logged-in-link .menuItem .name{ 31866 31867 display: none; 31868 31869 } 31870 31871 .is-responsive .gnav-header #gigtodo-logo { 31872 width: 20px; 31873 margin: 0 18px; 31874 margin-right:0px; 31875 } 31876 .is-responsive .search-browse-wrapper { 31877 display: block; 31878 clear: left; 31879 top: 60px; 31880 margin: 0; 31881 padding: 0 10px; 31882 border-top: 1px solid #e2e2e2; 31883 position: relative; 31884 top: 0; 31885 z-index: 5; 31886 } 31887 .is-responsive .search-browse-wrapper.hide { 31888 display: none; 31889 } 31890 .is-responsive .search-browse-wrapper.show { 31891 display: block; 31892 } 31893 .is-responsive .search-browse-wrapper:after { 31894 content: " "; 31895 display: block; 31896 visibility: hidden; 31897 line-height: 0; 31898 height: 0; 31899 } 31900 .is-responsive .gnav-header .search-browse-inner { 31901 position: relative; 31902 } 31903 .is-responsive .gnav-header .search-browse-inner:before, 31904 .is-responsive .gnav-header .search-browse-inner:after { 31905 right: auto; 31906 left: 70px; 31907 display: block; 31908 } 31909 .is-responsive .gnav-header .search-browse-nav.nav-link { 31910 display: block; 31911 padding: 0 5px; 31912 } 31913 .is-responsive .gnav-header .search-browse-nav.nav-link.hide { 31914 display: none; 31915 } 31916 .is-responsive .gnav-header .search-nav { 31917 width: 60%; 31918 } 31919 .is-responsive .gnav-header .browse-nav { 31920 position: static; 31921 display: block; 31922 float: right; 31923 width: 40%; 31924 margin-top: 13px; 31925 height: auto; 31926 border: 0 none; 31927 } 31928 .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger { 31929 text-align: center; 31930 color: #0192b5; 31931 width: 100%; 31932 height: auto; 31933 padding: 0; 31934 margin-top: 0; 31935 text-decoration: none; 31936 text-align: left; 31937 } 31938 .is-responsive .browse-dropdown-trigger .browse-copy { 31939 position: relative; 31940 display: block; 31941 } 31942 .is-responsive .browse-dropdown-trigger .browse-copy.short { 31943 display: none; 31944 } 31945 .is-responsive .browse-dropdown-trigger .browse-copy:after { 31946 position: absolute; 31947 left: auto; 31948 right: -3px; 31949 top: 6px; 31950 } 31951 .is-responsive .gnav-header .browse-nav-inner { 31952 top: 61px; 31953 } 31954 .is-responsive .gnav-header .browse-nav li.additional-slices { 31955 display: block; 31956 } 31957 .is-responsive .gnav-header .browse-nav-inner a { 31958 display: block; 31959 padding: 8px 20px; 31960 font-size: 14px; 31961 line-height: 20px; 31962 color: #333; 31963 width: auto; 31964 text-decoration: none; 31965 white-space: normal; 31966 } 31967 .is-responsive.no-touch .gnav-header .browse-nav-inner a:hover, 31968 .is-responsive.no-touch .gnav-header .browse-nav-inner a:active, 31969 .is-responsive.is-touch .gnav-header .browse-nav-inner a.active { 31970 color: #0192B5; 31971 background: #E5F4F7; 31972 } 31973 .is-responsive .gnav-header .sub-nav { 31974 top: 1px; 31975 } 31976 .is-responsive .gnav-header .account-nav { 31977 position: absolute; 31978 top: 0; 31979 right: 0; 31980 } 31981 .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:active, 31982 .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:focus { 31983 margin-top: 0px; 31984 margin-bottom: 12px; 31985 } 31986 .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:active, 31987 .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:focus { 31988 margin-top: 13px; 31989 } 31990} 31991 31992@media screen and (max-width: 852px) { 31993 .is-responsive .footer-column, 31994 .is-responsive .footer-column.wide { 31995 width: 33.3%; 31996 } 31997 .is-responsive .column-section,
31998 .is-responsive .footer-column.wide .column-section { 31999 width: 100%; 32000 } 32001 .is-responsive .gnav-footer ul { 32002 padding-bottom: 10px; 32003 } 32004 .is-responsive .gnav-footer ul.tou { 32005 padding-bottom: 28px; 32006 } 32007} 32008 32009@media screen and (max-width: 560px) { 32010 .is-responsive .gnav-footer-inner { 32011 width: auto; 32012 padding-top: 10px; 32013 } 32014 .is-responsive .footer-content { 32015 padding: 0; 32016 width: auto; 32017 border: 1px solid #E2E2E2; 32018 -moz-border-radius: 3px; 32019 -webkit-border-radius: 3px; 32020 border-radius: 3px; 32021 } 32022 .is-responsive .footer-column, 32023 .is-responsive .footer-column.wide { 32024 width: 100%; 32025 } 32026 .is-responsive .column-section, 32027 .is-responsive .footer-column.wide .column-section { 32028 width: 100%; 32029 padding: 0; 32030 } 32031 .is-responsive .email_sign_up_content .sub-spin { 32032 display: block; 32033 margin: 10px auto 0; 32034 } 32035 .is-responsive .hidden-on-collapse { 32036 display: none; 32037 } 32038 .is-responsive .sell-on-gigtodo-mobile { 32039 display: block; 32040 } 32041 .is-responsive .sell-on-gigtodo-mobile a.open-shop-link-new { 32042 display: block; 32043 width: auto; 32044 } 32045 .is-responsive .gnav-footer .column-section ul { 32046 padding: 0; 32047 border-top: 1px solid #e2e2e2; 32048 } 32049 .is-responsive .gnav-footer .column-section ul.show { 32050 background-color: #FFF; 32051 } 32052 .is-responsive .gnav-footer .column-section ul.first-on-mobile.show { 32053 -moz-border-radius: 3px; 32054 -webkit-border-radius: 3px; 32055 border-radius: 3px; 32056 } 32057 .is-responsive .gnav-footer .footer-column ul.first-on-mobile { 32058 border: 0; 32059 } 32060 .is-responsive .gnav-footer .column-section ul.section-sell-on-gigtodo { 32061 display: none; 32062 } 32063 .is-responsive .gnav-footer .column-section ul li { 32064 display: none; 32065 } 32066 .is-responsive .gnav-footer .column-section ul.show li { 32067 display: block; 32068 border-top: 1px solid #eee; 32069 } 32070 .is-responsive .gnav-footer .column-section ul li.footer-link-trigger, 32071 .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger { 32072 display: block; 32073 padding-right: 30px; 32074 border-top: 0 none; 32075 } 32076 .is-responsive .gnav-footer .column-section ul li.footer-link-trigger:after { 32077 /*font-family: "SSEtsy";*/ 32078 content: 'ï'; 32079 font-size: 14px; 32080 color: #CCC; 32081 position: absolute; 32082 top: 13px; 32083 right: 10px; 32084 margin: 0 1px; 32085 } 32086 .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger:after { 32087 content: 'ï'; 32088 } 32089 .is-responsive .gnav-footer .column-section ul li h4, 32090 .is-responsive .gnav-footer .column-section ul li a { 32091 font-weight: bold; 32092 padding: 10px; 32093 font-size: 13px; 32094 font-weight: normal; 32095 cursor: pointer; 32096 } 32097 .is-responsive .gnav-footer .column-section h4 .gnav-ss-icon { 32098 display: block; 32099 } 32100 .is-responsive .locale-help { 32101 padding-top: 10px; 32102 padding-bottom: 10px; 32103 } 32104 .is-responsive .gnav-footer ul.locale-settings { 32105 border: 0 none; 32106 float: none; 32107 display: table; 32108 margin: 0; 32109 padding: 0; 32110 width: 100%; 32111 } 32112 .is-responsive .gnav-footer ul.locale-settings li { 32113 display: table-cell; 32114 float: none; 32115 } 32116 .is-responsive .gnav-footer ul.locale-settings li a { 32117 text-align: center; 32118 float: none; 32119 } 32120 .is-responsive .gnav-footer .locale-settings li .gnav-ss-globe { 32121 top: 4px; 32122 margin: 0 3px 0 0; 32123 line-height: 13px; 32124 float: none; 32125 } 32126 .is-responsive .gnav-footer a.help-link, 32127 .is-responsive .gnav-footer a.help-link-primary { 32128 display: block; 32129 margin-top: 10px; 32130 width: auto; 32131 margin-left: 0px; 32132 } 32133 .is-responsive .gnav-footer ul.tou { 32134 padding: 0 0 10px; 32135 } 32136 .is-responsive.mobile .gnav-footer ul.tou li.switch-to-desktop { 32137 clear: left; 32138 float: none; 32139 display: block; 32140 border-top: 1px solid #E2E2E2; 32141 padding-top: 10px; 32142 margin-top: 10px; 32143 } 32144 .is-responsive .register-sign-in { 32145 display: block; 32146 } 32147 .gnav-footer .footer-row #copy { 32148 display: block; 32149 } 32150 .gnav-user-card .name, 32151 .gnav-shop-card .name { 32152 font-weight: bold; 32153 } 32154} 32155 32156@media screen and (max-width: 420px) { 32157 .gigtodo-logo-svg-logged-in .mobile{ 32158 margin-top: -4px; 32159 margin-left: -9px; 32160 display: unset !important; 32161 } 32162 32163 .gnav-header #mobilemenu{ 32164 32165 margin-left: -6px; 32166 32167 } 32168 32169 .gigtodo-logo-svg-logged-in .mobile-full { 32170 margin-top: 0px; 32171 margin-left: 25px; 32172 display: unset !important; 32173 } 32174 .is-responsive .gnav-header .loggedInLogo{ 32175 /*margin: 0px !important; 32176 margin-right: 2px !important; 32177 width: 8px !important; 32178 cursor: pointer;*/ 32179 } 32180 .gnav-header #gigtodo-logo { 32181 margin-right: 5px !important; 32182 cursor: pointer; 32183 } 32184 .gnav-header #gigtodo-logo a { 32185 background: none; 32186 text-indent: 0; 32187 line-height: 46px; 32188 font-size: 20px; 32189 color: #fff; 32190 } 32191 .is-responsive .signup-message h3 { 32192 /*font-family: "Arial", "Helvetica", sans-serif;*/ 32193 font-size: 13px; 32194 line-height: 18px; 32195 padding-bottom: 10px; 32196 } 32197 32198 .is-responsive.is-signed-in .gnav-header #gigtodo-logo a:before { 32199 /*font-family: "SSEtsy";*/ 32200 font-style: normal; 32201 font-weight: 400; 32202 text-decoration: none; 32203 white-space: nowrap; 32204 -moz-font-feature-settings: "liga=1"; 32205 -moz-font-feature-settings: "liga"; 32206 -ms-font-feature-settings: "liga" 1; 32207 -o-font-feature-settings: "liga"; 32208 font-feature-settings: "liga"; 32209 -webkit-font-smoothing: antialiased; 32210 -moz-osx-font-smoothing: grayscale; 32211 content: 'ï'; 32212 color: #f45800; 32213 } 32214 .is-responsive .apply-nav-height, 32215 .is-responsive .apply-nav-height>li>.nav-link,
32216 .is-responsive .apply-nav-height>li>a, 32217 .is-responsive .apply-nav-height.gnav-header-inner { 32218 height: 44px; 32219 } 32220 .is-responsive .gnav-header .account-nav .register-link a, 32221 .is-responsive .gnav-header .account-nav .sign-in-link a, 32222 .is-responsive .gnav-header .account-nav .logged-in-link .menuItem { 32223 margin-top: 5px; 32224 height: auto; 32225 } 32226 32227 .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.user { 32228 margin-top: 1px !important; 32229 } 32230 32231 .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart { 32232 display: none !important; 32233 } 32234 32235 .is-responsive .gnav-header #gigtodo-logo a { 32236 margin-top: 5px; 32237 } 32238 .is-responsive .gnav-header .account-nav .cart { 32239 margin-left: 0; 32240 padding-left: 0; 32241 } 32242 .is-responsive .gnav-header .account-nav .cart a:before { 32243 display: none; 32244 } 32245 .is-responsive .gnav-header .account-nav .count { 32246 position: absolute; 32247 top: 9px; 32248 right: 23px; 32249 font-size: 10px; 32250 line-height: 15px; 32251 padding: 0 3px; 32252 margin-top: 0; 32253 min-width: 15px; 32254 } 32255 .is-responsive .gnav-header .account-nav .count.count-smaller { 32256 line-height: 11px; 32257 min-width: 11px; 32258 } 32259 .is-responsive .gnav-header .nav-link { 32260 padding: 0 10px; 32261 } 32262 .is-responsive .gnav-header .shop-nav .nav-link, 32263 .is-responsive .gnav-header .user-nav .nav-link, 32264 .is-responsive .gnav-header .notifications-nav .nav-link, 32265 .is-responsive .gnav-header .has-sub-nav.cart .nav-link { 32266 min-width: 0; 32267 } 32268 .is-responsive .nav-link .gnav-ss-dropdown { 32269 display: none; 32270 } 32271 .is-responsive .gnav-header .sub-nav, 32272 .is-responsive .gnav-header .sub-nav.user, 32273 .is-responsive .gnav-header .sub-nav.notification,
32274 .is-responsive .gnav-header .sub-nav.notification.non-responsive-width-320px, 32275 .is-responsive .gnav-header .sub-nav.shop, 32276 .is-responsive .gnav-header .sub-nav.cart { 32277 right: auto; 32278 left: auto; 32279 top: auto; 32280 position: relative; 32281 border-radius: 0; 32282 width: auto; 32283 max-width: none; 32284 box-shadow: none; 32285 border: 0 none; 32286 border-top: 1px solid #E2E2E2; 32287 border-top: 1px solid rgba(0, 0, 0, 0.1); 32288 } 32289 .is-responsive .gnav-header .sub-nav.cart { 32290 margin-right: 0; 32291 } 32292 .is-responsive .gnav-header .sub-nav:before { 32293 display: none; 32294 } 32295 .is-responsive .gnav-header .with-pointer:before, 32296 .is-responsive .gnav-header .with-pointer:after { 32297 top: -7px; 32298 right: 97px; 32299 border-width: 7px; 32300 } 32301 .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:before, 32302 .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:after { 32303 right: 136px; 32304 } 32305 .is-responsive .gnav-header .user .with-pointer:before, 32306 .is-responsive .gnav-header .user .with-pointer:after { 32307 right: 55px; 32308 }
32309 .is-responsive .gnav-header .sub-nav .gnav-user-card:after, 32310 .is-responsive .gnav-header .sub-nav .notifications-container:after, 32311 .is-responsive .gnav-header .sub-nav .gnav-shop-card:after, 32312 .is-responsive .gnav-header .search-browse-inner:after, 32313 .is-responsive .gnav-header .browse-nav-inner:after { 32314 top: -6px; 32315 border-bottom: 7px solid #FFF; 32316 z-index: 1; 32317 } 32318 .is-responsive .gnav-header .sub-nav .subnav-text-link { 32319 padding-left: 10px; 32320 padding-right: 10px; 32321 } 32322 .is-responsive .gnav-header .search-nav { 32323 width: 100%; 32324 height: auto; 32325 } 32326 .is-responsive .gnav-header .gnav-search-inner { 32327 position: relative; 32328 top: 0; 32329 margin-top: 10px; 32330 margin-bottom: 10px; 32331 } 32332 .is-responsive.is-signed-in .gnav-header .search-browse-inner:before, 32333 .is-responsive.is-signed-in .gnav-header .search-browse-inner:after { 32334 left: 36px; 32335 } 32336 .is-responsive .gnav-header .browse-nav { 32337 width: 100%; 32338 border-left: 0; 32339 padding-left: 0; 32340 margin-bottom: 10px; 32341 } 32342 .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger { 32343 text-align: left; 32344 height: auto; 32345 display: block; 32346 } 32347 .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger.show .inner-cell { 32348 -moz-border-radius: 3px 3px 0 0; 32349 -webkit-border-radius: 3px 3px 0 0; 32350 border-radius: 3px 3px 0 0; 32351 border-bottom: 1px solid #EEE; 32352 } 32353 .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:hover .inner-cell, 32354 .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:active .inner-cell { 32355 border-color: #c0c0c0; 32356 } 32357 .is-responsive .browse-dropdown-trigger .browse-copy { 32358 white-space: nowrap; 32359 } 32360 .is-responsive .gnav-header .browse-nav-inner { 32361 position: static; 32362 max-width: none; 32363 width: auto; 32364 box-shadow: none; 32365 padding-top: 6px; 32366 padding-bottom: 6px; 32367 -moz-border-radius: 0 0 3px 3px; 32368 -webkit-border-radius: 0 0 3px 3px; 32369 border-radius: 0 0 3px 3px; 32370 border: 1px solid #E5E5E5; 32371 border-top: 0 none; 32372 } 32373 .is-responsive .gnav-header .browse-nav-inner li { 32374 display: block; 32375 } 32376 .is-responsive .gnav-header .browse-nav-inner:before, 32377 .is-responsive .gnav-header .browse-nav-inner:after { 32378 content: none; 32379 display: none; 32380 } 32381 .is-responsive .gnav-header .browse-nav-inner a { 32382 margin: 0; 32383 padding: 6px 8px; 32384 font-size: 13px; 32385 } 32386 .is-responsive .header__skip-to-content.screen-reader-only.focusable:focus { 32387 display: block; 32388 position: relative; 32389 margin: 5px; 32390 clear: both; 32391 } 32392} 32393 32394@media screen and (orientation: portrait) { 32395 .is-responsive .gnav-header .sub-nav { 32396 max-width: 280px; 32397 } 32398 .is-responsive .gnav-header .sub-nav.non-responsive-width-320px { 32399 max-width: 320px; 32400 } 32401} 32402 32403.global-nav.global-nav { 32404 -webkit-font-smoothing: subpixel-antialiased; 32405} 32406 32407.global-nav.global-nav .icon-gigtodologo { 32408 width: 80px; 32409 height: inherit; 32410} 32411 32412.global-nav.global-nav .icon-etsye { 32413 width: 32px; 32414 height: inherit; 32415} 32416 32417.global-nav.global-nav .global-nav-height { 32418 height: 60px; 32419} 32420 32421@media only screen and (min-width: 900px) { 32422 .global-nav.global-nav .global-nav-height { 32423 height: 80px; 32424 } 32425} 32426 32427.global-nav.global-nav .position-top-negative-8px { 32428 top: -8px; 32429} 32430 32431.global-nav.global-nav .position-right-negative-8px { 32432 right: -8px; 32433} 32434 32435.global-nav.global-nav .global-nav-icon-hoverstate { 32436 -webkit-transition: opacity ease 0.2s; 32437 -moz-transition: opacity ease 0.2s; 32438 -o-transition: opacity ease 0.2s; 32439 -ms-transition: opacity ease 0.2s; 32440 transition: opacity ease 0.2s; 32441} 32442 32443.global-nav.global-nav .global-nav-icon-hoverstate:hover { 32444 text-decoration: none; 32445 opacity: 0.6; 32446} 32447 32448@media only screen and (min-width: 640px) { 32449 .global-nav-menu { 32450 position: absolute; 32451 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); 32452 border-radius: 3px; 32453 top: 70px; 32454 } 32455} 32456 32457.global-nav-menu .list-nav-item { 32458 border-radius: 0px; 32459} 32460 32461.global-nav-menu .list-nav-item:hover { 32462 color: #0192B5; 32463} 32464 32465.global-nav-menu.with-pointer:before, 32466.global-nav-menu.with-pointer:after { 32467 content: " "; 32468 display: block; 32469 position: absolute; 32470 top: -10px; 32471 right: 72px; 32472 width: 0; 32473 height: 0; 32474 border-left: 10px solid transparent; 32475 border-right: 10px solid transparent; 32476 border-bottom: 10px solid #d8d8d8; 32477 cursor: pointer; 32478} 32479 32480.global-nav-menu.with-pointer:after { 32481 top: -9px; 32482 border-bottom: 10px solid #FFF; 32483 z-index: 1; 32484} 32485 32486@media only screen and (min-width: 640px) { 32487 .global-nav-menu-shop { 32488 max-width: 450px; 32489 right: 88px; 32490 } 32491} 32492 32493@media only screen and (min-width: 640px) { 32494 .global-nav-menu-user { 32495 max-width: 280px; 32496 right: 14px; 32497 } 32498} 32499 32500@media only screen and (min-width: 0) and (max-width: 639px) { 32501 body[data-language="fr"] .gnav-header .register-link, 32502 body[data-language="ru"] .gnav-header .register-link, 32503 body[data-language="de"] .gnav-header .register-link, 32504 body.fr .gnav-header .register-link, 32505 body.ru .gnav-header .register-link, 32506 body.de .gnav-header .register-link { 32507 display: none; 32508 } 32509} 32510 32511#mobile-catnav-overlay.display-none { 32512 display: none; 32513} 32514 32515.mobile-catnav-wrapper .mobile-cat-nav {} 32516 32517.mobile-catnav-wrapper .mobile-cat-nav .overlay-back, 32518.mobile-catnav-wrapper .mobile-cat-nav .overlay-close { 32519 color: #595959; 32520} 32521 32522.mobile-catnav-wrapper .mobile-cat-nav .mobile-catnav-margin { 32523 margin-bottom: 120px; 32524} 32525 32526.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) { 32527 outline: none; 32528 text-decoration: none; 32529} 32530 32531.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) .child-hover-underline { 32532 text-decoration: none; 32533} 32534 32535.mobile-catnav-trigger { 32536 padding-left: 6px !important; 32537 padding-right: 4px !important; 32538} 32539 32540.catnav-browse-btn { 32541 margin-left: 5px !important; 32542} 32543 32544#gigtodo-modal-container .mobile-catnav-overlay-mask { 32545 z-index: 9998; 32546} 32547 32548@media only screen and (min-width: 0) and (max-width: 479px) { 32549 .catnav-browse-btn { 32550 display: none !important; 32551 } 32552 .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart { 32553 display: none !important; 32554 } 32555} 32556 32557@media only screen and (min-width: 0) and (max-width: 639px) { 32558 .catnav-search-anchor { 32559 display: none !important; 32560 } 32561 .catnav-search-bar { 32562 display: block; 32563 } 32564} 32565 32566@media only screen and (min-width: 480px) and (max-width: 639px) { 32567 .mobile-cat-nav-ep-wrapper { 32568 -webkit-transform: translateY(-50%); 32569 -ms-transform: translateY(-50%); 32570 -moz-transform: translateY(-50%); 32571 -o-transform: translateY(-50%); 32572 transform: translateY(-50%); 32573 position: absolute; 32574 top: 50%; 32575 } 32576 .mobile-cat-nav-ep-image { 32577 min-height: 80px; 32578 } 32579} 32580 32581@media only screen and (min-width: 0) and (max-width: 1024px) { 32582 body.is-responsive:not(.wide-extended) #gnav-search.search-nav { 32583 width: 100%; 32584 } 32585} 32586 32587@media only screen and (min-width: 640px) { 32588 .mobile-catnav-trigger { 32589 display: none !important; 32590 } 32591} 32592 32593@media only screen and (min-width: 640px) and (max-width: 1024px) {
32594 .mobile-catnav-trigger.tablet-catnav-enabled { 32595 display: block !important; 32596 } 32597 32598} 32599 32600@media only screen and (min-width: 640px) { 32601 .mobile-cat-nav { 32602 min-width: 320px; 32603 max-width: 40%; 32604 } 32605} 32606 32607 32608button.show-discount, 32609#conversation-overlay.overlay .btn-link, 32610button.text-orange.text-orange, 32611a.text-orange.text-orange, 32612.max-height-text-container.max-height-text-container button, 32613.reviews-container.reviews-container button.unstyled-button, 32614.ds-reduced-colors .ui-toolkit a:not(.btn), 32615.purchases .order-details-header a, 32616.purchases-header .msg a, 32617#newempty a, 32618.listing-page-favorites-link, 32619#fineprint a, 32620.similar-items-sash-wrapper a, 32621.description-and-overview a, 32622.section-help a, 32623.card-available-notice a .chunk-edit-link, 32624.primary .summary a, 32625.ui-toolkit .dashboard-home .stats-panel-body a, 32626.row-author p a, 32627.order-summary .cancellation-link a, 32628.card-available-notice a, 32629.similar-target-heading a { 32630 color: #222 !important; 32631 text-decoration: underline !important; 32632} 32633 32634button.show-discount:hover, 32635button.show-discount:focus, 32636button.show-discount:active, 32637#conversation-overlay.overlay .btn-link:hover, 32638#conversation-overlay.overlay .btn-link:focus,
32639#conversation-overlay.overlay .btn-link:active, 32640button.text-orange.text-orange:hover, 32641button.text-orange.text-orange:focus, 32642button.text-orange.text-orange:active, 32643a.text-orange.text-orange:hover, 32644a.text-orange.text-orange:focus, 32645a.text-orange.text-orange:active, 32646.max-height-text-container.max-height-text-container button:hover, 32647.max-height-text-container.max-height-text-container button:focus, 32648.max-height-text-container.max-height-text-container button:active, 32649.reviews-container.reviews-container button.unstyled-button:hover, 32650.reviews-container.reviews-container button.unstyled-button:focus, 32651.reviews-container.reviews-container button.unstyled-button:active, 32652.ds-reduced-colors .ui-toolkit a:not(.btn):hover, 32653.ds-reduced-colors .ui-toolkit a:not(.btn):focus, 32654.ds-reduced-colors .ui-toolkit a:not(.btn):active, 32655.purchases .order-details-header a:hover, 32656.purchases .order-details-header a:focus, 32657.purchases .order-details-header a:active, 32658.purchases-header .msg a:hover, 32659.purchases-header .msg a:focus, 32660.purchases-header .msg a:active, 32661#newempty a:hover, 32662#newempty a:focus, 32663#newempty a:active, 32664.listing-page-favorites-link:hover, 32665.listing-page-favorites-link:focus, 32666.listing-page-favorites-link:active, 32667#fineprint a:hover, 32668#fineprint a:focus, 32669#fineprint a:active, 32670.similar-items-sash-wrapper a:hover, 32671.similar-items-sash-wrapper a:focus, 32672.similar-items-sash-wrapper a:active, 32673.description-and-overview a:hover, 32674.description-and-overview a:focus, 32675.description-and-overview a:active, 32676.section-help a:hover, 32677.section-help a:focus, 32678.section-help a:active, 32679.card-available-notice a .chunk-edit-link:hover, 32680.card-available-notice a .chunk-edit-link:focus, 32681.card-available-notice a .chunk-edit-link:active, 32682.primary .summary a:hover, 32683.primary .summary a:focus, 32684.primary .summary a:active, 32685.ui-toolkit .dashboard-home .stats-panel-body a:hover, 32686.ui-toolkit .dashboard-home .stats-panel-body a:focus, 32687.ui-toolkit .dashboard-home .stats-panel-body a:active, 32688.row-author p a:hover, 32689.row-author p a:focus, 32690.row-author p a:active, 32691.order-summary .cancellation-link a:hover, 32692.order-summary .cancellation-link a:focus, 32693.order-summary .cancellation-link a:active, 32694.card-available-notice a:hover, 32695.card-available-notice a:focus, 32696.card-available-notice a:active, 32697.similar-target-heading a:hover, 32698.similar-target-heading a:focus, 32699.similar-target-heading a:active { 32700 color: #595959 !important; 32701 cursor: pointer !important; 32702} 32703 32704.ui-toolkit .popover-trigger { 32705 color: #222 !important; 32706} 32707 32708.ui-toolkit .popover-trigger:hover, 32709.ui-toolkit .popover-trigger:focus, 32710.ui-toolkit .popover-trigger:active { 32711 color: #595959 !important; 32712} 32713 32714.pla-listing .more-similar-listings-wrapper .btn-link { 32715 color: #222; 32716} 32717 32718#listing-body a:not(.btn) { 32719 color: #000; 32720 text-decoration: underline; 32721} 32722 32723#listing-body a:not(.btn):hover, 32724#listing-body a:not(.btn):focus, 32725#listing-body a:not(.btn):active { 32726 color: #595959; 32727 cursor: pointer; 32728} 32729 32730.apply-nav-height .sell-on-gigtodo-link a, 32731.gnav-header .register-link a { 32732 color: inherit !important; 32733 text-decoration: none !important; 32734} 32735 32736.apply-nav-height .sell-on-gigtodo-link a:hover, 32737.gnav-header .register-link a:hover { 32738 color: #595959 !important; 32739 text-decoration: underline !important; 32740} 32741 32742/*.sign-in-link a:hover { 32743 color: #222 !important; 32744} 32745*/ 32746.cat-nav a:not(:hover):not(:focus):not(:active), 32747.vesta-hero a:not(:hover):not(:focus):not(:active), 32748.ui-toolkit .v2-listing-card a:not(:hover):not(:focus):not(:active), 32749.ui-toolkit a.card:not(:hover):not(:focus):not(:active), 32750.nav-item a:not(:hover):not(:focus):not(:active), 32751.top-nav-item a:not(:hover):not(:focus):not(:active), 32752.ui-toolkit .text-title a:not(:hover):not(:focus):not(:active), 32753.ui-toolkit a.listing-title:not(:hover):not(:focus):not(:active), 32754.shop-name.shop-name a:not(:hover):not(:focus):not(:active), 32755.text-headline-smaller a:not(:hover):not(:focus):not(:active), 32756.shop-faq-accordion:not(:hover):not(:focus):not(:active), 32757.text-decoration-none:not(:hover):not(:focus):not(:active), 32758.avatar a:not(:hover):not(:focus):not(:active), 32759footer a:not(:hover):not(:focus):not(:active),
32760.account-nav a:not(:hover):not(:focus):not(:active), 32761.ui-toolkit .list-nav a:not(:hover):not(:focus):not(:active), 32762.ui-toolkit a.radio-label:not(:hover):not(:focus):not(:active), 32763.ui-toolkit a.checkbox-label:not(:hover):not(:focus):not(:active), 32764.ui-toolkit .text-link-secondary:not(:hover):not(:focus):not(:active), 32765.card a:not(:hover):not(:focus):not(:active), 32766a.card:not(:hover):not(:focus):not(:active), 32767.shop-owner a:not(:hover):not(:focus):not(:active), 32768.shop-info a:not(:hover):not(:focus):not(:active), 32769.convo-excerpt a:not(:hover):not(:focus):not(:active), 32770a.list-nav-item:not(:hover):not(:focus):not(:active), 32771.shop-details a:not(:hover):not(:focus):not(:active), 32772.shop-header-name:not(:hover):not(:focus):not(:active), 32773.reviews-link:not(:hover):not(:focus):not(:active), 32774.subcategory-text a:not(:hover):not(:focus):not(:active), 32775#search-filter-reset-form a:not(:hover):not(:focus):not(:active), 32776.ui-toolkit .dashboard-home .stats-panel-body a:not(:hover):not(:focus):not(:active), 32777.ui-toolkit .dashboard-home .manage-panel-body a:not(:hover):not(:focus):not(:active), 32778.sticky-navigation .sticky-navigation-link:not(:hover):not(:focus):not(:active), 32779.press-link a:not(:hover):not(:focus):not(:active), 32780.collections-header a:not(:hover):not(:focus):not(:active), 32781a.pill:not(:hover):not(:focus):not(:active), 32782#forums-title a:not(:hover):not(:focus):not(:active), 32783#forums-nav a:not(:hover):not(:focus):not(:active), 32784#main-content #groups a:not(:hover):not(:focus):not(:active), 32785#main-content #section .thread a:not(:hover):not(:focus):not(:active), 32786#sidebar-links li a:not(:hover):not(:focus):not(:active), 32787#announcements a:not(:hover):not(:focus):not(:active), 32788.sub-page-title a:not(:hover):not(:focus):not(:active), 32789.post-details .meta-info .create_date:not(:hover):not(:focus):not(:active), 32790.single-thread .flag a:link:not(:hover):not(:focus):not(:active), 32791.order-details-body-transactions .transaction-title a:not(:hover):not(:focus):not(:active), 32792.ui-toolkit .alert .alert-close:not(:hover):not(:focus):not(:active), 32793.tt-hover-t:not(:hover):not(:focus):not(:active), 32794.secondary-tabs li a:not(:hover):not(:focus):not(:active), 32795a.close.ss-delete:not(:hover):not(:focus):not(:active), 32796.forum .threads .summary .title-and-author a:not(:hover):not(:focus):not(:active), 32797.forum .threads .summary .latest-post a:not(:hover):not(:focus):not(:active), 32798.members .member-card a:not(:hover):not(:focus):not(:active), 32799.title-and-author .title a:not(:hover):not(:focus):not(:active), 32800.title-and-author .author a:not(:hover):not(:focus):not(:active), 32801.forum .threads .time a:not(:hover):not(:focus):not(:active), 32802.forum .threads .author a:not(:hover):not(:focus):not(:active), 32803.group-listing-info h3 a:not(:hover):not(:focus):not(:active), 32804.group-listing-recent-members p a:not(:hover):not(:focus):not(:active), 32805.btn-image-manager:not(:hover):not(:focus):not(:active) { 32806 text-decoration: none !important; 32807} 32808 32809.subnav-text-link:hover, 32810.account-nav a:hover, 32811.ui-toolkit .list-nav a:hover, 32812.ui-toolkit .v2-listing-card a:hover, 32813.card a:hover, 32814a.card:hover, 32815.nav-item a:hover, 32816a.list-nav-item:hover, 32817a.pill:hover, 32818.page-header .toggle-tabs a:hover, 32819.tt-hover-t:hover, 32820a.close.ss-delete:hover { 32821 text-decoration: none !important; 32822} 32823 32824.order-details-footer { 32825 text-decoration: none !important; 32826} 32827 32828.v2-listing-card a { 32829 color: #222 !important; 32830} 32831 32832.ui-toolkit .default-button:hover { 32833 color: #FFF !important; 32834 text-decoration: none !important; 32835} 32836 32837.inc-main a { 32838 text-decoration: none !important; 32839} 32840 32841.inc-main a:hover { 32842 color: inherit !important; 32843} 32844 32845.header-sticky__nav a:hover { 32846 color: inherit !important; 32847 text-decoration: none !important; 32848} 32849 32850.inc-main .careers-departments-list__link:hover, 32851.inc-main .careers-departments-list__link:focus { 32852 color: #595959 !important; 32853} 32854 32855.ui-toolkit a.text-white, 32856.ui-toolkit a.text-white:hover { 32857 color: #FFF !important; 32858} 32859 32860.ui-toolkit .parent-hover-underline, 32861.ui-toolkit .parent-hover-underline a { 32862 text-decoration: none !important; 32863} 32864 32865.ui-toolkit .parent-hover-underline:hover .child-hover-underline { 32866 text-decoration: underline !important; 32867} 32868 32869.ui-toolkit .text-link-secondary { 32870 color: #222 !important; 32871} 32872
32873.ui-toolkit a.text-link-underline:not(:hover):not(:focus):not(:active) { 32874 text-decoration: underline !important; 32875} 32876 32877.ui-toolkit .btn-primary.btn-primary, 32878.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary { 32879 background-color: #2ca35b; 32880} 32881 32882.ui-toolkit .btn-primary.btn-primary:active, 32883.ui-toolkit .btn-primary.btn-primary:hover, 32884.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active, 32885.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover { 32886 background-color: #ef1132; 32887} 32888 32889.ui-toolkit .btn-primary.btn-primary:disabled, 32890.ui-toolkit .btn-primary.btn-primary.is-disabled, 32891.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:disabled, 32892.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary.is-disabled { 32893 background-color: #bbbbbb; 32894} 32895 32896.ui-toolkit .btn-outline-orange.btn-outline-orange { 32897 border-color: #222; 32898 color: #222; 32899} 32900 32901.ui-toolkit .btn-outline-orange.btn-outline-orange:hover, 32902.ui-toolkit .btn-outline-orange.btn-outline-orange:focus { 32903 background-color: #222; 32904 color: #FFF; 32905} 32906 32907/*.gnav-header .sign-in-link a { 32908 color: #222 !important; 32909} 32910*/ 32911.gnav-header .sign-in-link a:hover { 32912 background: #fff; 32913 border:1px solid #28a745; 32914 color: #28a745; 32915} 32916 32917.ui-toolkit .default-button.default-button.default-button__orange-outline { 32918 color: #222; 32919 border-color: #222; 32920} 32921 32922.ui-toolkit .default-button.default-button.default-button__orange-outline:hover { 32923 background: #222; 32924 border-color: #222; 32925} 32926 32927.ui-toolkit .close-button.close-button:hover .close-button__circle, 32928.ui-toolkit .close-button.close-button:focus .close-button__circle { 32929 fill: #222; 32930 stroke: #222; 32931} 32932 32933.ui-toolkit .default-button.default-button.default-button__orange { 32934 background-color: #222; 32935 border-color: #222; 32936} 32937 32938.ui-toolkit .default-button.default-button.default-button__orange:hover, 32939.ui-toolkit .default-button.default-button.default-button__orange:focus { 32940 background-color: #3c3c3c; 32941 border-color: #3c3c3c; 32942} 32943 32944.ui-toolkit .default-button.default-button.default-button__back:hover, 32945.ui-toolkit .default-button.default-button.default-button__back:focus { 32946 background-color: #222; 32947 border-color: #222; 32948} 32949 32950.assets .button-overlay a.asset-button, 32951#teams-page-panel .btn-primary, 32952#create-group-button.btn-primary, 32953#listings-header .btn-primary, 32954.forums #right .btn-primary, 32955#new-post-form .btn-primary, 32956.team-member-search-wrapper .btn-primary, 32957#group-head .btn-primary, 32958.invite-members-footer .btn-primary, 32959.new-topic .btn-primary, 32960.team-forum .search-bar .button-medium, 32961.order-actions .action-buttons .btn-secondary:first-child { 32962 background-color: #222 !important; 32963 text-decoration: none; 32964} 32965 32966.assets .button-overlay a.asset-button:hover, 32967.assets .button-overlay a.asset-button:focus, 32968#teams-page-panel .btn-primary:hover, 32969#teams-page-panel .btn-primary:focus, 32970#create-group-button.btn-primary:hover, 32971#create-group-button.btn-primary:focus, 32972#listings-header .btn-primary:hover, 32973#listings-header .btn-primary:focus, 32974.forums #right .btn-primary:hover, 32975.forums #right .btn-primary:focus, 32976#new-post-form .btn-primary:hover, 32977#new-post-form .btn-primary:focus, 32978.team-member-search-wrapper .btn-primary:hover, 32979.team-member-search-wrapper .btn-primary:focus, 32980#group-head .btn-primary:hover, 32981#group-head .btn-primary:focus, 32982.invite-members-footer .btn-primary:hover, 32983.invite-members-footer .btn-primary:focus, 32984.new-topic .btn-primary:hover, 32985.new-topic .btn-primary:focus, 32986.team-forum .search-bar .button-medium:hover, 32987.team-forum .search-bar .button-medium:focus, 32988.order-actions .action-buttons .btn-secondary:first-child:hover, 32989.order-actions .action-buttons .btn-secondary:first-child:focus { 32990 background-color: #3c3c3c !important; 32991 color: #FFF; 32992 text-decoration: none; 32993} 32994 32995.btn-secondary.log-event.download-button { 32996 color: #FFF !important; 32997} 32998 32999.gnav-header .sub-nav a .count, 33000.gnav-header .sub-nav a:hover .count, 33001.gnav-header .account-nav .cart .count, 33002.gnav-header .account-nav .cart:hover .count, 33003.gnav-header .account-nav .count, 33004.ds-reduced-colors .gnav-header .account-nav .count, 33005.ds-reduced-colors .gnav-header .account-nav .cart .count, 33006.badge-orange.badge-orange, 33007.ui-toolkit .badge-orange.badge-orange, 33008.ui-toolkit .badge.badge-primary { 33009 background-color: #28a745 !important; 33010 color: #fff !important; 33011 font-weight: bold !important; 33012 border-radius: 100px !important; 33013} 33014 33015.gigtodo-icon.hamburger-icon.nav-icon{ 33016 cursor: pointer; 33017}@charset "utf-8"; 33018.ui-toolkit .gnav-header, 33019.gnav-header { 33020 border-bottom: 1px solid #E1E3DF; 33021 -webkit-box-shadow: none; 33022 -moz-box-shadow: none; 33023 box-shadow: none; 33024} 33025 33026.cat-nav { 33027 -webkit-font-smoothing: antialiased; 33028} 33029 33030.cat-nav .top-nav-item { 33031 border-bottom: 3px solid transparent; 33032 cursor: pointer; 33033 margin-top: 4px; 33034} 33035 33036.cat-nav .top-nav-item a:hover { 33037 color:black; 33038 text-decoration: none; 33039} 33040 33041.cat-nav .top-nav-item.active { 33042 border-bottom: 3px solid #28a745; 33043} 33044 33045.cat-nav .top-nav-item.main { 33046 margin-top: 0px; 33047 background: #E41937 !important; 33048 border-top: 3px solid #E41937; 33049} 33050 33051.cat-nav .top-nav-item.main:hover { 33052 margin-top: 0px; 33053 background: #98012E !important; 33054 border-top: 3px solid #98012E !important; 33055 border-bottom: 3px solid #98012E; 33056} 33057 33058 33059.cat-nav .top-nav-item.main a{ 33060 33061color: white; 33062 33063} 33064 33065.cat-nav .top-nav-item.underlined-promo-item:hover { 33066 border-bottom: 3px solid #F56400; 33067} 33068 33069.cat-nav .side-nav-item { 33070 cursor: pointer; 33071} 33072 33073.cat-nav .side-nav-item>span:focus { 33074 outline: thin dotted; 33075 outline: auto 2px Highlight; 33076 outline: auto 5px -webkit-focus-ring-color; 33077} 33078 33079.cat-nav .side-nav-item a:hover { 33080 text-decoration: none; 33081} 33082 33083.cat-nav .side-nav-item.active { 33084 background-color: #FFF3EE; 33085} 33086 33087.cat-nav .sub-nav-container { 33088 border-bottom-right-radius: 3px; 33089 border-bottom-left-radius: 3px; 33090} 33091 33092.cat-nav .sub-nav-container aside h4{ 33093 33094font-size: 1.3rem; 33095 33096} 33097 33098.cat-nav .sub-nav-container aside a:hover{ 33099 33100background: #f7f7f4; 33101 33102} 33103 33104.cat-nav .sub-nav-container aside:last-child a:hover{ 33105 33106color: black; 33107 33108text-decoration: underline; 33109 33110} 33111 33112.cat-nav .sub-nav-container ul li a:hover { 33113 33114text-decoration: underline; 33115 33116} 33117 33118 33119 33120@charset "utf-8"; 33121@-webkit-keyframes pop { 33122 0% { 33123 opacity: 0.2; 33124 -webkit-transform: scale3d(0.85, 0.85, 1); 33125 } 33126 100% { 33127 opacity: 1; 33128 -webkit-transform: scale3d(1, 1, 1); 33129 } 33130} 33131 33132@-webkit-keyframes check { 33133 0% { 33134 opacity: 0.2; 33135 -webkit-transform: scale3d(0.8, 0.8, 1); 33136 } 33137 100% { 33138 opacity: 1; 33139 -webkit-transform: scale3d(1, 1, 1); 33140 } 33141} 33142 33143@-webkit-keyframes fade { 33144 0% { 33145 opacity: 0.5; 33146 } 33147 100% { 33148 opacity: 1; 33149 } 33150} 33151 33152@-moz-keyframes pop { 33153 0% { 33154 opacity: 0.2; 33155 -moz-transform: scale3d(0.85, 0.85, 1); 33156 } 33157 100% { 33158 opacity: 1; 33159 -moz-transform: scale3d(1, 1, 1); 33160 } 33161} 33162 33163@-moz-keyframes check { 33164 0% { 33165 opacity: 0.2; 33166 -moz-transform: scale3d(0.8, 0.8, 1); 33167 } 33168 100% { 33169 opacity: 1; 33170 -moz-transform: scale3d(1, 1, 1); 33171 } 33172} 33173 33174@-moz-keyframes fade { 33175 0% { 33176 opacity: 0.5; 33177 } 33178 100% { 33179 opacity: 1; 33180 } 33181} 33182 33183@keyframes pop { 33184 0% { 33185 opacity: 0.2; 33186 transform: scale3d(0.85, 0.85, 1); 33187 } 33188 100% { 33189 opacity: 1; 33190 transform: scale3d(1, 1, 1); 33191 } 33192} 33193 33194@keyframes check { 33195 0% { 33196 opacity: 0.2; 33197 transform: scale3d(0.8, 0.8, 1); 33198 } 33199 100% { 33200 opacity: 1; 33201 transform: scale3d(1, 1, 1); 33202 } 33203} 33204 33205@keyframes fade { 33206 0% { 33207 opacity: 0.5; 33208 } 33209 100% { 33210 opacity: 1; 33211 } 33212} </style> 33213 <!-- <link href="styles/bootstrap.css" rel="stylesheet"> 33214 <link href="styles/custom.css?ver=1.0.9.7" rel="stylesheet"> 33215 <link href="styles/styles.css?ver=1.0.9.7" rel="stylesheet"> 33216 <link href="styles/categories_nav_styles.css?ver=1.0.9.7" rel="stylesheet"> ---> 33217 <link href="font_awesome/css/font-awesome.css" rel="stylesheet"> 33218 <!---<link href="styles/owl.carousel.css" rel="stylesheet"> 33219 <link href="styles/owl.theme.default.css" rel="stylesheet"> 33220 <link rel='stylesheet prefetch' href='styles/slick.min.css'> 33221 <link rel='stylesheet prefetch' href='styles/slick-theme.min.css'> 33222 <link href="styles/sweat_alert.css" rel="stylesheet"> 33223 <link href="styles/animate.css" rel="stylesheet"> --> 33224 33225 <!--- end css -----------> 33226 <link rel="shortcut icon" href="https://www.hobbylancer.com//images/mobile_logo.png" type="image/x-icon" /> 33227 <!-- Optional: include a polyfill for ES6 Promises for IE11 and Android browser --> 33228
33228<script src="js/ie.js"></script>
33228 33229
33229<script type="text/javascript" src="js/sweat_alert.js"></script>
33229 33230
33230<script type="text/javascript" src="js/jquery.min.js"></script>
33230 33231 33232 <style>.swal2-popup .swal2-styled.swal2-confirm{background-color: #28a745;}</style> 33233 33234 33235 <link rel="manifest" href="manifest.json"> 33236 33237 33238 <!-- IOS support--> 33239 <!--ICONS --> 33240 <link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-96x96.png"> 33241 <link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-128x128.png"> 33242 <link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-144x144.png"> 33243 <link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-152x152.png"> 33244 <!-- <link href="https://www.hobbylancer.com/styles/scoped_responsive_and_nav.css?ver=1.0.9.7" rel="stylesheet"> --> 33245 <!-- <link href="https://www.hobbylancer.com/styles/vesta_homepage.css" rel="stylesheet"> --> 33246 <!--Status Bar / Tool bar color --> 33247 <meta name="apple-mobile-web-app-status-bar" content="#556db4"> 33248 33249 <!--Theme Color --> 33250 <meta name="theme-color" content="#556db4"> 33251
33251<script src="/app.js"></script>
33251 33252</head> 33253<body class="is-responsive"> 33254 33255<div class="loader_wrapper"> 33256 <div class="loading"> 33257 <div class="finger finger-1"> 33258 <div class="finger-item"> 33259 <span></span><i></i> 33260 </div> 33261 </div> 33262 <div class="finger finger-2"> 33263 <div class="finger-item"> 33264 <span></span><i></i> 33265 </div> 33266 </div> 33267 <div class="finger finger-3"> 33268 <div class="finger-item"> 33269 <span></span><i></i> 33270 </div> 33271 </div> 33272 <div class="finger finger-4"> 33273 <div class="finger-item"> 33274 <span></span><i></i> 33275 </div> 33276 </div> 33277 <div class="last-finger"> 33278 <div class="last-finger-item"><i></i></div> 33279 </div> 33280 </div> 33281</div> 33282<!-- loader styling --> 33283<style> 33284div#announcement_bar { 33285 display: flex; 33286 align-items: center; 33287 justify-content: center; 33288} 33289 .loader_wrapper .loading { 33290 position: absolute; 33291 left: 50%; 33292 top: 50%; 33293 margin: -35px 0 0 -56px; 33294 width: 112px; 33295 height: 70px; 33296 *zoom: 1; 33297 } 33298 .loader_wrapper .loading:before, 33299 .loader_wrapper .loading:after { 33300 display: table; 33301 content: ""; 33302 } 33303 .loader_wrapper .loading:after { 33304 clear: both; 33305 } 33306 .loader_wrapper .loading .finger { 33307 float: left; 33308 margin: 0 2px 0 0; 33309 width: 20px; 33310 height: 100%; 33311 } 33312 .loader_wrapper .loading .finger-1 { 33313 -webkit-animation: finger-1-animation 2s infinite ease-out; 33314 animation: finger-1-animation 2s infinite ease-out; 33315 } 33316 .loader_wrapper .loading .finger-1 span { 33317 -webkit-animation: finger-1-animation-span 2s infinite ease-out; 33318 animation: finger-1-animation-span 2s infinite ease-out; 33319 } 33320 .loader_wrapper .loading .finger-1 i { 33321 -webkit-animation: finger-1-animation-i 2s infinite ease-out; 33322 animation: finger-1-animation-i 2s infinite ease-out; 33323 } 33324 .loader_wrapper .loading .finger-2 { 33325 -webkit-animation: finger-2-animation 2s infinite ease-out; 33326 animation: finger-2-animation 2s infinite ease-out; 33327 } 33328 .loader_wrapper .loading .finger-2 span { 33329 -webkit-animation: finger-2-animation-span 2s infinite ease-out; 33330 animation: finger-2-animation-span 2s infinite ease-out; 33331 } 33332 .loader_wrapper .loading .finger-2 i { 33333 -webkit-animation: finger-2-animation-i 2s infinite ease-out; 33334 animation: finger-2-animation-i 2s infinite ease-out; 33335 } 33336 .loader_wrapper .loading .finger-3 { 33337 -webkit-animation: finger-3-animation 2s infinite ease-out; 33338 animation: finger-3-animation 2s infinite ease-out; 33339 } 33340 .loader_wrapper .loading .finger-3 span { 33341 -webkit-animation: finger-3-animation-span 2s infinite ease-out; 33342 animation: finger-3-animation-span 2s infinite ease-out; 33343 } 33344 .loader_wrapper .loading .finger-3 i { 33345 -webkit-animation: finger-3-animation-i 2s infinite ease-out; 33346 animation: finger-3-animation-i 2s infinite ease-out; 33347 } 33348 .loader_wrapper .loading .finger-4 { 33349 -webkit-animation: finger-4-animation 2s infinite ease-out; 33350 animation: finger-4-animation 2s infinite ease-out; 33351 } 33352 .loader_wrapper .loading .finger-4 span { 33353 -webkit-animation: finger-4-animation-span 2s infinite ease-out; 33354 animation: finger-4-animation-span 2s infinite ease-out; 33355 } 33356 .loader_wrapper .loading .finger-4 i { 33357 -webkit-animation: finger-4-animation-i 2s infinite ease-out; 33358 animation: finger-4-animation-i 2s infinite ease-out; 33359 } 33360 .loader_wrapper .loading .finger-item { 33361 position: relative; 33362 width: 100%; 33363 height: 100%; 33364 -webkit-border-radius: 6px 6px 8px 8px; 33365 -webkit-background-clip: padding-box; 33366 -moz-border-radius: 6px 6px 8px 8px; 33367 -moz-background-clip: padding; 33368 border-radius: 6px 6px 8px 8px; 33369 background-clip: padding-box; 33370 background: #fff; 33371 } 33372 .loader_wrapper .loading .finger-item span { 33373 position: absolute; 33374 left: 0; 33375 top: 0; 33376 width: 100%; 33377 height: auto; 33378 padding: 5px 5px 0 5px; 33379 } 33380 .loader_wrapper .loading .finger-item span:before, 33381 .loader_wrapper .loading .finger-item span:after { 33382 content: ''; 33383 position: relative; 33384 display: block; 33385 margin: 0 0 2px 0; 33386 width: 100%; 33387 height: 2px; 33388 background: #ffffff; 33389 } 33390 .loader_wrapper .loading .finger-item i { 33391 position: absolute; 33392 left: 3px; 33393 bottom: 3px; 33394 width: 14px; 33395 height: 14px; 33396 -webkit-border-radius: 10px 10px 7px 7px; 33397 -webkit-background-clip: padding-box; 33398 -moz-border-radius: 10px 10px 7px 7px; 33399 -moz-background-clip: padding; 33400 border-radius: 10px 10px 7px 7px; 33401 background-clip: padding-box; 33402 background: #ffffff; 33403 } 33404 .loader_wrapper .loading .last-finger { 33405 position: relative; 33406 float: left; 33407 width: 24px; 33408 height: 100%; 33409 overflow: hidden; 33410 } 33411 .loader_wrapper .loading .last-finger-item { 33412 position: absolute; 33413 right: 0; 33414 top: 32px; 33415 width: 110%; 33416 height: 20px; 33417 -webkit-border-radius: 0 5px 14px 0; 33418 -webkit-background-clip: padding-box; 33419 -moz-border-radius: 0 5px 14px 0; 33420 -moz-background-clip: padding; 33421 border-radius: 0 5px 14px 0; 33422 background-clip: padding-box; 33423 background: #fff; 33424 -webkit-animation: finger-5-animation 2s infinite linear; 33425 animation: finger-5-animation 2s infinite linear; 33426 } 33427 .loader_wrapper .loading .last-finger-item i { 33428 position: absolute; 33429 left: 0; 33430 top: -8px; 33431 width: 22px; 33432 height: 8px; 33433 background: #fff; 33434 overflow: hidden; 33435 } 33436 .loader_wrapper .loading .last-finger-item i:after { 33437 content: ''; 33438 position: absolute; 33439 left: 0; 33440 bottom: 0; 33441 width: 34px; 33442 height: 20px; 33443 -webkit-border-radius: 0 0 15px 15px; 33444 -webkit-background-clip: padding-box; 33445 -moz-border-radius: 0 0 15px 15px; 33446 -moz-background-clip: padding; 33447 border-radius: 0 0 15px 15px; 33448 background-clip: padding-box; 33449 background: #ffffff; 33450 } 33451 @-webkit-keyframes finger-1-animation { 33452 0% { 33453 padding: 12px 0 5px 0; 33454 } 33455 20% { 33456 padding: 12px 0 5px 0; 33457 } 33458 29% { 33459 padding: 4px 0 24px 0; 33460 } 33461 35% { 33462 padding: 4px 0 24px 0; 33463 } 33464 41% { 33465 padding: 12px 0 5px 0; 33466 } 33467 100% { 33468 padding: 12px 0 5px 0; 33469 } 33470 } 33471 @keyframes finger-1-animation { 33472 0% { 33473 padding: 12px 0 5px 0; 33474 } 33475 20% { 33476 padding: 12px 0 5px 0; 33477 } 33478 29% { 33479 padding: 4px 0 24px 0; 33480 } 33481 35% { 33482 padding: 4px 0 24px 0; 33483 } 33484 41% { 33485 padding: 12px 0 5px 0; 33486 } 33487 100% { 33488 padding: 12px 0 5px 0; 33489 } 33490 } 33491 @-webkit-keyframes finger-1-animation-span { 33492 0% { 33493 top: 0; 33494 } 33495 20% { 33496 top: 0; 33497 } 33498 29% { 33499 top: -7px; 33500 } 33501 35% { 33502 top: -7px; 33503 } 33504 41% { 33505 top: 0; 33506 } 33507 100% { 33508 top: 0; 33509 } 33510 } 33511 @keyframes finger-1-animation-span { 33512 0% { 33513 top: 0; 33514 } 33515 20% { 33516 top: 0; 33517 } 33518 29% { 33519 top: -7px; 33520 } 33521 35% { 33522 top: -7px; 33523 } 33524 41% { 33525 top: 0; 33526 } 33527 100% { 33528 top: 0; 33529 } 33530 } 33531 @-webkit-keyframes finger-1-animation-i { 33532 0% { 33533 bottom: 3px; 33534 height: 14px; 33535 -webkit-border-radius: 10px 10px 7px 7px; 33536 -webkit-background-clip: padding-box; 33537 -moz-border-radius: 10px 10px 7px 7px; 33538 -moz-background-clip: padding; 33539 border-radius: 10px 10px 7px 7px; 33540 background-clip: padding-box; 33541 } 33542 20% { 33543 bottom: 3px; 33544 height: 14px; 33545 -webkit-border-radius: 10px 10px 7px 7px; 33546 -webkit-background-clip: padding-box; 33547 -moz-border-radius: 10px 10px 7px 7px; 33548 -moz-background-clip: padding; 33549 border-radius: 10px 10px 7px 7px; 33550 background-clip: padding-box; 33551 } 33552 29% { 33553 bottom: 8px; 33554 height: 12px; 33555 -webkit-border-radius: 7px 7px 4px 4px; 33556 -webkit-background-clip: padding-box; 33557 -moz-border-radius: 7px 7px 4px 4px; 33558 -moz-background-clip: padding; 33559 border-radius: 7px 7px 4px 4px; 33560 background-clip: padding-box; 33561 } 33562 35% { 33563 bottom: 8px; 33564 height: 12px; 33565 -webkit-border-radius: 7px 7px 4px 4px; 33566 -webkit-background-clip: padding-box; 33567 -moz-border-radius: 7px 7px 4px 4px; 33568 -moz-background-clip: padding; 33569 border-radius: 7px 7px 4px 4px; 33570 background-clip: padding-box; 33571 } 33572 41% { 33573 bottom: 3px; 33574 height: 14px; 33575 -webkit-border-radius: 10px 10px 7px 7px; 33576 -webkit-background-clip: padding-box; 33577 -moz-border-radius: 10px 10px 7px 7px; 33578 -moz-background-clip: padding; 33579 border-radius: 10px 10px 7px 7px; 33580 background-clip: padding-box; 33581 } 33582 100% { 33583 bottom: 3px; 33584 height: 14px; 33585 -webkit-border-radius: 10px 10px 7px 7px; 33586 -webkit-background-clip: padding-box; 33587 -moz-border-radius: 10px 10px 7px 7px; 33588 -moz-background-clip: padding; 33589 border-radius: 10px 10px 7px 7px; 33590 background-clip: padding-box; 33591 } 33592 } 33593 @keyframes finger-1-animation-i { 33594 0% { 33595 bottom: 3px; 33596 height: 14px; 33597 -webkit-border-radius: 10px 10px 7px 7px; 33598 -webkit-background-clip: padding-box; 33599 -moz-border-radius: 10px 10px 7px 7px; 33600 -moz-background-clip: padding; 33601 border-radius: 10px 10px 7px 7px; 33602 background-clip: padding-box; 33603 } 33604 20% { 33605 bottom: 3px; 33606 height: 14px; 33607 -webkit-border-radius: 10px 10px 7px 7px; 33608 -webkit-background-clip: padding-box; 33609 -moz-border-radius: 10px 10px 7px 7px; 33610 -moz-background-clip: padding; 33611 border-radius: 10px 10px 7px 7px; 33612 background-clip: padding-box; 33613 } 33614 29% { 33615 bottom: 8px; 33616 height: 12px; 33617 -webkit-border-radius: 7px 7px 4px 4px; 33618 -webkit-background-clip: padding-box; 33619 -moz-border-radius: 7px 7px 4px 4px; 33620 -moz-background-clip: padding; 33621 border-radius: 7px 7px 4px 4px; 33622 background-clip: padding-box; 33623 } 33624 35% { 33625 bottom: 8px; 33626 height: 12px; 33627 -webkit-border-radius: 7px 7px 4px 4px; 33628 -webkit-background-clip: padding-box; 33629 -moz-border-radius: 7px 7px 4px 4px; 33630 -moz-background-clip: padding; 33631 border-radius: 7px 7px 4px 4px; 33632 background-clip: padding-box; 33633 } 33634 41% { 33635 bottom: 3px; 33636 height: 14px; 33637 -webkit-border-radius: 10px 10px 7px 7px; 33638 -webkit-background-clip: padding-box; 33639 -moz-border-radius: 10px 10px 7px 7px; 33640 -moz-background-clip: padding; 33641 border-radius: 10px 10px 7px 7px; 33642 background-clip: padding-box; 33643 } 33644 100% { 33645 bottom: 3px; 33646 height: 14px; 33647 -webkit-border-radius: 10px 10px 7px 7px; 33648 -webkit-background-clip: padding-box; 33649 -moz-border-radius: 10px 10px 7px 7px; 33650 -moz-background-clip: padding; 33651 border-radius: 10px 10px 7px 7px; 33652 background-clip: padding-box; 33653 } 33654 } 33655 @-webkit-keyframes finger-2-animation { 33656 0% { 33657 padding: 6px 0 2px 0; 33658 } 33659 24% { 33660 padding: 6px 0 2px 0; 33661 } 33662 33% { 33663 padding: 2px 0 16px 0; 33664 } 33665 39% { 33666 padding: 2px 0 16px 0; 33667 } 33668 45% { 33669 padding: 6px 0 2px 0; 33670 } 33671 100% { 33672 padding: 6px 0 2px 0; 33673 } 33674 } 33675 @keyframes finger-2-animation { 33676 0% { 33677 padding: 6px 0 2px 0; 33678 } 33679 24% { 33680 padding: 6px 0 2px 0; 33681 } 33682 33% { 33683 padding: 2px 0 16px 0; 33684 } 33685 39% { 33686 padding: 2px 0 16px 0; 33687 } 33688 45% { 33689 padding: 6px 0 2px 0; 33690 } 33691 100% { 33692 padding: 6px 0 2px 0; 33693 } 33694 } 33695 @-webkit-keyframes finger-2-animation-span { 33696 0% { 33697 top: 0; 33698 } 33699 24% { 33700 top: 0; 33701 } 33702 33% { 33703 top: -7px; 33704 } 33705 39% { 33706 top: -7px; 33707 } 33708 45% { 33709 top: 0; 33710 } 33711 100% { 33712 top: 0; 33713 } 33714 } 33715 @keyframes finger-2-animation-span { 33716 0% { 33717 top: 0; 33718 } 33719 24% { 33720 top: 0; 33721 } 33722 33% { 33723 top: -7px; 33724 } 33725 39% { 33726 top: -7px; 33727 } 33728 45% { 33729 top: 0; 33730 } 33731 100% { 33732 top: 0; 33733 } 33734 } 33735 @-webkit-keyframes finger-2-animation-i { 33736 0% { 33737 bottom: 3px; 33738 height: 14px; 33739 -webkit-border-radius: 10px 10px 7px 7px; 33740 -webkit-background-clip: padding-box; 33741 -moz-border-radius: 10px 10px 7px 7px; 33742 -moz-background-clip: padding; 33743 border-radius: 10px 10px 7px 7px; 33744 background-clip: padding-box; 33745 } 33746 24% { 33747 bottom: 3px; 33748 height: 14px; 33749 -webkit-border-radius: 10px 10px 7px 7px; 33750 -webkit-background-clip: padding-box; 33751 -moz-border-radius: 10px 10px 7px 7px; 33752 -moz-background-clip: padding; 33753 border-radius: 10px 10px 7px 7px; 33754 background-clip: padding-box; 33755 } 33756 33% { 33757 bottom: 8px; 33758 height: 12px; 33759 -webkit-border-radius: 7px 7px 4px 4px; 33760 -webkit-background-clip: padding-box; 33761 -moz-border-radius: 7px 7px 4px 4px; 33762 -moz-background-clip: padding; 33763 border-radius: 7px 7px 4px 4px; 33764 background-clip: padding-box; 33765 } 33766 39% { 33767 bottom: 8px; 33768 height: 12px; 33769 -webkit-border-radius: 7px 7px 4px 4px; 33770 -webkit-background-clip: padding-box; 33771 -moz-border-radius: 7px 7px 4px 4px; 33772 -moz-background-clip: padding; 33773 border-radius: 7px 7px 4px 4px; 33774 background-clip: padding-box; 33775 } 33776 45% { 33777 bottom: 3px; 33778 height: 14px; 33779 -webkit-border-radius: 10px 10px 7px 7px; 33780 -webkit-background-clip: padding-box; 33781 -moz-border-radius: 10px 10px 7px 7px; 33782 -moz-background-clip: padding; 33783 border-radius: 10px 10px 7px 7px; 33784 background-clip: padding-box; 33785 } 33786 100% { 33787 bottom: 3px; 33788 height: 14px; 33789 -webkit-border-radius: 10px 10px 7px 7px; 33790 -webkit-background-clip: padding-box; 33791 -moz-border-radius: 10px 10px 7px 7px; 33792 -moz-background-clip: padding; 33793 border-radius: 10px 10px 7px 7px; 33794 background-clip: padding-box; 33795 } 33796 } 33797 @keyframes finger-2-animation-i { 33798 0% { 33799 bottom: 3px; 33800 height: 14px; 33801 -webkit-border-radius: 10px 10px 7px 7px; 33802 -webkit-background-clip: padding-box; 33803 -moz-border-radius: 10px 10px 7px 7px; 33804 -moz-background-clip: padding; 33805 border-radius: 10px 10px 7px 7px; 33806 background-clip: padding-box; 33807 } 33808 24% { 33809 bottom: 3px; 33810 height: 14px; 33811 -webkit-border-radius: 10px 10px 7px 7px; 33812 -webkit-background-clip: padding-box; 33813 -moz-border-radius: 10px 10px 7px 7px; 33814 -moz-background-clip: padding; 33815 border-radius: 10px 10px 7px 7px; 33816 background-clip: padding-box; 33817 } 33818 33% { 33819 bottom: 8px; 33820 height: 12px; 33821 -webkit-border-radius: 7px 7px 4px 4px; 33822 -webkit-background-clip: padding-box; 33823 -moz-border-radius: 7px 7px 4px 4px; 33824 -moz-background-clip: padding; 33825 border-radius: 7px 7px 4px 4px; 33826 background-clip: padding-box; 33827 } 33828 39% { 33829 bottom: 8px; 33830 height: 12px; 33831 -webkit-border-radius: 7px 7px 4px 4px; 33832 -webkit-background-clip: padding-box; 33833 -moz-border-radius: 7px 7px 4px 4px; 33834 -moz-background-clip: padding; 33835 border-radius: 7px 7px 4px 4px; 33836 background-clip: padding-box; 33837 } 33838 45% { 33839 bottom: 3px; 33840 height: 14px; 33841 -webkit-border-radius: 10px 10px 7px 7px; 33842 -webkit-background-clip: padding-box; 33843 -moz-border-radius: 10px 10px 7px 7px; 33844 -moz-background-clip: padding; 33845 border-radius: 10px 10px 7px 7px; 33846 background-clip: padding-box; 33847 } 33848 100% { 33849 bottom: 3px; 33850 height: 14px; 33851 -webkit-border-radius: 10px 10px 7px 7px; 33852 -webkit-background-clip: padding-box; 33853 -moz-border-radius: 10px 10px 7px 7px; 33854 -moz-background-clip: padding; 33855 border-radius: 10px 10px 7px 7px; 33856 background-clip: padding-box; 33857 } 33858 } 33859 @-webkit-keyframes finger-3-animation { 33860 0% { 33861 padding: 0 0 0 0; 33862 } 33863 28% { 33864 padding: 0 0 0 0; 33865 } 33866 37% { 33867 padding: 0 0 12px 0; 33868 } 33869 43% { 33870 padding: 0 0 12px 0; 33871 } 33872 49% { 33873 padding: 0 0 0 0; 33874 } 33875 100% { 33876 padding: 0 0 0 0; 33877 } 33878 } 33879 @keyframes finger-3-animation { 33880 0% { 33881 padding: 0 0 0 0; 33882 } 33883 28% { 33884 padding: 0 0 0 0; 33885 } 33886 37% { 33887 padding: 0 0 12px 0; 33888 } 33889 43% { 33890 padding: 0 0 12px 0; 33891 } 33892 49% { 33893 padding: 0 0 0 0; 33894 } 33895 100% { 33896 padding: 0 0 0 0; 33897 } 33898 } 33899 @-webkit-keyframes finger-3-animation-span { 33900 0% { 33901 top: 0; 33902 } 33903 28% { 33904 top: 0; 33905 } 33906 37% { 33907 top: -7px; 33908 } 33909 43% { 33910 top: -7px; 33911 } 33912 49% { 33913 top: 0; 33914 } 33915 100% { 33916 top: 0; 33917 } 33918 } 33919 @keyframes finger-3-animation-span { 33920 0% { 33921 top: 0; 33922 } 33923 28% { 33924 top: 0; 33925 } 33926 37% { 33927 top: -7px; 33928 } 33929 43% { 33930 top: -7px; 33931 } 33932 49% { 33933 top: 0; 33934 } 33935 100% { 33936 top: 0; 33937 } 33938 } 33939 @-webkit-keyframes finger-3
33939-animation-i { 33940 0% { 33941 bottom: 3px; 33942 height: 14px; 33943 -webkit-border-radius: 10px 10px 7px 7px; 33944 -webkit-background-clip: padding-box; 33945 -moz-border-radius: 10px 10px 7px 7px; 33946 -moz-background-clip: padding; 33947 border-radius: 10px 10px 7px 7px; 33948 background-clip: padding-box; 33949 } 33950 28% { 33951 bottom: 3px; 33952 height: 14px; 33953 -webkit-border-radius: 10px 10px 7px 7px; 33954 -webkit-background-clip: padding-box; 33955 -moz-border-radius: 10px 10px 7px 7px; 33956 -moz-background-clip: padding; 33957 border-radius: 10px 10px 7px 7px; 33958 background-clip: padding-box; 33959 } 33960 37% { 33961 bottom: 8px; 33962 height: 12px; 33963 -webkit-border-radius: 7px 7px 4px 4px; 33964 -webkit-background-clip: padding-box; 33965 -moz-border-radius: 7px 7px 4px 4px; 33966 -moz-background-clip: padding; 33967 border-radius: 7px 7px 4px 4px; 33968 background-clip: padding-box; 33969 } 33970 43% { 33971 bottom: 8px; 33972 height: 12px; 33973 -webkit-border-radius: 7px 7px 4px 4px; 33974 -webkit-background-clip: padding-box; 33975 -moz-border-radius: 7px 7px 4px 4px; 33976 -moz-background-clip: padding; 33977 border-radius: 7px 7px 4px 4px; 33978 background-clip: padding-box; 33979 } 33980 49% { 33981 bottom: 3px; 33982 height: 14px; 33983 -webkit-border-radius: 10px 10px 7px 7px; 33984 -webkit-background-clip: padding-box; 33985 -moz-border-radius: 10px 10px 7px 7px; 33986 -moz-background-clip: padding; 33987 border-radius: 10px 10px 7px 7px; 33988 background-clip: padding-box; 33989 } 33990 100% { 33991 bottom: 3px; 33992 height: 14px; 33993 -webkit-border-radius: 10px 10px 7px 7px; 33994 -webkit-background-clip: padding-box; 33995 -moz-border-radius: 10px 10px 7px 7px; 33996 -moz-background-clip: padding; 33997 border-radius: 10px 10px 7px 7px; 33998 background-clip: padding-box; 33999 } 34000 } 34001 @keyframes finger-3-animation-i { 34002 0% { 34003 bottom: 3px; 34004 height: 14px; 34005 -webkit-border-radius: 10px 10px 7px 7px; 34006 -webkit-background-clip: padding-box; 34007 -moz-border-radius: 10px 10px 7px 7px; 34008 -moz-background-clip: padding; 34009 border-radius: 10px 10px 7px 7px; 34010 background-clip: padding-box; 34011 } 34012 28% { 34013 bottom: 3px; 34014 height: 14px; 34015 -webkit-border-radius: 10px 10px 7px 7px; 34016 -webkit-background-clip: padding-box; 34017 -moz-border-radius: 10px 10px 7px 7px; 34018 -moz-background-clip: padding; 34019 border-radius: 10px 10px 7px 7px; 34020 background-clip: padding-box; 34021 } 34022 37% { 34023 bottom: 8px; 34024 height: 12px; 34025 -webkit-border-radius: 7px 7px 4px 4px; 34026 -webkit-background-clip: padding-box; 34027 -moz-border-radius: 7px 7px 4px 4px; 34028 -moz-background-clip: padding; 34029 border-radius: 7px 7px 4px 4px; 34030 background-clip: padding-box; 34031 } 34032 43% { 34033 bottom: 8px; 34034 height: 12px; 34035 -webkit-border-radius: 7px 7px 4px 4px; 34036 -webkit-background-clip: padding-box; 34037 -moz-border-radius: 7px 7px 4px 4px; 34038 -moz-background-clip: padding; 34039 border-radius: 7px 7px 4px 4px; 34040 background-clip: padding-box; 34041 } 34042 49% { 34043 bottom: 3px; 34044 height: 14px; 34045 -webkit-border-radius: 10px 10px 7px 7px; 34046 -webkit-background-clip: padding-box; 34047 -moz-border-radius: 10px 10px 7px 7px; 34048 -moz-background-clip: padding; 34049 border-radius: 10px 10px 7px 7px; 34050 background-clip: padding-box; 34051 } 34052 100% { 34053 bottom: 3px; 34054 height: 14px; 34055 -webkit-border-radius: 10px 10px 7px 7px; 34056 -webkit-background-clip: padding-box; 34057 -moz-border-radius: 10px 10px 7px 7px; 34058 -moz-background-clip: padding; 34059 border-radius: 10px 10px 7px 7px; 34060 background-clip: padding-box; 34061 } 34062 } 34063 @-webkit-keyframes finger-4-animation { 34064 0% { 34065 padding: 8px 0 3px 0; 34066 } 34067 32% { 34068 padding: 8px 0 3px 0; 34069 } 34070 41% { 34071 padding: 4px 0 20px 0; 34072 } 34073 47% { 34074 padding: 4px 0 20px 0; 34075 } 34076 53% { 34077 padding: 8px 0 3px 0; 34078 } 34079 100% { 34080 padding: 8px 0 3px 0; 34081 } 34082 } 34083 @keyframes finger-4-animation { 34084 0% { 34085 padding: 8px 0 3px 0; 34086 } 34087 32% { 34088 padding: 8px 0 3px 0; 34089 } 34090 41% { 34091 padding: 4px 0 20px 0; 34092 } 34093 47% { 34094 padding: 4px 0 20px 0; 34095 } 34096 53% { 34097 padding: 8px 0 3px 0; 34098 } 34099 100% { 34100 padding: 8px 0 3px 0; 34101 } 34102 } 34103 @-webkit-keyframes finger-4-animation-span { 34104 0% { 34105 top: 0; 34106 } 34107 32% { 34108 top: 0; 34109 } 34110 41% { 34111 top: -7px; 34112 } 34113 47% { 34114 top: -7px; 34115 } 34116 53% { 34117 top: 0; 34118 } 34119 100% { 34120 top: 0; 34121 } 34122 } 34123 @keyframes finger-4-animation-span { 34124 0% { 34125 top: 0; 34126 } 34127 32% { 34128 top: 0; 34129 } 34130 41% { 34131 top: -7px; 34132 } 34133 47% { 34134 top: -7px; 34135 } 34136 53% { 34137 top: 0; 34138 } 34139 100% { 34140 top: 0; 34141 } 34142 } 34143 @-webkit-keyframes finger-4-animation-i { 34144 0% { 34145 bottom: 3px; 34146 height: 14px; 34147 -webkit-border-radius: 10px 10px 7px 7px; 34148 -webkit-background-clip: padding-box; 34149 -moz-border-radius: 10px 10px 7px 7px; 34150 -moz-background-clip: padding; 34151 border-radius: 10px 10px 7px 7px; 34152 background-clip: padding-box; 34153 } 34154 32% { 34155 bottom: 3px; 34156 height: 14px; 34157 -webkit-border-radius: 10px 10px 7px 7px; 34158 -webkit-background-clip: padding-box; 34159 -moz-border-radius: 10px 10px 7px 7px; 34160 -moz-background-clip: padding; 34161 border-radius: 10px 10px 7px 7px; 34162 background-clip: padding-box; 34163 } 34164 41% { 34165 bottom: 8px; 34166 height: 12px; 34167 -webkit-border-radius: 7px 7px 4px 4px; 34168 -webkit-background-clip: padding-box; 34169 -moz-border-radius: 7px 7px 4px 4px; 34170 -moz-background-clip: padding; 34171 border-radius: 7px 7px 4px 4px; 34172 background-clip: padding-box; 34173 } 34174 47% { 34175 bottom: 8px; 34176 height: 12px; 34177 -webkit-border-radius: 7px 7px 4px 4px; 34178 -webkit-background-clip: padding-box; 34179 -moz-border-radius: 7px 7px 4px 4px; 34180 -moz-background-clip: padding; 34181 border-radius: 7px 7px 4px 4px; 34182 background-clip: padding-box; 34183 } 34184 53% { 34185 bottom: 3px; 34186 height: 14px; 34187 -webkit-border-radius: 10px 10px 7px 7px; 34188 -webkit-background-clip: padding-box; 34189 -moz-border-radius: 10px 10px 7px 7px; 34190 -moz-background-clip: padding; 34191 border-radius: 10px 10px 7px 7px; 34192 background-clip: padding-box; 34193 } 34194 100% { 34195 bottom: 3px; 34196 height: 14px; 34197 -webkit-border-radius: 10px 10px 7px 7px; 34198 -webkit-background-clip: padding-box; 34199 -moz-border-radius: 10px 10px 7px 7px; 34200 -moz-background-clip: padding; 34201 border-radius: 10px 10px 7px 7px; 34202 background-clip: padding-box; 34203 } 34204 } 34205 @keyframes finger-4-animation-i { 34206 0% { 34207 bottom: 3px; 34208 height: 14px; 34209 -webkit-border-radius: 10px 10px 7px 7px; 34210 -webkit-background-clip: padding-box; 34211 -moz-border-radius: 10px 10px 7px 7px; 34212 -moz-background-clip: padding; 34213 border-radius: 10px 10px 7px 7px; 34214 background-clip: padding-box; 34215 } 34216 32% { 34217 bottom: 3px; 34218 height: 14px; 34219 -webkit-border-radius: 10px 10px 7px 7px; 34220 -webkit-background-clip: padding-box; 34221 -moz-border-radius: 10px 10px 7px 7px; 34222 -moz-background-clip: padding; 34223 border-radius: 10px 10px 7px 7px; 34224 background-clip: padding-box; 34225 } 34226 41% { 34227 bottom: 8px; 34228 height: 12px; 34229 -webkit-border-radius: 7px 7px 4px 4px; 34230 -webkit-background-clip: padding-box; 34231 -moz-border-radius: 7px 7px 4px 4px; 34232 -moz-background-clip: padding; 34233 border-radius: 7px 7px 4px 4px; 34234 background-clip: padding-box; 34235 } 34236 47% { 34237 bottom: 8px; 34238 height: 12px; 34239 -webkit-border-radius: 7px 7px 4px 4px; 34240 -webkit-background-clip: padding-box; 34241 -moz-border-radius: 7px 7px 4px 4px; 34242 -moz-background-clip: padding; 34243 border-radius: 7px 7px 4px 4px; 34244 background-clip: padding-box; 34245 } 34246 53% { 34247 bottom: 3px; 34248 height: 14px; 34249 -webkit-border-radius: 10px 10px 7px 7px; 34250 -webkit-background-clip: padding-box; 34251 -moz-border-radius: 10px 10px 7px 7px; 34252 -moz-background-clip: padding; 34253 border-radius: 10px 10px 7px 7px; 34254 background-clip: padding-box; 34255 } 34256 100% { 34257 bottom: 3px; 34258 height: 14px; 34259 -webkit-border-radius: 10px 10px 7px 7px; 34260 -webkit-background-clip: padding-box; 34261 -moz-border-radius: 10px 10px 7px 7px; 34262 -moz-background-clip: padding; 34263 border-radius: 10px 10px 7px 7px; 34264 background-clip: padding-box; 34265 } 34266 } 34267 @-webkit-keyframes finger-5-animation { 34268 0% { 34269 top: 32px; 34270 right: 0; 34271 -webkit-border-radius: 0 5px 14px 0; 34272 -webkit-background-clip: padding-box; 34273 -moz-border-radius: 0 5px 14px 0; 34274 -moz-background-clip: padding; 34275 border-radius: 0 5px 14px 0; 34276 background-clip: padding-box; 34277 -webkit-transform: rotate(0deg); 34278 transform: rotate(0deg); 34279 } 34280 34% { 34281 top: 32px; 34282 right: 0; 34283 -webkit-border-radius: 0 5px 14px 0; 34284 -webkit-background-clip: padding-box; 34285 -moz-border-radius: 0 5px 14px 0; 34286 -moz-background-clip: padding; 34287 border-radius: 0 5px 14px 0; 34288 background-clip: padding-box; 34289 -webkit-transform: rotate(0deg); 34290 transform: rotate(0deg); 34291 } 34292 43% { 34293 top: 20px; 34294 right: 2px; 34295 -webkit-border-radius: 0 8px 20px 0; 34296 -webkit-background-clip: padding-box; 34297 -moz-border-radius: 0 8px 20px 0; 34298 -moz-background-clip: padding; 34299 border-radius: 0 8px 20px 0; 34300 background-clip: padding-box; 34301 -webkit-transform: rotate(-12deg); 34302 transform: rotate(-12deg); 34303 } 34304 50% { 34305 top: 20px; 34306 right: 2px; 34307 -webkit-border-radius: 0 8px 20px 0; 34308 -webkit-background-clip: padding-box; 34309 -moz-border-radius: 0 8px 20px 0; 34310 -moz-background-clip: padding; 34311 border-radius: 0 8px 20px 0; 34312 background-clip: padding-box; 34313 -webkit-transform: rotate(-12deg); 34314 transform: rotate(-12deg); 34315 } 34316 60% { 34317 top: 32px; 34318 right: 0; 34319 -webkit-border-radius: 0 5px 14px 0; 34320 -webkit-background-clip: padding-box; 34321 -moz-border-radius: 0 5px 14px 0; 34322 -moz-background-clip: padding; 34323 border-radius: 0 5px 14px 0; 34324 background-clip: padding-box; 34325 -webkit-transform: rotate(0deg); 34326 transform: rotate(0deg); 34327 } 34328 100% { 34329 top: 32px; 34330 right: 0; 34331 -webkit-border-radius: 0 5px 14px 0; 34332 -webkit-background-clip: padding-box; 34333 -moz-border-radius: 0 5px 14px 0; 34334 -moz-background-clip: padding; 34335 border-radius: 0 5px 14px 0; 34336 background-clip: padding-box; 34337 -webkit-transform: rotate(0deg); 34338 transform: rotate(0deg); 34339 } 34340 } 34341 @keyframes finger-5-animation { 34342 0% { 34343 top: 32px; 34344 right: 0; 34345 -webkit-border-radius: 0 5px 14px 0; 34346 -webkit-background-clip: padding-box; 34347 -moz-border-radius: 0 5px 14px 0; 34348 -moz-background-clip: padding; 34349 border-radius: 0 5px 14px 0; 34350 background-clip: padding-box; 34351 -webkit-transform: rotate(0deg); 34352 transform: rotate(0deg); 34353 } 34354 34% { 34355 top: 32px; 34356 right: 0; 34357 -webkit-border-radius: 0 5px 14px 0; 34358 -webkit-background-clip: padding-box; 34359 -moz-border-radius: 0 5px 14px 0; 34360 -moz-background-clip: padding; 34361 border-radius: 0 5px 14px 0; 34362 background-clip: padding-box; 34363 -webkit-transform: rotate(0deg); 34364 transform: rotate(0deg); 34365 } 34366 43% { 34367 top: 20px; 34368 right: 2px; 34369 -webkit-border-radius: 0 8px 20px 0; 34370 -webkit-background-clip: padding-box; 34371 -moz-border-radius: 0 8px 20px 0; 34372 -moz-background-clip: padding; 34373 border-radius: 0 8px 20px 0; 34374 background-clip: padding-box; 34375 -webkit-transform: rotate(-12deg); 34376 transform: rotate(-12deg); 34377 } 34378 50% { 34379 top: 20px; 34380 right: 2px; 34381 -webkit-border-radius: 0 8px 20px 0; 34382 -webkit-background-clip: padding-box; 34383 -moz-border-radius: 0 8px 20px 0; 34384 -moz-background-clip: padding; 34385 border-radius: 0 8px 20px 0; 34386 background-clip: padding-box; 34387 -webkit-transform: rotate(-12deg); 34388 transform: rotate(-12deg); 34389 } 34390 60% { 34391 top: 32px; 34392 right: 0; 34393 -webkit-border-radius: 0 5px 14px 0; 34394 -webkit-background-clip: padding-box; 34395 -moz-border-radius: 0 5px 14px 0; 34396 -moz-background-clip: padding; 34397 border-radius: 0 5px 14px 0; 34398 background-clip: padding-box; 34399 -webkit-transform: rotate(0deg); 34400 transform: rotate(0deg); 34401 } 34402 100% { 34403 top: 32px; 34404 right: 0; 34405 -webkit-border-radius: 0 5px 14px 0; 34406 -webkit-background-clip: padding-box; 34407 -moz-border-radius: 0 5px 14px 0; 34408 -moz-background-clip: padding; 34409 border-radius: 0 5px 14px 0; 34410 background-clip: padding-box; 34411 -webkit-transform: rotate(0deg); 34412 transform: rotate(0deg); 34413 } 34414 } 34415 34416 34417 34418 .loader_wrapper .finger.finger-1 .finger-item { 34419 background: #e94f1f; 34420 } 34421 .loader_wrapper .finger.finger-2 .finger-item { 34422 background: #ef7f1a; 34423 } 34424 .loader_wrapper .finger.finger-3 .finger-item { 34425 background: #88a824; 34426 } 34427 .loader_wrapper .finger.finger-4 .finger-item { 34428 background: #0b66aa; 34429 } 34430 .loader_wrapper .last-finger .last-finger-item { 34431 background: #e94f1f; 34432 } 34433 .loader_wrapper .loading .last-finger-item i { 34434 position: absolute; 34435 left: 0; 34436 top: -8px; 34437 width: 22px; 34438 height: 8px; 34439 background: #e94f1f; 34440 overflow: hidden; 34441 } 34442 .loader_wrapper .loader_wrapper { 34443 position: fixed; 34444 top: 0; 34445 left: 0; 34446 right: 0; 34447 bottom: 0; 34448 background: white; 34449 width: 100%; 34450 height: 100%; 34451 } 34452 .loader_wrapper { 34453 background: white; 34454 z-index: 9999999999999; 34455 position: fixed; 34456 top: 0; 34457 width: 100%; 34458 bottom: 0; 34459 left: 0; 34460 right: 0; 34461 } 34462</style> 34463<!-- loader styling end--> 34464 34465 34466 34467 <div id="announcement_bar" style="background:rgb(190,239,255);background:#2ca35b;color:#fbff00;"> 34468 <span class="close_fullscreen"> 34469 <i class="fa fa-times"></i> 34470 </span> 34471 <span class="time d-none">1599945687</span> 34472 <!-- 34473<i class="fa fa-trophy"></i> Create your Portfolio/Proposal and WIN upto Rs 10,000. Everyone will win. Hurry Up. 34474 34475 34476 34477 34478 34479 34480 34481 34482 34483 34484 --> 34485 34486 <i class="fa fa-trophy"></i>Create your Portfolio/Proposal and WIN upto Rs 10,000. Hurry Up. 34487 <!-- <span class="readmore_tri">Read More</span> --> 34488 34489 <!-- <a href="#" class="float-right close-icon"> 34490 <i class="fa fa-times"></i> 34491 </a> --> 34492 </div> 34493 <div id="announcement_bar_margin"></div>
34494<script> 34495 34496$(document).ready(function(){ 34497 //alert() 34498 // setTimeout(function(){ 34499 // $("#announcement_bar").addClass("adddd"); 34500 // $(".close_fullscreen").show() 34501 // }, 8000); 34502 34503 $(".readmore_tri").click(function(){ 34504 $(this).parent("#announcement_bar").addClass("add_announcement"); 34505 $(this).hide(); 34506 $(".close_fullscreen").show(); 34507 $(".close_fullscreen").click(function(){ 34508 $(this).hide(); 34509 $(this).parent("#announcement_bar").removeClass("add_announcement"); 34510 $(".readmore_tri").show() 34511 //$("#announcement_bar_margin").hide(); 34512 //$("#announcement_bar").hide(); 34513 }); 34514 $(".anoounsment_details_inner").css("display", "flex"); 34515 }); 34516}); 34517 34518</script>
34518 34519<!-- Google Tag Manager -->
34520<script>
vendor: 328 bytes, lines 34520-34524
34520 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 34521new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34522j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 34523'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 34524})(window,document,'script','dataLayer','
34524GTM-PL875H2
vendor: 4 bytes, line 34524
34524');
34524</script>
34524 34525<!-- End Google Tag Manager --> 34526 34527 34528
34529<script type="text/javascript" src="https://www.hobbylancer.com/js/jquery.lazy.min.js"></script>
34529 34530<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 34530-34531
34530 34531<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
34531GTM-PL875H2
vendor: 83 bytes, lines 34531-34532
34531" 34532height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
34533<!-- End Google Tag Manager (noscript) --> 34534 34535<!-- Hotjar Tracking Code for https://www.hobbylancer.com -->
34536<script> 34537 /*
vendor: 123 bytes, lines 34537-34539
34537 (function(h,o,t,j,a,r){ 34538 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 34539 h._hjSettings={hjid:
345391988680
vendor: 258 bytes, lines 34539-34544
34539,hjsv:6}; 34540 a=o.getElementsByTagName('head')[0]; 34541 r=o.createElement('script');r.async=1; 34542 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 34543 a.appendChild(r); 34544 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
34544*/ 34545</script>
34545 34546<!--- Facebook pixel -------->
34547<script>
vendor: 400 bytes, lines 34547-34558
34547 34548!function(f,b,e,v,n,t,s) 34549{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 34550n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 34551if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 34552n.queue=[];t=b.createElement(e);t.async=!0; 34553t.src=v;s=b.getElementsByTagName(e)[0]; 34554s.parentNode.insertBefore(t,s)}(window,document,'script', 34555'https://connect.facebook.net/en_US/fbevents.js'); 34556 34557 34558fbq('init', '
34558355968809110289
vendor: 33 bytes, lines 34558-34562
34558'); 34559 34560 34561fbq('track', 'PageView'); 34562
34563</script>
34563 34564
34565<script type="text/javascript"> 34566 var local_country = ""; 34567 var local_city = ""; 34568 var local_state = ""; 34569</script>
34569 34570<link href="https://www.hobbylancer.com/styles/scoped_responsive_and_nav.css?ver=1.0.9.7" rel="stylesheet"> 34571<link href="https://www.hobbylancer.com/styles/vesta_homepage.css" rel="stylesheet"> 34572
34573<script src="//platform-api.sharethis.com/js/sharethis.js#property=5c812224d11c6a0011c485fd&product=inline-share-buttons"></script>
34573 34574 34575<div id="gnav-header" class="gnav-header global-nav clear gnav-3"> 34576 <header id="gnav-header-inner" class="gnav-header-inner clear apply-nav-height col-group has-svg-icons body-max-width"> 34577 <div class="col-xs-12"> 34578 <div id="gigtodo-logo" class="apply-nav-height gigtodo-logo-svg gigtodo-logo-svg-logged-in "> 34579 <a href="https://www.hobbylancer.com"> 34580 <img class="desktop" src="https://www.hobbylancer.com//images/mainlogo.png" width="150"> 34581 <img class="mobile" src="https://www.hobbylancer.com//images/mobile_logo.png" height="25"> 34582 </a> 34583 </div> 34584 <button id="mobilemenu" class="unstyled-button mobile-catnav-trigger apply-nav-height icon-b-1 tablet-catnav-enabled "> 34585 <span class="screen-reader-only"></span> 34586 <div class="text-gray-lighter text-body-larger"> 34587 <span class="gigtodo-icon hamburger-icon nav-icon"> 34588 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 34589 <path d="M20,6H4A1,1,0,1,1,4,4H20A1,1,0,0,1,20,6Z" /> 34590 <path d="M20,13H4a1,1,0,0,1,0-2H20A1,1,0,0,1,20,13Z" /> 34591 <path d="M20,20H4a1,1,0,0,1,0-2H20A1,1,0,0,1,20,20Z" /> 34592 </svg> 34593 </span> 34594 </div> 34595 </button> 34596 <div class="catnav-search-bar search-browse-wrapper with-catnav"> 34597 <div class="search-browse-inner"> 34598 <form id="gnav-search" class="search-nav expanded-search apply-nav-height" method="post"> 34599 <div class="gnav-search-inner clearable"> 34600 <label for="search-query" class="screen-reader-only">Search for items</label> 34601 <div class="search-input-wrapper text-field-wrapper"> 34602 <input id="search-query" class="rounded" name="search_query" 34603 placeholder="Find Services" value="" autocomplete="off"> 34604 </div> 34605 <div class="search-button-wrapper hide"> 34606 <button class="btn btn-primary" name="search" type="submit" value="Search"> 34607 Search </button> 34608 <div class="localsearch"> 34609 <!-- <input type="checkbox" name="localsearch" id="localsearch"/> <label for="localsearch">Local</label> --> 34610 <label class="checkbox_conntainer"> 34611 34612 <input type="checkbox" name="localsearch" id="localsearch" /> 34613 <label for="localsearch">Local</label> 34614 <span class="checkmark"></span> 34615 </label> 34616 </div> 34617 </div> 34618 </div> 34619 <ul class="search-bar-panel d-none"></ul> 34620 </form> 34621 </div> 34622 </div> 34623 <ul class="account-nav apply-nav-height"> 34624 34625 <li class="logged-in-link"> 34626 34627 <span class="gigtodo-icon nav-icon gigtodo-icon-relative for_share_and_earn"> 34628 <span class="gigtodo-icon nav-icon gigtodo-icon-relative share_rupee_cont cont_sr_after_login"> 34629 34630 <a class="menuItem" title="Do Share & Earn Money"> 34631 <span class="rupee_icon"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 34632 width="1020.102px" height="1014.101px" viewBox="395.263 26.268 1020.102 1014.101" 34633 enable-background="new 395.263 26.268 1020.102 1014.101" xml:space="preserve"> 34634<g> 34635 <ellipse fill="#FFFFFF" cx="909.814" cy="560.321" rx="379.538" ry="405.04"/> 34636 <g> 34637 <g> 34638 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="555.7914" y1="214.7472" x2="1248.8607" y2="856.8114"> 34639 <stop offset="0" style="stop-color:#55B5FF"/> 34640 <stop offset="1" style="stop-color:#003DD4"/> 34641 </linearGradient> 34642 <path fill="url(#SVGID_1_)" d="M901.873,39.004C627.722,39.452,405.982,261.64,405.534,535.343c0,0.448,0,0.448,0,0.448 34643 c0,274.151,222.636,496.339,496.787,496.339s496.339-222.636,496.339-496.787S1176.024,39.004,901.873,39.004z M1016.998,397.371 34644 h60.027c24.638,0,44.796,20.158,44.796,44.796s-20.158,44.796-44.796,44.796h-60.027c-8.959,34.941-26.878,66.746-
3464452.411,92.28 34645 c-33.597,33.597-78.393,53.307-125.877,55.995l168.881,159.921c17.918,17.022,18.814,45.244,1.792,63.162 34646 c-17.023,17.918-45.244,18.814-63.162,1.792L695.811,623.143c-8.511-8.511-13.887-20.158-13.887-32.253 34647 c-0.448-25.086,19.71-45.244,44.796-45.692h100.343c27.774,0.448,54.651-10.303,74.809-30.013 34648 c8.063-8.511,14.783-17.918,20.606-28.221H726.721c-24.638,0-44.796-20.158-44.796-44.796s20.158-44.796,44.796-44.796h195.758 34649 c-16.575-35.837-53.307-62.714-95.415-62.714H726.721c-24.638,0-44.796-20.158-44.796-44.796s20.158-44.796,44.796-44.796 34650 h350.304c24.638,0,44.796,20.158,44.796,44.796s-20.158,44.796-44.796,44.796h-86.008 34651 C1003.56,353.919,1012.071,374.973,1016.998,397.371z"/> 34652 </g> 34653 </g> 34654</g> 34655</svg> 34656</span> 34657 <span><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 34658 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> 34659<circle cx="256.5" cy="255.5" r="254.5"/> 34660<path fill="#FFFFFF" d="M351.276,203.862c35.138,0,63.724-28.587,63.724-63.724s-28.587-63.724-63.724-63.724 34661 S287.552,105,287.552,140.138c0,5.016,0.601,9.891,1.702,14.577L187.848,211.05c-11.546-11.59-27.51-18.774-45.124-18.774 34662 C107.587,192.276,79,220.863,79,256s28.587,63.724,63.724,63.724c17.613,0,33.578-7.185,45.124-18.774l101.406,56.336 34663 c-1.101,4.685-1.702,9.561-1.702,14.577c0,35.137,28.587,63.724,63.724,63.724S415,407,415,371.862s-28.587-63.724-63.724-63.724 34664 c-17.613,0-33.578,7.185-45.124,18.774l-101.406-56.336c1.101-4.684,1.702-9.56,1.702-14.577s-0.601-9.891-1.702-14.577 34665 l101.406-56.336C317.698,196.677,333.663,203.862,351.276,203.862z M351.276,342.897c15.972,0,28.966,12.994,28.966,28.966 34666 s-12.994,28.966-28.966,28.966c-15.972,0-28.966-12.994-28.966-28.966S335.304,342.897,351.276,342.897z M142.724,284.966 34667 c-15.972,0-28.966-12.994-28.966-28.966s12.994-28.966,28.966-28.966S171.69,240.028,171.69,256S158.696,284.966,142.724,284.966z 34668 M351.276,111.172c15.972,0,28.966,12.994,28.966,28.966s-12.994,28.966-28.966,28.966c-15.972,0-28.966-12.994-28.966-28.966 34669 S335.304,111.172,351.276,111.172z"/> 34670</svg> 34671</span></span> 34672 </a> 34673 <div class="shareearn_menu cont_sr_before_login_tri_inner_div" id="shareearn_menu"> 34674 <ul class="share_ref_dd_cont innershare_ref_dd_cont_before_login"> 34675 <li class="share_ref_dd_cont_dd_tri"> 34676 Quick Share 34677 <span class="inner_proposal_ref_dd"> 34678 <p class="Secondery_heading">Join Now or Login to use your Referral code to Share and Earn.</p> 34679 34680 <input type="text" class="ref_code d-none" id="ref_code" value="https://www.hobbylancer.com"> 34681 34682 <div class="sharethis-inline-share-buttons ref_for_share inner_cont_sr_after_login" data-url="https://www.hobbylancer.com" data-title="Join now on HobbyLancer!"></div> 34683 </span> 34684 </li> 34685 </ul> 34686 34687 </div> 34688 34689 34690 34691 </span> 34692 </li> 34693 <!-- <li class="register-link"> 34694 <a href="https://www.hobbylancer.com/hobbyists">Freelancers</a> 34695 </li> 34696 <li class="sell-on-gigtodo-link d-none d-lg-block"> 34697 <a href="#" data-toggle="modal" data-target="#register-modal"> 34698 <span class="sell-copy">Become a Hobbyist</span> 34699 <span class="sell-copy short">Become a Hobbyist</span> 34700 </a> 34701 </li> --> 34702 <li class="register-link"> 34703 <a href="javascript:void(0)" data-toggle="modal" data-target="#login-modal">Sign In</a> 34704 </li> 34705 <li class="sign-in-link mr-lg-0 mr-3"> 34706 <a href="javascript:void(0)" class="btn btn_join" style="color: white;" data-toggle="modal" data-target="#register-modal"> 34707 Join Now </a> 34708 </li> 34709 </ul> 34710 </div> 34711 </header> 34712</div> 34713 34714<div class="clearfix"></div> 34715<div data-ui="cat-nav" id="desktop-category-nav" class="ui-toolkit cat-nav "> 34716 <div class="bg-white bg-transparent-homepage-experiment bb-xs-1 hide-xs hide-sm hide-md"> 34717 <div class="col-group body-max-width"> 34718 <ul class="col-xs-12 body-max-width display-flex-xs justify-content-space-between" role="menubar" data-ui="top-nav-category-list" aria-activedescendant="catnav-primary-link-10855"> 34719 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34720 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-1"> 34721 <a href="https://www.hobbylancer.com/categories/arts-and-crafts"> 34722 Arts & Crafts </a> 34723 </li> 34724 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34725 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-2"> 34726 <a href="https://www.hobbylancer.com/categories/collections"> 34727 Collections </a> 34728 </li> 34729 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34730 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-3"> 34731 <a href="https://www.hobbylancer.com/categories/food-and-drinks"> 34732 Food & Drinks </a> 34733 </li> 34734 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34735 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-4"> 34736 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts"> 34737 Music & Performing Arts </a> 34738 </li> 34739 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34740 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-9"> 34741 <a href="https://www.hobbylancer.com/categories/travel"> 34742 Travel </a> 34743 </li> 34744 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34745 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-6"> 34746 <a href="https://www.hobbylancer.com/categories/adventures"> 34747 Adventures </a> 34748 </li> 34749 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34750 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-12"> 34751 <a href="https://www.hobbylancer.com/categories/indoor-games"> 34752 Indoor Games </a> 34753 </li> 34754 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34755 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-8"> 34756 <a href="https://www.hobbylancer.com/categories/sports-and-fitness"> 34757 Sports & Fitness </a> 34758 </li> 34759 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34760 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-11"> 34761 <a href="https://www.hobbylancer.com/categories/fashion"> 34762 Fashion </a> 34763 </li> 34764 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34765 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-10"> 34766 <a href="https://www.hobbylancer.com/categories/writing"> 34767 Writing </a> 34768 </li> 34769 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34770 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-7"> 34771 <a href="https://www.hobbylancer.com/categories/pets"> 34772 Pets </a> 34773 </li> 34774 <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 34775 data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-13"> 34776 <a href="https://www.hobbylancer.com/categories/others"> 34777 Others </a> 34778 </li> 34779 </ul> 34780 </div> 34781 </div> 34782 34783 <div class="position-absolute col-xs-12 col-centered z-index-4"> 34784 <div> 34785 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-1"> 34786 <div class="width-full display-flex-xs"> 34787 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34788 <li> 34789 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/animation"> 34790 Animation </a> 34791 </li> 34792 <li> 34793 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/bags"> 34794 Bag making </a> 34795 </li> 34796 <li> 34797 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/candle-making"> 34798 Candle Making </a> 34799 </li> 34800 <li> 34801 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/carpentry"> 34802 Carpentry </a> 34803 </li> 34804 <li> 34805 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/clay-making-things"> 34806 Clay Making Things </a> 34807 </li> 34808 <li> 34809 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/cosmetics-making"> 34810 Cosmetics Making </a> 34811 </li> 34812 </ul> 34813 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34814 <li> 34815 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/craft-making"> 34816 Craft Making </a> 34817 </li> 34818 <li> 34819 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/gardening"> 34820 Gardening </a> 34821 </li> 34822 <li> 34823 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/jewellery-making"> 34824 Jewellery Making </a> 34825 </li> 34826 <li> 34827 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/mehndi-design"> 34828 Mehndi Design </a> 34829 </li> 34830 <li> 34831 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/nail-art"> 34832 Nail Art </a> 34833 </li> 34834 <li> 34835 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/painting-and-drawing"> 34836 Painting & Drawing </a> 34837 </li> 34838 </ul> 34839 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34840 <li> 34841 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/photography"> 34842 Photography </a> 34843 </li> 34844 <li> 34845 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/sea-shell-art"> 34846 Sea Shell Art </a> 34847 </li> 34848 <li> 34849 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/sewing-and-stitching"> 34850 Sewing & Stitching </a> 34851 </li> 34852 <li> 34853 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/soft-toy-making"> 34854 Soft Toy Making </a> 34855 </li> 34856 <li> 34857 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/t-shirt-art"> 34858 T-shirt Art </a> 34859 </li> 34860 <li> 34861 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/tattoo"> 34862 Tattoo </a> 34863 </li> 34864 </ul> 34865 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34866 <img src="https://www.hobbylancer.com//cat_images/copy.webp" class="mx-auto d-block"> 34867 </ul> 34868 </div> 34869 </div> 34870 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-2"> 34871 <div class="width-full display-flex-xs"> 34872 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34873 <li> 34874 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/antiques"> 34875 Antiques </a> 34876 </li> 34877 <li> 34878 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/autographs"> 34879 Autographs </a> 34880 </li> 34881 <li> 34882 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/books"> 34883 Books </a> 34884 </li> 34885 <li> 34886 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/coins"> 34887 Coins </a> 34888 </li> 34889 </ul> 34890 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34891 <li> 34892 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/fine-arts-and-prints"> 34893 Fine Arts & Prints </a> 34894 </li> 34895 <li> 34896 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/fridge-magnet"> 34897 Fridge Magnets </a> 34898 </li> 34899 <li> 34900 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/miscellaneous-collections"> 34901 Miscellaneous Collections </a> 34902 </li> 34903 <li> 34904 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/movies"> 34905 Movies </a> 34906 </li> 34907 </ul> 34908 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34909
34909 <li> 34910 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/music-collectibles"> 34911 Music Collectibles </a> 34912 </li> 34913 <li> 34914 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/postcards"> 34915 Postcards / Deltiology </a> 34916 </li> 34917 <li> 34918 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/stamps-collecting"> 34919 Stamps Collecting </a> 34920 </li> 34921 </ul> 34922 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34923 <img src="https://www.hobbylancer.com//cat_images/cc.webp" class="mx-auto d-block"> 34924 </ul> 34925 </div> 34926 </div> 34927 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-3"> 34928 <div class="width-full display-flex-xs"> 34929 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34930 <li> 34931 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/baking"> 34932 Baking </a> 34933 </li> 34934 <li> 34935 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/bartending"> 34936 Bartending </a> 34937 </li> 34938 <li> 34939 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/chocolates-making"> 34940 Chocolates Making </a> 34941 </li> 34942 <li> 34943 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/cooking"> 34944 Cooking </a> 34945 </li> 34946 </ul> 34947 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34948 <li> 34949 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/dessert-making"> 34950 Dessert Making </a> 34951 </li> 34952 <li> 34953 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/dietitians"> 34954 Dietitians </a> 34955 </li> 34956 <li> 34957 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/drinks"> 34958 Drinks </a> 34959 </li> 34960 <li> 34961 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/food-blogging"> 34962 Food Blogging </a> 34963 </li> 34964 </ul> 34965 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34966 <li> 34967 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/sushi-making"> 34968 Sushi Making </a> 34969 </li> 34970 <li> 34971 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/wine-tasting"> 34972 Wine Tasting </a> 34973 </li> 34974 </ul> 34975 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34976 <img src="https://www.hobbylancer.com//cat_images/f&d.webp" class="mx-auto d-block"> 34977 </ul> 34978 </div> 34979 </div> 34980 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-4"> 34981 <div class="width-full display-flex-xs"> 34982 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 34983 <li> 34984 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/appreciation-for-genres"> 34985 Appreciation For Genres </a> 34986 </li> 34987 <li> 34988 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/audiophile"> 34989 Audiophile </a> 34990 </li> 34991 <li> 34992 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/compose-music"> 34993 Compose Music </a> 34994 </li> 34995 <li> 34996 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/film-making"> 34997 Film Making </a> 34998 </li> 34999 </ul> 35000 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35001 <li> 35002 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/magician"> 35003 Magician </a> 35004 </li> 35005 <li> 35006 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/modern-dance"> 35007 Modern Dance </a> 35008 </li> 35009 <li> 35010 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/perform-instruments"> 35011 Perform Instruments </a> 35012 </li> 35013 <li> 35014 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/performing-music"> 35015 Performing Music </a> 35016 </li> 35017 </ul> 35018 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35019 <li> 35020 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/recitation"> 35021 Recitation </a> 35022 </li> 35023 <li> 35024 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/start-a-band"> 35025 Start A Band </a> 35026 </li> 35027 <li> 35028 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/theatre"> 35029 Theatre </a> 35030 </li> 35031 <li> 35032 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/traditional-dance"> 35033 Traditional Dance </a> 35034 </li> 35035 </ul> 35036 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35037 <img src="https://www.hobbylancer.com//cat_images/m&pa.webp" class="mx-auto d-block"> 35038 </ul> 35039 </div> 35040 </div> 35041 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-9"> 35042 <div class="width-full display-flex-xs"> 35043 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35044 <li> 35045 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/backpacking"> 35046 Backpacking </a> 35047 </li> 35048 <li> 35049 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/expeditions"> 35050 Expeditions </a> 35051 </li> 35052 </ul> 35053 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35054 <li> 35055 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/long-term-travel"> 35056 Long Term Travel </a> 35057 </li> 35058 <li> 35059 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/recreational-travel"> 35060 Recreational travel </a> 35061 </li> 35062 </ul> 35063 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35064 <li> 35065 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/solo-travel"> 35066 Solo Travel </a> 35067 </li> 35068 <li> 35069 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/travel-blogger"> 35070 Travel Blogger </a> 35071 </li> 35072 </ul> 35073 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35074 <img src="https://www.hobbylancer.com//cat_images/jcopy.webp" class="mx-auto d-block"> 35075 </ul> 35076 </div> 35077 </div> 35078 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-6"> 35079 <div class="width-full display-flex-xs"> 35080 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35081 <li> 35082 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/adventure-activities"> 35083 Adventure Activities </a> 35084 </li> 35085 <li> 35086 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/camping"> 35087 Camping </a> 35088 </li> 35089 <li> 35090 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/cliff-diving"> 35091 Cliff diving </a> 35092 </li> 35093 <li> 35094 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/jet-ski"> 35095 Jet Ski </a> 35096 </li> 35097 <li> 35098 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/jungle-safari"> 35099 Jungle Safari </a> 35100 </li> 35101 </ul> 35102 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35103 <li> 35104 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/mountaineering"> 35105 Mountaineering </a> 35106 </li> 35107 <li> 35108 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/paragliding"> 35109 Paragliding </a> 35110 </li> 35111 <li> 35112 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/sailing"> 35113 Sailing </a> 35114 </li> 35115 <li> 35116 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/scuba-diving"> 35117 Scuba Diving </a> 35118 </li> 35119 <li> 35120 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/skiing"> 35121 Skiing </a> 35122 </li> 35123 </ul> 35124 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35125 <li> 35126 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/sky-diving"> 35127 Sky Diving </a> 35128 </li> 35129 <li> 35130 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/surfing"> 35131 Surfing </a> 35132 </li> 35133 <li> 35134 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/trekking"> 35135 Trekking </a> 35136 </li> 35137 <li> 35138 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/zip-line"> 35139 Zip Line </a> 35140 </li> 35141 </ul> 35142 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35143 <img src="https://www.hobbylancer.com//cat_images/ad.webp" class="mx-auto d-block"> 35144 </ul> 35145 </div> 35146 </div> 35147 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-12"> 35148 <div class="width-full display-flex-xs"> 35149 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35150 <li> 35151 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/board-games"> 35152 Board Games </a> 35153 </li> 35154 <li> 35155 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/bowling"> 35156 Bowling </a> 35157 </li> 35158 </ul> 35159 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35160 <li> 35161 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/mind-games"> 35162 Mind Games </a> 35163 </li> 35164 <li> 35165 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/table-top-games"> 35166 Table-Top Games </a> 35167 </li> 35168 </ul> 35169 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presen
35169tation"> 35170 <li> 35171 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/video-game"> 35172 Video Game </a> 35173 </li> 35174 </ul> 35175 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35176 <img src="https://www.hobbylancer.com//cat_images/board-game-copy.webp" class="mx-auto d-block"> 35177 </ul> 35178 </div> 35179 </div> 35180 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-8"> 35181 <div class="width-full display-flex-xs"> 35182 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35183 <li> 35184 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/ball-sports"> 35185 Ball Sports </a> 35186 </li> 35187 <li> 35188 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/gym"> 35189 Gym </a> 35190 </li> 35191 <li> 35192 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/individual-sports"> 35193 Individual Sports </a> 35194 </li> 35195 </ul> 35196 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35197 <li> 35198 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/snow-and-ice-sports"> 35199 Snow and Ice Sports </a> 35200 </li> 35201 <li> 35202 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/strength-and-combat-sports"> 35203 Strength and Combat Sports </a> 35204 </li> 35205 <li> 35206 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/track-and-endurance-sports"> 35207 Track and Endurance Sports </a> 35208 </li> 35209 </ul> 35210 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35211 <li> 35212 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/water-sports"> 35213 Water Sports </a> 35214 </li> 35215 <li> 35216 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/yoga"> 35217 Yoga </a> 35218 </li> 35219 <li> 35220 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/zumba"> 35221 Zumba </a> 35222 </li> 35223 </ul> 35224 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35225 <img src="https://www.hobbylancer.com//cat_images/child-copy.webp" class="mx-auto d-block"> 35226 </ul> 35227 </div> 35228 </div> 35229 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-11"> 35230 <div class="width-full display-flex-xs"> 35231 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35232 <li> 35233 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/bags"> 35234 Bag making </a> 35235 </li> 35236 <li> 35237 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/beautician"> 35238 Beautician </a> 35239 </li> 35240 <li> 35241 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/clothing-makers"> 35242 Clothing Makers </a> 35243 </li> 35244 <li> 35245 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/cosmetics-making"> 35246 Cosmetics Making </a> 35247 </li> 35248 </ul> 35249 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35250 <li> 35251 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/hat-making"> 35252 Hat Making </a> 35253 </li> 35254 <li> 35255 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/jewellery-making"> 35256 Jewellery Making </a> 35257 </li> 35258 <li> 35259 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/makeup-artist"> 35260 Makeup Artist </a> 35261 </li> 35262 <li> 35263 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/mehndi-design"> 35264 Mehndi Design </a> 35265 </li> 35266 </ul> 35267 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35268 <li> 35269 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/modelling"> 35270 Modelling </a> 35271 </li> 35272 <li> 35273 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/nail-art"> 35274 Nail Art </a> 35275 </li> 35276 <li> 35277 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/shoe-making"> 35278 Shoe Making </a> 35279 </li> 35280 <li> 35281 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/tattoo"> 35282 Tattoo </a> 35283 </li> 35284 </ul> 35285 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35286 <img src="https://www.hobbylancer.com//cat_images/beauty.webp" class="mx-auto d-block"> 35287 </ul> 35288 </div> 35289 </div> 35290 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-10"> 35291 <div class="width-full display-flex-xs"> 35292 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35293 <li> 35294 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/food-blogging"> 35295 Food Blogging </a> 35296 </li> 35297 <li> 35298 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/freelance-writing"> 35299 Freelance Writing </a> 35300 </li> 35301 <li> 35302 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/novel-writing"> 35303 Novel Writing </a> 35304 </li> 35305 </ul> 35306 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35307 <li> 35308 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/play-writing"> 35309 Play Writing </a> 35310 </li> 35311 <li> 35312 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/poetry-writing"> 35313 Poetry Writing </a> 35314 </li> 35315 <li> 35316 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/screen-writing"> 35317 Screen Writing </a> 35318 </li> 35319 </ul> 35320 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35321 <li> 35322 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/song-writing"> 35323 Song Writing </a> 35324 </li> 35325 <li> 35326 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/travel-blogger"> 35327 Travel Blogger </a> 35328 </li> 35329 </ul> 35330 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35331 <img src="https://www.hobbylancer.com//cat_images/adult-copy.webp" class="mx-auto d-block"> 35332 </ul> 35333 </div> 35334 </div> 35335 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-7"> 35336 <div class="width-full display-flex-xs"> 35337 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35338 <li> 35339 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/birds"> 35340 Birds </a> 35341 </li> 35342 <li> 35343 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/cats"> 35344 Cats </a> 35345 </li> 35346 </ul> 35347 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35348 <li> 35349 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/dogs"> 35350 Dogs </a> 35351 </li> 35352 <li> 35353 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/fish-keeping"> 35354 Fish Keeping </a> 35355 </li> 35356 </ul> 35357 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35358 <li> 35359 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/rabbits"> 35360 Rabbits </a> 35361 </li> 35362 <li> 35363 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/rodents"> 35364 Rodents </a> 35365 </li> 35366 </ul> 35367 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35368 <img src="https://www.hobbylancer.com//cat_images/pet.webp" class="mx-auto d-block"> 35369 </ul> 35370 </div> 35371 </div> 35372 <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-13"> 35373 <div class="width-full display-flex-xs"> 35374 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35375 <li> 35376 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/astrology"> 35377 Astrology </a> 35378 </li> 35379 <li> 35380 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/astronomy"> 35381 Astronomy </a> 35382 </li> 35383 <li> 35384 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/coding"> 35385 Coding </a> 35386 </li> 35387 <li> 35388 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/
35388decorator"> 35389 Decorator </a> 35390 </li> 35391 </ul> 35392 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35393 <li> 35394 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/fishing"> 35395 Fishing </a> 35396 </li> 35397 <li> 35398 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/miscellaneous"> 35399 Miscellaneous </a> 35400 </li> 35401 <li> 35402 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/palmistry"> 35403 Palmistry </a> 35404 </li> 35405 <li> 35406 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/robotics"> 35407 Robotics </a> 35408 </li> 35409 </ul> 35410 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35411 <li> 35412 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/shopping"> 35413 Shopping </a> 35414 </li> 35415 <li> 35416 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/social-work"> 35417 Social Work </a> 35418 </li> 35419 <li> 35420 <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/teaching"> 35421 Teaching </a> 35422 </li> 35423 </ul> 35424 <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation"> 35425 <img src="https://www.hobbylancer.com//cat_images/artificial-intelligence-copy.webp" class="mx-auto d-block"> 35426 </ul> 35427 </div> 35428 </div> 35429 </div> 35430 </div> 35431</div> 35432<div class="cat-mobile" id="gigtodo-modal-container" style="display:none;"><!--- cat-mobile Starts ---> 35433 <div data-overlay-mask="" class="overlay-mask mobile-catnav-overlay-mask" data-aria-hidden="true"></div> 35434 <div data-overlay-content-wrapper="" class="overlay-mask overlay-content-wrapper mobile-catnav-overlay-mask"> 35435 <div class="mobile-catnav-wrapper overlay-region position-relative p-xs-0" id="mobile-catnav-overlay" aria-hidden="false" data-overlay-has-trigger="true" style="top: 0px;"> 35436 <div data-ui="mobile-cat-nav" class="mobile-cat-nav bg-gray-lighter pb-xs-4 width-full position-fixed animated" style="height: 100vh;"> 35437 35438 <div class="bg-white display-flex-md show-md pt-md-3 pl-md-2 pb-md-3"> 35439 <div class="flex-md-5 pl-md-0"> 35440 <a role="button" href="https://www.hobbylancer.com"> 35441 <img src="https://www.hobbylancer.com//images/mainlogo.png" width="158"> 35442 </a> 35443 </div> 35444 <div class="flex-md-1 pr-md-2"> 35445 <button class="btn-link text-right overlay-close flex-xs-1 justify-self-flex-end border-0 p-md-0" data-overlay-close=""> 35446 <span class="screen-reader-only">Close Menu</span> 35447 <span class="gigtodo-icon"> 35448 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 35449 <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"></path> 35450 </svg> 35451 </span> 35452 </button> 35453 </div> 35454 </div> 35455 35456 <div data-ui="mobile-catnav-header" class="mobile-catnav-header bb-xs-1 align-items-center bg-white display-flex-xs flex-nowrap position-relative height-50px"> 35457 <button class="mobile-catnav-back-btn btn-link overlay-back p-xs-2 text-left display-none flex-xs-1 align-self-flex-start z-index-1 position-absolute" data-subnav-id="0" data-ternav-id="0" data-topnav-name="" data-subnav-name="">
35458 <span class="screen-reader-only">Go Back</span> 35459 <span class="gigtodo-icon"> 35460 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 35461 <path d="M16,21a0.994,0.994,0,0,1-.664-0.253L5.5,12l9.841-8.747a1,1,0,0,1,1.328,1.494L8.5,12l8.159,7.253A1,1,0,0,1,16,21Z"></path> 35462 </svg> 35463 </span> 35464 </button> 35465 <div class="flex-xs-4 width-full pt-md-4 pb-md-4 pl-xs-2"> 35466 <h6 id="mobile-catnav-header-title" class="text-left position-absolute vertical-center"><!-- <a href="https://www.hobbylancer.com"><img src="images/https://www.hobbylancer.com//images/mobile_logo.png" class="rounded" title='Home' alt='Home'/></a> --> Browse Categories</h6> 35467 <h6 id="mobile-sub-catnav-header-title" class="text-center position-absolute position-left position-right vertical-center pl-md-8 pr-md-8"></h6> 35468 <h6 id="mobile-tertiary-catnav-header-title" class="text-center position-absolute position-left position-right vertical-center pl-md-8 pr-md-8 display-none"></h6> 35469 </div> 35470 <div class="flex-xs-1 width-full"> 35471 <button class="show-xs show-sm btn-link p-xs-2 overlay-close border-0 float-right" data-overlay-close=""> 35472 <span class="screen-reader-only">Close Menu</span> 35473 <span class="gigtodo-icon"> 35474 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 35475 <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"></path> 35476 </svg> 35477 </span> 35478 </button> 35479 </div> 35480 </div> 35481 35482 <div data-ui="mobile-catnav-scroll-wrapper" class="height-full overflow-y-scroll"> 35483 35484 <div class="mobile-topnav bg-white animated"> 35485 <ul data-ui="mobile-top-catnav-container" class="mobile-top-catnav-container list-unstyled mobile-catnav-margin"> 35486 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="11" data-name="Arts & Crafts"> 35487 <div class="flag"> 35488 <div class="flag-body">Arts & Crafts</div> 35489 35490 <div class='flag-img flag-img-right'> 35491 <span class='gigtodo-icon float-right'> 35492 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35493 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35494 </svg> 35495 </span> 35496 </div> 35497 </div> 35498 </li> 35499 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="12" data-name="Collections"> 35500 <div class="flag"> 35501 <div class="flag-body">Collections</div> 35502 35503 <div class='flag-img flag-img-right'> 35504 <span class='gigtodo-icon float-right'> 35505 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35506 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35507 </svg> 35508 </span> 35509 </div> 35510 </div> 35511 </li> 35512 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="13" data-name="Food & Drinks"> 35513 <div class="flag"> 35514 <div class="flag-body">Food & Drinks</div> 35515 35516 <div class='flag-img flag-img-right'> 35517 <span class='gigtodo-icon float-right'> 35518 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35519 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35520 </svg> 35521 </span> 35522 </div> 35523 </div> 35524 </li> 35525 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="14" data-name="Music & Performing Arts"> 35526 <div class="flag"> 35527 <div class="flag-body">Music & Performing Arts</div> 35528 35529 <div class='flag-img flag-img-right'> 35530 <span class='gigtodo-icon float-right'> 35531 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35532 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35533 </svg> 35534 </span> 35535 </div> 35536 </div> 35537 </li> 35538 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="19" data-name="Travel"> 35539 <div class="flag"> 35540 <div class="flag-body">Travel</div> 35541 35542 <div class='flag-img flag-img-right'> 35543 <span class='gigtodo-icon float-right'> 35544 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35545 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35546 </svg> 35547 </span> 35548 </div> 35549 </div> 35550 </li> 35551 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="16" data-name="Adventures"> 35552 <div class="flag"> 35553 <div class="flag-body">Adventures</div> 35554 35555 <div class='flag-img flag-img-right'> 35556 <span class='gigtodo-icon float-right'> 35557 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35558 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35559 </svg> 35560 </span> 35561 </div> 35562 </div> 35563 </li> 35564 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="112" data-name="Indoor Games"> 35565 <div class="flag"> 35566 <div class="flag-body">Indoor Games</div> 35567 35568 <div class='flag-img flag-img-right'> 35569 <span class='gigtodo-icon float-right'> 35570 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35571 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35572 </svg> 35573 </span> 35574 </div> 35575 </div> 35576 </li> 35577 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="18" data-name="Sports & Fitness"> 35578 <div class="flag"> 35579 <div class="flag-body">Sports & Fitness</div> 35580 35581 <div class='flag-img flag-img-right'> 35582 <span class='gigtodo-icon float-right'> 35583 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35584 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35585 </svg> 35586 </span> 35587 </div> 35588 </div> 35589 </li> 35590 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="111" data-name="Fashion"> 35591 <div class="flag"> 35592 <div class="flag-body">Fashion</div> 35593 35594 <div class='flag-img flag-img-right'> 35595 <span class='gigtodo-icon float-right'> 35596 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35597 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35598 </svg> 35599 </span> 35600 </div> 35601 </div> 35602 </li> 35603 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="110" data-name="Writing"> 35604 <div class="flag"> 35605 <div class="flag-body">Writing</div> 35606 35607 <div class='flag-img flag-img-right'> 35608 <span class='gigtodo-icon float-right'> 35609 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35610 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35611 </svg> 35612 </span> 35613 </div> 35614 </div> 35615 </li> 35616 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="17" data-name="Pets"> 35617 <div class="flag"> 35618 <div class="flag-body">Pets</div> 35619 35620 <div class='flag-img flag-img-right'> 35621 <span class='gigtodo-icon float-right'> 35622 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35623 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35624 </svg> 35625 </span> 35626 </div> 35627 </div> 35628 </li> 35629 <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="113" data-name="Others"> 35630 <div class="flag"> 35631 <div class="flag-body">Others</div> 35632 35633 <div class='flag-img flag-img-right'> 35634 <span class='gigtodo-icon float-right'> 35635 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'> 35636 <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path> 35637 </svg> 35638 </span> 35639 </div> 35640 </div> 35641 </li> 35642 </ul> 35643 </div> 35644
35645 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-11"> 35646 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 35647 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 35648 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/arts-and-crafts"> 35649 View All Arts & Crafts </a> 35650 </li> 35651 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35652 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/animation"> 35653 <div class="flag"> 35654 <div class="flag-body">Animation</div> 35655 </div> 35656 </a> 35657 </li> 35658 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35659 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/bags"> 35660 <div class="flag"> 35661 <div class="flag-body">Bag making</div> 35662 </div> 35663 </a> 35664 </li> 35665 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35666 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/candle-making"> 35667 <div class="flag"> 35668 <div class="flag-body">Candle Making</div> 35669 </div> 35670 </a> 35671 </li> 35672 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35673 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/carpentry"> 35674 <div class="flag"> 35675 <div class="flag-body">Carpentry</div> 35676 </div> 35677 </a> 35678 </li> 35679 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35680 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/clay-making-things"> 35681 <div class="flag"> 35682 <div class="flag-body">Clay Making Things</div> 35683 </div> 35684 </a> 35685 </li> 35686 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35687 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/cosmetics-making"> 35688 <div class="flag"> 35689 <div class="flag-body">Cosmetics Making</div> 35690 </div> 35691 </a> 35692 </li> 35693 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35694 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/craft-making"> 35695 <div class="flag"> 35696 <div class="flag-body">
35696Craft Making</div> 35697 </div> 35698 </a> 35699 </li> 35700 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35701 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/gardening"> 35702 <div class="flag"> 35703 <div class="flag-body">Gardening</div> 35704 </div> 35705 </a> 35706 </li> 35707 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35708 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/jewellery-making"> 35709 <div class="flag"> 35710 <div class="flag-body">Jewellery Making</div> 35711 </div> 35712 </a> 35713 </li> 35714 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35715 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/mehndi-design"> 35716 <div class="flag"> 35717 <div class="flag-body">Mehndi Design</div> 35718 </div> 35719 </a> 35720 </li> 35721 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35722 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/nail-art"> 35723 <div class="flag"> 35724 <div class="flag-body">Nail Art</div> 35725 </div> 35726 </a> 35727 </li> 35728 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35729 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/painting-and-drawing"> 35730 <div class="flag"> 35731 <div class="flag-body">Painting & Drawing</div> 35732 </div> 35733 </a> 35734 </li> 35735 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35736 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/photography"> 35737 <div class="flag"> 35738 <div class="flag-body">Photography</div> 35739 </div> 35740 </a> 35741 </li> 35742 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35743 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/sea-shell-art"> 35744 <div class="flag"> 35745 <div class="flag-body">Sea Shell Art</div> 35746 </div> 35747 </a> 35748 </li> 35749 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35750 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/sewing-and-stitching"> 35751 <div class="flag"> 35752 <div class="flag-body">Sewing & Stitching</div> 35753 </div> 35754 </a> 35755 </li> 35756 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35757 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/soft-toy-making"> 35758 <div class="flag"> 35759 <div class="flag-body">Soft Toy Making</div> 35760 </div> 35761 </a> 35762 </li> 35763 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35764 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/t-shirt-art"> 35765 <div class="flag"> 35766 <div class="flag-body">T-shirt Art</div> 35767 </div> 35768 </a> 35769 </li> 35770 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35771 <a href="https://www.hobbylancer.com/categories/arts-and-crafts/tattoo"> 35772 <div class="flag"> 35773 <div class="flag-body">Tattoo</div> 35774 </div> 35775 </a> 35776 </li> 35777 </ul> 35778 </div>
35779 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-12"> 35780 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 35781 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 35782 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/collections"> 35783 View All Collections </a> 35784 </li> 35785 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35786 <a href="https://www.hobbylancer.com/categories/collections/antiques"> 35787 <div class="flag"> 35788 <div class="flag-body">Antiques</div> 35789 </div> 35790 </a> 35791 </li> 35792 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35793 <a href="https://www.hobbylancer.com/categories/collections/autographs"> 35794 <div class="flag"> 35795 <div class="flag-body">Autographs</div> 35796 </div> 35797 </a> 35798 </li> 35799 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35800 <a href="https://www.hobbylancer.com/categories/collections/books"> 35801 <div class="flag"> 35802 <div class="flag-body">Books</div> 35803 </div> 35804 </a> 35805 </li> 35806 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35807 <a href="https://www.hobbylancer.com/categories/collections/coins"> 35808 <div class="flag"> 35809 <div class="flag-body">Coins</div> 35810 </div> 35811 </a> 35812 </li> 35813 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35814 <a href="https://www.hobbylancer.com/categories/collections/fine-arts-and-prints"> 35815 <div class="flag"> 35816 <div class="flag-body">Fine Arts & Prints</div> 35817 </div> 35818 </a> 35819 </li> 35820 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35821 <a href="https://www.hobbylancer.com/categories/collections/fridge-magnet"> 35822 <div class="flag"> 35823 <div class="flag-body">Fridge Magnets </div> 35824 </div> 35825 </a> 35826 </li> 35827 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35828 <a href="https://www.hobbylancer.com/categories/collections/miscellaneous-collections"> 35829 <div class="flag"> 35830 <div class="flag-body">Miscellaneous Collections</div> 35831 </div> 35832 </a> 35833 </li> 35834 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35835 <a href="https://www.hobbylancer.com/categories/collections/movies"> 35836 <div class="flag"> 35837 <div class="flag-body">Movies</div> 35838 </div> 35839 </a> 35840 </li> 35841 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35842 <a href="https://www.hobbylancer.com/categories/collections/music-collectibles"> 35843 <div class="flag"> 35844 <div class="flag-body">Music Collectibles</div> 35845 </div> 35846 </a> 35847 </li> 35848 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35849 <a href="https://www.hobbylancer.com/categories/collections/postcards"> 35850 <div class="flag"> 35851 <div class="flag-body">Postcards / Deltiology</div> 35852 </div> 35853 </a> 35854 </li> 35855 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35856 <a href="https://www.hobbylancer.com/categories/collections/stamps-collecting"> 35857 <div class="flag"> 35858 <div class="flag-body">Stamps Collecting</div> 35859 </div> 35860 </a> 35861 </li> 35862 </ul> 35863 </div>
35864 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-13"> 35865 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 35866 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 35867 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/food-and-drinks"> 35868 View All Food & Drinks </a> 35869 </li> 35870 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35871 <a href="https://www.hobbylancer.com/categories/food-and-drinks/baking"> 35872 <div class="flag"> 35873 <div class="flag-body">Baking</div> 35874 </div> 35875 </a> 35876 </li> 35877 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35878 <a href="https://www.hobbylancer.com/categories/food-and-drinks/bartending"> 35879 <div class="flag"> 35880 <div class="flag-body">Bartending</div> 35881 </div> 35882 </a> 35883 </li> 35884 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35885 <a href="https://www.hobbylancer.com/categories/food-and-drinks/chocolates-making"> 35886 <div class="flag"> 35887 <div class="flag-body">Chocolates Making</div> 35888 </div> 35889 </a> 35890 </li> 35891 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35892 <a href="https://www.hobbylancer.com/categories/food-and-drinks/cooking"> 35893 <div class="flag"> 35894 <div class="flag-body">Cooking</div> 35895 </div> 35896 </a> 35897 </li> 35898 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35899 <a href="https://www.hobbylancer.com/categories/food-and-drinks/dessert-making"> 35900 <div class="flag"> 35901 <div class="flag-body">Dessert Making</div> 35902 </div> 35903 </a> 35904 </li> 35905 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35906 <a href="https://www.hobbylancer.com/categories/food-and-drinks/dietitians"> 35907 <div class="flag"> 35908 <div class="flag-body">Dietitians</div> 35909 </div> 35910 </a> 35911 </li> 35912 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35913 <a href="https://www.hobbylancer.com/categories/food-and-drinks/drinks"> 35914 <div class="flag"> 35915 <div class="flag-body">Drinks</div> 35916 </div> 35917 </a> 35918 </li> 35919 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35920 <a href="https://www.hobbylancer.com/categories/food-and-drinks/food-blogging"> 35921 <div class="flag"> 35922 <div class="flag-body">Food Blogging</div> 35923 </div> 35924 </a> 35925 </li> 35926 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35927 <a href="https://www.hobbylancer.com/categories/food-and-drinks/sushi-making"> 35928 <div class="flag"> 35929 <div class="flag-body">Sushi Making</div> 35930 </div> 35931 </a> 35932 </li> 35933 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35934 <a href="https://www.hobbylancer.com/categories/food-and-drinks/wine-tasting"> 35935 <div class="flag"> 35936 <div class="flag-body">Wine Tasting</div> 35937 </div> 35938 </a> 35939 </li> 35940 </ul> 35941 </div>
35942 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-14"> 35943 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 35944 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 35945 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/music-and-performing-arts"> 35946 View All Music & Performing Arts </a> 35947 </li> 35948 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35949 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/appreciation-for-genres"> 35950 <div class="flag"> 35951 <div class="flag-body">Appreciation For Genres</div> 35952 </div> 35953 </a> 35954 </li> 35955 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35956 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/audiophile"> 35957 <div class="flag"> 35958 <div class="flag-body">Audiophile</div> 35959 </div> 35960 </a> 35961 </li> 35962 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35963 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/compose-music"> 35964 <div class="flag"> 35965 <div class="flag-body">Compose Music</div> 35966 </div> 35967 </a> 35968 </li> 35969 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35970 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/film-making"> 35971 <div class="flag"> 35972 <div class="flag-body">Film Making</div> 35973 </div> 35974 </a> 35975 </li> 35976 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35977 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/magician"> 35978 <div class="flag"> 35979 <div class="flag-body">Magician</div> 35980 </div> 35981 </a> 35982 </li> 35983 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35984 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/modern-dance"> 35985 <div class="flag"> 35986 <div class="flag-body">Modern Dance</div> 35987 </div> 35988 </a> 35989 </li> 35990 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35991 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/perform-instruments"> 35992 <div class="flag"> 35993 <div class="flag-body">Perform Instruments</div> 35994 </div> 35995 </a> 35996 </li> 35997 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 35998 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/performing-music"> 35999 <div class="flag"> 36000 <div class="flag-body">Performing Music</div> 36001 </div> 36002 </a> 36003 </li> 36004 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36005 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/recitation"> 36006 <div class="flag"> 36007 <div class="flag-body">Recitation</div> 36008 </div> 36009 </a> 36010 </li> 36011 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36012 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/start-a-band"> 36013 <div class="flag"> 36014 <div class="flag-body">Start A Band</div> 36015 </div> 36016 </a> 36017 </li> 36018 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36019 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/theatre"> 36020 <div class="flag"> 36021 <div class="flag-body">Theatre</div> 36022 </div> 36023 </a> 36024 </li> 36025 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36026 <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/traditional-dance"> 36027 <div class="flag"> 36028 <div class="flag-body">Traditional Dance</div> 36029 </div> 36030 </a> 36031 </li> 36032 </ul> 36033 </div>
36034 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-19"> 36035 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36036 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36037 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/travel"> 36038 View All Travel </a> 36039 </li> 36040 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36041 <a href="https://www.hobbylancer.com/categories/travel/backpacking"> 36042 <div class="flag"> 36043 <div class="flag-body">Backpacking</div> 36044 </div> 36045 </a> 36046 </li> 36047 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36048 <a href="https://www.hobbylancer.com/categories/travel/expeditions"> 36049 <div class="flag"> 36050 <div class="flag-body">Expeditions</div> 36051 </div> 36052 </a> 36053 </li> 36054 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36055 <a href="https://www.hobbylancer.com/categories/travel/long-term-travel"> 36056 <div class="flag"> 36057 <div class="flag-body">Long Term Travel</div> 36058 </div> 36059 </a> 36060 </li> 36061 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36062 <a href="https://www.hobbylancer.com/categories/travel/recreational-travel"> 36063 <div class="flag"> 36064 <div class="flag-body">Recreational travel </div> 36065 </div> 36066 </a> 36067 </li> 36068 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36069 <a href="https://www.hobbylancer.com/categories/travel/solo-travel"> 36070 <div class="flag"> 36071 <div class="flag-body">Solo Travel</div> 36072 </div> 36073 </a> 36074 </li> 36075 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36076 <a href="https://www.hobbylancer.com/categories/travel/travel-blogger"> 36077 <div class="flag"> 36078 <div class="flag-body">Travel Blogger</div> 36079 </div> 36080 </a> 36081 </li> 36082 </ul> 36083 </div> 36084 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-16"> 36085 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36086 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36087 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/adventures"> 36088 View All Adventures </a> 36089 </li> 36090 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36091 <a href="https://www.hobbylancer.com/categories/adventures/adventure-activities"> 36092 <div class="flag"> 36093 <div class="flag-body">Adventure Activities</div> 36094 </div> 36095 </a> 36096 </li> 36097 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36098 <a href="https://www.hobbylancer.com/categories/adventures/camping"> 36099 <div class="flag"> 36100 <div class="flag-body">Camping</div> 36101 </div> 36102 </a> 36103 </li> 36104 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36105 <a href="https://www.hobbylancer.com/categories/adventures/cliff-diving"> 36106 <div class="flag"> 36107 <div class="flag-body">Cliff diving</div> 36108 </div> 36109 </a> 36110 </li> 36111 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36112 <a href="https://www.hobbylancer.com/categories/adventures/jet-ski"> 36113 <div class="flag"> 36114 <div class="flag-body">Jet Ski</div> 36115 </div> 36116 </a> 36117 </li> 36118 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36119 <a href="https://www.hobbylancer.com/categories/adventures/jungle-safari"> 36120 <div class="flag"> 36121 <div class="flag-body">Jungle Safari</div> 36122 </div> 36123 </a> 36124 </li> 36125 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36126 <a href="https://www.hobbylancer.com/categories/adventures/mountaineering"> 36127 <div class="flag"> 36128 <div class="flag-body">Mountaineering</div> 36129 </div> 36130 </a> 36131 </li> 36132 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36133 <a href="https://www.hobbylancer.com/categories/adventures/paragliding"> 36134 <div class="flag"> 36135 <div class="flag-body">Paragliding</div> 36136 </div> 36137 </a> 36138 </li> 36139 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36140 <a href="https://www.hobbylancer.com/categories/adventures/sailing"> 36141 <div class="flag"> 36142 <div class="flag-body">Sailing</div> 36143 </div> 36144 </a> 36145 </li> 36146 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36147 <a href="https://www.hobbylancer.com/categories/adventures/scuba-diving"> 36148 <div class="flag"> 36149 <div class="flag-body">Scuba Diving</div> 36150 </div> 36151 </a> 36152 </li> 36153 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36154 <a href="https://www.hobbylancer.com/categories/adventures/skiing"> 36155 <div class="flag"> 36156 <div class="flag-body">Skiing</div> 36157 </div> 36158 </a> 36159 </li> 36160 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36161 <a href="https://www.hobbylancer.com/categories/adventures/sky-diving"> 36162 <div class="flag"> 36163 <div class="flag-body">Sky Diving</div> 36164 </div> 36165 </a> 36166 </li> 36167 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36168 <a href="https://www.hobbylancer.com/categories/adventures/surfing"> 36169 <div class="flag"> 36170 <div class="flag-body">Surfing</div> 36171 </div> 36172 </a> 36173 </li> 36174 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36175 <a href="https://www.hobbylancer.com/categories/adventures/trekking"> 36176 <div class="flag"> 36177 <div class="flag-body">Trekking</div> 36178 </div> 36179 </a> 36180 </li> 36181 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36182 <a href="https://www.hobbylancer.com/categories/adventures/zip-line"> 36183 <div class="flag"> 36184 <div class="flag-body">Zip Line</div> 36185 </div> 36186 </a> 36187 </li> 36188 </ul> 36189 </div>
36190 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-112"> 36191 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36192 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36193 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/indoor-games"> 36194 View All Indoor Games </a> 36195 </li> 36196 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36197 <a href="https://www.hobbylancer.com/categories/indoor-games/board-games"> 36198 <div class="flag"> 36199 <div class="flag-body">Board Games</div> 36200 </div> 36201 </a> 36202 </li> 36203 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36204 <a href="https://www.hobbylancer.com/categories/indoor-games/bowling"> 36205 <div class="flag"> 36206 <div class="flag-body">Bowling</div> 36207 </div> 36208 </a> 36209 </li> 36210 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36211 <a href="https://www.hobbylancer.com/categories/indoor-games/mind-games"> 36212 <div class="flag"> 36213 <div class="flag-body">Mind Games</div> 36214 </div> 36215 </a> 36216 </li> 36217 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36218 <a href="https://www.hobbylancer.com/categories/indoor-games/table-top-games"> 36219 <div class="flag"> 36220 <div class="flag-body">Table-Top Games</div> 36221 </div> 36222 </a> 36223 </li> 36224 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36225 <a href="https://www.hobbylancer.com/categories/indoor-games/video-game"> 36226 <div class="flag"> 36227 <div class="flag-body">Video Game</div> 36228 </div> 36229 </a> 36230 </li> 36231 </ul> 36232 </div> 36233 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-18"> 36234 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36235 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36236 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/sports-and-fitness"> 36237 View All Sports & Fitness </a> 36238 </li> 36239 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36240 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/ball-sports"> 36241 <div class="flag"> 36242 <div class="flag-body">Ball Sports</div> 36243 </div> 36244 </a> 36245 </li> 36246 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36247 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/gym"> 36248 <div class="flag"> 36249 <div class="flag-body">Gym</div> 36250 </div> 36251 </a> 36252 </li> 36253 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36254 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/individual-sports"> 36255 <div class="flag"> 36256 <div class="flag-body">Individual Sports</div> 36257 </div> 36258 </a> 36259 </li> 36260 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36261 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/snow-and-ice-sports"> 36262 <div class="flag"> 36263 <div class="flag-body">Snow and Ice Sports</div> 36264 </div> 36265 </a> 36266 </li> 36267 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36268 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/strength-and-combat-sports"> 36269 <div class="flag"> 36270 <div class="flag-body">Strength and Combat Sports</div> 36271 </div> 36272 </a> 36273 </li> 36274 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36275 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/track-and-endurance-sports"> 36276 <div class="flag"> 36277 <div class="flag-body">Track and Endurance Sports</div> 36278 </div> 36279 </a> 36280 </li> 36281 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36282 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/water-sports"> 36283 <div class="flag"> 36284 <div class="flag-body">Water Sports</div> 36285 </div> 36286 </a> 36287 </li> 36288 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36289 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/yoga"> 36290 <div class="flag"> 36291 <div class="flag-body">Yoga</div> 36292 </div> 36293 </a> 36294 </li> 36295 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36296 <a href="https://www.hobbylancer.com/categories/sports-and-fitness/zumba"> 36297 <div class="flag"> 36298 <div class="flag-body">Zumba</div> 36299 </div> 36300 </a> 36301 </li> 36302 </ul> 36303 </div>
36304 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-111"> 36305 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36306 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36307 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/fashion"> 36308 View All Fashion </a> 36309 </li> 36310 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36311 <a href="https://www.hobbylancer.com/categories/fashion/bags"> 36312 <div class="flag"> 36313 <div class="flag-body">Bag making</div> 36314 </div> 36315 </a> 36316 </li> 36317 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36318 <a href="https://www.hobbylancer.com/categories/fashion/beautician"> 36319 <div class="flag"> 36320 <div class="flag-body">Beautician</div> 36321 </div> 36322 </a> 36323 </li> 36324 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36325 <a href="https://www.hobbylancer.com/categories/fashion/clothing-makers"> 36326 <div class="flag"> 36327 <div class="flag-body">Clothing Makers</div> 36328 </div> 36329 </a> 36330 </li> 36331 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36332 <a href="https://www.hobbylancer.com/categories/fashion/cosmetics-making"> 36333 <div class="flag"> 36334 <div class="flag-body">Cosmetics Making</div> 36335 </div> 36336 </a> 36337 </li> 36338 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36339 <a href="https://www.hobbylancer.com/categories/fashion/hat-making"> 36340 <div class="flag"> 36341 <div class="flag-body">Hat Making</div> 36342 </div> 36343 </a> 36344 </li> 36345 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36346 <a href="https://www.hobbylancer.com/categories/fashion/jewellery-making"> 36347 <div class="flag"> 36348 <div class="flag-body">Jewellery Making</div> 36349 </div> 36350 </a> 36351 </li> 36352 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36353 <a href="https://www.hobbylancer.com/categories/fashion/makeup-artist"> 36354 <div class="flag"> 36355 <div class="flag-body">Makeup Artist </div> 36356 </div> 36357 </a> 36358 </li> 36359 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36360 <a href="https://www.hobbylancer.com/categories/fashion/mehndi-design"> 36361 <div class="flag"> 36362 <div class="flag-body">Mehndi Design</div> 36363 </div> 36364 </a> 36365 </li> 36366 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36367 <a href="https://www.hobbylancer.com/categories/fashion/modelling"> 36368 <div class="flag"> 36369 <div class="flag-body">Modelling</div> 36370 </div> 36371 </a> 36372 </li> 36373 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36374 <a href="https://www.hobbylancer.com/categories/fashion/nail-art"> 36375 <div class="flag"> 36376 <div class="flag-body">Nail Art</div> 36377 </div> 36378 </a> 36379 </li> 36380 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36381 <a href="https://www.hobbylancer.com/categories/fashion/shoe-making"> 36382 <div class="flag"> 36383 <div class="flag-body">
36383Shoe Making</div> 36384 </div> 36385 </a> 36386 </li> 36387 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36388 <a href="https://www.hobbylancer.com/categories/fashion/tattoo"> 36389 <div class="flag"> 36390 <div class="flag-body">Tattoo</div> 36391 </div> 36392 </a> 36393 </li> 36394 </ul> 36395 </div> 36396 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-110"> 36397 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36398 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36399 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/writing"> 36400 View All Writing </a> 36401 </li> 36402 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36403 <a href="https://www.hobbylancer.com/categories/writing/food-blogging"> 36404 <div class="flag"> 36405 <div class="flag-body">Food Blogging</div> 36406 </div> 36407 </a> 36408 </li> 36409 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36410 <a href="https://www.hobbylancer.com/categories/writing/freelance-writing"> 36411 <div class="flag"> 36412 <div class="flag-body">Freelance Writing</div> 36413 </div> 36414 </a> 36415 </li> 36416 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36417 <a href="https://www.hobbylancer.com/categories/writing/novel-writing"> 36418 <div class="flag"> 36419 <div class="flag-body">Novel Writing</div> 36420 </div> 36421 </a> 36422 </li> 36423 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36424 <a href="https://www.hobbylancer.com/categories/writing/play-writing"> 36425 <div class="flag"> 36426 <div class="flag-body">Play Writing</div> 36427 </div> 36428 </a> 36429 </li> 36430 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36431 <a href="https://www.hobbylancer.com/categories/writing/poetry-writing"> 36432 <div class="flag"> 36433 <div class="flag-body">Poetry Writing</div> 36434 </div> 36435 </a> 36436 </li> 36437 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36438 <a href="https://www.hobbylancer.com/categories/writing/screen-writing"> 36439 <div class="flag"> 36440 <div class="flag-body">Screen Writing</div> 36441 </div> 36442 </a> 36443 </li> 36444 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36445 <a href="https://www.hobbylancer.com/categories/writing/song-writing"> 36446 <div class="flag"> 36447 <div class="flag-body">Song Writing</div> 36448 </div> 36449 </a> 36450 </li> 36451 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36452 <a href="https://www.hobbylancer.com/categories/writing/travel-blogger"> 36453 <div class="flag"> 36454 <div class="flag-body">Travel Blogger</div> 36455 </div> 36456 </a> 36457 </li> 36458 </ul> 36459 </div> 36460 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-17">
36461 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36462 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36463 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/pets"> 36464 View All Pets </a> 36465 </li> 36466 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36467 <a href="https://www.hobbylancer.com/categories/pets/birds"> 36468 <div class="flag"> 36469 <div class="flag-body">Birds</div> 36470 </div> 36471 </a> 36472 </li> 36473 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36474 <a href="https://www.hobbylancer.com/categories/pets/cats"> 36475 <div class="flag"> 36476 <div class="flag-body">Cats</div> 36477 </div> 36478 </a> 36479 </li> 36480 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36481 <a href="https://www.hobbylancer.com/categories/pets/dogs"> 36482 <div class="flag"> 36483 <div class="flag-body">Dogs</div> 36484 </div> 36485 </a> 36486 </li> 36487 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36488 <a href="https://www.hobbylancer.com/categories/pets/fish-keeping"> 36489 <div class="flag"> 36490 <div class="flag-body">Fish Keeping</div> 36491 </div> 36492 </a> 36493 </li> 36494 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36495 <a href="https://www.hobbylancer.com/categories/pets/rabbits"> 36496 <div class="flag"> 36497 <div class="flag-body">Rabbits</div> 36498 </div> 36499 </a> 36500 </li> 36501 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36502 <a href="https://www.hobbylancer.com/categories/pets/rodents"> 36503 <div class="flag"> 36504 <div class="flag-body">Rodents</div> 36505 </div> 36506 </a> 36507 </li> 36508 </ul> 36509 </div> 36510 <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-113"> 36511 <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none"> 36512 <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only"> 36513 <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/others"> 36514 View All Others </a> 36515 </li> 36516 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36517 <a href="https://www.hobbylancer.com/categories/others/astrology"> 36518 <div class="flag"> 36519 <div class="flag-body">Astrology</div> 36520 </div> 36521 </a> 36522 </li> 36523 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36524 <a href="https://www.hobbylancer.com/categories/others/astronomy"> 36525 <div class="flag"> 36526 <div class="flag-body">Astronomy</div> 36527 </div> 36528 </a> 36529 </li> 36530 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36531 <a href="https://www.hobbylancer.com/categories/others/coding"> 36532 <div class="flag"> 36533 <div class="flag-body">Coding</div> 36534 </div> 36535 </a> 36536 </li> 36537 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36538 <a href="https://www.hobbylancer.com/categories/others/
36538decorator"> 36539 <div class="flag"> 36540 <div class="flag-body">Decorator</div> 36541 </div> 36542 </a> 36543 </li> 36544 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36545 <a href="https://www.hobbylancer.com/categories/others/fishing"> 36546 <div class="flag"> 36547 <div class="flag-body">Fishing</div> 36548 </div> 36549 </a> 36550 </li> 36551 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36552 <a href="https://www.hobbylancer.com/categories/others/miscellaneous"> 36553 <div class="flag"> 36554 <div class="flag-body">Miscellaneous</div> 36555 </div> 36556 </a> 36557 </li> 36558 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36559 <a href="https://www.hobbylancer.com/categories/others/palmistry"> 36560 <div class="flag"> 36561 <div class="flag-body">Palmistry</div> 36562 </div> 36563 </a> 36564 </li> 36565 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36566 <a href="https://www.hobbylancer.com/categories/others/robotics"> 36567 <div class="flag"> 36568 <div class="flag-body">Robotics</div> 36569 </div> 36570 </a> 36571 </li> 36572 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36573 <a href="https://www.hobbylancer.com/categories/others/shopping"> 36574 <div class="flag"> 36575 <div class="flag-body">Shopping</div> 36576 </div> 36577 </a> 36578 </li> 36579 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36580 <a href="https://www.hobbylancer.com/categories/others/social-work"> 36581 <div class="flag"> 36582 <div class="flag-body">Social Work</div> 36583 </div> 36584 </a> 36585 </li> 36586 <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only"> 36587 <a href="https://www.hobbylancer.com/categories/others/teaching"> 36588 <div class="flag"> 36589 <div class="flag-body">Teaching</div> 36590 </div> 36591 </a> 36592 </li> 36593 </ul> 36594 </div> 36595 </div> 36596 </div> 36597 </div> 36598 </div> 36599</div> 36600<!--- cat-mobile Ends ---> 36601<div class="clearfix"></div> 36602 36603 36604<!-- Registration Modal starts --> 36605<div class="modal fade login login_modal_cont" id="register-modal"> 36606 <div class="row modal-dialog"> 36607 <div class="col-md-4 login_image_outer"> 36608 <div class="inner_login_image_cont" id="login_image_cont"> 36609 <div class="inner_text"> 36610 <h3>Create <br>Your Account</h3> 36611 <p> 36612 Showcase your talents to the world. 36613 </p> 36614 </div> 36615 <img src="https://www.hobbylancer.com/images/login_img.svg"> 36616 </div> 36617 </div> 36618 <div class="col-md-8" id="login_modal_cont_for_height"> 36619 <div class="modal-content"> 36620 <span class="modal_close">Ã</span> 36621 <div class="modal-header"> 36622 <!-- modal-header Starts --> 36623 <i class="fa fa-user-plus"></i> 36624 <h5 class="modal-title"> Register Account </h5> 36625 <button class="close" data-dismiss="modal"><span>×</span></button> 36626 </div> 36627 <!-- modal-header Ends --> 36628 <div class="modal-body"> 36629 <!-- modal-body Starts --> 36630 <div class="clearfix"></div> 36631 <div class="line mt-3"><span></span></div> 36632 <div class="clearfix"></div> 36633 <div class="text-center"> 36634 36635 <a href="#" onclick="window.location = 'https://www.facebook.com/v2.10/dialog/oauth?client_id=723260441069323&state=efaca5c703b1089e27ca7d81f414137c&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Ffb-callback&scope=email';" class="btn-fb-connect" > 36636 <img src="https://www.hobbylancer.com/images/facebook-sign-in-web.png"> 36637 </a> 36638 <a href="#" onclick="window.location = 'https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=online&client_id=90171709287-ng049lgl8ep082l59d9binb3tc5ekjgj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Fg-callback&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=auto';" class="btn-gplus-connect " > 36639 <img src="https://www.hobbylancer.com/images/btn_google_signin_dark_pressed_web.png"> 36640 </a> 36641 36642 <div class="text-center pt-2 pb-2">OR, Register below:</div> 36643 <div> 36644 <input type="button" class="btn btn-success btn-block reg_with_email" value="Register With Email"> 36645 </div> 36646 <hr class=""> 36647 36648 </div> 36649 36650 <form action="" method="post" class="pb-3 register_form" autocomplete="off"> 36651 36652 <div class="form-group"> 36653 <label class="form-control-label font-weight-bold"> Full Name </label> 36654 <input type="text" class="form-control" name="name" placeholder="Enter Your Full Name" value="" required=""> 36655 </div> 36656 <!-- <div class="form-group"> 36657 <label class="form-control-label font-weight-bold"> Username </label> 36658 <input type="text" class="form-control" name="u_name" placeholder="Enter Your Username" value="" required=""> 36659 <small class="form-text text-muted">Note: You will not be able to change username once your account has been created.</small> 36660 </div> --> 36661 <div class="form-group"> 36662 <label class="form-control-label font-weight-bold"> Email </label> 36663 <input type="email" class="form-control" name="email" placeholder="Enter Your Email" value="" required=""> 36664 </div> 36665 <div class="form-group"> 36666 <label class="form-control-label font-weight-bold"> Password </label> 36667 <input type="password" class="form-control" name="pass" placeholder="Enter Your Password" required=""> 36668 </div> 36669 <div class="form-group"> 36670 <label class="form-control-label font-weight-bold"> Confirm Password: </label> 36671 <input type="password" class="form-control" name="con_pass" placeholder="Enter Your Password Again" required=""> 36672 </div> 36673 36674 <div class="form-group"> 36675 <input type="checkbox" style="position: relative; top: 1px;" id="check" value="1" required=""/> 36676 <label for="check"> 36677 I Accept 36678 <a class="text-success" href="https://www.hobbylancer.com/terms_and_conditions">Terms And Conditions</a> 36679 </label> 36680 </div> 36681 36682 <input type="hidden" class="form-control" name="referral" value=""> 36683 <input type="hidden" name="timezone" value=""> 36684 <input type="submit" name="register" class="btn btn-success btn-block" value="Register Now"> 36685 </form> 36686 36687 <div class="text-center mt-3 text-muted"> 36688 Already Have An Account? <a href="#" class="text-success" data-toggle="modal" data-target="#login-modal" data-dismiss="modal"> 36689 Login Now </a> 36690 </div> 36691 36692 <div class="clearfix"></div> 36693 </div> 36694 </div> 36695 <!-- modal-body Ends --> 36696 </div> 36697 </div> 36698</div> 36699<!-- Registration modal ends --> 36700 36701<!-- Login modal start --> 36702<div class="modal fade login login_modal_cont" id="login-modal"> 36703 <div class="row modal-dialog"> 36704 <div class="col-md-4 login_image_outer"> 36705 <div class="inner_login_image_cont" id="login_image_cont"> 36706 <div class="inner_text"> 36707 <h3>Login To <br>Your Account</h3> 36708 <p> 36709 Showcase your talents to the world. 36710 </p> 36711 </div> 36712 <img src="https://www.hobbylancer.com/images/login_img.svg"> 36713 </div> 36714 </div> 36715 <div class="col-md-8" id="login_modal_cont_for_height"> 36716 <div class="modal-content">
36717 <span class="modal_close">Ã</span> 36718 <div class="modal-header"> 36719 <!-- Modal header start --> 36720 <i class="fa fa-sign-in fa-log"></i> 36721 <h5 class="modal-title">Login To Your Account</h5> 36722 <button class="close" type="button" data-dismiss="modal"><span>×</span></button> 36723 </div> 36724 <!-- Modal header end --> 36725 <div class="modal-body"> 36726 <!-- Modal body start --> 36727 <div class="clearfix"></div> 36728 36729 <div class="line mt-3"><span></span></div> 36730 <div class="clearfix"></div> 36731 <div class="text-center"> 36732 <a href="#" onclick="window.location = 'https://www.facebook.com/v2.10/dialog/oauth?client_id=723260441069323&state=efaca5c703b1089e27ca7d81f414137c&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Ffb-callback&scope=email';" class="btn-fb-connect" > 36733 <img src="https://www.hobbylancer.com/images/facebook-sign-in-web.png"> 36734 </a> 36735 <a href="#" onclick="window.location = 'https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=online&client_id=90171709287-ng049lgl8ep082l59d9binb3tc5ekjgj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Fg-callback&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=auto';" class="btn-gplus-connect " > 36736 <img src="https://www.hobbylancer.com/images/btn_google_signin_dark_pressed_web.png"> 36737 </a> 36738 </div> 36739 36740 <div class="text-center pt-2 pb-2">OR</div> 36741 <input type="button" class="btn btn-success btn-block login_with_email" value="Login with Email and Password"> 36742 <hr class=""> 36743 <form action="" method="post" class="login_form" autocomplete="off"> 36744 <div class="form-group"> 36745 <label class="form-group-label"> Email</label> 36746 <input type="text" class="form-control" name="seller_user_name" placeholder="Enter Your Username Or Email" value= "" required=""> 36747 </div> 36748 <div class="form-group"> 36749 <label class="form-group-label"> Password</label> 36750 <input type="password" class="form-control" name="seller_pass" placeholder="Enter Your Password" required=""> 36751 </div> 36752 36753 <input type="submit" name="login" class="btn btn-success btn-block" value="Login Now"> 36754 </form> 36755 36756 <div class="text-center mt-3"> 36757 <a href="#" class="text-success" data-toggle="modal" data-target="#register-modal" data-dismiss="modal"> 36758 Not Registered? </a> 36759 | 36760 <a href="#" class="text-success" data-toggle="modal" data-target="#forgot-modal" data-dismiss="modal"> 36761 Forgot Password? </a> 36762 </div> 36763 <div class="clearfix"></div> 36764 36765 </div> 36766 <!-- Modal body ends --> 36767 </div> 36768 </div> 36769 </div> 36770</div> 36771<!-- Login modal end -->
36772<script> 36773$(document).ready(function(){ 36774 $('.register_form').hide() 36775 $('.reg_with_email').click(function(){ 36776 $('.register_form').toggle(); 36777 }); 36778 $('.login_form').hide() 36779 $('.login_with_email').click(function(){ 36780 $('.login_form').toggle(); 36781 }); 36782}); 36783 36784</script>
36784 36785<!-- Forgot password starts --> 36786<div class="modal fade login" id="forgot-modal"> 36787 <div class="modal-dialog"> 36788 <div class="modal-content"> 36789 <div class="modal-header"><!-- Modal header starts --> 36790 <i class="fa fa-meh-o fa-log"></i> 36791 <h5 class="modal-title"> Forgot Password </h5> 36792 <button type="button" class="close" data-dismiss="modal"> 36793 <span>×</span> 36794 </button> 36795 </div><!-- Modal header ends --> 36796 <div class="modal-body"><!-- Modal body starts --> 36797 <p class="text-muted text-center mb-2"> 36798 Enter your email to receive a password reset link. </p> 36799 <form action="" method="post"> 36800 <div class="form-group"> 36801 <input type="text" name="forgot_email" class="form-control" placeholder="Enter Your Email" required> 36802 </div> 36803 <input type="submit" class="btn btn-success btn-block" value="submit" name="forgot"> 36804 <p class="text-muted text-center mt-4"> 36805 Not A Member Yet? <a href="#" class="text-success" data-toggle="modal" data-target="#register-modal" data-dismiss="modal"> 36806 Join Now. </a> 36807 </p> 36808 </form> 36809 </div><!-- Modal body ends --> 36810 </div> 36811 </div> 36812</div><!-- Forgot password ends --> 36813<div class="modal fade" id="coming-soon-modal"> 36814 <div class="modal-dialog"> 36815 <div class="modal-content"> 36816 <div class="modal-header"> 36817 <!-- modal-header Starts --> 36818 <i class="fa fa-gift" aria-hidden="true"></i> 36819 <h5 class="modal-title"> Surprise </h5> 36820 <button class="close" data-dismiss="modal"><span>×</span></button> 36821 </div> 36822 <!-- modal-header Ends --> 36823 <div class="modal-body"> 36824 <!-- modal-body Starts --> 36825 <h2>Coming Soon</h2> 36826 <!-- modal-body Ends --> 36827 </div> 36828 <!-- modal-body Ends --> 36829 </div> 36830 </div> 36831</div> 36832 36833<style type="text/css"> 36834 36835 .paypal-button.paypal-button-color-blue { 36836 background: #556db4 !important; 36837 } 36838 36839 .btn_search, 36840 .btn_join, 36841 .gnav-header .search-button-wrapper .btn-primary, 36842 .input-group-append, 36843 .badge-success, 36844 .gnav-header .account-nav .count, 36845 a.support-que, 36846 .hero .search-box.focus .search-magnifier, 36847 .proposal-reviews .active, 36848 .btn-order.primary, 36849 .bg-success, 36850 .nav-pills .nav-link.active, 36851 .nav-pills .show > .nav-link{ 36852 background: #556db4 !important; 36853 } 36854 36855 .ui-toolkit .btn-primary.btn-primary:active, 36856 .ui-toolkit .btn-primary.btn-primary:hover, 36857 .ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active, 36858 .ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover { 36859 background: #2ca35b !important; 36860 } 36861 36862 .breadcrumb a:before{ 36863 background: #556db4; 36864 } 36865 36866 .border-success{ 36867 border-color:#556db4 !important; 36868 } 36869 36870 .btn-success{ 36871 border-color:#2ca35b; 36872 background: #556db4; 36873 } 36874 36875 .btn-success:hover, 36876 .btn-success:focus, 36877 .btn-success:active{ 36878 border-color:#2ca35b; 36879 background: #2ca35b !important; 36880 } 36881 36882 .btn-success:active{ 36883 border-color:#2ca35b !important; 36884 background: #556db4 !important; 36885 box-shadow: unset !important; 36886 } 36887 36888 36889 .view-proposals .btn-toggle.active { 36890 background-color: #556db4 !important; 36891 } 36892 36893 .btn_join:hover{ 36894 background: #2ca35b !important; 36895 border: 0px solid #556db4 !important; 36896 color:white !important; 36897 } 36898 36899 .input-group-addon{ 36900 background-color: #e9ecef; 36901 border: 1px solid #ced4da; 36902 } 36903 36904 .input-group-append{ 36905 background: #556db4 !important; 36906 } 36907 36908 .input-group-append:hover{ 36909 background: #2ca35b !important; 36910 } 36911 36912 .btn-order.primary { 36913 -webkit-box-shadow: 0 2px 0 #2ca35b; 36914 box-shadow: 0 2px 0 #2ca35b; 36915 } 36916 36917 .cat-nav .top-nav-item.active { 36918 border-bottom: 3px solid #2ca35b; 36919 } 36920 36921 .text-success, 36922 .card_user h4, 36923 .timer h5, 36924 .hero .search-box .search-magnifier, 36925 .popup-support-wrap .breadcrumbs .fa-home, 36926 .contacts-sidebar .active, 36927 .page-link, 36928 .proposal-unfavorite, 36929 .proposal-unlike, 36930 .dil{ 36931 color: #556db4 !important; 36932 } 36933 36934 .order-page .nav-link.active, 36935 .order-page .seller-buyer-name { 36936 color: #556db4 !important; 36937 } 36938 36939 .gnav-header #search-query:focus, 36940 .gnav-header #search-query:active{ 36941 border: 1px solid #2ca35b; 36942 } 36943 36944 .btn-outline-success{ 36945 color:#556db4; 36946 border-color:#2ca35b; 36947 } 36948 36949 .btn-outline-success:hover{ 36950 background:#556db4; 36951 border-color:#2ca35b; 36952 } 36953 36954 /*.is-online { 36955 border: 1px solid #556db4; 36956 color: #556db4; 36957 }*/ 36958 36959 36960 .cat_box { 36961 background: #556db4; 36962 } 36963 36964 .card_user .get_btn { 36965 border: 1px solid #556db4; 36966 color: #556db4; 36967 } 36968 36969 .btn-success:focus, .btn-success.focus{ 36970 box-shadow: none !important; 36971 } 36972 36973 .card_user .get_btn:hover{ 36974 border-color: #2ca35b; 36975 background: #2ca35b; 36976 } 36977 36978 .page-item.active .page-link { 36979 background-color: #556db4; 36980 border-color: #2ca35b; 36981 } 36982 36983</style> 36984<link href="https://www.hobbylancer.com/styles/knowledge_bank.css" rel="stylesheet">
36985<script type="text/javascript"> 36986// $(document).ready(function(){ 36987// // alert(); 36988// setTimeout(function(){ 36989 36990// var login_height = $("#login_modal_cont_for_height").height(); 36991// $("#login_image_cont").height(login_height); 36992 36993// }, 2000); 36994// }); 36995 36996$(document).ready(function() { 36997 36998 $(".share_rupee_cont").click(function(e){ 36999 //alert() 37000 $("#shareearn_menu.cont_sr_before_login_tri_inner_div").fadeToggle(); 37001 //alert($(".ref_for_share").attr($("data-url")); 37002 e.stopPropagation(); 37003 $(document).click(function(){ 37004 $("#shareearn_menu.cont_sr_before_login_tri_inner_div").fadeOut(); 37005 }); 37006 37007 37008 }); 37009 $("#shareearn_menu.cont_sr_before_login_tri_inner_div").click(function(e){ 37010 e.stopPropagation(); 37011 }); 37012 37013 37014 37015 setTimeout(function(){ 37016 //$(".st-right .st-btn.st-first").before('<div class="close_share annotghr"><i class="fa fa-times"></i></div>'); 37017 37018 // $(".ref_for_share .close_share.annotghr").click(function(){ 37019 37020 // $(this).parent(".ref_for_share").fadeOut() 37021 // }); 37022 37023 //setTimeout(function(){ 37024//debugger 37025 $(".innershare_ref_dd_cont_before_login .st-right .st-btn.st-last").after('<div class="st-btn st-secondlast st-remove-label" id="copy_r1" title="copy"><i class="fa fa-copy"></i</div>'); 37026 37027 $("#copy_r1").click( function() { 37028 //alert() 37029 copyToClipboard(document.getElementById("ref_code")); 37030 }); 37031 function copyToClipboard(elem) { 37032 // create hidden text element, if it doesn't already exist 37033 var targetId = "_hiddenCopyText_"; 37034 var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA"; 37035 var origSelectionStart, origSelectionEnd; 37036 if (isInput) { 37037 // can just use the original source element for the selection and copy 37038 target = elem; 37039 origSelectionStart = elem.selectionStart; 37040 origSelectionEnd = elem.selectionEnd; 37041 } else { 37042 // must use a temporary form element for the selection and copy 37043 target = document.getElementById(targetId); 37044 if (!target) { 37045 var target = document.createElement("textarea"); 37046 target.style.position = "absolute"; 37047 target.style.left = "-9999px"; 37048 target.style.top = "0"; 37049 target.id = targetId; 37050 document.body.appendChild(target); 37051 } 37052 target.textContent = elem.textContent; 37053 } 37054 // select the content 37055 var currentFocus = document.activeElement; 37056 target.focus(); 37057 target.setSelectionRange(0, target.value.length); 37058 37059 // copy the selection 37060 var succeed; 37061 try { 37062 succeed = document.execCommand("copy"); 37063 } catch(e) { 37064 succeed = false; 37065 } 37066 // restore original focus 37067 if (currentFocus && typeof currentFocus.focus === "function") { 37068 currentFocus.focus(); 37069 } 37070 37071 if (isInput) { 37072 // restore prior selection 37073 elem.setSelectionRange(origSelectionStart, origSelectionEnd); 37074 } else { 37075 // clear temporary content 37076 target.textContent = ""; 37077 } 37078 return succeed; 37079 } 37080 }, 1000); 37081 37082}); 37083$(window).scroll(function (){ 37084 37085 if ($("#gnav-header").offset().top <= window.pageYOffset) { //did this bcz of this children is fixed 37086 $("#gnav-header #gnav-header-inner").addClass("mob_menu_fixed"); 37087 } 37088 else { 37089 $("#gnav-header #gnav-header-inner").removeClass("mob_menu_fixed"); 37090 } 37091 37092 37093}); 37094</script>
37094 37095 37096 37097
37098<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6675951249719246" 37099 crossorigin="anonymous"></script>
37099 37100<link href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" rel="stylesheet"> 37101<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" /> 37102<!-- start main --> 37103 37104<div class="carousel_cont_slick_outer" id="demo1"> 37105 <div class="slider_cont"> 37106 <div class="slider slider-nav"> 37107 <div class="carousel_cont_slick"> 37108 <div class="some_quote_index"> 37109 <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_01 copy.webp"> 37110 </div> 37111 </div> 37112 <div class="carousel_cont_slick"> 37113 <div class="some_quote_index"> 37114 <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_02 copy.webp"> 37115 </div> 37116 </div> 37117 <div class="carousel_cont_slick"> 37118 <div class="some_quote_index"> 37119 <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_03 copy.webp"> 37120 </div> 37121 </div> 37122 <div class="carousel_cont_slick"> 37123 <div class="some_quote_index"> 37124 <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_04 copy.webp"> 37125 </div> 37126 </div> 37127 <!-- <div class="carousel_cont_slick"> 37128 <div class="some_quote_index"> 37129 <p class="feedback_message"> 37130 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 37131 </p> 37132 </div> 37133 </div> --> 37134 </div> 37135 </div> 37136</div> 37137<!-- end main --> 37138<!-- start market --> 37139<div class="container mb-5 cards" style="max-width: 1360px !important;"> 37140 <div class="row"> 37141 <div class="col-md-12"> 37142 <h1 class="mt-5 mb-1 heading_text_center home_heading">Popular Professional Services</h1> 37143 <p class="subHeading mb-4 home_subhead bottom_subheading_text_center">Get your project done on time by highly skilled professionals</p> 37144 <div class="owl-carousel home-cards-carousel owl-theme"><!--- owl-carousel home-cards-carousel Starts ---> 37145 <div class="card-box"> 37146 <div> 37147 <a href="/portfolio/create_portfolio" class="subcategory" > 37148 <h4><small>Create your own</small>Portfolio</h4> 37149 <picture> 37150 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/pp2.webp" src=""> 37151 </picture> 37152 </a> 37153 </div> 37154 </div> 37155 <div class="card-box"> 37156 <div> 37157 <a href="/proposals/view_proposals" class="subcategory" > 37158 <h4><small>Sell Your Masterpiece &</small>Earn</h4> 37159 <picture> 37160 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/sell masterpiece copy.webp" src=""> 37161 </picture> 37162 </a> 37163 </div> 37164 </div> 37165 <div class="card-box"> 37166 <div> 37167 <a href="/#explore" class="subcategory" > 37168 <h4><small>Explore New Hobbies &</small>Learn</h4> 37169 <picture> 37170 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/learn hobby copy.webp" src=""> 37171 </picture> 37172 </a> 37173 </div> 37174 </div> 37175 <div class="card-box"> 37176 <div> 37177 <a href="#" class="subcategory" data-toggle="modal" data-target="#coming-soon-modal" data-dismiss="modal"> 37178 <h4><small>Post Your</small>Project</h4> 37179 <picture> 37180 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/phone-4060860_640 copy.webp" src=""> 37181 </picture> 37182 </a> 37183 </div> 37184 </div> 37185 <div class="card-box"> 37186 <div> 37187 <a href="#" class="subcategory" data-toggle="modal" data-target="#coming-soon-modal" data-dismiss="modal"> 37188 <h4><small>Apply For</small>Job</h4> 37189 <picture> 37190 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/girl-3718536_640 copy.webp" src=""> 37191 </picture> 37192 </a> 37193 </div> 37194 </div> 37195 <div class="card-box"> 37196 <div> 37197 <a href="/featured_proposals" class="subcategory" > 37198 <h4><small>Browse The Discounted</small>Offers</h4> 37199 <picture> 37200 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/girl-738302_640 copy.webp" src=""> 37201 </picture> 37202 </a> 37203 </div> 37204 </div> 37205 <div class="card-box"> 37206 <div> 37207 <a href="/hobbyists?local" class="subcategory" > 37208 <h4><small>Search For HobbyLancers</small>Locally</h4> 37209 <picture> 37210 <img class="lazy" data-src="https://www.hobbylancer.com//card_images/ipad-632394_640 copy.webp" src=""> 37211 </picture> 37212 </a> 37213 </div> 37214 </div> 37215 </div><!--- owl-carousel home-cards-carousel Ends ---> 37216 </div> 37217 </div> 37218</div> 37219 37220 37221<!-- start top portfolios --> 37222<section class="top mb-0"> 37223 <div class="container" style="max-width: 1360px !important;"> 37224 <div class="row top_portfolio_row"> 37225 <div class="col-md-12"> 37226 <h1 class="text-center text-sm-left home_heading">Top Portfolios</h1> 37227 <h4 class="text-center text-sm-left home_subhead d-block">Click on the beautiful images to see more pictures.</h4> 37228 37229 <div class="mt-5"> 37230 <!--- home-featured-carousel Starts ---> 37231 <div class="row outer_portfolio_cont"> 37232 <!--- row Starts --> 37233 <div class="masonry bordered five_grid " id="massonry_border"> 37234 <div class="mobile_off_slides"> 37235 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37236 </div> --> 37237 37238 <div class="control-of"> 37239 <div class="brick"> 37240 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37241 <a href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky"> 37242 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky"> 37243 <div class="portfolio_img_wrapper"> 37244 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC5541_1597335667.webp" class="lazy img-fluid "> 37245 <div class="extra-images d-flex justify-content-end"> 37246 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/201401071-3_1597335456.webp" class="lazy" alt=""> 37247 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/201401071-2rhrhr_1597335268.webp" class="lazy" alt=""> 37248 </div> 37249 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37250 <span class="fit-avatar s24"> 37251 <img src="" data-src="https://www.hobbylancer.com//user_images/90754856_2600330890076793_6833223174717440000_o_1595176271.png" class="rounded-circle lazy" width="32" height="32"> 37252 </span> 37253 <div class="seller-info-wrapper"> 37254 <a href="https://www.hobbylancer.com/Anky" class="seller-name">Ankita B.</a> 37255 <div class="gig-seller-tooltip"> 37256 Fresh Hobbyist </div> 37257 </div> 37258 </div> 37259 </div> 37260 </span> 37261 </a> 37262 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37263 <!--- gig-seller-info Ends ---> 37264 <span class="proposal-link-main js-proposal-card-imp-data"> 37265 <a href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky"> 37266 <h3 id="portfolio_img_title-120">Engagement look</h3> 37267 </a> 37268 <div class="likeIcon float-right"> 37269 <a href="#" data-toggle="modal" data-target="#login-modal"> 37270 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37271 </a> 37272 </div> 37273 <textarea style="display: none;" id="portfolio_img_description-120"> 37274<span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">The first bell of wedding started ringing with engagement ceremony, where the would be bride get officially tangled with the would be bridegroom.</sp
37274an><span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">So every girl wants to look her best like princess on that very occas</span><span class="text_exposed_show" style="display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(28, 30, 33);">ion.</span><span class="text_exposed_show" style="display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(28, 30, 33);"> So as a professional make-up artist I can understand your very demand.</span><span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">So please let me make your dream true & contact @mua anky as early as possible.</span> 37275</textarea> 37276 </span> 37277 </div><!--- proposal-card-caption Ends ---> 37278</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37279 </div> 37280 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37281 </div> --> 37282 37283 <div class="control-of"> 37284 <div class="brick"> 37285 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37286 <a href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery"> 37287 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery"> 37288 <div class="portfolio_img_wrapper"> 37289 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/f-3c35_1597130431.webp" class="lazy img-fluid "> 37290 <div class="extra-images d-flex justify-content-end"> 37291 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/564a30bb_1597130552.webp" class="lazy" alt=""> 37292 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/2267609e_1597130457.webp" class="lazy" alt=""> 37293 </div> 37294 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37295 <span class="fit-avatar s24"> 37296 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37297 </span> 37298 <div class="seller-info-wrapper"> 37299 <a href="https://www.hobbylancer.com/paramita-dhani" class="seller-name">Paramita D.</a> 37300 <div class="gig-seller-tooltip"> 37301 Fresh Hobbyist </div> 37302 </div> 37303 </div> 37304 </div> 37305 </span> 37306 </a> 37307 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37308 <!--- gig-seller-info Ends ---> 37309 <span class="proposal-link-main js-proposal-card-imp-data"> 37310 <a href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery"> 37311 <h3 id="portfolio_img_title-83">Painting of Radha Krishna</h3> 37312 </a> 37313 <div class="likeIcon float-right"> 37314 <a href="#" data-toggle="modal" data-target="#login-modal"> 37315 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">6</span> 37316 </a> 37317 </div> 37318 <textarea style="display: none;" id="portfolio_img_description-83"> 37319Radha-Krishna are collectively known within Hinduism as the combined forms of male and female realities of God. This painting express the sign of love. I used drawing shit, fabric colour. 37320</textarea> 37321 </span> 37322 </div><!--- proposal-card-caption Ends ---> 37323</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37324 </div> 37325 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37326 </div> --> 37327 37328 <div class="control-of"> 37329 <div class="brick"> 37330 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37331 <a href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art"> 37332 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art"> 37333 <div class="portfolio_img_wrapper"> 37334 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0015_1597255908.webp" class="lazy img-fluid "> 37335 <div class="extra-images d-flex justify-content-end"> 37336 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0039_1597255886.webp" class="lazy" alt=""> 37337 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0000_1597255802.webp" class="lazy" alt=""> 37338 </div> 37339 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37340 <span class="fit-avatar s24"> 37341 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37342 </span> 37343 <div class="seller-info-wrapper"> 37344 <a href="https://www.hobbylancer.com/shoimee-banerjee" class="seller-name">Shoimee B.</a> 37345 <div class="gig-seller-tooltip"> 37346 Fresh Hobbyist </div> 37347 </div> 37348 </div> 37349 </div> 37350 </span> 37351 </a> 37352 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37353 <!--- gig-seller-info Ends ---> 37354 <span class="proposal-link-main js-proposal-card-imp-data"> 37355 <a href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art"> 37356 <h3 id="portfolio_img_title-112">Dance performance in Jorasanko Auditorium </h3> 37357 </a> 37358 <div class="likeIcon float-right"> 37359 <a href="#" data-toggle="modal" data-target="#login-modal"> 37360 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37361 </a> 37362 </div> 37363 <textarea style="display: none;" id="portfolio_img_description-112"> 37364<p>Live dance</p> 37365</textarea> 37366 </span> 37367 </div>
37367<!--- proposal-card-caption Ends ---> 37368</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37369 </div> 37370 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37371 </div> --> 37372 37373 <div class="control-of"> 37374 <div class="brick"> 37375 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37376 <a href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography"> 37377 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography"> 37378 <div class="portfolio_img_wrapper"> 37379 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC0310_1597042293.webp" class="lazy img-fluid "> 37380 <div class="extra-images d-flex justify-content-end"> 37381 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC0304_1597042489.webp" class="lazy" alt=""> 37382 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/DSC_0215_1597041608.webp" class="lazy" alt=""> 37383 </div> 37384 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37385 <span class="fit-avatar s24"> 37386 <img src="" data-src="https://www.hobbylancer.com//user_images/PSX_20190913_194052_1598864065.png" class="rounded-circle lazy" width="32" height="32"> 37387 </span> 37388 <div class="seller-info-wrapper"> 37389 <a href="https://www.hobbylancer.com/mrinal-mitra" class="seller-name">Mrinal M.</a> 37390 <div class="gig-seller-tooltip"> 37391 Fresh Hobbyist </div> 37392 </div> 37393 </div> 37394 </div> 37395 </span> 37396 </a> 37397 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37398 <!--- gig-seller-info Ends ---> 37399 <span class="proposal-link-main js-proposal-card-imp-data"> 37400 <a href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography"> 37401 <h3 id="portfolio_img_title-73">Moth</h3> 37402 </a> 37403 <div class="likeIcon float-right"> 37404 <a href="#" data-toggle="modal" data-target="#login-modal"> 37405 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span> 37406 </a> 37407 </div> 37408 <textarea style="display: none;" id="portfolio_img_description-73"> 37409<p>Moths are a paraphyletic group of insects that includes all members of the order Lepidoptera that are not butterflies, with moths making up the vast majority of the order.Moths evolved long before butterflies, with fossils having been found that may be 190 million years old. Some moths, particularly their caterpillars, can be major agricultural pests in many parts of the world. Examples include corn borers and bollworms.The larvae of many species are used as food, particularly in Africa, where they are an important source of nutrition. </p> 37410</textarea> 37411 </span> 37412 </div><!--- proposal-card-caption Ends ---> 37413</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37414 </div> 37415 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37416 </div> --> 37417 37418 <div class="control-of"> 37419 <div class="brick"> 37420 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37421 <a href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love"> 37422 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love"> 37423 <div class="portfolio_img_wrapper"> 37424 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/60280766_2182977111814774_4827779171847503872_o_1597611736.webp" class="lazy img-fluid "> 37425 <div class="extra-images d-flex justify-content-end"> 37426 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/71097585_2415907908521692_2594639260191555584_n_1597610945.webp" class="lazy" alt=""> 37427 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/79922118_2621283771317437_1710601704954658816_n_1597677146.webp" class="lazy" alt=""> 37428 </div> 37429 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37430 <span class="fit-avatar s24"> 37431 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37432 </span> 37433 <div class="seller-info-wrapper"> 37434 <a href="https://www.hobbylancer.com/shramona-saha-2" class="seller-name">Shramona S.</a> 37435 <div class="gig-seller-tooltip"> 37436 Fresh Hobbyist </div> 37437 </div> 37438 </div> 37439 </div> 37440 </span> 37441 </a> 37442 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37443 <!--- gig-seller-info Ends ---> 37444 <span class="proposal-link-main js-proposal-card-imp-data"> 37445 <a href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love"> 37446 <h3 id="portfolio_img_title-236">Proud Peacock</h3> 37447 </a> 37448 <div class="likeIcon float-right"> 37449 <a href="#" data-toggle="modal" data-target="#login-modal"> 37450 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37451 </a> 37452 </div> 37453 <textarea style="display: none;" id="portfolio_img_description-236"> 37454<b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">Peacocks</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> are considered as </span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">most beautiful</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> and colorful </span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">birds</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> in the world.</span><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> P</span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">eacock</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> is the </span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">National Bird</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;"> of India because of its rich religious and legendary involvement in Indian traditions.</span> 37455</textarea> 37456 </span> 37457 </div>
37457<!--- proposal-card-caption Ends ---> 37458</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37459 </div> 37460 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37461 </div> --> 37462 37463 <div class="control-of"> 37464 <div class="brick"> 37465 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37466 <a href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art"> 37467 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art"> 37468 <div class="portfolio_img_wrapper"> 37469 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2020-10-19 at 3.35.52 PM_1603124045.webp" class="lazy img-fluid "> 37470 <div class="extra-images d-flex justify-content-end"> 37471 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/inbound5079302689424831645_1600706030.webp" class="lazy" alt=""> 37472 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2020-10-19 at 3.35.38 PM_1603124022.webp" class="lazy" alt=""> 37473 </div> 37474 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37475 <span class="fit-avatar s24"> 37476 <img src="" data-src="https://www.hobbylancer.com//user_images/649340139339345.jpg" class="rounded-circle lazy" width="32" height="32"> 37477 </span> 37478 <div class="seller-info-wrapper"> 37479 <a href="https://www.hobbylancer.com/chitra-roy-riya" class="seller-name">Chitra R.</a> 37480 <div class="gig-seller-tooltip"> 37481 Fresh Hobbyist </div> 37482 </div> 37483 </div> 37484 </div> 37485 </span> 37486 </a> 37487 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37488 <!--- gig-seller-info Ends ---> 37489 <span class="proposal-link-main js-proposal-card-imp-data"> 37490 <a href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art"> 37491 <h3 id="portfolio_img_title-389">Newspaper Jewellery Box </h3> 37492 </a> 37493 <div class="likeIcon float-right"> 37494 <a href="#" data-toggle="modal" data-target="#login-modal"> 37495 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37496 </a> 37497 </div> 37498 <textarea style="display: none;" id="portfolio_img_description-389"> 37499<p>Top view</p> 37500</textarea> 37501 </span> 37502 </div><!--- proposal-card-caption Ends ---> 37503</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37504 </div> 37505 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37506 </div> --> 37507 37508 <div class="control-of"> 37509 <div class="brick"> 37510 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37511 <a href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat"> 37512 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat"> 37513 <div class="portfolio_img_wrapper"> 37514 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2233_1601396359.webp" class="lazy img-fluid "> 37515 <div class="extra-images d-flex justify-content-end"> 37516 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2318_1601396510.webp" class="lazy" alt=""> 37517 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2332_1601396549.webp" class="lazy" alt=""> 37518 </div> 37519 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37520 <span class="fit-avatar s24"> 37521 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37522 </span> 37523 <div class="seller-info-wrapper"> 37524 <a href="https://www.hobbylancer.com/dino-sergiano" class="seller-name">Dino S.</a> 37525 <div class="gig-seller-tooltip"> 37526 Fresh Hobbyist </div> 37527 </div> 37528 </div> 37529 </div> 37530 </span> 37531 </a> 37532 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37533 <!--- gig-seller-info Ends ---> 37534 <span class="proposal-link-main js-proposal-card-imp-data"> 37535 <a href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat"> 37536 <h3 id="portfolio_img_title-376">before</h3> 37537 </a> 37538 <div class="likeIcon float-right"> 37539 <a href="#" data-toggle="modal" data-target="#login-modal"> 37540 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span> 37541 </a> 37542 </div> 37543 <textarea style="display: none;" id="portfolio_img_description-376"> 37544<p>this is before the make-up</p> 37545</textarea> 37546 </span> 37547 </div>
37547<!--- proposal-card-caption Ends ---> 37548</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37549 </div> 37550 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37551 </div> --> 37552 37553 <div class="control-of"> 37554 <div class="brick"> 37555 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37556 <a href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash"> 37557 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash"> 37558 <div class="portfolio_img_wrapper"> 37559 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/1e32777f-5615-427e-b11c-3a16af472212_1612365668.webp" class="lazy img-fluid "> 37560 <div class="extra-images d-flex justify-content-end"> 37561 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/80983dfb-6776-4dbf-938f-9f2fd432a489_1612365837.webp" class="lazy" alt=""> 37562 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/84bb3bd6-9dfd-4590-8fe7-df3bd299f85a_1612365716.webp" class="lazy" alt=""> 37563 </div> 37564 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37565 <span class="fit-avatar s24"> 37566 <img src="" data-src="https://www.hobbylancer.com//user_images/106353954652168078396.jpg" class="rounded-circle lazy" width="32" height="32"> 37567 </span> 37568 <div class="seller-info-wrapper"> 37569 <a href="https://www.hobbylancer.com/akash-makeover" class="seller-name">Akash M.</a> 37570 <div class="gig-seller-tooltip"> 37571 Fresh Hobbyist </div> 37572 </div> 37573 </div> 37574 </div> 37575 </span> 37576 </a> 37577 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37578 <!--- gig-seller-info Ends ---> 37579 <span class="proposal-link-main js-proposal-card-imp-data"> 37580 <a href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash"> 37581 <h3 id="portfolio_img_title-511">BRIDAL MAKEOVER</h3> 37582 </a> 37583 <div class="likeIcon float-right"> 37584 <a href="#" data-toggle="modal" data-target="#login-modal"> 37585 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37586 </a> 37587 </div> 37588 <textarea style="display: none;" id="portfolio_img_description-511"> 37589</textarea> 37590 </span> 37591 </div><!--- proposal-card-caption Ends ---> 37592</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37593 </div> 37594 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37595 </div> --> 37596 37597 <div class="control-of"> 37598 <div class="brick"> 37599 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37600 <a href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band"> 37601 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band"> 37602 <div class="portfolio_img_wrapper"> 37603 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20190217_194657_1597145282.webp" class="lazy img-fluid "> 37604 <div class="extra-images d-flex justify-content-end"> 37605 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/FB_IMG_1584806537355_1597145343.webp" class="lazy" alt=""> 37606 </div> 37607 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37608 <span class="fit-avatar s24"> 37609 <img src="" data-src="https://www.hobbylancer.com//user_images/3541865129166686.jpg" class="rounded-circle lazy" width="32" height="32"> 37610 </span> 37611 <div class="seller-info-wrapper"> 37612 <a href="https://www.hobbylancer.com/debnath-dubey" class="seller-name">Debnath D.</a> 37613 <div class="gig-seller-tooltip"> 37614 Fresh Hobbyist </div> 37615 </div> 37616 </div> 37617 </div> 37618 </span> 37619 </a> 37620 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37621 <!--- gig-seller-info Ends ---> 37622 <span class="proposal-link-main js-proposal-card-imp-data"> 37623 <a href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band"> 37624 <h3 id="portfolio_img_title-87">Band Image</h3> 37625 </a> 37626 <div class="likeIcon float-right"> 37627 <a href="#" data-toggle="modal" data-target="#login-modal"> 37628 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span> 37629 </a> 37630 </div> 37631 <textarea style="display: none;" id="portfolio_img_description-87"> 37632</textarea> 37633 </span> 37634 </div>
37634<!--- proposal-card-caption Ends ---> 37635</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37636 </div> 37637 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37638 </div> --> 37639 37640 <div class="control-of"> 37641 <div class="brick"> 37642 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37643 <a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2"> 37644 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2"> 37645 <div class="portfolio_img_wrapper"> 37646 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/05fc6cd4-a414-4d88-97e9-3c2d95c2ce9f_1613192031.webp" class="lazy img-fluid "> 37647 <div class="extra-images d-flex justify-content-end"> 37648 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7b24cf26-346f-4229-9bc3-39eecfa346d0_1613192190.webp" class="lazy" alt=""> 37649 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/67067330-227e-4ac3-bda3-66e838b2a135_1613192098.webp" class="lazy" alt=""> 37650 </div> 37651 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37652 <span class="fit-avatar s24"> 37653 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37654 </span> 37655 <div class="seller-info-wrapper"> 37656 <a href="https://www.hobbylancer.com/sankarshan-parua" class="seller-name">Sankarshan P.</a> 37657 <div class="gig-seller-tooltip"> 37658 Fresh Hobbyist </div> 37659 </div> 37660 </div> 37661 </div> 37662 </span> 37663 </a> 37664 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37665 <!--- gig-seller-info Ends ---> 37666 <span class="proposal-link-main js-proposal-card-imp-data"> 37667 <a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2"> 37668 <h3 id="portfolio_img_title-572">03</h3> 37669 </a> 37670 <div class="likeIcon float-right"> 37671 <a href="#" data-toggle="modal" data-target="#login-modal"> 37672 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37673 </a> 37674 </div> 37675 <textarea style="display: none;" id="portfolio_img_description-572"> 37676</textarea> 37677 </span> 37678 </div><!--- proposal-card-caption Ends ---> 37679</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37680 </div> 37681 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37682 </div> --> 37683 37684 <div class="control-of"> 37685 <div class="brick"> 37686 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37687 <a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio"> 37688 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio"> 37689 <div class="portfolio_img_wrapper"> 37690 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/f098ba41-94c9-483a-8f23-01db6832c204_1613191434.webp" class="lazy img-fluid "> 37691 <div class="extra-images d-flex justify-content-end"> 37692 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/a3c1cb23-f5ab-4787-9f16-ce7b53c847b4_1613191465.webp" class="lazy" alt=""> 37693 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c9a080b6-e5d9-4a6d-a678-f863a367a50b_1613191729.webp" class="lazy" alt=""> 37694 </div> 37695 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37696 <span class="fit-avatar s24"> 37697 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37698 </span> 37699 <div class="seller-info-wrapper"> 37700 <a href="https://www.hobbylancer.com/sankarshan-parua" class="seller-name">Sankarshan P.</a> 37701 <div class="gig-seller-tooltip"> 37702 Fresh Hobbyist </div> 37703 </div> 37704 </div> 37705 </div> 37706 </span> 37707 </a> 37708 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37709 <!--- gig-seller-info Ends ---> 37710 <span class="proposal-link-main js-proposal-card-imp-data"> 37711 <a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio"> 37712 <h3 id="portfolio_img_title-562">01</h3> 37713 </a> 37714 <div class="likeIcon float-right"> 37715 <a href="#" data-toggle="modal" data-target="#login-modal"> 37716 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37717 </a> 37718 </div> 37719 <textarea style="display: none;" id="portfolio_img_description-562"> 37720</textarea> 37721 </span> 37722 </div>
37722<!--- proposal-card-caption Ends ---> 37723</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37724 </div> 37725 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37726 </div> --> 37727 37728 <div class="control-of"> 37729 <div class="brick"> 37730 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37731 <a href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art"> 37732 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art"> 37733 <div class="portfolio_img_wrapper"> 37734 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/20200909_201235_1605725585.webp" class="lazy img-fluid "> 37735 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37736 <span class="fit-avatar s24"> 37737 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37738 </span> 37739 <div class="seller-info-wrapper"> 37740 <a href="https://www.hobbylancer.com/amuthavalli-" class="seller-name">Amuthavalli .</a> 37741 <div class="gig-seller-tooltip"> 37742 Fresh Hobbyist </div> 37743 </div> 37744 </div> 37745 </div> 37746 </span> 37747 </a> 37748 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37749 <!--- gig-seller-info Ends ---> 37750 <span class="proposal-link-main js-proposal-card-imp-data"> 37751 <a href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art"> 37752 <h3 id="portfolio_img_title-390">Warli Painting</h3> 37753 </a> 37754 <div class="likeIcon float-right"> 37755 <a href="#" data-toggle="modal" data-target="#login-modal"> 37756 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">2</span> 37757 </a> 37758 </div> 37759 <textarea style="display: none;" id="portfolio_img_description-390"> 37760</textarea> 37761 </span> 37762 </div><!--- proposal-card-caption Ends ---> 37763</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37764 </div> 37765 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37766 </div> --> 37767 37768 <div class="control-of"> 37769 <div class="brick"> 37770 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37771 <a href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia"> 37772 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia"> 37773 <div class="portfolio_img_wrapper"> 37774 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20170222_183339_1598885786.webp" class="lazy img-fluid "> 37775 <div class="extra-images d-flex justify-content-end"> 37776 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/DSC_1320_1598458090.webp" class="lazy" alt=""> 37777 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20170215_152037_1597594491.webp" class="lazy" alt=""> 37778 </div> 37779 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37780 <span class="fit-avatar s24"> 37781 <img src="" data-src="https://www.hobbylancer.com//user_images/1_1597584376.png" class="rounded-circle lazy" width="32" height="32"> 37782 </span> 37783 <div class="seller-info-wrapper"> 37784 <a href="https://www.hobbylancer.com/ranita" class="seller-name">Ranita B.</a> 37785 <div class="gig-seller-tooltip"> 37786 Fresh Hobbyist </div> 37787 </div> 37788 </div> 37789 </div> 37790 </span> 37791 </a> 37792 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37793 <!--- gig-seller-info Ends ---> 37794 <span class="proposal-link-main js-proposal-card-imp-data"> 37795 <a href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia"> 37796 <h3 id="portfolio_img_title-282">Sydney Opera House</h3> 37797 </a> 37798 <div class="likeIcon float-right"> 37799 <a href="#" data-toggle="modal" data-target="#login-modal"> 37800 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37801 </a> 37802 </div> 37803 <textarea style="display: none;" id="portfolio_img_description-282"> 37804<p>The Sydney Opera House is a multi-venue performing arts centre at Sydney Harbour in Sydney, New South Wales, Australia. It is one of the 20th century's most famous and distinctive buildings. Sydney Opera House was added to UNESCO's World Heritage List in 2007. More than 10.9 million people visit the Opera House every year. Sydney Opera House is a must tourist place to visit.</p> 37805</textarea> 37806 </span> 37807 </div>
37807<!--- proposal-card-caption Ends ---> 37808</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37809 </div> 37810 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37811 </div> --> 37812 37813 <div class="control-of"> 37814 <div class="brick"> 37815 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37816 <a href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait"> 37817 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait"> 37818 <div class="portfolio_img_wrapper"> 37819 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/202f3154-a71f-41f0-8f3d-36e3a1264ff2_1597657785.webp" class="lazy img-fluid "> 37820 <div class="extra-images d-flex justify-content-end"> 37821 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/ac56672c-1c46-41fa-8763-cf9db6
37821a37fb7_1597657724.webp" class="lazy" alt=""> 37822 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/d75cf28c-7f61-463d-ba5f-f5a338fa29a5_1597657801.webp" class="lazy" alt=""> 37823 </div> 37824 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37825 <span class="fit-avatar s24"> 37826 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 37827 </span> 37828 <div class="seller-info-wrapper"> 37829 <a href="https://www.hobbylancer.com/shraboni-dey-2" class="seller-name">Shraboni D.</a> 37830 <div class="gig-seller-tooltip"> 37831 Fresh Hobbyist </div> 37832 </div> 37833 </div> 37834 </div> 37835 </span> 37836 </a> 37837 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37838 <!--- gig-seller-info Ends ---> 37839 <span class="proposal-link-main js-proposal-card-imp-data"> 37840 <a href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait"> 37841 <h3 id="portfolio_img_title-250">Portrait Drawing</h3> 37842 </a> 37843 <div class="likeIcon float-right"> 37844 <a href="#" data-toggle="modal" data-target="#login-modal"> 37845 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span> 37846 </a> 37847 </div> 37848 <textarea style="display: none;" id="portfolio_img_description-250"> 37849</textarea> 37850 </span> 37851 </div><!--- proposal-card-caption Ends ---> 37852</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37853 </div> 37854 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37855 </div> --> 37856 37857 <div class="control-of"> 37858 <div class="brick"> 37859 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37860 <a href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot"> 37861 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot"> 37862 <div class="portfolio_img_wrapper"> 37863 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/10571a01-1c72-44ea-b089-d398dd48a6c5_1611067020.webp" class="lazy img-fluid "> 37864 <div class="extra-images d-flex justify-content-end"> 37865 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/980847e7-bdf3-4f74-aae3-3f3190c853e7_1611066903.webp" class="lazy" alt=""> 37866 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b5518a8a-205e-476e-aca1-7bd8e06acd94_1611066766.webp" class="lazy" alt=""> 37867 </div> 37868 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37869 <span class="fit-avatar s24"> 37870 <img src="" data-src="https://www.hobbylancer.com//user_images/116834927611531228719.jpg" class="rounded-circle lazy" width="32" height="32"> 37871 </span> 37872 <div class="seller-info-wrapper"> 37873 <a href="https://www.hobbylancer.com/sanatan-das" class="seller-name">Sanatan D.</a> 37874 <div class="gig-seller-tooltip"> 37875 Fresh Hobbyist </div> 37876 </div> 37877 </div> 37878 </div> 37879 </span> 37880 </a> 37881 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37882 <!--- gig-seller-info Ends ---> 37883 <span class="proposal-link-main js-proposal-card-imp-data"> 37884 <a href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot"> 37885 <h3 id="portfolio_img_title-450">Dot painted Cup</h3> 37886 </a> 37887 <div class="likeIcon float-right"> 37888 <a href="#" data-toggle="modal" data-target="#login-modal"> 37889 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37890 </a> 37891 </div> 37892 <textarea style="display: none;" id="portfolio_img_description-450"> 37893</textarea> 37894 </span> 37895 </div>
37895<!--- proposal-card-caption Ends ---> 37896</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37897 </div> 37898 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37899 </div> --> 37900 37901 <div class="control-of"> 37902 <div class="brick"> 37903 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37904 <a href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra"> 37905 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra"> 37906 <div class="portfolio_img_wrapper"> 37907 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/37da977b-b59b-4baa-8f88-14e291c24837_1614404101.webp" class="lazy img-fluid "> 37908 <div class="extra-images d-flex justify-content-end"> 37909 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/a9130d3c-1656-472e-85a1-f975bcbaff12_1614404347.webp" class="lazy" alt=""> 37910 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/afad78e3-4f21-4450-b946-306c3615e6d4_1614404300.webp" class="lazy" alt=""> 37911 </div> 37912 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37913 <span class="fit-avatar s24"> 37914 <img src="" data-src="https://www.hobbylancer.com//user_images/106343569636198602242.jpg" class="rounded-circle lazy" width="32" height="32"> 37915 </span> 37916 <div class="seller-info-wrapper"> 37917 <a href="https://www.hobbylancer.com/tandra-barman" class="seller-name">Tandra B.</a> 37918 <div class="gig-seller-tooltip"> 37919 Fresh Hobbyist </div> 37920 </div> 37921 </div> 37922 </div> 37923 </span> 37924 </a> 37925 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37926 <!--- gig-seller-info Ends ---> 37927 <span class="proposal-link-main js-proposal-card-imp-data"> 37928 <a href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra"> 37929 <h3 id="portfolio_img_title-578">02</h3> 37930 </a> 37931 <div class="likeIcon float-right"> 37932 <a href="#" data-toggle="modal" data-target="#login-modal"> 37933 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37934 </a> 37935 </div> 37936 <textarea style="display: none;" id="portfolio_img_description-578"> 37937</textarea> 37938 </span> 37939 </div><!--- proposal-card-caption Ends ---> 37940</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37941 </div> 37942 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37943 </div> --> 37944 37945 <div class="control-of"> 37946 <div class="brick"> 37947 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37948 <a href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame"> 37949 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame"> 37950 <div class="portfolio_img_wrapper"> 37951 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.46 (1)_1766056778.webp" class="lazy img-fluid "> 37952 <div class="extra-images d-flex justify-content-end"> 37953 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.46_1766056942.webp" class="lazy" alt=""> 37954 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.47_1766056736.webp" class="lazy" alt=""> 37955 </div> 37956 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 37957 <span class="fit-avatar s24"> 37958 <img src="" data-src="https://www.hobbylancer.com//user_images/Gemini_Generated_Image_gwvctgwvctgwvctg_1766058263.png" class="rounded-circle lazy" width="32" height="32"> 37959 </span> 37960 <div class="seller-info-wrapper"> 37961 <a href="https://www.hobbylancer.com/subhradeep-chatterjee" class="seller-name">Subhradeep C.</a> 37962 <div class="gig-seller-tooltip"> 37963 Fresh Hobbyist </div> 37964 </div> 37965 </div> 37966 </div> 37967 </span> 37968 </a> 37969 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 37970 <!--- gig-seller-info Ends ---> 37971 <span class="proposal-link-main js-proposal-card-imp-data"> 37972 <a href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame"> 37973 <h3 id="portfolio_img_title-601">Lightning Show </h3> 37974 </a> 37975 <div class="likeIcon float-right"> 37976 <a href="#" data-toggle="modal" data-target="#login-modal"> 37977 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 37978 </a> 37979 </div> 37980 <textarea style="display: none;" id="portfolio_img_description-601"> 37981<p>"When the night sky meets a <b>thousand sparks</b>. This Diwali, I captured the <i>symphony</i> of light that defines the Festival of Lights. From the grand lasers dancing across ancient architecture to the<b> soft glow</b> of a single diya, these frames capture the spirit of a celebration that words simply cannot describe."</p> 37982</textarea> 37983 </span> 37984 </div>
37984<!--- proposal-card-caption Ends ---> 37985</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 37986 </div> 37987 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 37988 </div> --> 37989 37990 <div class="control-of"> 37991 <div class="brick"> 37992 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 37993 <a href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting"> 37994 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting"> 37995 <div class="portfolio_img_wrapper"> 37996 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/26ce11ef-93fd-4a2d-ba23-03b2eca3b8fd_1610781303.webp" class="lazy img-fluid "> 37997 <div class="extra-images d-flex justify-content-end"> 37998 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/5b50b712-78af-48b0-8a6b-4053d8cec46a_1610780955.webp" class="lazy" alt=""> 37999 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/492d5e13-14ad-4713-b5b4-2f087d3879f2_1610781191.webp" class="lazy" alt=""> 38000 </div> 38001 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 38002 <span class="fit-avatar s24"> 38003 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38004 </span> 38005 <div class="seller-info-wrapper"> 38006 <a href="https://www.hobbylancer.com/nayan-mondal" class="seller-name">Nayan M.</a> 38007 <div class="gig-seller-tooltip"> 38008 Fresh Hobbyist </div> 38009 </div> 38010 </div> 38011 </div> 38012 </span> 38013 </a> 38014 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38015 <!--- gig-seller-info Ends ---> 38016 <span class="proposal-link-main js-proposal-card-imp-data"> 38017 <a href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting"> 38018 <h3 id="portfolio_img_title-420">Palak's Portrait</h3> 38019 </a> 38020 <div class="likeIcon float-right"> 38021 <a href="#" data-toggle="modal" data-target="#login-modal"> 38022 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38023 </a> 38024 </div> 38025 <textarea style="display: none;" id="portfolio_img_description-420"> 38026<p>Pencil sketch by 10b and 2b pencil. Time taken almost 3hrs.</p> 38027</textarea> 38028 </span> 38029 </div><!--- proposal-card-caption Ends ---> 38030</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38031 </div> 38032 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 38033 </div> --> 38034 38035 <div class="control-of"> 38036 <div class="brick"> 38037 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38038 <a href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography"> 38039 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography"> 38040 <div class="portfolio_img_wrapper"> 38041 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/64d4bc32-7917-48c1-bf24-f24f3a4eed53_1610891341.webp" class="lazy img-fluid "> 38042 <div class="extra-images d-flex justify-content-end"> 38043 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/721f37a5-a335-43e6-a1fa-981e561e1134_1610891270.webp" class="lazy" alt=""> 38044 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/e2b47696-2225-42e7-adbb-925a89e7a788_1610891062.webp" class="lazy" alt=""> 38045 </div> 38046 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 38047 <span class="fit-avatar s24"> 38048 <img src="" data-src="https://www.hobbylancer.com//user_images/117937490461562747285.jpg" class="rounded-circle lazy" width="32" height="32"> 38049 </span> 38050 <div class="seller-info-wrapper"> 38051 <a href="https://www.hobbylancer.com/sahil-samadder" class="seller-name">Sahil S.</a> 38052 <div class="gig-seller-tooltip"> 38053 Fresh Hobbyist </div> 38054 </div> 38055 </div> 38056 </div> 38057 </span> 38058 </a> 38059 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38060 <!--- gig-seller-info Ends ---> 38061 <span class="proposal-link-main js-proposal-card-imp-data"> 38062 <a href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography"> 38063 <h3 id="portfolio_img_title-436">Piece of sunshineâ</h3> 38064 </a> 38065 <div class="likeIcon float-right"> 38066 <a href="#" data-toggle="modal" data-target="#login-modal"> 38067 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38068 </a> 38069 </div> 38070 <textarea style="display: none;" id="portfolio_img_description-436"> 38071<p>shot by Redmi note 7 pro.</p> 38072</textarea> 38073 </span> 38074 </div>
38074<!--- proposal-card-caption Ends ---> 38075</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38076 </div> 38077 <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss"> 38078 </div> --> 38079 38080 <div class="control-of"> 38081 <div class="brick"> 38082 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38083 <a href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen"> 38084 <span class="imgsm" href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen"> 38085 <div class="portfolio_img_wrapper"> 38086 <img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/de6ddcec-c1c4-4649-9bf3-a3f7dcb681e2_1601131748.webp" class="lazy img-fluid "> 38087 <div class="extra-images d-flex justify-content-end"> 38088 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c9675543-842c-44af-b630-8c86ccc31736_1601128752.webp" class="lazy" alt=""> 38089 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/8a10a2e2-060f-488a-a190-bc6e4e46a3c9_1601131005.webp" class="lazy" alt=""> 38090 </div> 38091 <div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts ---> 38092 <span class="fit-avatar s24"> 38093 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38094 </span> 38095 <div class="seller-info-wrapper"> 38096 <a href="https://www.hobbylancer.com/sikha-mridha" class="seller-name">Sikha M.</a> 38097 <div class="gig-seller-tooltip"> 38098 Fresh Hobbyist </div> 38099 </div> 38100 </div> 38101 </div> 38102 </span> 38103 </a> 38104 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38105 <!--- gig-seller-info Ends ---> 38106 <span class="proposal-link-main js-proposal-card-imp-data"> 38107 <a href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen"> 38108 <h3 id="portfolio_img_title-375">Designer Patisapta (রà¦à¦¿à¦¨ পাà¦à¦¿à¦¸à¦¾à¦ªà¦à¦¾ ), à¦à§à¦¬ সহà¦à§ ...à¦à¦®à¦¾à¦° সà§à¦à¦¾à¦à¦²à§</h3> 38109 </a> 38110 <div class="likeIcon float-right"> 38111 <a href="#" data-toggle="modal" data-target="#login-modal"> 38112 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">2</span> 38113 </a> 38114 </div> 38115 <textarea style="display: none;" id="portfolio_img_description-375"> 38116<p>INGREDIENTS:</p><p>Flour 1 cup</p><p>Milk</p><p>Sugar half cup</p><p>Suji half cup</p><p>Gobindobhog Rice Powder half cup</p><p>Food Color</p><p>Choco Powder</p><p>Mango Kheer (the recipe is on my YouTube Channel)</p><p>Ghee</p><p>Salt</p> 38117</textarea> 38118 </span> 38119 </div><!--- proposal-card-caption Ends ---> 38120</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38121 </div> 38122 </div> 38123 </div> 38124 <span class="view_more"><a href="featured_portfolios"><button class="btn btn-success">View More</button></a></span> 38125 </div> 38126 <!--- row Ends --> 38127 </div><!--- home-featured-carousel Ends ---> 38128 </div> 38129 </div> 38130 </div> 38131</section> 38132<!-- end top portfolios --> 38133 38134<!-- start top masterpieces --> 38135<section class="top mb-0"> 38136 <div class="container" style="max-width: 1360px !important;"> 38137 <div class="row outer_masterpieces_cont"> 38138 <div class="col-md-12"> 38139 <h1 class="text-center text-sm-left home_heading">Top Masterpieces</h1> 38140 <h4 class="home_subhead text-center text-sm-left d-block">Click on the images to see more products / offerings.</h4> 38141 <!-- <span class="pull-right text-success"><a href="featured_proposals"><button class="float-right btn btn-success">View More</button></a></span> --> 38142 <div class="mt-5"> 38143 <!--- home-featured-carousel Starts ---> 38144 <div class="row masterpieces_cont"> 38145 <!--- row Starts --> 38146 <div class="masonry bordered five_grid massonry_for_proposal not_massonry" id="masterpieses"> 38147 <div class="mobile_slider slick-slider"> 38148 38149 38150 <div class="control-of"> 38151 <div class="brick"> 38152 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38153 <div class="favoriteIcon"> 38154 <a href="#" data-toggle="modal" data-target="#login-modal"> 38155 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38156 </a> 38157 </div> 38158 <div class="imgsm_cont"> 38159 <a class="imgsm" href="https://www.hobbylancer.com/proposals/poonam-chawla/soap-by-poonam-chawla"> 38160 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/525de6f7-1bce-44f7-8dcc-3ee4434ae9b0_1612882089.webp" class="img-fluid lazy"> 38161 </a> 38162 <div class="extra-images justify-content-end"> 38163 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/acf12cb8-0b33-4702-91fe-425e902675b7_1612882131.webp" class="lazy" alt=""> 38164 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c08a00a2-8282-467e-8642-d8ef275f41e6_1612882151.webp" class="lazy" alt=""> 38165 </div> 38166 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38167 <span class="fit-avatar s24"> 38168 <img src="" data-src="https://www.hobbylancer.com//user_images/117777320834069254099.jpg" class="rounded-circle lazy" width="32" height="32"> 38169 </span> 38170 <div class="seller-info-wrapper"> 38171 <a href="https://www.hobbylancer.com/poonam-chawla" class="seller-name">Poonam C.</a> 38172 <div class="gig-seller-tooltip"> 38173 Fresh Hobbyist </div> 38174 </div> 38175 38176 38177 </div><!--- gig-seller-info Ends ---> 38178 38179</div> 38180 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38181 38182 <a href="https://www.hobbylancer.com/proposals/poonam-chawla/soap-by-poonam-chawla" class="proposal-link-main js-proposal-card-imp-data"> 38183 <h3>SOAP BY POONAM CHAWLA</h3>
38184 </a> 38185 <div class="rating-badges-container"> 38186 <span class="proposal-rating"> 38187 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38188 <span> 38189 <strong>0.0</strong> (0) 38190 </span> 38191 </span> 38192 </div> 38193 <div class="likeIcon float-right"> 38194 <a href="#" data-toggle="modal" data-target="#login-modal"> 38195 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38196 </a> 38197 </div> 38198 </div><!--- proposal-card-caption Ends ---> 38199 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38200 <div class="proposal-fav"> 38201 38202 38203 38204 38205 </div> 38206 <div class="proposal-price"> 38207 <a> 38208 <small>STARTING AT</small>₹117.00 </a> 38209 </div> 38210 </footer><!--- proposal-card-footer Ends ---> 38211</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38212 </div> 38213 38214 <div class="control-of"> 38215 <div class="brick"> 38216 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38217 <div class="favoriteIcon"> 38218 <a href="#" data-toggle="modal" data-target="#login-modal"> 38219 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38220 </a> 38221 </div> 38222 <div class="imgsm_cont"> 38223 <a class="imgsm" href="https://www.hobbylancer.com/proposals/rinu-rakhi-/handicrafts-by-rinu-rakhi"> 38224 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b1327195-426b-488e-8319-3c414c6a065b (1)_1611414432.webp" class="img-fluid lazy"> 38225 </a> 38226 <div class="extra-images justify-content-end"> 38227 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7abb0b79-a810-409d-8930-06774705cb9c_1611414515.webp" class="lazy" alt=""> 38228 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/104988d8-d65d-4e6b-9f44-b19a23c1735f_1611414655.webp" class="lazy" alt=""> 38229 </div> 38230 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38231 <span class="fit-avatar s24"> 38232 <img src="" data-src="https://www.hobbylancer.com//user_images/116321174775095243074.jpg" class="rounded-circle lazy" width="32" height="32"> 38233 </span> 38234 <div class="seller-info-wrapper"> 38235 <a href="https://www.hobbylancer.com/rinu-rakhi-" class="seller-name">Rinu R.</a> 38236 <div class="gig-seller-tooltip"> 38237 Fresh Hobbyist </div> 38238 </div> 38239 38240 38241 </div><!--- gig-seller-info Ends ---> 38242 38243</div> 38244 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38245 38246 <a href="https://www.hobbylancer.com/proposals/rinu-rakhi-/handicrafts-by-rinu-rakhi" class="proposal-link-main js-proposal-card-imp-data"> 38247 <h3>HANDICRAFTS BY RINU RAKHI</h3> 38248 </a> 38249 <div class="rating-badges-container"> 38250 <span class="proposal-rating"> 38251 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38252 <span> 38253 <strong>0.0</strong> (0) 38254 </span> 38255 </span> 38256 </div> 38257 <div class="likeIcon float-right"> 38258 <a href="#" data-toggle="modal" data-target="#login-modal"> 38259 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38260 </a> 38261 </div> 38262 </div><!--- proposal-card-caption Ends ---> 38263 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38264 <div class="proposal-fav"> 38265 38266 38267 38268 38269 </div> 38270 <div class="proposal-price"> 38271 <a> 38272 <small>STARTING AT</small>₹120.00 </a> 38273 </div> 38274 </footer><!--- proposal-card-footer Ends ---> 38275</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38276 </div> 38277 38278 <div class="control-of"> 38279 <div class="brick"> 38280 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38281 <div class="favoriteIcon"> 38282 <a href="#" data-toggle="modal" data-target="#login-modal"> 38283 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38284 </a> 38285 </div> 38286 <div class="imgsm_cont"> 38287 <a class="imgsm" href="https://www.hobbylancer.com/proposals/mitali-marik/aador-handmade-bliss-by-mitali"> 38288 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/1344d567-1fea-44e3-8299-7e357ff2723f_1612544886.webp" class="img-fluid lazy"> 38289 </a> 38290 <div class="extra-images justify-content-end"> 38291 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/3dafc72f-c959-4835-9c95-052d729df6da_1612544902.webp" class="lazy" alt=""> 38292 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7874b721-9012-424a-82ef-ce767554c3e3_1612544920.webp" class="lazy" alt=""> 38293 </div> 38294 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38295 <span class="fit-avatar s24"> 38296 <img src="" data-src="https://www.hobbylancer.com//user_images/112268218740356472530.jpg" class="rounded-circle lazy" width="32" height="32"> 38297 </span> 38298 <div class="seller-info-wrapper"> 38299 <a href="https://www.hobbylancer.com/mitali-marik" class="seller-name">Mitali M.</a> 38300 <div class="gig-seller-tooltip"> 38301 Fresh Hobbyist </div> 38302 </div> 38303 38304 38305 </div><!--- gig-seller-info Ends ---> 38306 38307</div> 38308 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38309 38310 <a href="https://www.hobbylancer.com/proposals/mitali-marik/aador-handmade-bliss-by-mitali" class="proposal-link-main js-proposal-card-imp-data"> 38311 <h3>AADOR- handmade bliss by MITALI</h3>
38312 </a> 38313 <div class="rating-badges-container"> 38314 <span class="proposal-rating"> 38315 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38316 <span> 38317 <strong>0.0</strong> (0) 38318 </span> 38319 </span> 38320 </div> 38321 <div class="likeIcon float-right"> 38322 <a href="#" data-toggle="modal" data-target="#login-modal"> 38323 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38324 </a> 38325 </div> 38326 </div><!--- proposal-card-caption Ends ---> 38327 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38328 <div class="proposal-fav"> 38329 38330 38331 38332 38333 </div> 38334 <div class="proposal-price"> 38335 <a> 38336 <small>STARTING AT</small>₹100.00 </a> 38337 </div> 38338 </footer><!--- proposal-card-footer Ends ---> 38339</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38340 </div> 38341 38342 <div class="control-of"> 38343 <div class="brick"> 38344 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38345 <div class="favoriteIcon"> 38346 <a href="#" data-toggle="modal" data-target="#login-modal"> 38347 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38348 </a> 38349 </div> 38350 <div class="imgsm_cont"> 38351 <a class="imgsm" href="https://www.hobbylancer.com/proposals/tanmoy-adhikari/scripted-lavender-scented-pillar-candle-4x3-inch"> 38352 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc1_1614355130.webp" class="img-fluid lazy"> 38353 </a> 38354 <div class="extra-images justify-content-end"> 38355 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc2_1614355173.webp" class="lazy" alt=""> 38356 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc3_1614355219.webp" class="lazy" alt=""> 38357 </div> 38358 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38359 <span class="fit-avatar s24"> 38360 <img src="" data-src="https://www.hobbylancer.com//user_images/IMG20190912111436_1614349251.png" class="rounded-circle lazy" width="32" height="32"> 38361 </span> 38362 <div class="seller-info-wrapper"> 38363 <a href="https://www.hobbylancer.com/tanmoy-adhikari" class="seller-name">Tanmoy A.</a> 38364 <div class="gig-seller-tooltip"> 38365 Fresh Hobbyist </div> 38366 </div> 38367 38368 38369 </div><!--- gig-seller-info Ends ---> 38370 38371</div> 38372 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38373 38374 <a href="https://www.hobbylancer.com/proposals/tanmoy-adhikari/scripted-lavender-scented-pillar-candle-4x3-inch" class="proposal-link-main js-proposal-card-imp-data"> 38375 <h3>Scripted Lavender Scented Pillar Candle 4X3 inch</h3>
38376 </a> 38377 <div class="rating-badges-container"> 38378 <span class="proposal-rating"> 38379 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38380 <span> 38381 <strong>0.0</strong> (0) 38382 </span> 38383 </span> 38384 </div> 38385 <div class="likeIcon float-right"> 38386 <a href="#" data-toggle="modal" data-target="#login-modal"> 38387 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38388 </a> 38389 </div> 38390 </div><!--- proposal-card-caption Ends ---> 38391 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38392 <div class="proposal-fav"> 38393 38394 38395 38396 38397 </div> 38398 <div class="proposal-price"> 38399 <a> 38400 <small>STARTING AT</small>₹200.00 </a> 38401 </div> 38402 </footer><!--- proposal-card-footer Ends ---> 38403</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38404 </div> 38405 38406 <div class="control-of"> 38407 <div class="brick"> 38408 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38409 <div class="favoriteIcon"> 38410 <a href="#" data-toggle="modal" data-target="#login-modal"> 38411 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38412 </a> 38413 </div> 38414 <div class="imgsm_cont"> 38415 <a class="imgsm" href="https://www.hobbylancer.com/proposals/nilanjan-mukherjee-/krazy-imotions"> 38416 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/88b329d1-40e4-4c1b-adc9-f915771004e0_1613019016.webp" class="img-fluid lazy"> 38417 </a> 38418 <div class="extra-images justify-content-end"> 38419 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/20ab4369-8d42-41ad-a11c-f9052c54c2bb_1613019045.webp" class="lazy" alt=""> 38420 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/65533f0e-b6a2-4c96-af34-3c47feca8e97_1613019077.webp" class="lazy" alt=""> 38421 </div> 38422 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38423 <span class="fit-avatar s24"> 38424 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38425 </span> 38426 <div class="seller-info-wrapper"> 38427 <a href="https://www.hobbylancer.com/nilanjan-mukherjee-" class="seller-name">Nilanjan M.</a> 38428 <div class="gig-seller-tooltip"> 38429 Fresh Hobbyist </div> 38430 </div> 38431 38432 38433 </div><!--- gig-seller-info Ends ---> 38434 38435</div> 38436 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38437 38438 <a href="https://www.hobbylancer.com/proposals/nilanjan-mukherjee-/krazy-imotions" class="proposal-link-main js-proposal-card-imp-data"> 38439 <h3>KRAZY IMOTIONS</h3> 38440 </a> 38441 <div class="rating-badges-container"> 38442 <span class="proposal-rating"> 38443 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38444 <span> 38445 <strong>0.0</strong> (0) 38446 </span> 38447 </span> 38448 </div> 38449 <div class="likeIcon float-right"> 38450 <a href="#" data-toggle="modal" data-target="#login-modal"> 38451 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38452 </a> 38453 </div> 38454 </div><!--- proposal-card-caption Ends ---> 38455 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38456 <div class="proposal-fav"> 38457 38458 38459 38460 38461 </div> 38462 <div class="proposal-price"> 38463 <a> 38464 <small>STARTING AT</small>₹90.00 </a> 38465 </div> 38466 </footer><!--- proposal-card-footer Ends ---> 38467</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38468 </div> 38469 38470 <div class="control-of"> 38471 <div class="brick"> 38472 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38473 <div class="favoriteIcon"> 38474 <a href="#" data-toggle="modal" data-target="#login-modal"> 38475 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38476 </a> 38477 </div> 38478 <div class="imgsm_cont"> 38479 <a class="imgsm" href="https://www.hobbylancer.com/proposals/gairika-mitra/hand-made-jewellery-2">
38480 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/cba46a26-a881-4cb2-b830-04545a0df588_1597565297.webp" class="img-fluid lazy"> 38481 </a> 38482 <div class="extra-images justify-content-end"> 38483 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/bec2f31a-7edb-4800-be7b-e11e641f5a3f_1597565303.webp" class="lazy" alt=""> 38484 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0a99a919-9afb-44f0-93a6-af054db22cb1_1597565309.webp" class="lazy" alt=""> 38485 </div> 38486 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38487 <span class="fit-avatar s24"> 38488 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38489 </span> 38490 <div class="seller-info-wrapper"> 38491 <a href="https://www.hobbylancer.com/gairika-mitra" class="seller-name">Gairika M.</a> 38492 <div class="gig-seller-tooltip"> 38493 Fresh Hobbyist </div> 38494 </div> 38495 38496 38497 </div><!--- gig-seller-info Ends ---> 38498 38499</div> 38500 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38501 38502 <a href="https://www.hobbylancer.com/proposals/gairika-mitra/hand-made-jewellery-2" class="proposal-link-main js-proposal-card-imp-data"> 38503 <h3>Hand Made Jewellery 2</h3> 38504 </a> 38505 <div class="rating-badges-container"> 38506 <span class="proposal-rating"> 38507 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38508 <span> 38509 <strong>0.0</strong> (0) 38510 </span> 38511 </span> 38512 </div> 38513 <div class="likeIcon float-right"> 38514 <a href="#" data-toggle="modal" data-target="#login-modal"> 38515 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38516 </a> 38517 </div> 38518 </div><!--- proposal-card-caption Ends ---> 38519 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38520 <div class="proposal-fav"> 38521 38522 38523 38524 38525 </div> 38526 <div class="proposal-price"> 38527 <a> 38528 <small>STARTING AT</small>₹200.00 </a> 38529 </div> 38530 </footer><!--- proposal-card-footer Ends ---> 38531</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38532 </div> 38533 38534 <div class="control-of"> 38535 <div class="brick"> 38536 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38537 <div class="favoriteIcon"> 38538 <a href="#" data-toggle="modal" data-target="#login-modal"> 38539 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38540 </a> 38541 </div> 38542 <div class="imgsm_cont"> 38543 <a class="imgsm" href="https://www.hobbylancer.com/proposals/sudipta-bapari/jwellery-by-sudipta"> 38544 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0c9ef311-a317-4b54-9575-7c8a6051f4ab_1615721287.webp" class="img-fluid lazy"> 38545 </a> 38546 <div class="extra-images justify-content-end"> 38547 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c90aa24b-f8db-488b-9444-0dd17d93c0e2_1615721305.webp" class="lazy" alt=""> 38548 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/49fa3873-7571-4808-803c-45d6eb6716b8_1615721323.webp" class="lazy" alt=""> 38549 </div> 38550 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38551 <span class="fit-avatar s24"> 38552 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38553 </span> 38554 <div class="seller-info-wrapper"> 38555 <a href="https://www.hobbylancer.com/sudipta-bapari" class="seller-name">Rituparna B.</a> 38556 <div class="gig-seller-tooltip"> 38557 Fresh Hobbyist </div> 38558 </div> 38559 38560 38561 </div><!--- gig-seller-info Ends ---> 38562 38563</div> 38564 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38565 38566 <a href="https://www.hobbylancer.com/proposals/sudipta-bapari/jwellery-by-sudipta" class="proposal-link-main js-proposal-card-imp-data"> 38567 <h3>JWELLERY BY SUDIPTA</h3>
38568 </a> 38569 <div class="rating-badges-container"> 38570 <span class="proposal-rating"> 38571 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38572 <span> 38573 <strong>0.0</strong> (0) 38574 </span> 38575 </span> 38576 </div> 38577 <div class="likeIcon float-right"> 38578 <a href="#" data-toggle="modal" data-target="#login-modal"> 38579 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38580 </a> 38581 </div> 38582 </div><!--- proposal-card-caption Ends ---> 38583 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38584 <div class="proposal-fav"> 38585 38586 38587 38588 38589 </div> 38590 <div class="proposal-price"> 38591 <a> 38592 <small>STARTING AT</small>₹100.00 </a> 38593 </div> 38594 </footer><!--- proposal-card-footer Ends ---> 38595</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38596 </div> 38597 38598 <div class="control-of"> 38599 <div class="brick"> 38600 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38601 <div class="favoriteIcon"> 38602 <a href="#" data-toggle="modal" data-target="#login-modal"> 38603 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38604 </a> 38605 </div> 38606 <div class="imgsm_cont"> 38607 <a class="imgsm" href="https://www.hobbylancer.com/proposals/sun-creativess/sun-creativess"> 38608 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/6840d22c-1b17-4def-9bb2-8ebd12a714b8_1611834734.webp" class="img-fluid lazy"> 38609 </a> 38610 <div class="extra-images justify-content-end"> 38611 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/502ba1c9-3249-495f-ab78-b88e52219b85_1611834761.webp" class="lazy" alt=""> 38612 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/157a1bdb-0a6c-4357-ba44-ceebd71187d5_1611834789.webp" class="lazy" alt=""> 38613 </div> 38614 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38615 <span class="fit-avatar s24"> 38616 <img src="" data-src="https://www.hobbylancer.com//user_images/115595254631213685620.jpg" class="rounded-circle lazy" width="32" height="32"> 38617 </span> 38618 <div class="seller-info-wrapper"> 38619 <a href="https://www.hobbylancer.com/sun-creativess" class="seller-name">Sun_ C.</a> 38620 <div class="gig-seller-tooltip"> 38621 Fresh Hobbyist </div> 38622 </div> 38623 38624 38625 </div><!--- gig-seller-info Ends ---> 38626 38627</div> 38628 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38629 38630 <a href="https://www.hobbylancer.com/proposals/sun-creativess/sun-creativess" class="proposal-link-main js-proposal-card-imp-data"> 38631 <h3>SUN-CREATIVESS</h3> 38632 </a> 38633 <div class="rating-badges-container"> 38634 <span class="proposal-rating"> 38635 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38636 <span> 38637 <strong>0.0</strong> (0) 38638 </span> 38639 </span> 38640 </div> 38641 <div class="likeIcon float-right"> 38642 <a href="#" data-toggle="modal" data-target="#login-modal"> 38643 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38644 </a> 38645 </div> 38646 </div><!--- proposal-card-caption Ends ---> 38647 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38648 <div class="proposal-fav"> 38649 38650 38651 38652 38653 </div> 38654 <div class="proposal-price"> 38655 <a> 38656 <small>STARTING AT</small>₹2,500.00 </a> 38657 </div> 38658 </footer><!--- proposal-card-footer Ends ---> 38659</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38660 </div> 38661 38662 <div class="control-of"> 38663 <div class="brick"> 38664 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38665 <div class="favoriteIcon"> 38666 <a href="#" data-toggle="modal" data-target="#login-modal"> 38667 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38668 </a> 38669 </div> 38670 <div class="imgsm_cont"> 38671 <a class="imgsm" href="https://www.hobbylancer.com/proposals/ira-das/hand-made-jewellery"> 38672 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0a3627bf-6486-479d-b46e-b0fef0a9afb0_1597491273.webp" class="img-fluid lazy"> 38673 </a> 38674 <div class="extra-images justify-content-end"> 38675 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/3b55e6c2-2c0e-4f4f-82c0-981e4de1d6ae_1597491294.webp" class="lazy" alt=""> 38676 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/59af7db3-a5d2-4ae5-b07a-0e72066fc9bb_1597491315.webp" class="lazy" alt=""> 38677 </div> 38678 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38679 <span class="fit-avatar s24"> 38680 <img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32"> 38681 </span> 38682 <div class="seller-info-wrapper"> 38683 <a href="https://www.hobbylancer.com/ira-das" class="seller-name">Ira D.</a> 38684 <div class="gig-seller-tooltip"> 38685 Fresh Hobbyist </div> 38686 </div> 38687 38688 38689 </div><!--- gig-seller-info Ends ---> 38690 38691</div> 38692 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38693 38694 <a href="https://www.hobbylancer.com/proposals/ira-das/hand-made-jewellery" class="proposal-link-main js-proposal-card-imp-data"> 38695 <h3>Hand Made Jewellery</h3>
38696 </a> 38697 <div class="rating-badges-container"> 38698 <span class="proposal-rating"> 38699 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38700 <span> 38701 <strong>0.0</strong> (0) 38702 </span> 38703 </span> 38704 </div> 38705 <div class="likeIcon float-right"> 38706 <a href="#" data-toggle="modal" data-target="#login-modal"> 38707 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span> 38708 </a> 38709 </div> 38710 </div><!--- proposal-card-caption Ends ---> 38711 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38712 <div class="proposal-fav"> 38713 38714 38715 38716 38717 </div> 38718 <div class="proposal-price"> 38719 <a> 38720 <small>STARTING AT</small>₹160.00 </a> 38721 </div> 38722 </footer><!--- proposal-card-footer Ends ---> 38723</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38724 </div> 38725 38726 <div class="control-of"> 38727 <div class="brick"> 38728 <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts ---> 38729 <div class="favoriteIcon"> 38730 <a href="#" data-toggle="modal" data-target="#login-modal"> 38731 <i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i> 38732 </a> 38733 </div> 38734 <div class="imgsm_cont"> 38735 <a class="imgsm" href="https://www.hobbylancer.com/proposals/manisha-hazra-samanta/ear-rings-by-manisha"> 38736 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/240e0880-aeac-4aaa-9247-2fb91d12bf29_1612198147.webp" class="img-fluid lazy"> 38737 </a> 38738 <div class="extra-images justify-content-end"> 38739 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b1e54786-c1f4-4e7b-9b85-fa5e318d1c1e_1612198162.webp" class="lazy" alt=""> 38740 <img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/ceb5da96-5e68-4de1-96e1-237509cf593b_1612198175.webp" class="lazy" alt=""> 38741 </div> 38742 <div class="proposal-seller-info"><!--- gig-seller-info Starts ---> 38743 <span class="fit-avatar s24"> 38744 <img src="" data-src="https://www.hobbylancer.com//user_images/110084528521285639275.jpg" class="rounded-circle lazy" width="32" height="32"> 38745 </span> 38746 <div class="seller-info-wrapper"> 38747 <a href="https://www.hobbylancer.com/manisha-hazra-samanta" class="seller-name">Manisha H.</a> 38748 <div class="gig-seller-tooltip"> 38749 Fresh Hobbyist </div> 38750 </div> 38751 38752 38753 </div><!--- gig-seller-info Ends ---> 38754 38755</div> 38756 <div class="proposal-card-caption"><!--- proposal-card-caption Starts ---> 38757 38758 <a href="https://www.hobbylancer.com/proposals/manisha-hazra-samanta/ear-rings-by-manisha" class="proposal-link-main js-proposal-card-imp-data"> 38759 <h3>EAR-RINGS BY MANISHA</h3> 38760 </a> 38761 <div class="rating-badges-container"> 38762 <span class="proposal-rating"> 38763 <svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg> 38764 <span> 38765 <strong>0.0</strong> (0) 38766 </span> 38767 </span> 38768 </div> 38769 <div class="likeIcon float-right"> 38770 <a href="#" data-toggle="modal" data-target="#login-modal"> 38771 <i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span> 38772 </a> 38773 </div> 38774 </div><!--- proposal-card-caption Ends ---> 38775 <footer class="proposal-card-footer"><!--- proposal-card-footer Starts ---> 38776 <div class="proposal-fav"> 38777 38778 38779 38780 38781 </div> 38782 <div class="proposal-price"> 38783 <a> 38784 <small>STARTING AT</small>₹120.00 </a> 38785 </div> 38786 </footer><!--- proposal-card-footer Ends ---> 38787</div><!--- proposal-card-base mp-proposal-card Ends ---> </div> 38788 </div> 38789 38790</div> 38791 38792 38793 38794 38795 38796 38797 38798 38799 38800 38801 38802 38803 38804 38805 38806 38807 38808 38809 38810 38811 38812 38813 38814 38815 38816 38817 38818 38819 38820 38821 38822 </div>
38823 <span class="view_more"><a href="featured_proposals"><button class="btn btn-success">View More</button></a></span> 38824 38825 <!--- row Ends --> 38826 </div><!--- home-featured-carousel Ends ---> 38827 </div> 38828 </div> 38829 </div> 38830</section> 38831 38832<!-- end top masterpieces --> 38833 38834<!-- start top request --> 38835<!-- end top request --> 38836<!-- start market --> 38837<section class="market"> 38838<div class="container" style="max-width: 1360px !important;"> 38839 <div class="row"> 38840 <div class="col-md-12 nopadding"><a id="explore"/> 38841 <h2>Explore the Marketplace</h2> 38842 <h4 class="home_subhead">Get inspired to build your business</h4> 38843 <div class="row space20 marketplaceouter_cont"> 38844 <div class="col-md-2 col-6 marketplaceInner"> 38845 <a href="categories/arts-and-crafts"> 38846 <div class="grn_box"> 38847 <img data-src="https://www.hobbylancer.com//cat_images/copy.webp" src="" class="mx-auto d-block lazy"> 38848 <span> 38849 <p>Arts & Crafts</p> 38850 </span> 38851 </div> 38852 </a> 38853 </div> 38854 <div class="col-md-2 col-6 marketplaceInner"> 38855 <a href="categories/collections"> 38856 <div class="grn_box"> 38857 <img data-src="https://www.hobbylancer.com//cat_images/cc.webp" src="" class="mx-auto d-block lazy"> 38858 <span> 38859 <p>Collections</p> 38860 </span> 38861 </div> 38862 </a> 38863 </div> 38864 <div class="col-md-2 col-6 marketplaceInner"> 38865 <a href="categories/food-and-drinks"> 38866 <div class="grn_box"> 38867 <img data-src="https://www.hobbylancer.com//cat_images/f&d.webp" src="" class="mx-auto d-block lazy"> 38868 <span> 38869 <p>Food & Drinks</p> 38870 </span> 38871 </div> 38872 </a> 38873 </div> 38874 <div class="col-md-2 col-6 marketplaceInner"> 38875 <a href="categories/music-and-performing-arts"> 38876 <div class="grn_box"> 38877 <img data-src="https://www.hobbylancer.com//cat_images/m&pa.webp" src="" class="mx-auto d-block lazy"> 38878 <span> 38879 <p>Music & Performing Arts</p> 38880 </span> 38881 </div> 38882 </a> 38883 </div> 38884 <div class="col-md-2 col-6 marketplaceInner"> 38885 <a href="categories/travel"> 38886 <div class="grn_box"> 38887 <img data-src="https://www.hobbylancer.com//cat_images/jcopy.webp" src="" class="mx-auto d-block lazy" /> 38888 <span> 38889 <p>Travel</p> 38890 </span> 38891 </div> 38892 </a> 38893 </div> 38894 <div class="col-md-2 col-6 marketplaceInner"> 38895 <a href="categories/adventures"> 38896 <div class="grn_box"> 38897 <img data-src="https://www.hobbylancer.com//cat_images/ad.webp" src="" class="mx-auto d-block lazy" /> 38898 <span> 38899 <p>Adventures</p> 38900 </span> 38901 </div> 38902 </a> 38903 </div> 38904 <div class="col-md-2 col-6 marketplaceInner"> 38905 <a href="categories/indoor-games"> 38906 <div class="grn_box"> 38907 <img data-src="https://www.hobbylancer.com//cat_images/board-game-copy.webp" src="" class="mx-auto d-block lazy" /> 38908 <span> 38909 <p>Indoor Games</p> 38910 </span> 38911 </div> 38912 </a> 38913 </div> 38914 <div class="col-md-2 col-6 marketplaceInner"> 38915 <a href="categories/sports-and-fitness"> 38916 <div class="grn_box"> 38917 <img data-src="https://www.hobbylancer.com//cat_images/child-copy.webp" src="" class="mx-auto d-block lazy" /> 38918 <span> 38919 <p>Sports & Fitness</p> 38920 </span> 38921 </div> 38922 </a> 38923 </div> 38924 <div class="col-md-2 col-6 marketplaceInner"> 38925 <a href="categories/fashion"> 38926 <div class="grn_box"> 38927 <img data-src="https://www.hobbylancer.com//cat_images/beauty.webp" src="" class="mx-auto d-block lazy" />
38928 <span> 38929 <p>Fashion</p> 38930 </span> 38931 </div> 38932 </a> 38933 </div> 38934 <div class="col-md-2 col-6 marketplaceInner"> 38935 <a href="categories/writing"> 38936 <div class="grn_box"> 38937 <img data-src="https://www.hobbylancer.com//cat_images/adult-copy.webp" src="" class="mx-auto d-block lazy" /> 38938 <span> 38939 <p>Writing</p> 38940 </span> 38941 </div> 38942 </a> 38943 </div> 38944 <div class="col-md-2 col-6 marketplaceInner"> 38945 <a href="categories/pets"> 38946 <div class="grn_box"> 38947 <img data-src="https://www.hobbylancer.com//cat_images/pet.webp" src="" class="mx-auto d-block lazy" /> 38948 <span> 38949 <p>Pets</p> 38950 </span> 38951 </div> 38952 </a> 38953 </div> 38954 <div class="col-md-2 col-6 marketplaceInner"> 38955 <a href="categories/others"> 38956 <div class="grn_box"> 38957 <img data-src="https://www.hobbylancer.com//cat_images/artificial-intelligence-copy.webp" src="" class="mx-auto d-block lazy" /> 38958 <span> 38959 <p>Others</p> 38960 </span> 38961 </div> 38962 </a> 38963 </div> 38964 </div> 38965 </div> 38966 </div> 38967</div> 38968<!-- <div class="jbvkdsbvdskj" style="position: fixed; background: red; left: 0;right: 0;top: 0;width: 100%; left:0; height: 100%"> --> 38969 38970</div> 38971<!-- <div class="filter_wrapper"> 38972 <div class="container"> 38973 <h2 class="filter_span">Select Your Hobbies.</h2> 38974 <div class="filter_result_cont_outer"> 38975 <input id="input_filter" type="text" placeholder="Search Here... (Ex: painting)" class="input_filter"> 38976 <div class="chips_cont"> 38977 38978 </div> 38979 <span id="filter_cont" class="filter_cont"> 38980 <div class="filter_result_cont"> 38981 <div class="filter_result" id="">Arts Crafts</div> 38982 <div class="filter_result" id="">Collections</div> 38983 <div class="filter_result" id="">Food Drinks</div> 38984 38985 <div class="filter_result" id="">Performing Arts</div> 38986 <div class="filter_result" id="">Others</div> 38987 <div class="filter_result" id="">Travel</div> 38988 38989 38990 <div class="filter_result" id="">Adventure Activities</div> 38991 <div class="filter_result" id="">Antiques</div> 38992 <div class="filter_result" id="">Astrology</div> 38993 38994 38995 <div class="filter_result" id="">Autographs</div> 38996 <div class="filter_result" id="">Ball Sports</div> 38997 <div class="filter_result" id="">Birds</div> 38998 <div class="filter_result" id="">painting</div> 38999 </div> 39000 </span> 39001 </div> 39002 <button class="submit_hobbies" id="submit_hobbies">UPDATE</button> 39003 39004 39005 <div class="row redirect_cont not_check_out_cont"> 39006 <div class="col-md-4 inner_redirect_cont"> 39007 <h3> 39008 I JUST WANT TO <br> 39009 MAKE MONEY. 39010 </h3> 39011 <p> 39012 Lorem ipsum is placeholder text 39013 commonly used in the.graphic. 39014 </p> 39015 <button>Continue</button> 39016 </div> 39017 <div class="col-md-4 inner_redirect_cont"> 39018 <h3> 39019 I JUST WANT TO <br> 39020 MAKE MONEY. 39021 </h3> 39022 <p> 39023 Lorem ipsum is placeholder text 39024 commonly used in the.graphic. 39025 </p> 39026 <button>Continue</button> 39027 </div> 39028 <div class="col-md-4 inner_redirect_cont"> 39029 <h3> 39030 I JUST WANT TO <br> 39031 MAKE MONEY. 39032 </h3> 39033 <p> 39034 Lorem ipsum is placeholder text 39035 commonly used in the.graphic. 39036 </p> 39037 <button>Continue</button> 39038 </div> 39039 <div class="or"><span>OR</span></div> 39040 </div> 39041 39042 <div class="row redirect_cont check_out_cont"> 39043 <h2> 39044 I JUST WANT TO EXPLORE <br> 39045 FOR NOW 39046 </h2> 39047 <p>Lorem ipsum is placeholder text 39048 commonly used in the.graphic.</p> 39049 39050 <button> Explore For Now </button> 39051 </div> 39052 </div> 39053</div> --> 39054</section> 39055<!-- end market --> 39056<!-- start timer --> 39057<!-- end timer --> 39058<style> 39059button.custom-arrow { 39060 background: #2ca35b; 39061 width: 32px; 39062 height: 32px; 39063 border-radius: 100px; 39064 border: 1px solid #8d8d8d; 39065 color: #fff !important; 39066} 39067button.custom-arrow::before { 39068 content: ''; 39069 position: static; 39070} 39071 39072button.custom-arrow>i { 39073 font-size: 16px; 39074} 39075.mobile_off_slides { 39076 width: 100% !important; 39077} 39078.masonry { 39079 column-count: 1; 39080} 39081@media only screen and (min-width: 1024px) { 39082.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 39083 /* display: none!important; */ 39084 width: 100%; 39085 padding: 15px 20px; 39086 margin: unset !important; /* float: unset; */ 39087 display: unset !important; 39088 float: left !important; 39089} 39090 39091 } 39092@media only screen and (max-width: 763px) and (min-width: 300px) { 39093 .masonry.bordered.five_grid { 39094 column-count: 1; 39095 } 39096.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 39097 /* display: none!important; */ 39098 width: 100%; 39099 padding: 15px 20px; 39100 margin: unset !important; /* float: unset; */ 39101 display: unset !important; 39102 float: left !important; 39103} 39104 39105.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 39106 /* display: none!important; */ 39107 width: 100%; 39108 padding: 15px 20px; 39109 margin: unset !important; /* float: unset; */ 39110 display: unset !important; 39111 float: left !important; 39112} 39113 39114.proposal-card-base.mp-proposal-card{ 39115width:92%; 39116} 39117button.custom-arrow { 39118 background: #2ca35b; 39119 width: 26px;
39120 height: 26px; 39121} 39122button.slick-next.custom-arrow { 39123 right: -9px; 39124} 39125 39126button.slick-prev.custom-arrow { 39127 left: -12px; 39128} 39129button.custom-arrow::before { 39130 content: ''; 39131 position: static; 39132} 39133 39134button.custom-arrow>i { 39135 font-size: 14px; 39136} 39137 39138 .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick { 39139 /* display: none!important; */ 39140 width: 95.5%; 39141 margin: .05em; 39142 padding: 15px 0px; 39143 display: inline-block; 39144 } 39145.text-center.text-sm-left{ 39146text-align:left !important; 39147} 39148span.proposal-link-main.js-proposal-card-imp-data { 39149 display: flex; 39150 gap: 10px; 39151} 39152 39153#massonry_border .proposal-card-base .proposal-link-main h3 { 39154 width: 90%; 39155} 39156 39157.portfolio_img_wrapper>a>img { 39158 height: 100%; 39159 width: 100%; 39160} 39161.portfolio_img_wrapper { 39162 height:140px 39163} 39164button.slick-next.custom-arrow,button.slick-prev.custom-arrow.slick-arrow{ 39165z-index:999 !important; 39166} 39167.portfolio_img_wrapper>a { 39168 text-align: center; 39169} 39170} 39171 39172 39173</style> 39174 39175 39176 39177
39178<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js"></script>
39178 39179
39180<script src="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.min.js"></script>
39180 39181
39182<script> 39183$(".slick-slider").slick({ 39184 slidesToShow: 4, 39185 infinite: true, 39186 slidesToScroll: 1, 39187 autoplay: true, 39188 autoplaySpeed: 2000, 39189dots:true, 39190 arrows: true, 39191 prevArrow: '<button class="slick-prev custom-arrow"><i class="fa-solid fa-angle-left"></i></button>', 39192nextArrow: '<button class="slick-next custom-arrow"><i class="fa-solid fa-angle-right"></i></button>', 39193 responsive: [ 39194 { 39195 breakpoint: 1024, 39196 settings: { 39197 slidesToShow: 2 39198 } 39199 }, 39200 { 39201 breakpoint: 768, 39202 settings: { 39203 slidesToShow: 2 39204 } 39205 } 39206 ] 39207}); 39208 39209function mobileOnlySlider() { 39210 if ($(window).width() <= 768) { 39211 if (!$(".mobile_off_slides").hasClass("slick-initialized")) { 39212 $(".mobile_off_slides").slick({ 39213 slidesToShow: 2, 39214 slidesToScroll: 1, 39215 infinite: true, 39216 autoplay: true, 39217 autoplaySpeed: 2000, 39218 dots: false, 39219 arrows: true, 39220 prevArrow: 39221 '<button class="slick-prev custom-arrow"><i class="fa-solid fa-angle-left"></i></button>', 39222 nextArrow: 39223 '<button class="slick-next custom-arrow"><i class="fa-solid fa-angle-right"></i></button>', 39224 }); 39225 } 39226 } else { 39227 if ($(".mobile_off_slides").hasClass("slick-initialized")) { 39228 $(".mobile_off_slides").slick("unslick"); 39229 } 39230 } 39231} 39232 39233$(document).ready(function () { 39234 mobileOnlySlider(); 39235}); 39236 39237$(window).on("resize", function () { 39238 mobileOnlySlider(); 39239}); 39240 39241 39242$(document).ready(function(){ 39243 39244 39245 var slider = $('#demo1').carousel({ 39246 interval: 4000 39247 }); 39248 39249 $("#demo1").swipe({ 39250 39251 swipe: function(event, direction, distance, duration, fingerCount, fingerData) { 39252 39253 if (direction == 'left') $(this).carousel('next'); 39254 if (direction == 'right') $(this).carousel('prev'); 39255 39256 }, 39257 allowPageScroll:"vertical" 39258 39259}); 39260 39261 var active = $(".carousel-item.active").find("video"); 39262 var active_length = active.length; 39263 39264 if(active_length == 1){ 39265 slider.carousel('pause'); 39266 console.log('paused'); 39267 $(".carousel-indicators").css({"bottom": "90px"}); 39268 } 39269 39270 $("#demo1").on('slide.bs.carousel', function(event){ 39271 var eq = event.to; 39272 // console.log(event.from); 39273 // console.log(event.to); 39274 var video = $(event.relatedTarget).find("video"); 39275 if(video.length == 1){ 39276 slider.carousel('pause'); 39277 console.log('paused'); 39278 $(".carousel-indicators").css({"bottom": "90px"}); 39279 video.trigger('play'); 39280 }else{ 39281 $(".carousel-indicators").css({"bottom": "20px"}); 39282 } 39283 }); 39284 39285 $('video').on('ended',function(){ 39286 slider.carousel({'pause': false}); 39287 console.log('started'); 39288 }); 39289 // if($(window).width() < 368) { 39290 // alert("368") 39291 // $( "#masterpieses .proposal-link-main h3" ).each(function( index ) { 39292 // //console.log( index ) 39293 // modal_desc = $(this).text(); 39294 // console.log( modal_desc ) 39295 // if(modal_desc.length > 14){ 39296 // var desc_limit =$(this).text().substring(0, 24); 39297 // $(this).text(desc_limit+ '...' ) 39298 // } 39299 // }); 39300 // } 39301 // if($(window).width() < 471) { 39302 // alert("471") 39303 // $( "#masterpieses .brick .proposal-card-base .proposal-link-main h3" ).each(function( index ) { 39304 // //console.log( index ) 39305 // modal_desc = $(this).text(); 39306 // console.log( "unsubsstring =>" + modal_desc ) 39307 // if(modal_desc.length > 20){ 39308 // var desc_limit =$(this).text().substring(0, 20); 39309 // console.log("subsstring =>" + desc_limit ) 39310 // $(this).text(desc_limit+ '...' ) 39311 // } 39312 // }); 39313 // } 39314}); 39315 39316$(document).ready(function(){ 39317 39318 39319 $(".filter_result").each(function(index ){ 39320 //console.log( index ) 39321 $(this).attr("id", "filter_res"+index ) 39322 }); 39323 39324 39325 if ($('#filter_cont .filter_result').length > 5) { 39326 //$('#filter_cont .filter_result').slice(5).addClass("filter_result_hide"); 39327 39328 $("#input_filter").on("keyup", function() { 39329 var value = $(this).val().toLowerCase(); 39330 $("#filter_cont div").filter(function() { 39331 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) 39332 }); 39333 }); 39334 } 39335 39336 $("#input_filter").focusin(function() { 39337 $(".filter_cont").fadeIn(); 39338 $(this).val(""); 39339 39340 }); 39341 $("#input_filter").focusout(function() { 39342 $(".filter_cont").fadeOut(); 39343 39344 }); 39345 $(".filter_result").click(function() { 39346 var value = $(this).text(); 39347 var data_filter_attr = $(this).attr("id").replace("filter_res",""); 39348 //data_filter_attr; 39349 console.log("data_filter_attr "+ data_filter_attr) 39350 $(".chips_cont").append('<div class="Chips" id="chips'+data_filter_attr+'">' +value+'<span class="closeChips">Ã</span><span class="inner_span_chips"><img class="inner_span_image" src="http://dev.hobbylancer.com//images/paint-palette.svg"></span></div>'); 39351 $("#filter_res"+data_filter_attr).hide().addClass("selected") 39352 39353 $(".Chips .closeChips").click(function(){ 39354 $(this).parent(".Chips").hide(); 39355 var chipsid = $(this).parent().attr("id").replace("chips",""); 39356 $("#filter_res"+chipsid).hide().removeClass("selected").css("display","block") 39357 }); 39358 }); 39359 39360 39361 // $(".filter_result").each(function(index ){ 39362 // console.log( index ) 39363 // $(".filter_result").attr("id", index ) 39364 // }); 39365 39366}); 39367var x = 0; 39368$(window).scroll(function (){ 39369 /*if ($(window).scrollTop() > 500) { // for meter 39370 //console.log("crossed") 39371 $(".filter_wrapper").addClass("active"); 39372 } 39373 else { 39374 //console.log(" not crossed"); 39375 $(".filter_wrapper").removeClass("active"); 39376 }*/ 39377}); 39378 39379</script>
39379 39380 39381
39382<script type="text/javascript" src='https://www.hobbylancer.com/js/slick.min.js'></script>
vendor: 1 bytes, line 39382
39382
39383<script type="text/javascript" src="https://www.hobbylancer.com/js/index.js"></script>
39383<!-- Modal --> 39384<!----------<div class="modal fade" id="hobbylancerfeature" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> 39385 <div class="modal-dialog modal-dialog-centered" role="document"> 39386 <div class="modal-content"> 39387 <div class="modal-header"> 39388 <h5 class="modal-title" id="exampleModalLongTitle">Benefits of HobbyLancer</h5> 39389 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 39390 <span aria-hidden="true">×</span> 39391 </button> 39392 </div> 39393 <div class="modal-body"> 39394 <div id="videobox"></div> 39395 <h6>Major features that makes HobbyLancer unique:</h6> 39396 <ol> 39397 <li>Create your <b>portfolio</b> and showcase to the world. (<a target="_blank" class="text-primary" href="https://youtu.be/tX0Pxmeq3gM">Click to watch how</a>)</li> 39398 <li>Create <b>proposal</b> and sale your masterpieces. (<a target="_blank" class="text-primary" href="https://youtu.be/CNHheE_QAUE">Click to watch how</a>)</li> 39399 <li><b>Learn</b> new hobbies.</li> 39400 <li>Purchase masterpieces from hobbies Commission FREE.</li> 39401 <li>Promote your channel, website and business through HobbyLancer FREE</li> 39402 <li>Search for Local Hobbyists to fit your needs for FREE</li> 39403 </ol> 39404 <h6>Coming Soon:</h6> 39405 <ol> 39406 <li>Post hobby related requirements.</li> 39407 <li>Bid on requirements and get hired.</li> 39408 <li>Create blog posts and earn.</li> 39409 </ol> 39410 <h6>Interested to Earn Money? (<a target="_blank" class="text-primary" href="https://www.hobbylancer.com/pages/how-to-win-prize-money-on-hobbylancer">Click to know how</a>)</h6> 39411 <h6>Contact <a class="text-primary" href="/customer_support">Customer Support</a> for any question.</h6> 39412 </div> 39413 </div> 39414 </div> 39415</div>---------------> 39416 39417<!-- start footer --> 39418<footer class="footer"> 39419 <div class="container"> 39420 <div class="row"> 39421 <div class="col-md-4 col-12"> 39422 <h3 data-target="#collapsecategories">Important Links</h3> 39423 <ul class="show list-unstyled" id="collapsecategories"> 39424 <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/terms_and_conditions">Terms And Conditions</a></li> 39425 <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/dos-and-donts-of-creating-portfolio">Do's and Don'ts for portfolio creation</a></li> 39426 <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/dos-and-donts-of-creating-proposal">Do's and Don'ts for proposal creation</a></li> 39427 <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/required-documents-for-seller-verification">Required documents for seller verification</a></li> 39428 </ul> 39429 </div> 39430 <div class="col-md-4 col-12"> 39431 <h3 class="h3Border" data-target="#collapseabout">Site Help</h3> 39432 <ul class="show list-unstyled" id="collapseabout"> 39433 <li class="list-unstyled-item"><a href="/customer_support"><i class="fa fa fa-life-ring"></i> Customer Support</a></li> 39434 <li class="list-unstyled-item"><a href="/knowledge_bank/"><i class="fa fa-book"></i> Knowledge Bank</a></li> 39435 <li class="list-unstyled-item"><a href="/blog/"><i class="fa fa-rss"></i> Blog</a></li> 39436 <li class="list-unstyled-item"><a href="/feedback/"><i class="fa fa fa-comments-o"></i> Feedback</a></li> 39437 </ul> 39438 </div> 39439 <div class="col-md-4 col-12"> 39440 <h3 class="h3Border" data-target="#collapsefindusOn">FIND US ON</h3> 39441 <div class="show" id="collapsefindusOn"> 39442 <ul class="list-inline social_icon"> 39443 <li class="list-inline-item"><a href="https://www.facebook.com/iamhobbylancer"><i class="fa fa-facebook"></i></a></li> 39444 <li class="list-inline-item"><a href="https://www.instagram.com/hobbylancer/"><i class="fa fa-instagram"></i></a></li> 39445 <li class="list-inline-item"><a href="https://www.youtube.com/channel/UC3Xx5AraKwT0CvdQRxkRApw"><i class="fa fa-youtube"></i></a></li> 39446 </ul> 39447 <div class="form-group mt-0"> 39448 39449 39450 39451 </div> 39452 39453 <!--- <h5>
39453Mobile Apps (Coming soon!)</h5> ---> 39454 <a href="https://play.google.com/store/apps/details?id=com.hobbylancer.hobbylancer"><img src="" data-src="https://www.hobbylancer.com/images/google.png" class="pic lazy"></a> 39455 <!--- <img src="" data-src="https://www.hobbylancer.com/images/app.png" class="pic1 lazy"> --> 39456 </div> 39457 </div> 39458 </div> 39459 </div> 39460 <br> 39461</footer> 39462<!-- end footer --> 39463<section class="post_footer"> 39464© 2022 HobbyLancer.com. All rights reserved.</section> 39465 39466<section class="clearfix cookies_footer row animated slideInLeft"> 39467 <div class="col-md-4"> 39468 <img src="https://www.hobbylancer.com/images/cookie.png" class="img-fluid" alt=""> 39469 </div> 39470 <div class="col-md-8"> 39471 <div class="float-right close btn btn-sm"><i class="fa fa-times"></i></div> 39472 <h4 class="mt-0 mt-lg-2 ">Our site uses cookies</h4> 39473 <p class="mb-1 ">We use cookies to ensure you get the best experience. By using our website you agree <br>to our <a href='https://www.hobbylancer.com/terms_and_conditions'>Privacy Policy</a>.</p> 39474 <a href="#" class="btn btn-success btn-sm">Got It.</a> 39475 </div> 39476</section> 39477<section class="messagePopup animated slideInRight"></section> 39478 39479<link rel="stylesheet" href="https://www.hobbylancer.com/styles/msdropdown.css"/> 39480<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 39480-39481
39480 39481<script async src="https://www.googletagmanager.com/gtag/js?id=
39481UA-165362650-1
vendor: 13 bytes, line 39481
39481"></script>
39482<script> 39483
vendor: 136 bytes, lines 39483-39486
39483window.dataLayer = window.dataLayer || []; 39484 function gtag(){dataLayer.push(arguments);} 39485 gtag('js', new Date()); 39486 gtag('config', '
39486UA-165362650-1
vendor: 5 bytes, line 39486
39486');
39487</script>
vendor: 2 bytes, line 39487
39487
39488<script src="https://www.hobbylancer.com/js/msdropdown.js"></script>
vendor: 2 bytes, line 39488
39488
39489<script type="text/javascript" src="https://www.hobbylancer.com/js/jquery.sticky.js"></script>
39489 39490
39491<script 39492type="text/javascript" 39493id="custom-js" 39494src="https://www.hobbylancer.com/js/customjs.js?ver=1.0.9.7" 39495data-logged-id="" 39496data-base-url="https://www.hobbylancer.com" 39497data-enable-sound="" 39498data-enable-notifications="0" 39499data-disable-messages="0" 39500> 39501</script>
39501 39502
39503<script type="text/javascript" src="https://www.hobbylancer.com/js/categoriesProposal.js"></script>
vendor: 2 bytes, line 39503
39503
39504<script type="text/javascript" src="https://www.hobbylancer.com/js/popper.min.js"></script>
vendor: 2 bytes, line 39504
39504
39505<script type="text/javascript" src="https://www.hobbylancer.com/js/owl.carousel.min.js"></script>
vendor: 2 bytes, line 39505
39505
39506<script type="text/javascript" src="https://www.hobbylancer.com/js/bootstrap.js"></script>
vendor: 2 bytes, line 39506
39506
39507<script type="text/javascript" src="https://www.hobbylancer.com/js/summernote.js"></script>
39507<div class="sm popup-support-wrap" id="support_fixed"> 39508 <button class="close_support_fixed_popup"><i class="fa fa-remove"></i></button> 39509 <div class="popup-support"> 39510 <header class="hero-container" style="background-color: rgb(29, 191, 115); color: rgb(255, 255, 255);"> 39511 <div class="hero"> 39512 <h1 class="main-title"> 39513 <a href="#" class="sm-back"><i class="pull-left fa fa-angle-left"></i></a> 39514 Knowledge Bank </h1> 39515 <a class="support-nav" href="#">Our how to guides</a> 39516 <h2 class="sub-title"></h2> 39517 <div class="search-box"> 39518 <div class="search-placeholder"> 39519 <span class="svg-icon search-magnifier"><i class="fa fa-search"></i></span> 39520 </div> 39521 <input type="text" id="sm-search" value=""> 39522 </div> 39523 </div> 39524 </header> 39525 <div class="search-results"> 39526 <div class="pull-left search-articles"> 39527 <a href="https://www.hobbylancer.com/customer_support"><button class="btn-primary pull-right">CUSTOMER SUPPORT</button></a> 39528 <h3></h3> 39529 <ul></ul> 39530 </div> 39531 <div class="pull-left search-single"> 39532 <div class="breadcrumbs"> 39533 <a href="#" class="home-link" data-id=""><i class="fa fa-home"></i> <i class="fa fa-angle-right"></i> <span class="sm-category"></span></a> 39534 </div> 39535 <div class="sm-title"></div> 39536 <div class="img imgtop"></div> 39537 <div class="sm-content"></div> 39538 <div class="img imgright"></div> 39539 <div class="img imgbottom"></div> 39540 </div> 39541 </div> 39542 </div> 39543</div> 39544<div class="bottom_fixed"> 39545 <div class="bottom_fixed_inner collaps_btm_fixed collaps_btm_fixed_tri"> 39546 <i class="open-popup fa fa-info-circle"></i> 39547 <i class="close-popup fa fa-remove"></i> 39548 </div> 39549 <div class="bottom_fixed_inner bttom_fixed_inner_button envelope" data-toggle="modal" data-target="#contact-seller-modal" data-dismiss="modal"> 39550 <i class="open-popup active fa fa-envelope"></i> 39551 <!-- <span class="toright"><p>Contact Seller</p></span> --> 39552 </div> 39553 <div class="bottom_fixed_inner bttom_fixed_inner_button backtotop"> 39554 <a href="#mobilemenu"> 39555 <i class="fa fa-chevron-circle-up"></i> 39556 <!-- <span class="toright"><p>Scroll To Top</p></span> --> 39557 </a> 39558 </div> 39559 <div class="bottom_fixed_inner bttom_fixed_inner_button hobbylancerfeature" data-toggle="modal" data-target="#hobbylancerfeature" data-dismiss="modal"> 39560 <i class="open-popup active fa fa-star"></i> 39561 <!-- <span class="toright"><p>Contact Seller</p></span> --> 39562 </div> 39563 <div class="bottom_fixed_inner bttom_fixed_inner_button support-que"> 39564 <i class="open-popup active fa fa-question"></i> 39565 <i class="close-popup fa fa-remove"></i> 39566 <!-- <span class="toleft"><p>Need Help?</p></span> --> 39567 </div> 39568 <div class="bottom_fixed_inner bttom_fixed_inner_button hashtag"> 39569 <a href="https://www.facebook.com/iamhobbylancer"> 39570 <i class="fa fa-facebook"></i> 39571 <!-- <span class="toleft"><p>Follow Us</p></span> --> 39572 </a> 39573 </div> 39574</div> 39575 39576<!-- <a class="support-que close pull-right"> 39577 <i class="open-popup fa fa-question"></i> 39578 <i class="close-popup fa fa-remove"></i> 39579</a> -->
39580<script>var site_url='https://www.hobbylancer.com';</script>
vendor: 1 bytes, line 39580
39580
39581<script type="text/javascript" src="https://www.hobbylancer.com/js/knowledge-bank.js"></script>
vendor: 1 bytes, line 39581
39581
39582<script> 39583$(window).on("load",function(){ 39584 //console.log("Time until everything loaded: ", Date.now()-timerStart); 39585 var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart; 39586 console.log(loadTime); 39587 $(".loader_wrapper").fadeOut(); 39588}) 39589$(function($) { 39590 $("img.lazy").Lazy(); 39591}); 39592$(document).ready(function(){ 39593 39594 var modal_time = localStorage.getItem('hobbylancerfeature'); 39595 var new_time = 1790904695; 39596 if(!modal_time || (new_time-modal_time)>=3600){ 39597 localStorage.setItem('hobbylancerfeature',1790904695); 39598 setTimeout(function() { 39599 $('#hobbylancerfeature').modal(); 39600 }, 5000); 39601 } 39602$(".close_support_fixed_popup").click(function(){ 39603 $("#support_fixed").fadeOut(); 39604 if ($(".support-que").hasClass("active")) { 39605 $(".support-que").removeClass("active"); 39606 } 39607}); 39608 39609}); 39610 39611 39612 $('#hobbylancerfeature').on('hide.bs.modal', function(e) { 39613 $('#videobox').html(''); 39614 }); 39615 39616 $('#hobbylancerfeature').on('show.bs.modal', function(e) { 39617 $('#videobox').html('<video autoplay="" id="hobbylancerfeaturevideo" controls class="w-100"><source src="https://www.hobbylancer.com/assets/videos/how_to_get_started.mp4" type="video/mp4"></video>'); 39618 39619 39620 39621 if ($(".bottom_fixed").hasClass("active")) { 39622 $(".bottom_fixed").removeClass("active"); 39623 $(".collaps_btm_fixed_tri").removeClass("active"); 39624 39625 } 39626}); 39627 39628</script>
39628 39629</body> 39630</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.