1<!DOCTYPE html> 2<html class="no-js" lang="en"> 3<head> 4 <title>Overview | Work | Choose Wichita</title> 5 <meta charset="UTF-8"> 6<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8<meta name="title" content="Overview"> 9<meta name="distribution" content="global"> 10<meta property="og:title" content="Overview"> 11<meta property="og:site_name" content="Overview"> 12<meta property="og:type" content="website"> 13<meta property="og:url" content="https://choosewichita.com/work/overview"> 14<meta property="og:image" content="https://choosewichita.com/user/image/layouts/mobile_photo_heading_work.jpg?1614726118"> 15<meta property="og:image:width" content="750"> 16<meta property="og:image:height" content="400"> 17 18<meta name="author" content="Choose Wichita"> 19<link rel="author" href="https://choosewichita.com/"> 20 21<style type="text/css">/* ======================================================================== 22 Component: Base 23 ========================================================================== */ 24/* 25 * 1. Normalize default `font-family` and set `font-size` to support `rem` units 26 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom 27 * 3. Style 28 */ 29html { 30 /* 1 */ 31 font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; 32 /* 2 */ 33 -webkit-text-size-adjust: 100%; 34 -ms-text-size-adjust: 100%; 35 /* 3 */ 36 background: #fff; 37 color: #444; 38} 39/* 40 * Removes default margin. 41 */ 42body { 43 margin: 0; 44} 45/* Links 46 ========================================================================== */ 47/* 48 * Remove the gray background color from active links in IE 10. 49 */ 50a { 51 background: transparent; 52} 53/* 54 * Improve readability of focused elements when they are also in an active/hover state. 55 */ 56a:active, 57a:hover { 58 outline: 0; 59} 60/* 61 * Style 62 */ 63a, 64.uk-link { 65 color: #07D; 66 text-decoration: none; 67 cursor: pointer; 68} 69a:hover, 70.uk-link:hover { 71 color: #059; 72 text-decoration: underline; 73} 74/* Text-level semantics 75 ========================================================================== */ 76/* 77 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 78 */ 79abbr[title] { 80 border-bottom: 1px dotted; 81} 82/* 83 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 84 */ 85b, 86strong { 87 font-weight: bold; 88} 89/* 90 * 1. Address odd `em`-unit font size rendering in all browsers. 91 * 2. Consolas has a better baseline in running text compared to `Courier` 92 */ 93:not(pre) > code, 94:not(pre) > kbd, 95:not(pre) > samp { 96 /* 1 */ 97 font-size: 12px; 98 /* 2 */ 99 font-family: Consolas, monospace, serif; 100 /* 3 */ 101 color: #D05; 102 white-space: nowrap; 103} 104/* 105 * Emphasize 106 */ 107em { 108 color: #4a4a4a; 109} 110/* 111 * Insert 112 */ 113ins { 114 background: #ffa; 115 color: #444; 116 text-decoration: none; 117} 118/* 119 * Mark 120 * Note: Addresses styling not present in IE 8/9. 121 */ 122mark { 123 background: #ffa; 124 color: #444; 125} 126/* 127 * Quote 128 */ 129q { 130 font-style: italic; 131} 132/* 133 * Addresses inconsistent and variable font size in all browsers. 134 */ 135small { 136 font-size: 80%; 137} 138/* 139 * Prevents `sub` and `sup` affecting `line-height` in all browsers. 140 */ 141sub, 142sup { 143 font-size: 75%; 144 line-height: 0; 145 position: relative; 146 vertical-align: baseline; 147} 148sup { 149 top: -0.5em; 150} 151sub { 152 bottom: -0.25em; 153} 154/* Embedded content 155 ========================================================================== */ 156/* 157 * Remove the gap between embedded content and the bottom of their containers. 158 */ 159audio, 160canvas, 161iframe, 162img, 163svg, 164video { 165 vertical-align: middle; 166} 167/* 168 * Responsiveness 169 * 1. Sets a maximum width relative to the parent and auto scales the height 170 * 2. Corrects `max-width` behavior if padding and border are used 171 */ 172audio, 173canvas, 174img, 175svg, 176video { 177 /* 1 */ 178 max-width: 100%; 179 height: auto; 180 /* 2 */ 181 box-sizing: border-box; 182} 183/* 184 * Preserve original dimensions 185 */ 186.uk-img-preserve, 187.uk-img-preserve audio, 188.uk-img-preserve canvas, 189.uk-img-preserve img, 190.uk-img-preserve svg, 191.uk-img-preserve video { 192 max-width: none; 193} 194/* 195 * Remove border when inside `a` element in IE 8/9/10. 196 */ 197img { 198 border: 0; 199} 200/* 201 * Correct overflow not hidden in IE 9/10/11. 202 */ 203svg:not(:root) { 204 overflow: hidden; 205} 206/* Block elements 207 ========================================================================== */ 208/* 209 * Reset margin 210 */ 211blockquote, 212figure { 213 margin: 0; 214} 215/* 216 * Margins 217 */ 218p, 219ul, 220ol, 221dl, 222blockquote, 223pre, 224address, 225fieldset, 226figure { 227 margin: 0 0 15px 0; 228} 229* + p, 230* + ul, 231* + ol, 232* + dl, 233* + blockquote, 234* + pre, 235* + address, 236* + fieldset, 237* + figure {
238 margin-top: 15px; 239} 240/* Headings 241 ========================================================================== */ 242h1, 243h2, 244h3, 245h4, 246h5, 247h6 { 248 margin: 0 0 15px 0; 249 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 250 font-weight: normal; 251 color: #444; 252 text-transform: none; 253} 254/* 255 * Margins 256 */ 257* + h1, 258* + h2, 259* + h3, 260* + h4, 261* + h5, 262* + h6 { 263 margin-top: 25px; 264} 265/* 266 * Sizes 267 */ 268h1, 269.uk-h1 { 270 font-size: 36px; 271 line-height: 42px; 272} 273h2, 274.uk-h2 { 275 font-size: 24px; 276 line-height: 30px; 277} 278h3, 279.uk-h3 { 280 font-size: 18px; 281 line-height: 24px; 282} 283h4, 284.uk-h4 { 285 font-size: 16px; 286 line-height: 22px; 287} 288h5, 289.uk-h5 { 290 font-size: 14px; 291 line-height: 20px; 292} 293h6, 294.uk-h6 { 295 font-size: 12px; 296 line-height: 18px; 297} 298/* Lists 299 ========================================================================== */ 300ul, 301ol { 302 padding-left: 30px; 303} 304/* 305 * Reset margin for nested lists 306 */ 307ul > li > ul, 308ul > li > ol, 309ol > li > ol, 310ol > li > ul { 311 margin: 0; 312} 313/* Description lists 314 ========================================================================== */ 315dt { 316 font-weight: bold; 317} 318dd { 319 margin-left: 0; 320} 321/* Horizontal rules 322 ========================================================================== */ 323/* 324 * 1. Address differences between Firefox and other browsers. 325 * 2. Style 326 */ 327hr { 328 /* 1 */ 329 box-sizing: content-box; 330 height: 0; 331 /* 2 */ 332 margin: 15px 0; 333 border: 0; 334 border-top: 1px solid #ddd; 335} 336/* Address 337 ========================================================================== */ 338address { 339 font-style: normal; 340} 341/* Blockquotes 342 ========================================================================== */ 343blockquote { 344 padding-left: 15px; 345 border-left: 5px solid #ddd; 346 font-size: 16px; 347 line-height: 22px; 348 font-style: italic; 349} 350/* Preformatted text 351 ========================================================================== */ 352/* 353 * 1. Contain overflow in all browsers. 354 */ 355pre { 356 padding: 10px; 357 background: #f5f5f5; 358 font: 12px / 18px Consolas, monospace, serif; 359 color: #444; 360 -moz-tab-size: 4; 361 tab-size: 4; 362 /* 1 */ 363 overflow: auto; 364} 365/* Selection pseudo-element 366 ========================================================================== */ 367::-moz-selection { 368 background: #39f; 369 color: #fff; 370 text-shadow: none; 371} 372::selection { 373 background: #39f; 374 color: #fff; 375 text-shadow: none; 376} 377/* HTML5 elements 378 ========================================================================== */ 379/* 380 * Correct `block` display not defined for any HTML5 element in IE 8/9. 381 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. 382 * Correct `block` display not defined for `main` in IE 11. 383 */ 384article, 385aside, 386details, 387figcaption, 388figure, 389footer, 390header, 391main, 392nav, 393section, 394summary { 395 display: block; 396} 397/* 398 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 399 */ 400progress { 401 vertical-align: baseline; 402} 403/* 404 * Prevent displaying `audio` without controls in Chrome, Safari and Opera 405 */ 406audio:not([controls]) { 407 display: none; 408} 409/* 410 * Address `[hidden]` styling not present in IE 8/9/10. 411 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 412 */ 413[hidden], 414template { 415 display: none; 416} 417/* Iframe 418 ========================================================================== */ 419iframe { 420 border: 0; 421} 422/* Fix viewport for IE10 snap mode 423 ========================================================================== */ 424@media screen and (max-width: 400px) { 425 @-ms-viewport { 426 width: device-width; 427 } 428} 429/* ======================================================================== 430 Component: Grid 431 ========================================================================== */ 432/* 433 * 1. Makes grid more robust so that it can be used with other block elements like lists 434 */ 435.uk-grid { 436 display: -ms-flexbox; 437 display: -webkit-flex; 438 display: flex; 439 -ms-flex-wrap: wrap; 440 -webkit-flex-wrap: wrap; 441 flex-wrap: wrap; 442 /* 1 */ 443 margin: 0; 444 padding: 0; 445 list-style: none; 446} 447/* 448 * DEPRECATED 449 * Micro clearfix 450 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit 451 */ 452.uk-grid:before,
453.uk-grid:after { 454 content: ""; 455 display: block; 456 overflow: hidden; 457} 458.uk-grid:after { 459 clear: both; 460} 461/* 462 * Grid cell 463 * 1. Space is allocated solely based on content dimensions 464 * 2. Makes grid more robust so that it can be used with other block elements 465 * 3. DEPRECATED Using `float` to support IE9 466 */ 467.uk-grid > * { 468 /* 1 */ 469 -ms-flex: none; 470 -webkit-flex: none; 471 flex: none; 472 /* 2 */ 473 margin: 0; 474 /* 3 */ 475 float: left; 476} 477/* 478 * Remove margin from the last-child 479 */ 480.uk-grid > * > :last-child { 481 margin-bottom: 0; 482} 483/* Grid gutter 484 ========================================================================== */ 485/* 486 * Default gutter 487 */ 488/* Horizontal */ 489.uk-grid { 490 margin-left: -32px; 491} 492.uk-grid > * { 493 padding-left: 32px; 494} 495/* Vertical */ 496.uk-grid + .uk-grid, 497.uk-grid-margin, 498.uk-grid > *:not(:last-of-type) { 499 margin-bottom: 32px; 500} 501/* Large screen and bigger */ 502@media (min-width: 1600px) { 503 /* Horizontal */ 504 .uk-grid { 505 margin-left: -32px; 506 } 507 .uk-grid > * { 508 padding-left: 32px; 509 } 510 /* Vertical */ 511 .uk-grid + .uk-grid, 512 .uk-grid-margin, 513 .uk-grid > *:not(:last-of-type) { 514 margin-bottom: 32px; 515 } 516} 517/* Mini screen and Smaller */ 518@media (max-width: 639px) { 519 /* Horizontal */ 520 .uk-grid { 521 margin-left: -16px; 522 } 523 .uk-grid > * { 524 padding-left: 16px; 525 } 526 /* Vertical */ 527 .uk-grid + .uk-grid, 528 .uk-grid-margin, 529 .uk-grid > *:not(:last-of-type) { 530 margin-bottom: 16px; 531 } 532} 533/* Small screen and bigger */ 534@media (min-width: 640px) and (max-width: 959px) { 535 /* Horizontal */ 536 .uk-grid { 537 margin-left: -16px; 538 } 539 .uk-grid > * { 540 padding-left: 16px; 541 } 542 /* Vertical */ 543 .uk-grid + .uk-grid, 544 .uk-grid-margin, 545 .uk-grid > *:not(:last-of-type) { 546 margin-bottom: 16px; 547 } 548} 549/* 550 * Collapse gutter 551 */ 552/* Horizontal */ 553.uk-grid-collapse { 554 margin-left: 0; 555} 556.uk-grid-collapse > * { 557 padding-left: 0; 558} 559/* Vertical */ 560.uk-grid-collapse + .uk-grid-collapse, 561.uk-grid-collapse > .uk-grid-margin, 562.uk-grid-collapse > * > .uk-panel + .uk-panel { 563 margin-top: 0; 564} 565/* 566 * Small gutter 567 */ 568/* Horizontal */ 569.uk-grid-small { 570 margin-left: -16px; 571} 572.uk-grid-small > * { 573 padding-left: 16px; 574} 575/* Vertical */ 576.uk-grid-small + .uk-grid-small, 577.uk-grid-small > .uk-grid-margin, 578.uk-grid-small > * > .uk-panel + .uk-panel { 579 margin-top: 16px; 580} 581/* 582 * Medium gutter 583 */ 584/* Horizontal */ 585.uk-grid-medium { 586 margin-left: -32px; 587} 588.uk-grid-medium > * { 589 padding-left: 32px; 590} 591/* Vertical */ 592.uk-grid-medium + .uk-grid-medium, 593.uk-grid-medium > .uk-grid-margin, 594.uk-grid-medium > * > .uk-panel + .uk-panel { 595 margin-top: 32px; 596} 597/* 598 * Large gutter 599 */ 600/* Large screen and bigger */ 601@media (min-width: 1200px) { 602 /* Horizontal */ 603 .uk-grid-large { 604 margin-left: -32px; 605 } 606 .uk-grid-large > * { 607 padding-left: 32px; 608 } 609 /* Vertical */ 610 .uk-grid-large + .uk-grid-large, 611 .uk-grid-large-margin, 612 .uk-grid-large > * > .uk-panel + .uk-panel { 613 margin-top: 32px; 614 } 615} 616/* Extra Large screens */ 617@media (min-width: 1600px) { 618 /* Horizontal */ 619 .uk-grid-large { 620 margin-left: -32px; 621 } 622 .uk-grid-large > * { 623 padding-left: 32px; 624 } 625 /* Vertical */ 626 .uk-grid-large + .uk-grid-large, 627 .uk-grid-large-margin, 628 .uk-grid-large > * > .uk-panel + .uk-panel { 629 margin-top: 32px; 630 } 631} 632/* Modifier: `uk-grid-divider` 633 ========================================================================== */ 634/* 635 * Horizontal divider 636 * Only works with the default gutter. Does not work with gutter collapse, small or large. 637 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. 638 */ 639.uk-grid-divider:not(:empty) { 640 margin-left: -32px; 641 margin-right: -32px; 642} 643.uk-grid-divider > * { 644 padding-left: 32px; 645 padding-right: 32px; 646} 647.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), 648.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), 649.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), 650.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), 651.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), 652.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
653.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), 654.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), 655.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { 656 border-left: 1px solid #ddd; 657} 658/* Tablet and bigger */ 659@media (min-width: 960px) { 660 .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { 661 border-left: 1px solid #ddd; 662 } 663} 664/* Desktop and bigger */ 665@media (min-width: 1200px) { 666 .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { 667 border-left: 1px solid #ddd; 668 } 669} 670/* Large screen and bigger */ 671@media (min-width: 1600px) { 672 /* 673 * Large gutter 674 */ 675 .uk-grid-divider:not(:empty) { 676 margin-left: -32px; 677 margin-right: -32px; 678 } 679 .uk-grid-divider > * { 680 padding-left: 32px; 681 padding-right: 32px; 682 } 683 .uk-grid-divider:empty { 684 margin-top: 32px; 685 margin-bottom: 32px; 686 } 687} 688/* 689 * Vertical divider 690 */ 691.uk-grid-divider:empty { 692 margin-top: 32px; 693 margin-bottom: 32px; 694 border-top: 1px solid #ddd; 695} 696/* Match panels in grids 697 ========================================================================== */ 698/* 699 * 1. Behave like a block element 700 */ 701.uk-grid-match > * { 702 display: -ms-flexbox; 703 display: -webkit-flex; 704 display: flex; 705 /* 1 */ 706 -ms-flex-wrap: wrap; 707 -webkit-flex-wrap: wrap; 708 flex-wrap: wrap; 709} 710.uk-grid-match > * > * { 711 /* 1 */ 712 -ms-flex: none; 713 -webkit-flex: none; 714 flex: none; 715 box-sizing: border-box; 716 width: 100%; 717} 718/* Even grid cell widths 719 ========================================================================== */ 720[class*='uk-grid-width'] > * { 721 box-sizing: border-box; 722 width: 100%; 723} 724.uk-grid-width-1-2 > * { 725 width: 50%; 726} 727.uk-grid-width-1-3 > * { 728 width: 33.333%; 729} 730.uk-grid-width-1-4 > * { 731 width: 25%; 732} 733.uk-grid-width-1-5 > * { 734 width: 20%; 735} 736.uk-grid-width-1-6 > * { 737 width: 16.666%; 738} 739.uk-grid-width-1-10 > * { 740 width: 10%; 741} 742.uk-grid-width-auto > * { 743 width: auto; 744} 745/* Small Phone landscape and bigger */ 746@media (min-width: 350px) { 747 .uk-grid-width-mini-1-1 > * { 748 width: 100%; 749 } 750 .uk-grid-width-mini-1-2 > * { 751 width: 50%; 752 } 753 .uk-grid-width-mini-1-3 > * { 754 width: 33.333%; 755 } 756 .uk-grid-width-mini-1-4 > * { 757 width: 25%; 758 } 759 .uk-grid-width-mini-1-5 > * { 760 width: 20%; 761 } 762 .uk-grid-width-mini-1-6 > * { 763 width: 16.666%; 764 } 765 .uk-grid-width-mini-1-10 > * { 766 width: 10%; 767 } 768} 769/* Phone landscape and bigger */ 770@media (min-width: 640px) { 771 .uk-grid-width-small-1-1 > * { 772 width: 100%; 773 } 774 .uk-grid-width-small-1-2 > * { 775 width: 50%; 776 } 777 .uk-grid-width-small-1-3 > * { 778 width: 33.333%; 779 } 780 .uk-grid-width-small-1-4 > * { 781 width: 25%; 782 } 783 .uk-grid-width-small-1-5 > * { 784 width: 20%; 785 } 786 .uk-grid-width-small-1-6 > * { 787 width: 16.666%; 788 } 789 .uk-grid-width-small-1-10 > * { 790 width: 10%; 791 } 792} 793/* Tablet and bigger */ 794@media (min-width: 960px) { 795 .uk-grid-width-medium-1-1 > * { 796 width: 100%; 797 } 798 .uk-grid-width-medium-1-2 > * { 799 width: 50%; 800 } 801 .uk-grid-width-medium-1-3 > * { 802 width: 33.333%; 803 } 804 .uk-grid-width-medium-1-4 > * { 805 width: 25%; 806 } 807 .uk-grid-width-medium-1-5 > * { 808 width: 20%; 809 } 810 .uk-grid-width-medium-1-6 > * { 811 width: 16.666%; 812 } 813 .uk-grid-width-medium-1-10 > * { 814 width: 10%; 815 } 816} 817/* Desktop and bigger */ 818@media (min-width: 1200px) { 819 .uk-grid-width-large-1-1 > * { 820 width: 100%; 821 } 822 .uk-grid-width-large-1-2 > * { 823 width: 50%; 824 } 825 .uk-grid-width-large-1-3 > * { 826 width: 33.333%; 827 } 828 .uk-grid-width-large-1-4 > * { 829 width: 25%; 830 } 831 .uk-grid-width-large-1-5 > * { 832 width: 20%; 833 } 834 .uk-grid-width-large-1-6 > * { 835 width: 16.666%; 836 } 837 .uk-grid-width-large-1-10 > * { 838 width: 10%; 839 } 840} 841/* Large screen and bigger */ 842@media (min-width: 1600px) { 843 .uk-grid-width-xlarge-1-1 > * { 844 width: 100%; 845 } 846 .uk-grid-width-xlarge-1-2 > * { 847 width: 50%; 848 } 849 .uk-grid-width-xlarge-1-3 > * { 850 width: 33.333%; 851 } 852 .uk-grid-width-xlarge-1-4 > * { 853 width: 25%; 854 } 855 .uk-grid-width-xlarge-1-5 > * { 856 width: 20%; 857 } 858 .uk-grid-width-xlarge-1-6 > * { 859 width: 16.666%; 860 } 861 .uk-grid-width-xlarge-1-10 > * { 862 width: 10%; 863 } 864} 865/* Sub-objects: `uk-width-*` 866 ========================================================================== */ 867[class*='uk-width'] { 868 box-sizing: border-box; 869 width: 100%; 870} 871/* 872 * Widths 873 */ 874/* Whole */ 875.uk-width-1-1 { 876 width: 100%; 877} 878/* Halves */ 879.uk-width-1-2, 880.uk-width-2-4, 881.uk-width-3-6, 882.uk-width-5-10 { 883 width: 50%; 884} 885/* Thirds */ 886.uk-width-1-3, 887.uk-width-2-6 { 888 width: 33.333%; 889} 890.uk-width-2-3, 891.uk-width-4-6 { 892 width: 66.666%; 893} 894/* Quarters */ 895.uk-width-1-4 { 896 width: 25%; 897} 898.uk-width-3-4 { 899 width: 75%; 900} 901/* Fifths */ 902.uk-width-1-5, 903.uk-width-2-10 { 904 width: 20%; 905} 906.uk-width-2-5, 907.uk-width-4-10 { 908 width: 40%; 909} 910.uk-width-3-5, 911.uk-width-6-10 { 912 width: 60%; 913} 914.uk-width-4-5, 915.uk-width-8-10 { 916 width: 80%; 917} 918/* Sixths */ 919.uk-width-1-6 { 920 width: 16.666%; 921} 922.uk-width-5-6 { 923 width: 83.333%; 924} 925/* Tenths */ 926.uk-width-1-10 { 927 width: 10%; 928} 929.uk-width-3-10 { 930 width: 30%; 931} 932.uk-width-7-10 { 933 width: 70%; 934}
935.uk-width-9-10 { 936 width: 90%; 937} 938/* Small Phone landscape and bigger */ 939@media (min-width: 350px) { 940 /* Whole */ 941 .uk-width-mini-1-1 { 942 width: 100%; 943 } 944 /* Halves */ 945 .uk-width-mini-1-2, 946 .uk-width-mini-2-4, 947 .uk-width-mini-3-6, 948 .uk-width-mini-5-10 { 949 width: 50%; 950 } 951 /* Thirds */ 952 .uk-width-mini-1-3, 953 .uk-width-mini-2-6 { 954 width: 33.333%; 955 } 956 .uk-width-mini-2-3, 957 .uk-width-mini-4-6 { 958 width: 66.666%; 959 } 960 /* Quarters */ 961 .uk-width-mini-1-4 { 962 width: 25%; 963 } 964 .uk-width-mini-3-4 { 965 width: 75%; 966 } 967 /* Fifths */ 968 .uk-width-mini-1-5, 969 .uk-width-mini-2-10 { 970 width: 20%; 971 } 972 .uk-width-mini-2-5, 973 .uk-width-mini-4-10 { 974 width: 40%; 975 } 976 .uk-width-mini-3-5, 977 .uk-width-mini-6-10 { 978 width: 60%; 979 } 980 .uk-width-mini-4-5, 981 .uk-width-mini-8-10 { 982 width: 80%; 983 } 984 /* Sixths */ 985 .uk-width-mini-1-6 { 986 width: 16.666%; 987 } 988 .uk-width-mini-5-6 { 989 width: 83.333%; 990 } 991 /* Tenths */ 992 .uk-width-mini-1-10 { 993 width: 10%; 994 } 995 .uk-width-mini-3-10 { 996 width: 30%; 997 } 998 .uk-width-mini-7-10 { 999 width: 70%; 1000 } 1001 .uk-width-mini-9-10 { 1002 width: 90%; 1003 } 1004} 1005/* Phone landscape and bigger */ 1006@media (min-width: 640px) { 1007 /* Whole */ 1008 .uk-width-small-1-1 { 1009 width: 100%; 1010 } 1011 /* Halves */ 1012 .uk-width-small-1-2, 1013 .uk-width-small-2-4, 1014 .uk-width-small-3-6, 1015 .uk-width-small-5-10 { 1016 width: 50%; 1017 } 1018 /* Thirds */ 1019 .uk-width-small-1-3, 1020 .uk-width-small-2-6 { 1021 width: 33.333%; 1022 } 1023 .uk-width-small-2-3, 1024 .uk-width-small-4-6 { 1025 width: 66.666%; 1026 } 1027 /* Quarters */ 1028 .uk-width-small-1-4 { 1029 width: 25%; 1030 } 1031 .uk-width-small-3-4 { 1032 width: 75%; 1033 } 1034 /* Fifths */ 1035 .uk-width-small-1-5, 1036 .uk-width-small-2-10 { 1037 width: 20%; 1038 } 1039 .uk-width-small-2-5, 1040 .uk-width-small-4-10 { 1041 width: 40%; 1042 } 1043 .uk-width-small-3-5, 1044 .uk-width-small-6-10 { 1045 width: 60%; 1046 } 1047 .uk-width-small-4-5, 1048 .uk-width-small-8-10 { 1049 width: 80%; 1050 } 1051 /* Sixths */ 1052 .uk-width-small-1-6 { 1053 width: 16.666%; 1054 } 1055 .uk-width-small-5-6 { 1056 width: 83.333%; 1057 } 1058 /* Tenths */ 1059 .uk-width-small-1-10 { 1060 width: 10%; 1061 } 1062 .uk-width-small-3-10 { 1063 width: 30%; 1064 } 1065 .uk-width-small-7-10 { 1066 width: 70%; 1067 } 1068 .uk-width-small-9-10 { 1069 width: 90%; 1070 } 1071} 1072/* Tablet and bigger */ 1073@media (min-width: 960px) { 1074 /* Whole */ 1075 .uk-width-medium-1-1 { 1076 width: 100%; 1077 } 1078 /* Halves */ 1079 .uk-width-medium-1-2, 1080 .uk-width-medium-2-4, 1081 .uk-width-medium-3-6, 1082 .uk-width-medium-5-10 { 1083 width: 50%; 1084 } 1085 /* Thirds */ 1086 .uk-width-medium-1-3, 1087 .uk-width-medium-2-6 { 1088 width: 33.333%; 1089 } 1090 .uk-width-medium-2-3, 1091 .uk-width-medium-4-6 { 1092 width: 66.666%; 1093 } 1094 /* Quarters */ 1095 .uk-width-medium-1-4 { 1096 width: 25%; 1097 } 1098 .uk-width-medium-3-4 { 1099 width: 75%; 1100 } 1101 /* Fifths */ 1102 .uk-width-medium-1-5, 1103 .uk-width-medium-2-10 { 1104 width: 20%; 1105 } 1106 .uk-width-medium-2-5, 1107 .uk-width-medium-4-10 { 1108 width: 40%; 1109 } 1110 .uk-width-medium-3-5, 1111 .uk-width-medium-6-10 { 1112 width: 60%; 1113 } 1114 .uk-width-medium-4-5, 1115 .uk-width-medium-8-10 { 1116 width: 80%; 1117 } 1118 /* Sixths */ 1119 .uk-width-medium-1-6 { 1120 width: 16.666%; 1121 } 1122 .uk-width-medium-5-6 { 1123 width: 83.333%; 1124 } 1125 /* Tenths */ 1126 .uk-width-medium-1-10 { 1127 width: 10%; 1128 } 1129 .uk-width-medium-3-10 { 1130 width: 30%; 1131 } 1132 .uk-width-medium-7-10 { 1133 width: 70%; 1134 } 1135 .uk-width-medium-9-10 { 1136 width: 90%; 1137 } 1138} 1139/* Desktop and bigger */ 1140@media (min-width: 1200px) { 1141 /* Whole */ 1142 .uk-width-large-1-1 { 1143 width: 100%; 1144 } 1145 /* Halves */ 1146 .uk-width-large-1-2, 1147 .uk-width-large-2-4, 1148 .uk-width-large-3-6, 1149 .uk-width-large-5-10 { 1150 width: 50%; 1151 } 1152 /* Thirds */ 1153 .uk-width-large-1-3, 1154 .uk-width-large-2-6 { 1155 width: 33.333%; 1156 } 1157 .uk-width-large-2-3, 1158 .uk-width-large-4-6 { 1159 width: 66.666%; 1160 } 1161 /* Quarters */ 1162 .uk-width-large-1-4 { 1163 width: 25%; 1164 } 1165 .uk-width-large-3-4 { 1166 width: 75%; 1167 } 1168 /* Fifths */ 1169 .uk-width-large-1-5, 1170 .uk-width-large-2-10 { 1171 width: 20%; 1172 } 1173 .uk-width-large-2-5, 1174 .uk-width-large-4-10 { 1175 width: 40%; 1176 } 1177 .uk-width-large-3-5, 1178 .uk-width-large-6-10 { 1179 width: 60%; 1180 } 1181 .uk-width-large-4-5, 1182 .uk-width-large-8-10 { 1183 width: 80%; 1184 } 1185 /* Sixths */ 1186 .uk-width-large-1-6 { 1187 width: 16.666%; 1188 } 1189 .uk-width-large-5-6 { 1190 width: 83.333%; 1191 } 1192 /* Tenths */ 1193 .uk-width-large-1-10 { 1194 width: 10%; 1195 } 1196 .uk-width-large-3-10 { 1197 width: 30%; 1198 } 1199 .uk-width-large-7-10 { 1200 width: 70%; 1201 } 1202 .uk-width-large-9-10 { 1203 width: 90%; 1204 } 1205} 1206/* Large screen and bigger */ 1207@media (min-width: 1600px) { 1208 /* Whole */ 1209 .uk-width-xlarge-1-1 { 1210 width: 100%; 1211 } 1212 /* Halves */ 1213 .uk-width-xlarge-1-2, 1214 .uk-width-xlarge-2-4, 1215 .uk-width-xlarge-3-6, 1216 .uk-width-xlarge-5-10 { 1217 width: 50%; 1218 } 1219 /* Thirds */ 1220 .uk-width-xlarge-1-3, 1221 .uk-width-xlarge-2-6 { 1222 width: 33.333%; 1223 } 1224 .uk-width-xlarge-2-3, 1225 .uk-width-xlarge-4-6 { 1226 width: 66.666%; 1227 } 1228 /* Quarters */ 1229 .uk-width-xlarge-1-4 { 1230 width: 25%; 1231 } 1232 .uk-width-xlarge-3-4 { 1233 width: 75%; 1234 } 1235 /* Fifths */ 1236 .uk-width-xlarge-1-5, 1237 .uk-width-xlarge-2-10 { 1238 width: 20%; 1239 } 1240 .uk-width-xlarge-2-5, 1241 .uk-width-xlarge-4-10 { 1242 width: 40%; 1243 } 1244 .uk-width-xlarge-3-5, 1245 .uk-width-xlarge-6-10 { 1246 width: 60%; 1247 } 1248 .uk-width-xlarge-4-5, 1249 .uk-width-xlarge-8-10 { 1250 width: 80%; 1251 } 1252 /* Sixths */ 1253 .uk-width-xlarge-1-6 { 1254 width: 16.666%; 1255 } 1256 .uk-width-xlarge-5-6 { 1257 width: 83.333%; 1258 } 1259 /* Tenths */ 1260 .uk-width-xlarge-1-10 { 1261 width: 10%; 1262 } 1263 .uk-width-xlarge-3-10 { 1264 width: 30%; 1265 } 1266 .uk-width-xlarge-7-10 { 1267 width: 70%; 1268 } 1269 .uk-width-xlarge-9-10 { 1270 width: 90%; 1271 } 1272} 1273/* Sub-object: `uk-push-*` and `uk-pull-*` 1274 ========================================================================== */ 1275/* 1276 * Source ordering 1277 * Works only with `uk-width-medium-*` 1278 */ 1279/* Tablet and bigger */ 1280@media (min-width: 960px) { 1281 [class*='uk-push-'], 1282 [class*='uk-pull-'] { 1283 position: relative; 1284 } 1285 /* 1286 * Push 1287 */ 1288 /* Halves */ 1289 .uk-push-1-2, 1290 .uk-push-2-4, 1291 .uk-push-3-6, 1292 .uk-push-5-10 { 1293 left: 50%; 1294 } 1295 /* Thirds */ 1296 .uk-push-1-3, 1297 .uk-push-2-6 { 1298 left: 33.333%; 1299 } 1300 .uk-push-2-3, 1301 .uk-push-4-6 { 1302 left: 66.666%; 1303 } 1304 /* Quarters */ 1305 .uk-push-1-4 { 1306 left: 25%; 1307 } 1308 .uk-push-3-4 { 1309 left: 75%; 1310 } 1311 /* Fifths */ 1312 .uk-push-1-5, 1313 .uk-push-2-10 { 1314 left: 20%; 1315 } 1316 .uk-push-2-5, 1317 .uk-push-4-10 { 1318 left: 40%; 1319 } 1320 .uk-push-3-5, 1321 .uk-push-6-10 { 1322 left: 60%; 1323 } 1324 .uk-push-4-5, 1325 .uk-push-8-10 { 1326 left: 80%; 1327 } 1328 /* Sixths */ 1329 .uk-push-1-6 { 1330 left: 16.666%; 1331 } 1332 .uk-push-5-6 { 1333 left: 83.333%; 1334 } 1335 /* Tenths */ 1336 .uk-push-1-10 { 1337 left: 10%; 1338 } 1339 .uk-push-3-10 { 1340 left: 30%; 1341 } 1342 .uk-push-7-10 { 1343 left: 70%; 1344 } 1345 .uk-push-9-10 { 1346 left: 90%; 1347 } 1348 /* 1349 * Pull 1350 */ 1351 /* Halves */ 1352 .uk-pull-1-2, 1353 .uk-pull-2-4, 1354 .uk-pull-3-6, 1355 .uk-pull-5-10 { 1356 left: -50%; 1357 } 1358 /* Thirds */ 1359 .uk-pull-1-3, 1360 .uk-pull-2-6 { 1361 left: -33.333%; 1362 } 1363 .uk-pull-2-3, 1364 .uk-pull-4-6 { 1365 left: -66.666%; 1366 } 1367 /* Quarters */ 1368 .uk-pull-1-4 { 1369 left: -25%; 1370 } 1371 .uk-pull-3-4 { 1372 left: -75%; 1373 } 1374 /* Fifths */ 1375 .uk-pull-1-5, 1376 .uk-pull-2-10 { 1377 left: -20%; 1378 } 1379 .uk-pull-2-5, 1380 .uk-pull-4-10 { 1381 left: -40%; 1382 } 1383 .uk-pull-3-5, 1384 .uk-pull-6-10 { 1385 left: -60%; 1386 } 1387 .uk-pull-4-5, 1388 .uk-pull-8-10 { 1389 left: -80%; 1390 } 1391 /* Sixths */ 1392 .uk-pull-1-6 { 1393 left: -16.666%; 1394 } 1395 .uk-pull-5-6 { 1396 left: -83.333%; 1397 } 1398 /* Tenths */ 1399 .uk-pull-1-10 { 1400 left: -10%; 1401 } 1402 .uk-pull-3-10 { 1403 left: -30%; 1404 } 1405 .uk-pull-7-10 { 1406 left: -70%; 1407 } 1408 .uk-pull-9-10 { 1409 left: -90%; 1410 } 1411} 1412/* ======================================================================== 1413 Component: Panel 1414 ========================================================================== */ 1415/* 1416 * 1. Needed for `a` elements 1417 * 2. Create position context for badges 1418 */ 1419.uk-panel { 1420 /* 1 */ 1421 display: block; 1422 /* 2 */ 1423 position: relative; 1424} 1425/* 1426 * Allow panels to be anchors 1427 */ 1428.uk-panel, 1429.uk-panel:hover { 1430 text-decoration: none; 1431} 1432/* 1433 * Micro clearfix to make panels more robust 1434 */ 1435.uk-panel:before, 1436.uk-panel:after {
1437 content: ""; 1438 display: table; 1439} 1440.uk-panel:after { 1441 clear: both; 1442} 1443/* 1444 * Remove margin from the last-child if not `uk-widget-title` 1445 */ 1446.uk-panel > :not(.uk-panel-title):last-child { 1447 margin-bottom: 0; 1448} 1449/* Sub-object: `uk-panel-title` 1450 ========================================================================== */ 1451.uk-panel-title { 1452 margin-top: 0; 1453 margin-bottom: 15px; 1454 font-size: 18px; 1455 line-height: 24px; 1456 font-weight: normal; 1457 text-transform: none; 1458 color: #444; 1459} 1460/* Sub-object: `uk-panel-badge` 1461 ========================================================================== */ 1462.uk-panel-badge { 1463 position: absolute; 1464 top: 0; 1465 right: 0; 1466 z-index: 1; 1467} 1468/* Sub-object: `uk-panel-teaser` 1469 ========================================================================== */ 1470.uk-panel-teaser { 1471 margin-bottom: 15px; 1472} 1473/* Sub-object: `uk-panel-body` 1474 ========================================================================== */ 1475.uk-panel-body { 1476 padding: 15px; 1477} 1478/* Modifier: `uk-panel-box` 1479 ========================================================================== */ 1480.uk-panel-box { 1481 padding: 15px; 1482 background: #f5f5f5; 1483 color: #444; 1484} 1485.uk-panel-box-hover:hover { 1486 color: #444; 1487} 1488.uk-panel-box .uk-panel-title { 1489 color: #444; 1490} 1491.uk-panel-box .uk-panel-badge { 1492 top: 10px; 1493 right: 10px; 1494} 1495.uk-panel-box > .uk-panel-teaser { 1496 margin-top: -15px; 1497 margin-left: -15px; 1498 margin-right: -15px; 1499} 1500/* 1501 * Nav in panel 1502 */ 1503.uk-panel-box > .uk-nav-side { 1504 margin: 0 -15px; 1505} 1506/* 1507 * Sub-modifier: `uk-panel-box-primary` 1508 */ 1509.uk-panel-box-primary { 1510 background-color: #ebf7fd; 1511 color: #2d7091; 1512} 1513.uk-panel-box-primary-hover:hover { 1514 color: #2d7091; 1515} 1516.uk-panel-box-primary .uk-panel-title { 1517 color: #2d7091; 1518} 1519/* 1520 * Sub-modifier: `uk-panel-box-secondary` 1521 */ 1522.uk-panel-box-secondary { 1523 background-color: #eee; 1524 color: #444; 1525} 1526.uk-panel-box-secondary-hover:hover { 1527 color: #444; 1528} 1529.uk-panel-box-secondary .uk-panel-title { 1530 color: #444; 1531} 1532/* Modifier: `uk-panel-hover` 1533 ========================================================================== */ 1534.uk-panel-hover { 1535 padding: 15px; 1536 color: #444; 1537} 1538.uk-panel-hover:hover { 1539 background: #f5f5f5; 1540 color: #444; 1541} 1542.uk-panel-hover .uk-panel-badge { 1543 top: 10px; 1544 right: 10px; 1545} 1546.uk-panel-hover > .uk-panel-teaser { 1547 margin-top: -15px; 1548 margin-left: -15px; 1549 margin-right: -15px; 1550} 1551/* Modifier: `uk-panel-header` 1552 ========================================================================== */ 1553.uk-panel-header .uk-panel-title { 1554 padding-bottom: 10px; 1555 border-bottom: 1px solid #ddd; 1556 color: #444; 1557} 1558/* Modifier: `uk-panel-space` 1559 ========================================================================== */ 1560.uk-panel-space { 1561 padding: 30px; 1562} 1563.uk-panel-space .uk-panel-badge { 1564 top: 30px; 1565 right: 30px; 1566} 1567/* Modifier: `uk-panel-divider` 1568 ========================================================================== */ 1569.uk-panel + .uk-panel-divider { 1570 margin-top: 50px !important; 1571} 1572.uk-panel + .uk-panel-divider:before { 1573 content: ""; 1574 display: block; 1575 position: absolute; 1576 top: -25px; 1577 left: 0; 1578 right: 0; 1579 border-top: 1px solid #ddd; 1580} 1581/* Large screen and bigger */ 1582@media (min-width: 1600px) { 1583 .uk-panel + .uk-panel-divider { 1584 margin-top: 70px !important; 1585 } 1586 .uk-panel + .uk-panel-divider:before { 1587 top: -35px; 1588 } 1589} 1590/* ======================================================================== 1591 Component: Block 1592 ========================================================================== */ 1593.uk-block { 1594 position: relative; 1595 box-sizing: border-box; 1596 padding-top: 20px; 1597 padding-bottom: 20px; 1598} 1599/* Phone landscape and bigger */ 1600@media (min-width: 960px) { 1601 .uk-block { 1602 padding-top: 50px; 1603 padding-bottom: 50px; 1604 } 1605} 1606/* 1607 * Micro clearfix to make blocks more robust 1608 */ 1609.uk-block:before, 1610.uk-block:after { 1611 content: ""; 1612 display: table; 1613} 1614.uk-block:after { 1615 clear: both; 1616} 1617/* 1618 * Remove margin from the last-child 1619 */ 1620.uk-block > :last-child { 1621 margin-bottom: 0; 1622} 1623/* Padding Modifier 1624 ========================================================================== */ 1625/* 1626 * Large padding 1627 */ 1628.uk-block-large { 1629 padding-top: 20px; 1630 padding-bottom: 20px; 1631} 1632/* Tablets and bigger */ 1633@media (min-width: 960px) { 1634 .uk-block-large { 1635 padding-top: 50px; 1636 padding-bottom: 50px; 1637 } 1638} 1639/* Desktop and bigger */ 1640@media (min-width: 1200px) { 1641 .uk-block-large { 1642 padding-top: 100px; 1643 padding-bottom: 100px; 1644 } 1645} 1646/* Color Modifier 1647 ========================================================================== */ 1648/* 1649 * Default 1650 */ 1651.uk-block-default { 1652 background: #fff; 1653} 1654/* 1655 * Muted 1656 */ 1657.uk-block-muted { 1658 background: #f9f9f9; 1659} 1660/* 1661 * Primary 1662 */ 1663.uk-block-primary { 1664 background: #00a8e6; 1665} 1666/* 1667 * Secondary 1668 */ 1669.uk-block-secondary { 1670 background: #222; 1671} 1672/* ======================================================================== 1673 Component: Article 1674 ========================================================================== */ 1675/* 1676 * Micro clearfix to make articles more robust 1677 */ 1678.uk-article:before, 1679.uk-article:after {
1680 content: ""; 1681 display: table; 1682} 1683.uk-article:after { 1684 clear: both; 1685} 1686/* 1687 * Remove margin from the last-child 1688 */ 1689/* 1690 * Vertical gutter for articles 1691 */ 1692.uk-article + .uk-article { 1693 margin-top: 25px; 1694} 1695/* Sub-object `uk-article-title` 1696 ========================================================================== */ 1697.uk-article-title { 1698 font-size: 36px; 1699 line-height: 42px; 1700 font-weight: normal; 1701 text-transform: none; 1702 color: #000000; 1703 font-family: "Barlow", sans-serif; 1704 font-size: 26px; 1705 font-weight: 600; 1706 font-style: normal; 1707 line-height: 1.2; 1708 margin: 0 0 14px 0; 1709 text-align: center; 1710} 1711.uk-article-title p { 1712 margin: 0; 1713 padding: 0; 1714} 1715.uk-article-title a { 1716 color: #000000; 1717} 1718.uk-article-title a { 1719 color: inherit; 1720 text-decoration: none; 1721} 1722/* Sub-object `uk-article-meta` 1723 ========================================================================== */ 1724.uk-article-meta { 1725 font-size: 12px; 1726 line-height: 18px; 1727 color: #999; 1728} 1729/* Sub-object `uk-article-lead` 1730 ========================================================================== */ 1731.uk-article-lead { 1732 color: #444; 1733 font-size: 18px; 1734 line-height: 24px; 1735 font-weight: normal; 1736} 1737/* Sub-object `uk-article-divider` 1738 ========================================================================== */ 1739.uk-article-divider { 1740 margin-bottom: 25px; 1741 border-color: #ddd; 1742} 1743* + .uk-article-divider { 1744 margin-top: 25px; 1745} 1746/* ======================================================================== 1747 Component: Comment 1748 ========================================================================== */ 1749/* Sub-object `uk-comment-header` 1750 ========================================================================== */ 1751.uk-comment-header { 1752 margin-bottom: 15px; 1753} 1754/* 1755 * Micro clearfix 1756 */ 1757.uk-comment-header:before, 1758.uk-comment-header:after { 1759 content: ""; 1760 display: table; 1761} 1762.uk-comment-header:after { 1763 clear: both; 1764} 1765/* Sub-object `uk-comment-avatar` 1766 ========================================================================== */ 1767.uk-comment-avatar { 1768 margin-right: 15px; 1769 float: left; 1770} 1771/* Sub-object `uk-comment-title` 1772 ========================================================================== */ 1773.uk-comment-title { 1774 margin: 5px 0 0 0; 1775 font-size: 16px; 1776 line-height: 22px; 1777} 1778/* Sub-object `uk-comment-meta` 1779 ========================================================================== */ 1780.uk-comment-meta { 1781 margin: 2px 0 0 0; 1782 font-size: 11px; 1783 line-height: 16px; 1784 color: #999; 1785} 1786/* Sub-object `uk-comment-body` 1787 ========================================================================== */ 1788/* 1789 * Remove margin from the last-child 1790 */ 1791.uk-comment-body > :last-child { 1792 margin-bottom: 0; 1793} 1794/* Sub-object `uk-comment-list` 1795 ========================================================================== */ 1796.uk-comment-list { 1797 padding: 0; 1798 list-style: none; 1799} 1800.uk-comment-list .uk-comment + ul { 1801 margin: 15px 0 0 0; 1802 list-style: none; 1803} 1804.uk-comment-list > li:nth-child(n+2), 1805.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { 1806 margin-top: 15px; 1807} 1808/* Tablet and bigger */ 1809@media (min-width: 960px) { 1810 .uk-comment-list .uk-comment + ul { 1811 padding-left: 100px; 1812 } 1813} 1814/* Modifier `uk-comment-primary` 1815 ========================================================================== */ 1816/* ======================================================================== 1817 Component: Cover 1818 ========================================================================== */ 1819/* 1820 * Background image always covers and centers its element 1821 */ 1822.uk-cover-background { 1823 background-position: 50% 50%; 1824 background-size: cover; 1825 background-repeat: no-repeat; 1826} 1827/* 1828 * Emulates image cover, works with video and image elements 1829 * 1. Parent container which clips resized object 1830 * 2. Resizes the object to always covers its container 1831 * 3. Reset the responsive image CSS 1832 * 4. Center object 1833 */ 1834/* 1 */ 1835.uk-cover { 1836 overflow: hidden; 1837} 1838.uk-cover-object { 1839 /* 2 */ 1840 width: auto; 1841 height: auto; 1842 min-width: 100%; 1843 min-height: 100%; 1844 /* 3 */ 1845 max-width: none; 1846 /* 4 */ 1847 position: relative; 1848 left: 50%; 1849 top: 50%; 1850 -webkit-transform: translate(-50%, -50%); 1851 transform: translate(-50%, -50%); 1852} 1853/* 1854 * To center iframes use `data-uk-cover` JavaScript 1855 */ 1856[data-uk-cover] { 1857 position: relative; 1858 left: 50%; 1859 top: 50%; 1860 -webkit-transform: translate(-50%, -50%); 1861 transform: translate(-50%, -50%); 1862} 1863/* ======================================================================== 1864 Component: Nav 1865 ========================================================================== */ 1866.uk-nav, 1867.uk-nav ul { 1868 margin: 0; 1869 padding: 0; 1870 list-style: none; 1871} 1872/* 1873 * Items 1874 */ 1875.uk-nav li > a { 1876 display: block; 1877 text-decoration: none; 1878} 1879.uk-nav > li > a { 1880 padding: 5px 15px; 1881} 1882/* 1883 * Nested items 1884 */ 1885.uk-nav ul { 1886 padding-left: 15px; 1887} 1888.uk-nav ul a { 1889 padding: 2px 0; 1890} 1891/* 1892 * Item subtitle 1893 */ 1894.uk-nav li > a > div { 1895 font-size: 12px; 1896 line-height: 18px; 1897} 1898/* Sub-object: `uk-nav-header` 1899 ========================================================================== */ 1900.uk-nav-header { 1901 padding: 5px 15px; 1902 text-transform: uppercase; 1903 font-weight: bold; 1904 font-size: 12px; 1905} 1906.uk-nav-header:not(:first-child) { 1907 margin-top: 15px; 1908} 1909/* Sub-object: `uk-nav-divider` 1910 ========================================================================== */ 1911.uk-nav-divider { 1912 margin: 9px 15px; 1913} 1914/* Sub-object: `uk-nav-sub` 1915 ========================================================================== */ 1916/* 1917 * `ul` needed for higher specificity to override padding 1918 */ 1919ul.uk-nav-sub { 1920 padding: 5px 0 5px 15px; 1921} 1922/* Modifier: `uk-nav-parent-icon` 1923 ========================================================================== */ 1924.uk-nav-parent-icon > .uk-parent > a:after {
1925 content: "\f104"; 1926 width: 20px; 1927 margin-right: -10px; 1928 float: right; 1929 font-family: FontAwesome; 1930 text-align: center; 1931} 1932.uk-nav-parent-icon > .uk-parent.uk-open > a:after { 1933 content: "\f107"; 1934} 1935/* Modifier `uk-nav-side` 1936 ========================================================================== */ 1937/* 1938 * Items 1939 */ 1940.uk-nav-side > li > a { 1941 color: #444; 1942} 1943/* 1944 * Hover 1945 * 1. Apply hover style also to focus state 1946 * 2. Remove default focus style 1947 */ 1948.uk-nav-side > li > a:hover, 1949.uk-nav-side > li > a:focus { 1950 background: rgba(0, 0, 0, 0.05); 1951 color: #444; 1952 /* 2 */ 1953 outline: none; 1954} 1955/* Active */ 1956.uk-nav-side > li.uk-active > a { 1957 background: #00a8e6; 1958 color: #fff; 1959} 1960/* 1961 * Sub-object: `uk-nav-header` 1962 */ 1963.uk-nav-side .uk-nav-header { 1964 color: #444; 1965} 1966/* 1967 * Sub-object: `uk-nav-divider` 1968 */ 1969.uk-nav-side .uk-nav-divider { 1970 border-top: 1px solid #ddd; 1971} 1972/* 1973 * Nested items 1974 */ 1975.uk-nav-side ul a { 1976 color: #07D; 1977} 1978.uk-nav-side ul a:hover { 1979 color: #059; 1980} 1981/* Modifier `uk-nav-dropdown` 1982 ========================================================================== */ 1983/* 1984 * Items 1985 */ 1986.uk-nav-dropdown > li > a { 1987 color: #444; 1988} 1989/* 1990 * Hover 1991 * 1. Apply hover style also to focus state 1992 * 2. Remove default focus style 1993 */ 1994.uk-nav-dropdown > li > a:hover, 1995.uk-nav-dropdown > li > a:focus { 1996 background: #00a8e6; 1997 color: #fff; 1998 /* 2 */ 1999 outline: none; 2000} 2001/* 2002 * Sub-object: `uk-nav-header` 2003 */ 2004.uk-nav-dropdown .uk-nav-header { 2005 color: #999; 2006} 2007/* 2008 * Sub-object: `uk-nav-divider` 2009 */ 2010.uk-nav-dropdown .uk-nav-divider { 2011 border-top: 1px solid #ddd; 2012} 2013/* 2014 * Nested items 2015 */ 2016.uk-nav-dropdown ul a { 2017 color: #07D; 2018} 2019.uk-nav-dropdown ul a:hover { 2020 color: #059; 2021} 2022/* Modifier `uk-nav-navbar` 2023 ========================================================================== */ 2024/* 2025 * Items 2026 */ 2027.uk-nav-navbar > li > a { 2028 color: #444; 2029} 2030/* 2031 * Hover 2032 * 1. Apply hover style also to focus state 2033 * 2. Remove default focus style 2034 */ 2035.uk-nav-navbar > li > a:hover, 2036.uk-nav-navbar > li > a:focus { 2037 background: #00a8e6; 2038 color: #fff; 2039 /* 2 */ 2040 outline: none; 2041} 2042/* 2043 * Sub-object: `uk-nav-header` 2044 */ 2045.uk-nav-navbar .uk-nav-header { 2046 color: #999; 2047} 2048/* 2049 * Sub-object: `uk-nav-divider` 2050 */ 2051.uk-nav-navbar .uk-nav-divider { 2052 border-top: 1px solid #ddd; 2053} 2054/* 2055 * Nested items 2056 */ 2057.uk-nav-navbar ul a { 2058 color: #07D; 2059} 2060.uk-nav-navbar ul a:hover { 2061 color: #059; 2062} 2063/* Modifier `uk-nav-offcanvas` 2064 ========================================================================== */ 2065/* 2066 * Items 2067 */ 2068.uk-nav-offcanvas > li > a { 2069 color: #ccc; 2070 padding: 10px 15px; 2071} 2072/* 2073 * Hover 2074 * No hover on touch devices because it behaves buggy in fixed offcanvas 2075 * 1. Apply hover style also to focus state 2076 * 2. Remove default focus style 2077 */ 2078.uk-nav-offcanvas > .uk-open > a, 2079html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 2080html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { 2081 background: #404040; 2082 color: #fff; 2083 /* 2 */ 2084 outline: none; 2085} 2086/* 2087 * Active 2088 * `html .uk-nav` needed for higher specificity to override hover 2089 */ 2090html .uk-nav.uk-nav-offcanvas > li.uk-active > a { 2091 background: #1a1a1a; 2092 color: #fff; 2093} 2094/* 2095 * Sub-object: `uk-nav-header` 2096 */ 2097.uk-nav-offcanvas .uk-nav-header { 2098 color: #777; 2099} 2100/* 2101 * Sub-object: `uk-nav-divider` 2102 */ 2103.uk-nav-offcanvas .uk-nav-divider { 2104 border-top: 1px solid #1a1a1a; 2105} 2106/* 2107 * Nested items 2108 * No hover on touch devices because it behaves buggy in fixed offcanvas 2109 */ 2110.uk-nav-offcanvas ul a { 2111 color: #ccc; 2112} 2113html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { 2114 color: #fff; 2115} 2116/* ======================================================================== 2117 Component: Navbar 2118 ========================================================================== */ 2119.uk-navbar { 2120 background: #eee; 2121 color: #444; 2122} 2123/* 2124 * Micro clearfix 2125 */ 2126.uk-navbar:before, 2127.uk-navbar:after { 2128 content: ""; 2129 display: table; 2130} 2131.uk-navbar:after { 2132 clear: both; 2133} 2134/* Sub-object: `uk-navbar-nav` 2135 ========================================================================== */ 2136.uk-navbar-nav { 2137 margin: 0; 2138 padding: 0; 2139 list-style: none; 2140 float: left; 2141} 2142/* 2143 * 1. Create position context for dropdowns 2144 */ 2145.uk-navbar-nav > li { 2146 float: left; 2147 /* 1 */ 2148 position: relative; 2149} 2150/* 2151 * 1. Dimensions 2152 * 2. Style 2153 */ 2154.uk-navbar-nav > li > a { 2155 display: block; 2156 box-sizing: border-box; 2157 text-decoration: none; 2158 /* 1 */ 2159 height: 40px; 2160 padding: 0 15px; 2161 line-height: 40px; 2162 /* 2 */ 2163 color: #444; 2164 font-size: 14px; 2165 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 2166 font-weight: normal; 2167} 2168/* Appear not as link */ 2169.uk-navbar-nav > li > a[href='#'] { 2170 cursor: text; 2171} 2172/* 2173 * Hover 2174 * 1. Apply hover style also to focus state 2175 * 2. Also apply if dropdown is opened 2176 * 3. Remove default focus style 2177 */ 2178.uk-navbar-nav > li:hover > a, 2179.uk-navbar-nav > li > a:focus, 2180.uk-navbar-nav > li.uk-open > a { 2181 background-color: #f5f5f5; 2182 color: #444; 2183 /* 3 */ 2184 outline: none; 2185} 2186/* OnClick */ 2187.uk-navbar-nav > li > a:active { 2188 background-color: #ddd; 2189 color: #444; 2190} 2191/* Active */ 2192.uk-navbar-nav > li.uk-active > a { 2193 background-color: #f5f5f5; 2194 color: #444; 2195} 2196/* Sub-objects: `uk-navbar-nav-subtitle` 2197 ========================================================================== */ 2198.uk-navbar-nav .uk-navbar-nav-subtitle { 2199 line-height: 28px; 2200} 2201.uk-navbar-nav-subtitle > div { 2202 margin-top: -6px; 2203 font-size: 10px; 2204 line-height: 12px; 2205} 2206/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` 2207 ========================================================================== */ 2208/* 2209 * Imitate navbar items 2210 */ 2211.uk-navbar-content, 2212.uk-navbar-brand, 2213.uk-navbar-toggle { 2214 box-sizing: border-box; 2215 display: block; 2216 height: 40px; 2217 padding: 0 15px; 2218 float: left; 2219} 2220/* 2221 * Helper to center all child elements vertically 2222 */ 2223.uk-navbar-content:before, 2224.uk-navbar-brand:before, 2225.uk-navbar-toggle:before { 2226 content: ''; 2227 display: inline-block; 2228 height: 100%; 2229 vertical-align: middle; 2230} 2231/* Sub-objects: `uk-navbar-content` 2232 ========================================================================== */ 2233/* 2234 * Better sibling spacing 2235 */ 2236.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { 2237 padding-left: 0; 2238} 2239/* 2240 * Link colors 2241 */ 2242.uk-navbar-content > a:not([class]) { 2243 color: #07D; 2244} 2245.uk-navbar-content > a:not([class]):hover {
2246 color: #059; 2247} 2248/* Sub-objects: `uk-navbar-brand` 2249 ========================================================================== */ 2250.uk-navbar-brand { 2251 font-size: 18px; 2252 color: #444; 2253 text-decoration: none; 2254} 2255/* 2256 * 1. Apply hover style also to focus state 2257 * 2. Remove default focus style 2258 */ 2259.uk-navbar-brand:hover, 2260.uk-navbar-brand:focus { 2261 color: #444; 2262 text-decoration: none; 2263 /* 2 */ 2264 outline: none; 2265} 2266/* Sub-object: `uk-navbar-toggle` 2267 ========================================================================== */ 2268.uk-navbar-toggle { 2269 font-size: 18px; 2270 color: #444; 2271 text-decoration: none; 2272} 2273/* 2274 * 1. Apply hover style also to focus state 2275 * 2. Remove default focus style 2276 */ 2277.uk-navbar-toggle:hover, 2278.uk-navbar-toggle:focus { 2279 color: #444; 2280 text-decoration: none; 2281 /* 2 */ 2282 outline: none; 2283} 2284/* 2285 * 1. Center icon vertically 2286 */ 2287.uk-navbar-toggle:after { 2288 content: "\f0c9"; 2289 font-family: FontAwesome; 2290 /* 1 */ 2291 vertical-align: middle; 2292} 2293.uk-navbar-toggle-alt:after { 2294 content: "\f002"; 2295} 2296/* Sub-object: `uk-navbar-center` 2297 ========================================================================== */ 2298/* 2299 * The element with this class needs to be last child in the navbar 2300 * 1. This hack is needed because other float elements shift centered text 2301 */ 2302.uk-navbar-center { 2303 float: none; 2304 text-align: center; 2305 /* 1 */ 2306 max-width: 50%; 2307 margin-left: auto; 2308 margin-right: auto; 2309} 2310/* Sub-object: `uk-navbar-flip` 2311 ========================================================================== */ 2312.uk-navbar-flip { 2313 float: right; 2314} 2315/* ======================================================================== 2316 Component: Subnav 2317 ========================================================================== */ 2318/* 2319 * 1. Gutter 2320 * 2. Remove default list style 2321 */ 2322.uk-subnav { 2323 display: -ms-flexbox; 2324 display: -webkit-flex; 2325 display: flex; 2326 -ms-flex-wrap: wrap; 2327 -webkit-flex-wrap: wrap; 2328 flex-wrap: wrap; 2329 /* 1 */ 2330 margin-left: -10px; 2331 margin-top: -10px; 2332 /* 2 */ 2333 padding: 0; 2334 list-style: none; 2335} 2336/* 2337 * 1. Space is allocated solely based on content dimensions 2338 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 2339 * 3. Create position context for dropdowns 2340 */ 2341.uk-subnav > * { 2342 /* 1 */ 2343 -ms-flex: none; 2344 -webkit-flex: none; 2345 flex: none; 2346 /* 2 */ 2347 padding-left: 10px; 2348 margin-top: 10px; 2349 /* 3 */ 2350 position: relative; 2351} 2352/* 2353 * DEPRECATED IE9 Support 2354 */ 2355.uk-subnav:before, 2356.uk-subnav:after { 2357 content: ""; 2358 display: block; 2359 overflow: hidden; 2360} 2361.uk-subnav:after { 2362 clear: both; 2363} 2364.uk-subnav > * { 2365 float: left; 2366} 2367/* Items 2368 ========================================================================== */ 2369.uk-subnav > * > * { 2370 display: inline-block; 2371 color: #444; 2372} 2373/* 2374 * Hover 2375 * 1. Apply hover style also to focus state 2376 */ 2377.uk-subnav > * > :hover, 2378.uk-subnav > * > :focus { 2379 color: #07D; 2380 text-decoration: none; 2381} 2382/* 2383 * Active 2384 */ 2385.uk-subnav > .uk-active > * { 2386 color: #07D; 2387} 2388/* Modifier: 'subnav-line' 2389 ========================================================================== */ 2390.uk-subnav-line > :before { 2391 content: ""; 2392 display: inline-block; 2393 height: 10px; 2394 vertical-align: middle; 2395} 2396.uk-subnav-line > :nth-child(n+2):before { 2397 margin-right: 10px; 2398 border-left: 1px solid #ddd; 2399} 2400/* Modifier: 'subnav-pill' 2401 ========================================================================== */ 2402.uk-subnav-pill > * > * { 2403 padding: 3px 9px; 2404} 2405/* 2406 * Hover 2407 * 1. Apply hover style also to focus state 2408 * 2. Remove default focus style 2409 */ 2410.uk-subnav-pill > * > :hover, 2411.uk-subnav-pill > * > :focus { 2412 background: #eee; 2413 color: #444; 2414 text-decoration: none; 2415 /* 2 */ 2416 outline: none; 2417} 2418/* 2419 * Active 2420 * `li` needed for higher specificity to override hover 2421 */ 2422.uk-subnav-pill > .uk-active > * { 2423 background: #00a8e6; 2424 color: #fff; 2425} 2426/* Disabled state 2427 ========================================================================== */ 2428.uk-subnav > .uk-disabled > * { 2429 background: none; 2430 color: #999; 2431 text-decoration: none; 2432 cursor: text; 2433} 2434/* ======================================================================== 2435 Component: Breadcrumb 2436 ========================================================================== */ 2437/* 2438 * 1. Remove default list style 2439 * 2. Remove whitespace between child elements when using `inline-block` 2440 */ 2441.uk-breadcrumb { 2442 /* 1 */ 2443 padding: 0; 2444 list-style: none; 2445 /* 2 */ 2446 font-size: 0.001px; 2447} 2448/* Items 2449 ========================================================================== */ 2450/* 2451 * Reset whitespace hack 2452 */ 2453.uk-breadcrumb > li { 2454 font-size: 1rem; 2455 vertical-align: top; 2456} 2457.uk-breadcrumb > li, 2458.uk-breadcrumb > li > a, 2459.uk-breadcrumb > li > span { 2460 display: inline-block; 2461} 2462.uk-breadcrumb > li:nth-child(n+2):before { 2463 content: "/"; 2464 display: inline-block; 2465 margin: 0 8px; 2466} 2467/* 2468 * Disabled 2469 */ 2470.uk-breadcrumb > li:not(.uk-active) > span { 2471 color: #999; 2472} 2473/* ======================================================================== 2474 Component: Pagination 2475 ========================================================================== */ 2476/* 2477 * 1. Remove default list style 2478 * 2. Center pagination by default 2479 * 3. Remove whitespace between child elements when using `inline-block` 2480 */ 2481.uk-pagination { 2482 /* 1 */ 2483 padding: 0; 2484 list-style: none; 2485 /* 2 */ 2486 text-align: center; 2487 /* 3 */ 2488 font-size: 0.001px; 2489} 2490/* 2491 * Micro clearfix 2492 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used 2493 */ 2494.uk-pagination:before, 2495.uk-pagination:after {
2496 content: ""; 2497 display: table; 2498} 2499.uk-pagination:after { 2500 clear: both; 2501} 2502/* Items 2503 ========================================================================== */ 2504/* 2505 * 1. Reset whitespace hack 2506 * 2. Remove the gap at the bottom of it container 2507 */ 2508.uk-pagination > li { 2509 display: inline-block; 2510 /* 1 */ 2511 font-size: 1rem; 2512 /* 2 */ 2513 vertical-align: top; 2514} 2515.uk-pagination > li:nth-child(n+2) { 2516 margin-left: 5px; 2517} 2518/* 2519 * 1. Makes pagination more robust against different box-sizing use 2520 * 2. Reset text-align to center if alignment modifier is used 2521 */ 2522.uk-pagination > li > a, 2523.uk-pagination > li > span { 2524 display: inline-block; 2525 min-width: 16px; 2526 padding: 3px 5px; 2527 line-height: 20px; 2528 text-decoration: none; 2529 /* 1 */ 2530 box-sizing: content-box; 2531 /* 2 */ 2532 text-align: center; 2533} 2534/* 2535 * Links 2536 */ 2537.uk-pagination > li > a { 2538 background: #eee; 2539 color: #444; 2540} 2541/* 2542 * Hover 2543 * 1. Apply hover style also to focus state 2544 * 2. Remove default focus style 2545 */ 2546.uk-pagination > li > a:hover, 2547.uk-pagination > li > a:focus { 2548 background-color: #f5f5f5; 2549 color: #444; 2550 /* 2 */ 2551 outline: none; 2552} 2553/* OnClick */ 2554.uk-pagination > li > a:active { 2555 background-color: #ddd; 2556 color: #444; 2557} 2558/* 2559 * Active 2560 */ 2561.uk-pagination > .uk-active > span { 2562 background: #00a8e6; 2563 color: #fff; 2564} 2565/* 2566 * Disabled 2567 */ 2568.uk-pagination > .uk-disabled > span { 2569 background-color: #f5f5f5; 2570 color: #999; 2571} 2572/* Previous and next navigation 2573 ========================================================================== */ 2574.uk-pagination-previous { 2575 float: left; 2576} 2577.uk-pagination-next { 2578 float: right; 2579} 2580/* Alignment modifiers 2581 ========================================================================== */ 2582.uk-pagination-left { 2583 text-align: left; 2584} 2585.uk-pagination-right { 2586 text-align: right; 2587} 2588/* ======================================================================== 2589 Component: Tab 2590 ========================================================================== */ 2591.uk-tab { 2592 margin: 0; 2593 padding: 0; 2594 list-style: none; 2595 border-bottom: 1px solid #ddd; 2596} 2597/* 2598 * Micro clearfix on the deepest container 2599 */ 2600.uk-tab:before, 2601.uk-tab:after { 2602 content: ""; 2603 display: table; 2604} 2605.uk-tab:after { 2606 clear: both; 2607} 2608/* 2609 * Items 2610 * 1. Create position context for dropdowns 2611 */ 2612.uk-tab > li { 2613 margin-bottom: -1px; 2614 float: left; 2615 /* 1 */ 2616 position: relative; 2617} 2618.uk-tab > li > a { 2619 display: block; 2620 padding: 8px 12px 8px 12px; 2621 border: 1px solid transparent; 2622 border-bottom-width: 0; 2623 color: #07D; 2624 text-decoration: none; 2625} 2626.uk-tab > li:nth-child(n+2) > a { 2627 margin-left: 5px; 2628} 2629/* 2630 * Hover 2631 * 1. Apply hover style also to focus state 2632 * 2. Also apply if dropdown is opened 2633 * 3. Remove default focus style 2634 */ 2635.uk-tab > li > a:hover, 2636.uk-tab > li > a:focus, 2637.uk-tab > li.uk-open > a { 2638 border-color: #f5f5f5; 2639 background: #f5f5f5; 2640 color: #059; 2641 /* 2 */ 2642 outline: none; 2643} 2644.uk-tab > li:not(.uk-active) > a:hover, 2645.uk-tab > li:not(.uk-active) > a:focus, 2646.uk-tab > li.uk-open:not(.uk-active) > a { 2647 margin-bottom: 1px; 2648 padding-bottom: 7px; 2649} 2650/* Active */ 2651.uk-tab > li.uk-active > a { 2652 border-color: #ddd; 2653 border-bottom-color: transparent; 2654 background: #fff; 2655 color: #444; 2656} 2657/* Disabled */ 2658.uk-tab > li.uk-disabled > a { 2659 color: #999; 2660 cursor: text; 2661} 2662.uk-tab > li.uk-disabled > a:hover, 2663.uk-tab > li.uk-disabled > a:focus, 2664.uk-tab > li.uk-disabled.uk-active > a { 2665 background: none; 2666 border-color: transparent; 2667} 2668/* Modifier: 'tab-flip' 2669 ========================================================================== */ 2670.uk-tab-flip > li { 2671 float: right; 2672} 2673.uk-tab-flip > li:nth-child(n+2) > a { 2674 margin-left: 0; 2675 margin-right: 5px; 2676} 2677/* Modifier: 'tab-responsive' 2678 ========================================================================== */ 2679.uk-tab > li.uk-tab-responsive > a { 2680 margin-left: 0; 2681 margin-right: 0; 2682} 2683/* 2684 * Icon 2685 */ 2686.uk-tab-responsive > a:before { 2687 content: "\f0c9\00a0"; 2688 font-family: FontAwesome; 2689} 2690/* Modifier: 'tab-center' 2691 ========================================================================== */ 2692.uk-tab-center { 2693 border-bottom: 1px solid #ddd; 2694} 2695.uk-tab-center-bottom { 2696 border-bottom: none; 2697 border-top: 1px solid #ddd; 2698} 2699.uk-tab-center:before, 2700.uk-tab-center:after {
2701 content: ""; 2702 display: table; 2703} 2704.uk-tab-center:after { 2705 clear: both; 2706} 2707/* 2708 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs 2709 */ 2710.uk-tab-center .uk-tab { 2711 position: relative; 2712 right: 50%; 2713 border: none; 2714 float: right; 2715} 2716.uk-tab-center .uk-tab > li { 2717 position: relative; 2718 right: -50%; 2719} 2720.uk-tab-center .uk-tab > li > a { 2721 text-align: center; 2722} 2723/* Modifier: 'tab-bottom' 2724 ========================================================================== */ 2725.uk-tab-bottom { 2726 border-top: 1px solid #ddd; 2727 border-bottom: none; 2728} 2729.uk-tab-bottom > li { 2730 margin-top: -1px; 2731 margin-bottom: 0; 2732} 2733.uk-tab-bottom > li > a { 2734 padding-top: 8px; 2735 padding-bottom: 8px; 2736 border-bottom-width: 1px; 2737 border-top-width: 0; 2738} 2739.uk-tab-bottom > li:not(.uk-active) > a:hover, 2740.uk-tab-bottom > li:not(.uk-active) > a:focus, 2741.uk-tab-bottom > li.uk-open:not(.uk-active) > a { 2742 margin-bottom: 0; 2743 margin-top: 1px; 2744 padding-bottom: 8px; 2745 padding-top: 7px; 2746} 2747.uk-tab-bottom > li.uk-active > a { 2748 border-top-color: transparent; 2749 border-bottom-color: #ddd; 2750} 2751/* Modifier: 'tab-grid' 2752 ========================================================================== */ 2753/* 2754 * 1. Create position context to prevent hidden border because of negative `z-index` 2755 */ 2756.uk-tab-grid { 2757 margin-left: -5px; 2758 border-bottom: none; 2759 /* 1 */ 2760 position: relative; 2761 z-index: 0; 2762} 2763.uk-tab-grid:before { 2764 display: block; 2765 position: absolute; 2766 left: 5px; 2767 right: 0; 2768 bottom: -1px; 2769 border-top: 1px solid #ddd; 2770 /* 1 */ 2771 z-index: -1; 2772} 2773.uk-tab-grid > li:first-child > a { 2774 margin-left: 5px; 2775} 2776.uk-tab-grid > li > a { 2777 text-align: center; 2778} 2779/* 2780 * If `uk-tab-bottom` 2781 */ 2782.uk-tab-grid.uk-tab-bottom { 2783 border-top: none; 2784} 2785.uk-tab-grid.uk-tab-bottom:before { 2786 top: -1px; 2787 bottom: auto; 2788} 2789/* Modifier: 'tab-left', 'tab-right' 2790 ========================================================================== */ 2791/* Tablet and bigger */ 2792@media (min-width: 960px) { 2793 .uk-tab-left, 2794 .uk-tab-right { 2795 border-bottom: none; 2796 } 2797 .uk-tab-left > li, 2798 .uk-tab-right > li { 2799 margin-bottom: 0; 2800 float: none; 2801 } 2802 .uk-tab-left > li > a, 2803 .uk-tab-right > li > a { 2804 padding-top: 8px; 2805 padding-bottom: 8px; 2806 } 2807 .uk-tab-left > li:nth-child(n+2) > a, 2808 .uk-tab-right > li:nth-child(n+2) > a { 2809 margin-left: 0; 2810 margin-top: 5px; 2811 } 2812 .uk-tab-left > li.uk-active > a, 2813 .uk-tab-right > li.uk-active > a { 2814 border-color: #ddd; 2815 } 2816 /* 2817 * Modifier: 'tab-left' 2818 */ 2819 .uk-tab-left { 2820 border-right: 1px solid #ddd; 2821 } 2822 .uk-tab-left > li { 2823 margin-right: -1px; 2824 } 2825 .uk-tab-left > li > a { 2826 border-bottom-width: 1px; 2827 border-right-width: 0; 2828 } 2829 .uk-tab-left > li:not(.uk-active) > a:hover, 2830 .uk-tab-left > li:not(.uk-active) > a:focus { 2831 margin-bottom: 0; 2832 margin-right: 1px; 2833 padding-bottom: 8px; 2834 padding-right: 11px; 2835 } 2836 .uk-tab-left > li.uk-active > a { 2837 border-right-color: transparent; 2838 } 2839 /* 2840 * Modifier: 'tab-right' 2841 */ 2842 .uk-tab-right { 2843 border-left: 1px solid #ddd; 2844 } 2845 .uk-tab-right > li { 2846 margin-left: -1px; 2847 } 2848 .uk-tab-right > li > a { 2849 border-bottom-width: 1px; 2850 border-left-width: 0; 2851 } 2852 .uk-tab-right > li:not(.uk-active) > a:hover, 2853 .uk-tab-right > li:not(.uk-active) > a:focus { 2854 margin-bottom: 0; 2855 margin-left: 1px; 2856 padding-bottom: 8px; 2857 padding-left: 11px; 2858 } 2859 .uk-tab-right > li.uk-active > a { 2860 border-left-color: transparent; 2861 } 2862} 2863/* ======================================================================== 2864 Component: Thumbnav 2865 ========================================================================== */ 2866/* 2867 * 1. Gutter 2868 * 2. Remove default list style 2869 */ 2870.uk-thumbnav { 2871 display: -ms-flexbox; 2872 display: -webkit-flex; 2873 display: flex; 2874 -ms-flex-wrap: wrap; 2875 -webkit-flex-wrap: wrap; 2876 flex-wrap: wrap; 2877 /* 1 */ 2878 margin-left: -10px; 2879 margin-top: -10px; 2880 /* 2 */ 2881 padding: 0; 2882 list-style: none; 2883} 2884/* 2885 * 1. Space is allocated solely based on content dimensions 2886 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 2887 */ 2888.uk-thumbnav > * { 2889 /* 1 */ 2890 -ms-flex: none; 2891 -webkit-flex: none; 2892 flex: none; 2893 /* 2 */ 2894 padding-left: 10px; 2895 margin-top: 10px; 2896} 2897/* 2898 * DEPRECATED IE9 Support 2899 */
2900.uk-thumbnav:before, 2901.uk-thumbnav:after { 2902 content: ""; 2903 display: block; 2904 overflow: hidden; 2905} 2906.uk-thumbnav:after { 2907 clear: both; 2908} 2909.uk-thumbnav > * { 2910 float: left; 2911} 2912/* Items 2913 ========================================================================== */ 2914.uk-thumbnav > * > * { 2915 display: block; 2916 background: #fff; 2917} 2918.uk-thumbnav > * > * > img { 2919 opacity: 0.7; 2920 -webkit-transition: opacity 0.15s linear; 2921 transition: opacity 0.15s linear; 2922} 2923/* 2924 * Hover 2925 */ 2926.uk-thumbnav > * > :hover > img, 2927.uk-thumbnav > * > :focus > img { 2928 opacity: 1; 2929} 2930/* 2931 * Active 2932 */ 2933.uk-thumbnav > .uk-active > * > img { 2934 opacity: 1; 2935} 2936/* ======================================================================== 2937 Component: List 2938 ========================================================================== */ 2939.uk-list { 2940 padding: 0; 2941 list-style: none; 2942} 2943/* 2944 * Micro clearfix to make list more robust 2945 */ 2946.uk-list > li:before, 2947.uk-list > li:after { 2948 content: ""; 2949 display: table; 2950} 2951.uk-list > li:after { 2952 clear: both; 2953} 2954/* 2955 * Remove margin from the last-child 2956 */ 2957.uk-list > li > :last-child { 2958 margin-bottom: 0; 2959} 2960/* 2961 * Nested lists 2962 */ 2963.uk-list ul { 2964 margin: 0; 2965 padding-left: 20px; 2966 list-style: none; 2967} 2968/* Modifier: `uk-list-line` 2969 ========================================================================== */ 2970.uk-list-line > li:nth-child(n+2) { 2971 margin-top: 5px; 2972 padding-top: 5px; 2973 border-top: 1px solid #ddd; 2974} 2975/* Modifier: `uk-list-striped` 2976 ========================================================================== */ 2977.uk-list-striped > li { 2978 padding: 5px 5px; 2979} 2980.uk-list-striped > li:nth-of-type(odd) { 2981 background: #f5f5f5; 2982} 2983/* Modifier: `uk-list-space` 2984 ========================================================================== */ 2985.uk-list-space > li:nth-child(n+2) { 2986 margin-top: 10px; 2987} 2988/* ======================================================================== 2989 Component: Description list 2990 ========================================================================== */ 2991/* Modifier: `uk-description-list-horizontal` 2992 ========================================================================== */ 2993/* Tablet and bigger */ 2994@media (min-width: 960px) { 2995 .uk-description-list-horizontal { 2996 overflow: hidden; 2997 } 2998 .uk-description-list-horizontal > dt { 2999 width: 160px; 3000 float: left; 3001 clear: both; 3002 overflow: hidden; 3003 text-overflow: ellipsis; 3004 white-space: nowrap; 3005 } 3006 .uk-description-list-horizontal > dd { 3007 margin-left: 180px; 3008 } 3009} 3010/* Modifier: `uk-description-list-line` 3011 ========================================================================== */ 3012.uk-description-list-line > dt { 3013 font-weight: normal; 3014} 3015.uk-description-list-line > dt:nth-child(n+2) { 3016 margin-top: 5px; 3017 padding-top: 5px; 3018 border-top: 1px solid #ddd; 3019} 3020.uk-description-list-line > dd { 3021 color: #999; 3022} 3023/* ======================================================================== 3024 Component: Table 3025 ========================================================================== */ 3026/* 3027 * 1. Remove most spacing between table cells. 3028 * 2. Block element behavior 3029 * 3. Style 3030 */ 3031.uk-table { 3032 /* 1 */ 3033 border-collapse: collapse; 3034 border-spacing: 0; 3035 /* 2 */ 3036 width: 100%; 3037 /* 3 */ 3038 margin-bottom: 15px; 3039} 3040/* 3041 * Add margin if adjacent element 3042 */ 3043* + .uk-table { 3044 margin-top: 15px; 3045} 3046.uk-table th, 3047.uk-table td { 3048 padding: 8px 8px; 3049} 3050/* 3051 * Set alignment 3052 */ 3053.uk-table th { 3054 text-align: left; 3055} 3056.uk-table td { 3057 vertical-align: top; 3058} 3059.uk-table thead th { 3060 vertical-align: bottom; 3061} 3062/* 3063 * Caption and footer 3064 */ 3065.uk-table caption, 3066.uk-table tfoot { 3067 font-size: 12px; 3068 font-style: italic; 3069} 3070.uk-table caption { 3071 text-align: left; 3072 color: #999; 3073} 3074/* 3075 * Active State 3076 */ 3077.uk-table tbody tr.uk-active { 3078 background: #EEE; 3079} 3080/* Sub-modifier: `uk-table-middle` 3081 ========================================================================== */ 3082.uk-table-middle, 3083.uk-table-middle td { 3084 vertical-align: middle !important; 3085} 3086/* Modifier: `uk-table-striped` 3087 ========================================================================== */ 3088.uk-table-striped tbody tr:nth-of-type(odd) { 3089 background: #f5f5f5; 3090} 3091/* Modifier: `uk-table-condensed` 3092 ========================================================================== */ 3093.uk-table-condensed td { 3094 padding: 4px 8px; 3095} 3096/* Modifier: `uk-table-hover` 3097 ========================================================================== */ 3098.uk-table-hover tbody tr:hover { 3099 background: #EEE; 3100} 3101/* ======================================================================== 3102 Component: Form 3103 ========================================================================== */ 3104/* 3105 * 1. Define consistent box sizing. 3106 * Default is `content-box` with following exceptions set to `border-box` 3107 * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` 3108 * `input[type="search"]` in Chrome, Safari and Opera 3109 * `input[type="color"]` in Firefox 3110 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3111 * 3. Remove `border-radius` in iOS. 3112 * 4. Correct `font` properties and `color` not being inherited. 3113 */ 3114.uk-form input, 3115.uk-form select, 3116.uk-form textarea { 3117 /* 1 */ 3118 box-sizing: border-box; 3119 /* 2 */ 3120 margin: 0; 3121 /* 3 */ 3122 border-radius: 0; 3123 /* 4 */ 3124 font: inherit; 3125 color: inherit; 3126} 3127/* 3128 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox 3129 */ 3130.uk-form select { 3131 text-transform: none; 3132} 3133/* 3134 * 1. Correct `font` properties not being inherited. 3135 * 2. Don't inherit the `font-weight` and use `bold` instead. 3136 * NOTE: Both declarations don't work in Chrome, Safari and Opera. 3137 */ 3138.uk-form optgroup { 3139 /* 1 */ 3140 font: inherit; 3141 /* 2 */ 3142 font-weight: bold; 3143} 3144/* 3145 * Removes inner padding and border in Firefox 4+. 3146 */ 3147.uk-form input::-moz-focus-inner { 3148 border: 0; 3149 padding: 0; 3150} 3151/* 3152 * Removes excess padding in IE 8/9/10. 3153 */ 3154.uk-form input[type="checkbox"], 3155.uk-form input[type="radio"] { 3156 padding: 0; 3157} 3158/* 3159 * Improves consistency of cursor style for clickable elements 3160 */ 3161.uk-form input[type="checkbox"]:not(:disabled), 3162.uk-form input[type="radio"]:not(:disabled) { 3163 cursor: pointer; 3164} 3165/* 3166 * Remove default style in iOS. 3167 */ 3168.uk-form textarea, 3169.uk-form input:not([type]), 3170.uk-form input[type="text"], 3171.uk-form input[type="password"], 3172.uk-form input[type="email"], 3173.uk-form input[type="url"], 3174.uk-form input[type="search"], 3175.uk-form input[type="tel"], 3176.uk-form input[type="number"], 3177.uk-form input[type="datetime"] { 3178 -webkit-appearance: none; 3179} 3180/* 3181 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. 3182 */ 3183.uk-form input[type="search"]::-webkit-search-cancel-button, 3184.uk-form input[type="search"]::-webkit-search-decoration { 3185 -webkit-appearance: none; 3186} 3187/* 3188 * Fix the cursor style for Chrome's increment/decrement buttons. For certain 3189 * `font-size` values of the `input`, it causes the cursor style of the 3190 * decrement button to change from `default` to `text`. 3191 */ 3192.uk-form input[type="number"]::-webkit-inner-spin-button, 3193.uk-form input[type="number"]::-webkit-outer-spin-button { 3194 height: auto; 3195} 3196/* 3197 * Define consistent border, margin, and padding. 3198 */ 3199.uk-form fieldset { 3200 border: none; 3201 margin: 0; 3202 padding: 0; 3203} 3204/* 3205 * 1. Remove default vertical scrollbar in IE 8/9/10/11. 3206 * 2. Improve readability and alignment in all browsers. 3207 */ 3208.uk-form textarea { 3209 /* 1 */ 3210 overflow: auto; 3211 /* 2 */ 3212 vertical-align: top; 3213} 3214/* 3215 * Removes placeholder transparency in Firefox. 3216 */ 3217.uk-form ::-moz-placeholder { 3218 opacity: 1; 3219} 3220/* 3221 * Removes `box-shadow` for invalid controls in Firefox. 3222 */ 3223.uk-form :invalid { 3224 box-shadow: none; 3225} 3226/* 3227 * Vertical alignment 3228 */ 3229.uk-form input:not([type="radio"]):not([type="checkbox"]), 3230.uk-form select { 3231 vertical-align: middle; 3232} 3233/* Style 3234 ========================================================================== */ 3235/* 3236 * Remove margin from the last-child 3237 */ 3238.uk-form > :last-child { 3239 margin-bottom: 0; 3240} 3241/* 3242 * Controls 3243 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` 3244 * 1. Must be `height` because `min-height` is not working in OSX 3245 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports 3246 * 3. Vertical `padding` needed for `select` elements in Firefox 3247 * 4. Style 3248 */ 3249.uk-form select, 3250.uk-form textarea, 3251.uk-form input:not([type]), 3252.uk-form input[type="text"], 3253.uk-form input[type="password"], 3254.uk-form input[type="datetime"], 3255.uk-form input[type="datetime-local"], 3256.uk-form input[type="date"], 3257.uk-form input[type="month"], 3258.uk-form input[type="time"], 3259.uk-form input[type="week"], 3260.uk-form input[type="number"], 3261.uk-form input[type="email"], 3262.uk-form input[type="url"], 3263.uk-form input[type="search"], 3264.uk-form input[type="tel"], 3265.uk-form input[type="color"] { 3266 /* 1 */ 3267 height: 30px; 3268 /* 2 */ 3269 max-width: 100%; 3270 /* 3 */ 3271 padding: 4px 6px; 3272 /* 4 */ 3273 border: 1px solid #ddd; 3274 background: #fff; 3275 color: #444; 3276 -webkit-transition: all 0.2s linear; 3277 -webkit-transition-property: border, background, color, box-shadow, padding; 3278 transition: all 0.2s linear; 3279 transition-property: border, background, color, box-shadow, padding; 3280} 3281.uk-form select:focus, 3282.uk-form textarea:focus, 3283.uk-form input:not([type]):focus, 3284.uk-form input[type="text"]:focus, 3285.uk-form input[type="password"]:focus, 3286.uk-form input[type="datetime"]:focus, 3287.uk-form input[type="datetime-local"]:focus, 3288.uk-form input[type="date"]:focus, 3289.uk-form input[type="month"]:focus, 3290.uk-form input[type="time"]:focus, 3291.uk-form input[type="week"]:focus, 3292.uk-form input[type="number"]:focus, 3293.uk-form input[type="email"]:focus, 3294.uk-form input[type="url"]:focus, 3295.uk-form input[type="search"]:focus, 3296.uk-form input[type="tel"]:focus, 3297.uk-form input[type="color"]:focus { 3298 border-color: #99baca; 3299 outline: 0; 3300 background: #f5fbfe; 3301 color: #444; 3302} 3303.uk-form select:disabled, 3304.uk-form textarea:disabled, 3305.uk-form input:not([type]):disabled, 3306.uk-form input[type="text"]:disabled, 3307.uk-form input[type="password"]:disabled, 3308.uk-form input[type="datetime"]:disabled, 3309.uk-form input[type="datetime-local"]:disabled, 3310.uk-form input[type="date"]:disabled, 3311.uk-form input[type="month"]:disabled, 3312.uk-form input[type="time"]:disabled, 3313.uk-form input[type="week"]:disabled, 3314.uk-form input[type="number"]:disabled, 3315.uk-form input[type="email"]:disabled, 3316.uk-form input[type="url"]:disabled, 3317.uk-form input[type="search"]:disabled, 3318.uk-form input[type="tel"]:disabled, 3319.uk-form input[type="color"]:disabled { 3320 border-color: #ddd; 3321 background-color: #f5f5f5; 3322 color: #999; 3323} 3324/* 3325 * Placeholder 3326 */ 3327.uk-form :-ms-input-placeholder { 3328 color: #999 !important; 3329} 3330.uk-form ::-moz-placeholder { 3331 color: #999; 3332} 3333.uk-form ::-webkit-input-placeholder { 3334 color: #999; 3335} 3336.uk-form :disabled:-ms-input-placeholder { 3337 color: #999 !important; 3338} 3339.uk-form :disabled::-moz-placeholder { 3340 color: #999; 3341} 3342.uk-form :disabled::-webkit-input-placeholder { 3343 color: #999; 3344} 3345/* 3346 * Legend 3347 * 1. Behave like block element 3348 * 2. Correct `color` not being inherited in IE 8/9/10/11. 3349 * 3. Remove padding 3350 * 4. `margin-bottom` is not working in Safari and Opera. 3351 * Using `padding` and :after instead to create the border 3352 * 5. Style 3353 */ 3354.uk-form legend { 3355 /* 1 */ 3356 width: 100%; 3357 /* 2 */ 3358 border: 0; 3359 /* 3 */ 3360 padding: 0; 3361 /* 4 */ 3362 padding-bottom: 15px; 3363 /* 5 */ 3364 font-size: 18px; 3365 line-height: 30px; 3366} 3367/* 3368 * 1. Fixes IE9 3369 */ 3370.uk-form legend:after {
3371 content: ""; 3372 display: block; 3373 border-bottom: 1px solid #ddd; 3374 /* 1 */ 3375 width: 100%; 3376} 3377/* Size modifiers 3378 * Higher specificity needed to override defaults 3379 ========================================================================== */ 3380select.uk-form-small, 3381textarea.uk-form-small, 3382input[type].uk-form-small, 3383input:not([type]).uk-form-small { 3384 height: 25px; 3385 padding: 3px 3px; 3386 font-size: 12px; 3387} 3388select.uk-form-large, 3389textarea.uk-form-large, 3390input[type].uk-form-large, 3391input:not([type]).uk-form-large { 3392 height: 40px; 3393 padding: 8px 6px; 3394 font-size: 16px; 3395} 3396/* Reset height 3397 * Must be after size modifiers 3398 ========================================================================== */ 3399.uk-form textarea, 3400.uk-form select[multiple], 3401.uk-form select[size] { 3402 height: auto; 3403} 3404/* Validation states 3405 * Using !important to keep the selector simple 3406 ========================================================================== */ 3407/* 3408 * Error state 3409 */ 3410.uk-form-danger { 3411 border-color: #dc8d99 !important; 3412 background: #fff7f8 !important; 3413 color: #d85030 !important; 3414} 3415/* 3416 * Success state 3417 */ 3418.uk-form-success { 3419 border-color: #8ec73b !important; 3420 background: #fafff2 !important; 3421 color: #659f13 !important; 3422} 3423/* Style modifiers 3424 * Using !important to keep the selector simple 3425 ========================================================================== */ 3426/* 3427 * Blank form 3428 */ 3429.uk-form-blank { 3430 border-color: transparent !important; 3431 border-style: dashed !important; 3432 background: none !important; 3433} 3434.uk-form-blank:focus { 3435 border-color: #ddd !important; 3436} 3437/* Size sub-modifiers 3438 ========================================================================== */ 3439/* 3440 * Fixed widths 3441 * Different widths for mini sized `input` and `select` elements 3442 */ 3443input.uk-form-width-mini { 3444 width: 40px; 3445} 3446select.uk-form-width-mini { 3447 width: 65px; 3448} 3449.uk-form-width-small { 3450 width: 130px; 3451} 3452.uk-form-width-medium { 3453 width: 200px; 3454} 3455.uk-form-width-large { 3456 width: 500px; 3457} 3458/* Sub-objects: `uk-form-row` 3459 * Groups labels and controls in rows 3460 ========================================================================== */ 3461/* 3462 * Micro clearfix 3463 * Needed for `uk-form-horizontal` modifier 3464 */ 3465.uk-form-row:before, 3466.uk-form-row:after { 3467 content: ""; 3468 display: table; 3469} 3470.uk-form-row:after { 3471 clear: both; 3472} 3473/* 3474 * Vertical gutter 3475 */ 3476.uk-form-row + .uk-form-row { 3477 margin-top: 15px; 3478} 3479/* Help text 3480 * Sub-object: `uk-form-help-inline`, `uk-form-help-block` 3481 ========================================================================== */ 3482.uk-form-help-inline { 3483 display: inline-block; 3484 margin: 0 0 0 10px; 3485} 3486.uk-form-help-block { 3487 margin: 5px 0 0 0; 3488} 3489/* Controls content 3490 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` 3491 ========================================================================== */ 3492/* 3493 * Remove margins 3494 */ 3495.uk-form-controls > :first-child { 3496 margin-top: 0; 3497} 3498.uk-form-controls > :last-child { 3499 margin-bottom: 0; 3500} 3501/* 3502 * Group controls and text into blocks with a small spacing between blocks 3503 */ 3504.uk-form-controls-condensed { 3505 margin: 5px 0; 3506} 3507/* Modifier: `uk-form-stacked` 3508 * Requires sub-object: `uk-form-label` 3509 ========================================================================== */ 3510.uk-form-stacked .uk-form-label { 3511 display: block; 3512 margin-bottom: 5px; 3513 font-weight: bold; 3514} 3515/* Modifier: `uk-form-horizontal` 3516 * Requires sub-objects: `uk-form-label`, `uk-form-controls` 3517 ========================================================================== */ 3518/* Tablet portrait and smaller */ 3519@media (max-width: 1199px) { 3520 /* Behave like `uk-form-stacked` */ 3521 .uk-form-horizontal .uk-form-label { 3522 display: block; 3523 margin-bottom: 5px; 3524 font-weight: bold; 3525 } 3526} 3527/* Desktop and bigger */ 3528@media (min-width: 1200px) { 3529 .uk-form-horizontal .uk-form-label { 3530 width: 200px; 3531 margin-top: 5px; 3532 float: left; 3533 } 3534 .uk-form-horizontal .uk-form-controls { 3535 margin-left: 215px; 3536 } 3537 /* Better vertical alignment if controls are checkboxes and radio buttons with text */ 3538 .uk-form-horizontal .uk-form-controls-text { 3539 padding-top: 5px; 3540 } 3541} 3542/* Sub-object: `uk-form-icon` 3543 ========================================================================== */ 3544/* 3545 * 1. Container width fits its content 3546 * 2. Create position context 3547 * 3. Prevent `inline-block` consequences 3548 */ 3549.uk-form-icon { 3550 /* 1 */ 3551 display: inline-block; 3552 /* 2 */ 3553 position: relative; 3554 /* 3 */ 3555 max-width: 100%; 3556} 3557/* 3558 * 1. Make form element clickable through icon 3559 */ 3560.uk-form-icon > [class*='uk-icon-'] { 3561 position: absolute; 3562 top: 50%; 3563 width: 30px; 3564 margin-top: -7px; 3565 font-size: 14px; 3566 color: #999; 3567 text-align: center; 3568 /* 1 */ 3569 pointer-events: none; 3570} 3571.uk-form-icon:not(.uk-form-icon-flip) > input { 3572 padding-left: 30px !important; 3573} 3574/* 3575 * Sub-modifier: `uk-form-icon-flip` 3576 */ 3577.uk-form-icon-flip > [class*='uk-icon-'] { 3578 right: 0; 3579} 3580.uk-form-icon-flip > input { 3581 padding-right: 30px !important; 3582} 3583/* ======================================================================== 3584 Component: Button 3585 ========================================================================== */ 3586/* 3587 * Removes inner padding and border in Firefox 4+. 3588 */ 3589.uk-button::-moz-focus-inner { 3590 border: 0; 3591 padding: 0; 3592} 3593/* 3594 * 1. Correct inability to style clickable `input` types in iOS. 3595 * 2. Remove margins in Chrome, Safari and Opera. 3596 * 3. Remove borders for `button`. 3597 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. 3598 * 5. Correct `font` properties and `color` not being inherited for `button`. 3599 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE 3600 * 7. Style 3601 * 8. `line-height` is used to create a height 3602 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. 3603 * 10. Reset button group whitespace hack 3604 * 11. Required for `a`. 3605 */ 3606.uk-button { 3607 /* 1 */ 3608 -webkit-appearance: none; 3609 /* 2 */ 3610 margin: 0; 3611 /* 3 */ 3612 border: none; 3613 /* 4 */ 3614 overflow: visible; 3615 /* 5 */ 3616 font: inherit; 3617 color: #444; 3618 /* 6 */ 3619 text-transform: none; 3620 /* 7 */ 3621 display: inline-block; 3622 box-sizing: border-box; 3623 padding: 0 12px; 3624 background: #eee; 3625 vertical-align: middle; 3626 /* 8 */ 3627 line-height: 30px; 3628 /* 9 */ 3629 min-height: 30px; 3630 /* 10 */ 3631 font-size: 1rem; 3632 /* 11 */ 3633 text-decoration: none; 3634 text-align: center; 3635} 3636.uk-button:not(:disabled) { 3637 cursor: pointer; 3638} 3639/* 3640 * Hover 3641 * 1. Apply hover style also to focus state 3642 * 2. Remove default focus style 3643 * 3. Required for `a` elements 3644 */ 3645.uk-button:hover, 3646.uk-button:focus { 3647 background-color: #f5f5f5; 3648 color: #444; 3649 /* 2 */ 3650 outline: none; 3651 /* 3 */ 3652 text-decoration: none; 3653} 3654/* Active */ 3655.uk-button:active, 3656.uk-button.uk-active { 3657 background-color: #ddd; 3658 color: #444; 3659} 3660/* Color modifiers 3661 ========================================================================== */ 3662/* 3663 * Modifier: `uk-button-primary` 3664 */ 3665.uk-button-primary { 3666 background-color: #00a8e6; 3667 color: #fff; 3668} 3669/* Hover */ 3670.uk-button-primary:hover, 3671.uk-button-primary:focus { 3672 background-color: #35b3ee; 3673 color: #fff; 3674} 3675/* Active */ 3676.uk-button-primary:active, 3677.uk-button-primary.uk-active { 3678 background-color: #0091ca; 3679 color: #fff; 3680} 3681/* 3682 * Modifier: `uk-button-success` 3683 */ 3684.uk-button-success { 3685 background-color: #8cc14c; 3686 color: #fff; 3687} 3688/* Hover */ 3689.uk-button-success:hover, 3690.uk-button-success:focus { 3691 background-color: #8ec73b; 3692 color: #fff; 3693} 3694/* Active */ 3695.uk-button-success:active, 3696.uk-button-success.uk-active { 3697 background-color: #72ae41; 3698 color: #fff; 3699} 3700/* 3701 * Modifier: `uk-button-danger` 3702 */ 3703.uk-button-danger { 3704 background-color: #da314b; 3705 color: #fff; 3706} 3707/* Hover */ 3708.uk-button-danger:hover, 3709.uk-button-danger:focus { 3710 background-color: #e4354f; 3711 color: #fff; 3712} 3713/* Active */ 3714.uk-button-danger:active, 3715.uk-button-danger.uk-active { 3716 background-color: #c91032; 3717 color: #fff; 3718} 3719/* Disabled state 3720 * Overrides also the color modifiers 3721 ========================================================================== */ 3722/* Equal for all button types */ 3723.uk-button:disabled { 3724 background-color: #f5f5f5; 3725 color: #999; 3726} 3727/* Modifier: `uk-button-link` 3728 ========================================================================== */ 3729/* Reset */ 3730.uk-button-link, 3731.uk-button-link:hover, 3732.uk-button-link:focus, 3733.uk-button-link:active, 3734.uk-button-link.uk-active, 3735.uk-button-link:disabled { 3736 border-color: transparent; 3737 background: none; 3738} 3739/* Color */ 3740.uk-button-link { 3741 color: #07D; 3742} 3743.uk-button-link:hover, 3744.uk-button-link:focus, 3745.uk-button-link:active, 3746.uk-button-link.uk-active { 3747 color: #059; 3748 text-decoration: underline; 3749} 3750.uk-button-link:disabled { 3751 color: #999; 3752} 3753/* Focus */ 3754.uk-button-link:focus { 3755 outline: 1px dotted; 3756} 3757/* Size modifiers 3758 ========================================================================== */ 3759.uk-button-mini { 3760 min-height: 20px; 3761 padding: 0 6px; 3762 line-height: 20px; 3763 font-size: 11px; 3764} 3765.uk-button-small { 3766 min-height: 25px; 3767 padding: 0 10px; 3768 line-height: 25px; 3769 font-size: 12px; 3770} 3771.uk-button-large { 3772 min-height: 40px; 3773 padding: 0 15px; 3774 line-height: 40px; 3775 font-size: 16px; 3776} 3777/* Sub-object `uk-button-group` 3778 ========================================================================== */ 3779/* 3780 * 1. Behave like buttons 3781 * 2. Create position context for dropdowns 3782 * 3. Remove whitespace between child elements when using `inline-block` 3783 * 4. Prevent buttons from wrapping 3784 * 5. Remove whitespace between child elements when using `inline-block` 3785 */ 3786.uk-button-group { 3787 /* 1 */ 3788 display: inline-block; 3789 vertical-align: middle; 3790 /* 2 */ 3791 position: relative; 3792 /* 3 */ 3793 font-size: 0.001px; 3794 /* 4 */ 3795 white-space: nowrap; 3796} 3797.uk-button-group > * { 3798 display: inline-block; 3799} 3800/* 5 */ 3801.uk-button-group .uk-button { 3802 vertical-align: top; 3803} 3804/* Sub-object: `uk-button-dropdown` 3805 ========================================================================== */ 3806/* 3807 * 1. Behave like buttons 3808 * 2. Create position context for dropdowns 3809 */ 3810.uk-button-dropdown { 3811 /* 1 */ 3812 display: inline-block; 3813 vertical-align: middle; 3814 /* 2 */ 3815 position: relative; 3816} 3817/* ======================================================================== 3818 Component: Icon 3819 ========================================================================== */ 3820@font-face { 3821 font-family: 'FontAwesome'; 3822 src: url("/styles/font-awesome/fonts/fontawesome-webfont.woff2") format('woff2'), url("/styles/font-awesome/fonts/fontawesome-webfont.woff") format("woff"), url("/styles/font-awesome/fonts/fontawesome-webfont.ttf") format("truetype"); 3823 font-weight: normal; 3824 font-style: normal; 3825} 3826/* 3827 * 1. Allow margin 3828 * 2. Prevent inherit font style 3829 * 4. Correct line-height 3830 * 5. Better font rendering 3831 * 6. Remove `text-decoration` for anchors 3832 */ 3833[class*='uk-icon-'] { 3834 font-family: FontAwesome; 3835 /* 1 */ 3836 display: inline-block; 3837 /* 2 */ 3838 font-weight: normal; 3839 font-style: normal; 3840 /* 4 */ 3841 line-height: 1; 3842 /* 5 */ 3843 -webkit-font-smoothing: antialiased; 3844 -moz-osx-font-smoothing: grayscale; 3845} 3846/* 6 */ 3847[class*='uk-icon-'], 3848[class*='uk-icon-']:hover, 3849[class*='uk-icon-']:focus { 3850 text-decoration: none; 3851} 3852/* Size modifiers 3853 ========================================================================== */ 3854.uk-icon-small { 3855 font-size: 150%; 3856 vertical-align: -10%; 3857} 3858.uk-icon-medium { 3859 font-size: 200%; 3860 vertical-align: -16%; 3861} 3862.uk-icon-large { 3863 font-size: 250%; 3864 vertical-align: -22%; 3865} 3866/* Modifier: `uk-icon-justify` 3867 ========================================================================== */ 3868.uk-icon-justify { 3869 width: 1em; 3870 text-align: center; 3871} 3872/* Modifier: `uk-icon-spin` 3873 ========================================================================== */ 3874.uk-icon-spin { 3875 display: inline-block; 3876 -webkit-animation: uk-rotate 2s infinite linear; 3877 animation: uk-rotate 2s infinite linear; 3878} 3879/* Modifier: `uk-icon-hover` 3880 ========================================================================== */ 3881.uk-icon-hover {
3882 color: #999; 3883} 3884/* 3885 * Hover 3886 */ 3887.uk-icon-hover:hover { 3888 color: #444; 3889} 3890/* Modifier: `uk-icon-button` 3891 ========================================================================== */ 3892.uk-icon-button { 3893 box-sizing: border-box; 3894 display: inline-block; 3895 width: 35px; 3896 height: 35px; 3897 border-radius: 100%; 3898 background: #eee; 3899 line-height: 35px; 3900 color: #444; 3901 font-size: 18px; 3902 text-align: center; 3903} 3904/* 3905 * Hover 3906 * 1. Apply hover style also to focus state 3907 * 2. Remove default focus style 3908 */ 3909.uk-icon-button:hover, 3910.uk-icon-button:focus { 3911 background-color: #f5f5f5; 3912 color: #444; 3913 /* 2 */ 3914 outline: none; 3915} 3916/* Active */ 3917.uk-icon-button:active { 3918 background-color: #ddd; 3919 color: #444; 3920} 3921/* Icon mapping 3922 ========================================================================== */ 3923.uk-icon-glass:before { 3924 content: "\f000"; 3925} 3926.uk-icon-music:before { 3927 content: "\f001"; 3928} 3929.uk-icon-search:before { 3930 content: "\f002"; 3931} 3932.uk-icon-envelope-o:before { 3933 content: "\f003"; 3934} 3935.uk-icon-heart:before { 3936 content: "\f004"; 3937} 3938.uk-icon-star:before { 3939 content: "\f005"; 3940} 3941.uk-icon-star-o:before { 3942 content: "\f006"; 3943} 3944.uk-icon-user:before { 3945 content: "\f007"; 3946} 3947.uk-icon-film:before { 3948 content: "\f008"; 3949} 3950.uk-icon-th-large:before { 3951 content: "\f009"; 3952} 3953.uk-icon-th:before { 3954 content: "\f00a"; 3955} 3956.uk-icon-th-list:before { 3957 content: "\f00b"; 3958} 3959.uk-icon-check:before { 3960 content: "\f00c"; 3961} 3962.uk-icon-remove:before, 3963.uk-icon-close:before, 3964.uk-icon-times:before { 3965 content: "\f00d"; 3966} 3967.uk-icon-search-plus:before { 3968 content: "\f00e"; 3969} 3970.uk-icon-search-minus:before { 3971 content: "\f010"; 3972} 3973.uk-icon-power-off:before { 3974 content: "\f011"; 3975} 3976.uk-icon-signal:before { 3977 content: "\f012"; 3978} 3979.uk-icon-gear:before, 3980.uk-icon-cog:before { 3981 content: "\f013"; 3982} 3983.uk-icon-trash-o:before { 3984 content: "\f014"; 3985} 3986.uk-icon-home:before { 3987 content: "\f015"; 3988} 3989.uk-icon-file-o:before { 3990 content: "\f016"; 3991} 3992.uk-icon-clock-o:before { 3993 content: "\f017"; 3994} 3995.uk-icon-road:before { 3996 content: "\f018"; 3997} 3998.uk-icon-download:before { 3999 content: "\f019"; 4000} 4001.uk-icon-arrow-circle-o-down:before { 4002 content: "\f01a"; 4003} 4004.uk-icon-arrow-circle-o-up:before { 4005 content: "\f01b"; 4006} 4007.uk-icon-inbox:before { 4008 content: "\f01c"; 4009} 4010.uk-icon-play-circle-o:before { 4011 content: "\f01d"; 4012} 4013.uk-icon-rotate-right:before, 4014.uk-icon-repeat:before { 4015 content: "\f01e"; 4016} 4017.uk-icon-refresh:before { 4018 content: "\f021"; 4019} 4020.uk-icon-list-alt:before { 4021 content: "\f022"; 4022} 4023.uk-icon-lock:before { 4024 content: "\f023"; 4025} 4026.uk-icon-flag:before { 4027 content: "\f024"; 4028} 4029.uk-icon-headphones:before { 4030 content: "\f025"; 4031} 4032.uk-icon-volume-off:before { 4033 content: "\f026"; 4034} 4035.uk-icon-volume-down:before { 4036 content: "\f027"; 4037} 4038.uk-icon-volume-up:before { 4039 content: "\f028"; 4040} 4041.uk-icon-qrcode:before { 4042 content: "\f029"; 4043} 4044.uk-icon-barcode:before { 4045 content: "\f02a"; 4046} 4047.uk-icon-tag:before { 4048 content: "\f02b"; 4049} 4050.uk-icon-tags:before { 4051 content: "\f02c"; 4052} 4053.uk-icon-book:before { 4054 content: "\f02d"; 4055} 4056.uk-icon-bookmark:before { 4057 content: "\f02e"; 4058} 4059.uk-icon-print:before { 4060 content: "\f02f"; 4061} 4062.uk-icon-camera:before { 4063 content: "\f030"; 4064} 4065.uk-icon-font:before { 4066 content: "\f031"; 4067} 4068.uk-icon-bold:before { 4069 content: "\f032"; 4070} 4071.uk-icon-italic:before { 4072 content: "\f033"; 4073} 4074.uk-icon-text-height:before { 4075 content: "\f034"; 4076} 4077.uk-icon-text-width:before { 4078 content: "\f035"; 4079} 4080.uk-icon-align-left:before { 4081 content: "\f036"; 4082} 4083.uk-icon-align-center:before { 4084 content: "\f037"; 4085} 4086.uk-icon-align-right:before { 4087 content: "\f038"; 4088} 4089.uk-icon-align-justify:before { 4090 content: "\f039"; 4091} 4092.uk-icon-list:before { 4093 content: "\f03a"; 4094} 4095.uk-icon-dedent:before, 4096.uk-icon-outdent:before { 4097 content: "\f03b"; 4098} 4099.uk-icon-indent:before { 4100 content: "\f03c"; 4101} 4102.uk-icon-video-camera:before { 4103 content: "\f03d"; 4104} 4105.uk-icon-photo:before, 4106.uk-icon-image:before, 4107.uk-icon-picture-o:before { 4108 content: "\f03e"; 4109} 4110.uk-icon-pencil:before { 4111 content: "\f040"; 4112} 4113.uk-icon-map-marker:before { 4114 content: "\f041"; 4115} 4116.uk-icon-adjust:before { 4117 content: "\f042"; 4118} 4119.uk-icon-tint:before { 4120 content: "\f043"; 4121} 4122.uk-icon-edit:before, 4123.uk-icon-pencil-square-o:before { 4124 content: "\f044"; 4125} 4126.uk-icon-share-square-o:before { 4127 content: "\f045"; 4128} 4129.uk-icon-check-square-o:before { 4130 content: "\f046"; 4131} 4132.uk-icon-arrows:before { 4133 content: "\f047"; 4134} 4135.uk-icon-step-backward:before { 4136 content: "\f048"; 4137} 4138.uk-icon-fast-backward:before { 4139 content: "\f049"; 4140} 4141.uk-icon-backward:before { 4142 content: "\f04a"; 4143} 4144.uk-icon-play:before { 4145 content: "\f04b"; 4146} 4147.uk-icon-pause:before { 4148 content: "\f04c"; 4149} 4150.uk-icon-stop:before { 4151 content: "\f04d"; 4152} 4153.uk-icon-forward:before { 4154 content: "\f04e"; 4155} 4156.uk-icon-fast-forward:before { 4157 content: "\f050"; 4158} 4159.uk-icon-step-forward:before { 4160 content: "\f051"; 4161}
4162.uk-icon-eject:before { 4163 content: "\f052"; 4164} 4165.uk-icon-chevron-left:before { 4166 content: "\f053"; 4167} 4168.uk-icon-chevron-right:before { 4169 content: "\f054"; 4170} 4171.uk-icon-plus-circle:before { 4172 content: "\f055"; 4173} 4174.uk-icon-minus-circle:before { 4175 content: "\f056"; 4176} 4177.uk-icon-times-circle:before { 4178 content: "\f057"; 4179} 4180.uk-icon-check-circle:before { 4181 content: "\f058"; 4182} 4183.uk-icon-question-circle:before { 4184 content: "\f059"; 4185} 4186.uk-icon-info-circle:before { 4187 content: "\f05a"; 4188} 4189.uk-icon-crosshairs:before { 4190 content: "\f05b"; 4191} 4192.uk-icon-times-circle-o:before { 4193 content: "\f05c"; 4194} 4195.uk-icon-check-circle-o:before { 4196 content: "\f05d"; 4197} 4198.uk-icon-ban:before { 4199 content: "\f05e"; 4200} 4201.uk-icon-arrow-left:before { 4202 content: "\f060"; 4203} 4204.uk-icon-arrow-right:before { 4205 content: "\f061"; 4206} 4207.uk-icon-arrow-up:before { 4208 content: "\f062"; 4209} 4210.uk-icon-arrow-down:before { 4211 content: "\f063"; 4212} 4213.uk-icon-mail-forward:before, 4214.uk-icon-share:before { 4215 content: "\f064"; 4216} 4217.uk-icon-expand:before { 4218 content: "\f065"; 4219} 4220.uk-icon-compress:before { 4221 content: "\f066"; 4222} 4223.uk-icon-plus:before { 4224 content: "\f067"; 4225} 4226.uk-icon-minus:before { 4227 content: "\f068"; 4228} 4229.uk-icon-asterisk:before { 4230 content: "\f069"; 4231} 4232.uk-icon-exclamation-circle:before { 4233 content: "\f06a"; 4234} 4235.uk-icon-gift:before { 4236 content: "\f06b"; 4237} 4238.uk-icon-leaf:before { 4239 content: "\f06c"; 4240} 4241.uk-icon-fire:before { 4242 content: "\f06d"; 4243} 4244.uk-icon-eye:before { 4245 content: "\f06e"; 4246} 4247.uk-icon-eye-slash:before { 4248 content: "\f070"; 4249} 4250.uk-icon-warning:before, 4251.uk-icon-exclamation-triangle:before { 4252 content: "\f071"; 4253} 4254.uk-icon-plane:before { 4255 content: "\f072"; 4256} 4257.uk-icon-calendar:before { 4258 content: "\f073"; 4259} 4260.uk-icon-random:before { 4261 content: "\f074"; 4262} 4263.uk-icon-comment:before { 4264 content: "\f075"; 4265} 4266.uk-icon-magnet:before { 4267 content: "\f076"; 4268} 4269.uk-icon-chevron-up:before { 4270 content: "\f077"; 4271} 4272.uk-icon-chevron-down:before { 4273 content: "\f078"; 4274} 4275.uk-icon-retweet:before { 4276 content: "\f079"; 4277} 4278.uk-icon-shopping-cart:before { 4279 content: "\f07a"; 4280} 4281.uk-icon-folder:before { 4282 content: "\f07b"; 4283} 4284.uk-icon-folder-open:before { 4285 content: "\f07c"; 4286} 4287.uk-icon-arrows-v:before { 4288 content: "\f07d"; 4289} 4290.uk-icon-arrows-h:before { 4291 content: "\f07e"; 4292} 4293.uk-icon-bar-chart-o:before, 4294.uk-icon-bar-chart:before { 4295 content: "\f080"; 4296} 4297.uk-icon-twitter-square:before { 4298 content: "\f081"; 4299} 4300.uk-icon-facebook-square:before { 4301 content: "\f082"; 4302} 4303.uk-icon-camera-retro:before { 4304 content: "\f083"; 4305} 4306.uk-icon-key:before { 4307 content: "\f084"; 4308} 4309.uk-icon-gears:before, 4310.uk-icon-cogs:before { 4311 content: "\f085"; 4312} 4313.uk-icon-comments:before { 4314 content: "\f086"; 4315} 4316.uk-icon-thumbs-o-up:before { 4317 content: "\f087"; 4318} 4319.uk-icon-thumbs-o-down:before { 4320 content: "\f088"; 4321} 4322.uk-icon-star-half:before { 4323 content: "\f089"; 4324} 4325.uk-icon-heart-o:before { 4326 content: "\f08a"; 4327} 4328.uk-icon-sign-out:before { 4329 content: "\f08b"; 4330} 4331.uk-icon-linkedin-square:before { 4332 content: "\f08c"; 4333} 4334.uk-icon-thumb-tack:before { 4335 content: "\f08d"; 4336} 4337.uk-icon-external-link:before { 4338 content: "\f08e"; 4339} 4340.uk-icon-sign-in:before { 4341 content: "\f090"; 4342} 4343.uk-icon-trophy:before { 4344 content: "\f091"; 4345} 4346.uk-icon-github-square:before { 4347 content: "\f092"; 4348} 4349.uk-icon-upload:before { 4350 content: "\f093"; 4351} 4352.uk-icon-lemon-o:before { 4353 content: "\f094"; 4354} 4355.uk-icon-phone:before { 4356 content: "\f095"; 4357} 4358.uk-icon-square-o:before { 4359 content: "\f096"; 4360} 4361.uk-icon-bookmark-o:before { 4362 content: "\f097"; 4363} 4364.uk-icon-phone-square:before { 4365 content: "\f098"; 4366} 4367.uk-icon-twitter:before { 4368 content: "\f099"; 4369} 4370.uk-icon-facebook-f:before, 4371.uk-icon-facebook:before { 4372 content: "\f09a"; 4373} 4374.uk-icon-github:before { 4375 content: "\f09b"; 4376} 4377.uk-icon-unlock:before { 4378 content: "\f09c"; 4379} 4380.uk-icon-credit-card:before { 4381 content: "\f09d"; 4382} 4383.uk-icon-rss:before { 4384 content: "\f09e"; 4385} 4386.uk-icon-hdd-o:before { 4387 content: "\f0a0"; 4388} 4389.uk-icon-bullhorn:before { 4390 content: "\f0a1"; 4391} 4392.uk-icon-bell:before { 4393 content: "\f0f3"; 4394} 4395.uk-icon-certificate:before { 4396 content: "\f0a3"; 4397} 4398.uk-icon-hand-o-right:before { 4399 content: "\f0a4"; 4400} 4401.uk-icon-hand-o-left:before { 4402 content: "\f0a5"; 4403} 4404.uk-icon-hand-o-up:before { 4405 content: "\f0a6"; 4406} 4407.uk-icon-hand-o-down:before { 4408 content: "\f0a7"; 4409} 4410.uk-icon-arrow-circle-left:before { 4411 content: "\f0a8"; 4412} 4413.uk-icon-arrow-circle-right:before { 4414 content: "\f0a9"; 4415} 4416.uk-icon-arrow-circle-up:before { 4417 content: "\f0aa"; 4418} 4419.uk-icon-arrow-circle-down:before { 4420 content: "\f0ab"; 4421} 4422.uk-icon-globe:before { 4423 content: "\f0ac"; 4424} 4425.uk-icon-wrench:before { 4426 content: "\f0ad"; 4427} 4428.uk-icon-tasks:before { 4429 content: "\f0ae"; 4430} 4431.uk-icon-filter:before { 4432 content: "\f0b0"; 4433} 4434.uk-icon-briefcase:before { 4435 content: "\f0b1"; 4436} 4437.uk-icon-arrows-alt:before { 4438 content: "\f0b2"; 4439} 4440.uk-icon-group:before, 4441.uk-icon-users:before { 4442 content: "\f0c0"; 4443} 4444.uk-icon-chain:before, 4445.uk-icon-link:before { 4446 content: "\f0c1"; 4447} 4448.uk-icon-cloud:before { 4449 content: "\f0c2"; 4450} 4451.uk-icon-flask:before { 4452 content: "\f0c3"; 4453} 4454.uk-icon-cut:before, 4455.uk-icon-scissors:before { 4456 content: "\f0c4"; 4457} 4458.uk-icon-copy:before, 4459.uk-icon-files-o:before { 4460 content: "\f0c5"; 4461} 4462.uk-icon-paperclip:before { 4463 content: "\f0c6"; 4464} 4465.uk-icon-save:before, 4466.uk-icon-floppy-o:before { 4467 content: "\f0c7"; 4468} 4469.uk-icon-square:before { 4470 content: "\f0c8"; 4471} 4472.uk-icon-navicon:before, 4473.uk-icon-reorder:before, 4474.uk-icon-bars:before { 4475 content: "\f0c9"; 4476} 4477.uk-icon-list-ul:before { 4478 content: "\f0ca"; 4479} 4480.uk-icon-list-ol:before { 4481 content: "\f0cb"; 4482} 4483.uk-icon-strikethrough:before { 4484 content: "\f0cc"; 4485} 4486.uk-icon-underline:before { 4487 content: "\f0cd"; 4488} 4489.uk-icon-table:before { 4490 content: "\f0ce"; 4491} 4492.uk-icon-magic:before { 4493 content: "\f0d0"; 4494} 4495.uk-icon-truck:before { 4496 content: "\f0d1"; 4497} 4498.uk-icon-pinterest:before { 4499 content: "\f0d2"; 4500} 4501.uk-icon-pinterest-square:before { 4502 content: "\f0d3"; 4503} 4504.uk-icon-google-plus-square:before { 4505 content: "\f0d4"; 4506} 4507.uk-icon-google-plus:before { 4508 content: "\f0d5"; 4509} 4510.uk-icon-money:before { 4511 content: "\f0d6"; 4512} 4513.uk-icon-caret-down:before { 4514 content: "\f0d7"; 4515} 4516.uk-icon-caret-up:before { 4517 content: "\f0d8"; 4518} 4519.uk-icon-caret-left:before { 4520 content: "\f0d9"; 4521} 4522.uk-icon-caret-right:before { 4523 content: "\f0da"; 4524} 4525.uk-icon-columns:before { 4526 content: "\f0db"; 4527} 4528.uk-icon-unsorted:before, 4529.uk-icon-sort:before { 4530 content: "\f0dc"; 4531} 4532.uk-icon-sort-down:before, 4533.uk-icon-sort-desc:before { 4534 content: "\f0dd"; 4535} 4536.uk-icon-sort-up:before, 4537.uk-icon-sort-asc:before { 4538 content: "\f0de"; 4539}
4540.uk-icon-envelope:before { 4541 content: "\f0e0"; 4542} 4543.uk-icon-linkedin:before { 4544 content: "\f0e1"; 4545} 4546.uk-icon-rotate-left:before, 4547.uk-icon-undo:before { 4548 content: "\f0e2"; 4549} 4550.uk-icon-legal:before, 4551.uk-icon-gavel:before { 4552 content: "\f0e3"; 4553} 4554.uk-icon-dashboard:before, 4555.uk-icon-tachometer:before { 4556 content: "\f0e4"; 4557} 4558.uk-icon-comment-o:before { 4559 content: "\f0e5"; 4560} 4561.uk-icon-comments-o:before { 4562 content: "\f0e6"; 4563} 4564.uk-icon-flash:before, 4565.uk-icon-bolt:before { 4566 content: "\f0e7"; 4567} 4568.uk-icon-sitemap:before { 4569 content: "\f0e8"; 4570} 4571.uk-icon-umbrella:before { 4572 content: "\f0e9"; 4573} 4574.uk-icon-paste:before, 4575.uk-icon-clipboard:before { 4576 content: "\f0ea"; 4577} 4578.uk-icon-lightbulb-o:before { 4579 content: "\f0eb"; 4580} 4581.uk-icon-exchange:before { 4582 content: "\f0ec"; 4583} 4584.uk-icon-cloud-download:before { 4585 content: "\f0ed"; 4586} 4587.uk-icon-cloud-upload:before { 4588 content: "\f0ee"; 4589} 4590.uk-icon-user-md:before { 4591 content: "\f0f0"; 4592} 4593.uk-icon-stethoscope:before { 4594 content: "\f0f1"; 4595} 4596.uk-icon-suitcase:before { 4597 content: "\f0f2"; 4598} 4599.uk-icon-bell-o:before { 4600 content: "\f0a2"; 4601} 4602.uk-icon-coffee:before { 4603 content: "\f0f4"; 4604} 4605.uk-icon-cutlery:before { 4606 content: "\f0f5"; 4607} 4608.uk-icon-file-text-o:before { 4609 content: "\f0f6"; 4610} 4611.uk-icon-building-o:before { 4612 content: "\f0f7"; 4613} 4614.uk-icon-hospital-o:before { 4615 content: "\f0f8"; 4616} 4617.uk-icon-ambulance:before { 4618 content: "\f0f9"; 4619} 4620.uk-icon-medkit:before { 4621 content: "\f0fa"; 4622} 4623.uk-icon-fighter-jet:before { 4624 content: "\f0fb"; 4625} 4626.uk-icon-beer:before { 4627 content: "\f0fc"; 4628} 4629.uk-icon-h-square:before { 4630 content: "\f0fd"; 4631} 4632.uk-icon-plus-square:before { 4633 content: "\f0fe"; 4634} 4635.uk-icon-angle-double-left:before { 4636 content: "\f100"; 4637} 4638.uk-icon-angle-double-right:before { 4639 content: "\f101"; 4640} 4641.uk-icon-angle-double-up:before { 4642 content: "\f102"; 4643} 4644.uk-icon-angle-double-down:before { 4645 content: "\f103"; 4646} 4647.uk-icon-angle-left:before { 4648 content: "\f104"; 4649} 4650.uk-icon-angle-right:before { 4651 content: "\f105"; 4652} 4653.uk-icon-angle-up:before { 4654 content: "\f106"; 4655} 4656.uk-icon-angle-down:before { 4657 content: "\f107"; 4658} 4659.uk-icon-desktop:before { 4660 content: "\f108"; 4661} 4662.uk-icon-laptop:before { 4663 content: "\f109"; 4664} 4665.uk-icon-tablet:before { 4666 content: "\f10a"; 4667} 4668.uk-icon-mobile-phone:before, 4669.uk-icon-mobile:before { 4670 content: "\f10b"; 4671} 4672.uk-icon-circle-o:before { 4673 content: "\f10c"; 4674} 4675.uk-icon-quote-left:before { 4676 content: "\f10d"; 4677} 4678.uk-icon-quote-right:before { 4679 content: "\f10e"; 4680} 4681.uk-icon-spinner:before { 4682 content: "\f110"; 4683} 4684.uk-icon-circle:before { 4685 content: "\f111"; 4686} 4687.uk-icon-mail-reply:before, 4688.uk-icon-reply:before { 4689 content: "\f112"; 4690} 4691.uk-icon-github-alt:before { 4692 content: "\f113"; 4693} 4694.uk-icon-folder-o:before { 4695 content: "\f114"; 4696} 4697.uk-icon-folder-open-o:before { 4698 content: "\f115"; 4699} 4700.uk-icon-smile-o:before { 4701 content: "\f118"; 4702} 4703.uk-icon-frown-o:before { 4704 content: "\f119"; 4705} 4706.uk-icon-meh-o:before { 4707 content: "\f11a"; 4708} 4709.uk-icon-gamepad:before { 4710 content: "\f11b"; 4711} 4712.uk-icon-keyboard-o:before { 4713 content: "\f11c"; 4714} 4715.uk-icon-flag-o:before { 4716 content: "\f11d"; 4717} 4718.uk-icon-flag-checkered:before { 4719 content: "\f11e"; 4720} 4721.uk-icon-terminal:before { 4722 content: "\f120"; 4723} 4724.uk-icon-code:before { 4725 content: "\f121"; 4726} 4727.uk-icon-mail-reply-all:before, 4728.uk-icon-reply-all:before { 4729 content: "\f122"; 4730} 4731.uk-icon-star-half-empty:before, 4732.uk-icon-star-half-full:before, 4733.uk-icon-star-half-o:before { 4734 content: "\f123"; 4735} 4736.uk-icon-location-arrow:before { 4737 content: "\f124"; 4738} 4739.uk-icon-crop:before { 4740 content: "\f125"; 4741} 4742.uk-icon-code-fork:before { 4743 content: "\f126"; 4744} 4745.uk-icon-unlink:before, 4746.uk-icon-chain-broken:before { 4747 content: "\f127"; 4748} 4749.uk-icon-question:before { 4750 content: "\f128"; 4751} 4752.uk-icon-info:before { 4753 content: "\f129"; 4754} 4755.uk-icon-exclamation:before { 4756 content: "\f12a"; 4757} 4758.uk-icon-superscript:before { 4759 content: "\f12b"; 4760} 4761.uk-icon-subscript:before { 4762 content: "\f12c"; 4763} 4764.uk-icon-eraser:before { 4765 content: "\f12d"; 4766} 4767.uk-icon-puzzle-piece:before { 4768 content: "\f12e"; 4769} 4770.uk-icon-microphone:before { 4771 content: "\f130"; 4772} 4773.uk-icon-microphone-slash:before { 4774 content: "\f131"; 4775} 4776.uk-icon-shield:before { 4777 content: "\f132"; 4778} 4779.uk-icon-calendar-o:before { 4780 content: "\f133"; 4781} 4782.uk-icon-fire-extinguisher:before { 4783 content: "\f134"; 4784} 4785.uk-icon-rocket:before { 4786 content: "\f135"; 4787} 4788.uk-icon-maxcdn:before { 4789 content: "\f136"; 4790} 4791.uk-icon-chevron-circle-left:before { 4792 content: "\f137"; 4793} 4794.uk-icon-chevron-circle-right:before { 4795 content: "\f138"; 4796} 4797.uk-icon-chevron-circle-up:before { 4798 content: "\f139"; 4799} 4800.uk-icon-chevron-circle-down:before { 4801 content: "\f13a"; 4802} 4803.uk-icon-html5:before { 4804 content: "\f13b"; 4805} 4806.uk-icon-css3:before { 4807 content: "\f13c"; 4808} 4809.uk-icon-anchor:before { 4810 content: "\f13d"; 4811} 4812.uk-icon-unlock-alt:before { 4813 content: "\f13e"; 4814} 4815.uk-icon-bullseye:before { 4816 content: "\f140"; 4817} 4818.uk-icon-ellipsis-h:before { 4819 content: "\f141"; 4820} 4821.uk-icon-ellipsis-v:before { 4822 content: "\f142"; 4823} 4824.uk-icon-rss-square:before { 4825 content: "\f143"; 4826} 4827.uk-icon-play-circle:before { 4828 content: "\f144"; 4829} 4830.uk-icon-ticket:before { 4831 content: "\f145"; 4832} 4833.uk-icon-minus-square:before { 4834 content: "\f146"; 4835} 4836.uk-icon-minus-square-o:before { 4837 content: "\f147"; 4838} 4839.uk-icon-level-up:before { 4840 content: "\f148"; 4841} 4842.uk-icon-level-down:before { 4843 content: "\f149"; 4844} 4845.uk-icon-check-square:before { 4846 content: "\f14a"; 4847} 4848.uk-icon-pencil-square:before { 4849 content: "\f14b"; 4850} 4851.uk-icon-external-link-square:before { 4852 content: "\f14c"; 4853} 4854.uk-icon-share-square:before { 4855 content: "\f14d"; 4856} 4857.uk-icon-compass:before { 4858 content: "\f14e"; 4859} 4860.uk-icon-toggle-down:before, 4861.uk-icon-caret-square-o-down:before { 4862 content: "\f150"; 4863} 4864.uk-icon-toggle-up:before, 4865.uk-icon-caret-square-o-up:before { 4866 content: "\f151"; 4867} 4868.uk-icon-toggle-right:before, 4869.uk-icon-caret-square-o-right:before { 4870 content: "\f152"; 4871} 4872.uk-icon-euro:before, 4873.uk-icon-eur:before { 4874 content: "\f153"; 4875} 4876.uk-icon-gbp:before { 4877 content: "\f154"; 4878} 4879.uk-icon-dollar:before, 4880.uk-icon-usd:before { 4881 content: "\f155"; 4882} 4883.uk-icon-rupee:before, 4884.uk-icon-inr:before { 4885 content: "\f156"; 4886} 4887.uk-icon-cny:before, 4888.uk-icon-rmb:before, 4889.uk-icon-yen:before, 4890.uk-icon-jpy:before { 4891 content: "\f157"; 4892} 4893.uk-icon-ruble:before, 4894.uk-icon-rouble:before, 4895.uk-icon-rub:before { 4896 content: "\f158"; 4897} 4898.uk-icon-won:before, 4899.uk-icon-krw:before { 4900 content: "\f159"; 4901} 4902.uk-icon-bitcoin:before, 4903.uk-icon-btc:before { 4904 content: "\f15a"; 4905} 4906.uk-icon-file:before { 4907 content: "\f15b"; 4908} 4909.uk-icon-file-text:before { 4910 content: "\f15c"; 4911} 4912.uk-icon-sort-alpha-asc:before { 4913 content: "\f15d"; 4914} 4915.uk-icon-sort-alpha-desc:before { 4916 content: "\f15e"; 4917} 4918.uk-icon-sort-amount-asc:before { 4919 content: "\f160"; 4920} 4921.uk-icon-sort-amount-desc:before { 4922 content: "\f161"; 4923} 4924.uk-icon-sort-numeric-asc:before { 4925 content: "\f162"; 4926} 4927.uk-icon-sort-numeric-desc:before { 4928 content: "\f163"; 4929} 4930.uk-icon-thumbs-up:before { 4931 content: "\f164"; 4932} 4933.uk-icon-thumbs-down:before { 4934 content: "\f165"; 4935} 4936.uk-icon-youtube-square:before { 4937 content: "\f166"; 4938} 4939.uk-icon-youtube:before { 4940 content: "\f167"; 4941} 4942.uk-icon-xing:before { 4943 content: "\f168"; 4944} 4945.uk-icon-xing-square:before { 4946 content: "\f169"; 4947} 4948.uk-icon-youtube-play:before { 4949 content: "\f16a"; 4950} 4951.uk-icon-dropbox:before { 4952 content: "\f16b"; 4953} 4954.uk-icon-stack-overflow:before { 4955 content: "\f16c"; 4956} 4957.uk-icon-instagram:before { 4958 content: "\f16d"; 4959} 4960.uk-icon-flickr:before { 4961 content: "\f16e"; 4962} 4963.uk-icon-adn:before { 4964 content: "\f170"; 4965} 4966.uk-icon-bitbucket:before { 4967 content: "\f171"; 4968} 4969.uk-icon-bitbucket-square:before { 4970 content: "\f172"; 4971} 4972.uk-icon-tumblr:before { 4973 content: "\f173"; 4974} 4975.uk-icon-tumblr-square:before { 4976 content: "\f174"; 4977} 4978.uk-icon-long-arrow-down:before { 4979 content: "\f175"; 4980} 4981.uk-icon-long-arrow-up:before { 4982 content: "\f176"; 4983} 4984.uk-icon-long-arrow-left:before { 4985 content: "\f177"; 4986} 4987.uk-icon-long-arrow-right:before { 4988 content: "\f178"; 4989} 4990.uk-icon-apple:before { 4991 content: "\f179"; 4992} 4993.uk-icon-windows:before { 4994 content: "\f17a"; 4995} 4996.uk-icon-android:before { 4997 content: "\f17b"; 4998} 4999.uk-icon-linux:before { 5000 content: "\f17c"; 5001} 5002.uk-icon-dribbble:before { 5003 content: "\f17d"; 5004} 5005.uk-icon-skype:before { 5006 content: "\f17e"; 5007} 5008.uk-icon-foursquare:before { 5009 content: "\f180"; 5010} 5011.uk-icon-trello:before { 5012 content: "\f181"; 5013} 5014.uk-icon-female:before { 5015 content: "\f182"; 5016} 5017.uk-icon-male:before { 5018 content: "\f183"; 5019} 5020.uk-icon-gittip:before, 5021.uk-icon-gratipay:before { 5022 content: "\f184"; 5023} 5024.uk-icon-sun-o:before { 5025 content: "\f185"; 5026} 5027.uk-icon-moon-o:before { 5028 content: "\f186"; 5029} 5030.uk-icon-archive:before { 5031 content: "\f187"; 5032} 5033.uk-icon-bug:before { 5034 content: "\f188"; 5035} 5036.uk-icon-vk:before { 5037 content: "\f189"; 5038} 5039.uk-icon-weibo:before { 5040 content: "\f18a"; 5041} 5042.uk-icon-renren:before { 5043 content: "\f18b"; 5044} 5045.uk-icon-pagelines:before { 5046 content: "\f18c"; 5047} 5048.uk-icon-stack-exchange:before { 5049 content: "\f18d"; 5050} 5051.uk-icon-arrow-circle-o-right:before { 5052 content: "\f18e"; 5053} 5054.uk-icon-arrow-circle-o-left:before { 5055 content: "\f190"; 5056} 5057.uk-icon-toggle-left:before, 5058.uk-icon-caret-square-o-left:before { 5059 content: "\f191"; 5060} 5061.uk-icon-dot-circle-o:before { 5062 content: "\f192"; 5063} 5064.uk-icon-wheelchair:before { 5065 content: "\f193"; 5066} 5067.uk-icon-vimeo-square:before { 5068 content: "\f194"; 5069} 5070.uk-icon-turkish-lira:before, 5071.uk-icon-try:before { 5072 content: "\f195"; 5073} 5074.uk-icon-plus-square-o:before { 5075 content: "\f196"; 5076} 5077.uk-icon-space-shuttle:before { 5078 content: "\f197"; 5079} 5080.uk-icon-slack:before { 5081 content: "\f198"; 5082}
5083.uk-icon-envelope-square:before { 5084 content: "\f199"; 5085} 5086.uk-icon-wordpress:before { 5087 content: "\f19a"; 5088} 5089.uk-icon-openid:before { 5090 content: "\f19b"; 5091} 5092.uk-icon-institution:before, 5093.uk-icon-bank:before, 5094.uk-icon-university:before { 5095 content: "\f19c"; 5096} 5097.uk-icon-mortar-board:before, 5098.uk-icon-graduation-cap:before { 5099 content: "\f19d"; 5100} 5101.uk-icon-yahoo:before { 5102 content: "\f19e"; 5103} 5104.uk-icon-google:before { 5105 content: "\f1a0"; 5106} 5107.uk-icon-reddit:before { 5108 content: "\f1a1"; 5109} 5110.uk-icon-reddit-square:before { 5111 content: "\f1a2"; 5112} 5113.uk-icon-stumbleupon-circle:before { 5114 content: "\f1a3"; 5115} 5116.uk-icon-stumbleupon:before { 5117 content: "\f1a4"; 5118} 5119.uk-icon-delicious:before { 5120 content: "\f1a5"; 5121} 5122.uk-icon-digg:before { 5123 content: "\f1a6"; 5124} 5125.uk-icon-pied-piper:before { 5126 content: "\f1a7"; 5127} 5128.uk-icon-pied-piper-alt:before { 5129 content: "\f1a8"; 5130} 5131.uk-icon-drupal:before { 5132 content: "\f1a9"; 5133} 5134.uk-icon-joomla:before { 5135 content: "\f1aa"; 5136} 5137.uk-icon-language:before { 5138 content: "\f1ab"; 5139} 5140.uk-icon-fax:before { 5141 content: "\f1ac"; 5142} 5143.uk-icon-building:before { 5144 content: "\f1ad"; 5145} 5146.uk-icon-child:before { 5147 content: "\f1ae"; 5148} 5149.uk-icon-paw:before { 5150 content: "\f1b0"; 5151} 5152.uk-icon-spoon:before { 5153 content: "\f1b1"; 5154} 5155.uk-icon-cube:before { 5156 content: "\f1b2"; 5157} 5158.uk-icon-cubes:before { 5159 content: "\f1b3"; 5160} 5161.uk-icon-behance:before { 5162 content: "\f1b4"; 5163} 5164.uk-icon-behance-square:before { 5165 content: "\f1b5"; 5166} 5167.uk-icon-steam:before { 5168 content: "\f1b6"; 5169} 5170.uk-icon-steam-square:before { 5171 content: "\f1b7"; 5172} 5173.uk-icon-recycle:before { 5174 content: "\f1b8"; 5175} 5176.uk-icon-automobile:before, 5177.uk-icon-car:before { 5178 content: "\f1b9"; 5179} 5180.uk-icon-cab:before, 5181.uk-icon-taxi:before { 5182 content: "\f1ba"; 5183} 5184.uk-icon-tree:before { 5185 content: "\f1bb"; 5186} 5187.uk-icon-spotify:before { 5188 content: "\f1bc"; 5189} 5190.uk-icon-deviantart:before { 5191 content: "\f1bd"; 5192} 5193.uk-icon-soundcloud:before { 5194 content: "\f1be"; 5195} 5196.uk-icon-database:before { 5197 content: "\f1c0"; 5198} 5199.uk-icon-file-pdf-o:before { 5200 content: "\f1c1"; 5201} 5202.uk-icon-file-word-o:before { 5203 content: "\f1c2"; 5204} 5205.uk-icon-file-excel-o:before { 5206 content: "\f1c3"; 5207} 5208.uk-icon-file-powerpoint-o:before { 5209 content: "\f1c4"; 5210} 5211.uk-icon-file-photo-o:before, 5212.uk-icon-file-picture-o:before, 5213.uk-icon-file-image-o:before { 5214 content: "\f1c5"; 5215} 5216.uk-icon-file-zip-o:before, 5217.uk-icon-file-archive-o:before { 5218 content: "\f1c6"; 5219} 5220.uk-icon-file-sound-o:before, 5221.uk-icon-file-audio-o:before { 5222 content: "\f1c7"; 5223} 5224.uk-icon-file-movie-o:before, 5225.uk-icon-file-video-o:before { 5226 content: "\f1c8"; 5227} 5228.uk-icon-file-code-o:before { 5229 content: "\f1c9"; 5230} 5231.uk-icon-vine:before { 5232 content: "\f1ca"; 5233} 5234.uk-icon-codepen:before { 5235 content: "\f1cb"; 5236} 5237.uk-icon-jsfiddle:before { 5238 content: "\f1cc"; 5239} 5240.uk-icon-life-bouy:before, 5241.uk-icon-life-buoy:before, 5242.uk-icon-life-saver:before, 5243.uk-icon-support:before, 5244.uk-icon-life-ring:before { 5245 content: "\f1cd"; 5246} 5247.uk-icon-circle-o-notch:before { 5248 content: "\f1ce"; 5249} 5250.uk-icon-ra:before, 5251.uk-icon-rebel:before { 5252 content: "\f1d0"; 5253} 5254.uk-icon-ge:before, 5255.uk-icon-empire:before { 5256 content: "\f1d1"; 5257} 5258.uk-icon-git-square:before { 5259 content: "\f1d2"; 5260} 5261.uk-icon-git:before { 5262 content: "\f1d3"; 5263} 5264.uk-icon-hacker-news:before { 5265 content: "\f1d4"; 5266} 5267.uk-icon-tencent-weibo:before { 5268 content: "\f1d5"; 5269} 5270.uk-icon-qq:before { 5271 content: "\f1d6"; 5272} 5273.uk-icon-wechat:before, 5274.uk-icon-weixin:before { 5275 content: "\f1d7"; 5276} 5277.uk-icon-send:before, 5278.uk-icon-paper-plane:before { 5279 content: "\f1d8"; 5280} 5281.uk-icon-send-o:before, 5282.uk-icon-paper-plane-o:before { 5283 content: "\f1d9"; 5284} 5285.uk-icon-history:before { 5286 content: "\f1da"; 5287} 5288.uk-icon-genderless:before, 5289.uk-icon-circle-thin:before { 5290 content: "\f1db"; 5291} 5292.uk-icon-header:before { 5293 content: "\f1dc"; 5294} 5295.uk-icon-paragraph:before { 5296 content: "\f1dd"; 5297} 5298.uk-icon-sliders:before { 5299 content: "\f1de"; 5300} 5301.uk-icon-share-alt:before { 5302 content: "\f1e0"; 5303} 5304.uk-icon-share-alt-square:before { 5305 content: "\f1e1"; 5306} 5307.uk-icon-bomb:before { 5308 content: "\f1e2"; 5309} 5310.uk-icon-soccer-ball-o:before, 5311.uk-icon-futbol-o:before { 5312 content: "\f1e3"; 5313} 5314.uk-icon-tty:before { 5315 content: "\f1e4"; 5316} 5317.uk-icon-binoculars:before { 5318 content: "\f1e5"; 5319} 5320.uk-icon-plug:before { 5321 content: "\f1e6"; 5322} 5323.uk-icon-slideshare:before { 5324 content: "\f1e7"; 5325} 5326.uk-icon-twitch:before { 5327 content: "\f1e8"; 5328} 5329.uk-icon-yelp:before { 5330 content: "\f1e9"; 5331} 5332.uk-icon-newspaper-o:before { 5333 content: "\f1ea"; 5334} 5335.uk-icon-wifi:before { 5336 content: "\f1eb"; 5337} 5338.uk-icon-calculator:before { 5339 content: "\f1ec"; 5340} 5341.uk-icon-paypal:before { 5342 content: "\f1ed"; 5343} 5344.uk-icon-google-wallet:before { 5345 content: "\f1ee"; 5346} 5347.uk-icon-cc-visa:before { 5348 content: "\f1f0"; 5349} 5350.uk-icon-cc-mastercard:before { 5351 content: "\f1f1"; 5352} 5353.uk-icon-cc-discover:before { 5354 content: "\f1f2"; 5355} 5356.uk-icon-cc-amex:before { 5357 content: "\f1f3"; 5358} 5359.uk-icon-cc-paypal:before { 5360 content: "\f1f4"; 5361} 5362.uk-icon-cc-stripe:before { 5363 content: "\f1f5"; 5364} 5365.uk-icon-bell-slash:before { 5366 content: "\f1f6"; 5367} 5368.uk-icon-bell-slash-o:before { 5369 content: "\f1f7"; 5370} 5371.uk-icon-trash:before { 5372 content: "\f1f8"; 5373} 5374.uk-icon-copyright:before { 5375 content: "\f1f9"; 5376} 5377.uk-icon-at:before { 5378 content: "\f1fa"; 5379} 5380.uk-icon-eyedropper:before { 5381 content: "\f1fb"; 5382} 5383.uk-icon-paint-brush:before { 5384 content: "\f1fc"; 5385} 5386.uk-icon-birthday-cake:before { 5387 content: "\f1fd"; 5388} 5389.uk-icon-area-chart:before { 5390 content: "\f1fe"; 5391} 5392.uk-icon-pie-chart:before { 5393 content: "\f200"; 5394} 5395.uk-icon-line-chart:before { 5396 content: "\f201"; 5397} 5398.uk-icon-lastfm:before { 5399 content: "\f202"; 5400} 5401.uk-icon-lastfm-square:before { 5402 content: "\f203"; 5403} 5404.uk-icon-toggle-off:before { 5405 content: "\f204"; 5406} 5407.uk-icon-toggle-on:before { 5408 content: "\f205"; 5409} 5410.uk-icon-bicycle:before { 5411 content: "\f206"; 5412} 5413.uk-icon-bus:before { 5414 content: "\f207"; 5415} 5416.uk-icon-ioxhost:before { 5417 content: "\f208"; 5418} 5419.uk-icon-angellist:before { 5420 content: "\f209"; 5421} 5422.uk-icon-cc:before { 5423 content: "\f20a"; 5424} 5425.uk-icon-shekel:before, 5426.uk-icon-sheqel:before, 5427.uk-icon-ils:before { 5428 content: "\f20b"; 5429} 5430.uk-icon-meanpath:before { 5431 content: "\f20c"; 5432} 5433.uk-icon-buysellads:before { 5434 content: "\f20d"; 5435} 5436.uk-icon-connectdevelop:before { 5437 content: "\f20e"; 5438} 5439.uk-icon-dashcube:before { 5440 content: "\f210"; 5441} 5442.uk-icon-forumbee:before { 5443 content: "\f211"; 5444} 5445.uk-icon-leanpub:before { 5446 content: "\f212"; 5447} 5448.uk-icon-sellsy:before { 5449 content: "\f213"; 5450} 5451.uk-icon-shirtsinbulk:before { 5452 content: "\f214"; 5453} 5454.uk-icon-simplybuilt:before { 5455 content: "\f215"; 5456} 5457.uk-icon-skyatlas:before { 5458 content: "\f216"; 5459} 5460.uk-icon-cart-plus:before { 5461 content: "\f217"; 5462} 5463.uk-icon-cart-arrow-down:before { 5464 content: "\f218"; 5465} 5466.uk-icon-diamond:before { 5467 content: "\f219"; 5468} 5469.uk-icon-ship:before { 5470 content: "\f21a"; 5471} 5472.uk-icon-user-secret:before { 5473 content: "\f21b"; 5474} 5475.uk-icon-motorcycle:before { 5476 content: "\f21c"; 5477}
5478.uk-icon-street-view:before { 5479 content: "\f21d"; 5480} 5481.uk-icon-heartbeat:before { 5482 content: "\f21e"; 5483} 5484.uk-icon-venus:before { 5485 content: "\f221"; 5486} 5487.uk-icon-mars:before { 5488 content: "\f222"; 5489} 5490.uk-icon-mercury:before { 5491 content: "\f223"; 5492} 5493.uk-icon-transgender:before { 5494 content: "\f224"; 5495} 5496.uk-icon-transgender-alt:before { 5497 content: "\f225"; 5498} 5499.uk-icon-venus-double:before { 5500 content: "\f226"; 5501} 5502.uk-icon-mars-double:before { 5503 content: "\f227"; 5504} 5505.uk-icon-venus-mars:before { 5506 content: "\f228"; 5507} 5508.uk-icon-mars-stroke:before { 5509 content: "\f229"; 5510} 5511.uk-icon-mars-stroke-v:before { 5512 content: "\f22a"; 5513} 5514.uk-icon-mars-stroke-h:before { 5515 content: "\f22b"; 5516} 5517.uk-icon-neuter:before { 5518 content: "\f22c"; 5519} 5520.uk-icon-facebook-official:before { 5521 content: "\f230"; 5522} 5523.uk-icon-pinterest-p:before { 5524 content: "\f231"; 5525} 5526.uk-icon-whatsapp:before { 5527 content: "\f232"; 5528} 5529.uk-icon-server:before { 5530 content: "\f233"; 5531} 5532.uk-icon-user-plus:before { 5533 content: "\f234"; 5534} 5535.uk-icon-user-times:before { 5536 content: "\f235"; 5537} 5538.uk-icon-hotel:before, 5539.uk-icon-bed:before { 5540 content: "\f236"; 5541} 5542.uk-icon-viacoin:before { 5543 content: "\f237"; 5544} 5545.uk-icon-train:before { 5546 content: "\f238"; 5547} 5548.uk-icon-subway:before { 5549 content: "\f239"; 5550} 5551.uk-icon-medium-logo:before { 5552 content: "\f23a"; 5553} 5554.uk-icon-500px:before { 5555 content: "\f26e"; 5556} 5557.uk-icon-amazon:before { 5558 content: "\f270"; 5559} 5560.uk-icon-balance-scale:before { 5561 content: "\f24e"; 5562} 5563.uk-icon-battery-empty:before, 5564.uk-icon-battery-0:before { 5565 content: "\f244"; 5566} 5567.uk-icon-battery-quarter:before, 5568.uk-icon-battery-1:before { 5569 content: "\f243"; 5570} 5571.uk-icon-battery-half:before, 5572.uk-icon-battery-2:before { 5573 content: "\f242"; 5574} 5575.uk-icon-battery-three-quarters:before, 5576.uk-icon-battery-3:before { 5577 content: "\f241"; 5578} 5579.uk-icon-battery-full:before, 5580.uk-icon-battery-4:before { 5581 content: "\f240"; 5582} 5583.uk-icon-black-tie:before { 5584 content: "\f27e"; 5585} 5586.uk-icon-calendar-check-o:before { 5587 content: "\f274"; 5588} 5589.uk-icon-calendar-minus-o:before { 5590 content: "\f272"; 5591} 5592.uk-icon-calendar-plus-o:before { 5593 content: "\f271"; 5594} 5595.uk-icon-calendar-times-o:before { 5596 content: "\f273"; 5597} 5598.uk-icon-cc-diners-club:before { 5599 content: "\f24c"; 5600} 5601.uk-icon-cc-jcb:before { 5602 content: "\f24b"; 5603} 5604.uk-icon-chrome:before { 5605 content: "\f268"; 5606} 5607.uk-icon-clone:before { 5608 content: "\f24d"; 5609} 5610.uk-icon-commenting:before { 5611 content: "\f27a"; 5612} 5613.uk-icon-commenting-o:before { 5614 content: "\f27b"; 5615} 5616.uk-icon-contao:before { 5617 content: "\f26d"; 5618} 5619.uk-icon-creative-commons:before { 5620 content: "\f25e"; 5621} 5622.uk-icon-expeditedssl:before { 5623 content: "\f23e"; 5624} 5625.uk-icon-firefox:before { 5626 content: "\f269"; 5627} 5628.uk-icon-fonticons:before { 5629 content: "\f280"; 5630} 5631.uk-icon-get-pocket:before { 5632 content: "\f265"; 5633} 5634.uk-icon-gg:before { 5635 content: "\f260"; 5636} 5637.uk-icon-gg-circle:before { 5638 content: "\f261"; 5639} 5640.uk-icon-hand-lizard-o:before { 5641 content: "\f258"; 5642} 5643.uk-icon-hand-stop-o:before, 5644.uk-icon-hand-paper-o:before { 5645 content: "\f256"; 5646} 5647.uk-icon-hand-peace-o:before { 5648 content: "\f25b"; 5649} 5650.uk-icon-hand-pointer-o:before { 5651 content: "\f25a"; 5652} 5653.uk-icon-hand-grab-o:before, 5654.uk-icon-hand-rock-o:before { 5655 content: "\f255"; 5656} 5657.uk-icon-hand-scissors-o:before { 5658 content: "\f257"; 5659} 5660.uk-icon-hand-spock-o:before { 5661 content: "\f259"; 5662} 5663.uk-icon-hourglass:before { 5664 content: "\f254"; 5665} 5666.uk-icon-hourglass-o:before { 5667 content: "\f250"; 5668} 5669.uk-icon-hourglass-1:before, 5670.uk-icon-hourglass-start:before { 5671 content: "\f251"; 5672} 5673.uk-icon-hourglass-2:before, 5674.uk-icon-hourglass-half:before { 5675 content: "\f252"; 5676} 5677.uk-icon-hourglass-3:before, 5678.uk-icon-hourglass-end:before { 5679 content: "\f253"; 5680} 5681.uk-icon-houzz:before { 5682 content: "\f27c"; 5683} 5684.uk-icon-i-cursor:before { 5685 content: "\f246"; 5686} 5687.uk-icon-industry:before { 5688 content: "\f275"; 5689} 5690.uk-icon-internet-explorer:before { 5691 content: "\f26b"; 5692} 5693.uk-icon-map:before { 5694 content: "\f279"; 5695} 5696.uk-icon-map-o:before { 5697 content: "\f278"; 5698} 5699.uk-icon-map-pin:before { 5700 content: "\f276"; 5701} 5702.uk-icon-map-signs:before { 5703 content: "\f277"; 5704} 5705.uk-icon-mouse-pointer:before { 5706 content: "\f245"; 5707} 5708.uk-icon-object-group:before { 5709 content: "\f247"; 5710} 5711.uk-icon-object-ungroup:before { 5712 content: "\f248"; 5713} 5714.uk-icon-odnoklassniki:before { 5715 content: "\f263"; 5716} 5717.uk-icon-odnoklassniki-square:before { 5718 content: "\f264"; 5719} 5720.uk-icon-opencart:before { 5721 content: "\f23d"; 5722} 5723.uk-icon-opera:before { 5724 content: "\f26a"; 5725} 5726.uk-icon-optin-monster:before { 5727 content: "\f23c"; 5728} 5729.uk-icon-registered:before { 5730 content: "\f25d"; 5731} 5732.uk-icon-safari:before { 5733 content: "\f267"; 5734} 5735.uk-icon-sticky-note:before { 5736 content: "\f249"; 5737} 5738.uk-icon-sticky-note-o:before { 5739 content: "\f24a"; 5740} 5741.uk-icon-tv:before, 5742.uk-icon-television:before { 5743 content: "\f26c"; 5744} 5745.uk-icon-trademark:before { 5746 content: "\f25c"; 5747} 5748.uk-icon-tripadvisor:before { 5749 content: "\f262"; 5750} 5751.uk-icon-vimeo:before { 5752 content: "\f27d"; 5753} 5754.uk-icon-wikipedia-w:before { 5755 content: "\f266"; 5756} 5757.uk-icon-yc:before, 5758.uk-icon-y-combinator:before { 5759 content: "\f23b"; 5760} 5761.uk-icon-yc-square:before, 5762.uk-icon-y-combinator-square:before { 5763 content: "\f1d4"; 5764} 5765.uk-icon-bluetooth:before { 5766 content: "\f293"; 5767} 5768.uk-icon-bluetooth-b:before { 5769 content: "\f294"; 5770} 5771.uk-icon-codiepie:before { 5772 content: "\f284"; 5773} 5774.uk-icon-credit-card-alt:before { 5775 content: "\f283"; 5776} 5777.uk-icon-edge:before { 5778 content: "\f282"; 5779} 5780.uk-icon-fort-awesome:before { 5781 content: "\f286"; 5782} 5783.uk-icon-hashtag:before { 5784 content: "\f292"; 5785} 5786.uk-icon-mixcloud:before { 5787 content: "\f289"; 5788} 5789.uk-icon-modx:before { 5790 content: "\f285"; 5791} 5792.uk-icon-pause-circle:before { 5793 content: "\f28b"; 5794} 5795.uk-icon-pause-circle-o:before { 5796 content: "\f28c"; 5797} 5798.uk-icon-percent:before { 5799 content: "\f295"; 5800} 5801.uk-icon-product-hunt:before { 5802 content: "\f288"; 5803} 5804.uk-icon-reddit-alien:before { 5805 content: "\f281"; 5806} 5807.uk-icon-scribd:before { 5808 content: "\f28a"; 5809} 5810.uk-icon-shopping-bag:before { 5811 content: "\f290"; 5812} 5813.uk-icon-shopping-basket:before { 5814 content: "\f291"; 5815} 5816.uk-icon-stop-circle:before { 5817 content: "\f28d"; 5818} 5819.uk-icon-stop-circle-o:before { 5820 content: "\f28e"; 5821} 5822.uk-icon-usb:before { 5823 content: "\f287"; 5824} 5825.uk-icon-american-sign-language-interpreting:before, 5826.uk-icon-asl-interpreting:before { 5827 content: "\f2a3"; 5828} 5829.uk-icon-assistive-listening-systems:before { 5830 content: "\f2a2"; 5831} 5832.uk-icon-audio-description:before { 5833 content: "\f29e"; 5834} 5835.uk-icon-blind:before { 5836 content: "\f29d"; 5837} 5838.uk-icon-braille:before { 5839 content: "\f2a1"; 5840} 5841.uk-icon-deaf:before, 5842.uk-icon-deafness:before { 5843 content: "\f2a4"; 5844}
5845.uk-icon-envira:before { 5846 content: "\f299"; 5847} 5848.uk-icon-font-awesome:before, 5849.uk-icon-fa:before { 5850 content: "\f2b4"; 5851} 5852.uk-icon-first-order:before { 5853 content: "\f2b0"; 5854} 5855.uk-icon-gitlab:before { 5856 content: "\f296"; 5857} 5858.uk-icon-glide:before { 5859 content: "\f2a5"; 5860} 5861.uk-icon-glide-g:before { 5862 content: "\f2a6"; 5863} 5864.uk-icon-hard-of-hearing:before { 5865 content: "\f2a4"; 5866} 5867.uk-icon-low-vision:before { 5868 content: "\f2a8"; 5869} 5870.uk-icon-question-circle-o:before { 5871 content: "\f29c"; 5872} 5873.uk-icon-sign-language:before, 5874.uk-icon-signing:before { 5875 content: "\f2a7"; 5876} 5877.uk-icon-snapchat:before { 5878 content: "\f2ab"; 5879} 5880.uk-icon-snapchat-ghost:before { 5881 content: "\f2ac"; 5882} 5883.uk-icon-snapchat-square:before { 5884 content: "\f2ad"; 5885} 5886.uk-icon-themeisle:before { 5887 content: "\f2b2"; 5888} 5889.uk-icon-universal-access:before { 5890 content: "\f29a"; 5891} 5892.uk-icon-viadeo:before { 5893 content: "\f2a9"; 5894} 5895.uk-icon-viadeo-square:before { 5896 content: "\f2aa"; 5897} 5898.uk-icon-volume-control-phone:before { 5899 content: "\f2a0"; 5900} 5901.uk-icon-wheelchair-alt:before { 5902 content: "\f29b"; 5903} 5904.uk-icon-wpbeginner:before { 5905 content: "\f297"; 5906} 5907.uk-icon-wpforms:before { 5908 content: "\f298"; 5909} 5910.uk-icon-yoast:before { 5911 content: "\f2b1"; 5912} 5913/* ======================================================================== 5914 Component: Close 5915 ========================================================================== */ 5916/* 5917 * Removes inner padding and border in Firefox 4+. 5918 */ 5919.uk-close::-moz-focus-inner { 5920 border: 0; 5921 padding: 0; 5922} 5923/* 5924 * 1. Correct inability to style clickable `input` types in iOS. 5925 * 2. Remove margins in Chrome, Safari and Opera. 5926 * 3. Remove borders for `button`. 5927 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. 5928 * 5. Correct `font` properties and `color` not being inherited for `button`. 5929 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE 5930 * 7. Remove default `button` padding and background color 5931 * 8. Style 5932 */ 5933.uk-close { 5934 /* 1 */ 5935 -webkit-appearance: none; 5936 /* 2 */ 5937 margin: 0; 5938 /* 3 */ 5939 border: none; 5940 /* 4 */ 5941 overflow: visible; 5942 /* 5 */ 5943 font: inherit; 5944 color: inherit; 5945 /* 6 */ 5946 text-transform: none; 5947 /* 7. */ 5948 padding: 0; 5949 background: transparent; 5950 /* 8 */ 5951 display: inline-block; 5952 box-sizing: content-box; 5953 width: 20px; 5954 line-height: 20px; 5955 text-align: center; 5956 vertical-align: middle; 5957 opacity: 0.3; 5958} 5959/* Icon */ 5960.uk-close:after { 5961 display: block; 5962 content: "\f00d"; 5963 font-family: FontAwesome; 5964} 5965/* 5966 * Hover 5967 * 1. Apply hover style also to focus state 5968 * 2. Remove default focus style 5969 * 3. Required for `a` elements 5970 */ 5971.uk-close:hover, 5972.uk-close:focus { 5973 opacity: 0.5; 5974 /* 2 */ 5975 outline: none; 5976 /* 3 */ 5977 color: inherit; 5978 text-decoration: none; 5979 cursor: pointer; 5980} 5981/* Modifier 5982 ========================================================================== */ 5983.uk-close-alt { 5984 padding: 2px; 5985 border-radius: 50%; 5986 background: white; 5987 opacity: 1; 5988} 5989/* Hover */ 5990.uk-close-alt:hover, 5991.uk-close-alt:focus { 5992 opacity: 1; 5993} 5994/* Icon */ 5995.uk-close-alt:after { 5996 opacity: 0.5; 5997} 5998.uk-close-alt:hover:after, 5999.uk-close-alt:focus:after { 6000 opacity: 0.8; 6001} 6002/* ======================================================================== 6003 Component: Badge 6004 ========================================================================== */ 6005.uk-badge { 6006 display: inline-block; 6007 padding: 0 5px; 6008 background: #00a8e6; 6009 font-size: 10px; 6010 font-weight: bold; 6011 line-height: 14px; 6012 color: #fff; 6013 text-align: center; 6014 vertical-align: middle; 6015 text-transform: none; 6016} 6017/* 6018 * Keep color when badge is a link 6019 */ 6020a.uk-badge:hover {
6021 color: #fff; 6022} 6023/* Modifier: `uk-badge-notification`; 6024 ========================================================================== */ 6025.uk-badge-notification { 6026 box-sizing: border-box; 6027 min-width: 18px; 6028 border-radius: 500px; 6029 font-size: 12px; 6030 line-height: 18px; 6031} 6032/* Color modifier 6033 ========================================================================== */ 6034/* 6035 * Modifier: `uk-badge-success` 6036 */ 6037.uk-badge-success { 6038 background-color: #8cc14c; 6039} 6040/* 6041 * Modifier: `uk-badge-warning` 6042 */ 6043.uk-badge-warning { 6044 background-color: #faa732; 6045} 6046/* 6047 * Modifier: `uk-badge-danger` 6048 */ 6049.uk-badge-danger { 6050 background-color: #da314b; 6051} 6052/* ======================================================================== 6053 Component: Alert 6054 ========================================================================== */ 6055.uk-alert { 6056 margin-bottom: 15px; 6057 padding: 10px; 6058 background: #ebf7fd; 6059 color: #2d7091; 6060} 6061/* 6062 * Add margin if adjacent element 6063 */ 6064* + .uk-alert { 6065 margin-top: 15px; 6066} 6067/* 6068 * Remove margin from the last-child 6069 */ 6070.uk-alert > :last-child { 6071 margin-bottom: 0; 6072} 6073/* 6074 * Keep color for headings if the default heading color is changed 6075 */ 6076.uk-alert h1, 6077.uk-alert h2, 6078.uk-alert h3, 6079.uk-alert h4, 6080.uk-alert h5, 6081.uk-alert h6 { 6082 color: inherit; 6083} 6084/* Close in alert 6085 ========================================================================== */ 6086.uk-alert > .uk-close:first-child { 6087 float: right; 6088} 6089/* 6090 * Remove margin from adjacent element 6091 */ 6092.uk-alert > .uk-close:first-child + * { 6093 margin-top: 0; 6094} 6095/* Modifier: `uk-alert-success` 6096 ========================================================================== */ 6097.uk-alert-success { 6098 background: #f2fae3; 6099 color: #659f13; 6100} 6101/* Modifier: `uk-alert-warning` 6102 ========================================================================== */ 6103.uk-alert-warning { 6104 background: #fffceb; 6105 color: #e28327; 6106} 6107/* Modifier: `uk-alert-danger` 6108 ========================================================================== */ 6109.uk-alert-danger { 6110 background: #fff1f0; 6111 color: #d85030; 6112} 6113/* Modifier: `uk-alert-large` 6114 ========================================================================== */ 6115.uk-alert-large { 6116 padding: 20px; 6117} 6118.uk-alert-large > .uk-close:first-child { 6119 margin: -10px -10px 0 0; 6120} 6121/* ======================================================================== 6122 Component: Thumbnail 6123 ========================================================================== */ 6124/* 6125 * 1. Container width fits its content 6126 * 2. Responsive behavior 6127 * 3. Corrects `max-width` behavior sed 6128 * 4. Required for `figure` element 6129 * 5. Style 6130 */ 6131.uk-thumbnail { 6132 /* 1 */ 6133 display: inline-block; 6134 /* 2 */ 6135 max-width: 100%; 6136 /* 3 */ 6137 box-sizing: border-box; 6138 /* 3 */ 6139 margin: 0; 6140 /* 4 */ 6141 padding: 4px; 6142 border: 1px solid #ddd; 6143 background: #fff; 6144} 6145/* 6146 * Hover state for `a` elements 6147 * 1. Apply hover style also to focus state 6148 * 2. Needed for caption 6149 * 3. Remove default focus style 6150 */ 6151a.uk-thumbnail:hover, 6152a.uk-thumbnail:focus { 6153 border-color: #aaa; 6154 background-color: #fff; 6155 /* 2 */ 6156 text-decoration: none; 6157 /* 3 */ 6158 outline: none; 6159} 6160/* Caption 6161 ========================================================================== */ 6162.uk-thumbnail-caption { 6163 padding-top: 4px; 6164 text-align: center; 6165 color: #444; 6166} 6167/* Sizes 6168 ========================================================================== */ 6169.uk-thumbnail-mini { 6170 width: 150px; 6171} 6172.uk-thumbnail-small { 6173 width: 200px; 6174} 6175.uk-thumbnail-medium { 6176 width: 300px; 6177} 6178.uk-thumbnail-large { 6179 width: 400px; 6180} 6181.uk-thumbnail-expand, 6182.uk-thumbnail-expand > img { 6183 width: 100%; 6184} 6185/* ======================================================================== 6186 Component: Overlay 6187 ========================================================================== */ 6188/* 6189 * 1. Container width fits its content 6190 * 2. Create position context 6191 * 3. Set max-width for responsive images to prevent `inline-block` consequences 6192 * 4. Remove the gap between the container and its child element 6193 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome 6194 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit 6195 * 7. Reset margin 6196 */ 6197.uk-overlay { 6198 /* 1 */ 6199 display: inline-block; 6200 /* 2 */ 6201 position: relative; 6202 /* 3 */ 6203 max-width: 100%; 6204 /* 4 */ 6205 vertical-align: middle; 6206 /* 5 */ 6207 overflow: hidden; 6208 /* 6 */ 6209 -webkit-transform: translateZ(0); 6210 /* 7 */ 6211 margin: 0; 6212} 6213/* 6 for Safari */ 6214.uk-overlay.uk-border-circle { 6215 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 6216} 6217/* 6218 * Remove margin from content 6219 */ 6220.uk-overlay > :first-child { 6221 margin-bottom: 0; 6222} 6223/* Sub-object `uk-overlay-panel` 6224 ========================================================================== */ 6225/* 6226 * 1. Position cover 6227 * 2. Style 6228 */ 6229.uk-overlay-panel { 6230 /* 1 */ 6231 position: absolute; 6232 top: 0; 6233 bottom: 0; 6234 left: 0; 6235 right: 0; 6236 /* 2 */ 6237 padding: 20px; 6238 color: #fff; 6239} 6240/* 6241 * Remove margin from the last-child 6242 */ 6243.uk-overlay-panel >
6243 :last-child, 6244.uk-overlay-panel.uk-flex > * > :last-child { 6245 margin-bottom: 0; 6246} 6247/* 6248 * Keep color for headings if the default heading color is changed 6249 */ 6250.uk-overlay-panel h1, 6251.uk-overlay-panel h2, 6252.uk-overlay-panel h3, 6253.uk-overlay-panel h4, 6254.uk-overlay-panel h5, 6255.uk-overlay-panel h6 { 6256 color: inherit; 6257} 6258.uk-overlay-panel a:not([class]) { 6259 color: inherit; 6260 text-decoration: underline; 6261} 6262.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { 6263 color: inherit; 6264} 6265/* Sub-object `uk-overlay-hover` and `uk-overlay-active` 6266 ========================================================================== */ 6267.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { 6268 opacity: 0; 6269} 6270.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { 6271 opacity: 0; 6272} 6273/* Modifier `uk-overlay-background` 6274 ========================================================================== */ 6275.uk-overlay-background { 6276 background: rgba(0, 0, 0, 0.5); 6277} 6278/* Modifier `uk-overlay-image` 6279 ========================================================================== */ 6280/* 6281 * Reset panel 6282 */ 6283.uk-overlay-image { 6284 padding: 0; 6285} 6286/* Position modifiers 6287 ========================================================================== */ 6288.uk-overlay-top { 6289 bottom: auto; 6290} 6291.uk-overlay-bottom { 6292 top: auto; 6293} 6294.uk-overlay-left { 6295 right: auto; 6296} 6297.uk-overlay-right { 6298 left: auto; 6299} 6300/* Sub-object `uk-overlay-icon` 6301 ========================================================================== */ 6302.uk-overlay-icon:before { 6303 content: "\f002"; 6304 position: absolute; 6305 top: 50%; 6306 left: 50%; 6307 width: 50px; 6308 height: 50px; 6309 margin-top: -25px; 6310 margin-left: -25px; 6311 font-size: 50px; 6312 line-height: 1; 6313 font-family: FontAwesome; 6314 text-align: center; 6315 color: #fff; 6316} 6317/* Transitions 6318 ========================================================================== */ 6319.uk-overlay-fade, 6320.uk-overlay-scale, 6321.uk-overlay-spin, 6322.uk-overlay-grayscale, 6323.uk-overlay-blur, 6324[class*='uk-overlay-slide'] { 6325 transition-duration: 0.3s; 6326 transition-timing-function: ease-out; 6327 transition-property: opacity, transform, filter; 6328} 6329.uk-overlay-active .uk-overlay-fade, 6330.uk-overlay-active .uk-overlay-scale, 6331.uk-overlay-active .uk-overlay-spin, 6332.uk-overlay-active [class*='uk-overlay-slide'] { 6333 transition-duration: 0.8s; 6334} 6335/* 6336 * Fade 6337 */ 6338.uk-overlay-fade { 6339 opacity: 0.7; 6340} 6341.uk-overlay-hover:hover .uk-overlay-fade, 6342.uk-overlay-hover.uk-hover .uk-overlay-fade, 6343.uk-overlay-active .uk-active > .uk-overlay-fade { 6344 opacity: 1; 6345} 6346/* 6347 * Scale 6348 */ 6349.uk-overlay-scale { 6350 -webkit-transform: scale(1); 6351 transform: scale(1); 6352} 6353.uk-overlay-hover:hover .uk-overlay-scale, 6354.uk-overlay-hover.uk-hover .uk-overlay-scale, 6355.uk-overlay-active .uk-active > .uk-overlay-scale { 6356 -webkit-transform: scale(1.1); 6357 transform: scale(1.1); 6358} 6359/* 6360 * Spin 6361 */ 6362.uk-overlay-spin { 6363 -webkit-transform: scale(1) rotate(0deg); 6364 transform: scale(1) rotate(0deg); 6365} 6366.uk-overlay-hover:hover .uk-overlay-spin, 6367.uk-overlay-hover.uk-hover .uk-overlay-spin, 6368.uk-overlay-active .uk-active > .uk-overlay-spin { 6369 -webkit-transform: scale(1.1) rotate(3deg); 6370 transform: scale(1.1) rotate(3deg); 6371} 6372/* 6373 * Grayscale 6374 */ 6375.uk-overlay-grayscale { 6376 -webkit-filter: grayscale(100%); 6377 filter: grayscale(100%); 6378} 6379.uk-overlay-hover:hover .uk-overlay-grayscale, 6380.uk-overlay-hover.uk-hover .uk-overlay-grayscale, 6381.uk-overlay-active .uk-active > .uk-overlay-grayscale { 6382 -webkit-filter: grayscale(0%); 6383 filter: grayscale(0%); 6384} 6385/* 6386 * Slide 6387 */ 6388[class*='uk-overlay-slide'] { 6389 opacity: 0; 6390} 6391/* Top */ 6392.uk-overlay-slide-top { 6393 -webkit-transform: translateY(-100%); 6394 transform: translateY(-100%); 6395} 6396/* Bottom */ 6397.uk-overlay-slide-bottom { 6398 -webkit-transform: translateY(100%); 6399 transform: translateY(100%); 6400} 6401/* Left */ 6402.uk-overlay-slide-left { 6403 -webkit-transform: translateX(-100%); 6404 transform: translateX(-100%); 6405} 6406/* Right */ 6407.uk-overlay-slide-right { 6408 -webkit-transform: translateX(100%); 6409 transform: translateX(100%); 6410} 6411/* Hover */ 6412.uk-overlay-hover:hover [class*='uk-overlay-slide'], 6413.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'], 6414.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] { 6415 opacity: 1; 6416 -webkit-transform: translateX(0) translateY(0); 6417 transform: translateX(0) translateY(0); 6418} 6419/* DEPRECATED 6420 * Sub-object `uk-overlay-area` 6421 ========================================================================== */ 6422/* 6423 * 1. Set position 6424 * 2. Set style 6425 * 3. Fade-in transition 6426 */ 6427.uk-overlay-area { 6428 /* 1 */ 6429 position: absolute; 6430 top: 0; 6431 bottom: 0; 6432 left: 0; 6433 right: 0; 6434 /* 2 */ 6435 background: rgba(0, 0, 0, 0.3); 6436 /* 3 */ 6437 opacity: 0; 6438 -webkit-transition: opacity 0.15s linear; 6439 transition: opacity 0.15s linear; 6440 -webkit-transform: translate3d(0, 0, 0); 6441} 6442/* 6443 * Hover
6444 * 1. `uk-hover` to support touch devices 6445 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier 6446 */ 6447.uk-overlay:hover .uk-overlay-area, 6448.uk-overlay.uk-hover .uk-overlay-area, 6449.uk-overlay-toggle:hover .uk-overlay-area, 6450.uk-overlay-toggle.uk-hover .uk-overlay-area { 6451 opacity: 1; 6452} 6453/* 6454 * Icon 6455 */ 6456.uk-overlay-area:empty:before { 6457 content: "\f002"; 6458 position: absolute; 6459 top: 50%; 6460 left: 50%; 6461 width: 50px; 6462 height: 50px; 6463 margin-top: -25px; 6464 margin-left: -25px; 6465 font-size: 50px; 6466 line-height: 1; 6467 font-family: FontAwesome; 6468 text-align: center; 6469 color: #fff; 6470} 6471/* DEPRECATED 6472 * Sub-object `uk-overlay-area-content` 6473 ========================================================================== */ 6474/* 6475 * Remove whitespace between child elements when using `inline-block` 6476 * Needed for Firefox 6477 */ 6478.uk-overlay-area:not(:empty) { 6479 font-size: 0.001px; 6480} 6481/* 6482 * 1. Needed for vertical alignment 6483 */ 6484.uk-overlay-area:not(:empty):before { 6485 content: ''; 6486 display: inline-block; 6487 height: 100%; 6488 vertical-align: middle; 6489} 6490/* 6491 * 1. Set vertical alignment 6492 * 2. Reset whitespace hack 6493 * 3. Set horizontal alignment 6494 * 4. Set style 6495 */ 6496.uk-overlay-area-content { 6497 /* 1 */ 6498 display: inline-block; 6499 box-sizing: border-box; 6500 width: 100%; 6501 vertical-align: middle; 6502 /* 2 */ 6503 font-size: 1rem; 6504 /* 3 */ 6505 text-align: center; 6506 /* 4 */ 6507 padding: 0 15px; 6508 color: #fff; 6509} 6510/* 6511 * Remove margin from the last-child 6512 */ 6513.uk-overlay-area-content > :last-child { 6514 margin-bottom: 0; 6515} 6516/* 6517 * Links in overlay area 6518 */ 6519.uk-overlay-area-content a:not([class]), 6520.uk-overlay-area-content a:not([class]):hover { 6521 color: inherit; 6522} 6523/* DEPRECATED 6524 * Sub-object `uk-overlay-caption` 6525 ========================================================================== */ 6526/* 6527 * 1. Set position 6528 * 2. Set style 6529 * 3. Fade-in transition 6530 */ 6531.uk-overlay-caption { 6532 /* 1 */ 6533 position: absolute; 6534 bottom: 0; 6535 left: 0; 6536 right: 0; 6537 /* 2 */ 6538 padding: 15px; 6539 background: rgba(0, 0, 0, 0.5); 6540 color: #fff; 6541 /* 3 */ 6542 opacity: 0; 6543 -webkit-transition: opacity 0.15s linear; 6544 transition: opacity 0.15s linear; 6545 -webkit-transform: translate3d(0, 0, 0); 6546} 6547/* 6548 * Hover 6549 * 1. `uk-hover` to support touch devices 6550 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier 6551 */ 6552.uk-overlay:hover .uk-overlay-caption, 6553.uk-overlay.uk-hover .uk-overlay-caption, 6554.uk-overlay-toggle:hover .uk-overlay-caption, 6555.uk-overlay-toggle.uk-hover .uk-overlay-caption { 6556 opacity: 1; 6557} 6558/* ======================================================================== 6559 Component: Column 6560 ========================================================================== */ 6561[class*='uk-column-'] { 6562 -webkit-column-gap: 25px; 6563 -moz-column-gap: 25px; 6564 column-gap: 25px; 6565} 6566/* Width modifiers 6567 ========================================================================== */ 6568.uk-column-1-2 { 6569 -webkit-column-count: 2; 6570 -moz-column-count: 2; 6571 column-count: 2; 6572} 6573.uk-column-1-3 { 6574 -webkit-column-count: 3; 6575 -moz-column-count: 3; 6576 column-count: 3; 6577} 6578.uk-column-1-4 { 6579 -webkit-column-count: 4; 6580 -moz-column-count: 4; 6581 column-count: 4; 6582} 6583.uk-column-1-5 { 6584 -webkit-column-count: 5; 6585 -moz-column-count: 5; 6586 column-count: 5; 6587} 6588.uk-column-1-6 { 6589 -webkit-column-count: 6; 6590 -moz-column-count: 6; 6591 column-count: 6; 6592} 6593/* Phone landscape and bigger */ 6594@media (min-width: 640px) { 6595 .uk-column-small-1-2 { 6596 -webkit-column-count: 2; 6597 -moz-column-count: 2; 6598 column-count: 2; 6599 } 6600 .uk-column-small-1-3 { 6601 -webkit-column-count: 3; 6602 -moz-column-count: 3; 6603 column-count: 3; 6604 } 6605 .uk-column-small-1-4 { 6606 -webkit-column-count: 4; 6607 -moz-column-count: 4; 6608 column-count: 4; 6609 } 6610 .uk-column-small-1-5 { 6611 -webkit-column-count: 5; 6612 -moz-column-count: 5; 6613 column-count: 5; 6614 } 6615 .uk-column-small-1-6 { 6616 -webkit-column-count: 6; 6617 -moz-column-count: 6; 6618 column-count: 6; 6619 } 6620} 6621/* Tablet and bigger */ 6622@media (min-width: 960px) { 6623 .uk-column-medium-1-2 { 6624 -webkit-column-count: 2; 6625 -moz-column-count: 2; 6626 column-count: 2; 6627 } 6628 .uk-column-medium-1-3 { 6629 -webkit-column-count: 3; 6630 -moz-column-count: 3; 6631 column-count: 3; 6632 } 6633 .uk-column-medium-1-4 { 6634 -webkit-column-count: 4; 6635 -moz-column-count: 4; 6636 column-count: 4; 6637 } 6638 .uk-column-medium-1-5 { 6639 -webkit-column-count: 5; 6640 -moz-column-count: 5; 6641 column-count: 5; 6642 } 6643 .uk-column-medium-1-6 { 6644 -webkit-column-count: 6; 6645 -moz-column-count: 6; 6646 column-count: 6; 6647 } 6648} 6649/* Desktop and bigger */ 6650@media (min-width: 1200px) { 6651 .uk-column-large-1-2 { 6652 -webkit-column-count: 2; 6653 -moz-column-count: 2; 6654 column-count: 2; 6655 } 6656 .uk-column-large-1-3 { 6657 -webkit-column-count: 3; 6658 -moz-column-count: 3; 6659 column-count: 3; 6660 } 6661 .uk-column-large-1-4 { 6662 -webkit-column-count: 4; 6663 -moz-column-count: 4; 6664 column-count: 4; 6665 } 6666 .uk-column-large-1-5 { 6667 -webkit-column-count: 5; 6668 -moz-column-count: 5; 6669 column-count: 5; 6670 } 6671 .uk-column-large-1-6 { 6672 -webkit-column-count: 6; 6673 -moz-column-count: 6; 6674 column-count: 6; 6675 } 6676} 6677/* Large screen and bigger */ 6678@media (min-width: 1600px) { 6679 .uk-column-xlarge-1-2 { 6680 -webkit-column-count: 2; 6681 -moz-column-count: 2; 6682 column-count: 2; 6683 } 6684 .uk-column-xlarge-1-3 { 6685 -webkit-column-count: 3; 6686 -moz-column-count: 3; 6687 column-count: 3; 6688 } 6689 .uk-column-xlarge-1-4 { 6690 -webkit-column-count: 4; 6691 -moz-column-count: 4; 6692 column-count: 4; 6693 } 6694 .uk-column-xlarge-1-5 { 6695 -webkit-column-count: 5; 6696 -moz-column-count: 5; 6697 column-count: 5; 6698 } 6699 .uk-column-xlarge-1-6 { 6700 -webkit-column-count: 6; 6701 -moz-column-count: 6; 6702 column-count: 6; 6703 } 6704} 6705/* ======================================================================== 6706 Component: Animation 6707 ========================================================================== */ 6708[class*='uk-animation-'] { 6709 -webkit-animation-duration: 0.5s; 6710 animation-duration: 0.5s; 6711 -webkit-animation-timing-function: ease-out; 6712 animation-timing-function: ease-out; 6713 -webkit-animation-fill-mode: both; 6714 animation-fill-mode: both; 6715} 6716/* Hide animated element if scrollspy is used */ 6717@media screen { 6718 [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { 6719 opacity: 0; 6720 } 6721} 6722/* 6723 * Fade 6724 * Higher specificity (!important) needed because of reverse modifier 6725 */ 6726.uk-animation-fade { 6727 -webkit-animation-name: uk-fade; 6728 animation-name: uk-fade; 6729 -webkit-animation-duration: 0.8s; 6730 animation-duration: 0.8s; 6731 -webkit-animation-timing-function: linear !important; 6732 animation-timing-function: linear !important; 6733} 6734/* 6735 * Fade with scale 6736 */ 6737.uk-animation-scale-up { 6738 -webkit-animation-name: uk-fade-scale-02; 6739 animation-name: uk-fade-scale-02; 6740} 6741.uk-animation-scale-down { 6742 -webkit-animation-name: uk-fade-scale-18; 6743 animation-name: uk-fade-scale-18; 6744} 6745/* 6746 * Fade with slide 6747 */
6748.uk-animation-slide-top { 6749 -webkit-animation-name: uk-fade-top; 6750 animation-name: uk-fade-top; 6751} 6752.uk-animation-slide-bottom { 6753 -webkit-animation-name: uk-fade-bottom; 6754 animation-name: uk-fade-bottom; 6755} 6756.uk-animation-slide-left { 6757 -webkit-animation-name: uk-fade-left; 6758 animation-name: uk-fade-left; 6759} 6760.uk-animation-slide-right { 6761 -webkit-animation-name: uk-fade-right; 6762 animation-name: uk-fade-right; 6763} 6764/* 6765 * Scale 6766 */ 6767.uk-animation-scale { 6768 -webkit-animation-name: uk-scale-12; 6769 animation-name: uk-scale-12; 6770} 6771/* 6772 * Shake 6773 */ 6774.uk-animation-shake { 6775 -webkit-animation-name: uk-shake; 6776 animation-name: uk-shake; 6777} 6778/* Direction modifiers 6779 ========================================================================== */ 6780.uk-animation-reverse { 6781 -webkit-animation-direction: reverse; 6782 animation-direction: reverse; 6783 -webkit-animation-timing-function: ease-in; 6784 animation-timing-function: ease-in; 6785} 6786/* Duration modifiers 6787========================================================================== */ 6788.uk-animation-15 { 6789 -webkit-animation-duration: 15s; 6790 animation-duration: 15s; 6791} 6792/* Origin modifiers 6793========================================================================== */ 6794.uk-animation-top-left { 6795 -webkit-transform-origin: 0 0; 6796 transform-origin: 0 0; 6797} 6798.uk-animation-top-center { 6799 -webkit-transform-origin: 50% 0; 6800 transform-origin: 50% 0; 6801} 6802.uk-animation-top-right { 6803 -webkit-transform-origin: 100% 0; 6804 transform-origin: 100% 0; 6805} 6806.uk-animation-middle-left { 6807 -webkit-transform-origin: 0 50%; 6808 transform-origin: 0 50%; 6809} 6810.uk-animation-middle-right { 6811 -webkit-transform-origin: 100% 50%; 6812 transform-origin: 100% 50%; 6813} 6814.uk-animation-bottom-left { 6815 -webkit-transform-origin: 0 100%; 6816 transform-origin: 0 100%; 6817} 6818.uk-animation-bottom-center { 6819 -webkit-transform-origin: 50% 100%; 6820 transform-origin: 50% 100%; 6821} 6822.uk-animation-bottom-right { 6823 -webkit-transform-origin: 100% 100%; 6824 transform-origin: 100% 100%; 6825} 6826/* Sub-object: `uk-animation-hover` 6827========================================================================== */ 6828/* 6829 * Enable animation only on hover 6830 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` 6831 */ 6832.uk-animation-hover:not(:hover), 6833.uk-animation-hover:not(:hover) [class*='uk-animation-'], 6834.uk-touch .uk-animation-hover:not(.uk-hover), 6835.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] { 6836 -webkit-animation-name: none; 6837 animation-name: none; 6838} 6839/* Keyframes: Fade 6840 * Used by dropdown, datepicker and slideshow component 6841 ========================================================================== */ 6842@-webkit-keyframes uk-fade { 6843 0% { 6844 opacity: 0; 6845 } 6846 100% { 6847 opacity: 1; 6848 } 6849} 6850@keyframes uk-fade { 6851 0% { 6852 opacity: 0; 6853 } 6854 100% { 6855 opacity: 1; 6856 } 6857} 6858/* Keyframes: Fade with slide 6859 ========================================================================== */ 6860/* 6861 * Top 6862 */ 6863@-webkit-keyframes uk-fade-top { 6864 0% { 6865 opacity: 0; 6866 -webkit-transform: translateY(-100%); 6867 } 6868 100% { 6869 opacity: 1; 6870 -webkit-transform: translateY(0); 6871 } 6872} 6873@keyframes uk-fade-top { 6874 0% { 6875 opacity: 0; 6876 transform: translateY(-100%); 6877 } 6878 100% { 6879 opacity: 1; 6880 transform: translateY(0); 6881 } 6882} 6883/* 6884 * Bottom 6885 */ 6886@-webkit-keyframes uk-fade-bottom { 6887 0% { 6888 opacity: 0; 6889 -webkit-transform: translateY(100%); 6890 } 6891 100% { 6892 opacity: 1; 6893 -webkit-transform: translateY(0); 6894 } 6895} 6896@keyframes uk-fade-bottom { 6897 0% { 6898 opacity: 0; 6899 transform: translateY(100%); 6900 } 6901 100% { 6902 opacity: 1; 6903 transform: translateY(0); 6904 } 6905} 6906/* 6907 * Left 6908 */ 6909@-webkit-keyframes uk-fade-left { 6910 0% { 6911 opacity: 0; 6912 -webkit-transform: translateX(-100%); 6913 } 6914 100% { 6915 opacity: 1; 6916 -webkit-transform: translateX(0); 6917 } 6918} 6919@keyframes uk-fade-left { 6920 0% { 6921 opacity: 0; 6922 transform: translateX(-100%); 6923 } 6924 100% { 6925 opacity: 1; 6926 transform: translateX(0); 6927 } 6928} 6929/* 6930 * Right 6931 */ 6932@-webkit-keyframes uk-fade-right { 6933 0% { 6934 opacity: 0; 6935 -webkit-transform: translateX(100%); 6936 } 6937 100% { 6938 opacity: 1; 6939 -webkit-transform: translateX(0); 6940 } 6941} 6942@keyframes uk-fade-right { 6943 0% { 6944 opacity: 0; 6945 transform: translateX(100%); 6946 } 6947 100% { 6948 opacity: 1; 6949 transform: translateX(0); 6950 } 6951} 6952/* Keyframes: Fade with scale 6953 ========================================================================== */ 6954/* 6955 * Scale by 0.2 6956 */ 6957@-webkit-keyframes uk-fade-scale-02 { 6958 0% { 6959 opacity: 0; 6960 -webkit-transform: scale(0.2); 6961 } 6962 100% { 6963 opacity: 1; 6964 -webkit-transform: scale(1); 6965 } 6966} 6967@keyframes uk-fade-scale-02 { 6968 0% { 6969 opacity: 0; 6970 transform: scale(0.2); 6971 } 6972 100% { 6973 opacity: 1; 6974 transform: scale(1); 6975 } 6976} 6977/* 6978 * Scale by 1.5 6979 * Used by slideshow component 6980 */ 6981@-webkit-keyframes uk-fade-scale-15 { 6982 0% { 6983 opacity: 0; 6984 -webkit-transform: scale(1.5); 6985 } 6986 100% { 6987 opacity: 1; 6988 -webkit-transform: scale(1); 6989 } 6990} 6991@keyframes uk-fade-scale-15 { 6992 0% { 6993 opacity: 0; 6994 transform: scale(1.5); 6995 } 6996 100% { 6997 opacity: 1; 6998 transform: scale(1); 6999 } 7000} 7001/* 7002 * Scale by 1.8 7003 */ 7004@-webkit-keyframes uk-fade-scale-18 { 7005 0% { 7006 opacity: 0; 7007 -webkit-transform: scale(1.8); 7008 } 7009 100% { 7010 opacity: 1; 7011 -webkit-transform: scale(1); 7012 } 7013} 7014@keyframes uk-fade-scale-18 { 7015 0% { 7016 opacity: 0; 7017 transform: scale(1.8); 7018 } 7019 100% { 7020 opacity: 1; 7021 transform: scale(1); 7022 } 7023} 7024/* Keyframes: Slide 7025 * Used by slideshow component 7026 ========================================================================== */ 7027/* 7028 * Left 7029 */ 7030@-webkit-keyframes uk-slide-left { 7031 0% { 7032 -webkit-transform: translateX(-100%); 7033 } 7034 100% { 7035 -webkit-transform: translateX(0); 7036 } 7037} 7038@keyframes uk-slide-left { 7039 0% { 7040 transform: translateX(-100%); 7041 } 7042 100% { 7043 transform: translateX(0); 7044 } 7045} 7046/* 7047 * Right 7048 */ 7049@-webkit-keyframes uk-slide-right { 7050 0% { 7051 -webkit-transform: translateX(100%); 7052 } 7053 100% { 7054 -webkit-transform: translateX(0); 7055 } 7056} 7057@keyframes uk-slide-right { 7058 0% { 7059 transform: translateX(100%); 7060 } 7061 100% { 7062 transform: translateX(0); 7063 } 7064} 7065/* 7066 * Left third 7067 */ 7068@-webkit-keyframes uk-slide-left-33 { 7069 0% { 7070 -webkit-transform: translateX(33%); 7071 } 7072 100% { 7073 -webkit-transform: translateX(0); 7074 } 7075} 7076@keyframes uk-slide-left-33 { 7077 0% { 7078 transform: translateX(33%); 7079 } 7080 100% { 7081 transform: translateX(0); 7082 } 7083} 7084/* 7085 * Right third 7086 */ 7087@-webkit-keyframes uk-slide-right-33 { 7088 0% { 7089 -webkit-transform: translateX(-33%); 7090 } 7091 100% { 7092 -webkit-transform: translateX(0); 7093 } 7094} 7095@keyframes uk-slide-right-33 { 7096 0% { 7097 transform: translateX(-33%); 7098 } 7099 100% { 7100 transform: translateX(0); 7101 } 7102} 7103/* Keyframes: Scale 7104 ========================================================================== */ 7105@-webkit-keyframes uk-scale-12 { 7106 0% { 7107 -webkit-transform: scale(1.2); 7108 } 7109 100% { 7110 -webkit-transform: scale(1); 7111 } 7112} 7113@keyframes uk-scale-12 { 7114 0% { 7115 transform: scale(1.2); 7116 } 7117 100% { 7118 transform: scale(1); 7119 } 7120} 7121/* Keyframes: Rotate 7122 * Used by icon component 7123 ========================================================================== */ 7124@-webkit-keyframes uk-rotate { 7125 0% { 7126 -webkit-transform: rotate(0deg); 7127 } 7128 100% { 7129 -webkit-transform: rotate(359deg); 7130 } 7131} 7132@keyframes uk-rotate { 7133 0% { 7134 transform: rotate(0deg); 7135 } 7136 100% { 7137 transform: rotate(359deg); 7138 } 7139} 7140/* Keyframes: Shake 7141 ========================================================================== */ 7142@-webkit-keyframes uk-shake { 7143 0%, 7144 100% { 7145 -webkit-transform: translateX(0); 7146 } 7147 10% { 7148 -webkit-transform: translateX(-9px); 7149 } 7150 20% { 7151 -webkit-transform: translateX(8px); 7152 } 7153 30% { 7154 -webkit-transform: translateX(-7px); 7155 } 7156 40% { 7157 -webkit-transform: translateX(6px); 7158 } 7159 50% { 7160 -webkit-transform: translateX(-5px); 7161 } 7162 60% { 7163 -webkit-transform: translateX(4px); 7164 } 7165 70% { 7166 -webkit-transform: translateX(-3px); 7167 } 7168 80% { 7169 -webkit-transform: translateX(2px); 7170 } 7171 90% { 7172 -webkit-transform: translateX(-1px); 7173 } 7174} 7175@keyframes uk-shake { 7176 0%, 7177 100% { 7178 transform: translateX(0); 7179 } 7180 10% { 7181 transform: translateX(-9px); 7182 } 7183 20% { 7184 transform: translateX(8px); 7185 } 7186 30% { 7187 transform: translateX(-7px); 7188 } 7189 40% { 7190 transform: translateX(6px); 7191 } 7192 50% { 7193 transform: translateX(-5px); 7194 } 7195 60% { 7196 transform: translateX(4px); 7197 } 7198 70% { 7199 transform: translateX(-3px); 7200 } 7201 80% { 7202 transform: translateX(2px); 7203 } 7204 90% { 7205 transform: translateX(-1px); 7206 } 7207} 7208/* Keyframes: Fade with slide fixed 7209 * Used by dropdown and search component 7210 ========================================================================== */ 7211/* 7212 * Top fixed 7213 */ 7214@-webkit-keyframes uk-slide-top-fixed { 7215 0% { 7216 opacity: 0; 7217 -webkit-transform: translateY(-10px); 7218 } 7219 100% { 7220 opacity: 1; 7221 -webkit-transform: translateY(0); 7222 } 7223} 7224@keyframes uk-slide-top-fixed { 7225 0% { 7226 opacity: 0; 7227 transform: translateY(-10px); 7228 } 7229 100% { 7230 opacity: 1; 7231 transform: translateY(0); 7232 } 7233} 7234/* 7235 * Bottom fixed 7236 */ 7237@-webkit-keyframes uk-slide-bottom-fixed { 7238 0% { 7239 opacity: 0; 7240 -webkit-transform: translateY(10px); 7241 } 7242 100% { 7243 opacity: 1; 7244 -webkit-transform: translateY(0); 7245 } 7246} 7247@keyframes uk-slide-bottom-fixed { 7248 0% { 7249 opacity: 0; 7250 transform: translateY(10px); 7251 } 7252 100% { 7253 opacity: 1; 7254 transform: translateY(0); 7255 } 7256} 7257/* ======================================================================== 7258 Component: Dropdown 7259 ========================================================================== */ 7260/* 7261 * 1. Hide by default 7262 * 2. Set position 7263 * 3. Box-sizing is needed for `uk-dropdown-justify` 7264 * 4. Set width 7265 */ 7266.uk-dropdown, 7267.uk-dropdown-blank { 7268 /* 1 */ 7269 display: none; 7270 /* 2 */ 7271 position: absolute; 7272 z-index: 970; 7273 /* 3 */ 7274 box-sizing: border-box; 7275 /* 4 */ 7276 width: 200px; 7277} 7278/* 7279 * Dropdown style 7280 * 1. Reset button group whitespace hack 7281 */ 7282.uk-dropdown { 7283 padding: 15px; 7284 background: #f5f5f5; 7285 color: #444; 7286 /* 1 */ 7287 font-size: 1rem; 7288 vertical-align: top; 7289} 7290/* Focus */ 7291.uk-dropdown:focus { 7292 outline: none; 7293} 7294/* 7295 * 1. Show dropdown 7296 * 2. Set animation 7297 * 3. Needed for scale animation 7298 */ 7299.uk-open > .uk-dropdown, 7300.uk-open > .uk-dropdown-blank { 7301 /* 1 */ 7302 display: block; 7303 /* 2 */ 7304 -webkit-animation: uk-fade 0.2s ease-in-out; 7305 animation: uk-fade 0.2s ease-in-out; 7306 /* 3 */ 7307 -webkit-transform-origin: 0 0; 7308 transform-origin: 0 0; 7309} 7310/* Alignment modifiers 7311 ========================================================================== */ 7312/* 7313 * Modifier 7314 */ 7315.uk-dropdown-top { 7316 margin-top: -5px; 7317} 7318.uk-dropdown-bottom { 7319 margin-top: 5px; 7320} 7321.uk-dropdown-left { 7322 margin-left: -5px; 7323} 7324.uk-dropdown-right { 7325 margin-left: 5px; 7326} 7327/* Nav in dropdown 7328 ========================================================================== */ 7329.uk-dropdown .uk-nav { 7330 margin: 0 -15px; 7331} 7332/* Grid and panel in dropdown 7333 ========================================================================== */ 7334/* 7335* Vertical gutter 7336*/ 7337/* 7338 * Grid 7339 * Higher specificity to override large gutter 7340 */ 7341.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { 7342 margin-top: 15px; 7343} 7344/* Panels */ 7345.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { 7346 margin-top: 15px; 7347} 7348/* Tablet and bigger */ 7349@media (min-width: 960px) { 7350 /* 7351 * Horizontal gutter 7352 */ 7353 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { 7354 margin-left: -15px; 7355 margin-right: -15px; 7356 } 7357 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { 7358 padding-left: 15px; 7359 padding-right: 15px; 7360 } 7361 /*
7362 * Column divider 7363 */ 7364 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7365 border-left: 1px solid #ddd; 7366 } 7367 /* 7368 * Width multiplier for dropdown columns 7369 */ 7370 .uk-dropdown-width-2:not(.uk-dropdown-stack) { 7371 width: 400px; 7372 } 7373 .uk-dropdown-width-3:not(.uk-dropdown-stack) { 7374 width: 600px; 7375 } 7376 .uk-dropdown-width-4:not(.uk-dropdown-stack) { 7377 width: 800px; 7378 } 7379 .uk-dropdown-width-5:not(.uk-dropdown-stack) { 7380 width: 1000px; 7381 } 7382} 7383/* Phone landscape and smaller */ 7384@media (max-width: 959px) { 7385 /* 7386 * Stack columns and take full width 7387 */ 7388 .uk-dropdown-grid > [class*='uk-width-'] { 7389 width: 100%; 7390 } 7391 /* 7392 * Vertical gutter 7393 */ 7394 .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7395 margin-top: 15px; 7396 } 7397} 7398/* 7399* Stack grid columns 7400*/ 7401.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { 7402 width: 100%; 7403} 7404.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7405 margin-top: 15px; 7406} 7407/* Modifier `uk-dropdown-small` 7408 ========================================================================== */ 7409/* 7410 * Set min-width and text expands dropdown if needed 7411 */ 7412.uk-dropdown-small { 7413 min-width: 150px; 7414 width: auto; 7415 padding: 5px; 7416 white-space: nowrap; 7417} 7418/* 7419 * Nav in dropdown 7420 */ 7421.uk-dropdown-small .uk-nav { 7422 margin: 0 -5px; 7423} 7424/* Modifier: `uk-dropdown-navbar` 7425 ========================================================================== */ 7426.uk-dropdown-navbar { 7427 margin-top: 0; 7428 background: #f5f5f5; 7429 color: #444; 7430} 7431.uk-open > .uk-dropdown-navbar { 7432 -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; 7433 animation: uk-slide-top-fixed 0.2s ease-in-out; 7434} 7435/* Modifier `uk-dropdown-scrollable` 7436 ========================================================================== */ 7437/* 7438 * Usefull for long lists 7439 */ 7440.uk-dropdown-scrollable { 7441 overflow-y: auto; 7442 max-height: 200px; 7443} 7444/* Sub-object: `uk-dropdown-overlay` 7445 ========================================================================== */ 7446/* ======================================================================== 7447 Component: Modal 7448 ========================================================================== */ 7449/* 7450 * This is the modal overlay and modal dialog container 7451 * 1. Hide by default 7452 * 2. Set fixed position 7453 * 3. Allow scrolling for the modal dialog 7454 * 4. Mask the background page 7455 * 5. Fade-in transition 7456 * 6. Deactivate browser history navigation in IE11 7457 * 7. force hardware acceleration to prevent browser rendering hiccups 7458 */ 7459.uk-modal { 7460 /* 1 */ 7461 display: none; 7462 /* 2 */ 7463 position: fixed; 7464 top: 0; 7465 right: 0; 7466 bottom: 0; 7467 left: 0; 7468 z-index: 1010; 7469 /* 3 */ 7470 overflow-y: auto; 7471 -webkit-overflow-scrolling: touch; 7472 /* 4 */ 7473 background: rgba(0, 0, 0, 0.6); 7474 /* 5 */ 7475 opacity: 0; 7476 -webkit-transition: opacity 0.15s linear; 7477 transition: opacity 0.15s linear; 7478 /* 6 */ 7479 touch-action: cross-slide-y pinch-zoom double-tap-zoom; 7480 /* 7 */ 7481 -webkit-transform: translateZ(0); 7482 transform: translateZ(0); 7483} 7484/* 7485 * Open state 7486 */ 7487.uk-modal.uk-open { 7488 opacity: 1; 7489} 7490/* 7491 * Prevents duplicated scrollbar caused by 4. 7492 */ 7493.uk-modal-page, 7494.uk-modal-page body { 7495 overflow: hidden; 7496} 7497/* Sub-object: `uk-modal-dialog` 7498 ========================================================================== */ 7499/* 7500 * 1. Create position context for caption, spinner and close button 7501 * 2. Set box sizing 7502 * 3. Set style 7503 * 4. Slide-in transition 7504 */ 7505.uk-modal-dialog { 7506 /* 1 */ 7507 position: relative; 7508 /* 2 */ 7509 box-sizing: border-box; 7510 margin: 50px auto; 7511 padding: 20px; 7512 width: 600px; 7513 max-width: 100%; 7514 max-width: calc(100% - 20px); 7515 /* 3 */ 7516 background: #fff; 7517 /* 4 */ 7518 opacity: 0; 7519 -webkit-transform: translateY(-100px); 7520 transform: translateY(-100px); 7521 -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; 7522 transition: opacity 0.3s linear, transform 0.3s ease-out; 7523} 7524/* Phone landscape and smaller */ 7525@media (max-width: 959px) { 7526 /* 7527 * Fit in small screen 7528 */ 7529 .uk-modal-dialog { 7530 width: auto; 7531 margin: 10px auto; 7532 } 7533} 7534/* 7535 * Open state 7536 */ 7537.uk-open .uk-modal-dialog { 7538 /* 4 */ 7539 opacity: 1; 7540 -webkit-transform: translateY(0); 7541 transform: translateY(0); 7542} 7543/* 7544 * Remove margin from the last-child 7545 */ 7546.uk-modal-dialog > :not([class*='uk-modal-']):last-child { 7547 margin-bottom: 0; 7548} 7549/* Close in modal 7550 ========================================================================== */ 7551.uk-modal-dialog > .uk-close:first-child { 7552 margin: -10px -10px 0 0; 7553 float: right; 7554} 7555/* 7556 * Remove margin from adjacent element 7557 */ 7558.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { 7559 margin-top: 0; 7560} 7561/* Modifier: `uk-modal-dialog-lightbox` 7562 ========================================================================== */ 7563.uk-modal-dialog-lightbox { 7564 margin: 15px auto; 7565 padding: 0; 7566 max-width: 95%; 7567 max-width: calc(100% - 30px); 7568 min-height: 50px; 7569} 7570/* 7571 * Close button 7572 */ 7573.uk-modal-dialog-lightbox > .uk-close:first-child { 7574 position: absolute; 7575 top: -12px; 7576 right: -12px; 7577 margin: 0; 7578 float: none; 7579} 7580/* Phone landscape and smaller */ 7581@media (max-width: 959px) { 7582 .uk-modal-dialog-lightbox > .uk-close:first-child { 7583 top: -7px; 7584 right: -7px; 7585 } 7586} 7587/* Modifier: `uk-modal-dialog-blank` 7588 ========================================================================== */ 7589.uk-modal-dialog-blank { 7590 margin: 0; 7591 padding: 0; 7592 width: 100%; 7593 max-width: 100%; 7594 -webkit-transition: opacity 0.3s linear; 7595 transition: opacity 0.3s linear; 7596} 7597/* 7598* Close button 7599*/ 7600.uk-modal-dialog-blank > .uk-close:first-child { 7601 position: absolute; 7602 top: 20px; 7603 right: 20px; 7604 z-index: 1; 7605 margin: 0; 7606 float: none; 7607} 7608/* Modifier: `uk-modal-dialog-large` 7609 ========================================================================== */ 7610/* Tablet and bigger */ 7611@media (min-width: 960px) { 7612 .uk-modal-dialog-large { 7613 width: 930px; 7614 } 7615} 7616/* Large screen and bigger */ 7617@media (min-width: 1600px) { 7618 .uk-modal-dialog-large { 7619 width: 1130px; 7620 } 7621} 7622/* Sub-Object: `uk-modal-header` and `uk-modal-footer` 7623 ========================================================================== */ 7624.uk-modal-header { 7625 margin-bottom: 15px; 7626} 7627.uk-modal-footer { 7628 margin-top: 15px; 7629} 7630/* 7631 * Remove margin from the last-child 7632 */ 7633.uk-modal-header > :last-child, 7634.uk-modal-footer > :last-child { 7635 margin-bottom: 0; 7636} 7637/* Sub-Object: `uk-modal-caption` 7638 ========================================================================== */ 7639.uk-modal-caption { 7640 position: absolute; 7641 left: 0; 7642 right: 0; 7643 bottom: -20px; 7644 margin-bottom: -10px; 7645 color: #ffffff; 7646 text-align: center; 7647 overflow: hidden; 7648 text-overflow: ellipsis; 7649 white-space: nowrap; 7650} 7651/* Sub-Object: `uk-modal-spinner` 7652 ========================================================================== */ 7653.uk-modal-spinner { 7654 position: absolute; 7655 top: 50%; 7656 left: 50%; 7657 -webkit-transform: translate(-50%, -50%); 7658 transform: translate(-50%, -50%); 7659 font-size: 25px; 7660 color: #ddd; 7661} 7662.uk-modal-spinner:after {
7663 content: "\f110"; 7664 display: block; 7665 font-family: FontAwesome; 7666 -webkit-animation: uk-rotate 2s infinite linear; 7667 animation: uk-rotate 2s infinite linear; 7668} 7669/* ======================================================================== 7670 Component: Off-canvas 7671 ========================================================================== */ 7672/* 7673 * This is the offcanvas overlay and bar container 7674 * 1. Hide by default 7675 * 2. Set fixed position 7676 * 3. Deactivate browser touch actions in IE11 7677 * 4. Mask the background page 7678 */ 7679.uk-offcanvas { 7680 /* 1 */ 7681 display: none; 7682 /* 2 */ 7683 position: fixed; 7684 top: 0; 7685 right: 0; 7686 bottom: 0; 7687 left: 0; 7688 z-index: 1000; 7689 /* 3 */ 7690 touch-action: none; 7691 /* 4 */ 7692 background: rgba(0, 0, 0, 0.1); 7693} 7694.uk-offcanvas.uk-active { 7695 display: block; 7696} 7697/* Sub-object `uk-offcanvas-page` 7698 ========================================================================== */ 7699/* 7700 * Prepares the whole HTML page to slide-out 7701 * 1. Fix the main page and disallow scrolling 7702 * 2. Side-out transition 7703 * 3. Needed for the transition to work instead of just letting it pop to the side 7704 */ 7705.uk-offcanvas-page { 7706 /* 1 */ 7707 position: fixed; 7708 /* 2 */ 7709 -webkit-transition: margin-left 0.3s ease-in-out; 7710 transition: margin-left 0.3s ease-in-out; 7711 /* 3 */ 7712 margin-left: 0; 7713} 7714/* Sub-object `uk-offcanvas-bar` 7715 ========================================================================== */ 7716/* 7717 * This is the offcanvas bar 7718 * 1. Set fixed position 7719 * 2. Size and style 7720 * 3. Allow scrolling 7721 * 4. Side-out transition 7722 * 5. Deactivate scroll chaining in IE11 7723 */ 7724.uk-offcanvas-bar { 7725 /* 1 */ 7726 position: fixed; 7727 top: 0; 7728 bottom: 0; 7729 left: 0; 7730 -webkit-transform: translateX(-100%); 7731 transform: translateX(-100%); 7732 z-index: 1001; 7733 /* 2 */ 7734 width: 270px; 7735 max-width: 100%; 7736 background: #333; 7737 /* 3 */ 7738 overflow-y: auto; 7739 -webkit-overflow-scrolling: touch; 7740 /* 4 */ 7741 -webkit-transition: -webkit-transform 0.3s ease-in-out; 7742 transition: transform 0.3s ease-in-out; 7743 /* 5 */ 7744 -ms-scroll-chaining: none; 7745} 7746.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { 7747 -webkit-transform: translateX(0%); 7748 transform: translateX(0%); 7749} 7750/* Modifier `uk-offcanvas-bar-flip` 7751 ========================================================================== */ 7752.uk-offcanvas-bar-flip { 7753 left: auto; 7754 right: 0; 7755 -webkit-transform: translateX(100%); 7756 transform: translateX(100%); 7757} 7758/* Offcanvase modes 7759 ========================================================================== */ 7760.uk-offcanvas-bar[mode='none'] { 7761 -webkit-transition: none; 7762 transition: none; 7763} 7764.uk-offcanvas-bar[mode='reveal'] { 7765 -webkit-transform: translateX(0%); 7766 transform: translateX(0%); 7767 clip: rect(0, 0, 100vh, 0); 7768 -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out; 7769 transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; 7770} 7771.uk-offcanvas-bar-flip[mode='reveal'] { 7772 clip: none; 7773 -webkit-transform: translateX(100%); 7774 transform: translateX(100%); 7775} 7776.uk-offcanvas-bar-flip[mode='reveal'] > * { 7777 -webkit-transform: translateX(-100%); 7778 transform: translateX(-100%); 7779 -webkit-transition: -webkit-transform 0.3s ease-in-out; 7780 transition: transform 0.3s ease-in-out; 7781} 7782.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * { 7783 -webkit-transform: translateX(0%); 7784 transform: translateX(0%); 7785} 7786/* Panel in offcanvas 7787 ========================================================================== */ 7788.uk-offcanvas .uk-panel { 7789 margin: 20px 15px; 7790 color: #777; 7791} 7792.uk-offcanvas .uk-panel-title { 7793 color: #ccc; 7794} 7795.uk-offcanvas .uk-panel a:not([class]) { 7796 color: #ccc; 7797} 7798.uk-offcanvas .uk-panel a:not([class]):hover { 7799 color: #fff; 7800} 7801/* ======================================================================== 7802 Component: Switcher 7803 ========================================================================== */ 7804/* 7805 * 1. Deactivate browser history navigation in IE11 7806 */ 7807.uk-switcher { 7808 margin: 0; 7809 padding: 0; 7810 list-style: none; 7811 /* 1 */ 7812 touch-action: cross-slide-y pinch-zoom double-tap-zoom; 7813} 7814/* 7815 * Items 7816 */ 7817.uk-switcher > :not(.uk-active) { 7818 display: none; 7819} 7820/* ======================================================================== 7821 Component: Text 7822 ========================================================================== */ 7823/* Size modifiers 7824 ========================================================================== */ 7825.uk-text-small {
7826 font-size: 11px; 7827 line-height: 16px; 7828} 7829.uk-text-large { 7830 font-size: 18px; 7831 line-height: 24px; 7832 font-weight: normal; 7833} 7834/* Weight modifiers 7835 ========================================================================== */ 7836.uk-text-bold { 7837 font-weight: bold; 7838} 7839/* Color modifiers 7840 ========================================================================== */ 7841.uk-text-muted { 7842 color: #999 !important; 7843} 7844.uk-text-primary { 7845 color: #2d7091 !important; 7846} 7847.uk-text-success { 7848 color: #659f13 !important; 7849} 7850.uk-text-warning { 7851 color: #e28327 !important; 7852} 7853.uk-text-danger { 7854 color: #d85030 !important; 7855} 7856.uk-text-contrast { 7857 color: #fff !important; 7858} 7859/* Alignment modifiers 7860 ========================================================================== */ 7861.uk-text-left { 7862 text-align: left !important; 7863} 7864.uk-text-right { 7865 text-align: right !important; 7866} 7867.uk-text-center { 7868 text-align: center !important; 7869} 7870.uk-text-justify { 7871 text-align: justify !important; 7872} 7873.uk-text-top { 7874 vertical-align: top !important; 7875} 7876.uk-text-middle { 7877 vertical-align: middle !important; 7878} 7879.uk-text-bottom { 7880 vertical-align: bottom !important; 7881} 7882/* Only tablets portrait and smaller */ 7883@media (max-width: 1199px) { 7884 .uk-text-center-medium { 7885 text-align: center !important; 7886 } 7887 .uk-text-left-medium { 7888 text-align: left !important; 7889 } 7890} 7891/* Phone landscape and smaller */ 7892@media (max-width: 959px) { 7893 .uk-text-center-small { 7894 text-align: center !important; 7895 } 7896 .uk-text-left-small { 7897 text-align: left !important; 7898 } 7899} 7900/* Wrap modifiers 7901 ========================================================================== */ 7902/* 7903 * Prevent text from wrapping onto multiple lines 7904 */ 7905.uk-text-nowrap { 7906 white-space: nowrap; 7907} 7908/* 7909 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis 7910 */ 7911.uk-text-truncate { 7912 overflow: hidden; 7913 text-overflow: ellipsis; 7914 white-space: nowrap; 7915} 7916/* 7917 * Break strings if their length exceeds the width of their container 7918 */ 7919.uk-text-break { 7920 word-wrap: break-word; 7921 -webkit-hyphens: auto; 7922 -ms-hyphens: auto; 7923 -moz-hyphens: auto; 7924 hyphens: auto; 7925} 7926/* Transform modifiers 7927 ========================================================================== */ 7928.uk-text-capitalize { 7929 text-transform: capitalize !important; 7930} 7931.uk-text-lowercase { 7932 text-transform: lowercase !important; 7933} 7934.uk-text-uppercase { 7935 text-transform: uppercase !important; 7936} 7937/* ======================================================================== 7938 Component: Utility 7939 ========================================================================== */ 7940/* Container 7941 ========================================================================== */ 7942.uk-container { 7943 box-sizing: border-box; 7944 max-width: 980px; 7945 padding: 0 25px; 7946} 7947/* Large screen and bigger */ 7948@media (min-width: 1600px) { 7949 .uk-container { 7950 max-width: 1200px; 7951 padding: 0 35px; 7952 } 7953} 7954/* 7955 * Micro clearfix 7956 */ 7957.uk-container:before, 7958.uk-container:after { 7959 content: ""; 7960 display: table; 7961} 7962.uk-container:after { 7963 clear: both; 7964} 7965/* 7966 * Center container 7967 */ 7968.uk-container-center { 7969 margin-left: auto; 7970 margin-right: auto; 7971} 7972/* Clearing 7973 ========================================================================== */ 7974/* 7975 * Micro clearfix 7976* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit 7977 * `table` is used again with `:after` because `clear` only works with block elements. 7978 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari 7979 */ 7980.uk-clearfix:before { 7981 content: ""; 7982 display: table-cell; 7983} 7984.uk-clearfix:after { 7985 content: ""; 7986 display: table; 7987 clear: both; 7988} 7989/* 7990 * Create a new block formatting context 7991 */ 7992.uk-nbfc { 7993 overflow: hidden; 7994} 7995.uk-nbfc-alt { 7996 display: table-cell; 7997 width: 10000px; 7998} 7999/* Alignment of block elements 8000 ========================================================================== */ 8001/* 8002 * Float blocks 8003 * 1. Prevent content overflow on small devices 8004 */ 8005.uk-float-left { 8006 float: left; 8007} 8008.uk-float-right { 8009 float: right; 8010} 8011/* 1 */ 8012[class*='uk-float-'] { 8013 max-width: 100%; 8014} 8015/* Alignment of images and objects 8016 ========================================================================== */ 8017/* 8018 * Alignment 8019 */ 8020[class*='uk-align-'] { 8021 display: block; 8022 margin-bottom: 15px; 8023} 8024.uk-align-left { 8025 margin-right: 15px; 8026 float: left; 8027} 8028.uk-align-right { 8029 margin-left: 15px; 8030 float: right; 8031} 8032/* Tablet and bigger */ 8033@media (min-width: 960px) { 8034 .uk-align-medium-left { 8035 margin-right: 15px; 8036 float: left; 8037 } 8038 .uk-align-medium-right { 8039 margin-left: 15px; 8040 float: right; 8041 } 8042} 8043.uk-align-center { 8044 margin-left: auto; 8045 margin-right: auto; 8046} 8047/* Vertical alignment 8048 ========================================================================== */ 8049/* 8050 * Remove whitespace between child elements when using `inline-block` 8051 */ 8052.uk-vertical-align { 8053 font-size: 0.001px; 8054} 8055/* 8056 * The `uk-vertical-align` container needs a specific height 8057 */ 8058.uk-vertical-align:before { 8059 content: ''; 8060 display: inline-block; 8061 height: 100%; 8062 vertical-align: middle; 8063} 8064/* 8065 * Sub-object which can have any height 8066 * 1. Reset whitespace hack 8067 */ 8068.uk-vertical-align-middle, 8069.uk-vertical-align-bottom { 8070 display: inline-block; 8071 max-width: 100%; 8072 /* 1 */ 8073 font-size: 1rem; 8074} 8075.uk-vertical-align-middle { 8076 vertical-align: middle; 8077} 8078.uk-vertical-align-bottom { 8079 vertical-align: bottom; 8080} 8081/* Height 8082 ========================================================================== */ 8083/* 8084 * More robust if padding and border are used 8085 */ 8086[class*='uk-height'] { 8087 box-sizing: border-box; 8088} 8089/* 8090 * Useful to extend the `html` and `body` element to the full height of the page. 8091 */ 8092.uk-height-1-1 { 8093 height: 100%; 8094} 8095/* 8096 * Useful to create image teasers 8097 */ 8098.uk-height-viewport { 8099 height: 100vh; 8100 min-height: 600px; 8101} 8102/* Responsive objects 8103 * Note: Images are already responsive by default, see Base component 8104 ========================================================================== */ 8105/* 8106 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used 8107 */ 8108.uk-responsive-width, 8109.uk-responsive-height { 8110 box-sizing: border-box; 8111} 8112/* 8113 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height 8114 * `important` needed to override `uk-img-preserve img` 8115 */ 8116.uk-responsive-width { 8117 max-width: 100% !important; 8118 height: auto; 8119} 8120/* 8121 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width 8122 * Only works if the parent element has a fixed height. 8123 */ 8124.uk-responsive-height { 8125 max-height: 100%; 8126 width: auto; 8127} 8128/* Margin 8129 ========================================================================== */ 8130/* 8131 * Create a block with the same margin of a paragraph 8132 * Add margin if adjacent element 8133 */ 8134.uk-margin { 8135 margin-bottom: 15px; 8136} 8137* + .uk-margin { 8138 margin-top: 15px; 8139} 8140.uk-margin-top { 8141 margin-top: 15px !important; 8142} 8143.uk-margin-bottom { 8144 margin-bottom: 15px !important; 8145} 8146.uk-margin-left { 8147 margin-left: 15px !important; 8148} 8149.uk-margin-right { 8150 margin-right: 15px !important; 8151} 8152/* 8153 * Larger margins 8154 */ 8155.uk-margin-large { 8156 margin-bottom: 50px; 8157} 8158* + .uk-margin-large { 8159 margin-top: 50px; 8160} 8161.uk-margin-large-top { 8162 margin-top: 50px !important; 8163} 8164.uk-margin-large-bottom { 8165 margin-bottom: 50px !important; 8166} 8167.uk-margin-large-left { 8168 margin-left: 50px !important; 8169} 8170.uk-margin-large-right { 8171 margin-right: 50px !important; 8172} 8173/* 8174 * Smaller margins 8175 */ 8176.uk-margin-small { 8177 margin-bottom: 5px; 8178} 8179* + .uk-margin-small { 8180 margin-top: 5px; 8181} 8182.uk-margin-small-top { 8183 margin-top: 5px !important; 8184} 8185.uk-margin-small-bottom { 8186 margin-bottom: 5px !important; 8187} 8188.uk-margin-small-left { 8189 margin-left: 5px !important; 8190} 8191.uk-margin-small-right { 8192 margin-right: 5px !important; 8193} 8194/* 8195 * Remove margins 8196 */ 8197.uk-margin-remove { 8198 margin: 0 !important; 8199} 8200.uk-margin-top-remove { 8201 margin-top: 0 !important; 8202} 8203.uk-margin-bottom-remove { 8204 margin-bottom: 0 !important; 8205} 8206/* Padding 8207 ========================================================================== */ 8208.uk-padding-remove { 8209 padding: 0 !important; 8210} 8211.uk-padding-top-remove { 8212 padding-top: 0 !important; 8213} 8214.uk-padding-bottom-remove { 8215 padding-bottom: 0 !important; 8216} 8217.uk-padding-vertical-remove { 8218 padding-top: 0 !important; 8219 padding-bottom: 0 !important; 8220} 8221/* Border 8222 ========================================================================== */ 8223.uk-border-circle { 8224 border-radius: 50%; 8225} 8226.uk-border-rounded { 8227 border-radius: 5px; 8228} 8229/* Headings 8230 ========================================================================== */ 8231.uk-heading-large { 8232 font-size: 36px; 8233 line-height: 42px; 8234} 8235/* Tablet and bigger */ 8236@media (min-width: 960px) { 8237 .uk-heading-large { 8238 font-size: 52px; 8239 line-height: 64px; 8240 } 8241} 8242/* Link 8243 ========================================================================== */ 8244/* 8245 * Let links appear in default text color 8246 */ 8247.uk-link-muted, 8248.uk-link-muted a { 8249 color: #444; 8250} 8251.uk-link-muted:hover, 8252.uk-link-muted a:hover {
8253 color: #444; 8254} 8255/* 8256 * Reset link style 8257 */ 8258.uk-link-reset, 8259.uk-link-reset a, 8260.uk-link-reset:hover, 8261.uk-link-reset a:hover, 8262.uk-link-reset:focus, 8263.uk-link-reset a:focus { 8264 color: inherit; 8265 text-decoration: none; 8266} 8267/* Scrollable 8268 ========================================================================== */ 8269/* 8270 * Enable scrolling for preformatted text 8271 */ 8272.uk-scrollable-text { 8273 height: 300px; 8274 overflow-y: scroll; 8275 -webkit-overflow-scrolling: touch; 8276 resize: both; 8277} 8278/* 8279 * Box with scrolling enabled 8280 */ 8281.uk-scrollable-box { 8282 box-sizing: border-box; 8283 height: 170px; 8284 padding: 10px; 8285 border: 1px solid #ddd; 8286 overflow: auto; 8287 -webkit-overflow-scrolling: touch; 8288 resize: both; 8289} 8290.uk-scrollable-box > :last-child { 8291 margin-bottom: 0; 8292} 8293/* Overflow 8294 ========================================================================== */ 8295.uk-overflow-hidden { 8296 overflow: hidden; 8297} 8298/* 8299 * Enable scrollbars if content is clipped 8300 */ 8301.uk-overflow-container { 8302 overflow: auto; 8303 -webkit-overflow-scrolling: touch; 8304} 8305.uk-overflow-container > :last-child { 8306 margin-bottom: 0; 8307} 8308/* Position 8309 ========================================================================== */ 8310.uk-position-absolute, 8311[class*='uk-position-top'], 8312[class*='uk-position-bottom'] { 8313 position: absolute !important; 8314} 8315/* Don't use `width: 100%` because it is wrong if the parent has padding. */ 8316.uk-position-top { 8317 top: 0; 8318 left: 0; 8319 right: 0; 8320} 8321.uk-position-bottom { 8322 bottom: 0; 8323 left: 0; 8324 right: 0; 8325} 8326.uk-position-top-left { 8327 top: 0; 8328 left: 0; 8329} 8330.uk-position-top-right { 8331 top: 0; 8332 right: 0; 8333} 8334.uk-position-bottom-left { 8335 bottom: 0; 8336 left: 0; 8337} 8338.uk-position-bottom-right { 8339 bottom: 0; 8340 right: 0; 8341} 8342/* 8343 * Cover 8344 */ 8345.uk-position-cover { 8346 position: absolute; 8347 top: 0; 8348 bottom: 0; 8349 left: 0; 8350 right: 0; 8351} 8352/* 8353 * Relative 8354 */ 8355.uk-position-relative { 8356 position: relative !important; 8357} 8358/* 8359 * Z-index 8360 */ 8361.uk-position-z-index { 8362 z-index: 1; 8363} 8364/* Display 8365 ========================================================================== */ 8366/* 8367 * Display 8368 * 1. Required if child is a responsive image 8369 */ 8370.uk-display-block { 8371 display: block !important; 8372} 8373.uk-display-inline { 8374 display: inline !important; 8375} 8376.uk-display-inline-block { 8377 display: inline-block !important; 8378 /* 1 */ 8379 max-width: 100%; 8380} 8381/* 8382 * Visibility 8383 * Avoids setting display to `block` so it works also with `inline-block` and `table` 8384 */ 8385/* Desktop and bigger */ 8386@media (min-width: 1200px) { 8387 .uk-visible-small { 8388 display: none !important; 8389 } 8390 .uk-visible-medium { 8391 display: none !important; 8392 } 8393 .uk-hidden-large { 8394 display: none !important; 8395 } 8396} 8397/* Tablets portrait */ 8398@media (min-width: 960px) and (max-width: 1199px) { 8399 .uk-visible-small { 8400 display: none !important; 8401 } 8402 .uk-visible-large { 8403 display: none !important ; 8404 } 8405 .uk-hidden-medium { 8406 display: none !important; 8407 } 8408} 8409/* Phone landscape and smaller*/ 8410@media (max-width: 959px) { 8411 .uk-visible-medium { 8412 display: none !important; 8413 } 8414 .uk-visible-large { 8415 display: none !important; 8416 } 8417 .uk-hidden-small { 8418 display: none !important; 8419 } 8420} 8421/* Remove from the flow and screen readers on any device */ 8422.uk-hidden { 8423 display: none !important; 8424 visibility: hidden !important; 8425} 8426/* It's hidden, but still affects layout */ 8427.uk-invisible { 8428 visibility: hidden !important; 8429} 8430/* Show on hover */ 8431.uk-visible-hover:hover .uk-hidden, 8432.uk-visible-hover:hover .uk-invisible { 8433 display: block !important; 8434 visibility: visible !important; 8435} 8436.uk-visible-hover-inline:hover .uk-hidden, 8437.uk-visible-hover-inline:hover .uk-invisible { 8438 display: inline-block !important; 8439 visibility: visible !important; 8440} 8441/* Hide on touch */ 8442.uk-touch .uk-hidden-touch, 8443.uk-notouch .uk-hidden-notouch { 8444 display: none !important; 8445} 8446/* ======================================================================== 8447 Component: Flex 8448 ========================================================================== */ 8449.uk-flex { 8450 display: -ms-flexbox; 8451 display: -webkit-flex; 8452 display: flex; 8453} 8454.uk-flex-inline { 8455 display: -ms-inline-flexbox; 8456 display: -webkit-inline-flex; 8457 display: inline-flex; 8458} 8459/* 8460 * Fixes initial flex-shrink value in IE10 8461 */ 8462.uk-flex > *, 8463.uk-flex-inline > * { 8464 -ms-flex-negative: 1; 8465} 8466/* Alignment 8467 ========================================================================== */ 8468/* 8469 * Vertical alignment 8470 * Default value is `stretch` 8471 */ 8472.uk-flex-top { 8473 -ms-flex-align: start; 8474 -webkit-align-items: flex-start; 8475 align-items: flex-start; 8476} 8477.uk-flex-middle { 8478 -ms-flex-align: center; 8479 -webkit-align-items: center; 8480 align-items: center; 8481} 8482.uk-flex-bottom { 8483 -ms-flex-align: end; 8484 -webkit-align-items: flex-end; 8485 align-items: flex-end; 8486} 8487/* 8488 * Horizontal alignment 8489 * Default value is `flex-start` 8490 */ 8491.uk-flex-center { 8492 -ms-flex-pack: center;
8493 -webkit-justify-content: center; 8494 justify-content: center; 8495} 8496.uk-flex-right { 8497 -ms-flex-pack: end; 8498 -webkit-justify-content: flex-end; 8499 justify-content: flex-end; 8500} 8501.uk-flex-space-between { 8502 -ms-flex-pack: justify; 8503 -webkit-justify-content: space-between; 8504 justify-content: space-between; 8505} 8506.uk-flex-space-around { 8507 -ms-flex-pack: distribute; 8508 -webkit-justify-content: space-around; 8509 justify-content: space-around; 8510} 8511/* Direction 8512 ========================================================================== */ 8513.uk-flex-row-reverse { 8514 -ms-flex-direction: row-reverse; 8515 -webkit-flex-direction: row-reverse; 8516 flex-direction: row-reverse; 8517} 8518.uk-flex-column { 8519 -ms-flex-direction: column; 8520 -webkit-flex-direction: column; 8521 flex-direction: column; 8522} 8523.uk-flex-column-reverse { 8524 -ms-flex-direction: column-reverse; 8525 -webkit-flex-direction: column-reverse; 8526 flex-direction: column-reverse; 8527} 8528/* Wrap 8529 ========================================================================== */ 8530.uk-flex-nowrap { 8531 -ms-flex-wrap: nowrap; 8532 -webkit-flex-wrap: nowrap; 8533 flex-wrap: nowrap; 8534} 8535.uk-flex-wrap { 8536 -ms-flex-wrap: wrap; 8537 -webkit-flex-wrap: wrap; 8538 flex-wrap: wrap; 8539} 8540.uk-flex-wrap-reverse { 8541 -ms-flex-wrap: wrap-reverse; 8542 -webkit-flex-wrap: wrap-reverse; 8543 flex-wrap: wrap-reverse; 8544} 8545/* 8546 * Horizontal alignment 8547 * Default value is `stretch` 8548 */ 8549.uk-flex-wrap-top { 8550 -ms-flex-line-pack: start; 8551 -webkit-align-content: flex-start; 8552 align-content: flex-start; 8553} 8554.uk-flex-wrap-middle { 8555 -ms-flex-line-pack: center; 8556 -webkit-align-content: center; 8557 align-content: center; 8558} 8559.uk-flex-wrap-bottom { 8560 -ms-flex-line-pack: end; 8561 -webkit-align-content: flex-end; 8562 align-content: flex-end; 8563} 8564.uk-flex-wrap-space-between { 8565 -ms-flex-line-pack: justify; 8566 -webkit-align-content: space-between; 8567 align-content: space-between; 8568} 8569.uk-flex-wrap-space-around { 8570 -ms-flex-line-pack: distribute; 8571 -webkit-align-content: space-around; 8572 align-content: space-around; 8573} 8574/* Item ordering 8575 ========================================================================== */ 8576/* 8577 * Default is 0 8578 */ 8579.uk-flex-order-first { 8580 -ms-flex-order: -1; 8581 -webkit-order: -1; 8582 order: -1; 8583} 8584.uk-flex-order-last { 8585 -ms-flex-order: 99; 8586 -webkit-order: 99; 8587 order: 99; 8588} 8589/* Phone landscape and bigger */ 8590@media (min-width: 640px) { 8591 .uk-flex-order-first-small { 8592 -ms-flex-order: -1; 8593 -webkit-order: -1; 8594 order: -1; 8595 } 8596 .uk-flex-order-last-small { 8597 -ms-flex-order: 99; 8598 -webkit-order: 99; 8599 order: 99; 8600 } 8601} 8602/* Tablet and bigger */ 8603@media (min-width: 960px) { 8604 .uk-flex-order-first-medium { 8605 -ms-flex-order: -1; 8606 -webkit-order: -1; 8607 order: -1; 8608 } 8609 .uk-flex-order-last-medium { 8610 -ms-flex-order: 99; 8611 -webkit-order: 99; 8612 order: 99; 8613 } 8614} 8615/* Desktop and bigger */ 8616@media (min-width: 1200px) { 8617 .uk-flex-order-first-large { 8618 -ms-flex-order: -1; 8619 -webkit-order: -1; 8620 order: -1; 8621 } 8622 .uk-flex-order-last-large { 8623 -ms-flex-order: 99; 8624 -webkit-order: 99; 8625 order: 99; 8626 } 8627} 8628/* Large screen and bigger */ 8629@media (min-width: 1600px) { 8630 .uk-flex-order-first-xlarge { 8631 -ms-flex-order: -1; 8632 -webkit-order: -1; 8633 order: -1; 8634 } 8635 .uk-flex-order-last-xlarge { 8636 -ms-flex-order: 99; 8637 -webkit-order: 99; 8638 order: 99; 8639 } 8640} 8641/* Item dimensions 8642 ========================================================================== */ 8643/* 8644 * Initial: 0 1 auto 8645 * Content dimensions, but shrinks 8646 */ 8647/* 8648 * No Flex: 0 0 auto 8649 * Content dimensions 8650 */ 8651.uk-flex-item-none { 8652 -ms-flex: none; 8653 -webkit-flex: none; 8654 flex: none; 8655} 8656/* 8657 * Relative Flex: 1 1 auto 8658 * Space is allocated considering content 8659 * 1. Fixes flex-shrink value in IE10 8660 */ 8661.uk-flex-item-auto { 8662 -ms-flex: auto; 8663 -webkit-flex: auto; 8664 flex: auto; 8665 /* 1 */ 8666 -ms-flex-negative: 1; 8667} 8668/* 8669 * Absolute Flex: 1 1 0% 8670 * Space is allocated solely based on flex 8671 */ 8672.uk-flex-item-1 { 8673 -ms-flex: 1; 8674 -webkit-flex: 1; 8675 flex: 1; 8676} 8677/* ======================================================================== 8678 Component: Contrast 8679 ========================================================================== */ 8680.uk-contrast { 8681 color: #fff; 8682 /* Active */ 8683} 8684.uk-contrast a:not([class]), 8685.uk-contrast .uk-link { 8686 color: rgba(255, 255, 255, 0.7); 8687 text-decoration: none; 8688} 8689.uk-contrast a:not([class]):hover, 8690.uk-contrast .uk-link:hover {
8691 color: #fff; 8692 text-decoration: underline; 8693} 8694.uk-contrast :not(pre) > code, 8695.uk-contrast :not(pre) > kbd, 8696.uk-contrast :not(pre) > samp { 8697 color: #fff; 8698} 8699.uk-contrast em { 8700 color: #fff; 8701} 8702.uk-contrast h1, 8703.uk-contrast h2, 8704.uk-contrast h3, 8705.uk-contrast h4, 8706.uk-contrast h5, 8707.uk-contrast h6 { 8708 color: #fff; 8709} 8710.uk-contrast hr { 8711 border-top-color: rgba(255, 255, 255, 0.2); 8712} 8713.uk-contrast .uk-nav li > a, 8714.uk-contrast .uk-nav li > a:hover { 8715 text-decoration: none; 8716} 8717.uk-contrast .uk-nav-side > li > a { 8718 color: #fff; 8719} 8720.uk-contrast .uk-nav-side > li > a:hover, 8721.uk-contrast .uk-nav-side > li > a:focus { 8722 background: rgba(255, 255, 255, 0.1); 8723 color: #fff; 8724} 8725.uk-contrast .uk-nav-side > li.uk-active > a { 8726 background: #fff; 8727 color: #444; 8728} 8729.uk-contrast .uk-nav-side .uk-nav-header { 8730 color: #fff; 8731} 8732.uk-contrast .uk-nav-side .uk-nav-divider { 8733 border-top-color: rgba(255, 255, 255, 0.2); 8734} 8735.uk-contrast .uk-nav-side ul a { 8736 color: rgba(255, 255, 255, 0.7); 8737} 8738.uk-contrast .uk-nav-side ul a:hover { 8739 color: #fff; 8740} 8741.uk-contrast .uk-subnav > * > a { 8742 color: rgba(255, 255, 255, 0.7); 8743 text-decoration: none; 8744} 8745.uk-contrast .uk-subnav > * > a:hover, 8746.uk-contrast .uk-subnav > * > a:focus { 8747 color: #fff; 8748 text-decoration: none; 8749} 8750.uk-contrast .uk-subnav > .uk-active > a { 8751 color: #fff; 8752} 8753.uk-contrast .uk-subnav-line > :nth-child(n+2):before { 8754 border-left-color: rgba(255, 255, 255, 0.2); 8755} 8756.uk-contrast .uk-subnav-pill > * > a:hover, 8757.uk-contrast .uk-subnav-pill > * > a:focus { 8758 background: rgba(255, 255, 255, 0.7); 8759 color: #444; 8760 text-decoration: none; 8761} 8762.uk-contrast .uk-subnav-pill > .uk-active > a { 8763 background: #fff; 8764 color: #444; 8765} 8766.uk-contrast .uk-tab { 8767 border-bottom-color: rgba(255, 255, 255, 0.2); 8768} 8769.uk-contrast .uk-tab > li > a { 8770 border-color: transparent; 8771 color: rgba(255, 255, 255, 0.7); 8772} 8773.uk-contrast .uk-tab > li > a:hover, 8774.uk-contrast .uk-tab > li > a:focus, 8775.uk-contrast .uk-tab > li.uk-open > a { 8776 border-color: rgba(255, 255, 255, 0.7); 8777 background: rgba(255, 255, 255, 0.7); 8778 color: #444; 8779 text-decoration: none; 8780} 8781.uk-contrast .uk-tab > li.uk-active > a { 8782 border-color: rgba(255, 255, 255, 0.2); 8783 border-bottom-color: transparent; 8784 background: #fff; 8785 color: #444; 8786} 8787.uk-contrast .uk-tab-center { 8788 border-bottom-color: rgba(255, 255, 255, 0.2); 8789} 8790.uk-contrast .uk-tab-grid:before { 8791 border-top-color: rgba(255, 255, 255, 0.2); 8792} 8793.uk-contrast .uk-list-line > li:nth-child(n+2) { 8794 border-top-color: rgba(255, 255, 255, 0.2); 8795} 8796.uk-contrast .uk-form select, 8797.uk-contrast .uk-form textarea, 8798.uk-contrast .uk-form input:not([type]), 8799.uk-contrast .uk-form input[type="text"], 8800.uk-contrast .uk-form input[type="password"], 8801.uk-contrast .uk-form input[type="datetime"], 8802.uk-contrast .uk-form input[type="datetime-local"], 8803.uk-contrast .uk-form input[type="date"], 8804.uk-contrast .uk-form input[type="month"], 8805.uk-contrast .uk-form input[type="time"], 8806.uk-contrast .uk-form input[type="week"], 8807.uk-contrast .uk-form input[type="number"], 8808.uk-contrast .uk-form input[type="email"], 8809.uk-contrast .uk-form input[type="url"], 8810.uk-contrast .uk-form input[type="search"], 8811.uk-contrast .uk-form input[type="tel"], 8812.uk-contrast .uk-form input[type="color"] { 8813 border-color: rgba(255, 255, 255, 0.8); 8814 background: rgba(255, 255, 255, 0.8); 8815 color: #444; 8816 background-clip: padding-box; 8817} 8818.uk-contrast .uk-form select:focus, 8819.uk-contrast .uk-form textarea:focus, 8820.uk-contrast .uk-form input:not([type]):focus, 8821.uk-contrast .uk-form input[type="text"]:focus, 8822.uk-contrast .uk-form input[type="password"]:focus, 8823.uk-contrast .uk-form input[type="datetime"]:focus, 8824.uk-contrast .uk-form input[type="datetime-local"]:focus, 8825.uk-contrast .uk-form input[type="date"]:focus, 8826.uk-contrast .uk-form input[type="month"]:focus, 8827.uk-contrast .uk-form input[type="time"]:focus, 8828.uk-contrast .uk-form input[type="week"]:focus, 8829.uk-contrast .uk-form input[type="number"]:focus, 8830.uk-contrast .uk-form input[type="email"]:focus, 8831.uk-contrast .uk-form input[type="url"]:focus, 8832.uk-contrast .uk-form input[type="search"]:focus, 8833.uk-contrast .uk-form input[type="tel"]:focus, 8834.uk-contrast .uk-form input[type="color"]:focus { 8835 border-color: #fff; 8836 background: #fff; 8837 color: #444; 8838} 8839.uk-contrast .uk-form :-ms-input-placeholder { 8840 color: rgba(68, 68, 68, 0.7) !important; 8841} 8842.uk-contrast .uk-form ::-moz-placeholder { 8843 color: rgba(68, 68, 68, 0.7); 8844} 8845.uk-contrast .uk-form ::-webkit-input-placeholder { 8846 color: rgba(68, 68, 68, 0.7); 8847} 8848.uk-contrast .uk-button { 8849 color: #444; 8850 background: #fff; 8851} 8852.uk-contrast .uk-button:hover, 8853.uk-contrast .uk-button:focus { 8854 background-color: rgba(255, 255, 255, 0.8); 8855 color: #444; 8856} 8857.uk-contrast .uk-button:active, 8858.uk-contrast .uk-button.uk-active { 8859 background-color: rgba(255, 255, 255, 0.7); 8860 color: #444; 8861} 8862.uk-contrast .uk-button-primary { 8863 background-color: #00a8e6; 8864 color: #fff; 8865} 8866.uk-contrast .uk-button-primary:hover, 8867.uk-contrast .uk-button-primary:focus { 8868 background-color: #35b3ee; 8869 color: #fff; 8870} 8871.uk-contrast .uk-button-primary:active, 8872.uk-contrast .uk-button-primary.uk-active { 8873 background-color: #0091ca; 8874 color: #fff; 8875} 8876.uk-contrast .uk-icon-hover {
8877 color: rgba(255, 255, 255, 0.7); 8878} 8879.uk-contrast .uk-icon-hover:hover { 8880 color: #fff; 8881} 8882.uk-contrast .uk-icon-button { 8883 background: #fff; 8884 color: #444; 8885} 8886.uk-contrast .uk-icon-button:hover, 8887.uk-contrast .uk-icon-button:focus { 8888 background-color: rgba(255, 255, 255, 0.8); 8889 color: #444; 8890} 8891.uk-contrast .uk-icon-button:active { 8892 background-color: rgba(255, 255, 255, 0.7); 8893 color: #444; 8894} 8895.uk-contrast .uk-text-muted { 8896 color: rgba(255, 255, 255, 0.6) !important; 8897} 8898.uk-contrast .uk-text-primary { 8899 color: #2d7091 !important; 8900} 8901/* ======================================================================== 8902 Component: Print 8903 ========================================================================== */ 8904@media print { 8905 *, 8906 *:before, 8907 *:after { 8908 background: transparent !important; 8909 color: black !important; 8910 box-shadow: none !important; 8911 text-shadow: none !important; 8912 } 8913 a, 8914 a:visited { 8915 text-decoration: underline; 8916 } 8917 pre, 8918 blockquote { 8919 border: 1px solid #999; 8920 page-break-inside: avoid; 8921 } 8922 thead { 8923 display: table-header-group; 8924 } 8925 tr, 8926 img { 8927 page-break-inside: avoid; 8928 } 8929 img { 8930 max-width: 100% !important; 8931 } 8932 @page { 8933 margin: 0.5cm; 8934 } 8935 p, 8936 h2, 8937 h3 { 8938 orphans: 3; 8939 widows: 3; 8940 } 8941 h2, 8942 h3 { 8943 page-break-after: avoid; 8944 } 8945} 8946/*! 8947 * Preboot v2 8948 * 8949 * Open sourced under MIT license by @mdo. 8950 * Some variables and mixins from Bootstrap (Apache 2 license). 8951 */ 8952/** Base **/ 8953/** 8954content-box: default where padding and border change the width. 8955border-box: padding and border are inside the width. 8956**/ 8957/*Sans Serif Fonts*/ 8958/*Serif Fonts*/ 8959/*Monospaced Fonts*/ 8960/*Fantasy & Script Fonts*/ 8961/** Paths **/ 8962/* No underlines by default */ 8963a { 8964 color: #f45656; 8965} 8966a:hover { 8967 color: #b880c3; 8968 text-decoration: none; 8969} 8970/* Hide from both screenreaders and browsers: h5bp.com/u 8971-------------------------------------------------------------- */ 8972.hidden { 8973 display: none !important; 8974 visibility: hidden; 8975} 8976/* Hide only visually, but have it available for screenreaders: h5bp.com/v 8977-------------------------------------------------------------- */ 8978.visuallyhidden { 8979 border: 0; 8980 clip: rect(0 0 0 0); 8981 height: 1px; 8982 margin: -1px; 8983 overflow: hidden; 8984 padding: 0; 8985 position: absolute; 8986 width: 1px; 8987} 8988/* Hide visually and from screenreaders, but maintain layout 8989-------------------------------------------------------------- */ 8990.invisible { 8991 visibility: hidden; 8992} 8993/* Inline List 8994-------------------------------------------------------------- */ 8995.inline-list { 8996 list-style: none; 8997 margin-left: 0; 8998 padding-left: 0; 8999} 9000.inline-list li { 9001 display: inline; 9002} 9003.inline-list a { 9004 display: inline-block; 9005} 9006/* Proofing -- classes & resets for use by proofreaders 9007-------------------------------------------------------------- */ 9008/*- handle whitespace (from Ward 3/25/2013) */ 9009.wsh { 9010 word-spacing: -0.16em; 9011} 9012.wsn { 9013 word-spacing: -0.32em; 9014} 9015.wsk { 9016 word-spacing: -0.37em; 9017} 9018/* Pre and Code style for el_debug 9019-------------------------------------------------------------- */ 9020pre, 9021code, 9022tt { 9023 font-family: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; 9024 font-size: 11px; 9025 line-height: 16px; 9026} 9027code { 9028 border: 1px solid lightblue; 9029 padding: 3px; 9030 color: #518BAB; 9031 border-radius: 3px; 9032} 9033pre { 9034 position: relative; 9035 margin: 5px; 9036 padding: 8px; 9037 background: #fff; 9038 color: #518BAB; 9039 border: 1px solid #666; 9040 border-radius: 5px; 9041 white-space: pre-wrap; 9042 /* CSS3 */ 9043 white-space: -moz-pre-wrap; 9044 /* Firefox */ 9045 white-space: -pre-wrap; 9046 /* Opera <7 */ 9047 white-space: -o-pre-wrap; 9048 /* Opera 7 */ 9049 word-wrap: break-word; 9050} 9051/* Debug 9052-------------------------------------------------------------- */ 9053/* Left Right Positioning 9054-------------------------------------------------------------- */ 9055/* Force Text to wrap in a div. 9056-------------------------------------------------------------- */ 9057.richtext { 9058 font-family: "Barlow", sans-serif; 9059 font-size: 18px; 9060 line-height: 26px; 9061} 9062.richtext p { 9063 margin: 0 0 26px 0; 9064 padding: 0; 9065} 9066.richtext a { 9067 color: #f45656; 9068} 9069.richtext ul { 9070 margin-bottom: 18px; 9071} 9072.richtext ul li { 9073 list-style: disc; 9074} 9075.ruler .columns { 9076 min-height: 1px; 9077 padding-left: 15px; 9078 padding-right: 15px; 9079 -webkit-box-sizing: border-box; 9080 -moz-box-sizing: border-box; 9081 box-sizing: border-box; 9082 z-index: 100; 9083 min-height: 40px; 9084 outline: solid gold 1px; 9085 background-color: #eee; 9086} 9087@media (min-width: 768px) { 9088 .ruler .columns { 9089 float: left; 9090 width: 8.33333333%; 9091 } 9092} 9093.uk-form { 9094 padding-left: 0; 9095} 9096.uk-form fieldset { 9097 border: 1px solid #ccc; 9098} 9099.uk-form input { 9100 text-indent: 0; 9101} 9102.uk-form .radio { 9103 box-shadow: none; 9104 outline: none; 9105} 9106.uk-form .text_field { 9107 appearance: none; 9108 box-shadow: none; 9109 box-sizing: border-box; 9110 font-size: 16px; 9111 height: 34px; 9112 padding: 6px 12px; 9113} 9114.uk-form .select { 9115 border-radius: 0 !important; 9116 box-shadow: none; 9117} 9118.uk-form .upload_field { 9119 background-color: initial; 9120 border: initial; 9121} 9122.uk-form textarea { 9123 box-shadow: none; 9124} 9125.uk-form .uk-button-primary { 9126 *zoom: 1; 9127 color: #fff; 9128 display: inline-block; 9129 font-family: 'Cabin', sans-serif; 9130 font-size: 16px; 9131 font-weight: normal; 9132 line-height: 1.2; 9133 margin: 0; 9134 padding: 8.5px 34px; 9135 position: relative; 9136 text-align: center; 9137 text-transform: uppercase; 9138} 9139.uk-form .uk-button-primary:hover {
9140 color: #fff; 9141} 9142.clearfix:after { 9143 content: ""; 9144 display: table; 9145 clear: both; 9146} 9147body { 9148 font-family: "Barlow", sans-serif; 9149 font-size: 18px; 9150 line-height: 26px; 9151 color: #4a4a4a; 9152 -webkit-text-size-adjust: none; 9153 background: #fff 50% 0 repeat; 9154} 9155/* Make mac fonts look consistent with other platforms on webkit */ 9156body.mac { 9157 -webkit-font-smoothing: antialiased !important; 9158 /* firefox as of firefox 25 or 26 */ 9159 -moz-osx-font-smoothing: grayscale; 9160} 9161pre { 9162 z-index: 10; 9163} 9164.uk-grid a .image img { 9165 border-radius: 0; 9166} 9167.uk-grid a .image::after { 9168 border-radius: 0; 9169} 9170.gallery a img, 9171.gallery a.uk-thumbnail { 9172 border-radius: 0; 9173} 9174.uk-modal .uk-modal-dialog { 9175 margin-top: 40px; 9176} 9177.uk-modal-caption { 9178 background-color: #f45656; 9179 box-sizing: border-box; 9180 bottom: -45px; 9181 color: #ffffff; 9182 font-family: "Barlow", sans-serif; 9183 font-size: 16px; 9184 font-weight: 500; 9185 line-height: 1; 9186 padding: 20px 40px; 9187} 9188.uk-slidenav-position .uk-slidenav { 9189 display: none; 9190 font-size: 32px; 9191 position: absolute; 9192 top: 50%; 9193 z-index: 1; 9194 margin-top: -30px; 9195} 9196.uk-slidenav-position .uk-slidenav-previous:before { 9197 content: "\f053"; 9198} 9199.uk-slidenav-position .uk-slidenav-next:before { 9200 content: "\f054"; 9201} 9202.uk-slidenav-contrast { 9203 color: #fff; 9204 opacity: 0.5; 9205} 9206.uk-slidenav-contrast:hover, 9207.uk-slidenav-contrast:focus { 9208 color: #efefef; 9209 opacity: 1; 9210} 9211.uk-slidenav-contrast:active { 9212 color: #efefef; 9213 opacity: 1; 9214} 9215.callout_image { 9216 border-radius: 0; 9217} 9218.bio_image img { 9219 border-radius: 0; 9220} 9221.uk-form input { 9222 border-radius: 4px; 9223 border: 1px solid #c8c8c8; 9224 box-shadow: inset 0px 1px 6px #ccc; 9225 color: #4a4a4a !important; 9226 font-size: 18px; 9227 height: auto; 9228 margin-bottom: 10px !important; 9229 padding: 7px 6px 8px !important; 9230 transition: box-shadow 0.5s, border 0.5s, background 0.5s !important; 9231} 9232.uk-form input:focus { 9233 background: #fff !important; 9234 border: 1px solid #1BD9A6 !important; 9235 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); 9236 outline: none; 9237} 9238.uk-form .uk-button-primary { 9239 background-color: #f45656 !important; 9240 border: none !important; 9241 border-radius: 0; 9242 color: #fff !important; 9243 cursor: pointer; 9244 font-size: 18px !important; 9245 font-weight: 500; 9246 padding: 8px 6px 9px !important; 9247 text-align: center; 9248 transition: all 0.1s ease-in-out !important; 9249} 9250.uk-form .uk-button-primary:hover, 9251.uk-form .uk-button-primary:focus { 9252 background-color: #f45656 !important; 9253 color: #ffffff !important; 9254} 9255.uk-form .uk-form-row.required_error .uk-form-label { 9256 color: #f00 !important; 9257} 9258.uk-form .uk-form-row.required_error fieldset { 9259 background-color: rgba(255, 0, 0, 0.2) !important; 9260 border: 1px solid #f00 !important; 9261 padding: 3px !important; 9262} 9263.uk-form .uk-form-row.required_error .cke_chrome { 9264 border-color: #f00 !important; 9265} 9266.uk-form .uk-form-danger { 9267 border-color: #f00 !important; 9268 color: #f00 !important; 9269} 9270.uk-form .form_message.required, 9271.uk-form .validate_message { 9272 color: #f00; 9273} 9274/* 9275* Use either a compiled variables file from the database, or a static text file. 9276*/ 9277/*! 9278 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 9279 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 9280 */ 9281/* FONT PATH 9282 * -------------------------- */ 9283@font-face { 9284 font-family: 'FontAwesome'; 9285 src: url('/styles/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); 9286 src: url('/styles/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/styles/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/styles/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/styles/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/styles/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 9287 font-weight: normal; 9288 font-style: normal; 9289} 9290.fa { 9291 display: inline-block; 9292 font: normal normal normal 14px/1 FontAwesome; 9293 font-size: inherit; 9294 text-rendering: auto; 9295 -webkit-font-smoothing: antialiased; 9296 -moz-osx-font-smoothing: grayscale; 9297} 9298/* makes the font 33% larger relative to the icon container */ 9299.fa-lg { 9300 font-size: 1.33333333em; 9301 line-height: 0.75em; 9302 vertical-align: -15%; 9303} 9304.fa-2x { 9305 font-size: 2em; 9306} 9307.fa-3x { 9308 font-size: 3em; 9309} 9310.fa-4x { 9311 font-size: 4em; 9312} 9313.fa-5x { 9314 font-size: 5em; 9315} 9316.fa-fw { 9317 width: 1.28571429em; 9318 text-align: center; 9319} 9320.fa-ul { 9321 padding-left: 0; 9322 margin-left: 2.14285714em; 9323 list-style-type: none; 9324} 9325.fa-ul > li { 9326 position: relative; 9327} 9328.fa-li { 9329 position: absolute; 9330 left: -2.14285714em; 9331 width: 2.14285714em; 9332 top: 0.14285714em; 9333 text-align: center; 9334} 9335.fa-li.fa-lg { 9336 left: -1.85714286em; 9337} 9338.fa-border { 9339 padding: 0.2em 0.25em 0.15em; 9340 border: solid 0.08em #eee; 9341 border-radius: 0.1em; 9342} 9343.fa-pull-left { 9344 float: left; 9345} 9346.fa-pull-right { 9347 float: right; 9348} 9349.fa.fa-pull-left { 9350 margin-right: 0.3em; 9351} 9352.fa.fa-pull-right { 9353 margin-left: 0.3em; 9354} 9355/* Deprecated as of 4.4.0 */ 9356.pull-right { 9357 float: right; 9358} 9359.pull-left { 9360 float: left; 9361} 9362.fa.pull-left { 9363 margin-right: 0.3em; 9364} 9365.fa.pull-right { 9366 margin-left: 0.3em; 9367} 9368.fa-spin { 9369 -webkit-animation: fa-spin 2s infinite linear; 9370 animation: fa-spin 2s infinite linear; 9371} 9372.fa-pulse { 9373 -webkit-animation: fa-spin 1s infinite steps(8); 9374 animation: fa-spin 1s infinite steps(8); 9375} 9376@-webkit-keyframes fa-spin { 9377 0% { 9378 -webkit-transform: rotate(0deg); 9379 transform: rotate(0deg); 9380 } 9381 100% { 9382 -webkit-transform: rotate(359deg); 9383 transform: rotate(359deg); 9384 } 9385} 9386@keyframes fa-spin { 9387 0% { 9388 -webkit-transform: rotate(0deg); 9389 transform: rotate(0deg); 9390 } 9391 100% { 9392 -webkit-transform: rotate(359deg); 9393 transform: rotate(359deg); 9394 } 9395} 9396.fa-rotate-90 { 9397 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; 9398 -webkit-transform: rotate(90deg); 9399 -ms-transform: rotate(90deg); 9400 transform: rotate(90deg); 9401} 9402.fa-rotate-180 { 9403 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; 9404 -webkit-transform: rotate(180deg); 9405 -ms-transform: rotate(180deg); 9406 transform: rotate(180deg); 9407} 9408.fa-rotate-270 { 9409 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; 9410 -webkit-transform: rotate(270deg); 9411 -ms-transform: rotate(270deg); 9412 transform: rotate(270deg); 9413} 9414.fa-flip-horizontal { 9415 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; 9416 -webkit-transform: scale(-1, 1); 9417 -ms-transform: scale(-1, 1); 9418 transform: scale(-1, 1); 9419}
9420.fa-flip-vertical { 9421 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; 9422 -webkit-transform: scale(1, -1); 9423 -ms-transform: scale(1, -1); 9424 transform: scale(1, -1); 9425} 9426:root .fa-rotate-90, 9427:root .fa-rotate-180, 9428:root .fa-rotate-270, 9429:root .fa-flip-horizontal, 9430:root .fa-flip-vertical { 9431 filter: none; 9432} 9433.fa-stack { 9434 position: relative; 9435 display: inline-block; 9436 width: 2em; 9437 height: 2em; 9438 line-height: 2em; 9439 vertical-align: middle; 9440} 9441.fa-stack-1x, 9442.fa-stack-2x { 9443 position: absolute; 9444 left: 0; 9445 width: 100%; 9446 text-align: center; 9447} 9448.fa-stack-1x { 9449 line-height: inherit; 9450} 9451.fa-stack-2x { 9452 font-size: 2em; 9453} 9454.fa-inverse { 9455 color: #fff; 9456} 9457/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 9458 readers do not read off random characters that represent icons */ 9459.fa-glass:before { 9460 content: "\f000"; 9461} 9462.fa-music:before { 9463 content: "\f001"; 9464} 9465.fa-search:before { 9466 content: "\f002"; 9467} 9468.fa-envelope-o:before { 9469 content: "\f003"; 9470} 9471.fa-heart:before { 9472 content: "\f004"; 9473} 9474.fa-star:before { 9475 content: "\f005"; 9476} 9477.fa-star-o:before { 9478 content: "\f006"; 9479} 9480.fa-user:before { 9481 content: "\f007"; 9482} 9483.fa-film:before { 9484 content: "\f008"; 9485} 9486.fa-th-large:before { 9487 content: "\f009"; 9488} 9489.fa-th:before { 9490 content: "\f00a"; 9491} 9492.fa-th-list:before { 9493 content: "\f00b"; 9494} 9495.fa-check:before { 9496 content: "\f00c"; 9497} 9498.fa-remove:before, 9499.fa-close:before, 9500.fa-times:before { 9501 content: "\f00d"; 9502} 9503.fa-search-plus:before { 9504 content: "\f00e"; 9505} 9506.fa-search-minus:before { 9507 content: "\f010"; 9508} 9509.fa-power-off:before { 9510 content: "\f011"; 9511} 9512.fa-signal:before { 9513 content: "\f012"; 9514} 9515.fa-gear:before, 9516.fa-cog:before { 9517 content: "\f013"; 9518} 9519.fa-trash-o:before { 9520 content: "\f014"; 9521} 9522.fa-home:before { 9523 content: "\f015"; 9524} 9525.fa-file-o:before { 9526 content: "\f016"; 9527} 9528.fa-clock-o:before { 9529 content: "\f017"; 9530} 9531.fa-road:before { 9532 content: "\f018"; 9533} 9534.fa-download:before { 9535 content: "\f019"; 9536} 9537.fa-arrow-circle-o-down:before { 9538 content: "\f01a"; 9539} 9540.fa-arrow-circle-o-up:before { 9541 content: "\f01b"; 9542} 9543.fa-inbox:before { 9544 content: "\f01c"; 9545} 9546.fa-play-circle-o:before { 9547 content: "\f01d"; 9548} 9549.fa-rotate-right:before, 9550.fa-repeat:before { 9551 content: "\f01e"; 9552} 9553.fa-refresh:before { 9554 content: "\f021"; 9555} 9556.fa-list-alt:before { 9557 content: "\f022"; 9558} 9559.fa-lock:before { 9560 content: "\f023"; 9561} 9562.fa-flag:before { 9563 content: "\f024"; 9564} 9565.fa-headphones:before { 9566 content: "\f025"; 9567} 9568.fa-volume-off:before { 9569 content: "\f026"; 9570} 9571.fa-volume-down:before { 9572 content: "\f027"; 9573} 9574.fa-volume-up:before { 9575 content: "\f028"; 9576} 9577.fa-qrcode:before { 9578 content: "\f029"; 9579} 9580.fa-barcode:before { 9581 content: "\f02a"; 9582} 9583.fa-tag:before { 9584 content: "\f02b"; 9585} 9586.fa-tags:before { 9587 content: "\f02c"; 9588} 9589.fa-book:before { 9590 content: "\f02d"; 9591} 9592.fa-bookmark:before { 9593 content: "\f02e"; 9594} 9595.fa-print:before { 9596 content: "\f02f"; 9597} 9598.fa-camera:before { 9599 content: "\f030"; 9600} 9601.fa-font:before { 9602 content: "\f031"; 9603} 9604.fa-bold:before { 9605 content: "\f032"; 9606} 9607.fa-italic:before { 9608 content: "\f033"; 9609} 9610.fa-text-height:before { 9611 content: "\f034"; 9612} 9613.fa-text-width:before { 9614 content: "\f035"; 9615} 9616.fa-align-left:before { 9617 content: "\f036"; 9618} 9619.fa-align-center:before { 9620 content: "\f037"; 9621} 9622.fa-align-right:before { 9623 content: "\f038"; 9624} 9625.fa-align-justify:before { 9626 content: "\f039"; 9627} 9628.fa-list:before { 9629 content: "\f03a"; 9630} 9631.fa-dedent:before, 9632.fa-outdent:before { 9633 content: "\f03b"; 9634} 9635.fa-indent:before { 9636 content: "\f03c"; 9637} 9638.fa-video-camera:before { 9639 content: "\f03d"; 9640} 9641.fa-photo:before, 9642.fa-image:before, 9643.fa-picture-o:before { 9644 content: "\f03e"; 9645} 9646.fa-pencil:before { 9647 content: "\f040"; 9648} 9649.fa-map-marker:before { 9650 content: "\f041"; 9651} 9652.fa-adjust:before { 9653 content: "\f042"; 9654} 9655.fa-tint:before { 9656 content: "\f043"; 9657} 9658.fa-edit:before, 9659.fa-pencil-square-o:before { 9660 content: "\f044"; 9661} 9662.fa-share-square-o:before { 9663 content: "\f045"; 9664} 9665.fa-check-square-o:before { 9666 content: "\f046"; 9667} 9668.fa-arrows:before { 9669 content: "\f047"; 9670} 9671.fa-step-backward:before { 9672 content: "\f048"; 9673} 9674.fa-fast-backward:before { 9675 content: "\f049"; 9676} 9677.fa-backward:before { 9678 content: "\f04a"; 9679} 9680.fa-play:before { 9681 content: "\f04b"; 9682} 9683.fa-pause:before { 9684 content: "\f04c"; 9685} 9686.fa-stop:before { 9687 content: "\f04d"; 9688} 9689.fa-forward:before { 9690 content: "\f04e"; 9691} 9692.fa-fast-forward:before { 9693 content: "\f050"; 9694} 9695.fa-step-forward:before { 9696 content: "\f051"; 9697} 9698.fa-eject:before { 9699 content: "\f052"; 9700} 9701.fa-chevron-left:before { 9702 content: "\f053"; 9703} 9704.fa-chevron-right:before { 9705 content: "\f054"; 9706} 9707.fa-plus-circle:before { 9708 content: "\f055"; 9709} 9710.fa-minus-circle:before { 9711 content: "\f056"; 9712} 9713.fa-times-circle:before { 9714 content: "\f057"; 9715} 9716.fa-check-circle:before { 9717 content: "\f058"; 9718} 9719.fa-question-circle:before { 9720 content: "\f059"; 9721} 9722.fa-info-circle:before { 9723 content: "\f05a"; 9724} 9725.fa-crosshairs:before { 9726 content: "\f05b"; 9727} 9728.fa-times-circle-o:before { 9729 content: "\f05c"; 9730} 9731.fa-check-circle-o:before { 9732 content: "\f05d"; 9733} 9734.fa-ban:before { 9735 content: "\f05e"; 9736} 9737.fa-arrow-left:before { 9738 content: "\f060"; 9739} 9740.fa-arrow-right:before { 9741 content: "\f061"; 9742} 9743.fa-arrow-up:before { 9744 content: "\f062"; 9745} 9746.fa-arrow-down:before { 9747 content: "\f063"; 9748} 9749.fa-mail-forward:before, 9750.fa-share:before { 9751 content: "\f064"; 9752} 9753.fa-expand:before { 9754 content: "\f065"; 9755} 9756.fa-compress:before { 9757 content: "\f066"; 9758} 9759.fa-plus:before { 9760 content: "\f067"; 9761} 9762.fa-minus:before { 9763 content: "\f068"; 9764} 9765.fa-asterisk:before { 9766 content: "\f069"; 9767} 9768.fa-exclamation-circle:before { 9769 content: "\f06a"; 9770} 9771.fa-gift:before { 9772 content: "\f06b"; 9773} 9774.fa-leaf:before { 9775 content: "\f06c"; 9776} 9777.fa-fire:before { 9778 content: "\f06d"; 9779} 9780.fa-eye:before { 9781 content: "\f06e"; 9782} 9783.fa-eye-slash:before { 9784 content: "\f070"; 9785} 9786.fa-warning:before, 9787.fa-exclamation-triangle:before { 9788 content: "\f071"; 9789} 9790.fa-plane:before { 9791 content: "\f072"; 9792} 9793.fa-calendar:before { 9794 content: "\f073"; 9795} 9796.fa-random:before { 9797 content: "\f074"; 9798} 9799.fa-comment:before { 9800 content: "\f075"; 9801} 9802.fa-magnet:before { 9803 content: "\f076"; 9804} 9805.fa-chevron-up:before { 9806 content: "\f077"; 9807} 9808.fa-chevron-down:before { 9809 content: "\f078"; 9810} 9811.fa-retweet:before { 9812 content: "\f079"; 9813} 9814.fa-shopping-cart:before { 9815 content: "\f07a"; 9816} 9817.fa-folder:before { 9818 content: "\f07b"; 9819} 9820.fa-folder-open:before { 9821 content: "\f07c"; 9822} 9823.fa-arrows-v:before { 9824 content: "\f07d"; 9825} 9826.fa-arrows-h:before { 9827 content: "\f07e"; 9828} 9829.fa-bar-chart-o:before, 9830.fa-bar-chart:before { 9831 content: "\f080"; 9832} 9833.fa-twitter-square:before { 9834 content: "\f081"; 9835} 9836.fa-facebook-square:before { 9837 content: "\f082"; 9838} 9839.fa-camera-retro:before { 9840 content: "\f083"; 9841} 9842.fa-key:before { 9843 content: "\f084"; 9844} 9845.fa-gears:before, 9846.fa-cogs:before { 9847 content: "\f085"; 9848} 9849.fa-comments:before { 9850 content: "\f086"; 9851} 9852.fa-thumbs-o-up:before { 9853 content: "\f087"; 9854} 9855.fa-thumbs-o-down:before { 9856 content: "\f088"; 9857} 9858.fa-star-half:before { 9859 content: "\f089"; 9860} 9861.fa-heart-o:before { 9862 content: "\f08a"; 9863} 9864.fa-sign-out:before { 9865 content: "\f08b"; 9866} 9867.fa-linkedin-square:before { 9868 content: "\f08c"; 9869} 9870.fa-thumb-tack:before { 9871 content: "\f08d"; 9872} 9873.fa-external-link:before { 9874 content: "\f08e"; 9875} 9876.fa-sign-in:before { 9877 content: "\f090"; 9878} 9879.fa-trophy:before { 9880 content: "\f091"; 9881} 9882.fa-github-square:before { 9883 content: "\f092"; 9884} 9885.fa-upload:before { 9886 content: "\f093"; 9887} 9888.fa-lemon-o:before { 9889 content: "\f094"; 9890} 9891.fa-phone:before { 9892 content: "\f095"; 9893} 9894.fa-square-o:before { 9895 content: "\f096"; 9896} 9897.fa-bookmark-o:before { 9898 content: "\f097"; 9899} 9900.fa-phone-square:before { 9901 content: "\f098"; 9902} 9903.fa-twitter:before { 9904 content: "\f099"; 9905} 9906.fa-facebook-f:before, 9907.fa-facebook:before { 9908 content: "\f09a"; 9909} 9910.fa-github:before { 9911 content: "\f09b"; 9912} 9913.fa-unlock:before { 9914 content: "\f09c"; 9915} 9916.fa-credit-card:before { 9917 content: "\f09d"; 9918} 9919.fa-feed:before, 9920.fa-rss:before { 9921 content: "\f09e"; 9922} 9923.fa-hdd-o:before { 9924 content: "\f0a0"; 9925} 9926.fa-bullhorn:before { 9927 content: "\f0a1"; 9928} 9929.fa-bell:before { 9930 content: "\f0f3"; 9931} 9932.fa-certificate:before { 9933 content: "\f0a3"; 9934} 9935.fa-hand-o-right:before { 9936 content: "\f0a4"; 9937} 9938.fa-hand-o-left:before { 9939 content: "\f0a5"; 9940} 9941.fa-hand-o-up:before { 9942 content: "\f0a6"; 9943} 9944.fa-hand-o-down:before { 9945 content: "\f0a7"; 9946} 9947.fa-arrow-circle-left:before { 9948 content: "\f0a8"; 9949} 9950.fa-arrow-circle-right:before { 9951 content: "\f0a9"; 9952} 9953.fa-arrow-circle-up:before { 9954 content: "\f0aa"; 9955} 9956.fa-arrow-circle-down:before { 9957 content: "\f0ab"; 9958} 9959.fa-globe:before { 9960 content: "\f0ac"; 9961} 9962.fa-wrench:before { 9963 content: "\f0ad"; 9964} 9965.fa-tasks:before { 9966 content: "\f0ae"; 9967} 9968.fa-filter:before { 9969 content: "\f0b0"; 9970} 9971.fa-briefcase:before { 9972 content: "\f0b1"; 9973} 9974.fa-arrows-alt:before { 9975 content: "\f0b2"; 9976} 9977.fa-group:before, 9978.fa-users:before { 9979 content: "\f0c0"; 9980} 9981.fa-chain:before, 9982.fa-link:before { 9983 content: "\f0c1"; 9984} 9985.fa-cloud:before { 9986 content: "\f0c2"; 9987} 9988.fa-flask:before { 9989 content: "\f0c3"; 9990} 9991.fa-cut:before, 9992.fa-scissors:before { 9993 content: "\f0c4"; 9994} 9995.fa-copy:before, 9996.fa-files-o:before { 9997 content: "\f0c5"; 9998} 9999.fa-paperclip:before { 10000 content: "\f0c6"; 10001} 10002.fa-save:before, 10003.fa-floppy-o:before { 10004 content: "\f0c7"; 10005} 10006.fa-square:before { 10007 content: "\f0c8"; 10008} 10009.fa-navicon:before, 10010.fa-reorder:before, 10011.fa-bars:before { 10012 content: "\f0c9"; 10013} 10014.fa-list-ul:before { 10015 content: "\f0ca"; 10016} 10017.fa-list-ol:before { 10018 content: "\f0cb"; 10019} 10020.fa-strikethrough:before { 10021 content: "\f0cc"; 10022} 10023.fa-underline:before { 10024 content: "\f0cd"; 10025} 10026.fa-table:before { 10027 content: "\f0ce"; 10028} 10029.fa-magic:before { 10030 content: "\f0d0"; 10031} 10032.fa-truck:before { 10033 content: "\f0d1"; 10034} 10035.fa-pinterest:before { 10036 content: "\f0d2"; 10037} 10038.fa-pinterest-square:before { 10039 content: "\f0d3"; 10040} 10041.fa-google-plus-square:before { 10042 content: "\f0d4"; 10043} 10044.fa-google-plus:before { 10045 content: "\f0d5"; 10046} 10047.fa-money:before { 10048 content: "\f0d6"; 10049} 10050.fa-caret-down:before { 10051 content: "\f0d7"; 10052} 10053.fa-caret-up:before { 10054 content: "\f0d8"; 10055} 10056.fa-caret-left:before { 10057 content: "\f0d9"; 10058} 10059.fa-caret-right:before { 10060 content: "\f0da"; 10061} 10062.fa-columns:before { 10063 content: "\f0db"; 10064} 10065.fa-unsorted:before, 10066.fa-sort:before { 10067 content: "\f0dc"; 10068} 10069.fa-sort-down:before, 10070.fa-sort-desc:before { 10071 content: "\f0dd"; 10072} 10073.fa-sort-up:before, 10074.fa-sort-asc:before { 10075 content: "\f0de"; 10076} 10077.fa-envelope:before { 10078 content: "\f0e0"; 10079} 10080.fa-linkedin:before { 10081 content: "\f0e1"; 10082} 10083.fa-rotate-left:before, 10084.fa-undo:before { 10085 content: "\f0e2"; 10086} 10087.fa-legal:before, 10088.fa-gavel:before { 10089 content: "\f0e3"; 10090} 10091.fa-dashboard:before, 10092.fa-tachometer:before { 10093 content: "\f0e4"; 10094} 10095.fa-comment-o:before { 10096 content: "\f0e5"; 10097} 10098.fa-comments-o:before { 10099 content: "\f0e6"; 10100} 10101.fa-flash:before, 10102.fa-bolt:before { 10103 content: "\f0e7"; 10104} 10105.fa-sitemap:before { 10106 content: "\f0e8"; 10107} 10108.fa-umbrella:before { 10109 content: "\f0e9"; 10110} 10111.fa-paste:before, 10112.fa-clipboard:before { 10113 content: "\f0ea"; 10114} 10115.fa-lightbulb-o:before { 10116 content: "\f0eb"; 10117} 10118.fa-exchange:before { 10119 content: "\f0ec"; 10120} 10121.fa-cloud-download:before { 10122 content: "\f0ed"; 10123} 10124.fa-cloud-upload:before { 10125 content: "\f0ee"; 10126} 10127.fa-user-md:before { 10128 content: "\f0f0"; 10129} 10130.fa-stethoscope:before { 10131 content: "\f0f1"; 10132} 10133.fa-suitcase:before { 10134 content: "\f0f2"; 10135} 10136.fa-bell-o:before { 10137 content: "\f0a2"; 10138} 10139.fa-coffee:before { 10140 content: "\f0f4"; 10141} 10142.fa-cutlery:before { 10143 content: "\f0f5"; 10144} 10145.fa-file-text-o:before { 10146 content: "\f0f6"; 10147} 10148.fa-building-o:before { 10149 content: "\f0f7"; 10150} 10151.fa-hospital-o:before { 10152 content: "\f0f8"; 10153} 10154.fa-ambulance:before { 10155 content: "\f0f9"; 10156} 10157.fa-medkit:before { 10158 content: "\f0fa"; 10159} 10160.fa-fighter-jet:before { 10161 content: "\f0fb"; 10162} 10163.fa-beer:before { 10164 content: "\f0fc"; 10165} 10166.fa-h-square:before { 10167 content: "\f0fd"; 10168} 10169.fa-plus-square:before { 10170 content: "\f0fe"; 10171} 10172.fa-angle-double-left:before { 10173 content: "\f100"; 10174} 10175.fa-angle-double-right:before { 10176 content: "\f101"; 10177} 10178.fa-angle-double-up:before { 10179 content: "\f102"; 10180} 10181.fa-angle-double-down:before { 10182 content: "\f103"; 10183} 10184.fa-angle-left:before { 10185 content: "\f104"; 10186} 10187.fa-angle-right:before { 10188 content: "\f105"; 10189} 10190.fa-angle-up:before { 10191 content: "\f106"; 10192} 10193.fa-angle-down:before { 10194 content: "\f107"; 10195} 10196.fa-desktop:before { 10197 content: "\f108"; 10198} 10199.fa-laptop:before { 10200 content: "\f109"; 10201} 10202.fa-tablet:before { 10203 content: "\f10a"; 10204} 10205.fa-mobile-phone:before, 10206.fa-mobile:before { 10207 content: "\f10b"; 10208} 10209.fa-circle-o:before { 10210 content: "\f10c"; 10211} 10212.fa-quote-left:before { 10213 content: "\f10d"; 10214} 10215.fa-quote-right:before { 10216 content: "\f10e"; 10217} 10218.fa-spinner:before { 10219 content: "\f110"; 10220} 10221.fa-circle:before { 10222 content: "\f111"; 10223} 10224.fa-mail-reply:before, 10225.fa-reply:before { 10226 content: "\f112"; 10227} 10228.fa-github-alt:before { 10229 content: "\f113"; 10230} 10231.fa-folder-o:before { 10232 content: "\f114"; 10233} 10234.fa-folder-open-o:before { 10235 content: "\f115"; 10236} 10237.fa-smile-o:before { 10238 content: "\f118"; 10239} 10240.fa-frown-o:before { 10241 content: "\f119"; 10242} 10243.fa-meh-o:before { 10244 content: "\f11a"; 10245} 10246.fa-gamepad:before { 10247 content: "\f11b"; 10248} 10249.fa-keyboard-o:before { 10250 content: "\f11c"; 10251} 10252.fa-flag-o:before { 10253 content: "\f11d"; 10254} 10255.fa-flag-checkered:before { 10256 content: "\f11e"; 10257} 10258.fa-terminal:before { 10259 content: "\f120"; 10260} 10261.fa-code:before { 10262 content: "\f121"; 10263} 10264.fa-mail-reply-all:before, 10265.fa-reply-all:before { 10266 content: "\f122"; 10267} 10268.fa-star-half-empty:before, 10269.fa-star-half-full:before, 10270.fa-star-half-o:before { 10271 content: "\f123"; 10272} 10273.fa-location-arrow:before { 10274 content: "\f124"; 10275} 10276.fa-crop:before { 10277 content: "\f125"; 10278} 10279.fa-code-fork:before { 10280 content: "\f126"; 10281} 10282.fa-unlink:before, 10283.fa-chain-broken:before { 10284 content: "\f127"; 10285} 10286.fa-question:before { 10287 content: "\f128"; 10288} 10289.fa-info:before { 10290 content: "\f129"; 10291} 10292.fa-exclamation:before { 10293 content: "\f12a"; 10294} 10295.fa-superscript:before { 10296 content: "\f12b"; 10297} 10298.fa-subscript:before { 10299 content: "\f12c"; 10300} 10301.fa-eraser:before { 10302 content: "\f12d"; 10303} 10304.fa-puzzle-piece:before { 10305 content: "\f12e"; 10306} 10307.fa-microphone:before { 10308 content: "\f130"; 10309} 10310.fa-microphone-slash:before { 10311 content: "\f131"; 10312} 10313.fa-shield:before { 10314 content: "\f132"; 10315} 10316.fa-calendar-o:before { 10317 content: "\f133"; 10318} 10319.fa-fire-extinguisher:before { 10320 content: "\f134"; 10321} 10322.fa-rocket:before { 10323 content: "\f135"; 10324} 10325.fa-maxcdn:before { 10326 content: "\f136"; 10327} 10328.fa-chevron-circle-left:before { 10329 content: "\f137"; 10330} 10331.fa-chevron-circle-right:before { 10332 content: "\f138"; 10333} 10334.fa-chevron-circle-up:before { 10335 content: "\f139"; 10336} 10337.fa-chevron-circle-down:before { 10338 content: "\f13a"; 10339} 10340.fa-html5:before { 10341 content: "\f13b"; 10342} 10343.fa-css3:before { 10344 content: "\f13c"; 10345} 10346.fa-anchor:before { 10347 content: "\f13d"; 10348} 10349.fa-unlock-alt:before { 10350 content: "\f13e"; 10351} 10352.fa-bullseye:before { 10353 content: "\f140"; 10354} 10355.fa-ellipsis-h:before { 10356 content: "\f141"; 10357} 10358.fa-ellipsis-v:before { 10359 content: "\f142"; 10360} 10361.fa-rss-square:before { 10362 content: "\f143"; 10363} 10364.fa-play-circle:before { 10365 content: "\f144"; 10366} 10367.fa-ticket:before { 10368 content: "\f145"; 10369} 10370.fa-minus-square:before { 10371 content: "\f146"; 10372} 10373.fa-minus-square-o:before { 10374 content: "\f147"; 10375} 10376.fa-level-up:before { 10377 content: "\f148"; 10378} 10379.fa-level-down:before { 10380 content: "\f149"; 10381} 10382.fa-check-square:before { 10383 content: "\f14a"; 10384} 10385.fa-pencil-square:before { 10386 content: "\f14b"; 10387} 10388.fa-external-link-square:before { 10389 content: "\f14c"; 10390} 10391.fa-share-square:before { 10392 content: "\f14d"; 10393} 10394.fa-compass:before { 10395 content: "\f14e"; 10396} 10397.fa-toggle-down:before, 10398.fa-caret-square-o-down:before { 10399 content: "\f150"; 10400} 10401.fa-toggle-up:before, 10402.fa-caret-square-o-up:before { 10403 content: "\f151"; 10404} 10405.fa-toggle-right:before, 10406.fa-caret-square-o-right:before { 10407 content: "\f152"; 10408} 10409.fa-euro:before, 10410.fa-eur:before { 10411 content: "\f153"; 10412} 10413.fa-gbp:before { 10414 content: "\f154"; 10415} 10416.fa-dollar:before, 10417.fa-usd:before { 10418 content: "\f155"; 10419} 10420.fa-rupee:before, 10421.fa-inr:before { 10422 content: "\f156"; 10423} 10424.fa-cny:before, 10425.fa-rmb:before, 10426.fa-yen:before, 10427.fa-jpy:before { 10428 content: "\f157"; 10429} 10430.fa-ruble:before, 10431.fa-rouble:before, 10432.fa-rub:before { 10433 content: "\f158"; 10434} 10435.fa-won:before, 10436.fa-krw:before { 10437 content: "\f159"; 10438} 10439.fa-bitcoin:before, 10440.fa-btc:before { 10441 content: "\f15a"; 10442} 10443.fa-file:before { 10444 content: "\f15b"; 10445} 10446.fa-file-text:before { 10447 content: "\f15c"; 10448} 10449.fa-sort-alpha-asc:before { 10450 content: "\f15d"; 10451} 10452.fa-sort-alpha-desc:before { 10453 content: "\f15e"; 10454} 10455.fa-sort-amount-asc:before { 10456 content: "\f160"; 10457} 10458.fa-sort-amount-desc:before { 10459 content: "\f161"; 10460} 10461.fa-sort-numeric-asc:before { 10462 content: "\f162"; 10463} 10464.fa-sort-numeric-desc:before { 10465 content: "\f163"; 10466} 10467.fa-thumbs-up:before { 10468 content: "\f164"; 10469} 10470.fa-thumbs-down:before { 10471 content: "\f165"; 10472} 10473.fa-youtube-square:before { 10474 content: "\f166"; 10475} 10476.fa-youtube:before { 10477 content: "\f167"; 10478} 10479.fa-xing:before { 10480 content: "\f168"; 10481} 10482.fa-xing-square:before {
10483 content: "\f169"; 10484} 10485.fa-youtube-play:before { 10486 content: "\f16a"; 10487} 10488.fa-dropbox:before { 10489 content: "\f16b"; 10490} 10491.fa-stack-overflow:before { 10492 content: "\f16c"; 10493} 10494.fa-instagram:before { 10495 content: "\f16d"; 10496} 10497.fa-flickr:before { 10498 content: "\f16e"; 10499} 10500.fa-adn:before { 10501 content: "\f170"; 10502} 10503.fa-bitbucket:before { 10504 content: "\f171"; 10505} 10506.fa-bitbucket-square:before { 10507 content: "\f172"; 10508} 10509.fa-tumblr:before { 10510 content: "\f173"; 10511} 10512.fa-tumblr-square:before { 10513 content: "\f174"; 10514} 10515.fa-long-arrow-down:before { 10516 content: "\f175"; 10517} 10518.fa-long-arrow-up:before { 10519 content: "\f176"; 10520} 10521.fa-long-arrow-left:before { 10522 content: "\f177"; 10523} 10524.fa-long-arrow-right:before { 10525 content: "\f178"; 10526} 10527.fa-apple:before { 10528 content: "\f179"; 10529} 10530.fa-windows:before { 10531 content: "\f17a"; 10532} 10533.fa-android:before { 10534 content: "\f17b"; 10535} 10536.fa-linux:before { 10537 content: "\f17c"; 10538} 10539.fa-dribbble:before { 10540 content: "\f17d"; 10541} 10542.fa-skype:before { 10543 content: "\f17e"; 10544} 10545.fa-foursquare:before { 10546 content: "\f180"; 10547} 10548.fa-trello:before { 10549 content: "\f181"; 10550} 10551.fa-female:before { 10552 content: "\f182"; 10553} 10554.fa-male:before { 10555 content: "\f183"; 10556} 10557.fa-gittip:before, 10558.fa-gratipay:before { 10559 content: "\f184"; 10560} 10561.fa-sun-o:before { 10562 content: "\f185"; 10563} 10564.fa-moon-o:before { 10565 content: "\f186"; 10566} 10567.fa-archive:before { 10568 content: "\f187"; 10569} 10570.fa-bug:before { 10571 content: "\f188"; 10572} 10573.fa-vk:before { 10574 content: "\f189"; 10575} 10576.fa-weibo:before { 10577 content: "\f18a"; 10578} 10579.fa-renren:before { 10580 content: "\f18b"; 10581} 10582.fa-pagelines:before { 10583 content: "\f18c"; 10584} 10585.fa-stack-exchange:before { 10586 content: "\f18d"; 10587} 10588.fa-arrow-circle-o-right:before { 10589 content: "\f18e"; 10590} 10591.fa-arrow-circle-o-left:before { 10592 content: "\f190"; 10593} 10594.fa-toggle-left:before, 10595.fa-caret-square-o-left:before { 10596 content: "\f191"; 10597} 10598.fa-dot-circle-o:before { 10599 content: "\f192"; 10600} 10601.fa-wheelchair:before { 10602 content: "\f193"; 10603} 10604.fa-vimeo-square:before { 10605 content: "\f194"; 10606} 10607.fa-turkish-lira:before, 10608.fa-try:before { 10609 content: "\f195"; 10610} 10611.fa-plus-square-o:before { 10612 content: "\f196"; 10613} 10614.fa-space-shuttle:before { 10615 content: "\f197"; 10616} 10617.fa-slack:before { 10618 content: "\f198"; 10619} 10620.fa-envelope-square:before { 10621 content: "\f199"; 10622} 10623.fa-wordpress:before { 10624 content: "\f19a"; 10625} 10626.fa-openid:before { 10627 content: "\f19b"; 10628} 10629.fa-institution:before, 10630.fa-bank:before, 10631.fa-university:before { 10632 content: "\f19c"; 10633} 10634.fa-mortar-board:before, 10635.fa-graduation-cap:before { 10636 content: "\f19d"; 10637} 10638.fa-yahoo:before { 10639 content: "\f19e"; 10640} 10641.fa-google:before { 10642 content: "\f1a0"; 10643} 10644.fa-reddit:before { 10645 content: "\f1a1"; 10646} 10647.fa-reddit-square:before { 10648 content: "\f1a2"; 10649} 10650.fa-stumbleupon-circle:before { 10651 content: "\f1a3"; 10652} 10653.fa-stumbleupon:before { 10654 content: "\f1a4"; 10655} 10656.fa-delicious:before { 10657 content: "\f1a5"; 10658} 10659.fa-digg:before { 10660 content: "\f1a6"; 10661} 10662.fa-pied-piper-pp:before { 10663 content: "\f1a7"; 10664} 10665.fa-pied-piper-alt:before { 10666 content: "\f1a8"; 10667} 10668.fa-drupal:before { 10669 content: "\f1a9"; 10670} 10671.fa-joomla:before { 10672 content: "\f1aa"; 10673} 10674.fa-language:before { 10675 content: "\f1ab"; 10676} 10677.fa-fax:before { 10678 content: "\f1ac"; 10679} 10680.fa-building:before { 10681 content: "\f1ad"; 10682} 10683.fa-child:before { 10684 content: "\f1ae"; 10685} 10686.fa-paw:before { 10687 content: "\f1b0"; 10688} 10689.fa-spoon:before { 10690 content: "\f1b1"; 10691} 10692.fa-cube:before { 10693 content: "\f1b2"; 10694} 10695.fa-cubes:before { 10696 content: "\f1b3"; 10697} 10698.fa-behance:before { 10699 content: "\f1b4"; 10700} 10701.fa-behance-square:before { 10702 content: "\f1b5"; 10703} 10704.fa-steam:before { 10705 content: "\f1b6"; 10706} 10707.fa-steam-square:before { 10708 content: "\f1b7"; 10709} 10710.fa-recycle:before { 10711 content: "\f1b8"; 10712} 10713.fa-automobile:before, 10714.fa-car:before { 10715 content: "\f1b9"; 10716} 10717.fa-cab:before, 10718.fa-taxi:before { 10719 content: "\f1ba"; 10720} 10721.fa-tree:before { 10722 content: "\f1bb"; 10723} 10724.fa-spotify:before { 10725 content: "\f1bc"; 10726} 10727.fa-deviantart:before { 10728 content: "\f1bd"; 10729} 10730.fa-soundcloud:before { 10731 content: "\f1be"; 10732} 10733.fa-database:before { 10734 content: "\f1c0"; 10735} 10736.fa-file-pdf-o:before { 10737 content: "\f1c1"; 10738} 10739.fa-file-word-o:before { 10740 content: "\f1c2"; 10741} 10742.fa-file-excel-o:before { 10743 content: "\f1c3"; 10744} 10745.fa-file-powerpoint-o:before { 10746 content: "\f1c4"; 10747} 10748.fa-file-photo-o:before, 10749.fa-file-picture-o:before, 10750.fa-file-image-o:before { 10751 content: "\f1c5"; 10752} 10753.fa-file-zip-o:before, 10754.fa-file-archive-o:before { 10755 content: "\f1c6"; 10756} 10757.fa-file-sound-o:before, 10758.fa-file-audio-o:before { 10759 content: "\f1c7"; 10760} 10761.fa-file-movie-o:before, 10762.fa-file-video-o:before { 10763 content: "\f1c8"; 10764} 10765.fa-file-code-o:before { 10766 content: "\f1c9"; 10767} 10768.fa-vine:before { 10769 content: "\f1ca"; 10770} 10771.fa-codepen:before { 10772 content: "\f1cb"; 10773} 10774.fa-jsfiddle:before { 10775 content: "\f1cc"; 10776} 10777.fa-life-bouy:before, 10778.fa-life-buoy:before, 10779.fa-life-saver:before, 10780.fa-support:before, 10781.fa-life-ring:before { 10782 content: "\f1cd"; 10783} 10784.fa-circle-o-notch:before { 10785 content: "\f1ce"; 10786} 10787.fa-ra:before, 10788.fa-resistance:before, 10789.fa-rebel:before { 10790 content: "\f1d0"; 10791} 10792.fa-ge:before, 10793.fa-empire:before { 10794 content: "\f1d1"; 10795} 10796.fa-git-square:before { 10797 content: "\f1d2"; 10798} 10799.fa-git:before { 10800 content: "\f1d3"; 10801} 10802.fa-y-combinator-square:before, 10803.fa-yc-square:before, 10804.fa-hacker-news:before { 10805 content: "\f1d4"; 10806} 10807.fa-tencent-weibo:before { 10808 content: "\f1d5"; 10809} 10810.fa-qq:before { 10811 content: "\f1d6"; 10812} 10813.fa-wechat:before, 10814.fa-weixin:before { 10815 content: "\f1d7"; 10816} 10817.fa-send:before, 10818.fa-paper-plane:before { 10819 content: "\f1d8"; 10820} 10821.fa-send-o:before, 10822.fa-paper-plane-o:before { 10823 content: "\f1d9"; 10824} 10825.fa-history:before { 10826 content: "\f1da"; 10827} 10828.fa-circle-thin:before { 10829 content: "\f1db"; 10830} 10831.fa-header:before { 10832 content: "\f1dc"; 10833} 10834.fa-paragraph:before { 10835 content: "\f1dd"; 10836} 10837.fa-sliders:before { 10838 content: "\f1de"; 10839} 10840.fa-share-alt:before { 10841 content: "\f1e0"; 10842} 10843.fa-share-alt-square:before { 10844 content: "\f1e1"; 10845} 10846.fa-bomb:before { 10847 content: "\f1e2"; 10848} 10849.fa-soccer-ball-o:before, 10850.fa-futbol-o:before { 10851 content: "\f1e3"; 10852} 10853.fa-tty:before { 10854 content: "\f1e4"; 10855} 10856.fa-binoculars:before { 10857 content: "\f1e5"; 10858} 10859.fa-plug:before { 10860 content: "\f1e6"; 10861} 10862.fa-slideshare:before { 10863 content: "\f1e7"; 10864} 10865.fa-twitch:before { 10866 content: "\f1e8"; 10867} 10868.fa-yelp:before { 10869 content: "\f1e9"; 10870} 10871.fa-newspaper-o:before { 10872 content: "\f1ea"; 10873} 10874.fa-wifi:before { 10875 content: "\f1eb"; 10876} 10877.fa-calculator:before { 10878 content: "\f1ec"; 10879} 10880.fa-paypal:before { 10881 content: "\f1ed"; 10882} 10883.fa-google-wallet:before { 10884 content: "\f1ee"; 10885} 10886.fa-cc-visa:before { 10887 content: "\f1f0"; 10888} 10889.fa-cc-mastercard:before { 10890 content: "\f1f1"; 10891} 10892.fa-cc-discover:before { 10893 content: "\f1f2"; 10894} 10895.fa-cc-amex:before { 10896 content: "\f1f3"; 10897} 10898.fa-cc-paypal:before { 10899 content: "\f1f4"; 10900} 10901.fa-cc-stripe:before { 10902 content: "\f1f5"; 10903} 10904.fa-bell-slash:before { 10905 content: "\f1f6"; 10906} 10907.fa-bell-slash-o:before { 10908 content: "\f1f7"; 10909} 10910.fa-trash:before { 10911 content: "\f1f8"; 10912} 10913.fa-copyright:before { 10914 content: "\f1f9"; 10915} 10916.fa-at:before { 10917 content: "\f1fa"; 10918} 10919.fa-eyedropper:before { 10920 content: "\f1fb"; 10921} 10922.fa-paint-brush:before { 10923 content: "\f1fc"; 10924} 10925.fa-birthday-cake:before { 10926 content: "\f1fd"; 10927} 10928.fa-area-chart:before { 10929 content: "\f1fe"; 10930} 10931.fa-pie-chart:before { 10932 content: "\f200"; 10933} 10934.fa-line-chart:before { 10935 content: "\f201"; 10936} 10937.fa-lastfm:before { 10938 content: "\f202"; 10939} 10940.fa-lastfm-square:before { 10941 content: "\f203"; 10942} 10943.fa-toggle-off:before { 10944 content: "\f204"; 10945} 10946.fa-toggle-on:before { 10947 content: "\f205"; 10948} 10949.fa-bicycle:before { 10950 content: "\f206"; 10951} 10952.fa-bus:before { 10953 content: "\f207"; 10954} 10955.fa-ioxhost:before { 10956 content: "\f208"; 10957} 10958.fa-angellist:before { 10959 content: "\f209"; 10960} 10961.fa-cc:before { 10962 content: "\f20a"; 10963} 10964.fa-shekel:before, 10965.fa-sheqel:before, 10966.fa-ils:before { 10967 content: "\f20b"; 10968} 10969.fa-meanpath:before { 10970 content: "\f20c"; 10971} 10972.fa-buysellads:before { 10973 content: "\f20d"; 10974} 10975.fa-connectdevelop:before { 10976 content: "\f20e"; 10977} 10978.fa-dashcube:before { 10979 content: "\f210"; 10980} 10981.fa-forumbee:before { 10982 content: "\f211"; 10983} 10984.fa-leanpub:before { 10985 content: "\f212"; 10986} 10987.fa-sellsy:before { 10988 content: "\f213"; 10989} 10990.fa-shirtsinbulk:before { 10991 content: "\f214"; 10992} 10993.fa-simplybuilt:before { 10994 content: "\f215"; 10995} 10996.fa-skyatlas:before { 10997 content: "\f216"; 10998} 10999.fa-cart-plus:before { 11000 content: "\f217"; 11001} 11002.fa-cart-arrow-down:before { 11003 content: "\f218"; 11004} 11005.fa-diamond:before { 11006 content: "\f219"; 11007} 11008.fa-ship:before { 11009 content: "\f21a"; 11010} 11011.fa-user-secret:before { 11012 content: "\f21b"; 11013} 11014.fa-motorcycle:before { 11015 content: "\f21c"; 11016}
11017.fa-street-view:before { 11018 content: "\f21d"; 11019} 11020.fa-heartbeat:before { 11021 content: "\f21e"; 11022} 11023.fa-venus:before { 11024 content: "\f221"; 11025} 11026.fa-mars:before { 11027 content: "\f222"; 11028} 11029.fa-mercury:before { 11030 content: "\f223"; 11031} 11032.fa-intersex:before, 11033.fa-transgender:before { 11034 content: "\f224"; 11035} 11036.fa-transgender-alt:before { 11037 content: "\f225"; 11038} 11039.fa-venus-double:before { 11040 content: "\f226"; 11041} 11042.fa-mars-double:before { 11043 content: "\f227"; 11044} 11045.fa-venus-mars:before { 11046 content: "\f228"; 11047} 11048.fa-mars-stroke:before { 11049 content: "\f229"; 11050} 11051.fa-mars-stroke-v:before { 11052 content: "\f22a"; 11053} 11054.fa-mars-stroke-h:before { 11055 content: "\f22b"; 11056} 11057.fa-neuter:before { 11058 content: "\f22c"; 11059} 11060.fa-genderless:before { 11061 content: "\f22d"; 11062} 11063.fa-facebook-official:before { 11064 content: "\f230"; 11065} 11066.fa-pinterest-p:before { 11067 content: "\f231"; 11068} 11069.fa-whatsapp:before { 11070 content: "\f232"; 11071} 11072.fa-server:before { 11073 content: "\f233"; 11074} 11075.fa-user-plus:before { 11076 content: "\f234"; 11077} 11078.fa-user-times:before { 11079 content: "\f235"; 11080} 11081.fa-hotel:before, 11082.fa-bed:before { 11083 content: "\f236"; 11084} 11085.fa-viacoin:before { 11086 content: "\f237"; 11087} 11088.fa-train:before { 11089 content: "\f238"; 11090} 11091.fa-subway:before { 11092 content: "\f239"; 11093} 11094.fa-medium:before { 11095 content: "\f23a"; 11096} 11097.fa-yc:before, 11098.fa-y-combinator:before { 11099 content: "\f23b"; 11100} 11101.fa-optin-monster:before { 11102 content: "\f23c"; 11103} 11104.fa-opencart:before { 11105 content: "\f23d"; 11106} 11107.fa-expeditedssl:before { 11108 content: "\f23e"; 11109} 11110.fa-battery-4:before, 11111.fa-battery:before, 11112.fa-battery-full:before { 11113 content: "\f240"; 11114} 11115.fa-battery-3:before, 11116.fa-battery-three-quarters:before { 11117 content: "\f241"; 11118} 11119.fa-battery-2:before, 11120.fa-battery-half:before { 11121 content: "\f242"; 11122} 11123.fa-battery-1:before, 11124.fa-battery-quarter:before { 11125 content: "\f243"; 11126} 11127.fa-battery-0:before, 11128.fa-battery-empty:before { 11129 content: "\f244"; 11130} 11131.fa-mouse-pointer:before { 11132 content: "\f245"; 11133} 11134.fa-i-cursor:before { 11135 content: "\f246"; 11136} 11137.fa-object-group:before { 11138 content: "\f247"; 11139} 11140.fa-object-ungroup:before { 11141 content: "\f248"; 11142} 11143.fa-sticky-note:before { 11144 content: "\f249"; 11145} 11146.fa-sticky-note-o:before { 11147 content: "\f24a"; 11148} 11149.fa-cc-jcb:before { 11150 content: "\f24b"; 11151} 11152.fa-cc-diners-club:before { 11153 content: "\f24c"; 11154} 11155.fa-clone:before { 11156 content: "\f24d"; 11157} 11158.fa-balance-scale:before { 11159 content: "\f24e"; 11160} 11161.fa-hourglass-o:before { 11162 content: "\f250"; 11163} 11164.fa-hourglass-1:before, 11165.fa-hourglass-start:before { 11166 content: "\f251"; 11167} 11168.fa-hourglass-2:before, 11169.fa-hourglass-half:before { 11170 content: "\f252"; 11171} 11172.fa-hourglass-3:before, 11173.fa-hourglass-end:before { 11174 content: "\f253"; 11175} 11176.fa-hourglass:before { 11177 content: "\f254"; 11178} 11179.fa-hand-grab-o:before, 11180.fa-hand-rock-o:before { 11181 content: "\f255"; 11182} 11183.fa-hand-stop-o:before, 11184.fa-hand-paper-o:before { 11185 content: "\f256"; 11186} 11187.fa-hand-scissors-o:before { 11188 content: "\f257"; 11189} 11190.fa-hand-lizard-o:before { 11191 content: "\f258"; 11192} 11193.fa-hand-spock-o:before { 11194 content: "\f259"; 11195} 11196.fa-hand-pointer-o:before { 11197 content: "\f25a"; 11198} 11199.fa-hand-peace-o:before { 11200 content: "\f25b"; 11201} 11202.fa-trademark:before { 11203 content: "\f25c"; 11204} 11205.fa-registered:before { 11206 content: "\f25d"; 11207} 11208.fa-creative-commons:before { 11209 content: "\f25e"; 11210} 11211.fa-gg:before { 11212 content: "\f260"; 11213} 11214.fa-gg-circle:before { 11215 content: "\f261"; 11216} 11217.fa-tripadvisor:before { 11218 content: "\f262"; 11219} 11220.fa-odnoklassniki:before { 11221 content: "\f263"; 11222} 11223.fa-odnoklassniki-square:before { 11224 content: "\f264"; 11225} 11226.fa-get-pocket:before { 11227 content: "\f265"; 11228} 11229.fa-wikipedia-w:before { 11230 content: "\f266"; 11231} 11232.fa-safari:before { 11233 content: "\f267"; 11234} 11235.fa-chrome:before { 11236 content: "\f268"; 11237} 11238.fa-firefox:before { 11239 content: "\f269"; 11240} 11241.fa-opera:before { 11242 content: "\f26a"; 11243} 11244.fa-internet-explorer:before { 11245 content: "\f26b"; 11246} 11247.fa-tv:before, 11248.fa-television:before { 11249 content: "\f26c"; 11250} 11251.fa-contao:before { 11252 content: "\f26d"; 11253} 11254.fa-500px:before { 11255 content: "\f26e"; 11256} 11257.fa-amazon:before { 11258 content: "\f270"; 11259} 11260.fa-calendar-plus-o:before { 11261 content: "\f271"; 11262} 11263.fa-calendar-minus-o:before { 11264 content: "\f272"; 11265} 11266.fa-calendar-times-o:before { 11267 content: "\f273"; 11268} 11269.fa-calendar-check-o:before { 11270 content: "\f274"; 11271} 11272.fa-industry:before { 11273 content: "\f275"; 11274} 11275.fa-map-pin:before { 11276 content: "\f276"; 11277} 11278.fa-map-signs:before { 11279 content: "\f277"; 11280} 11281.fa-map-o:before { 11282 content: "\f278"; 11283} 11284.fa-map:before { 11285 content: "\f279"; 11286} 11287.fa-commenting:before { 11288 content: "\f27a"; 11289} 11290.fa-commenting-o:before { 11291 content: "\f27b"; 11292} 11293.fa-houzz:before { 11294 content: "\f27c"; 11295} 11296.fa-vimeo:before { 11297 content: "\f27d"; 11298} 11299.fa-black-tie:before { 11300 content: "\f27e"; 11301} 11302.fa-fonticons:before { 11303 content: "\f280"; 11304} 11305.fa-reddit-alien:before { 11306 content: "\f281"; 11307} 11308.fa-edge:before { 11309 content: "\f282"; 11310} 11311.fa-credit-card-alt:before { 11312 content: "\f283"; 11313} 11314.fa-codiepie:before { 11315 content: "\f284"; 11316} 11317.fa-modx:before { 11318 content: "\f285"; 11319} 11320.fa-fort-awesome:before { 11321 content: "\f286"; 11322} 11323.fa-usb:before { 11324 content: "\f287"; 11325} 11326.fa-product-hunt:before { 11327 content: "\f288"; 11328} 11329.fa-mixcloud:before { 11330 content: "\f289"; 11331} 11332.fa-scribd:before { 11333 content: "\f28a"; 11334} 11335.fa-pause-circle:before { 11336 content: "\f28b"; 11337} 11338.fa-pause-circle-o:before { 11339 content: "\f28c"; 11340} 11341.fa-stop-circle:before { 11342 content: "\f28d"; 11343} 11344.fa-stop-circle-o:before { 11345 content: "\f28e"; 11346} 11347.fa-shopping-bag:before { 11348 content: "\f290"; 11349} 11350.fa-shopping-basket:before { 11351 content: "\f291"; 11352} 11353.fa-hashtag:before { 11354 content: "\f292"; 11355} 11356.fa-bluetooth:before { 11357 content: "\f293"; 11358} 11359.fa-bluetooth-b:before { 11360 content: "\f294"; 11361} 11362.fa-percent:before { 11363 content: "\f295"; 11364} 11365.fa-gitlab:before { 11366 content: "\f296"; 11367} 11368.fa-wpbeginner:before { 11369 content: "\f297"; 11370} 11371.fa-wpforms:before { 11372 content: "\f298"; 11373} 11374.fa-envira:before { 11375 content: "\f299"; 11376} 11377.fa-universal-access:before { 11378 content: "\f29a"; 11379}
11380.fa-wheelchair-alt:before { 11381 content: "\f29b"; 11382} 11383.fa-question-circle-o:before { 11384 content: "\f29c"; 11385} 11386.fa-blind:before { 11387 content: "\f29d"; 11388} 11389.fa-audio-description:before { 11390 content: "\f29e"; 11391} 11392.fa-volume-control-phone:before { 11393 content: "\f2a0"; 11394} 11395.fa-braille:before { 11396 content: "\f2a1"; 11397} 11398.fa-assistive-listening-systems:before { 11399 content: "\f2a2"; 11400} 11401.fa-asl-interpreting:before, 11402.fa-american-sign-language-interpreting:before { 11403 content: "\f2a3"; 11404} 11405.fa-deafness:before, 11406.fa-hard-of-hearing:before, 11407.fa-deaf:before { 11408 content: "\f2a4"; 11409} 11410.fa-glide:before { 11411 content: "\f2a5"; 11412} 11413.fa-glide-g:before { 11414 content: "\f2a6"; 11415} 11416.fa-signing:before, 11417.fa-sign-language:before { 11418 content: "\f2a7"; 11419} 11420.fa-low-vision:before { 11421 content: "\f2a8"; 11422} 11423.fa-viadeo:before { 11424 content: "\f2a9"; 11425} 11426.fa-viadeo-square:before { 11427 content: "\f2aa"; 11428} 11429.fa-snapchat:before { 11430 content: "\f2ab"; 11431} 11432.fa-snapchat-ghost:before { 11433 content: "\f2ac"; 11434} 11435.fa-snapchat-square:before { 11436 content: "\f2ad"; 11437} 11438.fa-pied-piper:before { 11439 content: "\f2ae"; 11440} 11441.fa-first-order:before { 11442 content: "\f2b0"; 11443} 11444.fa-yoast:before { 11445 content: "\f2b1"; 11446} 11447.fa-themeisle:before { 11448 content: "\f2b2"; 11449} 11450.fa-google-plus-circle:before, 11451.fa-google-plus-official:before { 11452 content: "\f2b3"; 11453} 11454.fa-fa:before, 11455.fa-font-awesome:before { 11456 content: "\f2b4"; 11457} 11458.fa-handshake-o:before { 11459 content: "\f2b5"; 11460} 11461.fa-envelope-open:before { 11462 content: "\f2b6"; 11463} 11464.fa-envelope-open-o:before { 11465 content: "\f2b7"; 11466} 11467.fa-linode:before { 11468 content: "\f2b8"; 11469} 11470.fa-address-book:before { 11471 content: "\f2b9"; 11472} 11473.fa-address-book-o:before { 11474 content: "\f2ba"; 11475} 11476.fa-vcard:before, 11477.fa-address-card:before { 11478 content: "\f2bb"; 11479} 11480.fa-vcard-o:before, 11481.fa-address-card-o:before { 11482 content: "\f2bc"; 11483} 11484.fa-user-circle:before { 11485 content: "\f2bd"; 11486} 11487.fa-user-circle-o:before { 11488 content: "\f2be"; 11489} 11490.fa-user-o:before { 11491 content: "\f2c0"; 11492} 11493.fa-id-badge:before { 11494 content: "\f2c1"; 11495} 11496.fa-drivers-license:before, 11497.fa-id-card:before { 11498 content: "\f2c2"; 11499} 11500.fa-drivers-license-o:before, 11501.fa-id-card-o:before { 11502 content: "\f2c3"; 11503} 11504.fa-quora:before { 11505 content: "\f2c4"; 11506} 11507.fa-free-code-camp:before { 11508 content: "\f2c5"; 11509} 11510.fa-telegram:before { 11511 content: "\f2c6"; 11512} 11513.fa-thermometer-4:before, 11514.fa-thermometer:before, 11515.fa-thermometer-full:before { 11516 content: "\f2c7"; 11517} 11518.fa-thermometer-3:before, 11519.fa-thermometer-three-quarters:before { 11520 content: "\f2c8"; 11521} 11522.fa-thermometer-2:before, 11523.fa-thermometer-half:before { 11524 content: "\f2c9"; 11525} 11526.fa-thermometer-1:before, 11527.fa-thermometer-quarter:before { 11528 content: "\f2ca"; 11529} 11530.fa-thermometer-0:before, 11531.fa-thermometer-empty:before { 11532 content: "\f2cb"; 11533} 11534.fa-shower:before { 11535 content: "\f2cc"; 11536} 11537.fa-bathtub:before, 11538.fa-s15:before, 11539.fa-bath:before { 11540 content: "\f2cd"; 11541} 11542.fa-podcast:before { 11543 content: "\f2ce"; 11544} 11545.fa-window-maximize:before { 11546 content: "\f2d0"; 11547} 11548.fa-window-minimize:before { 11549 content: "\f2d1"; 11550} 11551.fa-window-restore:before { 11552 content: "\f2d2"; 11553} 11554.fa-times-rectangle:before, 11555.fa-window-close:before { 11556 content: "\f2d3"; 11557} 11558.fa-times-rectangle-o:before, 11559.fa-window-close-o:before { 11560 content: "\f2d4"; 11561} 11562.fa-bandcamp:before { 11563 content: "\f2d5"; 11564} 11565.fa-grav:before { 11566 content: "\f2d6"; 11567} 11568.fa-etsy:before { 11569 content: "\f2d7"; 11570} 11571.fa-imdb:before { 11572 content: "\f2d8"; 11573} 11574.fa-ravelry:before { 11575 content: "\f2d9"; 11576} 11577.fa-eercast:before { 11578 content: "\f2da"; 11579} 11580.fa-microchip:before { 11581 content: "\f2db"; 11582} 11583.fa-snowflake-o:before { 11584 content: "\f2dc"; 11585} 11586.fa-superpowers:before { 11587 content: "\f2dd"; 11588} 11589.fa-wpexplorer:before { 11590 content: "\f2de"; 11591} 11592.fa-meetup:before { 11593 content: "\f2e0"; 11594} 11595.sr-only { 11596 position: absolute; 11597 width: 1px; 11598 height: 1px; 11599 padding: 0; 11600 margin: -1px; 11601 overflow: hidden; 11602 clip: rect(0, 0, 0, 0); 11603 border: 0; 11604} 11605.sr-only-focusable:active, 11606.sr-only-focusable:focus { 11607 position: static; 11608 width: auto; 11609 height: auto; 11610 margin: 0; 11611 overflow: visible; 11612 clip: auto; 11613} 11614/*@import '@{import_root}styles/ui_themes/custom-theme/jquery-ui.min.css';*/ 11615/* ======================================================================== 11616 Component: Slidenav 11617 ========================================================================== */ 11618/* 11619 * 1. Required for `a` elements 11620 * 2. Dimension 11621 * 3. Style 11622 */ 11623.uk-slidenav { 11624 /* 1 */ 11625 display: inline-block; 11626 /* 2 */ 11627 box-sizing: border-box; 11628 width: 60px; 11629 height: 60px; 11630 /* 3 */ 11631 line-height: 60px; 11632 color: rgba(50, 50, 50, 0.4); 11633 font-size: 60px; 11634 text-align: center; 11635} 11636/* 11637 * Hover 11638 * 1. Apply hover style also to focus state 11639 * 2. Remove default focus style 11640 * 3. Required for `a` elements 11641 * 4. Style 11642 */ 11643.uk-slidenav:hover, 11644.uk-slidenav:focus { 11645 /* 2 */ 11646 outline: none; 11647 /* 3 */ 11648 text-decoration: none; 11649 /* 4 */ 11650 color: rgba(50, 50, 50, 0.7); 11651 cursor: pointer; 11652} 11653/* Active */ 11654.uk-slidenav:active { 11655 color: rgba(50, 50, 50, 0.9); 11656} 11657/* 11658 * Icons 11659 */ 11660.uk-slidenav-previous:before { 11661 content: "\f104"; 11662 font-family: FontAwesome; 11663} 11664.uk-slidenav-next:before { 11665 content: "\f105"; 11666 font-family: FontAwesome; 11667} 11668/* Sub-object: `uk-slidenav-position` 11669 ========================================================================== */ 11670/* 11671 * Create position context 11672 */ 11673.uk-slidenav-position { 11674 position: relative; 11675} 11676/* 11677 * Center vertically 11678 */ 11679.uk-slidenav-position .uk-slidenav { 11680 display: none; 11681 position: absolute; 11682 top: 50%; 11683 z-index: 1; 11684 margin-top: -30px; 11685} 11686.uk-slidenav-position:hover .uk-slidenav { 11687 display: block; 11688} 11689.uk-slidenav-position .uk-slidenav-previous { 11690 left: 20px; 11691} 11692.uk-slidenav-position .uk-slidenav-next { 11693 right: 20px; 11694} 11695/* Modifier: `uk-slidenav-contrast` 11696 ========================================================================== */ 11697.uk-slidenav-contrast { 11698 color: white; 11699} 11700/* 11701 * Hover 11702 * 1. Apply hover style also to focus state 11703 */ 11704.uk-slidenav-contrast:hover, 11705.uk-slidenav-contrast:focus { 11706 color: #005d7b; 11707} 11708/* Active */ 11709.uk-slidenav-contrast:active { 11710 color: #005d7b; 11711} 11712/* ======================================================================== 11713 Component: Dotnav 11714 ========================================================================== */ 11715/* 11716 * 1. Gutter 11717 * 2. Remove default list style 11718 */ 11719.uk-dotnav { 11720 display: -ms-flexbox; 11721 display: -webkit-flex; 11722 display: flex; 11723 -ms-flex-wrap: wrap; 11724 -webkit-flex-wrap: wrap; 11725 flex-wrap: wrap; 11726 /* 1 */ 11727 margin-left: -15px; 11728 margin-top: -15px; 11729 /* 2 */ 11730 padding: 0; 11731 list-style: none; 11732} 11733/* 11734 * 1. Space is allocated solely based on content dimensions 11735 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 11736 */ 11737.uk-dotnav > * { 11738 /* 1 */ 11739 -ms-flex: none; 11740 -webkit-flex: none; 11741 flex: none; 11742 /* 2 */ 11743 padding-left: 15px; 11744 margin-top: 15px; 11745} 11746/* 11747 * DEPRECATED IE9 Support 11748 */ 11749.uk-dotnav:before, 11750.uk-dotnav:after {
11751 content: ""; 11752 display: block; 11753 overflow: hidden; 11754} 11755.uk-dotnav:after { 11756 clear: both; 11757} 11758.uk-dotnav > * { 11759 float: left; 11760} 11761/* Items 11762 ========================================================================== */ 11763/* 11764 * Items 11765 * 1. Hide text if present 11766 */ 11767.uk-dotnav > * > * { 11768 display: block; 11769 box-sizing: content-box; 11770 width: 20px; 11771 height: 20px; 11772 border-radius: 50%; 11773 background: rgba(50, 50, 50, 0.1); 11774 /* 1 */ 11775 text-indent: 100%; 11776 overflow: hidden; 11777 white-space: nowrap; 11778} 11779/* 11780 * Hover 11781 * 1. Apply hover style also to focus state 11782 * 2. Remove default focus style 11783 */ 11784.uk-dotnav > * > :hover, 11785.uk-dotnav > * > :focus { 11786 background: rgba(50, 50, 50, 0.4); 11787 /* 2 */ 11788 outline: none; 11789} 11790/* OnClick */ 11791.uk-dotnav > * > :active { 11792 background: rgba(50, 50, 50, 0.6); 11793} 11794/* Active */ 11795.uk-dotnav > .uk-active > * { 11796 background: rgba(50, 50, 50, 0.4); 11797} 11798/* Modifier: `uk-dotnav-contrast` 11799 ========================================================================== */ 11800.uk-dotnav-contrast > * > * { 11801 background: rgba(255, 255, 255, 0.4); 11802} 11803/* 11804 * Hover 11805 * 1. Apply hover style also to focus state 11806 */ 11807.uk-dotnav-contrast > * > :hover, 11808.uk-dotnav-contrast > * > :focus { 11809 background: rgba(255, 255, 255, 0.7); 11810} 11811/* OnClick */ 11812.uk-dotnav-contrast > * > :active { 11813 background: rgba(255, 255, 255, 0.9); 11814} 11815/* Active */ 11816.uk-dotnav-contrast > .uk-active > * { 11817 background: rgba(255, 255, 255, 0.9); 11818} 11819/* Modifier: 'uk-dotnav-vertical' 11820 ========================================================================== */ 11821/* 11822 * DEPRECATED 11823 */ 11824.uk-dotnav-vertical { 11825 -ms-flex-direction: column; 11826 -webkit-flex-direction: column; 11827 flex-direction: column; 11828} 11829/* 11830 * DEPRECATED IE9 Support 11831 */ 11832.uk-dotnav-vertical > * { 11833 float: none; 11834} 11835/* ======================================================================== 11836 Component: Slider 11837 ========================================================================== */ 11838/* 11839 * RTL Compatibility 11840 */ 11841[data-uk-slider] { 11842 direction: ltr; 11843} 11844html[dir="rtl"] .uk-slider > * { 11845 direction: rtl; 11846} 11847/* 11848 * 1. Create position context 11849 * 2. Create stacking context to prevent z-index issues with other components 11850 * 3. Deactivate browser history navigation in IE11 11851 */ 11852.uk-slider { 11853 /* 1 */ 11854 position: relative; 11855 /* 2 */ 11856 z-index: 0; 11857 /* 3 */ 11858 touch-action: pan-y; 11859} 11860/* 11861 * 1. Reset list style without interfering with grid 11862 */ 11863.uk-slider:not(.uk-grid) { 11864 /* 1 */ 11865 margin: 0; 11866 padding: 0; 11867 list-style: none; 11868} 11869/* 11870 * Sub-object item 11871 * 1. Position items above each other 11872 */ 11873.uk-slider > * { 11874 /* 1 */ 11875 position: absolute; 11876 top: 0; 11877 left: 0; 11878} 11879/* 11880 * Clip child elements 11881 */ 11882.uk-slider-container { 11883 overflow: hidden; 11884} 11885/* 11886 * Dragged 11887 */ 11888.uk-slider:not(.uk-drag) { 11889 -webkit-transition: -webkit-transform 200ms linear; 11890 transition: transform 200ms linear; 11891} 11892/* 11893 * 1. Makes text unselectable 11894 */ 11895.uk-slider.uk-drag { 11896 cursor: col-resize; 11897 /* 1 */ 11898 -moz-user-select: none; 11899 -webkit-user-select: none; 11900 -ms-user-select: none; 11901 user-select: none; 11902} 11903/* 11904 * 1. Prevents images and links from being dragged (default browser behavior) 11905 * 2. Disables the default callout shown when you touch and hold a touch target 11906 * Currently only works in Webkit 11907 */ 11908.uk-slider a, 11909.uk-slider img { 11910 /* 1 */ 11911 -webkit-user-drag: none; 11912 user-drag: none; 11913 /* 2 */ 11914 -webkit-touch-callout: none; 11915} 11916/* 11917 * 1. Prevents images and links from being dragged in Firefox 11918 */ 11919.uk-slider img { 11920 pointer-events: none; 11921} 11922/* Modifier: `uk-slider-fullscreen` 11923 ========================================================================== */ 11924.uk-slider-fullscreen, 11925.uk-slider-fullscreen > li { 11926 height: 100vh; 11927} 11928/* ======================================================================== 11929 Component: Upload 11930 ========================================================================== */ 11931/* 11932 * Create a box-shadow when dragging a file over the upload area 11933 */ 11934.uk-dragover { 11935 box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); 11936} 11937/* ======================================================================== 11938 Component: Form file 11939 ========================================================================== */ 11940/* 11941 * 1. Behave like form elements 11942 * 2. Create position context for dropdowns 11943 * 3. Clip content 11944 */ 11945.uk-form-file { 11946 /* 1 */ 11947 display: inline-block; 11948 vertical-align: middle; 11949 /* 2 */ 11950 position: relative; 11951 /* 3 */ 11952 overflow: hidden; 11953} 11954/* 11955 * 1. Required for Firefox 11956 * 2. Expand height and required for the cursor 11957 */ 11958.uk-form-file input[type="file"] { 11959 position: absolute; 11960 top: 0; 11961 z-index: 1; 11962 width: 100%; 11963 opacity: 0; 11964 cursor: pointer; 11965 /* 1 */ 11966 left: 0; 11967 /* 2 */ 11968 font-size: 500px; 11969} 11970/*@media only screen and (max-width: @break_width) { 11971 .responsive { 11972 .product { 11973 width: auto; 11974 height: auto; 11975 text-align: center; 11976 11977 .feature { 11978 width: auto; 11979 height: auto; 11980 11981 display: inline-block; 11982 float: none; 11983 margin: 0 0 30px 0; 11984 11985 img { 11986 width: 100%; 11987 height: auto; 11988 } 11989 11990 .info { 11991 width: auto; 11992 height: auto; 11993 11994 overflow: automatic; 11995 } 11996 } 11997 } 11998 .product.side-by-side { 11999 width: 100%; 12000 height: auto; 12001 text-align: left;
12002 // .debug-background(red); 12003 .clearfix(); 12004 12005 .feature { 12006 max-width: 100%; 12007 width: 100%; 12008 height: auto; 12009 display: block; 12010 float: none; 12011 margin: 0 0 30px 0; 12012 .clearfix(); 12013 // .debug-background(blue); 12014 12015 img { 12016 width: 48%; 12017 height: auto; 12018 float: left; 12019 margin-right: 3%; 12020 } 12021 12022 .info { 12023 width: 48%; 12024 height: auto; 12025 overflow: automatic; 12026 float: left; 12027 .title { 12028 font-size: (@product_title_size - 2); 12029 margin-bottom: (@product_title_bottom - 3); 12030 12031 } 12032 .copy { 12033 font-size: (@product_copy_size - 2); 12034 line-height: (@product_copy_line_height - 2); 12035 12036 } 12037 } 12038 } 12039 } 12040 } 12041}*/ 12042.credit { 12043 margin: 30px 0; 12044 *zoom: 1; 12045} 12046.credit:before, 12047.credit:after { 12048 content: " "; 12049 display: table; 12050 line-height: 0; 12051} 12052.credit:after { 12053 clear: both; 12054} 12055.credit .image, 12056.credit .text { 12057 display: inline; 12058} 12059.credit .image { 12060 width: auto; 12061 margin-right: 10px; 12062} 12063.credit .image img { 12064 width: 100%; 12065 max-width: 150px; 12066 height: auto; 12067} 12068.credit .text { 12069 width: 50%; 12070 font-size: 11px; 12071 color: #b7bbc1; 12072 margin-top: 8px; 12073} 12074.credit .image, 12075.credit .text { 12076 float: left; 12077} 12078@media only screen and (max-width: 1000px) { 12079 .credit { 12080 margin-left: auto; 12081 margin-right: auto; 12082 text-align: center; 12083 } 12084 .credit .image, 12085 .credit .text { 12086 width: auto; 12087 display: block; 12088 float: none; 12089 } 12090 .credit .image { 12091 margin-right: 0; 12092 } 12093 .credit .text { 12094 padding: 0 45px; 12095 margin: 0; 12096 } 12097} 12098.dropdown_item { 12099 position: relative; 12100} 12101.dropdown_item:hover .dropdown_menu { 12102 display: block; 12103} 12104.dropdown_item:hover > a:before { 12105 display: none; 12106} 12107.dropdown_item:hover > a { 12108 color: #ffffff; 12109} 12110.dropdown_item > a { 12111 color: #ffffff; 12112 font-size: 22px; 12113 font-weight: 600; 12114} 12115.dropdown_item > a:before { 12116 position: absolute; 12117 right: calc(50% - 5px); 12118 bottom: -10px; 12119 border-left: 10px solid transparent; 12120 border-right: 10px solid transparent; 12121 border-bottom: 10px solid #006d8e; 12122 content: ""; 12123 display: none; 12124} 12125.dropdown_item.noarrow > a:before { 12126 display: none; 12127} 12128.dropdown_menu { 12129 display: none; 12130 position: absolute; 12131 left: -10px; 12132 right: 0; 12133 top: 18px; 12134 z-index: 20; 12135 width: 220px; 12136 background-color: #000000; 12137 color: #ffffff; 12138 border-radius: 4px; 12139} 12140.dropdown_menu ul { 12141 padding: 0; 12142 margin: 0; 12143 text-align: left; 12144} 12145.dropdown_menu ul:not(.children) li { 12146 list-style-type: none; 12147 padding: 3px 0 3px 18px; 12148} 12149.dropdown_menu ul:not(.children) li:hover { 12150 background-color: #f45656; 12151 color: #ffffff; 12152 border-bottom: none!important; 12153} 12154.dropdown_menu ul:not(.children) li a { 12155 color: #ffffff; 12156 font-size: 16px!important; 12157 line-height: 24px!important; 12158} 12159.dropdown_menu ul:not(.children) li:first-child:hover { 12160 border-radius: 4px 4px 0 0; 12161} 12162.dropdown_menu ul:not(.children) li:last-child:hover { 12163 border-radius: 0 0 4px 4px; 12164} 12165.dropdown_menu:after { 12166 position: absolute; 12167 top: -10px; 12168 left: 0; 12169 height: 10px; 12170 width: 100%; 12171 content: ""; 12172} 12173#menu_format_edit { 12174 position: absolute; 12175} 12176.explore_wrapper { 12177 width: 100%; 12178 max-width: 1200px; 12179 margin: 0 auto; 12180} 12181.explore_full { 12182 width: 100%; 12183 height: auto; 12184 padding-bottom: 20px; 12185 position: relative; 12186 overflow: hidden; 12187} 12188.explore_full .explore_feature { 12189 display: block; 12190 position: relative; 12191 width: 100%; 12192 margin-bottom: 156px; 12193 *zoom: 1; 12194} 12195.explore_full .explore_feature .feature_text { 12196 padding: 40px 60px; 12197} 12198@media only screen and (min-width: 960px) { 12199 .explore_full .explore_feature .feature_text { 12200 max-width: calc(50% - 120px); 12201 } 12202} 12203@media only screen and (min-width: 961px) and (max-width: 1000px) { 12204 .explore_full .explore_feature .feature_text { 12205 padding-right: 20px; 12206 } 12207} 12208@media only screen and (min-width: 961px) and (max-width: 1100px) { 12209 .explore_full .explore_feature .feature_text { 12210 width: 350px; 12211 } 12212} 12213@media only screen and (min-width: 961px) and (max-width: 1200px) { 12214 .explore_full .explore_feature .feature_text { 12215 padding-top: 0; 12216 } 12217}
12218.explore_full .explore_feature .feature_text .title { 12219 font-size: 34px; 12220 font-weight: 600; 12221 line-height: 75px; 12222 color: #000000; 12223 text-transform: uppercase; 12224 letter-spacing: 4px; 12225} 12226.explore_full .explore_feature .feature_text .title p { 12227 margin-bottom: 0; 12228} 12229.explore_full .explore_feature .feature_text .title .brush { 12230 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12231 font-weight: normal; 12232 font-style: normal; 12233 font-size: 132px; 12234 line-height: 67px; 12235 text-transform: none; 12236 white-space: nowrap; 12237} 12238@media only screen and (min-width: 961px) and (max-width: 1100px) { 12239 .explore_full .explore_feature .feature_text .title .brush { 12240 font-size: 90px; 12241 } 12242} 12243.explore_full .explore_feature .feature_text .copy { 12244 font-size: 18px; 12245 line-height: 26px; 12246 color: #4a4a4a; 12247 width: 330px; 12248} 12249.explore_full .explore_feature .feature_text .btn { 12250 margin: 30px 0 0; 12251} 12252@media only screen and (min-width: 960px) { 12253 .explore_full .explore_feature .image_and_text { 12254 max-width: 50%; 12255 } 12256} 12257.explore_full .explore_feature .image_and_text .info_wrapper { 12258 -webkit-box-sizing: border-box; 12259 -moz-box-sizing: border-box; 12260 box-sizing: border-box; 12261 width: 312px; 12262 height: auto; 12263 padding-top: 25px; 12264 padding-bottom: 20px; 12265 padding-left: 30px; 12266 padding-right: 30px; 12267 position: absolute; 12268 z-index: 5; 12269 transform: translate(-50%, -50%); 12270 -webkit-transform: translate(-50%, -50%); 12271} 12272.explore_full .explore_feature .image_and_text .info_wrapper .info { 12273 display: table-cell; 12274 vertical-align: middle; 12275 position: relative; 12276 z-index: 10; 12277} 12278.explore_full .explore_feature .image_and_text .info_wrapper .info p { 12279 margin: 0; 12280} 12281.explore_full .explore_feature .image_and_text .info_wrapper .info p .source { 12282 text-transform: uppercase; 12283 font-size: 16px; 12284 line-height: 45px; 12285} 12286.explore_full .explore_feature:before, 12287.explore_full .explore_feature:after { 12288 content: " "; 12289 display: table; 12290 line-height: 0; 12291} 12292.explore_full .explore_feature:after { 12293 clear: both; 12294} 12295.explore_full .explore_feature.odd .feature_text { 12296 float: left; 12297} 12298.explore_full .explore_feature.odd .image_and_text { 12299 float: left; 12300} 12301.explore_full .explore_feature.odd .image_and_text .info_wrapper { 12302 top: 50%; 12303 left: calc(100% - 312px / 2); 12304 background-color: rgba(27, 217, 166, 0.5); 12305} 12306.explore_full .explore_feature.odd:nth-child(2n+3) .image_and_text .info_wrapper { 12307 top: 84%; 12308 left: calc(100% - 312px / .78); 12309 background-color: rgba(14, 205, 215, 0.5); 12310} 12311.explore_full .explore_feature.even .feature_text { 12312 float: right; 12313} 12314.explore_full .explore_feature.even .image_and_text { 12315 float: right; 12316} 12317.explore_full .explore_feature.even .image_and_text .info_wrapper { 12318 top: 84%; 12319 right: calc(100% - 312px / .45); 12320 background-color: rgba(184, 128, 195, 0.57); 12321} 12322.explore_full .explore_feature.full { 12323 display: block; 12324} 12325.explore_full .explore_feature.full .narrow_photo { 12326 display: none; 12327} 12328.explore_full .explore_feature.narrow { 12329 display: none; 12330} 12331@media only screen and (min-width: 425px) and (max-width: 960px) { 12332 .explore_full .explore_feature.narrow .image_and_text { 12333 padding-left: 20px; 12334 } 12335} 12336.explore_full .info_wrap { 12337 display: none; 12338 width: 90%; 12339 margin: 30px auto 72px; 12340 padding: 0 20px; 12341} 12342.explore_full .info_wrap .info .title { 12343 font-size: 26px; 12344 font-weight: 600; 12345 font-style: inherit; 12346 line-height: 50px; 12347 color: #000000; 12348 margin-bottom: 12px; 12349 text-transform: uppercase; 12350 letter-spacing: 3.61px; 12351} 12352.explore_full .info_wrap .info .title .brush { 12353 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12354 font-weight: normal; 12355 font-style: normal; 12356 font-size: 91px; 12357 line-height: 47px; 12358 text-transform: none; 12359} 12360@media only screen and (max-width: 400px) { 12361 .explore_full .info_wrap .info .title .brush { 12362 font-size: 75px; 12363 } 12364} 12365.explore_full .info_wrap .info .btn { 12366 margin: 30px 0 0; 12367} 12368.explore_full .info_wrapper { 12369 border-radius: 4px; 12370 height: 188px; 12371} 12372.explore_full .info_wrapper .info { 12373 font-size: 32px; 12374 line-height: 38px; 12375 font-weight: 600; 12376 color: #ffffff; 12377} 12378.explore_full.fixed-wide-image .feature { 12379 background-attachment: fixed; 12380 background-position: center center; 12381} 12382#wide_featured_homepage_edit { 12383 position: absolute; 12384 left: 10px; 12385 top: 0; 12386 z-index: 10; 12387} 12388@media only screen and (max-width: 960px) { 12389 .responsive .explore_full { 12390 width: 100%; 12391 height: auto; 12392 min-height: auto; 12393 } 12394 .responsive .explore_full .explore_feature { 12395 min-width: 100%; 12396 } 12397 .responsive .explore_full .explore_feature .feature_text { 12398 display: none; 12399 } 12400 .responsive .explore_full .explore_feature.full { 12401 display: none; 12402 } 12403 .responsive .explore_full .explore_feature.narrow { 12404 display: block; 12405 background-size: 100%; 12406 margin-bottom: 15px; 12407 } 12408 .responsive .explore_full .explore_feature.narrow .image_and_text { 12409 float: none; 12410 } 12411 .responsive .explore_full .explore_feature.narrow .image_and_text .info_wrapper { 12412 top: 50%; 12413 left: calc(100% - 270px / 1); 12414 width: 270px; 12415 transform: translate(0, -25%); 12416 -webkit-transform: translate(0, -25%); 12417 } 12418 .responsive .explore_full .explore_feature.narrow .image_and_text .info_wrapper .info { 12419 font-size: 26px; 12420 line-height: 31px; 12421 } 12422 .responsive .explore_full .explore_feature.narrow .photo { 12423 display: none; 12424 } 12425 .responsive .explore_full .explore_feature.narrow .narrow_photo { 12426 border-radius: 0; 12427 width: 100%; 12428 } 12429 .responsive .explore_full .info_wrap { 12430 display: block; 12431 } 12432} 12433.feature_wrapper { 12434 display: block; 12435 margin-left: auto; 12436 margin-right: auto; 12437 padding-top: 68px; 12438 max-width: 828px; 12439} 12440.featured { 12441 width: 1000px; 12442 height: 161px; 12443 position: relative; 12444} 12445.featured .feature { 12446 position: relative; 12447 float: left; 12448 max-width: 226px; 12449 width: 100%; 12450 height: auto; 12451 margin-right: 32px; 12452 padding: 50px 0 35px; 12453} 12454@media only screen and (max-width: 640px) { 12455 .featured .feature { 12456 margin-right: 0; 12457 } 12458} 12459.featured .feature:hover { 12460 border-color: #ffffff; 12461} 12462.featured .feature .info { 12463 -webkit-box-sizing: border-box; 12464 -moz-box-sizing: border-box; 12465 box-sizing: border-box; 12466 width: 226px; 12467 position: relative; 12468 text-align: center; 12469 margin-top: 32px; 12470} 12471.featured .feature .info .title { 12472 font-size: 20px; 12473 font-weight: 500; 12474 line-height: 32px; 12475 color: #000000; 12476} 12477.featured .feature .info .copy { 12478 font-family: inherit; 12479 font-size: 18px; 12480 font-weight: inherit; 12481 font-style: inherit; 12482 line-height: 22px; 12483 color: inherit; 12484} 12485.featured .feature:last-of-type { 12486 margin-right: 0; 12487} 12488.featured .feature.last-of-type { 12489 margin-right: 0; 12490} 12491#featured_edit { 12492 position: absolute; 12493 left: 0; 12494} 12495@media only screen and (min-width: 750px) and (max-width: 1000px) { 12496 .responsive .featured { 12497 margin-top: 100px; 12498 } 12499} 12500@media only screen and (max-width: 1000px) { 12501 .responsive .featured { 12502 width: auto; 12503 height: auto; 12504 text-align: center; 12505 } 12506 .responsive .featured .feature { 12507 width: auto; 12508 height: auto; 12509 display: block; 12510 float: none; 12511 padding: 0; 12512 margin: 0 auto 37px; 12513 } 12514 .responsive .featured .feature .info { 12515 width: auto; 12516 height: auto; 12517 overflow: automatic; 12518 margin-top: 23px; 12519 } 12520 .responsive .featured .feature .info .title { 12521 line-height: 25px; 12522 letter-spacing: -0.5px; 12523 margin-bottom: 6px; 12524 } 12525 .responsive .featured.side-by-side { 12526 width: 100%; 12527 height: auto; 12528 text-align: left; 12529 *zoom: 1; 12530 } 12531 .responsive .featured.side-by-side:before, 12532 .responsive .featured.side-by-side:after { 12533 content: " "; 12534 display: table; 12535 line-height: 0; 12536 } 12537 .responsive .featured.side-by-side:after { 12538 clear: both; 12539 } 12540 .responsive .featured.side-by-side .feature { 12541 max-width: 100%; 12542 width: 100%; 12543 height: auto; 12544 display: block; 12545 float: none; 12546 margin-bottom: 32px; 12547 *zoom: 1; 12548 } 12549 .responsive .featured.side-by-side .feature:before, 12550 .responsive .featured.side-by-side .feature:after { 12551 content: " "; 12552 display: table; 12553 line-height: 0; 12554 } 12555 .responsive .featured.side-by-side .feature:after { 12556 clear: both; 12557 } 12558 .responsive .featured.side-by-side .feature .info { 12559 width: 48%; 12560 height: auto; 12561 overflow: automatic; 12562 float: left; 12563 } 12564 .responsive .featured.side-by-side .feature .info .title { 12565 font-size: 18px; 12566 margin-bottom: 9px; 12567 } 12568 .responsive .featured.side-by-side .feature .info .copy { 12569 font-size: 14px; 12570 line-height: 20px; 12571 } 12572} 12573.wide_features_wrapper { 12574 margin: 0 0 130px; 12575} 12576@media only screen and (max-width: 1000px) { 12577 .wide_features_wrapper { 12578 margin: 0 0 72px; 12579 } 12580} 12581.featured_full { 12582 width: 100%; 12583 height: auto; 12584 position: relative; 12585 overflow: hidden; 12586} 12587.featured_full .feature { 12588 display: block; 12589 position: relative; 12590 width: 100%; 12591 min-width: 1000px; 12592 *zoom: 1; 12593 background-position: 0px 0px; 12594 background-repeat: no-repeat; 12595 background-size: contain; 12596} 12597.featured_full .feature:before, 12598.featured_full .feature:after {
12599 content: " "; 12600 display: table; 12601 line-height: 0; 12602} 12603.featured_full .feature:after { 12604 clear: both; 12605} 12606.featured_full .feature .info_wrapper { 12607 box-sizing: border-box; 12608 width: 100%; 12609 max-width: 1000px; 12610 position: absolute; 12611 top: 50%; 12612 left: 50%; 12613 z-index: 5; 12614 -ms-transform: translate(-50%, -50%); 12615 transform: translate(-50%, -50%); 12616 -webkit-transform: translate(-50%, -50%); 12617} 12618@media only screen and (min-width: 961px) and (max-width: 1000px) { 12619 .featured_full .feature .info_wrapper { 12620 padding: 0 95px; 12621 } 12622} 12623@media only screen and (max-width: 960px) { 12624 .featured_full .feature .info_wrapper { 12625 padding: 0 30px; 12626 } 12627} 12628.featured_full .feature .info_wrapper .title { 12629 float: left; 12630 width: 100%; 12631 max-width: 400px; 12632 font-size: 34px; 12633 font-weight: 600; 12634 line-height: 70px; 12635 color: #ffffff; 12636 margin-bottom: 17px; 12637 text-transform: uppercase; 12638 letter-spacing: 3.78px; 12639} 12640@media only screen and (max-width: 1000px) { 12641 .featured_full .feature .info_wrapper .title { 12642 font-size: 25px; 12643 letter-spacing: 3.65px; 12644 line-height: 50px; 12645 } 12646} 12647@media only screen and (max-width: 960px) { 12648 .featured_full .feature .info_wrapper .title { 12649 float: none; 12650 } 12651} 12652.featured_full .feature .info_wrapper .title .brush { 12653 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12654 font-weight: normal; 12655 font-style: normal; 12656 text-transform: none; 12657 font-size: 132px; 12658 white-space: nowrap; 12659} 12660@media only screen and (max-width: 1000px) { 12661 .featured_full .feature .info_wrapper .title .brush { 12662 font-size: 90px; 12663 } 12664} 12665.featured_full .feature .info_wrapper .title p { 12666 margin-bottom: 0; 12667} 12668.featured_full .feature .info_wrapper .read { 12669 float: right; 12670 width: 100%; 12671 max-width: 400px; 12672 margin-top: 15px; 12673} 12674@media only screen and (max-width: 960px) { 12675 .featured_full .feature .info_wrapper .read { 12676 float: none; 12677 } 12678} 12679.featured_full .feature .info_wrapper .read .copy { 12680 font-size: 18px; 12681 line-height: 26px; 12682 color: #ffffff; 12683 font-weight: 500; 12684} 12685.featured_full .feature .info_wrapper .read .btn { 12686 background-color: #ffffff; 12687 color: #f45656; 12688 margin-top: 30px; 12689 margin-bottom: 0; 12690} 12691.featured_full .feature .info_wrapper .read .btn:hover { 12692 background-color: #f45656; 12693 color: #ffffff; 12694} 12695.featured_full .feature.full { 12696 display: block; 12697} 12698.featured_full .feature.full .narrow_photo { 12699 display: none; 12700} 12701.featured_full .feature.full .photo { 12702 display: block; 12703 border-radius: 0; 12704} 12705.featured_full .feature.narrow { 12706 display: none; 12707} 12708.featured_full .info_wrap { 12709 display: none; 12710 width: 90%; 12711 margin-left: auto; 12712 margin-right: auto; 12713 padding-left: 10px; 12714 padding-right: 10px; 12715} 12716.featured_full .info_wrap .info .title { 12717 font-family: inherit; 12718 font-size: 31px; 12719 font-weight: 600; 12720 font-style: inherit; 12721 line-height: 35px; 12722 color: #ffffff; 12723 margin-bottom: 12px; 12724 text-transform: uppercase; 12725 letter-spacing: -0.24px; 12726} 12727.featured_full .info_wrap .info .copy { 12728 font-family: inherit; 12729 font-size: 15px; 12730 font-style: normal; 12731 line-height: 23px; 12732 color: #ffffff; 12733 margin-bottom: 15px; 12734} 12735.featured_full .info_wrap .info .feature_link { 12736 display: block; 12737 width: 210px; 12738 position: relative; 12739 font-family: inherit; 12740 font-style: normal; 12741 font-size: 13px; 12742 line-height: 31px; 12743 color: #ffffff; 12744 text-align: center; 12745 background: #e75300; 12746 /* For browsers that do not support gradients */ 12747 background: -webkit-linear-gradient(#f58b00, #e75300); 12748 /* For Safari 5.1 to 6.0 */ 12749 background: -o-linear-gradient(#f58b00, #e75300); 12750 /* For Opera 11.1 to 12.0 */ 12751 background: -moz-linear-gradient(#f58b00, #e75300); 12752 /* For Firefox 3.6 to 15 */ 12753 background: linear-gradient(#f58b00, #e75300); 12754 /* Standard syntax (must be last) */ 12755 padding: 5px; 12756 -webkit-box-shadow: 5px 5px 0px 0px #ebebeb; 12757 -moz-box-shadow: 5px 5px 0px 0px #ebebeb; 12758 box-shadow: 5px 5px 0px 0px #ebebeb; 12759} 12760.featured_full .info_wrapper .info ul, 12761.featured_full .info_wrap .info ul { 12762 font-family: inherit; 12763 font-size: 13px; 12764 text-transform: uppercase; 12765 color: #e75300; 12766 list-style-type: none; 12767 padding-left: 0; 12768 margin: 5px 0 20px; 12769} 12770.featured_full .info_wrapper .info ul li, 12771.featured_full .info_wrap .info ul li {
12772 line-height: 26px; 12773} 12774.featured_full .info_wrapper .info ul li { 12775 display: inline; 12776} 12777.featured_full .info_wrapper .info ul li:before { 12778 content: "|"; 12779 position: relative; 12780 top: -1px; 12781 color: #9a989a; 12782 padding: 0 5px; 12783} 12784.featured_full .info_wrapper .info ul li:first-child:before { 12785 content: none; 12786} 12787.featured_full.fixed-wide-image .feature { 12788 background-attachment: fixed; 12789 background-position: center center; 12790} 12791#wide_featured_homepage_edit { 12792 position: absolute; 12793 left: 10px; 12794 top: 0; 12795 z-index: 10; 12796} 12797@media only screen and (max-width: 959px) { 12798 .responsive .featured_full { 12799 width: 100%; 12800 height: auto; 12801 min-height: auto; 12802 } 12803 .responsive .featured_full .feature { 12804 min-width: 100%; 12805 } 12806 .responsive .featured_full .feature .info .title { 12807 font-size: 31px; 12808 margin-bottom: 12px; 12809 } 12810 .responsive .featured_full .feature .info .copy { 12811 font-size: 15px; 12812 line-height: 23px; 12813 margin-bottom: 9px; 12814 } 12815 .responsive .featured_full .feature.full { 12816 display: none; 12817 } 12818 .responsive .featured_full .feature.narrow { 12819 display: block; 12820 background-size: 100%; 12821 margin-bottom: 15px; 12822 } 12823 .responsive .featured_full .feature.narrow .info_wrapper { 12824 width: auto; 12825 } 12826 .responsive .featured_full .feature.narrow .photo { 12827 display: none; 12828 } 12829 .responsive .featured_full .feature.narrow .narrow_photo { 12830 width: 100%; 12831 border-radius: 0; 12832 } 12833} 12834.featured_stacked { 12835 max-width: 1000px; 12836 position: relative; 12837 margin: 0 auto; 12838 *zoom: 1; 12839} 12840.featured_stacked:before, 12841.featured_stacked:after { 12842 content: " "; 12843 display: table; 12844 line-height: 0; 12845} 12846.featured_stacked:after { 12847 clear: both; 12848} 12849.featured_stacked .feature { 12850 position: relative; 12851 float: left; 12852 width: 290px; 12853 height: auto; 12854 margin-right: 39px; 12855 max-width: 435px; 12856 display: block; 12857 margin-bottom: 40px; 12858} 12859.featured_stacked .feature .image { 12860 width: 100%; 12861 height: auto; 12862 position: relative; 12863 margin-bottom: 20px; 12864 padding-bottom: 6px; 12865 border-bottom-width: 6px; 12866 border-bottom-color: #c8cdd2; 12867 border-bottom-style: solid; 12868} 12869.featured_stacked .feature .image img { 12870 width: 100%; 12871 height: auto; 12872} 12873.featured_stacked .feature .info { 12874 -webkit-box-sizing: border-box; 12875 -moz-box-sizing: border-box; 12876 box-sizing: border-box; 12877 width: 290px; 12878 height: auto; 12879 overflow: hidden; 12880 position: relative; 12881 text-align: center; 12882} 12883.featured_stacked .feature .info .title { 12884 font-family: "Barlow", sans-serif; 12885 font-size: 24px; 12886 font-weight: 700; 12887 line-height: 1.4; 12888 color: #000; 12889 margin-bottom: 12px; 12890} 12891.featured_stacked .feature .info .copy { 12892 display: none; 12893 font-family: inherit; 12894 font-size: 16px; 12895 font-weight: normal; 12896 line-height: 1.4; 12897 color: #4b4b4b; 12898} 12899.featured_stacked .feature:nth-child(4n+1) { 12900 width: auto; 12901 max-width: none; 12902 float: none; 12903 clear: both; 12904 *zoom: 1; 12905 padding: 0; 12906 margin-right: 0; 12907} 12908.featured_stacked .feature:nth-child(4n+1):before, 12909.featured_stacked .feature:nth-child(4n+1):after { 12910 content: " "; 12911 display: table; 12912 line-height: 0; 12913} 12914.featured_stacked .feature:nth-child(4n+1):after { 12915 clear: both; 12916} 12917.featured_stacked .feature:nth-child(4n+1) .image { 12918 width: 50%; 12919 float: left; 12920 padding-bottom: 7px; 12921 border-bottom-width: 7px; 12922} 12923.featured_stacked .feature:nth-child(4n+1) .info { 12924 width: 50%; 12925 float: left; 12926 text-align: left; 12927 box-sizing: border-box; 12928 padding-left: 75px; 12929 padding-top: 50px; 12930} 12931.featured_stacked .feature:nth-child(4n+1) .info .copy { 12932 display: block; 12933} 12934.featured_stacked .feature:nth-child(8n+5) .image { 12935 float: right; 12936} 12937.featured_stacked .feature:nth-child(8n+5) .info { 12938 padding-left: 0; 12939 padding-right: 75px; 12940 float: left; 12941} 12942.featured_stacked .feature:nth-child(4n+4) { 12943 margin-right: 0; 12944} 12945.featured_stacked .feature:last-of-type { 12946 margin-right: 0; 12947} 12948.featured_stacked .feature.last-of-type { 12949 margin-right: 0; 12950} 12951#featured_stacked_edit { 12952 position: absolute; 12953 top: -25px; 12954 left: 0; 12955} 12956@media only screen and (max-width: 1000px) { 12957 .featured_stacked .feature { 12958 float: none; 12959 display: block; 12960 width: 100%; 12961 margin: 0 auto 10px; 12962 padding: 0 20px; 12963 *zoom: 1; 12964 } 12965 .featured_stacked .feature:before, 12966 .featured_stacked .feature:after { 12967 content: " "; 12968 display: table; 12969 line-height: 0; 12970 } 12971 .featured_stacked .feature:after { 12972 clear: both; 12973 } 12974 .featured_stacked .feature .image { 12975 width: 50%; 12976 float: left; 12977 padding-bottom: 4px; 12978 border-bottom-width: 4px; 12979 } 12980 .featured_stacked .feature .info { 12981 width: 50%; 12982 float: right; 12983 padding-top: 20px; 12984 padding-left: 12px; 12985 padding-right: 12px; 12986 } 12987 .featured_stacked .feature .info .title { 12988 font-size: 13px; 12989 } 12990 .featured_stacked .feature:nth-child(4n+1) { 12991 margin-bottom: 20px; 12992 padding: 0; 12993 } 12994 .featured_stacked .feature:nth-child(4n+1) .image { 12995 width: 100%; 12996 float: none; 12997 padding-bottom: 6px; 12998 border-bottom-width: 6px; 12999 } 13000 .featured_stacked .feature:nth-child(4n+1) .info { 13001 width: 100%; 13002 float: none; 13003 padding: 0; 13004 text-align: center; 13005 box-sizing: border-box; 13006 padding-left: 10px; 13007 padding-right: 10px; 13008 } 13009 .featured_stacked .feature:nth-child(4n+1) .info .title { 13010 font-size: 24px; 13011 } 13012} 13013/* 13014 * Variables: 13015 * @contact_width: The width of the bar 13016 * @contact_height: The height of the bar 13017 * @contact_bg: The background color of the bar 13018 * @popup_bg: The background color for the contact popups 13019 * @popup_space: How much space to add between the popup & the contact bar 13020 * @overlay_bg: Overlay background color 13021 */ 13022#floating-contact { 13023 animation-fill-mode: both; 13024 position: fixed; 13025 right: 0; 13026 bottom: -50px; 13027 height: 50px; 13028 z-index: 7; 13029} 13030#floating-contact .contact-bar { 13031 height: 50px; 13032 line-height: 50px; 13033 width: 188px; 13034 background-color: #006d8e; 13035 cursor: pointer; 13036 position: relative; 13037 padding-left: 50px; 13038 text-align: left; 13039} 13040#floating-contact .contact-bar:before { 13041 font-size: 25px; 13042 color: white; 13043 width: 50px; 13044 position: absolute; 13045 left: 0; 13046 top: 0; 13047 line-height: 50px; 13048 text-align: center; 13049} 13050#floating-contact .contact-popup { 13051 transition: opacity 0.25s ease; 13052 position: absolute; 13053 width: 188px; 13054 bottom: 70px; 13055 color: white; 13056 background-color: #2196f3; 13057 opacity: 0; 13058} 13059#floating-contact .contact-popup.active { 13060 opacity: 1; 13061} 13062#floating-contact.active { 13063 bottom: 0; 13064} 13065@media print { 13066 #floating-contact { 13067 display: none; 13068 } 13069} 13070.contact-overlay { 13071 font-size: 18px; 13072 position: fixed;
13073 z-index: 10; 13074 left: 0; 13075 top: 0; 13076 right: 0; 13077 bottom: 0; 13078 display: none; 13079 -webkit-overflow-scrolling: touch; 13080 padding-top: 75px; 13081 box-sizing: border-box; 13082 overflow: scroll; 13083 background: rgba(74, 74, 74, 0.9); 13084} 13085@media only screen and (max-width: 640px) { 13086 .contact-overlay { 13087 padding-top: 20px; 13088 } 13089} 13090.contact-overlay .article .copy { 13091 color: white; 13092} 13093.contact-overlay .el-form-wrapper { 13094 color: white; 13095} 13096.contact-overlay > .header { 13097 text-align: right; 13098 color: white; 13099} 13100@media only screen and (max-width: 640px) { 13101 .contact-overlay > .header { 13102 margin-bottom: 10px; 13103 } 13104} 13105.contact-overlay .el_content_edit_body, 13106.contact-overlay .el_content_edit { 13107 background-color: transparent; 13108 border: 0; 13109} 13110.contact-overlay input[type="text"] { 13111 height: 40px; 13112} 13113.contact-overlay input[type="text"]:focus { 13114 box-shadow: none !important; 13115 border: 2px solid #ff8947 !important; 13116} 13117.contact-overlay .uk-form-row > .uk-form-label { 13118 margin-bottom: 16px; 13119} 13120.contact-overlay .uk-form-controls[data-field-name*="name"], 13121.contact-overlay .uk-form-controls[data-field-name*="email"], 13122.contact-overlay .uk-form-controls[data-field-name*='phone'] { 13123 position: relative; 13124} 13125.contact-overlay .uk-form-controls[data-field-name*="name"] input, 13126.contact-overlay .uk-form-controls[data-field-name*="email"] input, 13127.contact-overlay .uk-form-controls[data-field-name*='phone'] input { 13128 padding-left: 30px !important; 13129} 13130.contact-overlay .uk-form-controls[data-field-name*="name"]::before, 13131.contact-overlay .uk-form-controls[data-field-name*="email"]::before, 13132.contact-overlay .uk-form-controls[data-field-name*='phone']::before { 13133 width: 30px; 13134 text-align: center; 13135 color: #d8d8d8; 13136 position: absolute; 13137 left: 0; 13138 line-height: 40px; 13139} 13140.contact-overlay .uk-form-controls[data-field-name*="name"]::before { 13141 content: "\e7fd"; 13142 font-size: 24px; 13143} 13144.contact-overlay .uk-form-controls[data-field-name*="email"]::before { 13145 content: "\e0be"; 13146 font-size: 20px; 13147} 13148.contact-overlay .uk-form-controls[data-field-name*="phone"]::before { 13149 content: "\e324"; 13150 font-size: 28px; 13151} 13152.contact-overlay textarea { 13153 max-height: 300px; 13154} 13155.contact-overlay .form ul { 13156 max-height: 350px; 13157 list-style-type: none; 13158 padding-left: 0; 13159 column-count: 2; 13160 -webkit-column-count: 2; 13161 -moz-column-count: 2; 13162} 13163.contact-overlay .form ul li { 13164 line-height: 15px; 13165 break-inside: avoid; 13166 -webkit-column-break-inside: avoid; 13167 page-break-inside: avoid; 13168} 13169.contact-overlay .form ul .uk-form-label { 13170 position: relative; 13171 padding-left: 20px; 13172 line-height: 1.2; 13173} 13174.contact-overlay .form ul .uk-form-label .checkbox { 13175 position: absolute; 13176 left: 0; 13177 top: 3px; 13178} 13179.contact-overlay .contact-info ul { 13180 list-style-type: none; 13181} 13182@media only screen and (max-width: 640px) { 13183 .contact-overlay .contact-info ul { 13184 padding-left: 0; 13185 } 13186} 13187.contact-overlay .contact-info ul li { 13188 padding-left: 40px; 13189 line-height: 40px; 13190 min-height: 40px; 13191 position: relative; 13192 color: white; 13193} 13194.contact-overlay .contact-info ul li:before { 13195 width: 40px; 13196 line-height: 40px; 13197 text-align: center; 13198 position: absolute; 13199 left: 0; 13200 top: 0; 13201} 13202.contact-overlay .contact-info ul li.email:before { 13203 content: "\e0be"; 13204 font-size: 20px; 13205} 13206.contact-overlay .contact-info ul li.phone:before { 13207 content: "\e324"; 13208 font-size: 28px; 13209} 13210.contact-overlay .contact-info ul li.link:before { 13211 content: "\e037"; 13212 font-size: 28px; 13213} 13214.contact-overlay input.checkbox { 13215 box-shadow: none !important; 13216 border: none !important; 13217} 13218.contact-overlay .close-btn { 13219 margin-right: 30px; 13220} 13221.contact-overlay .close-btn svg { 13222 width: 18px; 13223 height: 18px; 13224} 13225.contact-overlay .close-btn:hover { 13226 cursor: pointer; 13227} 13228@media only screen and (max-width: 640px) { 13229 .contact-overlay .close-btn { 13230 margin-right: 5px; 13231 } 13232} 13233.contact-overlay .article .headline, 13234.contact-overlay .content_item_first .article .headline { 13235 color: white; 13236} 13237.contact-overlay a:not(.pet-btn) { 13238 color: #ff8947; 13239} 13240.debug-zone { 13241 padding: 10px; 13242 overflow: scroll; 13243 position: fixed; 13244 left: 0; 13245 right: 0; 13246 top: 0; 13247 bottom: 0; 13248 z-index: 10000; 13249 display: none; 13250 background-color: rgba(26, 26, 26, 0.7); 13251} 13252.debug-zone.active { 13253 display: block; 13254} 13255.debug-zone h1, 13256.debug-zone h2, 13257.debug-zone h3, 13258.debug-zone h4, 13259.debug-zone h5, 13260.debug-zone h6 { 13261 text-align: left !important; 13262 font-weight: 700 !important; 13263 color: white !important; 13264 margin: 0 !important; 13265} 13266.debug-zone .debug-item { 13267 margin-bottom: 20px; 13268 padding-bottom: 20px; 13269} 13270.debug-zone .debug-item:not(:last-of-type) { 13271 border-bottom: 2px dashed white; 13272} 13273.debug-zone-indicator { 13274 transition: background-color 0.25s ease; 13275 position: fixed; 13276 bottom: 0; 13277 left: 0; 13278 right: 0; 13279 z-index: 20000; 13280 height: 30px; 13281 line-height: 30px; 13282 color: white; 13283 background-color: red; 13284 text-align: center; 13285} 13286.debug-zone-indicator.up { 13287 bottom: initial; 13288 top: 0; 13289} 13290.debug-zone-indicator:hover { 13291 background-color: rgba(255, 0, 0, 0.5); 13292} 13293#floating_toolbar { 13294 position: absolute; 13295 right: 0; 13296 top: 1000px; 13297 width: 40px; 13298 z-index: 6; 13299} 13300#floating_toolbar .floating_toolbar { 13301 font-family: "Barlow", sans-serif; 13302} 13303#floating_toolbar .floating_toolbar .share .share_icons { 13304 margin-bottom: 10px; 13305} 13306#floating_toolbar .floating_toolbar .share .share_icons .share_icons_text { 13307 color: #4a4a4a; 13308 font-size: 16px; 13309 margin: 0 0 8px; 13310 text-transform: uppercase; 13311 float: right; 13312 padding-right: 8px; 13313} 13314#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons { 13315 width: auto; 13316 float: right; 13317 border-right: 15px solid #005d7b; 13318} 13319#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a { 13320 transition: color 0.25s ease, background-color 0.25s ease;
13321 color: #fff; 13322 display: block; 13323 font-size: 25px; 13324 line-height: 40px; 13325 margin: 0; 13326 padding: 2px 0 0; 13327 text-align: center; 13328 vertical-align: middle; 13329 width: 50px; 13330 float: right; 13331} 13332#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a:not(:last-child) { 13333 border-bottom: 2px solid white; 13334} 13335#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a.fa { 13336 background-color: #005d7b; 13337} 13338#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a:hover { 13339 color: #ccc; 13340} 13341#floating_toolbar .floating_toolbar .tools { 13342 border-right: 15px solid #757575; 13343 float: right; 13344 width: auto; 13345} 13346#floating_toolbar .floating_toolbar .tools .print_page, 13347#floating_toolbar .floating_toolbar .tools .text_size_options { 13348 width: 50px; 13349} 13350#floating_toolbar .floating_toolbar .tools > div { 13351 transition: color 0.25s ease, background-color 0.25s ease; 13352 background-color: #757575; 13353} 13354#floating_toolbar .floating_toolbar .tools > div:not(:last-child) { 13355 border-bottom: 2px solid #fff; 13356} 13357#floating_toolbar .floating_toolbar .tools > div:hover, 13358#floating_toolbar .floating_toolbar .tools > div:hover .size { 13359 color: #ccc !important; 13360} 13361#floating_toolbar .floating_toolbar .tools .print_page { 13362 font-size: 0; 13363 line-height: 0; 13364} 13365#floating_toolbar .floating_toolbar .tools .print_page:hover .print:before { 13366 color: #ccc; 13367} 13368#floating_toolbar .floating_toolbar .tools .print_page .print:before { 13369 color: #fff; 13370 content: "\f02f"; 13371 display: block; 13372 font-family: FontAwesome; 13373 font-size: 25px; 13374 height: 40px; 13375 line-height: 40px; 13376 padding: 2px 0 0; 13377 position: relative; 13378 text-align: center; 13379 vertical-align: middle; 13380 width: 100%; 13381 transition: color 0.25s; 13382 /*z-index: -1;*/ 13383} 13384#floating_toolbar .floating_toolbar .tools .text_size_options .text_size { 13385 margin: 0; 13386} 13387#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector { 13388 height: 40px; 13389 line-height: 40px; 13390 padding: 0; 13391 text-align: center; 13392 vertical-align: middle; 13393 width: 100%; 13394} 13395#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size { 13396 color: #fff; 13397 display: none; 13398 font-weight: 600; 13399 margin: 0; 13400} 13401#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.small { 13402 font-size: 18px; 13403} 13404#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.medium { 13405 font-size: 20px; 13406} 13407#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.large { 13408 font-size: 23px; 13409} 13410#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.active { 13411 color: #fff; 13412 display: block; 13413 transition: color 0.25s; 13414} 13415@media print { 13416 #floating_toolbar { 13417 display: none; 13418 } 13419} 13420@media only screen and (max-width: 1000px) { 13421 #floating_toolbar { 13422 width: 30px; 13423 } 13424 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_text { 13425 display: none; 13426 } 13427 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a { 13428 font-size: 1.4rem; 13429 width: 30px; 13430 } 13431 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons { 13432 border-right-width: 0; 13433 } 13434 #floating_toolbar .floating_toolbar .tools { 13435 border-right-width: 0; 13436 } 13437 #floating_toolbar .floating_toolbar .tools .print_page .print:before { 13438 font-size: 1.4rem; 13439 } 13440 #floating_toolbar .floating_toolbar .tools .print_page, 13441 #floating_toolbar .floating_toolbar .tools .text_size_options { 13442 width: 30px; 13443 } 13444} 13445.map { 13446 width: 100%; 13447 background: url("/layouts/images/map.jpg") top right no-repeat; 13448 background-size: 526px 432px; 13449 min-height: 432px; 13450 padding: 128px 0 0; 13451 margin-bottom: 146px; 13452} 13453@media only screen and (max-width: 640px) { 13454 .map { 13455 background-size: 336px 276px; 13456 background-position: center -92px; 13457 padding-left: 20px; 13458 padding-right: 20px; 13459 width: auto; 13460 min-height: auto; 13461 } 13462} 13463@media only screen and (max-width: 1000px) { 13464 .map { 13465 margin-bottom: 41px; 13466 } 13467} 13468.map figure { 13469 position: relative; 13470 max-width: 656px; 13471 margin: 0 auto 50px; 13472} 13473.map figure a { 13474 position: relative; 13475} 13476.map figure a img { 13477 position: relative; 13478} 13479.map figure a:hover button { 13480 background-color: #b880c3; 13481} 13482.map figure a button { 13483 position: absolute; 13484 top: calc(100% + 48px); 13485 right: 0; 13486 left: 0; 13487 margin: 0 auto; 13488 width: 108px; 13489 padding-left: 30px; 13490} 13491@media only screen and (max-width: 640px) { 13492 .map figure a button { 13493 top: 34px; 13494 } 13495} 13496.inline_menu { 13497 margin-bottom: 0 !important; 13498} 13499#menu_format_edit { 13500 position: absolute; 13501} 13502.links_downloads { 13503 position: relative; 13504 margin: 0 0 0 0; 13505 font-family: "Barlow", sans-serif; 13506 font-size: 12px; 13507 font-style: normal; 13508 font-weight: normal; 13509 line-height: 14px; 13510 color: #737373; 13511} 13512.links_downloads .title { 13513 margin-bottom: 20px; 13514 font-family: Tahoma, Verdana, Segoe, sans-serif; 13515 font-size: 16px; 13516 color: #747b80; 13517} 13518.links_downloads a { 13519 display: block; 13520 color: #33cc33; 13521 margin-bottom: 4px; 13522} 13523.links_downloads a:hover {
13524 color: #99ff99; 13525} 13526@media only screen and (max-width: 1000px) { 13527 .responsive .links_downloads { 13528 width: 90%; 13529 margin: 0 auto 0 auto; 13530 } 13531} 13532#login_link { 13533 display: inline-table; 13534 margin: 5px 20px 0 0; 13535} 13536#login_link .fa { 13537 margin-right: 5px; 13538} 13539.brand_logo { 13540 width: 100%; 13541 max-width: 195px; 13542} 13543@media only screen and (max-width: 640px) { 13544 .brand_logo { 13545 margin: 0 auto; 13546 } 13547} 13548.logo { 13549 position: relative; 13550 width: 195px; 13551 height: 60px; 13552 display: block; 13553} 13554.logo img { 13555 width: 195px; 13556 max-width: 195px; 13557 height: 60px; 13558 border-radius: 0; 13559} 13560#logo_edit { 13561 position: absolute; 13562} 13563.responsive .logo { 13564 width: 100%; 13565 max-width: 195px; 13566} 13567.responsive .logo img { 13568 width: 100%; 13569 max-width: 195px; 13570 height: 60px; 13571 margin-left: auto; 13572 margin-right: auto; 13573} 13574.mega_menu_overlay { 13575 transition: max-height 0.5s ease; 13576 background-color: rgba(74, 74, 74, 0.9); 13577 max-height: 0; 13578 overflow: hidden; 13579 position: fixed; 13580 width: 100%; 13581 height: 100vh; 13582 z-index: 100; 13583} 13584.mega_menu_overlay.open { 13585 max-height: 2000px; 13586} 13587.mega_menu_overlay .closer { 13588 position: absolute; 13589 left: 0; 13590 right: 0; 13591 bottom: 0; 13592 top: 50%; 13593} 13594.mega_menu_overlay .wrapper { 13595 width: 10000vw; 13596 transition: left 1s ease; 13597 position: absolute; 13598 left: 0; 13599} 13600.mega_menu_overlay .wrapper.no-transition { 13601 transition: none !important; 13602} 13603.mega_menu_overlay .wrapper > .item-container { 13604 display: inline-block; 13605 width: 100vw; 13606} 13607.mega_menu_overlay .container { 13608 max-width: 1100px; 13609} 13610.mega_menu_overlay .item-container { 13611 box-sizing: border-box; 13612 padding-top: 30px; 13613 position: absolute; 13614 top: 0; 13615} 13616.mega_menu_overlay .item-container.right .split-container { 13617 flex-direction: row-reverse; 13618} 13619.mega_menu_overlay .item-container.right .split-container .children { 13620 border-left: 2px dotted #ff8947; 13621 padding-left: 39px; 13622 order: -1; 13623} 13624.mega_menu_overlay .item-container.right .split-container .description { 13625 order: 1; 13626 padding-right: 39px; 13627} 13628.mega_menu_overlay .item-container.left .split-container .children { 13629 border-right: 2px dotted #ff8947; 13630 padding-right: 25px; 13631 order: -1; 13632} 13633.mega_menu_overlay .item-container.left .split-container .description { 13634 padding-left: 39px; 13635 order: 1; 13636} 13637.mega_menu_overlay .split-container { 13638 position: relative; 13639 display: flex; 13640 flex: 0 1 auto; 13641} 13642.mega_menu_overlay .split-container .description { 13643 width: 40%; 13644 max-width: 400px; 13645 font-size: 18px; 13646 color: white; 13647 line-height: 26px; 13648 padding-top: 13px; 13649} 13650.mega_menu_overlay .split-container .description .page-description { 13651 display: none; 13652} 13653.mega_menu_overlay .split-container .children { 13654 width: 60%; 13655} 13656.mega_menu_overlay .split-container .children-links { 13657 top: 0; 13658 list-style-type: none; 13659} 13660.mega_menu_overlay .split-container .children-links .child { 13661 font-size: 18px; 13662 font-weight: 500; 13663 line-height: 20px; 13664 margin: 15px 0; 13665 padding-left: 35px; 13666 position: relative; 13667} 13668.mega_menu_overlay .split-container .children-links .child:before { 13669 width: 39px; 13670 height: 20px; 13671 line-height: 20px; 13672 text-align: center; 13673 color: #e75300; 13674 position: absolute; 13675 left: 0; 13676 opacity: 0; 13677 font-size: 15px; 13678} 13679.mega_menu_overlay .split-container .children-links .child:hover:before { 13680 opacity: 1; 13681} 13682.mega_menu_overlay .split-container .children-links .child:hover a { 13683 color: #ff8947; 13684} 13685.mega_menu_overlay .split-container .children-links .child a { 13686 transition: color 0.25s ease; 13687 color: white; 13688} 13689.mega_menu_overlay .split-container .children-links .child a:hover { 13690 color: #ff8947; 13691} 13692#menu_format_edit { 13693 position: absolute; 13694} 13695header .gray_nav_bar .top .top_nav .nav .extras { 13696 display: inline-block; 13697 margin-left: 20px; 13698} 13699header .gray_nav_bar .top .top_nav .nav .extras #icons .icon { 13700 color: #ffffff; 13701 font-size: 20px; 13702} 13703header .gray_nav_bar .top .top_nav .nav .extras #icons .icon:hover { 13704 cursor: pointer; 13705 color: #aaaaaa; 13706} 13707header .gray_nav_bar .top .top_nav .nav .extras #icons a.shop_now { 13708 background: #e75300; 13709 /* For browsers that do not support gradients */ 13710 background: -webkit-linear-gradient(#f58b00, #e75300); 13711 /* For Safari 5.1 to 6.0 */ 13712 background: -o-linear-gradient(#f58b00, #e75300); 13713 /* For Opera 11.1 to 12.0 */ 13714 background: -moz-linear-gradient(#f58b00, #e75300); 13715 /* For Firefox 3.6 to 15 */ 13716 background: linear-gradient(#f58b00, #e75300); 13717 /* Standard syntax (must be last) */ 13718 padding-left: 20px; 13719 padding-right: 20px; 13720} 13721header .gray_nav_bar .top .top_nav .nav .extras #icons a.shop_now:hover { 13722 background: linear-gradient(to bottom, #ffa229, #e75300); 13723 color: white; 13724} 13725header .gray_nav_bar .top .top_nav .nav .extras .search_form { 13726 display: none; 13727} 13728header .gray_nav_bar .top .top_nav .nav .extras .search_form .search { 13729 width: 100%; 13730 height: 150px; 13731 background-color: rgba(74, 74, 74, 0.9); 13732 position: absolute; 13733 left: 0; 13734 z-index: 99; 13735} 13736header .gray_nav_bar .top .top_nav .nav .extras .search_form .search .field { 13737 width: 80%; 13738 height: 29px; 13739 margin: 5% 5% 0 5%; 13740 padding-left: 14px; 13741 line-height: 29px; 13742} 13743@media only screen and (max-width: 1000px) { 13744 #icons { 13745 right: 20px; 13746 height: 49px; 13747 } 13748 #icons .icon { 13749 color: #fff; 13750 } 13751 #icons a.buy_link { 13752 -webkit-box-sizing: border-box; 13753 -moz-box-sizing: border-box; 13754 box-sizing: border-box; 13755 width: 84px; 13756 height: 49px; 13757 padding: 8px 5px 0 5px; 13758 font-size: 12px; 13759 font-weight: normal; 13760 line-height: 13px; 13761 } 13762} 13763.mobile_menu { 13764 transition: left 0.25s ease, max-height 0.25s ease; 13765 max-height: 0; 13766 width: 100%; 13767 background-color: rgba(0, 0, 0, 0.85); 13768 position: fixed; 13769 top: 57px; 13770 left: 0; 13771 overflow: hidden; 13772 z-index: 5000; 13773 height: 200vh; 13774 font-weight: 600; 13775} 13776.mobile_menu.open { 13777 max-height: 200vh; 13778 position: fixed; 13779 top: 47px; 13780} 13781.mobile_menu .slider { 13782 margin-top: 13px; 13783 transition: left 0.25s ease; 13784 position: relative; 13785 left: 0; 13786} 13787.mobile_menu .nav_item { 13788 text-align: center; 13789} 13790.mobile_menu .nav_item.margin-top { 13791 margin-top: 12px; 13792} 13793.mobile_menu .nav_item a { 13794 font-size: 40px; 13795 line-height: 60px; 13796 color: white; 13797 text-transform: uppercase; 13798} 13799.mobile_menu .nav_item.btn { 13800 margin: 30px auto; 13801 display: block; 13802 width: 120px; 13803} 13804.mobile_menu .nav_item.btn a { 13805 font-size: 20px; 13806 line-height: 35px; 13807} 13808.mobile_menu .nav_item.small a { 13809 font-size: 24px; 13810 line-height: 46px; 13811 letter-spacing: -0.5px; 13812 font-weight: 500; 13813 text-transform: none; 13814} 13815.mobile_menu.slide .slider { 13816 left: -100%; 13817 height: 100%; 13818} 13819.mobile_menu.slide .nav_item { 13820 text-align: left; 13821} 13822.mobile_menu.slide .social_icons { 13823 display: none; 13824} 13825.mobile_menu_slider { 13826 position: absolute; 13827 top: 0; 13828 left: calc(100% + 45px); 13829 height: 100%; 13830 width: calc(100% - 45px); 13831 display: none; 13832} 13833.mobile_menu_slider.open { 13834 display: block; 13835 left: calc(100% + 115px); 13836 width: calc(100% - 115px); 13837} 13838.mobile_menu_slider ul.pet-list { 13839 padding-top: 30px; 13840 margin: 0 0 0 -62px; 13841} 13842.mobile_menu_slider ul.pet-list a { 13843 font-size: 24px; 13844 line-height: 46px; 13845 text-transform: none; 13846 font-weight: 500; 13847} 13848.mobile_menu_slider ul.pet-list a.arrow:after { 13849 /* use !important to prevent issues with browser extensions that change fonts */ 13850 font-family: 'LivingSound-Font' !important; 13851 speak: none; 13852 font-style: normal; 13853 font-weight: normal; 13854 font-variant: normal; 13855 text-transform: none; 13856 line-height: 1; 13857 /* Better Font Rendering =========== */ 13858 -webkit-font-smoothing: antialiased; 13859 -moz-osx-font-smoothing: grayscale; 13860 content: "\e902"; 13861 color: #ffffff; 13862} 13863.mobile_menu_slider ul.pet-list li { 13864 list-style-type: none; 13865 margin-bottom: 12px; 13866} 13867@media only screen and (max-width: 640px) { 13868 .mobile_menu_slider ul.pet-list li { 13869 margin-bottom: 6px; 13870 } 13871} 13872.mobile_menu_slider ul.pet-list.children { 13873 padding-top: 0; 13874 margin-left: 15px; 13875} 13876.mobile_menu_slider ul.pet-list.children a { 13877 font-size: 16px; 13878 line-height: 18px; 13879} 13880.mobile_menu_slider .slider_title { 13881 text-transform: uppercase; 13882 font-size: 40px; 13883 line-height: 60px; 13884 margin: 0 0 -25px -32px; 13885 color: white; 13886} 13887.mobile_menu_return { 13888 width: 60px; 13889 height: 40%; 13890 position: absolute; 13891 left: calc(99%); 13892 top: -10px; 13893 text-align: center; 13894 border-right: 2px solid #1BD9A6; 13895} 13896.mobile_menu_return a { 13897 transition: color 0.25s ease;
13898 color: #ffffff; 13899 font-size: 40px; 13900 position: absolute; 13901 top: 22px; 13902 right: 0; 13903 bottom: 0; 13904 left: 0; 13905} 13906.mobile_menu_return a:hover { 13907 color: white; 13908} 13909.mobile_menu .search_box { 13910 text-align: center; 13911 padding: 10px 0; 13912 margin: 15px auto; 13913} 13914.mobile_menu .search_box input.field { 13915 width: 450px; 13916 line-height: 30px; 13917 height: 30px; 13918 font-size: 18px; 13919 font-family: "Barlow", sans-serif; 13920 color: #4a4a4a; 13921 padding-left: 40px; 13922} 13923@media only screen and (max-width: 350px) { 13924 .mobile_menu .search_box input.field { 13925 max-width: 272px; 13926 } 13927} 13928.mobile_menu .search_box input.field:before { 13929 /* use !important to prevent issues with browser extensions that change fonts */ 13930 font-family: 'LivingSound-Font' !important; 13931 speak: none; 13932 font-style: normal; 13933 font-weight: normal; 13934 font-variant: normal; 13935 text-transform: none; 13936 line-height: 1; 13937 /* Better Font Rendering =========== */ 13938 -webkit-font-smoothing: antialiased; 13939 -moz-osx-font-smoothing: grayscale; 13940 content: "\e90a"; 13941 color: #4a4a4a; 13942} 13943.mobile-brand-logo { 13944 margin: 20px auto 0; 13945 width: 195px; 13946 height: 60px; 13947} 13948.mobile-brand-logo .logo { 13949 left: calc(62.5% - (85px / 2)); 13950} 13951.scrolled .mobile-brand-logo, 13952.interior_page .scrolled .mobile-brand-logo { 13953 margin-top: -3px; 13954} 13955@media only screen and (max-width: 1250px) { 13956 .interior_page .mobile-brand-logo { 13957 margin-top: -22px; 13958 } 13959} 13960.mobile_nav { 13961 margin-bottom: 20px; 13962 position: relative; 13963} 13964#mobile_menu_icon { 13965 margin: 0; 13966 position: absolute; 13967 top: 0; 13968 right: 0; 13969 bottom: 0; 13970 left: 0; 13971} 13972#mobile_menu_icon .hamburger { 13973 position: relative; 13974 width: 30px; 13975 height: 12px; 13976 top: -20px; 13977 right: 10px; 13978 transform: translateY(25%); 13979 float: right; 13980 padding: 12px 15px 12px 15px; 13981} 13982#mobile_menu_icon .close, 13983#mobile_menu_icon .visible { 13984 color: #ffffff; 13985 font-size: 18px; 13986 margin-top: 8px; 13987} 13988#mobile_menu_icon .close { 13989 display: none; 13990} 13991#mobile_menu_icon .visible { 13992 display: block; 13993 left: -16px; 13994 top: -13px; 13995 position: absolute; 13996} 13997#mobile_menu_icon.open .hamburger-line { 13998 top: 40% !important; 13999} 14000#mobile_menu_icon.open .hamburger-line:first-of-type { 14001 transform: rotateZ(225deg); 14002} 14003#mobile_menu_icon.open .hamburger-line:last-of-type { 14004 transform: rotateZ(-225deg); 14005} 14006#mobile_menu_icon.open .close { 14007 display: block; 14008} 14009#mobile_menu_icon.open .visible { 14010 display: none; 14011} 14012#mobile_menu_icon .hamburger-line { 14013 transition: top 0.25s, transform 0.25s; 14014 transform: translateY(-50%) rotateZ(0deg); 14015 width: 50%; 14016 height: 5px; 14017 position: absolute; 14018 background-color: #ffffff; 14019} 14020#mobile_menu_icon .hamburger-line:first-of-type { 14021 top: 33%; 14022} 14023#mobile_menu_icon .hamburger-line:last-of-type { 14024 top: 60%; 14025} 14026.mobile-top { 14027 display: none; 14028 height: 164px; 14029} 14030@media only screen and (max-width: 1250px) { 14031 .mobile-top { 14032 display: block; 14033 } 14034} 14035.mobile-top .nav .inline_menu { 14036 padding: 0; 14037 text-align: right; 14038} 14039.mobile-top .nav .inline_menu a { 14040 display: none; 14041} 14042.mobile-top .nav .inline_menu a.btn { 14043 display: inline-table; 14044 margin: 0; 14045 padding-top: 8px; 14046 padding-bottom: 8px; 14047 padding-right: 23px; 14048 font-size: 15px; 14049 letter-spacing: 1.28px; 14050} 14051.mobile-top .nav .inline_menu a.btn:after { 14052 display: none; 14053} 14054.mobile-top .nav .inline_menu a.btn:before { 14055 content: "R"; 14056 padding-top: 8px; 14057 padding-bottom: 8px; 14058 font-size: 14px; 14059 text-transform: uppercase; 14060 line-height: 1.3; 14061 font-weight: 600; 14062 color: transparent; 14063 width: 60px; 14064 position: absolute; 14065 top: 0; 14066 left: -60px; 14067 bottom: 0; 14068 background-image: url("/layouts/images/blue-stripes-mobile.png"); 14069 background-position: 100% 0; 14070 background-repeat: repeat-x; 14071 background-size: 79px 34px; 14072} 14073.mobile-top .nav .inline_menu .sep { 14074 display: none; 14075} 14076.mobile-top .nav-wrapper { 14077 width: 100%; 14078 padding: 20px 0 0; 14079} 14080.scrolled .mobile-top .nav-wrapper { 14081 padding-top: 0; 14082} 14083.mobile-top .visible { 14084 float: left; 14085} 14086.mobile-top.scrolled .mobile-brand-logo { 14087 display: none; 14088} 14089.mobile-top.scrolled .visible { 14090 display: none!important; 14091} 14092.mobile-top .bar { 14093 height: 35%; 14094} 14095.mobile-top .bar .menu_logo { 14096 display: none; 14097} 14098.mobile-top .bar.open { 14099 background-color: rgba(0, 0, 0, 0.85); 14100 height: 29%; 14101} 14102.mobile-top .bar.open .menu_logo { 14103 display: block; 14104 margin: 15px auto; 14105 width: 100%; 14106 height: 17px; 14107 float: left; 14108} 14109@media only screen and (max-width: 1000px) { 14110 .interior_page .mobile-top .bar.open .menu_logo { 14111 margin-top: 18px; 14112 } 14113} 14114.mobile-top .bar.open .nav-wrapper { 14115 float: right; 14116 width: auto; 14117} 14118.mobile-top .bar.open .mobile-brand-logo { 14119 clear: both; 14120} 14121@media only screen and (max-width: 1000px) { 14122 .interior_page .mobile-top .bar.open .mobile-brand-logo { 14123 display: none; 14124 } 14125} 14126#menu_format_edit { 14127 position: absolute; 14128} 14129.photo_heading { 14130 width: 100%; 14131 position: relative; 14132 overflow: auto; 14133} 14134.photo_heading .image { 14135 width: 100%; 14136 border-radius: 0; 14137} 14138.photo_heading .mobile_image { 14139 display: none; 14140} 14141.photo_heading .wrapper { 14142 width: 100%; 14143 overflow: auto; 14144 position: absolute; 14145 padding: 0; 14146 margin: 0 auto; 14147} 14148.photo_heading .content_outer { 14149 max-width: none; 14150 width: 100%; 14151 height: 100%; 14152 margin: 0 auto; 14153 position: absolute; 14154 top: 0; 14155 right: 0; 14156 bottom: 0; 14157 left: 0; 14158 padding: 0; 14159} 14160.photo_heading .content { 14161 position: absolute; 14162 top: 0; 14163 bottom: 60px; 14164 left: 16vw; 14165 right: 0; 14166} 14167.photo_heading .content .photo_headline { 14168 position: absolute; 14169 font-family: "Barlow", sans-serif; 14170 font-size: 2vw; 14171 font-weight: 600; 14172 line-height: 2.2em; 14173 letter-spacing: 3.65px; 14174 color: #ffffff; 14175 text-transform: uppercase; 14176 bottom: -40px; 14177 left: 0; 14178 right: 0; 14179} 14180.photo_heading .content .photo_headline .brush { 14181 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 14182 font-weight: normal; 14183 font-style: normal; 14184 font-size: 8vw; 14185 line-height: 55px; 14186 padding-left: 60px; 14187 text-transform: none; 14188 white-space: nowrap; 14189} 14190.photo_heading .content .photo_headline p { 14191 position: absolute; 14192 bottom: 0; 14193 left: 0; 14194 right: 0; 14195 margin-bottom: 0; 14196} 14197@media only screen and (max-width: 1000px) { 14198 .photo_heading { 14199 width: 100%; 14200 height: auto; 14201 overflow: hidden; 14202 } 14203 .photo_heading .content { 14204 top: -20px; 14205 left: 18vw; 14206 } 14207 .photo_heading .content .photo_headline { 14208 bottom: 0px; 14209 font-size: 15px;
14210 line-height: 26px; 14211 letter-spacing: 2.22px; 14212 } 14213 .photo_heading .content .photo_headline .brush { 14214 font-size: 50px; 14215 line-height: 18px; 14216 padding-left: 18px; 14217 } 14218 .photo_heading .content_outer { 14219 width: 100%; 14220 position: relative; 14221 } 14222} 14223@media only screen and (max-width: 959px) { 14224 .photo_heading { 14225 width: 100%; 14226 height: auto; 14227 overflow: hidden; 14228 } 14229} 14230@media only screen and (max-width: 639px) { 14231 .photo_heading { 14232 width: 100%; 14233 height: auto; 14234 overflow: hidden; 14235 } 14236 .photo_heading .image { 14237 display: none; 14238 } 14239 .photo_heading .mobile_image { 14240 display: block; 14241 width: 100%; 14242 height: auto; 14243 } 14244} 14245#photo_heading_edit { 14246 position: absolute; 14247 left: 0; 14248 bottom: 0; 14249} 14250.photo_heading_popup .photo_heading_preview { 14251 height: 100px; 14252 background: no-repeat 0 0; 14253 background-size: contain; 14254} 14255.photo_heading_popup .photo_heading_preview_narrow { 14256 height: 100px; 14257 background: no-repeat 0 0; 14258 background-size: contain; 14259} 14260.photo_heading_popup .photo_heading_edit .edit_blk_img_clip { 14261 height: 50px; 14262 border-width: 0; 14263 margin-bottom: -50px; 14264} 14265.photo_heading_popup .photo_heading_edit .edit_blk_img_clip .edit_blk_img_clip_div > div { 14266 border-width: 0; 14267 background-color: transparent !important; 14268} 14269.photo_heading_popup .photo_heading_edit .edit_blk_img_clip img { 14270 display: none; 14271} 14272.posts_list { 14273 width: 100%; 14274 max-width: 1000px; 14275 margin-left: auto; 14276 margin-right: auto; 14277 margin-bottom: 26px; 14278} 14279.posts_list .title { 14280 width: 100%; 14281 margin-left: auto; 14282 margin-right: auto; 14283 background-color: #009FDD; 14284 color: white; 14285 padding-bottom: 1em; 14286 padding-top: 1em; 14287 font-size: 32px; 14288 line-height: 44px; 14289 font-family: "Barlow", sans-serif; 14290 margin-bottom: 1em; 14291} 14292.posts_list .posts_filter { 14293 margin-bottom: 26px; 14294} 14295.posts_list .image { 14296 max-width: 226px; 14297 max-height: 140px; 14298 overflow: hidden; 14299} 14300.posts_list .image img.mobile { 14301 margin-left: -24px; 14302 max-width: 274px; 14303 max-height: 140px; 14304} 14305.posts_list .post_sort { 14306 width: 100%; 14307 text-align: center; 14308} 14309.posts_list .post_sort .category-btn { 14310 box-sizing: border-box; 14311 color: #ffffff; 14312 padding: 10px 12px; 14313 transition: background-color 0.25s ease; 14314 text-align: center; 14315 font-size: 16px; 14316 min-width: 110px; 14317 display: inline-block; 14318 margin: 0 10px; 14319 margin-bottom: 10px; 14320 background-color: #757575; 14321 position: relative; 14322 font-family: "Barlow", sans-serif; 14323} 14324@media only screen and (max-width: 1000px) { 14325 .posts_list .post_sort .category-btn { 14326 min-width: 0; 14327 } 14328} 14329.posts_list .post_sort .category-btn.active { 14330 background-color: #f45656; 14331} 14332.posts_list .post_sort .category-btn.active[disabled] { 14333 background-color: #cccccc; 14334} 14335.posts_list .post_sort .category-btn.active[disabled]:hover { 14336 background-color: #cccccc; 14337} 14338.posts_list .post_sort .category-btn.active .rotary { 14339 transform: rotateZ(180deg); 14340} 14341.posts_list .post_sort .category-btn:hover { 14342 background-color: #009FDD; 14343} 14344.posts_list .post_sort .category-btn .rotary { 14345 border-radius: 50%; 14346 transition: transform 0.25s ease; 14347 transform: rotateZ(45deg); 14348 width: 18px; 14349 height: 18px; 14350 top: calc(50% - 9px); 14351 position: absolute; 14352 left: 10px; 14353} 14354@media only screen and (max-width: 350px) { 14355 .posts_list .post_sort .category-btn .rotary { 14356 display: none; 14357 } 14358} 14359.posts_list .post_sort .message { 14360 text-align: center; 14361 text-transform: uppercase; 14362 padding-top: 7px; 14363 color: #4a4a4a; 14364 display: none; 14365} 14366.posts_list .wrapper { 14367 padding-top: 10px; 14368 padding-bottom: 0; 14369 margin-bottom: 0; 14370} 14371.posts_list .post .subheadline { 14372 max-height: 88px; 14373 overflow: hidden; 14374} 14375@media only screen and (max-width: 640px) { 14376 .posts_list .post .subheadline { 14377 max-height: 80px; 14378 } 14379} 14380.posts_list .paging { 14381 margin-left: auto; 14382 margin-right: auto; 14383 float: none !important; 14384} 14385.posts_list .paging .turn-num { 14386 display: none; 14387} 14388.posts_list .paging .turn-ul { 14389 font-size: 26px; 14390 padding-left: 0; 14391 padding-right: 0; 14392 margin-left: 0; 14393 margin-right: 0; 14394} 14395.posts_list .paging .turn-ul li { 14396 display: inline-block; 14397 font-size: 0; 14398 cursor: pointer; 14399 position: relative; 14400 margin-left: 10px; 14401 margin-right: 10px; 14402} 14403.posts_list .paging .turn-ul li:after {
14404 content: ""; 14405 height: 16px; 14406 width: 16px; 14407 background-color: #D6D6D6; 14408 position: absolute; 14409 top: -3px; 14410 left: 0; 14411 border-radius: 8px; 14412} 14413.posts_list .paging .turn-ul li:before { 14414 display: none; 14415} 14416.posts_list .paging .turn-ul li.on:after { 14417 background-color: #757575; 14418} 14419.posts_list .paging .turn-ul li.first, 14420.posts_list .paging .turn-ul li.end, 14421.posts_list .paging .turn-ul li.prev, 14422.posts_list .paging .turn-ul li.next { 14423 font-size: 26px; 14424 display: none; 14425} 14426.posts_list .paging .turn-ul li.first:after, 14427.posts_list .paging .turn-ul li.end:after, 14428.posts_list .paging .turn-ul li.prev:after, 14429.posts_list .paging .turn-ul li.next:after { 14430 display: none; 14431} 14432@media only screen and (max-width: 1000px) { 14433 .posts_list .paging .turn-ul li { 14434 font-size: 18px; 14435 } 14436 .posts_list .paging .turn-ul li.on { 14437 color: #f45656; 14438 } 14439 .posts_list .paging .turn-ul li.prev, 14440 .posts_list .paging .turn-ul li.next { 14441 display: inline-block; 14442 } 14443 .posts_list .paging .turn-ul li:after { 14444 display: none; 14445 } 14446} 14447.product { 14448 max-width: 920px; 14449 margin-left: auto; 14450 margin-right: auto; 14451 position: relative; 14452 z-index: 4; 14453} 14454.product .product-image { 14455 max-width: 158px; 14456 max-height: 253px; 14457} 14458.product .valign { 14459 display: flex; 14460 flex: 0 1 auto; 14461 flex-direction: column; 14462 justify-content: center; 14463} 14464.product-wrapper { 14465 transition: margin-right 0.25s ease, margin-left 0.25s ease, background-color 0.25s ease; 14466 position: relative; 14467 overflow: hidden; 14468} 14469.product-wrapper .shield { 14470 position: absolute; 14471 top: -6px; 14472 z-index: 3; 14473 display: none; 14474 left: calc(((100vw - 920px) / 2) - 187px); 14475} 14476.product-wrapper.open { 14477 margin-left: calc((100vw - 100%) / -2); 14478 margin-right: calc((100vw - 100%) / -2); 14479 margin-bottom: 25px; 14480 margin-top: 25px; 14481 background-color: #cccccc; 14482 padding: 0 20px; 14483 border-top: 1px solid #757575; 14484 border-bottom: 1px solid #757575; 14485} 14486.product-wrapper.open .data-sheets { 14487 max-height: 900px; 14488} 14489.product-wrapper.open .collapser { 14490 display: block; 14491} 14492.product-wrapper.open .collapser svg { 14493 width: 24px; 14494 height: 24px; 14495} 14496.product-wrapper.open svg.shield { 14497 display: block; 14498} 14499.product h2 { 14500 font-size: 26px !important; 14501 margin-bottom: 10px; 14502 text-align: left; 14503} 14504.product h2 .name { 14505 color: #006d8e; 14506} 14507@media only screen and (max-width: 640px) { 14508 .product h2 .name { 14509 display: block; 14510 } 14511} 14512.product .copy { 14513 font-size: 16px !important; 14514 color: #757575; 14515 line-height: 30px; 14516} 14517@media only screen and (max-width: 640px) { 14518 .product .copy { 14519 line-height: 24px; 14520 } 14521} 14522.product .copy .descriptor { 14523 color: #4a4a4a; 14524 margin-right: 7px; 14525} 14526@media only screen and (max-width: 640px) { 14527 .product .copy .descriptor { 14528 margin-left: 0; 14529 display: block; 14530 } 14531} 14532.product .copy p, 14533.product .copy ul { 14534 display: none; 14535} 14536.product .copy p:first-of-type { 14537 display: inline; 14538} 14539.open .product .copy p, 14540.open .product .copy ul { 14541 display: initial; 14542} 14543.product .copy .read-more { 14544 color: #f45656; 14545 display: inline; 14546 white-space: nowrap; 14547 cursor: pointer; 14548} 14549.open .product .copy .read-more { 14550 display: none; 14551} 14552.product .copy ul > li { 14553 margin-left: 36px; 14554} 14555.product .data-sheets { 14556 font-size: 16px; 14557 transition: max-height 0.25s ease; 14558 max-height: 0; 14559 overflow: hidden; 14560} 14561.product .data-sheets .data-sheet { 14562 background-color: white; 14563 min-height: 65px; 14564 line-height: 25px; 14565 margin-bottom: 8px; 14566 padding: 10px 16px 10px 16px; 14567 box-sizing: border-box; 14568 position: relative; 14569} 14570.product .data-sheets .data-sheet .name { 14571 display: flex; 14572 flex: 0 1 auto; 14573 position: relative; 14574 top: 50%; 14575 transform: translateY(-50%); 14576} 14577.product .data-sheets .data-sheet .name sup { 14578 line-height: 0 !important; 14579 font-size: 0.5em; 14580 top: 6px; 14581 position: relative; 14582 vertical-align: super; 14583} 14584.product .data-sheets .data-sheet .uk-grid > * { 14585 margin-bottom: 0; 14586} 14587.product .data-sheets .data-sheet .uk-grid > *:last-of-type { 14588 padding-left: 10px; 14589} 14590@media only screen and (max-width: 960px) { 14591 .product .data-sheets .data-sheet .pet-btn { 14592 line-height: 40px; 14593 } 14594} 14595.product .data-sheets .data-sheet .links, 14596.product .data-sheets .data-sheet .download, 14597.product .data-sheets .data-sheet .pet-btn { 14598 min-height: 45px; 14599 line-height: 45px; 14600} 14601@media only screen and (max-width: 960px) { 14602 .product .data-sheets .data-sheet .links, 14603 .product .data-sheets .data-sheet .download, 14604 .product .data-sheets .data-sheet .pet-btn { 14605 float: initial !important; 14606 text-align: left; 14607 } 14608} 14609.product .data-sheets .data-sheet .links { 14610 text-align: right; 14611 display: block; 14612} 14613.product .data-sheets .data-sheet .download { 14614 padding-left: 30px; 14615 position: relative; 14616 display: inline-block; 14617} 14618@media only screen and (max-width: 960px) { 14619 .product .data-sheets .data-sheet .download { 14620 display: block; 14621 padding-left: 30px !important; 14622 margin-left: 0 !important; 14623 border-left: none !important; 14624 } 14625 .product .data-sheets .data-sheet .download:before { 14626 left: 0 !important; 14627 } 14628} 14629.product .data-sheets .data-sheet .download:nth-child(2) { 14630 border-left: 2px dotted #cfcfcf; 14631 margin-left: 12px; 14632 padding-left: 42px; 14633} 14634.product .data-sheets .data-sheet .download:nth-child(2):before { 14635 left: 12px; 14636} 14637.product .data-sheets .data-sheet .download:before { 14638 position: absolute; 14639 left: 0; 14640 width: 30px; 14641 text-align: center; 14642 content: "\e2c4"; 14643 color: #757575; 14644 line-height: 45px; 14645 font-size: 18px; 14646} 14647.product .data-sheets .data-sheet .pet-btn { 14648 margin-left: 10px; 14649 text-align: center; 14650} 14651@media only screen and (max-width: 960px) { 14652 .product .data-sheets .data-sheet .btn-container { 14653 text-align: left; 14654 display: block; 14655 } 14656} 14657.product-wrapper .border:first-of-type { 14658 max-width: 0; 14659} 14660.product-wrapper .border { 14661 transition: margin-bottom 0.25s ease, margin-top 0.25s ease, max-width 0.25s ease; 14662 border-bottom: 2px dotted #CFCFCF; 14663 position: relative; 14664} 14665.product-wrapper .border:last-of-type { 14666 max-width: 652px; 14667 margin: 0 auto 36px; 14668 margin-left: 280px; 14669} 14670@media only screen and (min-width: 640px) and (max-width: 960px) { 14671 .product-wrapper .border:last-of-type { 14672 margin-left: 0; 14673 } 14674} 14675@media only screen and (max-width: 640px) { 14676 .product-wrapper .border:last-of-type { 14677 margin-left: 0; 14678 } 14679} 14680.product-wrapper.open .border { 14681 max-width: 100%; 14682 margin-left: 0; 14683} 14684.product-wrapper.open .border:last-of-type { 14685 margin-top: 35px; 14686 margin-bottom: 0; 14687} 14688.product-wrapper.open .border:first-of-type { 14689 margin-top: 0; 14690 margin-bottom: 15px; 14691} 14692.product-wrapper .collapser { 14693 z-index: 99; 14694 color: #757575; 14695 text-align: right; 14696 padding-right: 55px; 14697 display: none; 14698 font-size: 18px; 14699 font-weight: 300; 14700 cursor: pointer; 14701} 14702@media only screen and (min-width: 640px) and (max-width: 960px) { 14703 .product-wrapper .collapser { 14704 padding-right: 25px; 14705 } 14706} 14707@media only screen and (max-width: 640px) { 14708 .product-wrapper .collapser { 14709 padding-right: 0; 14710 } 14711} 14712/* Font Sizing */ 14713.text_small .product h2 { 14714 font-size: 26px; 14715} 14716.text_small .product .copy, 14717.text_small .product .data-sheets, 14718.text_small .product .pet-btn { 14719 font-size: 16px!important; 14720} 14721.text_small .product .copy { 14722 line-height: 30px; 14723} 14724.text_medium .product h2 { 14725 font-size: 28px !important; 14726} 14727.text_medium .product .copy, 14728.text_medium .product .data-sheets, 14729.text_medium .product .pet-btn { 14730 font-size: 18px!important; 14731} 14732.text_medium .product .copy { 14733 line-height: 32px; 14734} 14735.text_large .product h2 { 14736 font-size: 31px !important; 14737} 14738.text_large .product .copy, 14739.text_large .product .data-sheets, 14740.text_large .product .pet-btn { 14741 font-size: 21px!important; 14742} 14743.text_large .product .copy { 14744 line-height: 35px; 14745} 14746.product-list .el_content_item { 14747 margin-bottom: 0; 14748} 14749.reading_tools { 14750 width: 100%; 14751 height: 32px; 14752 position: relative; 14753 font-family: "Barlow", sans-serif; 14754} 14755.reading_tools span.pipe { 14756 float: right; 14757 line-height: 32px; 14758 margin-right: 6px; 14759 color: #4a4a4a; 14760} 14761.reading_tools .navigation { 14762 float: left; 14763} 14764.reading_tools .navigation .page_path { 14765 width: 600px; 14766 line-height: 32px; 14767 font-size: 16px; 14768} 14769.reading_tools .navigation .page_path a { 14770 color: #4a4a4a; 14771 text-decoration: none; 14772} 14773.reading_tools .navigation .page_path a:hover { 14774 text-decoration: none; 14775 color: #b880c3; 14776} 14777.reading_tools .navigation .page_path .current { 14778 color: #f45656; 14779 text-decoration: none; 14780} 14781.reading_tools .navigation .page_path .sep { 14782 margin: 0 5px 0 5px; 14783} 14784.reading_tools .share { 14785 float: right; 14786 line-height: 32px; 14787} 14788.reading_tools .print_page { 14789 float: right; 14790 margin-right: 6px; 14791 font-size: 16px; 14792} 14793.reading_tools .print_page a { 14794 color: #4a4a4a; 14795} 14796.reading_tools .print_page a:hover {
14797 color: #b880c3; 14798} 14799.reading_tools .text_size_options { 14800 float: right; 14801 margin-right: 6px; 14802 line-height: 32px; 14803} 14804@media only screen and (max-width: 1000px) { 14805 .responsive .reading_tools .navigation { 14806 padding-top: 13px; 14807 margin-bottom: 13px; 14808 display: block; 14809 width: 60%; 14810 display: flex; 14811 flex-direction: row; 14812 flex-wrap: wrap; 14813 justify-content: center; 14814 align-items: center; 14815 } 14816 .responsive .reading_tools .navigation .page_path { 14817 width: 100%; 14818 line-height: 1.3; 14819 } 14820 .responsive .reading_tools .navigation .page_path .home { 14821 display: none; 14822 } 14823 .responsive .reading_tools .navigation .page_path .sep:first-of-type { 14824 display: none; 14825 } 14826 .responsive .reading_tools .navigation .page_path .sep:after { 14827 content: " "; 14828 } 14829 .responsive .reading_tools .navigation .page_path a { 14830 white-space: nowrap; 14831 } 14832 .responsive .reading_tools .navigation .page_path .current { 14833 white-space: nowrap; 14834 } 14835 .responsive .reading_tools .print_page { 14836 display: none; 14837 clear: left; 14838 } 14839 .responsive .reading_tools span.pipe:first-of-type { 14840 display: none; 14841 } 14842} 14843@media only screen and (max-width: 667px) { 14844 .responsive .interior .header .options { 14845 margin-bottom: 52px; 14846 } 14847 .responsive .interior .header .options .navigation { 14848 display: block; 14849 float: none; 14850 width: 100%; 14851 } 14852 .responsive .interior .header .options .share { 14853 margin-right: 5px; 14854 } 14855 .responsive .interior .header .options .share .share_icons { 14856 order: 2; 14857 } 14858 .responsive .interior .header .options .share .share_icons .share_icons_text { 14859 display: none; 14860 } 14861 .responsive .interior .header .options .pipe { 14862 order: 1; 14863 margin-right: 5px; 14864 } 14865 .responsive .interior .header .options .text_size_options { 14866 order: 0; 14867 } 14868} 14869.responsive_header { 14870 display: none; 14871} 14872.responsive_header .bar { 14873 background: #333344; 14874 box-sizing: border-box; 14875 height: 49px; 14876 padding: 0 15px; 14877 position: relative; 14878 width: 100%; 14879 z-index: 15; 14880} 14881.responsive_header .bar.open { 14882 box-shadow: none; 14883} 14884.responsive_header .bar #menu_icon { 14885 display: inline-block; 14886 float: right; 14887 height: 49px; 14888 margin-left: 30px; 14889} 14890.responsive_header .bar #menu_icon span { 14891 color: rgba(255, 255, 255, 0.75); 14892 display: inline-block; 14893 font-size: 22px; 14894 line-height: 49px; 14895 vertical-align: middle; 14896} 14897.responsive_header .bar a.login { 14898 color: #ffffff; 14899 font-weight: bold; 14900 font-size: 14px; 14901 float: left; 14902 margin-top: 16px; 14903} 14904.responsive_header .bar #icons { 14905 *zoom: 1; 14906 display: inline-block; 14907 float: right; 14908 height: 49px; 14909 overflow: hidden; 14910 width: auto; 14911} 14912.responsive_header .bar #icons:before, 14913.responsive_header .bar #icons:after { 14914 content: " "; 14915 display: table; 14916 line-height: 0; 14917} 14918.responsive_header .bar #icons:after { 14919 clear: both; 14920} 14921.responsive_header .bar #icons .icon { 14922 color: #fff; 14923 float: right; 14924 font-size: 27px; 14925 line-height: 49px; 14926 margin-left: 12px; 14927 vertical-align: middle; 14928} 14929.responsive_header .bar #icons a { 14930 color: #fff; 14931} 14932.responsive_header .bar.menu_showing #menu_icon:before { 14933 content: "X"; 14934 font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 14935} 14936.responsive_header .menu { 14937 display: none; 14938 padding: 0; 14939 position: absolute; 14940 width: 100%; 14941 z-index: 15; 14942} 14943.responsive_header .menu > ul { 14944 margin: 0; 14945 padding-left: 0; 14946 list-style: none; 14947} 14948.responsive_header .menu > ul > li { 14949 background: rgba(119, 136, 85, 0.85); 14950 border-bottom: 1px solid #BBBB55; 14951} 14952.responsive_header .menu > ul > li > a { 14953 color: #ffffff; 14954 display: block; 14955 font-family: "Barlow", sans-serif; 14956 font-size: 21px; 14957 font-weight: normal; 14958 line-height: 1; 14959 padding: 15px; 14960} 14961.responsive_header .menu > ul > li > a.show_children { 14962 color: #ffffff; 14963 cursor: pointer; 14964 display: block; 14965 font-family: "Barlow", sans-serif; 14966 font-size: 21px; 14967 font-weight: normal; 14968 line-height: 1; 14969 width: auto; 14970} 14971.responsive_header .menu > ul > li > a.show_children.expanded { 14972 border-bottom-width: 0; 14973} 14974.responsive_header .menu > ul > li:last-of-type { 14975 border-bottom: none; 14976} 14977.responsive_header .menu > ul > li > ul { 14978 display: none; 14979 padding-left: 0; 14980} 14981.responsive_header .menu > ul > li > ul > li { 14982 background: rgba(255, 255, 255, 0.8); 14983 border-bottom: 1px solid #fff; 14984 box-sizing: border-box; 14985} 14986.responsive_header .menu > ul > li > ul > li > a { 14987 color: #445588; 14988 display: block; 14989 font-family: "Barlow", sans-serif; 14990 font-size: 19px; 14991 font-weight: normal; 14992 line-height: 1; 14993 padding: 15px 15px 15px 45px; 14994} 14995.responsive_header .menu > ul > li > ul > li > a.show_children { 14996 /*padding-left: 10px;*/ 14997 color: #445588; 14998 font-size: 19px; 14999} 15000.responsive_header .menu > ul > li > ul > li > a.show_children a { 15001 color: #445588; 15002 font-size: 19px; 15003} 15004.responsive_header .menu > ul > li > ul > li:first-of-type { 15005 border-top: 1px solid #BBBB55; 15006} 15007.responsive_header .menu > ul > li > ul > li:last-of-type { 15008 border-bottom: none; 15009} 15010.responsive_header .menu > ul > li > ul > li > ul { 15011 display: none; 15012 padding-left: 0; 15013} 15014.responsive_header .menu > ul > li > ul > li > ul > li { 15015 background-color: rgba(0, 0, 0, 0.95); 15016 border-bottom: 1px solid #000; 15017 box-sizing: border-box; 15018} 15019.responsive_header .menu > ul > li > ul > li > ul > li > a { 15020 color: #ffffff; 15021 display: block; 15022 font-family: "Barlow", sans-serif; 15023 font-size: 17px; 15024 font-weight: normal; 15025 line-height: 1; 15026 padding: 15px 15px 15px 75px; 15027} 15028.responsive_header .menu > ul > li > ul > li > ul > li:first-of-type { 15029 border-top: 1px solid #fff; 15030} 15031.responsive_header .menu > ul > li > ul > li > ul > li:last-of-type { 15032 border-bottom: none; 15033} 15034.responsive_header .menu > ul > li > ul > li > ul > li > ul { 15035 /*display: none;*/ 15036 padding-left: 0; 15037} 15038.responsive_header .menu > ul > li > ul > li > ul > li > ul > li { 15039 background-color: rgba(0, 0, 0, 0.95); 15040 border-bottom: 1px solid #000; 15041 box-sizing: border-box; 15042} 15043.responsive_header .menu > ul > li > ul > li > ul > li > ul > li > a { 15044 color: #ffffff; 15045 display: block; 15046 font-family: "Barlow", sans-serif; 15047 font-size: 17px; 15048 font-weight: normal; 15049 line-height: 1; 15050 padding: 15px 15px 15px 75px; 15051} 15052.responsive_header .menu > ul > li > ul > li > ul > li > ul > li > a:before { 15053 /*color: @copy_list_icon_color;*/ 15054 /*font-size: (@copy_size - 2);*/ 15055 content: "\002022"; 15056 padding-left: -12; 15057 padding-right: 5px; 15058} 15059.responsive_header .menu > ul > li > ul > li > ul > li > ul > li:first-of-type { 15060 border-top: 1px solid #fff; 15061} 15062.responsive_header .menu > ul > li > ul > li > ul > li > ul > li:last-of-type { 15063 border-bottom: none; 15064} 15065.responsive_header .menu .extras { 15066 background-color: #333344; 15067 border-top: 1px solid #000; 15068 padding: 15px; 15069} 15070.responsive_header .menu .extras .search_form { 15071 margin-bottom: 20px; 15072} 15073.responsive_header .menu .extras .search_form .search { 15074 align-items: center; 15075 display: flex; 15076 flex-direction: row; 15077 flex-wrap: nowrap; 15078 justify-content: flex-start; 15079} 15080.responsive_header .menu .extras .search_form .search .field { 15081 border-radius: 0; 15082 border: 1px solid #333344; 15083 box-sizing: border-box; 15084 font-family: "Barlow", sans-serif; 15085 font-size: 21px; 15086 height: 29px; 15087 line-height: 29px; 15088 margin: 0; 15089 padding: 0 14px; 15090 position: relative; 15091 width: 100%; 15092} 15093.responsive_header .menu .extras .search_form .search .field:-moz-placeholder { 15094 color: #333344; 15095} 15096.responsive_header .menu .extras .search_form .search .field::-moz-placeholder { 15097 color: #333344; 15098} 15099.responsive_header .menu .extras .search_form .search .field:-ms-input-placeholder { 15100 color: #333344; 15101} 15102.responsive_header .menu .extras .search_form .search .field::-webkit-input-placeholder { 15103 color: #333344; 15104} 15105.responsive_header .menu .extras .search_form .search .submit { 15106 background: #333344; 15107 border: none; 15108 border-radius: 0; 15109 color: #ffffff; 15110 font-family: "Barlow", sans-serif; 15111 font-size: 12px; 15112 height: 29px; 15113 width: 29px; 15114} 15115.responsive_header .menu .extras .search_form .search .field:focus, 15116.responsive_header .menu .extras .search_form .search .submit:focus { 15117 outline: none; 15118} 15119.responsive_header .menu .extras .social { 15120 *zoom: 1; 15121} 15122.responsive_header .menu .extras .social:before, 15123.responsive_header .menu .extras .social:after {
15124 content: " "; 15125 display: table; 15126 line-height: 0; 15127} 15128.responsive_header .menu .extras .social:after { 15129 clear: both; 15130} 15131.responsive_header .menu .extras .social .icon { 15132 float: right; 15133 font-size: 27px; 15134 margin-left: 12px; 15135 margin-top: 0; 15136} 15137.responsive_header .menu .extras .social a { 15138 color: #ffffff; 15139} 15140#overlay { 15141 background-color: #000; 15142 bottom: 0%; 15143 display: none; 15144 left: 0%; 15145 opacity: 0.8; 15146 position: fixed; 15147 right: 0%; 15148 top: 0%; 15149 z-index: 14; 15150} 15151@media only screen and (max-width: 1000px) { 15152 .responsive_header { 15153 display: block; 15154 } 15155} 15156.logo_b { 15157 position: relative; 15158 max-height: 60px; 15159 display: block; 15160} 15161@media only screen and (max-width: 960px) { 15162 .logo_b { 15163 height: auto; 15164 } 15165} 15166.logo_b .desktop-logo { 15167 display: block!important; 15168 width: 100%; 15169 max-width: 195px; 15170 height: 60px; 15171} 15172.scrolled .logo_b .desktop-logo { 15173 display: none!important; 15174} 15175@media only screen and (max-width: 1250px) { 15176 .interior_page .logo_b .desktop-logo { 15177 display: none!important; 15178 } 15179} 15180.logo_b .mobile-logo { 15181 display: none; 15182 width: 100%; 15183 height: 17px; 15184 display: none!important; 15185} 15186.scrolled .logo_b .mobile-logo, 15187.interior_page .logo_b .mobile-logo { 15188 display: block!important; 15189} 15190.logo_b .logos { 15191 transition: max-width 0.25s ease; 15192 max-width: 195px; 15193 overflow: hidden; 15194 text-align: center; 15195} 15196.logo_b .logos.small { 15197 max-width: 35px; 15198} 15199.logo_b .logos img { 15200 border-radius: 0; 15201} 15202.responsive .logo_b { 15203 width: 100%; 15204 text-align: center; 15205} 15206@media only screen and (max-width: 1250px) { 15207 .responsive header.scrolled { 15208 height: 50px; 15209 } 15210 .responsive header.scrolled .mobile-top { 15211 height: 161px; 15212 } 15213 .responsive header.scrolled .mobile-top .bar.open .nav-wrapper .mobile_nav #mobile_menu_icon .hamburger { 15214 top: 0; 15215 } 15216 .responsive header.scrolled .mobile-top .bar.open .mobile-brand-logo { 15217 display: none; 15218 } 15219} 15220.search_box label { 15221 display: none; 15222} 15223.search_box input.field { 15224 border-radius: 0; 15225 line-height: 20px; 15226 height: 20px; 15227 box-shadow: none; 15228 border: none; 15229 padding-left: 0.5em; 15230 padding-right: 0.5em; 15231} 15232.search_box input.field.error { 15233 background: #f45656; 15234} 15235.search_box input.field:focus { 15236 outline: none; 15237} 15238.search_box input.submit { 15239 display: none; 15240} 15241.search-box-container { 15242 transition: max-width 0.25s ease; 15243 padding-left: 30px; 15244 position: relative; 15245 top: 6px; 15246 left: 6px; 15247 overflow: hidden; 15248 display: inline-block; 15249 max-width: 200px; 15250} 15251.safari .search-box-container { 15252 top: 0; 15253} 15254.search-box-container .search-toggle { 15255 cursor: pointer; 15256 width: 30px; 15257 text-align: center; 15258 transition: color 0.25s ease; 15259 color: white; 15260 position: absolute; 15261 left: 0; 15262} 15263.search-box-container .search-toggle:hover {
15264 color: #0ecdd7; 15265} 15266.search-box-container .search-toggle .fa { 15267 font-size: 16px; 15268} 15269.search-box-container.collapsed { 15270 max-width: 0; 15271} 15272.search_dynamic input.field { 15273 border-radius: 0; 15274 border: 1px solid #bdbdbd !important; 15275 box-shadow: inset 0px 1px 6px #ccc !important; 15276 box-sizing: border-box; 15277 color: #4a4a4a; 15278 display: none; 15279 font-size: 14px; 15280 padding: 2px 4px 2px !important; 15281 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 15282 width: 138px; 15283} 15284.search_dynamic input.field:focus { 15285 border: 1px solid #1BD9A6 !important; 15286 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3) !important; 15287 outline: none; 15288} 15289.ui-autocomplete { 15290 border: 1px solid #ccc; 15291 padding: 0; 15292} 15293.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { 15294 background: #bdbdbd; 15295 border: 1 px solid #4a4a4a; 15296 box-sizing: border-box; 15297 color: #4a4a4a; 15298 font-family: "Barlow", sans-serif; 15299 font-size: 20px; 15300 padding: 7px 20px; 15301} 15302.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active { 15303 border: 1 px solid #f45656; 15304 background: #f45656; 15305} 15306.share_icons { 15307 font-size: 16px; 15308 width: 100%; 15309 position: absolute; 15310 right: 0; 15311 top: -50px; 15312 *zoom: 1; 15313} 15314.share_icons:before, 15315.share_icons:after { 15316 content: " "; 15317 display: table; 15318 line-height: 0; 15319} 15320.share_icons:after { 15321 clear: both; 15322} 15323@media only screen and (max-width: 640px) { 15324 .share_icons { 15325 display: none; 15326 } 15327} 15328.share_icons .share_icons_text { 15329 float: left; 15330 margin-right: 10px; 15331 color: #4a4a4a; 15332} 15333.share_icons .share_icons_icons { 15334 font-size: 16px; 15335 float: right; 15336} 15337.share_icons .share_icons_icons a { 15338 font-family: "Barlow", sans-serif; 15339 color: #4a4a4a; 15340 margin-right: 20px; 15341 font-size: 14px; 15342 font-weight: 500; 15343 line-height: 14px; 15344 letter-spacing: -0.35px; 15345} 15346.share_icons .share_icons_icons a:before { 15347 font-family: 'FontAwesome'; 15348 font-size: 18px; 15349 color: #BBBBBB; 15350 margin-right: 5px; 15351} 15352.share_icons .share_icons_icons a:last-child { 15353 margin-right: 0; 15354} 15355.share_icons .share_icons_icons a:hover { 15356 text-decoration: none; 15357 color: #1BD9A6; 15358} 15359.side_menu { 15360 position: relative; 15361} 15362.side_menu ul { 15363 margin: 0; 15364 padding: 0; 15365 list-style: none; 15366 font-family: "Barlow", sans-serif; 15367 font-size: 14px; 15368 font-style: normal; 15369 font-weight: normal; 15370} 15371.side_menu ul li { 15372 line-height: 1.2; 15373} 15374.side_menu ul li ul { 15375 margin-left: 12px; 15376 margin-top: 5px; 15377 margin-bottom: 10px; 15378} 15379.side_menu ul li ul a { 15380 color: #474747; 15381 display: block; 15382 margin-bottom: 5px; 15383} 15384.side_menu ul li ul a.active { 15385 color: #006D8E; 15386 background: none; 15387} 15388.side_menu ul li ul a:hover { 15389 color: #006D8E; 15390} 15391.side_menu ul a { 15392 display: block; 15393 color: #474747; 15394 margin-bottom: 5px; 15395 margin-left: -3px; 15396 padding: 0px 3px; 15397} 15398.side_menu ul a:hover { 15399 color: #006D8E; 15400} 15401.side_menu ul a.active { 15402 font-family: "Barlow", sans-serif; 15403 color: #006D8E; 15404} 15405.side_menu ul a.active:hover {
15406 color: #006D8E; 15407} 15408.side_menu ul a.active.parent { 15409 background: red; 15410 color: #474747; 15411} 15412.side_menu ul a.parent { 15413 margin-bottom: 2px; 15414} 15415@media only screen and (max-width: 1000px) { 15416 .responsive .side_menu { 15417 width: 90%; 15418 margin: 0 auto 0 auto; 15419 } 15420} 15421#side_menu_format_edit { 15422 position: absolute; 15423 top: -10px; 15424} 15425#sidebar_featured { 15426 position: relative; 15427} 15428.sidebar_featured { 15429 width: 230px; 15430 position: relative; 15431 *zoom: 1; 15432} 15433.sidebar_featured:before, 15434.sidebar_featured:after { 15435 content: " "; 15436 display: table; 15437 line-height: 0; 15438} 15439.sidebar_featured:after { 15440 clear: both; 15441} 15442.sidebar_featured .feature { 15443 position: relative; 15444 width: 230px; 15445 height: auto; 15446} 15447.sidebar_featured .feature img { 15448 width: 230px; 15449 height: 150px; 15450 position: relative; 15451 margin-bottom: 15px; 15452} 15453.sidebar_featured .feature .info { 15454 width: 230px; 15455 height: auto; 15456 position: relative; 15457 -webkit-box-sizing: border-box; 15458 -moz-box-sizing: border-box; 15459 box-sizing: border-box; 15460 padding: 0 0 0 0; 15461} 15462.sidebar_featured .feature .info .title { 15463 font-family: "Barlow", sans-serif; 15464 font-size: 15px; 15465 font-style: 0; 15466 font-weight: 0; 15467 line-height: 22px; 15468 color: #005d7b; 15469 margin-bottom: 6px; 15470} 15471.sidebar_featured .feature .info .copy { 15472 font-family: "Barlow", sans-serif; 15473 font-size: 12px; 15474 font-style: normal; 15475 font-weight: normal; 15476 line-height: 14px; 15477 color: #737373; 15478 /*margin-bottom: 27px;*/ 15479 margin-bottom: 0; 15480} 15481.sidebar_featured .feature:hover > .info .title { 15482 color: #000000; 15483} 15484@media only screen and (max-width: 1000px) { 15485 .responsive .sidebar_featured { 15486 width: 90%; 15487 margin: 0 auto 0 auto; 15488 text-align: center; 15489 } 15490 .responsive .sidebar_featured .feature { 15491 width: 100%; 15492 } 15493 .responsive .sidebar_featured .feature img { 15494 width: 100%; 15495 max-width: 345px; 15496 height: auto; 15497 } 15498 .responsive .sidebar_featured .info { 15499 width: 100%; 15500 } 15501} 15502#sidebar_featured_edit.el_popup { 15503 margin-bottom: 0; 15504} 15505.signup-form { 15506 margin: 0 0 45px; 15507 position: relative; 15508} 15509.signup-form .signup-form__heading { 15510 font-size: 18px; 15511 line-height: 1; 15512 margin: 0 0 10px; 15513} 15514.signup-form .signup-form__label { 15515 display: block; 15516 font-size: 13px; 15517 line-height: 1.2; 15518 margin: 0 0 20px; 15519 width: 100%; 15520} 15521.signup-form .signup-form__email { 15522 border-radius: 3px; 15523 box-shadow: none; 15524 box-sizing: border-box; 15525 display: inline-block; 15526 font-size: 15px !important; 15527 height: 30px; 15528 padding: 5.5px 5px; 15529 transition: all 0.2s ease-in-out; 15530 width: 200px; 15531} 15532.signup-form .signup-form__email.error { 15533 background-color: #f20000; 15534 color: #ffffff; 15535} 15536.signup-form .signup-form__email:focus { 15537 outline: none; 15538} 15539.signup-form input.submit { 15540 box-shadow: none; 15541 box-sizing: border-box; 15542 display: inline-block; 15543 font-size: 17px !important; 15544 height: 30px; 15545 background-color: #ffffff; 15546 color: #006d8e; 15547 border: none!important; 15548} 15549.signup-form input.submit:hover { 15550 background-color: #c6c6c6; 15551 color: #ffffff; 15552} 15553.signup-form a.go { 15554 border: none; 15555 box-sizing: border-box; 15556 display: none; 15557 height: 22px; 15558 margin: 0; 15559 padding-left: 4px; 15560 position: absolute; 15561 width: 22px; 15562} 15563.signup-form a.go::after { 15564 -webkit-font-smoothing: antialiased; 15565 color: #07D; 15566 content: "\f144"; 15567 float: right; 15568 font-family: 'FontAwesome'; 15569 font-size: 22px; 15570 font-style: normal; 15571 font-weight: 400; 15572 line-height: 22px; 15573 text-align: center; 15574 text-rendering: auto; 15575 width: 100%; 15576} 15577.all_bottom .inline_menu { 15578 margin-top: 5px; 15579 clear: both; 15580} 15581.all_bottom .inline_menu .sitemap-section { 15582 list-style-type: none; 15583 padding-left: 0; 15584 margin-top: 19px; 15585 font-size: 16px; 15586} 15587.all_bottom .inline_menu .sitemap-section li { 15588 margin-bottom: 10px; 15589} 15590.all_bottom .inline_menu .sitemap-section li a { 15591 transition: color 0.25s ease; 15592 color: #f45656; 15593} 15594.all_bottom .inline_menu .sitemap-section li a:hover { 15595 color: #D8D8D8; 15596} 15597.all_bottom .inline_menu .sitemap-section.extra_links { 15598 line-height: 24px; 15599 margin-top: 0; 15600} 15601@media only screen and (max-width: 960px) { 15602 .all_bottom .inline_menu { 15603 padding: 18px; 15604 } 15605} 15606@media only screen and (max-width: 640px) { 15607 .all_bottom .inline_menu { 15608 padding: 25px 0; 15609 } 15610} 15611@media only screen and (hover: none) { 15612 .inline_menu .sitemap-section li a { 15613 color: #f45656; 15614 } 15615 .inline_menu .sitemap-section li a:hover { 15616 color: #000000; 15617 } 15618} 15619#menu_format_edit { 15620 position: absolute; 15621} 15622#skip_navigation { 15623 z-index: 500; 15624 top: 0; 15625 left: -500px; 15626 padding: 15px; 15627 background-color: #f45656; 15628 color: #fff; 15629 font-size: 12px; 15630 font-family: "Barlow", sans-serif; 15631 font-weight: bold; 15632 text-transform: uppercase; 15633} 15634#skip_navigation:hover, 15635#skip_navigation:focus { 15636 position: absolute; 15637 top: 0; 15638 left: 0; 15639 color: #eeeeee; 15640} 15641#slides { 15642 position: relative; 15643 clear: both; 15644} 15645#slides .slides { 15646 position: relative; 15647 min-height: 44.6vw; 15648} 15649#slides .slides .slides_item { 15650 width: 100%; 15651 height: 855px; 15652 position: relative; 15653 top: 0; 15654 left: 0; 15655 display: none; 15656} 15657#slides .slides .slides_item.initial { 15658 display: block; 15659} 15660#slides .slides .slides_item.initial .loading { 15661 font-size: 64px; 15662 color: #4a4a4a; 15663 width: 100%; 15664 text-align: center; 15665 position: absolute; 15666 top: 40%; 15667 left: 0; 15668 right: 0; 15669} 15670#slides .slides .slides_item .slide_image { 15671 display: block; 15672 float: left; 15673 height: auto; 15674 min-height: 855px; 15675 min-width: 1000px; 15676 overflow: hidden; 15677 position: relative; 15678 text-align: center; 15679 width: 100%; 15680} 15681#slides .slides .slides_item .slide_image img { 15682 max-width: none; 15683 width: 1440px; 15684 height: auto; 15685 margin-left: auto; 15686 margin-right: auto; 15687} 15688#slides .slides .slides_item .slide_image img.narrow { 15689 display: none; 15690 max-width: 375px; 15691 max-height: 584px; 15692 height: auto; 15693 width: 100%; 15694} 15695#slides .slides .slides_item .slide_image .photo_video { 15696 position: absolute; 15697 top: 0; 15698 left: 0; 15699 right: 0; 15700 background-color: transparent; 15701 display: none; 15702} 15703#slides .slides .slides_item .slide_image .photo_video.mp4 { 15704 display: block; 15705} 15706#slides .slides .slides_item .slide_image .photo_video.mp4 video { 15707 margin-top: -6%; 15708} 15709@media only screen and (max-width: 959px) { 15710 #slides .slides .slides_item .slide_image .photo_video.mp4 { 15711 display: none !important; 15712 } 15713 #slides .slides .slides_item .slide_image .photo_video.mp4 video { 15714 margin-top: 0; 15715 } 15716} 15717#slides .slides .slides_item.overlay .slide_image { 15718 z-index: 1; 15719} 15720#slides .slides .slides_item.overlay:before { 15721 background: no-repeat 50% 0; 15722 background-size: 1440px auto; 15723 bottom: 0; 15724 content: ""; 15725 display: block; 15726 left: 0; 15727 position: absolute; 15728 right: 0; 15729 top: 0; 15730 z-index: 3; 15731} 15732#slides .slides .slides_item .photo_video_click { 15733 position: absolute; 15734 top: 0; 15735 left: 0; 15736 right: 0; 15737 bottom: 0; 15738 z-index: 4; 15739 background-color: transparent; 15740} 15741#slides .slides .slides_item .content_wrapper { 15742 position: absolute; 15743 top: 0; 15744 right: 0; 15745 bottom: 0; 15746 left: 0; 15747 width: 100%; 15748 height: 100%; 15749 padding: 0; 15750} 15751#slides .slides .slides_item .content { 15752 -webkit-box-sizing: border-box; 15753 -moz-box-sizing: border-box; 15754 box-sizing: border-box; 15755 position: relative; 15756 top: 50%; 15757 transform: translateY(-50%); 15758 height: auto; 15759 padding: 0; 15760 text-align: left; 15761 width: 100%; 15762 max-width: 1000px; 15763 margin: 0 auto; 15764 text-align: center; 15765} 15766#slides .slides .slides_item .content .wrapper { 15767 max-width: 1000px; 15768 width: 100%; 15769 height: auto; 15770 margin: 0; 15771 padding: 0; 15772} 15773#slides .slides .slides_item .content .wrapper .headline { 15774 font-size: 58px; 15775 line-height: 70px; 15776 color: #ffffff; 15777 text-transform: uppercase; 15778 letter-spacing: 8.7px; 15779 font-weight: 600; 15780} 15781#slides .slides .slides_item .content .wrapper .headline p { 15782 margin-bottom: 0; 15783} 15784#slides .slides .slides_item .content .wrapper .headline .brush { 15785 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 15786 font-weight: normal; 15787 font-style: normal; 15788 font-size: 240px; 15789 line-height: 122px; 15790 text-transform: none; 15791 letter-spacing: normal; 15792 white-space: nowrap; 15793} 15794#slides .slides .slides_item .content .wrapper .copy { 15795 font-size: 20px; 15796 line-height: 28px; 15797 color: #ffffff; 15798 margin: 20px auto 40px; 15799 max-width: 675px; 15800 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); 15801} 15802#slides .slides .slides_item .content .wrapper .copy p { 15803 margin-bottom: 0; 15804} 15805#slides .slides .slides_item .content .wrapper .btn { 15806 margin: 0; 15807 color: #f45656; 15808 background-color: #ffffff; 15809 margin-right: 22px; 15810 margin-bottom: 22px; 15811} 15812#slides .slides .slides_item .content .wrapper .btn:last-child { 15813 margin-right: 0; 15814} 15815#slides .slides .slides_item .content .wrapper .btn:hover { 15816 background-color: #f45656; 15817 color: #ffffff; 15818} 15819#slides .slides .slides_item .arrow { 15820 display: none; 15821} 15822#slides .slides .slides_video { 15823 position: relative; 15824 display: none; 15825 overflow: hidden; 15826} 15827#slides .slides .slides_video video { 15828 margin-top: -6%; 15829 margin-bottom: -6%; 15830 width: 100%; 15831} 15832#slides .slides.scaled { 15833 width: auto; 15834 height: auto; 15835} 15836#slides .slides.scaled .slides_item { 15837 width: auto; 15838 height: auto; 15839 *zoom: 1; 15840} 15841#slides .slides.scaled .slides_item:before, 15842#slides .slides.scaled .slides_item:after {
15843 content: " "; 15844 display: table; 15845 line-height: 0; 15846} 15847#slides .slides.scaled .slides_item:after { 15848 clear: both; 15849} 15850#slides .slides.scaled .slides_item .slide_image { 15851 min-width: 0; 15852 min-height: 0; 15853} 15854#slides .slides.scaled .slides_item .slide_image img { 15855 max-width: none; 15856 width: 100%; 15857 height: auto; 15858 border-radius: 0; 15859} 15860#slides .slides.scaled .slides_item .slide_image img.narrow { 15861 max-width: none; 15862 max-height: none; 15863} 15864#slides .slides.scaled .slides_item .arrow.prev { 15865 top: 45%; 15866} 15867#slides .slides.scaled .slides_item .arrow.next { 15868 top: 45%; 15869} 15870#slides .slides_nav_wrapper { 15871 position: relative; 15872 width: 100%; 15873} 15874#slides .slides_nav_wrapper .slides_nav { 15875 width: 100%; 15876 max-width: 300px; 15877 height: 30px; 15878 position: absolute; 15879 text-align: right; 15880 *zoom: 1; 15881} 15882#slides .slides_nav_wrapper .slides_nav:before, 15883#slides .slides_nav_wrapper .slides_nav:after { 15884 content: " "; 15885 display: table; 15886 line-height: 0; 15887} 15888#slides .slides_nav_wrapper .slides_nav:after { 15889 clear: both; 15890} 15891@media only screen and (min-width: 751px) { 15892 #slides .slides_nav_wrapper .slides_nav { 15893 display: block; 15894 top: -100px; 15895 right: 7vw; 15896 } 15897} 15898#slides .slides_nav_wrapper .slides_nav .nav_item { 15899 display: inline-table; 15900 width: 21px; 15901 height: 21px; 15902 background-color: #D8D8D8; 15903 position: relative; 15904 margin-right: 12px; 15905 border-radius: 100%; 15906} 15907#slides .slides_nav_wrapper .slides_nav .nav_item:hover {
15908 cursor: pointer; 15909 background-color: #b880c3; 15910} 15911#slides .slides_nav_wrapper .slides_nav .nav_item.active { 15912 background-color: transparent; 15913 width: 12px; 15914 height: 12px; 15915 border: 5px solid #D8D8D8; 15916} 15917#slides_edit { 15918 position: absolute; 15919 bottom: 0; 15920 left: 0; 15921} 15922@media only screen and (max-width: 1200px) { 15923 #slides .slides { 15924 width: 100%; 15925 min-width: 0; 15926 max-width: 100%; 15927 height: auto; 15928 margin: 0 auto; 15929 } 15930 #slides .slides .slides_item { 15931 width: 100%; 15932 min-width: 0; 15933 max-width: 100%; 15934 height: auto; 15935 } 15936 #slides .slides .slides_item .slide_image { 15937 width: 100%; 15938 min-width: 0; 15939 max-width: 100%; 15940 height: auto; 15941 min-height: 0; 15942 float: none; 15943 overflow: hidden; 15944 } 15945 #slides .slides .slides_item .slide_image img.full { 15946 height: auto; 15947 min-height: 0; 15948 min-width: 200vw; 15949 max-width: 200vw; 15950 } 15951 #slides .slides .slides_item .content_wrapper .content { 15952 display: block; 15953 top: 56%; 15954 bottom: auto; 15955 left: auto; 15956 position: relative; 15957 width: 100%; 15958 } 15959 #slides .slides .slides_item .content_wrapper .content .wrapper { 15960 position: relative; 15961 width: auto; 15962 padding: 0 20px; 15963 top: 0; 15964 bottom: 0; 15965 left: 0; 15966 text-align: center; 15967 } 15968 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 15969 font-size: 45px; 15970 letter-spacing: 3.65px; 15971 line-height: 60px; 15972 } 15973 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 15974 font-size: 200px; 15975 line-height: 72px; 15976 } 15977 #slides .slides .slides_item .content_wrapper .content .wrapper .copy { 15978 margin-bottom: 24px; 15979 margin-left: auto; 15980 margin-right: auto; 15981 font-size: 16px; 15982 line-height: 23px; 15983 padding: 0 20px; 15984 max-width: 600px; 15985 } 15986 #slides .slides .slides_item .content_wrapper .content .wrapper .btn { 15987 margin-top: 0; 15988 /*margin-bottom: 0;*/ 15989 } 15990 #slides .slides .slides_item .content_wrapper:before { 15991 background-size: 100% auto; 15992 } 15993 #slides .slides .slides_item.overlay:before { 15994 background-size: 200vw auto; 15995 } 15996 #slides .slides.scaled .slides_item .slide_image img.full { 15997 height: auto; 15998 min-width: 0; 15999 max-width: none; 16000 } 16001} 16002@media only screen and (max-width: 899px) { 16003 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16004 font-size: 40px; 16005 } 16006 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16007 font-size: 140px; 16008 } 16009} 16010@media only screen and (max-width: 767px) { 16011 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16012 font-size: 35px; 16013 } 16014 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16015 font-size: 130px; 16016 } 16017} 16018@media only screen and (max-width: 750px) { 16019 #slides .slides .slides_item.initial { 16020 display: block; 16021 } 16022 #slides .slides .slides_item.initial .loading { 16023 font-size: 32px; 16024 } 16025 #slides .slides .slides_item .slide_image { 16026 float: none; 16027 } 16028 #slides .slides .slides_item .slide_image img.full { 16029 display: none; 16030 } 16031 #slides .slides .slides_item .slide_image img.narrow { 16032 display: inline; 16033 } 16034 #slides .slides .slides_item.overlay:before { 16035 background-size: 100% auto; 16036 } 16037 #slides .slides_nav_wrapper { 16038 position: static; 16039 margin-top: -40px; 16040 } 16041 #slides .slides_nav_wrapper .slides_nav { 16042 position: static; 16043 width: auto; 16044 margin: 0 auto; 16045 text-align: center; 16046 } 16047} 16048@media only screen and (max-width: 699px) { 16049 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16050 font-size: 30px; 16051 line-height: 40px; 16052 } 16053 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16054 font-size: 115px; 16055 line-height: 57px; 16056 } 16057} 16058@media only screen and (max-width: 599px) { 16059 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16060 font-size: 30px; 16061 } 16062 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16063 font-size: 110px; 16064 } 16065} 16066@media only screen and (max-width: 424px) { 16067 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16068 font-size: 25px; 16069 line-height: 29px; 16070 } 16071 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16072 font-size: 90px; 16073 line-height: 46px; 16074 } 16075} 16076@media only screen and (max-width: 374px) { 16077 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16078 font-size: 20px; 16079 } 16080 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16081 font-size: 85px; 16082 } 16083} 16084.ie8 .slides .slides_item .content, 16085.ie7 .slides .slides_item .content, 16086.ie6 .slides .slides_item .content { 16087 background-color: #ccc; 16088} 16089#menu_format_edit { 16090 position: absolute; 16091} 16092.social_icons { 16093 display: inline-block; 16094 font-size: 30px; 16095 width: 100%; 16096} 16097.social_icons a { 16098 height: auto; 16099 color: #ffffff; 16100 margin-right: 10px; 16101} 16102.social_icons a:hover {
16103 color: #0ecdd7; 16104 text-decoration: none; 16105} 16106.social_icons a:last-child { 16107 margin-right: 0; 16108} 16109.social_icons a:before { 16110 font-family: 'FontAwesome'; 16111} 16112.social_icons a:hover { 16113 text-decoration: none; 16114} 16115.mobile_menu .social_icons { 16116 text-align: center; 16117} 16118.sponsor_level { 16119 max-width: 1000px; 16120 margin: 53px auto 0; 16121} 16122.sponsor_level .sponsor_title { 16123 font-weight: 700; 16124 color: #4a4a4a; 16125 font-size: 22px; 16126 line-height: 24px; 16127 text-align: center; 16128} 16129.sponsors { 16130 position: relative; 16131 text-align: center; 16132 min-height: 0; 16133 height: auto; 16134 margin: 40px auto 29px; 16135} 16136.sponsors .sponsor { 16137 *zoom: 1; 16138 background: no-repeat center; 16139 background-size: contain; 16140 display: inline-block; 16141 font-family: "Barlow", sans-serif; 16142 line-height: 1.4; 16143 margin-bottom: 0; 16144 position: relative; 16145 width: 100%; 16146 height: 100px; 16147} 16148.sponsors .sponsor:before, 16149.sponsors .sponsor:after { 16150 content: " "; 16151 display: table; 16152 line-height: 0; 16153} 16154.sponsors .sponsor:after { 16155 clear: both; 16156} 16157.sponsors .sponsor a { 16158 color: #f45656; 16159} 16160.sponsors .sponsor .label { 16161 display: none; 16162} 16163.sponsors .sponsor.text { 16164 background-image: none; 16165} 16166.sponsors .sponsor.text .label { 16167 background: none; 16168 bottom: auto; 16169 display: block; 16170 height: 120px; 16171 left: auto; 16172 line-height: 120px; 16173 position: relative; 16174 right: auto; 16175} 16176@media only screen and (max-width: 1000px) { 16177 .sponsor_level { 16178 margin-top: 41px; 16179 } 16180 .sponsor_level .sponsors { 16181 margin: 0; 16182 } 16183} 16184#sponsors_chairmans_circle_edit, 16185#sponsors_presidential_partners_edit, 16186#sponsors_chairmans_club_edit { 16187 left: 0; 16188 position: absolute; 16189 top: 0; 16190} 16191.testimonial { 16192 -webkit-box-sizing: border-box; 16193 -moz-box-sizing: border-box; 16194 box-sizing: border-box; 16195 padding-top: 35px; 16196 position: relative; 16197 float: left; 16198 width: 226px; 16199 height: auto; 16200} 16201.testimonial .quote { 16202 width: 226px; 16203 height: -159px; 16204 overflow: hidden; 16205 position: relative; 16206 font-family: "Barlow", sans-serif; 16207 font-size: 29px; 16208 font-weight: 0; 16209 font-style: italic; 16210 line-height: 40px; 16211 color: #f45656; 16212 margin-bottom: 0px; 16213 text-align: center; 16214} 16215.testimonial .attribution { 16216 font-family: "Barlow", sans-serif; 16217 font-size: 29px; 16218 font-weight: 0; 16219 font-style: italic; 16220 line-height: 40px; 16221 color: #737373; 16222 margin-bottom: 35px; 16223 text-align: center; 16224} 16225.testimonial .testimonial_link { 16226 display: block; 16227 width: 202px; 16228 height: 25px; 16229 position: relative; 16230 margin-left: auto; 16231 margin-right: auto; 16232 font-family: 0; 16233 font-size: 14px; 16234 font-weight: 0; 16235 font-style: 0; 16236 line-height: 25px; 16237 color: #9a1f25; 16238 text-align: center; 16239 border: 1px solid #dddddd; 16240} 16241#testimonial_edit { 16242 position: absolute; 16243 left: 0; 16244 top: 0; 16245} 16246@media only screen and (max-width: 1000px) { 16247 .responsive .testimonial { 16248 width: auto; 16249 height: auto; 16250 display: block; 16251 float: none; 16252 margin: 0 0 45px 0; 16253 } 16254 .responsive .testimonial .quote { 16255 width: auto; 16256 height: auto; 16257 overflow: automatic; 16258 } 16259 .responsive .testimonial .attribution { 16260 width: auto; 16261 height: auto; 16262 } 16263} 16264.text_size { 16265 position: relative; 16266 margin-right: 4px; 16267} 16268.text_size .selector { 16269 position: relative; 16270} 16271.text_size a.size { 16272 color: #4a4a4a; 16273 margin-right: 2px; 16274} 16275.text_size a.size.small { 16276 font-size: 18px; 16277} 16278.text_size a.size.small:hover {
16279 color: #f45656; 16280} 16281.text_size a.size.small.active { 16282 color: #f45656; 16283 font-weight: bold; 16284} 16285.text_size a.size.medium { 16286 font-size: 20px; 16287} 16288.text_size a.size.medium:hover { 16289 color: #f45656; 16290} 16291.text_size a.size.medium.active { 16292 color: #f45656; 16293 font-weight: bold; 16294} 16295.text_size a.size.large { 16296 font-size: 22px; 16297 margin-right: 0px; 16298} 16299.text_size a.size.large:hover { 16300 color: #f45656; 16301} 16302.text_size a.size.large.active { 16303 color: #f45656; 16304 font-weight: bold; 16305} 16306.tweets .tweets-header h1, 16307.tweets .tweets-header h2, 16308.tweets .tweets-header h3, 16309.tweets .tweets-header h4, 16310.tweets .tweets-header h5, 16311.tweets .tweets-header h6 { 16312 text-align: left; 16313} 16314.tweets .tweets-header .subhead { 16315 font-size: 1.25rem; 16316 line-height: 2.75rem; 16317} 16318.tweets .tweet-container { 16319 border-radius: 5px; 16320} 16321body.viewonly_content .mobile_nav { 16322 display: none; 16323} 16324body.viewonly_content header { 16325 display: none; 16326} 16327body.viewonly_content footer { 16328 display: none; 16329} 16330body.viewonly_content #interior .header { 16331 display: none; 16332} 16333body.viewonly_content #interior .interior { 16334 padding: 20px 0; 16335} 16336body.viewonly_content #interior_left { 16337 display: none; 16338} 16339body.viewonly_content #interior_right { 16340 display: none; 16341} 16342body.viewonly_content #photo_heading { 16343 display: none; 16344} 16345.external_login.mobile, 16346.external_login.full { 16347 display: none; 16348 position: absolute; 16349} 16350.external_login.mobile { 16351 z-index: 99; 16352 top: 0; 16353 right: 0; 16354 background-color: #000000; 16355 border-radius: 0; 16356} 16357.external_login.mobile .type label { 16358 color: #fff; 16359} 16360.login_container { 16361 display: block; 16362 position: relative; 16363 width: 100%; 16364 max-width: 1042px; 16365 margin: 0 auto; 16366} 16367.scrolled .login_container { 16368 display: none; 16369} 16370.external_login { 16371 background-color: #ffffff; 16372 padding: 15px 21px 6px; 16373 max-width: 360px; 16374 font-size: 14px; 16375 -moz-border-radius: 0 0 4px 4px; 16376 -webkit-border-radius: 0 0 4px 4px; 16377 border-radius: 0 0 4px 4px; 16378 /*Change text in autofill textbox*/ 16379} 16380.external_login form { 16381 *zoom: 1; 16382 margin-bottom: 14px; 16383 max-width: 360px; 16384} 16385.external_login form:before, 16386.external_login form:after { 16387 content: " "; 16388 display: table; 16389 line-height: 0; 16390} 16391.external_login form:after { 16392 clear: both; 16393} 16394.external_login .type label { 16395 white-space: nowrap; 16396 margin-right: 2px; 16397} 16398.external_login .type label input { 16399 margin-right: 5px; 16400} 16401.external_login input:-webkit-autofill { 16402 -webkit-box-shadow: 0 0 0 30px #F5F5F5 inset; 16403} 16404.external_login p:first-child { 16405 font-size: 20px; 16406 font-weight: bold; 16407 color: #ffffff; 16408} 16409.input_group { 16410 position: relative; 16411 border-collapse: separate; 16412 max-width: 360px; 16413} 16414.input_group.margin_bottom { 16415 margin-bottom: 5px; 16416} 16417.input_group .input_group_addon { 16418 padding: 6px 12px; 16419 font-size: 14px; 16420 font-weight: normal; 16421 line-height: 1; 16422 color: #555; 16423 text-align: center; 16424 background-color: #eee; 16425 border: 1px solid #ccc; 16426 border-right-width: 1px; 16427 border-right-style: solid; 16428 border-right-color: #ccc; 16429 border-radius: 4px; 16430 border-top-right-radius: 4px; 16431 border-bottom-right-radius: 4px; 16432 white-space: nowrap; 16433 vertical-align: middle; 16434} 16435.input_group_addon:first-child { 16436 border-right: none; 16437} 16438.input_group_addon, 16439.input_group_addon .text_field { 16440 display: table-cell; 16441} 16442.input_group .text_field:first-child, 16443.input_group_addon:first-child { 16444 border-bottom-right-radius: 0; 16445 border-top-right-radius: 0; 16446} 16447.input_group label { 16448 display: none; 16449} 16450.input_group .text_field { 16451 width: 100%; 16452 height: 30px!important; 16453 font-size: 16px; 16454 line-height: 18px; 16455 color: #4a4a4a !important; 16456 background-color: #F5F5F5 !important; 16457 background-image: none; 16458 -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16459 -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16460 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16461} 16462.input_group .text_field::placeholder { 16463 /* Chrome, Firefox, Opera, Safari 10.1+ */ 16464 color: #4a4a4a !important; 16465 opacity: 1; 16466 /* Firefox */ 16467} 16468.input_group .text_field:-ms-input-placeholder { 16469 /* Internet Explorer 10-11 */ 16470 color: #4a4a4a !important; 16471} 16472.input_group .text_field::-ms-input-placeholder { 16473 /* Microsoft Edge */ 16474 color: #4a4a4a !important; 16475} 16476.external_login .login_form { 16477 width: 100%; 16478 margin-bottom: 0; 16479} 16480.business .input_group input.user { 16481 width: 100%; 16482} 16483.external_login form input[type=submit] { 16484 cursor: pointer; 16485 box-shadow: none; 16486 width: 100%; 16487 font-size: 16px; 16488 color: #ffffff !important; 16489 border: none!important; 16490 margin-bottom: 0!important; 16491 transition: none!important; 16492 padding: 20px; 16493 line-height: 16px; 16494} 16495.external_login form input[type=submit]:hover { 16496 background-color: #b880c3 !important; 16497 color: #ffffff; 16498} 16499.retail .input_group input.user { 16500 display: block; 16501} 16502.retail .input_group input.pw { 16503 width: 60%; 16504 display: inline-block; 16505 margin-bottom: 2px!important; 16506} 16507.retail .input_group input.submit_button { 16508 width: 35%; 16509 display: inline-block; 16510 float: right; 16511 padding-bottom: 7px!important; 16512} 16513.business .input_group input.user { 16514 width: 60%; 16515 display: inline-block; 16516} 16517.business .input_group input.submit_button { 16518 width: 35%; 16519 display: inline-block; 16520 float: right; 16521 padding-top: 4px; 16522 padding-bottom: 3px; 16523} 16524.external_login .type label { 16525 color: #757575; 16526} 16527.external_login p { 16528 color: #9b9b9b; 16529 margin: 0; 16530} 16531.external_login p a { 16532 color: #4a4a4a; 16533} 16534.external_login p span.demo { 16535 padding-left: 56px; 16536 color: #ffffff; 16537} 16538.external_login.mobile p a { 16539 color: #9b9b9b; 16540} 16541@media only screen and (min-width: 960px) { 16542 .external_login.full { 16543 display: block; 16544 z-index: 40; 16545 } 16546} 16547@media only screen and (min-width: 1600px) { 16548 .external_login.full { 16549 top: 10px; 16550 } 16551} 16552@media only screen and (max-width: 1200px) { 16553 .external_login.full { 16554 font-size: 12px; 16555 } 16556 .external_login.full form { 16557 margin-bottom: 4px; 16558 } 16559 .external_login.full .input_group .text_field, 16560 .external_login.full .input_group input.submit_button { 16561 font-size: 12px; 16562 height: 22px !important; 16563 line-height: 14px !important; 16564 padding-top: 4px !important; 16565 padding-bottom: 4px !important; 16566 margin-bottom: 5px !important; 16567 } 16568 .external_login.full .input_group.margin_bottom { 16569 margin-bottom: 0; 16570 } 16571} 16572.center { 16573 text-align: center; 16574} 16575.calendar_upcoming { 16576 margin-bottom: 26px; 16577} 16578.calendar_upcoming .events { 16579 box-sizing: border-box; 16580 padding: 0 20px; 16581} 16582.calendar_upcoming .events .event { 16583 margin: 0 0 60px 0; 16584 width: 48%; 16585} 16586.calendar_upcoming .events .event .date { 16587 background-color: #fff; 16588 border-radius: 0; 16589 border: 2px solid #f45656; 16590 box-sizing: border-box; 16591 font-family: "Barlow", sans-serif; 16592 font-weight: 700; 16593 height: 75px; 16594 margin: 0 20px 0 0; 16595 padding: 0; 16596 text-align: center; 16597 width: 75px; 16598} 16599.calendar_upcoming .events .event .date .month { 16600 font-size: 28px; 16601} 16602.calendar_upcoming .events .event .date .day { 16603 font-size: 26px; 16604} 16605.calendar_upcoming .events .event .info .title { 16606 color: #4a4a4a; 16607 font-family: "Barlow", sans-serif; 16608 font-size: 24px; 16609 font-weight: 400; 16610 margin: 0 0 10px 0; 16611 text-align: left; 16612} 16613.calendar_upcoming .events .event .info .buttons .button { 16614 border-radius: 0; 16615 /*box-sizing: border-box;*/ 16616 font-family: "Barlow", sans-serif; 16617 font-size: 18px; 16618 font-weight: 500; 16619 padding: 8px 6px 9px; 16620 text-align: center; 16621 transition: all 0.1s ease-in-out; 16622 width: 100px; 16623} 16624.calendar_upcoming .events .event .info .buttons .button.register { 16625 background-color: #f45656; 16626 color: #fff; 16627 margin-right: 9px; 16628} 16629.calendar_upcoming .events .event .info .buttons .button.register:hover { 16630 background-color: #f45656; 16631 color: #4a4a4a; 16632} 16633.calendar_upcoming .events .event .info .buttons .button.more { 16634 background-color: #8a8a8a; 16635 color: #4a4a4a; 16636} 16637.calendar_upcoming .events .event .info .buttons .button.more:hover { 16638 background-color: #575757; 16639 color: #fff; 16640} 16641.calendar_upcoming .all { 16642 background-color: #f45656; 16643 border-radius: 0; 16644 /*box-sizing: border-box;*/ 16645 color: #fff; 16646 font-family: "Barlow", sans-serif; 16647 font-size: 18px; 16648 font-weight: 500; 16649 line-height: 1.4; 16650 max-width: 100%; 16651 padding: 8px 6px 9px; 16652 text-align: center; 16653 transition: all 0.1s ease-in-out; 16654 width: 270px; 16655} 16656.calendar_upcoming .all:hover { 16657 background-color: #f45656; 16658 color: #4a4a4a; 16659} 16660.flexbox .calendar_upcoming { 16661 align-items: center; 16662 display: flex; 16663 flex-direction: column; 16664 flex-wrap: nowrap; 16665 justify-content: flex-start; 16666} 16667.flexbox .calendar_upcoming .events { 16668 align-items: stretch; 16669 box-sizing: border-box; 16670 display: flex; 16671 flex-direction: row; 16672 flex-wrap: wrap; 16673 justify-content: space-between; 16674} 16675.flexbox .calendar_upcoming .events .event { 16676 align-items: flex-start; 16677 display: flex; 16678 flex-basis: auto; 16679 flex-direction: row; 16680 flex-wrap: nowrap; 16681 justify-content: center; 16682} 16683.flexbox .calendar_upcoming .events .event .date { 16684 align-items: center; 16685 display: flex; 16686 flex-basis: auto; 16687 flex-direction: column; 16688 flex-grow: 0; 16689 flex-shrink: 0; 16690 flex-wrap: wrap; 16691 justify-content: center; 16692 order: 0; 16693 padding: 0; 16694} 16695.flexbox .calendar_upcoming .events .event .info { 16696 align-items: stretch; 16697 display: flex; 16698 flex-direction: column; 16699 flex-grow: 1; 16700 flex-wrap: wrap; 16701 justify-content: space-between; 16702} 16703.flexbox .calendar_upcoming .events .event .info .title { 16704 order: 0; 16705} 16706.flexbox .calendar_upcoming .events .event .info .buttons { 16707 align-items: center; 16708 display: flex; 16709 flex-direction: row; 16710 flex-wrap: wrap; 16711 justify-content: flex-start; 16712} 16713.flexbox .calendar_upcoming .events .event .info .buttons .button { 16714 flex-basis: auto; 16715 order: 1; 16716} 16717.flexbox .calendar_upcoming .all { 16718 align-items: center; 16719 display: flex; 16720 flex-basis: auto; 16721 flex-direction: row; 16722 flex-wrap: wrap; 16723 justify-content: center; 16724} 16725.no-flexbox .calendar_upcoming { 16726 text-align: center; 16727} 16728.no-flexbox .calendar_upcoming .events { 16729 *zoom: 1; 16730} 16731.no-flexbox .calendar_upcoming .events:before, 16732.no-flexbox .calendar_upcoming .events:after {
16733 content: " "; 16734 display: table; 16735 line-height: 0; 16736} 16737.no-flexbox .calendar_upcoming .events:after { 16738 clear: both; 16739} 16740.no-flexbox .calendar_upcoming .events .event { 16741 display: inline-block; 16742 float: left; 16743} 16744.no-flexbox .calendar_upcoming .events .event:nth-of-type(even) { 16745 margin-left: 4%; 16746} 16747.no-flexbox .calendar_upcoming .events .event .date { 16748 display: inline-block; 16749 float: left; 16750 padding: 8px 0; 16751} 16752.no-flexbox .calendar_upcoming .events .event .date span { 16753 display: block; 16754} 16755.no-flexbox .calendar_upcoming .events .event .info .buttons .button { 16756 display: inline-block; 16757 float: left; 16758} 16759.no-flexbox .calendar_upcoming .all { 16760 display: inline-block; 16761} 16762@media only screen and (max-width: 1000px) { 16763 .calendar_upcoming { 16764 margin: 0 0 45px; 16765 } 16766 .calendar_upcoming .events .event { 16767 margin: 0 0 30px 0; 16768 } 16769 .calendar_upcoming .events .event:nth-of-type(n+5) { 16770 display: none; 16771 } 16772 .calendar_upcoming .events .event .date { 16773 height: 50px; 16774 width: 50px; 16775 } 16776 .calendar_upcoming .events .event .date .month { 16777 font-size: 20px; 16778 } 16779 .calendar_upcoming .events .event .date .day { 16780 font-size: 18px; 16781 } 16782 .calendar_upcoming .events .event .info .title { 16783 font-size: 18px; 16784 } 16785 .calendar_upcoming .events .event .info .buttons .button { 16786 margin: 0 0 20px 0; 16787 } 16788 .calendar_upcoming .events .event .info .buttons .button.register { 16789 margin-right: 2%; 16790 } 16791 .flexbox .calendar_upcoming .events .event .info .buttons { 16792 justify-content: flex-start; 16793 } 16794 .no-flexbox .calendar_upcoming .events .event { 16795 float: none; 16796 } 16797 .no-flexbox .calendar_upcoming .events .event:nth-of-type(even) { 16798 margin-left: 0; 16799 } 16800 .no-flexbox .calendar_upcoming .events .event .info .buttons { 16801 display: block; 16802 margin-top: 26px; 16803 } 16804 .no-flexbox .calendar_upcoming .events .event .info .buttons .button { 16805 display: inline-block; 16806 } 16807} 16808@media only screen and (max-width: 666.66666667px) { 16809 .calendar_upcoming .events .event { 16810 margin: 0 auto 30px; 16811 max-width: 310px; 16812 width: 100%; 16813 } 16814} 16815.calendar_eventlist { 16816 margin-bottom: 26px; 16817} 16818.calendar_eventlist .events-header { 16819 align-items: center; 16820 display: flex; 16821 flex-direction: row; 16822 flex-wrap: nowrap; 16823 justify-content: space-between; 16824 margin-bottom: 30px; 16825 width: 100%; 16826} 16827.calendar_eventlist .events-header .previous, 16828.calendar_eventlist .events-header .next { 16829 align-items: center; 16830 border-radius: 50%; 16831 display: flex; 16832 flex-direction: row; 16833 flex-grow: 0; 16834 flex-shrink: -1; 16835 flex-wrap: nowrap; 16836 font-size: 0; 16837 height: 25px; 16838 justify-content: center; 16839 min-height: 25px; 16840 min-width: 25px; 16841 text-decoration: none; 16842 width: 25px; 16843} 16844.calendar_eventlist .events-header .previous::after, 16845.calendar_eventlist .events-header .next::after { 16846 color: #f45656; 16847 content: "\f144"; 16848 display: block; 16849 font-family: "FontAwesome"; 16850 font-size: 25px; 16851 font-weight: 400; 16852 text-align: center; 16853 transition: all 0.1s ease-in-out; 16854} 16855.calendar_eventlist .events-header .previous::after:hover, 16856.calendar_eventlist .events-header .next::after:hover, 16857.calendar_eventlist .events-header .previous::after:focus, 16858.calendar_eventlist .events-header .next::after:focus { 16859 color: #f45656; 16860} 16861.calendar_eventlist .events-header .previous::after { 16862 transform: rotate(180deg); 16863} 16864.calendar_eventlist .events-header .current { 16865 color: #8a8a8a; 16866 flex-grow: 1; 16867 font-family: "Barlow", sans-serif; 16868 font-size: 30px; 16869 font-weight: 500; 16870 text-align: center; 16871} 16872.calendar_eventlist .events { 16873 *zoom: 1; 16874 width: 100%; 16875} 16876.calendar_eventlist .events:before, 16877.calendar_eventlist .events:after { 16878 content: " "; 16879 display: table; 16880 line-height: 0; 16881} 16882.calendar_eventlist .events:after { 16883 clear: both; 16884} 16885.calendar_eventlist .events .event { 16886 color: #4a4a4a; 16887 margin-bottom: 26px; 16888 padding: 25px; 16889} 16890.calendar_eventlist .events .event:nth-child(odd) { 16891 background-color: #bdbdbd; 16892 border-radius: 0; 16893} 16894.calendar_eventlist .events .event:nth-child(even) { 16895 background-color: #fff; 16896} 16897.calendar_eventlist .events .event a { 16898 color: #4a4a4a; 16899 text-decoration: none; 16900} 16901.calendar_eventlist .events .event a:hover { 16902 text-decoration: none; 16903 color: #f45656; 16904} 16905.calendar_eventlist .events .event .meta { 16906 font-family: "Barlow", sans-serif; 16907 font-size: 18px; 16908 line-height: 1.4; 16909 color: #f45656; 16910 margin-bottom: 13px; 16911} 16912.calendar_eventlist .events .event .meta .location { 16913 color: #4a4a4a; 16914} 16915.calendar_eventlist .events .event .name { 16916 font-family: "Barlow", sans-serif; 16917 font-size: 24px; 16918 font-weight: 500; 16919 margin-bottom: 13px; 16920 line-height: 1.4; 16921} 16922.calendar_eventlist .events .event .name a { 16923 color: #4a4a4a; 16924 text-decoration: none; 16925} 16926.calendar_eventlist .events .event .name a:hover { 16927 text-decoration: none; 16928 color: #bdbdbd; 16929} 16930.calendar_eventlist .events .event .description, 16931.calendar_eventlist .events .event .tools { 16932 font-family: "Barlow", sans-serif !important; 16933 font-size: 16px !important; 16934 font-weight: 400 !important; 16935 line-height: 1.4 !important; 16936 margin-bottom: 13px; 16937} 16938.calendar_eventlist .events .event .description p { 16939 margin-bottom: 30px; 16940} 16941.calendar_eventlist .events .event .description p:empty { 16942 display: none; 16943} 16944.calendar_eventlist .events .event .description .description_short, 16945.calendar_eventlist .events .event .description .description_full { 16946 width: 100%; 16947} 16948.calendar_eventlist .events .event .description .description_short img, 16949.calendar_eventlist .events .event .description .description_full img { 16950 float: left; 16951 height: auto; 16952 margin: 0 20px 20px 0; 16953 max-width: 175px; 16954} 16955.calendar_eventlist .events .event .description .description_full { 16956 display: none; 16957} 16958.calendar_eventlist .events .event .description em { 16959 color: #4a4a4a; 16960} 16961.calendar_eventlist .events .event .description img { 16962 border-radius: 0; 16963} 16964.calendar_eventlist .events .event .tools { 16965 align-items: center; 16966 display: flex; 16967 flex-direction: row; 16968 flex-wrap: nowrap; 16969 justify-content: space-between; 16970 margin: 30px 0 0; 16971} 16972.calendar_eventlist .events .event .tools span.fa { 16973 font-size: 14px; 16974} 16975.calendar_eventlist .events .event .tools .tools_links { 16976 align-items: center; 16977 display: inline-flex; 16978 flex-basis: auto; 16979 flex-direction: row; 16980 flex-wrap: wrap; 16981 justify-content: space-between; 16982 position: relative; 16983 width: 50%; 16984} 16985.calendar_eventlist .events .event .tools .tools_links a.tool { 16986 text-decoration: none; 16987 transition: all 0.1s ease-in-out; 16988 white-space: nowrap; 16989} 16990.calendar_eventlist .events .event .tools .tools_links a.tool:hover { 16991 text-decoration: none; 16992 color: #f45656; 16993} 16994.calendar_eventlist .events .event .tools .tools_links a.tool.active { 16995 color: #f45656; 16996} 16997.calendar_eventlist .events .event .tools .tools_links .panel { 16998 background-color: #8a8a8a; 16999 border-radius: 0; 17000 box-sizing: border-box; 17001 display: none; 17002 flex-direction: column; 17003 flex-wrap: nowrap; 17004 justify-content: space-between; 17005 align-items: flex-start; 17006 padding: 10px; 17007 position: absolute; 17008 top: 30px; 17009} 17010.calendar_eventlist .events .event .tools .tools_links .panel:first-of-type { 17011 left: 0; 17012} 17013.calendar_eventlist .events .event .tools .tools_links .panel:nth-of-type(2) { 17014 left: 50%; 17015 transform: translateX(-50%); 17016} 17017.calendar_eventlist .events .event .tools .tools_links .panel:last-of-type { 17018 left: auto; 17019 right: 0; 17020} 17021.calendar_eventlist .events .event .tools .tools_links .panel a { 17022 align-items: center; 17023 border-radius: 0; 17024 box-sizing: border-box; 17025 color: #fff; 17026 display: flex; 17027 flex-direction: row; 17028 flex-wrap: nowrap; 17029 justify-content: flex-start; 17030 padding: 4px 8px; 17031 transition: all 0.1s ease-in-out; 17032 white-space: nowrap; 17033 width: 100%; 17034} 17035.calendar_eventlist .events .event .tools .tools_links .panel a span { 17036 display: inline-block; 17037 flex-basis: auto; 17038 margin-right: 10px; 17039 width: 15px; 17040 text-align: center; 17041} 17042.calendar_eventlist .events .event .tools .tools_links .panel a:hover { 17043 background-color: #f45656; 17044 color: #4a4a4a; 17045 text-decoration: none; 17046} 17047.calendar_eventlist .events .event .tools .tools_buttons { 17048 align-items: center; 17049 display: inline-flex; 17050 flex-basis: auto; 17051 flex-direction: row; 17052 flex-wrap: wrap; 17053 justify-content: space-between; 17054 width: 35%; 17055} 17056.calendar_eventlist .events .event .tools .tools_buttons a.button { 17057 background-color: #575757; 17058 border-radius: 0; 17059 border: none; 17060 box-sizing: border-box; 17061 color: #4a4a4a; 17062 cursor: pointer; 17063 display: inline-block; 17064 flex-basis: auto; 17065 font-family: "Barlow", sans-serif; 17066 font-size: 18px; 17067 font-weight: 500; 17068 padding: 8px 6px 9px; 17069 text-align: center; 17070 transition: all 0.1s ease-in-out; 17071 width: 47%; 17072} 17073.calendar_eventlist .events .event .tools .tools_buttons a.button.more .fa-caret-up { 17074 display: none; 17075} 17076.calendar_eventlist .events .event .tools .tools_buttons a.button:hover { 17077 background-color: #8a8a8a; 17078 color: #fff; 17079} 17080.calendar_eventlist .events .event .tools .tools_buttons a.button.register { 17081 background-color: #f45656; 17082 color: #fff; 17083} 17084.calendar_eventlist .events .event .tools .tools_buttons a.button.register:hover { 17085 background-color: #f45656; 17086 color: #4a4a4a; 17087} 17088.calendar_eventlist .events .no_events { 17089 color: #4a4a4a; 17090 margin-bottom: 26px; 17091 padding-bottom: 25px; 17092 text-align: center; 17093} 17094.text_medium .calendar_eventlist { 17095 font-size: 20px; 17096} 17097.text_medium .calendar_eventlist .events .event .name { 17098 font-size: 28.8px; 17099} 17100.text_medium .calendar_eventlist .events .event .description, 17101.text_medium .calendar_eventlist .events .event .location, 17102.text_medium .calendar_eventlist .events .event .tools { 17103 font-size: 19.2px; 17104} 17105.text_medium .calendar_eventlist .events .event .tools span.fa { 17106 font-size: 16.8px; 17107} 17108.text_large .calendar_eventlist { 17109 font-size: 23px; 17110} 17111.text_large .calendar_eventlist .events .event .name { 17112 font-size: 36px; 17113} 17114.text_large .calendar_eventlist .events .event .description, 17115.text_large .calendar_eventlist .events .event .location, 17116.text_large .calendar_eventlist .events .event .tools { 17117 font-size: 24px; 17118} 17119.text_large .calendar_eventlist .events .event .tools span.fa { 17120 font-size: 21px; 17121} 17122@media only screen and (max-width: 959px) { 17123 .calendar_eventlist .events .event .tools { 17124 display: flex; 17125 flex-direction: column; 17126 justify-content: space-between; 17127 align-items: center; 17128 } 17129 .calendar_eventlist .events .event .tools .tools_links { 17130 display: flex; 17131 flex-basis: auto; 17132 flex-direction: row; 17133 flex-wrap: nowrap; 17134 justify-content: space-between; 17135 margin: 0 0 30px; 17136 align-items: center; 17137 width: 70%; 17138 } 17139 .calendar_eventlist .events .event .tools .tools_buttons { 17140 display: flex; 17141 flex-basis: auto; 17142 flex-direction: row; 17143 justify-content: space-between; 17144 width: 70%; 17145 } 17146 .calendar_eventlist .events .event .tools .tools_buttons a.button { 17147 padding: 8px 6px 9px; 17148 } 17149} 17150@media only screen and (max-width: 639px) { 17151 .calendar_eventlist .events .event .tools .tools_links { 17152 flex-basis: auto; 17153 width: 100%; 17154 } 17155 .calendar_eventlist .events .event .tools .tools_links .panel a { 17156 font-size: 16px; 17157 } 17158 .calendar_eventlist .events .event .tools .tools_links .panel a span { 17159 font-size: 14px; 17160 } 17161 .calendar_eventlist .events .event .tools .tools_buttons { 17162 flex-basis: auto; 17163 width: 100%; 17164 } 17165} 17166@media only screen and (max-width: 532.5px) { 17167 .calendar_eventlist .events .event .tools .tools_links { 17168 font-size: 0; 17169 justify-content: space-around; 17170 } 17171 .calendar_eventlist .events .event .tools .tools_links span.fa { 17172 font-size: 24px; 17173 } 17174} 17175.calendar_monthwidget { 17176 *zoom: 1; 17177 margin-bottom: 26px; 17178 position: relative; 17179} 17180.calendar_monthwidget:before, 17181.calendar_monthwidget:after {
17182 content: " "; 17183 display: table; 17184 line-height: 0; 17185} 17186.calendar_monthwidget:after { 17187 clear: both; 17188} 17189.calendar_monthwidget .calendar-header { 17190 align-items: center; 17191 display: flex; 17192 flex-direction: row; 17193 flex-wrap: nowrap; 17194 justify-content: space-between; 17195 margin-bottom: 26px; 17196} 17197.calendar_monthwidget .calendar-header .calendar-title { 17198 color: #8a8a8a; 17199 flex-grow: 1; 17200 font-family: "Barlow", sans-serif; 17201 font-size: 30px; 17202 font-weight: 500; 17203 text-align: center; 17204} 17205.calendar_monthwidget .calendar-header .month_prev, 17206.calendar_monthwidget .calendar-header .month_next { 17207 align-items: center; 17208 background: transparent; 17209 display: flex; 17210 flex-direction: row; 17211 flex-grow: 0; 17212 flex-shrink: -1; 17213 flex-wrap: nowrap; 17214 font-size: 0; 17215 height: 25px; 17216 justify-content: center; 17217 min-height: 25px; 17218 min-width: 25px; 17219 text-decoration: none; 17220 width: 25px; 17221} 17222.calendar_monthwidget .calendar-header .month_prev::after, 17223.calendar_monthwidget .calendar-header .month_next::after { 17224 color: #f45656; 17225 content: "\f04b"; 17226 display: block; 17227 font-family: "FontAwesome"; 17228 font-size: 15px; 17229 font-weight: 700; 17230 text-align: center; 17231 transition: all 0.1s ease-in-out; 17232 transform: rotate(180deg); 17233} 17234.calendar_monthwidget .calendar-header .month_prev::after:hover, 17235.calendar_monthwidget .calendar-header .month_next::after:hover, 17236.calendar_monthwidget .calendar-header .month_prev::after:focus, 17237.calendar_monthwidget .calendar-header .month_next::after:focus { 17238 color: #f45656; 17239} 17240.calendar_monthwidget .calendar-header .month_next::after { 17241 transform: rotate(0deg); 17242} 17243.calendar_monthwidget .calendar-grid { 17244 background-color: #bdbdbd; 17245 border-radius: 0; 17246 box-sizing: border-box; 17247 padding: 15px 20px; 17248} 17249.calendar_monthwidget .calendar-grid .calendar-days .calendar-week { 17250 align-items: center; 17251 display: flex; 17252 flex-direction: row; 17253 flex-wrap: nowrap; 17254 justify-content: space-between; 17255} 17256.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day { 17257 align-items: center; 17258 background-color: #fff; 17259 border-radius: 50%; 17260 color: #4a4a4a; 17261 display: flex; 17262 flex-direction: row; 17263 flex-wrap: nowrap; 17264 height: 23px; 17265 justify-content: center; 17266 margin-bottom: 10px; 17267 width: 23px; 17268} 17269.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day .day-number { 17270 display: inline-block; 17271 font-family: "Barlow", sans-serif; 17272 font-size: 12px; 17273} 17274.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.calendar-day-np { 17275 color: #efecea; 17276 background-color: #fefbf9; 17277} 17278.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.active { 17279 background-color: #f45656; 17280} 17281.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.current { 17282 background-color: #73797e; 17283} 17284.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.current .day-number {
17285 color: #fff; 17286} 17287.calendar_monthwidget .events { 17288 box-sizing: border-box; 17289 /*display: none;*/ 17290 height: auto; 17291 overflow: hidden; 17292 position: absolute; 17293 width: 100%; 17294} 17295.calendar_monthwidget .events ul { 17296 background-color: #bdbdbd; 17297 border-bottom-left-radius: 0; 17298 border-bottom-right-radius: 0; 17299 display: none; 17300 list-style: none; 17301 padding: 10px 10px 10px 25px; 17302 position: relative; 17303 zoom: 1; 17304} 17305.calendar_monthwidget .events ul li { 17306 color: #4a4a4a; 17307 font-family: "Barlow", sans-serif; 17308 font-size: 13px; 17309 line-height: 1.4; 17310 margin-bottom: 5px; 17311 position: relative; 17312} 17313.calendar_monthwidget .events ul li:last-of-type { 17314 margin-bottom: 0; 17315} 17316.calendar_monthwidget .events ul li::before { 17317 color: #f45656; 17318 content: "\f04b"; 17319 font-family: "FontAwesome"; 17320 font-size: 9px; 17321 left: -15px; 17322 position: absolute; 17323 top: 3px; 17324} 17325.calendar_monthwidget .export { 17326 padding-top: 7px; 17327 padding-bottom: 7px; 17328 text-align: right; 17329} 17330.calendar_monthwidget .export a { 17331 color: #4a4a4a; 17332 text-decoration: none; 17333} 17334.calendar_monthwidget .export a:hover { 17335 text-decoration: none; 17336 color: #f45656; 17337} 17338.calendar_monthwidget .day_quick_links { 17339 display: none; 17340 text-align: center; 17341 padding-top: 7px; 17342 padding-bottom: 7px; 17343} 17344.calendar_monthwidget .day_quick_links a { 17345 color: #4a4a4a; 17346} 17347.calendar_monthwidget .day_quick_links a:hover { 17348 color: #f45656; 17349} 17350.calendar_newevent .new_event { 17351 background-color: #f45656; 17352 border-radius: 0; 17353 color: #fff; 17354 display: block; 17355 font-family: "Barlow", sans-serif; 17356 font-size: 22px; 17357 line-height: 1.2; 17358 padding-bottom: 7px; 17359 padding-top: 7px; 17360 text-align: center; 17361 transition: all 0.1s ease-in-out; 17362} 17363.calendar_newevent .new_event .intro { 17364 color: #4a4a4a; 17365 display: block; 17366 font-size: 18px; 17367 line-height: 1.2; 17368} 17369.calendar_newevent .new_event .action { 17370 color: #fff; 17371 display: block; 17372 font-size: 22px; 17373 font-weight: 600; 17374 line-height: 1.2; 17375} 17376.calendar_newevent .new_event:hover { 17377 background-color: #4a4a4a; 17378} 17379.calendar_newevent .new_event:hover .intro { 17380 color: #f45656; 17381} 17382#calendar_newevent_edit { 17383 position: absolute; 17384} 17385.calendar_selector { 17386 *zoom: 1; 17387 background-color: #bdbdbd; 17388 margin-bottom: 26px; 17389} 17390.calendar_selector:before, 17391.calendar_selector:after { 17392 content: " "; 17393 display: table; 17394 line-height: 0; 17395} 17396.calendar_selector:after { 17397 clear: both; 17398} 17399.calendar_selector .calendar_selects { 17400 align-items: center; 17401 color: #4a4a4a; 17402 display: flex; 17403 flex-direction: row; 17404 flex-wrap: wrap; 17405 justify-content: flex-start; 17406 font-family: "Barlow", sans-serif; 17407 font-size: 18px; 17408 font-weight: 500; 17409 margin: 0 auto; 17410 max-width: 100%; 17411 width: 1000px; 17412} 17413.calendar_selector .calendar_selects .calendar_select { 17414 box-sizing: border-box; 17415 color: #4a4a4a; 17416 padding: 18px 41px; 17417 text-align: center; 17418} 17419.calendar_selector .calendar_selects .calendar_select.active { 17420 background-color: #f45656; 17421 color: #fff; 17422 position: relative; 17423} 17424.calendar_selector .calendar_selects .calendar_select.active::after { 17425 border: solid transparent 8px; 17426 border-bottom-color: #fff; 17427 bottom: 0; 17428 content: " "; 17429 height: 0; 17430 left: 50%; 17431 margin-left: -8px; 17432 pointer-events: none; 17433 position: absolute; 17434 width: 0; 17435} 17436@media only screen and (max-width: 479px) { 17437 .calendar_selector { 17438 width: 100%; 17439 } 17440 .calendar_selector .calendar_selects .calendar_select { 17441 width: 100%; 17442 } 17443} 17444@media only screen and (max-width: 992px) { 17445 .calendar_selector .calendar_selects { 17446 justify-content: center; 17447 } 17448} 17449.scroll-slide { 17450 position: relative; 17451 background-size: 100% 100%; 17452 overflow: hidden; 17453} 17454.scroll-slides-outer { 17455 position: relative; 17456} 17457.scroll-slides-outer .el_popup { 17458 top: 130px; 17459 position: relative; 17460} 17461.background-fader, 17462.scroll-background { 17463 transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1), top 700ms ease 0s; 17464 position: fixed; 17465 left: 0; 17466 top: 0; 17467 width: 100vw; 17468 height: 100vh; 17469 background-size: cover; 17470 background-position: center; 17471} 17472.background-fader { 17473 opacity: 0; 17474} 17475.fp-auto-height .fp-tableCell { 17476 background-color: black; 17477} 17478.fp-auto-height footer { 17479 height: 200px; 17480} 17481@media only screen and (max-width: 960px) { 17482 .fp-auto-height footer { 17483 height: 300px; 17484 } 17485} 17486.scroll-text { 17487 color: white; 17488 font-size: 62px; 17489 font-family: "Barlow", sans-serif; 17490 text-align: center; 17491 float: none; 17492 position: absolute; 17493 top: 0; 17494 left: 0; 17495 right: 0; 17496 bottom: 0; 17497 display: flex; 17498 align-items: center; 17499 justify-content: center; 17500 padding: 0 60px; 17501} 17502@media only screen and (max-width: 960px) { 17503 .scroll-text { 17504 font-size: 40px; 17505 line-height: 46px; 17506 top: 0; 17507 } 17508} 17509.scroll-text:not(.active) { 17510 display: none; 17511} 17512.slide-arrows { 17513 position: absolute; 17514 left: 0; 17515 top: 25vh; 17516 z-index: 99; 17517} 17518@media only screen and (max-width: 960px) { 17519 .slide-arrows { 17520 display: none; 17521 } 17522} 17523.slide-text { 17524 line-height: 28px; 17525 color: #ffffff; 17526 font-family: "Barlow", sans-serif; 17527 top: 0; 17528 left: 0; 17529 max-width: 600px; 17530 padding-top: calc(50vh - 135px); 17531 padding-left: 20vw; 17532} 17533@media only screen and (max-width: 960px) { 17534 .slide-text { 17535 padding-bottom: 10vh; 17536 padding-left: 4vw; 17537 padding-right: 30vw; 17538 } 17539} 17540.slide-text .slide-no { 17541 font-size: 24px;
17542 line-height: 26px; 17543 margin-bottom: 2vh; 17544} 17545.slide-text .slide-headline { 17546 font-size: 48px; 17547 line-height: 46px; 17548 margin-bottom: 12px; 17549} 17550.slide-text .slide-copy { 17551 font-size: 18px; 17552 line-height: 20px; 17553 margin-bottom: 3vh; 17554} 17555@media only screen and (max-width: 640px) { 17556 .slide-text .slide-copy { 17557 line-height: 23px; 17558 } 17559} 17560.slide-text .slide-button { 17561 transition: all 0.25s; 17562 font-size: 24px; 17563 display: inline-block; 17564 background-color: white; 17565 height: 55px; 17566 line-height: 55px; 17567 text-align: center; 17568 padding: 0 34px; 17569 color: #757575; 17570} 17571.slide-text .slide-button:hover { 17572 background-color: #e6e6e6; 17573} 17574.slide-text .slide-button:after { 17575 font-family: FontAwesome; 17576 font-size: 14px; 17577 line-height: 55px; 17578 content: "\f054"; 17579 vertical-align: middle; 17580 margin-left: 3px; 17581} 17582.slide-text .btn { 17583 font-family: 'Avenir LT W01 65 Medium'; 17584 background-color: #ffffff00; 17585 border: 2px solid #D8D8D899; 17586 border-radius: 4px; 17587 overflow: hidden; 17588 font-size: 16px; 17589 padding: 8px 18px 4px 18px; 17590 color: #ffffff; 17591 cursor: pointer; 17592 margin-top: 10px; 17593} 17594.slide-text .btn:hover { 17595 color: white; 17596 border: none; 17597 padding: 10px 20px 6px 20px; 17598 background: #c909a4; 17599 /* Old browsers */ 17600 background: linear-gradient(to right, #c909a4 0%, #9030b3 100%); 17601} 17602.slide-text .btn:hover.even { 17603 color: #8C64AA; 17604 background: none; 17605 background-color: white; 17606} 17607.scroll-takeoff-wrapper { 17608 position: absolute; 17609 bottom: 0; 17610 left: 0; 17611 right: 0; 17612 text-align: center; 17613} 17614@media only screen and (max-width: 960px) { 17615 .scroll-takeoff-wrapper { 17616 bottom: 30px; 17617 } 17618} 17619.scroll-takeoff { 17620 font: "Barlow", sans-serif; 17621 color: white; 17622 font-size: 14px; 17623 padding-bottom: 50px; 17624 position: relative; 17625} 17626.scroll-takeoff:after { 17627 font-size: 40px; 17628 font-family: FontAwesome; 17629 content: "\f078"; 17630 position: absolute; 17631 bottom: 10px; 17632 left: 50%; 17633 transform: translateX(-50%); 17634} 17635@media only screen and (max-width: 960px) { 17636 .background-fader, 17637 .scroll-background { 17638 height: 50%; 17639 } 17640 .slide-text { 17641 padding: 0; 17642 margin: 0; 17643 position: relative; 17644 top: 45%; 17645 color: #BBBBBB; 17646 } 17647 .slide-text .slide-headline { 17648 font-size: 40px; 17649 line-height: 38px; 17650 } 17651 .slide-text .btn { 17652 margin: 0; 17653 color: white; 17654 border: none; 17655 padding: 10px 16px 8px 16px; 17656 background: #c909a4; 17657 /* Old browsers */ 17658 background: linear-gradient(to right, #c909a4 0%, #9030b3 100%); 17659 max-width: 48%; 17660 } 17661 .slide-text .btn.two { 17662 border: 1px; 17663 border-color: #BBBBBB; 17664 border-style: solid; 17665 color: #8C64AA; 17666 background: none; 17667 background-color: white; 17668 } 17669} 17670.privacy_notice { 17671 position: relative; 17672 z-index: 99; 17673 font-size: 16px; 17674 line-height: 1.2; 17675 /*min-height: 21px;*/ 17676 /*padding: 15px;*/ 17677 background: #000; 17678} 17679.privacy_notice .message { 17680 display: none; 17681 position: fixed; 17682 bottom: 0; 17683 right: 0; 17684 left: 0; 17685 padding: 15px; 17686 padding-left: 30px; 17687 padding-right: 30px; 17688 background: #000; 17689 color: #ffffff; 17690 font-size: 16px; 17691 line-height: 1.2; 17692 /*border-top-left-radius: @gallery_thumb_border_radius;*/ 17693 font-family: "Barlow", sans-serif; 17694} 17695.privacy_notice .message p { 17696 display: inline; 17697} 17698.privacy_notice .message a { 17699 color: #ffffff; 17700} 17701.privacy_notice .message a.close { 17702 position: relative; 17703 top: 2px; 17704 float: left; 17705 color: #ffffff; 17706 margin-right: 10px; 17707 font-size: 16px; 17708 line-height: 16px; 17709 white-space: nowrap; 17710} 17711.home_blogposts info p { 17712 display: none; 17713} 17714.conveythis_widget { 17715 z-index: 98; 17716} 17717.article { 17718 font-family: "Barlow", sans-serif; 17719 clear: both; 17720 max-width: 828px; 17721 margin: 0 auto 30px; 17722} 17723@media only screen and (max-width: 1000px) { 17724 .article { 17725 margin-left: 20px; 17726 margin-right: 20px; 17727 } 17728} 17729.article .headline { 17730 color: #000000; 17731 font-style: normal; 17732 font-size: 26px; 17733 line-height: 30px; 17734 margin: 0 0 14px 0; 17735 text-align: left; 17736 text-transform: uppercase; 17737} 17738.article .headline p { 17739 margin-bottom: 0; 17740 padding: 0; 17741} 17742.article .headline a { 17743 color: #000000; 17744} 17745.article .copy { 17746 margin: 0; 17747 padding: 0; 17748 color: #4a4a4a; 17749 line-height: 26px; 17750} 17751.article .copy p { 17752 margin: 0 0 26px 0; 17753 padding: 0; 17754} 17755.article .copy p strong { 17756 color: #4a4a4a; 17757 font-family: "Barlow", sans-serif; 17758 /*font-size: @copy_size;*/ 17759 font-style: 'normal'; 17760 font-weight: 700; 17761} 17762.article .copy a { 17763 color: #ca3535; 17764} 17765.article .copy a:hover {
17766 color: #b880c3; 17767 text-decoration: none; 17768} 17769.article .copy a.btn { 17770 color: #ffffff; 17771} 17772.article .copy ul { 17773 margin-bottom: 18px; 17774 margin-left: 0; 17775 padding-left: 0; 17776} 17777.article .copy ul li { 17778 list-style-type: none; 17779 text-indent: 3; 17780 padding-left: -2; 17781 margin-bottom: 10px; 17782} 17783.article .copy ul li:before { 17784 content: "\002022"; 17785 padding-left: -12; 17786 padding-right: 5px; 17787 color: #000000; 17788 font-size: 16px; 17789} 17790.article .copy ol { 17791 counter-reset: number-counter; 17792 margin-bottom: 18px; 17793 padding-left: 0; 17794} 17795.article .copy ol li { 17796 overflow: hidden; 17797 text-indent: -5; 17798 padding-left: 5; 17799} 17800.article .copy ol li:before { 17801 content: counter(number-counter); 17802 counter-increment: number-counter; 17803 padding-left: -13; 17804 padding-right: 5px; 17805 color: #000000; 17806 font-size: 16px; 17807} 17808.article .copy p + ul { 17809 margin-top: -10.4px; 17810} 17811.article .copy p + ol { 17812 margin-top: -10.4px; 17813} 17814.article .copy sup { 17815 vertical-align: baseline; 17816 line-height: 0 !important; 17817 position: relative; 17818 top: -4px; 17819} 17820.article .copy sub { 17821 vertical-align: baseline; 17822 line-height: 0 !important; 17823 position: relative; 17824 top: 4px; 17825} 17826.article .copy u { 17827 text-decoration: underline; 17828} 17829.article .copy img { 17830 height: auto !important; 17831 border-width: 0; 17832} 17833.article .copy .headline { 17834 color: #000000; 17835 font-family: "Barlow", sans-serif; 17836 font-size: 26px; 17837 font-weight: 600; 17838 font-style: normal; 17839} 17840.article .copy .col2 { 17841 column-count: 2; 17842 column-gap: normal; 17843} 17844.article .copy .col3 { 17845 column-count: 3; 17846 column-gap: normal; 17847} 17848.article .copy .col4 { 17849 column-count: 4; 17850 column-gap: normal; 17851} 17852.article .copy table { 17853 table-layout: fixed; 17854 border-collapse: collapse; 17855 margin-bottom: 20px; 17856} 17857.article .copy table thead th, 17858.article .copy table thead td { 17859 padding-left: 13px; 17860 padding-right: 13px; 17861 border-collapse: collapse; 17862 font-family: "Barlow", sans-serif; 17863 color: #000000; 17864 text-align: center; 17865} 17866.article .copy table tbody { 17867 font-size: 14px; 17868} 17869.article .copy table tbody tr td { 17870 padding-left: 13px; 17871 padding-right: 13px; 17872 text-align: center; 17873 border-collapse: collapse; 17874} 17875.article .copy table caption { 17876 margin-bottom: 20px; 17877 font-weight: bold; 17878 font-size: 22px; 17879 color: #559FD3; 17880} 17881.article .copy table.shaded_rows thead tr { 17882 background-color: rgba(74, 74, 74, 0.1); 17883} 17884.article .copy table.shaded_rows tbody tr:nth-child(even) { 17885 background-color: rgba(74, 74, 74, 0.1); 17886} 17887.main_homepage .article { 17888 margin-bottom: 118px; 17889 text-align: center; 17890} 17891@media only screen and (max-width: 1000px) { 17892 .main_homepage .article { 17893 margin-bottom: 91px; 17894 } 17895} 17896.main_homepage .article .headline { 17897 color: #000000; 17898 letter-spacing: 0; 17899 position: relative; 17900 font-size: 34px; 17901 font-weight: 600; 17902 line-height: 51px; 17903 margin-bottom: 10px; 17904 text-align: center; 17905} 17906@media only screen and (max-width: 640px) { 17907 .main_homepage .article .headline { 17908 font-size: 26px; 17909 } 17910} 17911.main_homepage .article .copy { 17912 font-size: 16px; 17913 line-height: 22px; 17914} 17915.main_homepage .article .btn { 17916 margin-top: 12px; 17917 margin-bottom: 0; 17918} 17919.content_item_first .article .headline { 17920 color: #000000; 17921 font-size: 32px; 17922 margin-top: 10px; 17923 margin-bottom: 20px; 17924 line-height: 36px; 17925 letter-spacing: 0; 17926 position: relative; 17927} 17928h1, 17929h2, 17930h3, 17931h4, 17932h5, 17933h6, 17934.h1, 17935.h2, 17936.h3, 17937.h4, 17938.h5, 17939.h6 { 17940 font-family: "Barlow", sans-serif; 17941 font-weight: 600; 17942 line-height: 1.2; 17943 color: #000000; 17944 text-transform: uppercase; 17945} 17946h3 { 17947 font-size: 22px; 17948 line-height: 26px; 17949 margin-bottom: 14px; 17950 text-transform: none; 17951} 17952.text_small .copy { 17953 font-size: 18px; 17954} 17955.text_small .copy ul li:before { 17956 font-size: 16px; 17957} 17958.text_small .copy ol li:before { 17959 font-size: 16px; 17960} 17961.text_small .copy sup { 17962 font-size: 12px; 17963 top: -2px; 17964} 17965.text_small .copy sub { 17966 font-size: 12px; 17967 top: 2px; 17968} 17969.text_small .headline { 17970 font-size: 26px; 17971} 17972.text_small .content_item_first .headline { 17973 font-size: 32px; 17974} 17975.text_medium .copy { 17976 font-size: 20px; 17977 line-height: 28px; 17978} 17979.text_medium .copy ul li:before { 17980 font-size: 18px; 17981} 17982.text_medium .copy ol li:before { 17983 font-size: 18px; 17984} 17985.text_medium .copy sup { 17986 font-size: 14px; 17987 top: -4px; 17988} 17989.text_medium .copy sub { 17990 font-size: 14px; 17991 top: 2px; 17992} 17993.text_medium .headline { 17994 font-size: 28px; 17995} 17996.text_medium .content_item_first .headline { 17997 font-size: 34px; 17998} 17999.text_large .copy { 18000 font-size: 23px; 18001 line-height: 31px; 18002} 18003.text_large .copy ul li:before { 18004 font-size: 23px; 18005} 18006.text_large .copy ol li:before { 18007 font-size: 23px; 18008} 18009.text_large .copy sup { 18010 font-size: 16px; 18011 top: -6px; 18012} 18013.text_large .copy sub { 18014 font-size: 16px; 18015 top: 4px; 18016} 18017.text_large .headline { 18018 font-size: 31px; 18019} 18020.text_large .content_item_first .headline { 18021 font-size: 37px; 18022} 18023.body_photo_left { 18024 float: left; 18025 position: relative; 18026} 18027@media only screen and (max-width: 1000px) { 18028 .body_photo_left { 18029 float: none; 18030 } 18031} 18032.body_photo_left img { 18033 float: inherit; 18034 margin: 7px 14px 7px 0; 18035} 18036@media only screen and (max-width: 1000px) { 18037 .body_photo_left img { 18038 float: none!important; 18039 margin: 0 auto 14px; 18040 } 18041} 18042.body_photo_right { 18043 float: right; 18044 position: relative; 18045} 18046@media only screen and (max-width: 1000px) { 18047 .body_photo_right { 18048 float: none; 18049 } 18050} 18051.body_photo_right img { 18052 float: inherit; 18053 margin: 7px 0 7px 14px; 18054} 18055@media only screen and (max-width: 1000px) { 18056 .body_photo_right img { 18057 float: none!important; 18058 margin: 0 auto 14px; 18059 } 18060} 18061.body_photo_right img.top, 18062.body_photo_left img.top { 18063 margin-top: 3px; 18064} 18065.mobile .content_item_first .article { 18066 margin-top: 0px !important; 18067} 18068@media print { 18069 .article * { 18070 color: #000000; 18071 } 18072 .headline p { 18073 font-size: 14pt !important; 18074 font-weight: bold; 18075 } 18076 .copy ul li { 18077 background-image: none !important; 18078 list-style: none !important; 18079 padding: 0px; 18080 margin-left: 0; 18081 } 18082 .content_item_first .article { 18083 margin-top: 0px !important; 18084 } 18085} 18086@media only screen and (max-width: 420px) { 18087 .article .copy .col2 { 18088 column-count: 1; 18089 } 18090 .article .copy .col3 { 18091 column-count: 1; 18092 } 18093 .article .copy .col4 { 18094 column-count: 1; 18095 } 18096} 18097@media only screen and (min-width: 1000px) { 18098 .content_item_first .article .headline { 18099 color: #000000; 18100 font-size: 32px; 18101 margin-top: 10px; 18102 margin-bottom: 20px; 18103 margin-left: -50px; 18104 line-height: 36px; 18105 letter-spacing: 0; 18106 position: relative; 18107 } 18108} 18109.backtotop { 18110 position: relative; 18111 max-width: 1000px; 18112 margin: 0 auto 52px; 18113 font-size: 18px; 18114} 18115.backtotop a { 18116 position: relative; 18117 background-position: 100% 50%; 18118 background-repeat: no-repeat; 18119 color: #f45656; 18120 font-family: "Barlow", sans-serif; 18121} 18122.backtotop a:before { 18123 content: "\f106"; 18124 font-family: 'FontAwesome'; 18125 padding-right: 10px; 18126 color: #f45656; 18127} 18128.text_small .backtotop { 18129 font-size: 18px; 18130} 18131.text_medium .backtotop { 18132 font-size: 20px; 18133} 18134.text_large .backtotop { 18135 font-size: 23px; 18136} 18137@media print { 18138 .backtotop { 18139 display: none; 18140 } 18141} 18142@media only screen and (max-width: 900px) { 18143 .backtotop { 18144 padding: 0 20px; 18145 } 18146} 18147.bio { 18148 max-width: 828px; 18149 min-height: 150px; 18150 position: relative; 18151 padding: 0; 18152 *zoom: 1; 18153 margin: 0 auto 26px; 18154} 18155.bio:before, 18156.bio:after {
18157 content: " "; 18158 display: table; 18159 line-height: 0; 18160} 18161.bio:after { 18162 clear: both; 18163} 18164.bio .bio_image { 18165 width: 140px; 18166 min-height: 165px; 18167 position: relative; 18168 float: left; 18169 margin-right: 20px; 18170 margin-bottom: 10px; 18171} 18172.bio .bio_text { 18173 display: block; 18174 position: relative; 18175 margin-top: 15px; 18176} 18177.bio .bio_text h3 { 18178 font-size: 26px; 18179 line-height: 30px; 18180 font-weight: 600; 18181 color: #000000; 18182 text-transform: uppercase; 18183} 18184.bio .bio_text a { 18185 color: #f45656; 18186} 18187.bio .bio_text a:hover { 18188 color: #b880c3; 18189} 18190.el_content_item:last-child .bio { 18191 border-bottom: none; 18192} 18193.text_small .bio .bio_text .bio_text_name { 18194 font-size: 24px; 18195} 18196.text_medium .bio .bio_text .bio_text_name { 18197 font-size: 26px; 18198} 18199.text_large .bio .bio_text .bio_text_name { 18200 font-size: 31px; 18201} 18202@media only screen and (max-width: 1000px) { 18203 .responsive .bio { 18204 padding: 0 20px; 18205 } 18206} 18207@media only screen and (max-width: 650px) { 18208 .responsive .bio .bio_text { 18209 width: 100%; 18210 margin: 0; 18211 } 18212} 18213@media only screen and (max-width: 500px) { 18214 .responsive .bio .bio_image { 18215 float: none; 18216 margin-bottom: 26px; 18217 width: 100%; 18218 max-width: 150px; 18219 height: auto; 18220 } 18221} 18222.bio_listing { 18223 display: table; 18224 width: 100%; 18225 font-family: "Barlow", sans-serif; 18226 color: #4a4a4a; 18227 font-size: 18px; 18228 line-height: 26px; 18229 padding-top: 3px; 18230 padding-bottom: 3px; 18231 position: relative; 18232} 18233.bio_listing:hover { 18234 background-color: #f45656; 18235 color: #fff; 18236 border-radius: 0; 18237} 18238.bio_listing:hover a { 18239 color: #fff; 18240} 18241.bio_listing .field { 18242 display: table-cell; 18243 box-sizing: border-box; 18244 padding-left: 3px; 18245 padding-right: 3px; 18246} 18247.bio_listing .field.name { 18248 width: 20%; 18249} 18250.bio_listing .field.title { 18251 width: 45%; 18252} 18253.bio_listing .field.split { 18254 display: none; 18255} 18256.bio_listing .field.phone { 18257 width: 20%; 18258 white-space: nowrap; 18259} 18260.bio_listing .field.email { 18261 width: 5%; 18262} 18263.bio_listing .field.linkedin { 18264 width: 5%; 18265} 18266.bio_listing .field.image { 18267 width: 5%; 18268} 18269.bio_listing .field.image a img { 18270 width: 257px; 18271 height: 357px; 18272 display: none; 18273} 18274.bio_listing .field.image a:hover img { 18275 display: block; 18276 position: absolute; 18277 top: 0; 18278 right: 5%; 18279 width: 257px; 18280 height: 357px; 18281 z-index: 10; 18282 border: 3px solid #f45656; 18283 border-radius: 0; 18284} 18285.bio_listing a { 18286 color: #f45656; 18287} 18288.bio_listing a:hover { 18289 color: #b880c3; 18290} 18291.el_content_item:last-child .bio_listing { 18292 border-bottom: none; 18293} 18294.text_small .bio_listing { 18295 font-size: 18px; 18296} 18297.text_medium .bio_listing { 18298 font-size: 20px; 18299} 18300.text_large .bio_listing { 18301 font-size: 23px; 18302} 18303@media only screen and (max-width: 650px) { 18304 .responsive .bio_listing { 18305 display: block; 18306 margin: 0; 18307 margin-bottom: 26px; 18308 *zoom: 1; 18309 } 18310 .responsive .bio_listing:before, 18311 .responsive .bio_listing:after { 18312 content: " "; 18313 display: table; 18314 line-height: 0; 18315 } 18316 .responsive .bio_listing:after { 18317 clear: both; 18318 } 18319 .responsive .bio_listing .field { 18320 display: block; 18321 float: left; 18322 } 18323 .responsive .bio_listing .field.name { 18324 width: auto; 18325 min-width: 45%; 18326 margin-right: 5%; 18327 } 18328 .responsive .bio_listing .field.title { 18329 width: auto; 18330 } 18331 .responsive .bio_listing .field.split { 18332 width: 100%; 18333 height: 0; 18334 } 18335 .responsive .bio_listing .field.phone { 18336 width: 50%; 18337 white-space: nowrap; 18338 } 18339 .responsive .bio_listing .field.email { 18340 width: auto; 18341 margin-left: 10px; 18342 } 18343 .responsive .bio_listing .field.linkedin { 18344 width: auto; 18345 margin-left: 10px; 18346 } 18347 .responsive .bio_listing .field.image { 18348 width: auto; 18349 margin-left: 10px; 18350 } 18351 .responsive .bio_listing .field.image a:hover img { 18352 display: none; 18353 } 18354} 18355.uk-accordion-title.uk-active .fa-chevron-down:before { 18356 content: "\f077"; 18357} 18358.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box:first-of-type { 18359 display: block; 18360} 18361.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18362 max-width: 400px; 18363 box-sizing: border-box; 18364} 18365@media only screen and (min-width: 960px) { 18366 .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18367 margin-top: 6px; 18368 margin-right: -100px; 18369 margin-bottom: 5px; 18370 } 18371} 18372@media only screen and (max-width: 640px) { 18373 .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18374 margin: 40px -20px; 18375 max-width: none; 18376 } 18377} 18378.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.right { 18379 float: right; 18380 margin-left: 32px; 18381} 18382.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.left { 18383 float: left; 18384 margin-right: 32px; 18385} 18386.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.fullwidth { 18387 max-width: 828px; 18388 margin: 45px auto; 18389} 18390.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title, 18391.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18392.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18393 color: #4a4a4a; 18394} 18395.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18396 font-size: 24px; 18397 line-height: 28px; 18398} 18399.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p.center { 18400 text-align: center; 18401} 18402.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p.center .btn { 18403 margin-top: 30px; 18404} 18405/* Font Sizing */ 18406.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18407 font-size: 24px; 18408 line-height: 28px; 18409} 18410.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18411.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18412 font-size: 18px;
18413 line-height: 26px; 18414} 18415.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18416 font-size: 16px; 18417} 18418.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18419 font-size: 26px; 18420 line-height: 30px; 18421} 18422.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18423.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18424 font-size: 20px; 18425 line-height: 28px; 18426} 18427.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18428 font-size: 18px; 18429} 18430.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18431 font-size: 29px; 18432 line-height: 33px; 18433} 18434.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18435.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18436 font-size: 23px; 18437 line-height: 31px; 18438} 18439.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18440 font-size: 21px; 18441} 18442@media only screen and (max-width: 640px) { 18443 .card-wrapper { 18444 position: relative; 18445 } 18446} 18447.card { 18448 margin-bottom: 30px; 18449} 18450.card .card-link { 18451 color: #4a4a4a; 18452} 18453.card .card-link:hover { 18454 color: #4a4a4a; 18455} 18456@media only screen and (max-width: 640px) { 18457 .card .content { 18458 position: relative; 18459 } 18460} 18461.card .content h1, 18462.card .content h2, 18463.card .content h3, 18464.card .content h4, 18465.card .content h5, 18466.card .content h6 { 18467 margin-bottom: 6px; 18468} 18469.card .content h2, 18470.card .content .inline_link { 18471 font-size: 26px; 18472 line-height: 30px; 18473 font-weight: 600; 18474 margin-bottom: 15px; 18475 text-transform: uppercase; 18476 color: #000000; 18477} 18478.card .content h3 { 18479 font-size: 18px; 18480} 18481.card .content .inline_link { 18482 color: #000000; 18483 position: relative; 18484} 18485.card .content .inline_link:hover { 18486 color: #b880c3; 18487} 18488.card .content .inline_link:hover .fa { 18489 color: #b880c3; 18490} 18491.card .content .inline_link .fa { 18492 font-size: 15px; 18493 position: relative; 18494 top: -5px; 18495 margin-left: 8px; 18496 color: #f45656; 18497} 18498.card .content .card-copy { 18499 margin-bottom: 25px; 18500} 18501.card .content .card-copy a { 18502 color: #f45656; 18503} 18504.card .content .btn { 18505 margin: 0; 18506 color: #ffffff; 18507} 18508.card .content .btn.email { 18509 margin-top: 20px; 18510} 18511.card img { 18512 top: 0; 18513 left: 0; 18514 position: relative; 18515 margin-bottom: 15px; 18516} 18517.card-edit { 18518 padding: 3px; 18519} 18520.embed { 18521 position: relative; 18522 text-align: center; 18523 display: block; 18524 margin-left: auto; 18525 margin-right: auto; 18526 margin-bottom: 26px; 18527 *zoom: 1; 18528 color: #4a4a4a; 18529} 18530.embed:before, 18531.embed:after { 18532 content: " "; 18533 display: table; 18534 line-height: 0; 18535} 18536.embed:after { 18537 clear: both; 18538} 18539.embed h1, 18540.embed h2, 18541.embed h3, 18542.embed h4, 18543.embed h5, 18544.embed h6 { 18545 color: #000000; 18546 font-family: "Barlow", sans-serif; 18547 font-weight: 600; 18548 font-style: normal; 18549 line-height: 1.2; 18550 margin: 0 0 14px 0; 18551} 18552.embed a { 18553 color: #f45656; 18554} 18555.embed a.btn { 18556 color: #ffffff; 18557} 18558.embed ul { 18559 margin-bottom: 18px; 18560} 18561.embed ol { 18562 margin-bottom: 18px; 18563} 18564.embed ul li { 18565 /*background-image: none;*/ 18566 list-style-type: none; 18567} 18568.embed ul li:before { 18569 content: "\002022"; 18570 padding-left: -12; 18571 padding-right: 5px; 18572 color: #000000; 18573} 18574.embed ol li { 18575 margin-left: 6px; 18576} 18577.embed img { 18578 border-width: 0; 18579} 18580.text_small .embed { 18581 font-size: 16px; 18582} 18583.text_small .embed ul li:before { 18584 font-size: 14px; 18585} 18586.text_small .embed sup { 18587 font-size: 12px; 18588} 18589.text_medium .embed { 18590 font-size: 18px; 18591} 18592.text_medium .embed ul li:before { 18593 font-size: 16px; 18594} 18595.text_medium .embed sup { 18596 font-size: 14px; 18597} 18598.text_large .embed { 18599 font-size: 20px; 18600} 18601.text_large .embed ul li:before { 18602 font-size: 18px; 18603} 18604.text_large .embed sup { 18605 font-size: 16px; 18606} 18607@media print { 18608 .embed * { 18609 color: #000000 !important; 18610 } 18611 .embed ul li { 18612 background-image: none !important; 18613 list-style-type: disc !important; 18614 padding: 0px; 18615 } 18616} 18617.el-form-wrapper { 18618 position: relative; 18619 max-width: 828px; 18620 margin: 0 auto 26px auto; 18621 font-family: "Barlow", sans-serif; 18622 color: #4a4a4a; 18623 /* FOCUS STATES */ 18624} 18625@media only screen and (max-width: 1000px) { 18626 .el-form-wrapper { 18627 padding: 0 20px; 18628 } 18629} 18630.el-form-wrapper .headline { 18631 color: #000000; 18632} 18633.el-form-wrapper .copy { 18634 line-height: 26px; 18635}
18636.el-form-wrapper .uk-form-controls { 18637 margin-top: 5px; 18638} 18639.el-form-wrapper .el-button.uk-button-primary { 18640 padding: 14px 32px 14px 32px !important; 18641 width: auto; 18642 text-transform: uppercase; 18643 text-indent: 0; 18644 border-width: 0; 18645 border-top-right-radius: 4px; 18646 border-top-left-radius: 4px; 18647 border-bottom-right-radius: 4px; 18648 border-bottom-left-radius: 4px; 18649 box-shadow: none; 18650 float: right; 18651} 18652.el-form-wrapper .assist { 18653 border: 0; 18654 clip: rect(0 0 0 0); 18655 height: 1px; 18656 margin: -1px; 18657 overflow: hidden; 18658 padding: 0; 18659 position: absolute; 18660 width: 1px; 18661} 18662.el-form-wrapper .uk-form textarea, 18663.el-form-wrapper .uk-form input:not([type]), 18664.el-form-wrapper .uk-form input[type="text"], 18665.el-form-wrapper .uk-form input[type="password"], 18666.el-form-wrapper .uk-form input[type="email"], 18667.el-form-wrapper .uk-form input[type="url"], 18668.el-form-wrapper .uk-form input[type="search"], 18669.el-form-wrapper .uk-form input[type="tel"], 18670.el-form-wrapper .uk-form input[type="number"], 18671.el-form-wrapper .uk-form input[type="datetime"] { 18672 border-radius: 4px !important; 18673} 18674.el-form-wrapper label.uk-form-label { 18675 font-weight: normal!important; 18676 display: inline!important; 18677 margin-right: 0; 18678} 18679.el-form-wrapper .uk-form-row.required_error .uk-form-label { 18680 color: #f45656; 18681} 18682.el-form-wrapper .uk-form-row.required_error fieldset { 18683 background-color: rgba(244, 86, 86, 0.2); 18684 border: 1px solid #f45656; 18685 padding: 3px; 18686} 18687.el-form-wrapper .uk-form-row.required_error fieldset .uk-form-label { 18688 color: #4a4a4a; 18689 width: 45%; 18690} 18691.el-form-wrapper .uk-form-danger { 18692 border-color: #f45656 !important; 18693 color: #f45656 !important; 18694} 18695.el-form-wrapper input, 18696.el-form-wrapper textarea { 18697 font-family: "Barlow", sans-serif; 18698 color: #757575 !important; 18699 zoom: 1; 18700 margin: 0; 18701 border: 1px solid #c8c8c8 !important; 18702 padding: 6px 0 0 0; 18703 text-indent: 5px; 18704 -moz-border-radius: 4px; 18705 -webkit-border-radius: 4px; 18706 border-radius: 4px; 18707 background: #fff; 18708 -moz-box-sizing: border-box; 18709 -webkit-box-sizing: border-box; 18710 -ms-box-sizing: border-box; 18711 box-sizing: border-box; 18712} 18713.el-form-wrapper input:-moz-placeholder, 18714.el-form-wrapper textarea:-moz-placeholder { 18715 color: #bbb; 18716} 18717.el-form-wrapper input::-moz-placeholder, 18718.el-form-wrapper textarea::-moz-placeholder { 18719 color: #bbb; 18720} 18721.el-form-wrapper input:-ms-input-placeholder, 18722.el-form-wrapper textarea:-ms-input-placeholder { 18723 color: #bbb; 18724} 18725.el-form-wrapper input::-webkit-input-placeholder, 18726.el-form-wrapper textarea::-webkit-input-placeholder { 18727 color: #bbb; 18728} 18729.el-form-wrapper input .error, 18730.el-form-wrapper textarea .error { 18731 border: 1px solid #f45656; 18732} 18733.el-form-wrapper input[disabled="disabled"], 18734.el-form-wrapper input.disabled { 18735 color: #999; 18736 background: #f5f5f5; 18737 -moz-box-shadow: inset 0px 0px 2px #ddd; 18738 -webkit-box-shadow: inset 0px 1px 2px #ddd; 18739 box-shadow: inset 0px 1px 2px #ddd; 18740} 18741.el-form-wrapper textarea { 18742 margin: 0; 18743 height: 200px; 18744 width: 100%; 18745 border: 1px solid #ccc; 18746 padding: 5px; 18747 vertical-align: middle; 18748 font-family: inherit; 18749 -moz-border-radius: 4px; 18750 -webkit-border-radius: 4px; 18751 border-radius: 4px; 18752 -moz-box-sizing: border-box; 18753 -webkit-box-sizing: border-box; 18754 -ms-box-sizing: border-box; 18755 box-sizing: border-box; 18756} 18757.el-form-wrapper select { 18758 vertical-align: middle; 18759 margin: 0; 18760 border: 1px solid #ccc; 18761 text-indent: 5px; 18762 border-radius: 4px; 18763 -moz-border-radius: 4px; 18764 -webkit-border-radius: 4px; 18765 background: #fff; 18766 box-shadow: inset 0px 1px 6px #ccc; 18767 box-sizing: border-box; 18768 unicode-bidi: bidi-override; 18769 direction: ltr; 18770 overflow: auto; 18771 line-height: 100%; 18772 padding: 3px; 18773 font-family: "Barlow", sans-serif; 18774 color: #4a4a4a; 18775} 18776.el-form-wrapper fieldset { 18777 padding: 17px 15px 10px 15px; 18778 -webkit-box-sizing: border-box; 18779 -moz-box-sizing: border-box; 18780 box-sizing: border-box; 18781 margin: 0; 18782 border: 1px solid #ccc; 18783 background: #f5f5f5; 18784 -moz-border-radius: 4px; 18785 -webkit-border-radius: 4px; 18786 border-radius: 4px; 18787 position: relative; 18788} 18789.el-form-wrapper fieldset .field_wrapper { 18790 display: inline; 18791 margin-right: 20px; 18792} 18793.el-form-wrapper fieldset label { 18794 margin-right: 14px; 18795 margin-bottom: 14px; 18796} 18797.el-form-wrapper fieldset label input.checkbox, 18798.el-form-wrapper fieldset label input.radio { 18799 float: left; 18800 margin-right: 14px !important; 18801 margin-top: 4px; 18802} 18803.el-form-wrapper fieldset label span { 18804 width: auto !important; 18805 float: left !important; 18806 padding-top: 0 !important; 18807} 18808.el-form-wrapper input.checkbox, 18809.el-form-wrapper input[type="checkbox"] { 18810 display: inline; 18811 width: auto; 18812 margin: 0 5px 0 0; 18813 padding: 0; 18814 border: 0; 18815 background: none; 18816 vertical-align: center; 18817 *vertical-align: top; 18818} 18819.el-form-wrapper input.radio, 18820.el-form-wrapper input[type="radio"] { 18821 display: inline; 18822 width: auto; 18823 margin: 0 5px 0 0; 18824 padding: 0; 18825 border: 0; 18826 background: none; 18827 vertical-align: center; 18828 *vertical-align: top; 18829} 18830.el-form-wrapper input[type="radio"]:focus, 18831.el-form-wrapper input[type="checkbox"]:focus { 18832 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18833 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
18834 -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18835 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18836 outline-color: rgba(0, 0, 0, 0.3); 18837} 18838.el-form-wrapper input.file, 18839.el-form-wrapper input[type="file"] { 18840 -moz-box-shadow: none; 18841 -webkit-box-shadow: none; 18842 box-shadow: none; 18843} 18844.el-form-wrapper button { 18845 float: right; 18846 margin: 0; 18847} 18848.el-form-wrapper .field_richtext .cke { 18849 float: right; 18850} 18851.el-form-wrapper .field_richtext .cke_chrome { 18852 border-radius: 4px; 18853 background-color: #f5f5f5; 18854} 18855.el-form-wrapper .required_error .cke_chrome { 18856 border-color: #f45656; 18857} 18858.el-form-wrapper .recaptcha_required { 18859 border: 1px solid #f45656; 18860} 18861.el-form-wrapper .form_message { 18862 display: none; 18863 line-height: 23px; 18864 margin-right: 28px; 18865 color: #4a4a4a; 18866} 18867.el-form-wrapper .form_message.required { 18868 color: #f45656; 18869} 18870.el-form-wrapper .validate_message { 18871 width: 50%; 18872 text-align: left; 18873 margin-top: 2px; 18874 margin-bottom: 2px; 18875 color: #f45656; 18876 display: none; 18877} 18878.el-form-wrapper .result_message { 18879 display: none; 18880 font-family: "Barlow", sans-serif; 18881 color: #000000; 18882 margin-bottom: 14px; 18883 line-height: 1.3; 18884 padding-top: 14px; 18885 width: 80%; 18886 padding: 10%; 18887} 18888.el-form-wrapper .result_message p { 18889 margin-bottom: 14px; 18890} 18891.el-form-wrapper .result_message.inline { 18892 display: block; 18893} 18894.el-form-wrapper .helptext { 18895 width: 50%; 18896 text-align: left; 18897 margin-top: 2px; 18898 margin-bottom: 2px; 18899 color: #4a4a4a; 18900 /* shown using .pc & .mac body classes below */ 18901} 18902.el-form-wrapper .helptext .key { 18903 float: none; 18904 display: none; 18905 color: #4a4a4a; 18906 /* default to pc in case nothing */ 18907} 18908.el-form-wrapper .helptext .key.pc { 18909 display: inline; 18910} 18911.el-form-wrapper .fieldhelp { 18912 margin-left: 7px; 18913 margin-right: 7px; 18914 position: relative; 18915 font-weight: normal; 18916 color: #4a4a4a; 18917 padding: 1px; 18918 padding-left: 5px; 18919 padding-right: 5px; 18920} 18921.el-form-wrapper .fieldhelp .content { 18922 position: absolute; 18923 top: 0px; 18924 left: 0px; 18925 background-color: #fff; 18926 -webkit-box-shadow: 0px 0px 12px 0px #4a4a4a; 18927 /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ 18928 box-shadow: 0px 0px 12px 0px #4a4a4a; 18929 color: #4a4a4a; 18930 font-weight: normal; 18931 padding: 7px; 18932 display: none; 18933 width: 300px; 18934 white-space: normal; 18935 z-index: 50; 18936} 18937.el-form-wrapper .fieldhelp p { 18938 color: #ffffff; 18939} 18940.el-form-wrapper .fieldhelp p:last-of-type { 18941 margin-bottom: 0 !important; 18942} 18943.el-form-wrapper .fieldhelp:hover .content { 18944 display: block; 18945} 18946.el-form-wrapper .fieldhelp .content a { 18947 color: #ffffff; 18948 text-decoration: underline; 18949 white-space: nowrap; 18950} 18951.el-form-wrapper.cc { 18952 margin-bottom: 50px; 18953} 18954#form_result a { 18955 color: #f45656; 18956} 18957.text_small .el-form-wrapper input.button, 18958.text_small .el-form-wrapper .el-button.uk-button-primary { 18959 font-size: 16px; 18960} 18961.text_small .el-form-wrapper .form_message, 18962.text_small .el-form-wrapper .validate_message { 18963 font-size: 18px; 18964} 18965.text_small .el-form-wrapper .result_message { 18966 font-size: 29px !important; 18967} 18968.text_small .el-form-wrapper .result_message p { 18969 font-size: 29px !important; 18970} 18971.text_small .el-form-wrapper .helptext { 18972 font-size: 12px; 18973} 18974.text_small .el-form-wrapper .fieldhelp { 18975 font-size: 19px; 18976} 18977.text_small .el-form-wrapper .fieldhelp .content { 18978 font-size: 16px; 18979} 18980.text_small .el-form-wrapper p { 18981 font-size: 16px; 18982} 18983.text_medium .el-form-wrapper { 18984 font-size: 18px; 18985} 18986.text_medium .el-form-wrapper input.button, 18987.text_medium .el-form-wrapper .el-button.uk-button-primary { 18988 font-size: 18px; 18989} 18990.text_medium .el-form-wrapper .form_message, 18991.text_medium .el-form-wrapper .validate_message { 18992 font-size: 16px; 18993} 18994.text_medium .el-form-wrapper .result_message { 18995 font-size: 32px !important; 18996} 18997.text_medium .el-form-wrapper .result_message p { 18998 font-size: 32px !important; 18999} 19000.text_medium .el-form-wrapper .helptext { 19001 font-size: 14px; 19002} 19003.text_medium .el-form-wrapper .fieldhelp { 19004 font-size: 21px; 19005} 19006.text_medium .el-form-wrapper .fieldhelp .content { 19007 font-size: 18px; 19008} 19009.text_medium .el-form-wrapper p { 19010 font-size: 18px; 19011} 19012.text_large .el-form-wrapper { 19013 font-size: 20px; 19014} 19015.text_large .el-form-wrapper input.button, 19016.text_large .el-form-wrapper .el-button.uk-button-primary { 19017 font-size: 20px; 19018} 19019.text_large .el-form-wrapper .form_message, 19020.text_large .el-form-wrapper .validate_message { 19021 font-size: 18px; 19022} 19023.text_large .el-form-wrapper .result_message { 19024 font-size: 37px !important; 19025} 19026.text_large .el-form-wrapper .result_message p { 19027 font-size: 37px !important; 19028} 19029.text_large .el-form-wrapper .helptext { 19030 font-size: 16px; 19031} 19032.text_large .el-form-wrapper .fieldhelp { 19033 font-size: 24px; 19034} 19035.text_large .el-form-wrapper .fieldhelp .content { 19036 font-size: 20px; 19037} 19038.text_large .el-form-wrapper p { 19039 font-size: 20px; 19040} 19041textarea:focus { 19042 border: 1px solid #1BD9A6 !important; 19043 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) !important; 19044 background-color: white !important; 19045} 19046/* Constant Contact Form */ 19047.el-form-wrapper .ctct-form-embed .ctct-form-defaults { 19048 color: #4a4a4a !important; 19049 font: 18px "Barlow", sans-serif !important; 19050 padding: 0!important; 19051} 19052.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-header { 19053 text-transform: uppercase; 19054 color: #000000 !important; 19055 font-size: 32px !important; 19056 font-style: normal !important; 19057 margin-top: 10px !important; 19058 margin-bottom: 20px !important; 19059 line-height: 36px !important; 19060 letter-spacing: 0 !important; 19061 position: relative; 19062 font-family: "Barlow", sans-serif !important; 19063} 19064.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-text { 19065 font-family: "Barlow", sans-serif; 19066 font-size: 18px !important; 19067 margin: 0 0 26px 0 !important; 19068 padding: 0!important; 19069 color: #4a4a4a !important;
19070 line-height: 26px !important; 19071} 19072.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field { 19073 margin-bottom: 0!important; 19074 margin-top: 15px!important; 19075} 19076.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-label { 19077 font-family: "Barlow", sans-serif !important; 19078 color: #4a4a4a !important; 19079 font-weight: normal!important; 19080 display: inline!important; 19081 margin: 0!important; 19082} 19083.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-element { 19084 color: #4a4a4a !important; 19085 font-size: 16px!important; 19086 border: 1px solid #c8c8c8 !important; 19087 border-radius: 4px !important; 19088 height: 30px!important; 19089 max-width: 100%; 19090 background-color: #ffffff !important; 19091 margin: 5px 0 10px; 19092 padding: 7px 6px 8px!important; 19093 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 19094 text-indent: 5px; 19095 box-shadow: none; 19096 font-family: "Barlow", sans-serif !important; 19097} 19098.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-element:focus { 19099 border: 1px solid #1BD9A6 !important; 19100 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) !important; 19101 outline: none!important; 19102} 19103.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field:first-of-type { 19104 margin-top: 0!important; 19105} 19106.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-button { 19107 width: auto!important; 19108 font-family: "Barlow", sans-serif !important; 19109 position: relative!important; 19110 background-color: #f45656; 19111 font-size: 18px !important; 19112 color: #ffffff; 19113 line-height: 20px !important; 19114 padding: 14px 32px 14px 32px !important; 19115 display: inline-table !important; 19116 font-weight: 600 !important; 19117 text-transform: uppercase !important; 19118 border-radius: 4px !important; 19119 letter-spacing: 0.18px !important; 19120 border: none!important; 19121 cursor: pointer!important; 19122} 19123.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-button:hover { 19124 background-color: #b880c3; 19125 color: #ffffff; 19126} 19127.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom #gdpr_text { 19128 margin-top: 15px; 19129} 19130.calc_wrapper { 19131 max-width: 1000px; 19132 margin: 0 auto; 19133} 19134.calc_wrapper form .results { 19135 text-align: center; 19136 font-weight: bold; 19137} 19138.calc_wrapper form #cwRate { 19139 margin-left: 32px; 19140} 19141.calc_wrapper .calculatorC { 19142 background-color: #eaeaea; 19143 border: 1px #ccc solid; 19144 max-width: 550px; 19145 margin: 15px auto 10px; 19146 padding: 9px; 19147} 19148.calc_wrapper .calculatorC .calculatorInnerTable { 19149 border: 0; 19150 border-collapse: collapse; 19151 margin: 0 auto; 19152} 19153.calc_wrapper .calculatorC .calculatorInnerTable td { 19154 border: 0; 19155 padding: 2px; 19156} 19157.uk-close-alt { 19158 color: #005d7b; 19159} 19160.gallery { 19161 width: 100%; 19162 max-width: 1000px; 19163 margin: 0 auto; 19164 *zoom: 1; 19165} 19166.gallery:before, 19167.gallery:after { 19168 content: " "; 19169 display: table; 19170 line-height: 0; 19171} 19172.gallery:after { 19173 clear: both; 19174} 19175.gallery a.uk-thumbnail { 19176 border-style: none; 19177 border-width: 0; 19178 background: transparent; 19179 padding: 0; 19180 margin-bottom: 26px; 19181} 19182@media print { 19183 .gallery * { 19184 color: #000000 !important; 19185 } 19186} 19187@media only screen and (max-width: 1000px) { 19188 .gallery { 19189 margin-left: 20px; 19190 margin-right: 20px; 19191 width: auto; 19192 } 19193} 19194.uk-slidenav-position .uk-slidenav { 19195 display: block!important; 19196} 19197.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast { 19198 opacity: 100; 19199} 19200.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast.uk-slidenav-previous { 19201 left: -10%; 19202} 19203.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast.uk-slidenav-next { 19204 right: -10%; 19205} 19206.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast:hover {
19207 color: #b880c3; 19208} 19209.maps-embed-container { 19210 margin-left: calc((100vw - 100%) / -2); 19211 overflow: hidden; 19212 width: 99.5vw; 19213} 19214.maps-embed-container iframe { 19215 width: 100vw; 19216 height: 40vw; 19217 max-height: 465px; 19218 min-height: 400px; 19219} 19220.fleet { 19221 position: relative; 19222 *zoom: 1; 19223} 19224.fleet:before, 19225.fleet:after { 19226 content: " "; 19227 display: table; 19228 line-height: 0; 19229} 19230.fleet:after { 19231 clear: both; 19232} 19233.fleet .fleet_plane { 19234 position: relative; 19235 display: block; 19236 width: 487px; 19237 height: 114px; 19238 float: left; 19239 background-size: contain; 19240 background-repeat: no-repeat; 19241 margin: 0 12px 12px 0; 19242} 19243.fleet .fleet_plane:nth-child(even) { 19244 margin-right: 0; 19245} 19246.fleet .fleet_plane .plane_name { 19247 position: absolute; 19248 left: 55px; 19249 top: 16px; 19250 font-size: 17px; 19251 font-weight: 600; 19252 color: #5a5a5a; 19253} 19254.fleet .fleet_plane .plane_count { 19255 position: absolute; 19256 right: 25px; 19257 top: 31px; 19258 font-size: 50px; 19259 color: #184a79; 19260} 19261.fleet .total_count { 19262 position: relative; 19263 display: block; 19264 float: left; 19265 clear: left; 19266 width: 400px; 19267 height: 400px; 19268 font-size: 36px; 19269 color: #184a79; 19270 margin-top: 45px; 19271} 19272#plane_image_edit { 19273 position: relative; 19274 margin-left: 5px; 19275 margin-top: 5px; 19276} 19277@media only screen and (max-width: 487px) { 19278 .fleet .fleet_plane { 19279 width: 100%; 19280 float: none; 19281 margin-right: 0; 19282 padding-top: 35px; 19283 background-position: 0 35px; 19284 } 19285} 19286.location { 19287 width: 100%; 19288 /*max-width: @content_width;*/ 19289 min-height: 150px; 19290 position: relative; 19291 padding: 0; 19292 /*border-bottom: 1px solid @common_border_color;*/ 19293 /*.clearfix();*/ 19294 margin: 0 auto 26px auto; 19295 margin-bottom: 26px; 19296 display: table; 19297 vertical-align: top; 19298} 19299.location .location_item { 19300 display: table-row; 19301 vertical-align: top; 19302} 19303.location .location_image { 19304 width: 150px; 19305 min-height: 150px; 19306 position: relative; 19307 /*float: left;*/ 19308 display: table-cell; 19309 vertical-align: top; 19310 padding-right: 20px; 19311 margin-bottom: 10px; 19312} 19313.location .location_text { 19314 /*display: block;*/ 19315 position: relative; 19316 /*float: left;*/ 19317 display: table-cell; 19318 vertical-align: top; 19319 /*width: (@content_width - 150 - 20);*/ 19320} 19321.location .location_text .location_text_label { 19322 color: #000000; 19323 font-family: "Barlow", sans-serif; 19324 /*font-size: @headline_size;*/ 19325 font-weight: 600; 19326 font-style: normal; 19327 line-height: 1; 19328 margin: 0 0 14px 0; 19329} 19330.location .location_text .location_text_address p { 19331 margin-bottom: 0; 19332} 19333.location .location_text .location_text_phone p { 19334 margin-bottom: 0; 19335} 19336.location .location_text a { 19337 color: #f45656; 19338} 19339.location .location_text a:hover { 19340 color: #b880c3; 19341} 19342.el_content_item:last-child .location { 19343 border-bottom: none; 19344} 19345.text_small .location .location_text .location_text_name, 19346.text_small .location .location_text .location_text_label { 19347 font-size: 24px; 19348} 19349.text_medium .location .location_text .location_text_name, 19350.text_medium .location .location_text .location_text_label { 19351 font-size: 26px; 19352} 19353.text_large .location .location_text .location_text_name, 19354.text_large .location .location_text .location_text_label { 19355 font-size: 31px; 19356} 19357@media only screen and (max-width: 1000px) { 19358 .responsive .location .location_image { 19359 /*float: none;*/ 19360 /*margin-bottom: @paragraph_spacing;*/ 19361 } 19362 .responsive .location .location_text { 19363 /*width: 100%;*/ 19364 /*margin: 0;*/ 19365 } 19366} 19367@media only screen and (max-width: 424px) { 19368 .responsive .location .location_item { 19369 height: auto; 19370 min-height: 0; 19371 display: block; 19372 margin-bottom: 0; 19373 } 19374 .responsive .location .location_image { 19375 height: auto; 19376 min-height: 0; 19377 display: block; 19378 padding: 0; 19379 } 19380 .responsive .location .location_text { 19381 height: auto; 19382 min-height: 0; 19383 display: block; 19384 width: 100%; 19385 margin: 0; 19386 } 19387} 19388.popup_map { 19389 position: relative; 19390} 19391.popup_map .map { 19392 width: 100%; 19393 height: auto; 19394} 19395.popup_map .map_location { 19396 position: absolute; 19397} 19398.popup_map .map_location:after { 19399 content: "\f10c"; 19400 font-family: 'FontAwesome'; 19401 color: #000000; 19402 font-size: 1vw; 19403 position: absolute; 19404 top: -0.4vw; 19405 left: -0.4vw; 19406} 19407.location_map { 19408 margin-bottom: 26px; 19409} 19410.location_map .locations { 19411 position: relative; 19412} 19413.location_map .locations .map { 19414 width: 100%; 19415 height: auto; 19416} 19417.location_map .locations .map_location { 19418 position: absolute; 19419 width: 2vw; 19420 height: 2vw; 19421 z-index: 4; 19422} 19423.location_map .locations .map_location:before { 19424 content: ""; 19425 display: block; 19426 width: 4vw; 19427 height: 4vw; 19428 position: absolute; 19429 top: -1vw; 19430 left: -2vw; 19431} 19432.location_map .locations .map_location:after {
19433 content: "\f10c"; 19434 font-family: 'FontAwesome'; 19435 color: #000000; 19436 font-size: 1vw; 19437 position: absolute; 19438 top: -0.4vw; 19439 left: -0.4vw; 19440} 19441.location_map .locations .map_location .info { 19442 display: none; 19443 width: 200px; 19444 font-family: "Barlow", sans-serif; 19445 font-size: 26px; 19446 color: #000000; 19447 position: relative; 19448 top: 2px; 19449 left: 2px; 19450 background-color: #fff; 19451 border: 5px solid #fff; 19452} 19453.location_map .locations .map_location .info .name { 19454 font-size: 18px; 19455} 19456.location_map .locations .map_location .info img { 19457 width: 100%; 19458 height: auto; 19459} 19460.location_map .locations .map_location:hover { 19461 z-index: 5; 19462} 19463.location_map .locations .map_location:hover:after { 19464 content: "\f192"; 19465 color: #000000; 19466} 19467.location_map .locations .map_location:hover .info { 19468 display: block; 19469} 19470.el_content_item:last-child .location_map { 19471 border-bottom: none; 19472} 19473.text_small .location_map .location_map_text .location_map_text_name { 19474 font-size: 24px; 19475} 19476.text_medium .location_map .location_map_text .location_map_text_name { 19477 font-size: 26px; 19478} 19479.text_large .location_map .location_map_text .location_map_text_name { 19480 font-size: 31px; 19481} 19482@media only screen and (max-width: 1000px) { 19483 .responsive .location_map { 19484 margin: 0; 19485 margin-bottom: 26px; 19486 } 19487} 19488@media only screen and (max-width: 450px) { 19489 .location_map .locations .map_location:after { 19490 font-size: 2vw; 19491 position: absolute; 19492 top: -0.9vw; 19493 left: -0.9vw; 19494 } 19495} 19496.card-grid, 19497.card-list { 19498 max-width: 1000px; 19499 width: 100%; 19500 margin: 0 auto; 19501} 19502@media only screen and (max-width: 1000px) { 19503 .card-grid, 19504 .card-list { 19505 width: auto; 19506 margin-left: 20px; 19507 margin-right: 20px; 19508 } 19509} 19510@media only screen and (max-width: 640px) { 19511 .card-grid, 19512 .card-list { 19513 margin-bottom: 20px; 19514 } 19515} 19516.categories h1 { 19517 margin-bottom: 40px; 19518} 19519.categories .name-filter { 19520 font-family: "Barlow", sans-serif; 19521 font-weight: 600; 19522 line-height: 1.2; 19523 color: #000000; 19524 text-transform: uppercase; 19525 font-weight: bold; 19526 margin-right: 20px; 19527} 19528.categories .seperator { 19529 width: 100%; 19530 height: 3px; 19531 background-color: #000000; 19532 margin-bottom: 15px; 19533} 19534.categories .letters { 19535 margin-bottom: 30px; 19536 text-align: center; 19537} 19538.categories .title { 19539 font-weight: bold; 19540} 19541.categories .category_filters { 19542 margin-bottom: 80px; 19543} 19544.categories .category-btn { 19545 box-sizing: border-box; 19546 -moz-border-radius: 4px; 19547 -webkit-border-radius: 4px; 19548 border-radius: 4px; 19549 font-weight: 600; 19550 color: #ffffff; 19551 padding: 10px 12px; 19552 transition: background-color 0.25s ease; 19553 text-align: center; 19554 font-size: 1rem; 19555 min-width: 0; 19556 display: block; 19557 margin: 0 10px; 19558 background-color: #BBBBBB; 19559 position: relative; 19560} 19561@media only screen and (max-width: 350px) { 19562 .categories .category-btn { 19563 margin: 0; 19564 } 19565} 19566.categories .category-btn:hover { 19567 background-color: #006d8e; 19568} 19569.categories .category-btn[disabled] { 19570 background-color: #cccccc; 19571} 19572.categories .category-btn[disabled]:hover { 19573 background-color: #cccccc; 19574} 19575@media only screen and (min-width: 960px) { 19576 .categories .category-btn.large { 19577 font-family: "Barlow", sans-serif; 19578 line-height: 1.2; 19579 color: #000000; 19580 text-transform: uppercase; 19581 font-weight: 600; 19582 min-width: 232px; 19583 padding: 6px 16px; 19584 } 19585} 19586.research_database .name-filter { 19587 font-family: "Barlow", sans-serif; 19588 font-weight: 600; 19589 line-height: 1.2; 19590 color: #000000; 19591 text-transform: uppercase; 19592 font-weight: bold; 19593 margin-right: 20px; 19594} 19595.research_database > .seperator { 19596 width: 100%; 19597 height: 3px; 19598 background-color: #000000; 19599 margin-bottom: 15px; 19600} 19601.research_database .letters { 19602 margin-bottom: 30px; 19603 text-align: center; 19604} 19605.research_database > .title { 19606 font-weight: bold; 19607} 19608.research_database > .category_filters { 19609 margin-bottom: 80px; 19610} 19611.research_database .category-btn { 19612 box-sizing: border-box; 19613 -moz-border-radius: 4px; 19614 -webkit-border-radius: 4px; 19615 border-radius: 4px; 19616 font-weight: 600; 19617 color: #ffffff; 19618 padding: 10px 12px; 19619 transition: background-color 0.25s ease; 19620 text-align: center; 19621 font-size: 1rem; 19622 min-width: 0; 19623 display: block; 19624 margin: 0 10px; 19625 background-color: #BBBBBB; 19626 position: relative; 19627} 19628@media only screen and (max-width: 350px) { 19629 .research_database .category-btn { 19630 margin: 0; 19631 } 19632} 19633.research_database .category-btn:hover { 19634 background-color: #006d8e; 19635} 19636.research_database .category-btn[disabled] { 19637 background-color: #cccccc; 19638} 19639.research_database .category-btn[disabled]:hover { 19640 background-color: #cccccc; 19641} 19642@media only screen and (min-width: 960px) { 19643 .research_database .category-btn.large { 19644 font-family: "Barlow", sans-serif; 19645 line-height: 1.2; 19646 color: #000000; 19647 text-transform: uppercase; 19648 font-weight: 600; 19649 min-width: 232px; 19650 padding: 6px 16px; 19651 } 19652} 19653.section_thumbs { 19654 margin-bottom: 52px; 19655} 19656.section_thumbs .heading { 19657 color: #000000; 19658 font-family: "Barlow", sans-serif; 19659 font-weight: 600; 19660 font-style: normal;
19661 line-height: 26px; 19662 margin: 0 0 14px 0; 19663 height: auto !important; 19664 display: block; 19665} 19666.section_thumbs .heading p { 19667 margin: 0; 19668 padding: 0; 19669} 19670.section_thumbs .heading a { 19671 color: #000000; 19672 background-repeat: no-repeat; 19673 background-position: 100% 50%; 19674 padding-right: 10px; 19675} 19676.content_item_first .section_thumbs .heading { 19677 color: #000000; 19678 font-family: "Barlow", sans-serif; 19679 font-weight: 600; 19680 font-style: normal; 19681 line-height: 26px; 19682 margin-bottom: 20px; 19683} 19684.section_thumbs.open .heading a { 19685 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 19686} 19687.section_thumbs.open .heading a:after { 19688 content: "\f107"; 19689 font-family: 'FontAwesome'; 19690 padding-left: 10px; 19691 color: #f45656; 19692 position: relative; 19693 top: -3px; 19694} 19695.section_thumbs.closed .heading a { 19696 /*background-image: url(@{foundation_path}arrow_down.png?@{modified});*/ 19697} 19698.section_thumbs.closed .heading a:after { 19699 content: "\f106"; 19700 font-family: 'FontAwesome'; 19701 padding-left: 10px; 19702 color: #f45656; 19703 position: relative; 19704 top: -3px; 19705} 19706.items ul li { 19707 margin-bottom: 12px; 19708} 19709.items ul.horizontal { 19710 padding-left: 0; 19711} 19712.items ul.horizontal li { 19713 display: inline-table; 19714 margin-right: 5px; 19715} 19716.items ul.horizontal li:before { 19717 content: "|"; 19718 position: relative; 19719 top: -1px; 19720} 19721.items ul.horizontal li:first-child:before { 19722 content: normal; 19723} 19724.items ul.horizontal li:last-child { 19725 margin-right: 0; 19726} 19727.section_thumbs .items { 19728 /*margin: 0;*/ 19729 /*padding: 0;*/ 19730 color: #4a4a4a; 19731 font-family: "Barlow", sans-serif; 19732 line-height: 26px; 19733} 19734.section_thumbs .items p { 19735 margin-bottom: 26px; 19736} 19737.section_thumbs .items a { 19738 color: #f45656; 19739} 19740.section_thumbs .items .item p { 19741 margin: 0px; 19742 padding: 0px; 19743} 19744.section_thumbs .item { 19745 position: relative; 19746 margin-bottom: 26px; 19747} 19748.section_thumbs .item .image { 19749 position: relative; 19750 display: block; 19751 margin-bottom: 14px; 19752} 19753.section_thumbs .item .image img { 19754 width: 100%; 19755} 19756.section_thumbs .item .image img.placeholder { 19757 background-color: #4a4a4a; 19758} 19759.section_thumbs .item .image:hover:after { 19760 content: '\f054'; 19761 position: absolute; 19762 width: 100%; 19763 height: 100%; 19764 top: 0; 19765 left: 0; 19766 box-sizing: border-box; 19767 text-align: center; 19768 padding-top: 30%; 19769 font-family: 'FontAwesome'; 19770 color: #fff; 19771 background-color: rgba(244, 86, 86, 0.8); 19772} 19773.section_thumbs .item .title { 19774 display: block; 19775 text-align: center; 19776 color: #000000; 19777 font-family: "Barlow", sans-serif; 19778 font-weight: 600; 19779 font-style: normal; 19780 line-height: 1.2; 19781} 19782.text_small .section_thumbs .heading { 19783 font-size: 24px; 19784} 19785.text_small .content_item_first .section_thumbs .heading { 19786 font-size: 30px; 19787} 19788.text_small .section_thumbs.open .heading a:after { 19789 font-size: 16px; 19790} 19791.text_small .section_thumbs.closed .heading a:after { 19792 font-size: 16px; 19793} 19794.text_small .section_thumbs .items { 19795 font-size: 16px; 19796} 19797.text_small .section_thumbs .item .image:hover:after { 19798 font-size: 26px; 19799} 19800.text_small .section_thumbs .item .title { 19801 font-size: 24px; 19802} 19803.text_medium .section_thumbs .heading { 19804 font-size: 26px; 19805} 19806.text_medium .content_item_first .section_thumbs .heading { 19807 font-size: 32px; 19808} 19809.text_medium .section_thumbs.open .heading a:after { 19810 font-size: 18px; 19811} 19812.text_medium .section_thumbs.closed .heading a:after { 19813 font-size: 18px; 19814} 19815.text_medium .section_thumbs .items { 19816 font-size: 18px; 19817} 19818.text_medium .section_thumbs .item .image:hover:after { 19819 font-size: 30px; 19820} 19821.text_medium .section_thumbs .item .title { 19822 font-size: 26px; 19823} 19824.text_large .section_thumbs .heading { 19825 font-size: 28px; 19826} 19827.text_large .content_item_first .section_thumbs .heading { 19828 font-size: 34px; 19829} 19830.text_large .section_thumbs.open .heading a:after { 19831 font-size: 20px; 19832} 19833.text_large .section_thumbs.closed .heading a:after { 19834 font-size: 20px; 19835} 19836.text_large .section_thumbs .items { 19837 font-size: 20px; 19838} 19839.text_large .section_thumbs .item .image:hover:after { 19840 font-size: 34px; 19841} 19842.text_large .section_thumbs .item .title { 19843 font-size: 28px; 19844} 19845@media only screen and (max-width: 666.66666667px) { 19846 .responsive .section_thumbs .item { 19847 /*max-width: 49%;*/ 19848 /*margin-right: 2%;*/ 19849 /*margin-bottom: @leading;*/ 19850 } 19851 .responsive .section_thumbs .item:nth-child(3n) { 19852 /*margin-right: 2%;*/ 19853 } 19854 .responsive .section_thumbs .item:nth-child(2n) { 19855 /*margin-right: 0;*/ 19856 } 19857 .responsive .section_thumbs .item .image { 19858 margin-bottom: 14px; 19859 } 19860} 19861@media print { 19862 .section_thumbs * { 19863 color: #000000 !important; 19864 } 19865 .section_thumbs .item { 19866 /*max-width: 22%;*/ 19867 /*margin-right: 4%;*/ 19868 /*margin-bottom: @leading;*/ 19869 } 19870 .section_thumbs .item:nth-child(3n) { 19871 /*margin-right: 4%;*/ 19872 } 19873 .section_thumbs .item:nth-child(4n) { 19874 /*margin-right: 0;*/ 19875 } 19876 .section_thumbs .item .image img { 19877 box-sizing: border-box; 19878 border: 2px solid #4a4a4a; 19879 } 19880 .section_thumbs .item .image img.placeholder { 19881 background-color: #4a4a4a !important; 19882 } 19883} 19884.testimonial-quote { 19885 position: relative; 19886 max-width: 828px; 19887 margin: 50px auto; 19888} 19889.testimonial-quote .quote { 19890 color: #f45656; 19891 font-size: 29px; 19892 line-height: 40px; 19893 max-width: 828px; 19894 margin: 0 auto 0px; 19895 font-style: italic; 19896} 19897.testimonial-quote .quote a { 19898 color: #f45656; 19899} 19900.testimonial-quote .quote .attribution { 19901 color: #737373; 19902 line-height: 40px; 19903 font-size: 29px; 19904 font-style: italic; 19905 margin-left: 15px; 19906} 19907@media only screen and (max-width: 1000px) { 19908 .testimonial-quote { 19909 padding: 0 20px; 19910 } 19911 .testimonial-quote .quote, 19912 .testimonial-quote .quote .attribution { 19913 font-size: 20px; 19914 line-height: 31px; 19915 } 19916} 19917.text_columns { 19918 max-width: 1000px; 19919 clear: both; 19920 margin: 0 auto; 19921 font-size: 18px; 19922 color: #4a4a4a;
19923 line-height: 26px; 19924 *zoom: 1; 19925} 19926.text_columns.fullwidth { 19927 overflow: hidden; 19928 width: 99.5vw; 19929 background-color: #F5F5F5; 19930 max-width: none; 19931 padding: 50px 0; 19932 margin: 50px 0 50px calc((100vw - 100%) / -2); 19933} 19934.text_columns:before { 19935 width: 0; 19936} 19937.text_columns:before, 19938.text_columns:after { 19939 content: " "; 19940 display: table; 19941 line-height: 0; 19942} 19943.text_columns:after { 19944 clear: both; 19945} 19946.text_columns .wrapper { 19947 max-width: 1000px; 19948 margin: 0 auto; 19949 text-align: left; 19950} 19951.text_columns h4 { 19952 color: #559FD3; 19953 font-family: "Barlow", sans-serif; 19954 font-size: 26px; 19955 font-weight: 600; 19956 font-style: normal; 19957 line-height: 30px; 19958 margin-bottom: 15px; 19959 text-transform: uppercase; 19960} 19961.text_columns h4 a { 19962 color: #000000; 19963} 19964.text_columns .text-block { 19965 margin-bottom: 30px; 19966} 19967.text_columns a.email { 19968 display: block; 19969 width: 100%; 19970 overflow: hidden; 19971 text-overflow: fade; 19972 max-width: 100%; 19973} 19974.text_small .text_columns .text_copy .copy h4 { 19975 font-size: 18px; 19976 line-height: 20px; 19977} 19978.text_medium .text_columns .text_copy .copy h4 { 19979 font-size: 20px; 19980 line-height: 22px; 19981} 19982.text_large .text_columns .text_copy .copy h4 { 19983 font-size: 23px; 19984 line-height: 25px; 19985} 19986@media only screen and (max-width: 1000px) { 19987 .full .wrapper { 19988 padding: 0 15px 0 5px; 19989 } 19990 .full .wrapper .text-block { 19991 padding-left: 15px; 19992 padding-right: 15px; 19993 } 19994} 19995@media only screen and (max-width: 1200px) { 19996 .full .wrapper .copy { 19997 margin-bottom: 20px; 19998 } 19999} 20000.toc { 20001 /*max-width: @content_width;*/ 20002 margin: 0 auto 52px auto; 20003} 20004.toc .heading { 20005 color: #000000; 20006 font-family: "Barlow", sans-serif; 20007 font-size: 26px; 20008 font-weight: 600; 20009 font-style: normal; 20010 line-height: 26px; 20011 margin: 0 0 14px 0; 20012 height: auto !important; 20013 display: block; 20014} 20015.toc .heading p { 20016 margin: 0 0 15px 0; 20017 padding: 0; 20018} 20019.toc .heading a { 20020 color: #000000; 20021 background-repeat: no-repeat; 20022 background-position: 100% 50%; 20023 padding-right: 10px; 20024} 20025.content_item_first .toc .heading a { 20026 font-family: "Barlow", sans-serif; 20027 color: #000000; 20028 font-size: 32px; 20029 font-weight: 600; 20030 font-style: normal; 20031 line-height: 26px; 20032 margin-bottom: 0; 20033} 20034.toc.open .heading a { 20035 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 20036} 20037.toc.open .heading a:after { 20038 content: "\f107"; 20039 font-family: 'FontAwesome'; 20040 padding-left: 10px; 20041 color: #f45656; 20042 font-size: 18px; 20043 position: relative; 20044 top: -3px; 20045} 20046.toc.closed .heading a { 20047 /*background-image: url(@{foundation_path}arrow_down.png?@{modified});*/ 20048} 20049.toc.closed .heading a:after { 20050 content: "\f106"; 20051 font-family: 'FontAwesome'; 20052 padding-left: 10px; 20053 color: #f45656; 20054 font-size: 18px; 20055 position: relative; 20056 top: -3px; 20057} 20058.toc .items { 20059 margin: 0 0 0 0; 20060 padding: 0; 20061 color: #4a4a4a; 20062 font-family: "Barlow", sans-serif; 20063 font-size: 18px; 20064 line-height: 26px; 20065} 20066.toc .items p { 20067 margin: 0 0 26px 0; 20068 padding: 0; 20069} 20070.toc .items a { 20071 color: #f45656; 20072} 20073.toc .items a:hover { 20074 color: #b880c3; 20075} 20076.toc .items ul { 20077 margin-bottom: 18px; 20078} 20079.toc .items ol { 20080 margin-bottom: 18px; 20081} 20082.toc .items ul li { 20083 /*background-image: none;*/ 20084 list-style-type: none; 20085} 20086.toc .items ul li:before { 20087 content: "\002022"; 20088 padding-left: -12; 20089 padding-right: 5px; 20090 color: #000000; 20091 font-size: 16px; 20092} 20093.toc .items ul li p { 20094 margin: 0px; 20095 padding: 0px; 20096} 20097@media print { 20098 .toc * { 20099 color: #000000 !important; 20100 } 20101 .toc ul li { 20102 background-image: none !important; 20103 list-style-type: disc !important; 20104 padding: 0px; 20105 margin-left: 0; 20106 } 20107} 20108.video_upload { 20109 position: relative; 20110 float: none; 20111 width: 828px; 20112 display: block; 20113 margin-left: auto; 20114 margin-right: auto; 20115 margin-bottom: 26px; 20116} 20117@media only screen and (max-width: 1000px) { 20118 .responsive .custom_upload_video .video_upload { 20119 clear: both; 20120 width: 100%; 20121 } 20122 .responsive .custom_upload_video .video { 20123 clear: both; 20124 height: auto; 20125 } 20126 .responsive .custom_upload_video .copy { 20127 clear: both; 20128 width: 100%; 20129 margin-left: 0; 20130 } 20131} 20132.youtube_video { 20133 display: block; 20134 margin-left: auto; 20135 margin-right: auto; 20136 margin-bottom: 26px; 20137} 20138.viewmore { 20139 position: relative; 20140 margin-bottom: 52px; 20141 font-size: 18px; 20142} 20143.viewmore a { 20144 position: relative; 20145 /*padding-right: @arrow_padding;*/ 20146 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 20147 background-position: 100% 50%; 20148 background-repeat: no-repeat; 20149 color: #f45656; 20150 font-family: "Barlow", sans-serif; 20151} 20152.viewmore a:after {
20153 content: "\f078"; 20154 font-family: 'FontAwesome'; 20155 padding-left: 10px; 20156 color: #f45656; 20157} 20158.text_small .viewmore { 20159 font-size: 18px; 20160} 20161.text_medium .viewmore { 20162 font-size: 20px; 20163} 20164.text_large .viewmore { 20165 font-size: 23px; 20166} 20167@media print { 20168 .viewmore { 20169 display: none; 20170 } 20171} 20172.sponsor_logo { 20173 position: relative; 20174 display: block; 20175 width: 394px; 20176 height: 315.2px; 20177 display: table-cell; 20178 vertical-align: middle; 20179} 20180.sponsor_logo .image { 20181 max-width: 80%; 20182 margin-left: auto; 20183 margin-right: auto; 20184 position: relative; 20185 /*height: 0;*/ 20186 /*padding-bottom: 25%;*/ 20187 /*width: 25%;*/ 20188} 20189.sponsor_logo .image img { 20190 height: auto; 20191 display: block; 20192 margin-left: auto; 20193 margin-right: auto; 20194 max-width: 100%; 20195 width: 100%; 20196 max-height: 315.2px; 20197} 20198.sponsor_logo .text { 20199 position: absolute; 20200 bottom: 30px; 20201 width: 100%; 20202 text-align: center; 20203 color: #000000; 20204 font-family: "Barlow", sans-serif; 20205 font-size: 26px; 20206 font-weight: 600; 20207 font-style: normal; 20208 line-height: 1.4; 20209 display: none; 20210 background-color: rgba(204, 204, 204, 0.6); 20211 padding-top: 13px; 20212 padding-bottom: 13px; 20213} 20214.sponsor_logo:hover .text { 20215 display: block; 20216} 20217/* javascript add this class to .el_content_item div */ 20218.sponsor_logo_outer { 20219 /*float: left;*/ 20220 display: inline-block; 20221 max-width: 48%; 20222 margin-right: 4%; 20223 margin-bottom: 4%; 20224} 20225.sponsor_logo_outer:nth-child(even) { 20226 margin-right: 0; 20227} 20228@media only screen and (max-width: 500px) { 20229 .responsive .sponsor_logo_outer { 20230 display: block; 20231 max-width: 100%; 20232 margin-left: auto; 20233 margin-right: auto; 20234 margin-bottom: 4%; 20235 text-align: center; 20236 } 20237 .responsive .sponsor_logo_outer .sponsor_logo { 20238 padding-left: 10%; 20239 } 20240 .responsive .sponsor_logo_outer:nth-child(even) { 20241 margin-right: auto; 20242 } 20243} 20244.callout { 20245 position: relative; 20246 display: table; 20247 margin: 0 auto; 20248 *zoom: 1; 20249 margin-bottom: 52px; 20250 max-width: 828px; 20251 /* 20252 &.photo-left { 20253 max-width: @site_width; 20254 }*/ 20255} 20256@media only screen and (max-width: 960px) { 20257 .callout { 20258 margin-left: 20px; 20259 margin-right: 20px; 20260 } 20261} 20262.callout:before, 20263.callout:after { 20264 content: " "; 20265 display: table; 20266 line-height: 0; 20267} 20268.callout:after { 20269 clear: both; 20270} 20271.callout .callout_image_wrapper { 20272 display: table-cell; 20273 vertical-align: top; 20274 text-align: left; 20275 width: 372px; 20276} 20277.callout img { 20278 width: 372px; 20279 height: auto; 20280 display: block; 20281 margin-bottom: 13px; 20282 border-radius: 4px; 20283} 20284.callout .bullets { 20285 font-size: 18px; 20286 font-family: "Barlow", sans-serif; 20287 color: #4a4a4a; 20288 line-height: 26px; 20289 font-weight: normal; 20290} 20291.callout .text { 20292 padding-top: 0px; 20293 padding-right: 32px; 20294 display: table-cell; 20295 vertical-align: top; 20296 text-align: left; 20297 position: relative; 20298 color: #000000; 20299 font-family: "Barlow", sans-serif; 20300 font-size: 26px; 20301 font-weight: 600; 20302 font-style: normal; 20303 line-height: 1.4; 20304 box-sizing: border-box; 20305} 20306.callout .text .title { 20307 display: block; 20308 font-size: 26px; 20309 line-height: 30px; 20310 margin-bottom: 15px; 20311 text-transform: uppercase; 20312} 20313.callout .text .copy { 20314 display: block; 20315 font-size: 18px; 20316 font-family: "Barlow", sans-serif; 20317 color: #4a4a4a; 20318 line-height: 26px; 20319 font-weight: normal; 20320} 20321.callout .text .btn { 20322 margin: 0; 20323 margin-top: 32px; 20324} 20325@media (max-width: 900px) { 20326 .callout .text .btn { 20327 margin-bottom: 48px; 20328 } 20329} 20330.callout .text button { 20331 font-family: "Barlow", sans-serif; 20332} 20333.callout.photo-left .callout_image_wrapper { 20334 width: 484px; 20335 height: auto; 20336} 20337.callout.photo-left .callout_image_wrapper img { 20338 width: 484px; 20339 height: auto; 20340} 20341.callout.photo-left .text { 20342 padding-top: 32px; 20343 padding-left: 32px; 20344 padding-right: 0; 20345} 20346@media (max-width: 900px) { 20347 .callout.photo-left .text { 20348 padding-top: 0; 20349 } 20350} 20351@media only screen and (max-width: 900px) { 20352 .responsive .callout { 20353 display: block; 20354 } 20355 .responsive .callout .callout_image_wrapper { 20356 display: block; 20357 width: 100%; 20358 } 20359 .responsive .callout .text { 20360 display: block; 20361 padding-left: 0; 20362 } 20363} 20364.link_button_wrapper { 20365 text-align: center; 20366} 20367.link_button_wrapper .btn { 20368 margin-top: 0; 20369 margin-bottom: 35px; 20370} 20371@media only screen and (max-width: 400px) { 20372 .responsive .link_button img { 20373 display: block; 20374 float: none; 20375 margin-right: 0; 20376 } 20377} 20378.inline_media_wrapper { 20379 margin: 40px auto 70px; 20380} 20381@media only screen and (max-width: 1000px) { 20382 .inline_media_wrapper { 20383 padding: 0 20px; 20384 margin-top: 10px; 20385 margin-bottom: 40px; 20386 } 20387} 20388.inline_media_wrapper h1, 20389.photo_inline h1, 20390.inline_media_wrapper h2, 20391.photo_inline h2 { 20392 position: absolute; 20393 top: 50%; 20394 right: 0; 20395 bottom: 0; 20396 left: 0; 20397 max-width: 829px; 20398 color: #ffffff; 20399 font-weight: 600; 20400 font-size: 34px; 20401 line-height: 30px; 20402 margin: 0 auto; 20403 text-transform: uppercase; 20404 letter-spacing: 3.78px; 20405} 20406.inline_media_wrapper h1 .brush, 20407.photo_inline h1 .brush, 20408.inline_media_wrapper h2 .brush, 20409.photo_inline h2 .brush { 20410 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 20411 font-weight: normal; 20412 font-style: normal; 20413 font-size: 132px; 20414 line-height: 70px; 20415 text-transform: none; 20416 padding-left: 12px; 20417 white-space: nowrap; 20418} 20419.photo_inline { 20420 position: relative; 20421 padding: 0; 20422 display: block; 20423 margin: 0 auto; 20424} 20425.photo_inline img { 20426 display: block; 20427 width: 100%; 20428 margin-bottom: 0; 20429} 20430.photo_inline a .icon { 20431 position: absolute; 20432 width: 100%; 20433 text-align: center; 20434 top: 40%; 20435} 20436.photo_inline a .icon .fa { 20437 color: rgba(255, 255, 255, 0.5); 20438 font-size: 100px; 20439} 20440.photo_inline a img {
20441 cursor: pointer; 20442} 20443.photo_inline .caption { 20444 display: block; 20445 position: absolute; 20446 bottom: 0; 20447 background-color: rgba(0, 0, 0, 0.7); 20448 padding: 20px 0; 20449 color: #fff; 20450 font-family: "Barlow", sans-serif; 20451 line-height: 20px; 20452 font-size: 16px; 20453 width: 100%; 20454 border-radius: 0 0 4px 4px; 20455} 20456.photo_inline .caption div { 20457 max-width: 829px; 20458 margin: 0 auto; 20459} 20460.photo_inline .caption a { 20461 color: #f45656; 20462} 20463.photo_inline .caption a:hover { 20464 color: #b880c3; 20465} 20466.photo_inline .caption p { 20467 margin-bottom: 18px; 20468} 20469.photo_inline .caption p:last-of-type { 20470 margin-bottom: 0; 20471} 20472.photo_inline.video a:after { 20473 position: absolute; 20474 top: 40%; 20475 left: 45%; 20476 color: #ffffff; 20477 font-size: 100px; 20478} 20479@media only screen and (max-width: 600px) { 20480 .photo_inline.video a:after { 20481 font-size: 50px; 20482 } 20483} 20484@media only screen and (max-width: 700px) { 20485 .photo_inline h1, 20486 .photo_inline h2 { 20487 top: 12%; 20488 } 20489} 20490@media only screen and (max-width: 900px) { 20491 .photo_inline h1, 20492 .photo_inline h2 { 20493 font-size: 20px; 20494 line-height: 20px; 20495 letter-spacing: 2.22px; 20496 padding: 0 20px; 20497 } 20498 .photo_inline h1 .brush, 20499 .photo_inline h2 .brush { 20500 font-size: 80px; 20501 line-height: 42px; 20502 } 20503 .photo_inline .caption { 20504 position: relative; 20505 background-color: #000000; 20506 } 20507 .photo_inline .caption div { 20508 padding: 0 20px; 20509 } 20510} 20511.photo_inline.alignleft { 20512 float: left; 20513 margin-right: 18px; 20514} 20515.photo_inline.alignright { 20516 float: right; 20517 margin-left: 18px; 20518} 20519.photo_inline.wide { 20520 max-width: 1000px; 20521 min-height: 150px; 20522} 20523.photo_inline.fullwidth { 20524 max-width: none; 20525} 20526.photo_inline.alignright, 20527.photo_inline.alignleft { 20528 width: 100%; 20529 max-width: 398px; 20530 margin-bottom: 25px; 20531} 20532.photo_inline.alignright h1, 20533.photo_inline.alignleft h1, 20534.photo_inline.alignright h2, 20535.photo_inline.alignleft h2 { 20536 font-size: 20px; 20537 line-height: 20px; 20538 letter-spacing: 2.22px; 20539 max-width: 358px; 20540 top: 25%; 20541} 20542.photo_inline.alignright h1 .brush, 20543.photo_inline.alignleft h1 .brush, 20544.photo_inline.alignright h2 .brush, 20545.photo_inline.alignleft h2 .brush { 20546 font-size: 80px; 20547 line-height: 42px; 20548} 20549.photo_inline.alignright .caption, 20550.photo_inline.alignleft .caption { 20551 position: relative; 20552 background-color: #000000; 20553} 20554.photo_inline.alignright .caption div, 20555.photo_inline.alignleft .caption div { 20556 max-width: 358px; 20557} 20558.photo_inline.alignright img, 20559.photo_inline.alignleft img { 20560 max-width: 398px; 20561 height: auto; 20562} 20563.el_content_item:last-child .photo_inline { 20564 border-bottom: none; 20565} 20566.text_small .photo_inline .caption { 20567 font-size: 16px; 20568 line-height: 20px; 20569} 20570.text_medium .photo_inline .caption { 20571 font-size: 18px; 20572 line-height: 22px; 20573} 20574.text_large .photo_inline .caption { 20575 font-size: 21px; 20576 line-height: 25px; 20577} 20578@media only screen and (max-width: 700px) { 20579 .photo_inline.alignleft h1, 20580 .photo_inline.alignright h1, 20581 .photo_inline.alignleft h2, 20582 .photo_inline.alignright h2 { 20583 top: 12%; 20584 padding: 0 20px; 20585 } 20586 .photo_inline.alignleft .caption div, 20587 .photo_inline.alignright .caption div { 20588 padding: 0 20px; 20589 } 20590} 20591.uk-modal-caption { 20592 background-color: #4a4a4a; 20593 box-sizing: border-box; 20594 bottom: -45px; 20595 color: #ffffff; 20596 font-family: 0; 20597 font-size: 16px; 20598 font-weight: 500; 20599 line-height: 1; 20600 padding: 20px 0 15px; 20601} 20602.uk-close-alt { 20603 color: #ef5a32; 20604} 20605.spacer { 20606 height: 1px; 20607 width: 100%; 20608} 20609.spacer.line { 20610 background-color: #ccc; 20611} 20612.spacer.above { 20613 margin-top: 26px; 20614} 20615.spacer.below { 20616 margin-bottom: 26px; 20617} 20618.spacer.double { 20619 margin-top: 36px; 20620 margin-bottom: 36px; 20621} 20622.spacer.triple { 20623 margin-top: 46px; 20624 margin-bottom: 46px; 20625} 20626@media print { 20627 .backtotop { 20628 /*display: none;*/ 20629 } 20630} 20631.article .headline .date { 20632 font-family: "Barlow", sans-serif; 20633 font-size: 18px; 20634 color: #4a4a4a; 20635 float: right; 20636 padding-top: 8px; 20637} 20638.rates_table { 20639 width: 100%; 20640 margin: 0; 20641 padding: 0; 20642 border-width: 0; 20643 border-collapse: collapse; 20644 border: 1px solid #000000; 20645 margin-bottom: 26px; 20646 table-layout: fixed; 20647} 20648.rates_table thead { 20649 background-color: #000000; 20650} 20651.rates_table tr { 20652 margin: 0; 20653 padding: 0; 20654 border-width: 0; 20655} 20656.rates_table tr th, 20657.rates_table tr td { 20658 padding-left: 15px; 20659 padding-right: 15px; 20660 padding-top: 15px; 20661 padding-bottom: 15px; 20662 margin: 0; 20663 border-width: 0; 20664 min-width: 50px; 20665 font-size: 18px; 20666 line-height: 20px; 20667} 20668.rates_table tr th.merged, 20669.rates_table tr td.merged { 20670 min-width: 100px; 20671} 20672.rates_table tr th.first, 20673.rates_table tr td.first {
20674 min-width: 150px; 20675} 20676.rates_table tr th { 20677 background-color: #000000; 20678 color: #fff; 20679} 20680.rates_table tr td { 20681 font-family: "Barlow", sans-serif; 20682 color: #4a4a4a; 20683 border-left: 1px solid #ededed; 20684 border-bottom: 1px solid #ededed; 20685} 20686@media only screen and (min-width: 640px) { 20687 .rates_table tr td:first-child { 20688 border-left-color: #000000; 20689 } 20690 .rates_table tr td:last-child { 20691 border-right: 1px solid #000000; 20692 } 20693} 20694.rates_table tr td p:last-child { 20695 margin-bottom: 0; 20696} 20697.rates_table tr:last-child td { 20698 border-bottom-color: #000000; 20699} 20700.rates_table em { 20701 color: #4a4a4a; 20702} 20703.rates_table td.highlight { 20704 background-color: #efefef; 20705} 20706.rates_table td.white { 20707 background-color: #ffffff; 20708} 20709.rates_table td.center { 20710 text-align: center; 20711} 20712.rates_table td.bold { 20713 font-weight: bold; 20714} 20715.text_small .rates_table tr th, 20716.text_small .rates_table tr td { 20717 font-size: 18px; 20718 line-height: 20px; 20719} 20720.text_medium .rates_table tr th, 20721.text_medium .rates_table tr td { 20722 font-size: 20px; 20723 line-height: 22px; 20724} 20725.text_large .rates_table tr th, 20726.text_large .rates_table tr td { 20727 font-size: 21px; 20728 line-height: 23px; 20729} 20730@media only screen and (max-width: 640px) { 20731 .article .headline .date { 20732 float: none; 20733 display: block; 20734 } 20735 .rates_table tr th, 20736 .rates_table tr td { 20737 width: auto !important; 20738 min-width: none; 20739 display: block; 20740 padding-left: 14px; 20741 border-bottom: 1px solid #efefef; 20742 } 20743 .rates_table tr:last-child td { 20744 border-bottom-color: #efefef; 20745 } 20746 .rates_table tbody tr { 20747 border-bottom: 1px solid #4a4a4a; 20748 } 20749} 20750.featured_wrapper.carousel { 20751 margin: 0 auto; 20752 padding: 0 0 140px; 20753 width: 100%; 20754} 20755@media only screen and (max-width: 1000px) { 20756 .featured_wrapper.carousel { 20757 padding: 49px 0; 20758 } 20759} 20760.featured_wrapper.carousel .carousel_wrapper { 20761 max-width: 1000px; 20762 width: 100%; 20763 margin: 0 auto; 20764 text-align: center; 20765} 20766.featured_wrapper.carousel .carousel_wrapper p { 20767 margin-top: 0; 20768 font-size: 16px; 20769 line-height: 22px; 20770} 20771.featured_carousel { 20772 margin-top: 25px; 20773 *zoom: 1; 20774 overflow: hidden; 20775} 20776.featured_carousel:before { 20777 width: 0; 20778} 20779.featured_carousel:before, 20780.featured_carousel:after { 20781 content: " "; 20782 display: table; 20783 line-height: 0; 20784} 20785.featured_carousel:after { 20786 clear: both; 20787} 20788.featured_carousel_headline { 20789 color: #000000; 20790 font-weight: 600; 20791 font-size: 34px; 20792 line-height: 51px; 20793 margin-bottom: 0; 20794 text-transform: uppercase; 20795 text-align: center; 20796} 20797.featured_carousel .image_captioned_text { 20798 text-align: center; 20799} 20800.featured_carousel .image_captioned_text .copy { 20801 font-size: 16px; 20802 line-height: 22px; 20803 margin-bottom: 25px; 20804 padding: 0 10px; 20805} 20806.featured_carousel .image_captioned_text .btn { 20807 margin-top: 0; 20808 margin-bottom: 20px; 20809} 20810@media only screen and (max-width: 959px) { 20811 .featured_carousel .image_captioned_text .btn { 20812 display: none; 20813 } 20814} 20815.featured_carousel .image_captioned_text .btn.mobile { 20816 display: none; 20817} 20818@media only screen and (max-width: 959px) { 20819 .featured_carousel .image_captioned_text .btn.mobile { 20820 display: inline-table; 20821 margin: 0 auto; 20822 } 20823} 20824.featured_carousel .image_captioned_text .social { 20825 color: #f45656; 20826 font-size: 30px; 20827 margin-right: 10px; 20828} 20829.featured_carousel .image_captioned_text .social:hover { 20830 color: #b880c3; 20831} 20832.featured_carousel .image_captioned_text .social:last-child { 20833 margin-right: 0; 20834} 20835.featured_carousel .image_captioned_image { 20836 max-width: 226px; 20837 max-height: 300px; 20838 margin: 0 auto; 20839} 20840.featured_carousel .image_captioned_image img { 20841 max-width: 226px; 20842 max-height: 300px; 20843} 20844.featured_carousel .image_captioned_headline { 20845 font-size: 20px; 20846 font-weight: 500; 20847 margin-top: 14px; 20848 margin-bottom: 11px; 20849 color: #000000; 20850} 20851.featured_carousel .image_captioned_headline a { 20852 color: #000000; 20853} 20854.featured_carousel .image_captioned_headline a:hover { 20855 color: #b880c3; 20856} 20857.featured_carousel .owl-dots { 20858 position: absolute; 20859 transition: top 0.75s; 20860 left: 50%; 20861 bottom: 0; 20862 padding-left: 30px; 20863} 20864@media only screen and (max-width: 959px) { 20865 .featured_carousel .owl-dots { 20866 position: static; 20867 } 20868} 20869.featured_carousel .owl-dots .owl-dot span { 20870 background-color: #4a4a4a !important; 20871 height: 18px!important; 20872 width: 18px!important; 20873 margin: 0 16px 0 0!important; 20874} 20875.featured_carousel .owl-dots .owl-dot:hover span { 20876 background-color: #BBBBBB; 20877 opacity: 0.5; 20878} 20879.featured_carousel .owl-dots .owl-dot.active span { 20880 background-color: #BBBBBB !important; 20881} 20882@media only screen and (max-width: 959px) { 20883 .featured_carousel .owl-dots { 20884 left: 0; 20885 width: 100%; 20886 padding-left: 0; 20887 text-align: center !important; 20888 pointer-events: none; 20889 top: 0; 20890 } 20891 .featured_carousel .owl-dots .owl-dot { 20892 pointer-events: auto; 20893 } 20894} 20895.featured_carousel .owl-nav { 20896 height: 100%; 20897 width: 100%; 20898 position: absolute; 20899 pointer-events: none; 20900 padding: 0; 20901 margin-top: 0 !important; 20902} 20903.featured_carousel .owl-nav div.owl-prev, 20904.featured_carousel .owl-nav div.owl-next { 20905 pointer-events: auto; 20906 height: 100%; 20907 background-color: #F5F5F5 !important; 20908 margin: 0 !important; 20909 border-radius: 0; 20910 position: absolute; 20911 top: 0; 20912 width: 30px; 20913} 20914.featured_carousel .owl-nav div.owl-prev .arrow, 20915.featured_carousel .owl-nav div.owl-next .arrow { 20916 display: none; 20917} 20918.featured_carousel .owl-nav div.owl-prev.disabled, 20919.featured_carousel .owl-nav div.owl-next.disabled { 20920 opacity: 1; 20921} 20922.featured_carousel .owl-nav div.owl-prev.disabled .arrow:before, 20923.featured_carousel .owl-nav div.owl-next.disabled .arrow:before { 20924 opacity: 0.25; 20925} 20926.featured_carousel .owl-nav .owl-prev { 20927 left: 0; 20928} 20929.featured_carousel .owl-nav .owl-prev .arrow:before { 20930 content: '\f053'; 20931} 20932.featured_carousel .owl-nav .owl-next { 20933 display: none; 20934 right: -1px; 20935} 20936.featured_carousel .owl-nav .owl-next .arrow:before { 20937 content: '\f054'; 20938} 20939.carousel_picture { 20940 width: 100%; 20941 max-width: 828px; 20942 min-height: 150px; 20943 position: relative; 20944 *zoom: 1; 20945} 20946.carousel_picture:before, 20947.carousel_picture:after {
20948 content: " "; 20949 display: table; 20950 line-height: 0; 20951} 20952.carousel_picture:after { 20953 clear: both; 20954} 20955.carousel_picture:before { 20956 width: 0; 20957} 20958.carousel_picture .carousel_picture_image { 20959 width: 100%; 20960 height: auto; 20961} 20962.carousel_picture .carousel_picture_text h1, 20963.carousel_picture .carousel_picture_text h2, 20964.carousel_picture .carousel_picture_text h3, 20965.carousel_picture .carousel_picture_text h4, 20966.carousel_picture .carousel_picture_text h5 .carousel_picture .carousel_picture_text h6 { 20967 margin-bottom: 0; 20968} 20969@media only screen and (min-width: 640px) { 20970 .carousel_picture .carousel_picture_text { 20971 padding-left: 30px; 20972 } 20973} 20974.carousel_picture .carousel_picture_text .copy { 20975 margin-top: 15px; 20976} 20977.collapse_first { 20978 background-color: #8C64AA; 20979 margin-bottom: 18px; 20980} 20981.collapse_first .article .headline { 20982 font-family: "Avenir LT W02 85 Heavy"; 20983 font-size: 32px; 20984 margin-top: 37px; 20985} 20986.collapse_first .article p { 20987 color: #ffffff; 20988 font-family: "Barlow", sans-serif !important; 20989} 20990.collapse_first .article p::after { 20991 content: "Expand"; 20992 margin-left: 177px; 20993 font-family: "Barlow", sans-serif; 20994 font-size: 18px; 20995 background-image: url("/layouts/images/faq-arrow.png"); 20996 background-repeat: no-repeat; 20997 background-position: 95px; 20998 padding-right: 65px; 20999} 21000.collapse_first .article.expanded p::after { 21001 content: "Collapse"; 21002 margin-left: 177px; 21003 font-family: "Barlow", sans-serif; 21004 font-size: 18px; 21005 background-image: url("/layouts/images/faq-arrow-up.png"); 21006 background-repeat: no-repeat; 21007 background-position: 95px; 21008 padding-right: 65px; 21009 transform: rotate(180deg); 21010} 21011@media only screen and (max-width: 768px) { 21012 .collapse_first .article { 21013 font-size: 25px; 21014 background-image: url("/layouts/images/faq-arrow.png"); 21015 background-repeat: no-repeat; 21016 background-position: 50% 40px; 21017 padding-bottom: 35px; 21018 margin-bottom: 0px; 21019 } 21020 .collapse_first .article p::after { 21021 display: none; 21022 } 21023 .collapse_first .article.expanded p::after { 21024 display: none; 21025 } 21026 .collapse_first .article .headline { 21027 margin-top: 20px; 21028 } 21029 .collapse_first .article.expanded { 21030 background-image: url("/layouts/images/faq-arrow-up.png"); 21031 } 21032} 21033@media only screen and (max-width: 768px) { 21034 .collapse_first .article .headline p { 21035 font-size: 24px; 21036 text-align: center; 21037 } 21038} 21039.posts_list_wrapper .image { 21040 margin-left: auto; 21041 margin-right: auto; 21042} 21043.conversion_popup_modal .uk-modal-dialog { 21044 background-color: #fff; 21045 /*padding: 14px;*/ 21046} 21047.conversion_popup_edit { 21048 max-width: 828px; 21049 margin-left: auto; 21050 margin-right: auto; 21051} 21052.conversion_popup_content .article, 21053.conversion_popup_content .el-form-wrapper, 21054.conversion_popup_content .form_title, 21055.conversion_popup_content .backtotop, 21056.conversion_popup_content .card_wrapper, 21057.conversion_popup_content .spn_group_wrapper, 21058.conversion_popup_content .youtube_video h2, 21059.conversion_popup_content .youtube_video h1 { 21060 padding-left: 14px; 21061 padding-right: 14px; 21062} 21063.conversion_popup_content .content_item_first .cta { 21064 padding-top: 28px; 21065} 21066.conversion_popup_content .content_item_first .inline_media_wrapper { 21067 margin-bottom: 14px; 21068} 21069#all_top_fake { 21070 display: none; 21071 height: 130px; 21072} 21073@media only screen and (max-width: 960px) { 21074 #all_top_fake { 21075 height: 60px; 21076 } 21077} 21078header { 21079 position: relative; 21080 background: none; 21081 width: 100%; 21082 transition: 0.25s box-shadow; 21083 margin-bottom: -123px; 21084 z-index: 100; 21085} 21086@media only screen and (max-width: 1250px) { 21087 header.fixed { 21088 top: 0!important; 21089 margin-bottom: -164px; 21090 } 21091} 21092header .color_bar { 21093 display: inline-block; 21094 width: 100%; 21095} 21096@media only screen and (max-width: 1250px) { 21097 header .color_bar { 21098 display: none; 21099 } 21100} 21101header .color_bar .top { 21102 position: relative; 21103 max-width: 1160px; 21104 margin: 0 auto; 21105 padding: 57px 20px 0; 21106 font-size: 11px; 21107 line-height: 1; 21108} 21109header .color_bar .top .header-logo-desk { 21110 max-width: 195px; 21111 float: left; 21112 overflow: hidden; 21113} 21114header .color_bar .top .header-logo-desk img { 21115 float: left; 21116 width: 100%; 21117 height: auto; 21118 border-radius: 0; 21119} 21120header .color_bar .top .header-logo-desk img.desktop-logo { 21121 max-width: 214px; 21122} 21123header .color_bar .top .header-logo-desk img.mobile-logo { 21124 max-width: 111px; 21125 margin-top: 10px; 21126} 21127header .color_bar .top .header-main-nav { 21128 width: 33%; 21129 float: left; 21130 margin-top: 10px; 21131} 21132header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item a.main { 21133 font-weight: 500; 21134 text-transform: uppercase; 21135 font-size: 22px; 21136 margin-right: 28px; 21137 letter-spacing: 0.2px; 21138} 21139header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item a.main:hover {
21140 color: #ffffff; 21141} 21142header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item:first-child a.main { 21143 margin-left: 10px; 21144} 21145header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item:last-child a.main { 21146 margin-right: 0; 21147} 21148header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item.base-current a.main { 21149 border-bottom: 2px solid #ffffff; 21150 padding-bottom: 5px; 21151} 21152header .color_bar .top .header-secondary-nav { 21153 float: right; 21154 margin-top: 6px; 21155} 21156.safari header .color_bar .top .header-secondary-nav { 21157 margin-top: 10px; 21158} 21159header .color_bar .top .top_nav { 21160 line-height: 22px; 21161 text-align: right; 21162 float: right; 21163} 21164header .color_bar .top .top_nav .inline_menu, 21165header .color_bar .top .top_nav #extras { 21166 display: inline-block; 21167} 21168header .color_bar .top .top_nav a { 21169 font-size: 18px; 21170 font-style: normal; 21171 font-weight: normal; 21172 display: inline-block; 21173 margin-right: 16px; 21174 color: #ffffff; 21175} 21176header .color_bar .top .top_nav a:hover { 21177 color: #0ecdd7; 21178} 21179header .color_bar .top .top_nav .dropdown_item:last-child a { 21180 margin-right: 0; 21181} 21182header .color_bar .top .top_nav span.sep { 21183 display: none; 21184 padding: 0; 21185 word-wrap: break-word; 21186 color: transparent; 21187} 21188header .color_bar .top .top_nav .social { 21189 float: right; 21190 margin-left: 15px; 21191 margin-top: -1px; 21192} 21193header .color_bar .top .top_nav .social a { 21194 color: #006D8E; 21195 font-size: 21px; 21196 margin-right: 3px; 21197} 21198header .color_bar .top .top_nav .social a:hover { 21199 color: #000000; 21200 text-decoration: none; 21201} 21202header .color_bar .top .top_nav .social a:last-of-type { 21203 margin-right: 0; 21204} 21205header .color_bar .top nav a.main { 21206 color: rgba(255, 255, 255, 0.7); 21207} 21208header.scrolled { 21209 position: fixed; 21210 top: -50px; 21211 height: 110px; 21212 background-color: rgba(0, 0, 0, 0.85); 21213} 21214header.scrolled .mobile-top { 21215 position: fixed; 21216 width: 100%; 21217} 21218header.scrolled .all_top, 21219header.scrolled .all_top_inner { 21220 height: 66px; 21221 position: absolute; 21222 top: 39px; 21223 right: 0; 21224 bottom: 0; 21225 left: 0; 21226} 21227header.scrolled .all_top { 21228 background-position: 50% 54px; 21229} 21230header.scrolled .all_top .brand_logo { 21231 position: absolute; 21232} 21233header.scrolled .color_bar .top nav .inline_menu .dropdown_item.nav_item a.main { 21234 font-size: 20px; 21235 line-height: 24px; 21236 letter-spacing: 0.18px; 21237} 21238header.scrolled .color_bar .top nav .inline_menu .dropdown_item.nav_item:first-child a.main { 21239 margin-left: 25px; 21240} 21241.all_top { 21242 position: relative; 21243 margin: 0 auto 10px; 21244 color: #ffffff; 21245 font-family: "Barlow", sans-serif; 21246 font-size: 11px; 21247 height: 60px; 21248 line-height: 1; 21249 background-size: auto 9px; 21250} 21251.all_top .all_top_inner { 21252 position: relative; 21253 max-width: 1000px; 21254 margin: 0 auto; 21255 padding: 0 20px; 21256 color: #ffffff; 21257 font-family: "Barlow", sans-serif; 21258 font-size: 11px; 21259 height: 100px; 21260 line-height: 1; 21261} 21262.all_top .brand_logo { 21263 width: 195px; 21264 height: 60px; 21265 float: left; 21266} 21267.scrolled .all_top .brand_logo { 21268 width: 85px; 21269 height: 17px; 21270} 21271.all_top .main_nav { 21272 float: right; 21273 font-family: "Barlow", sans-serif; 21274 font-size: 20px; 21275 font-style: normal; 21276 font-weight: medium; 21277 line-height: 27px; 21278 width: auto; 21279 transition-timing-function: ease-in; 21280 transition: 0.4s; 21281} 21282.all_top .main_nav .inline_menu { 21283 padding-top: 25px; 21284} 21285.scrolled .all_top .main_nav .inline_menu { 21286 padding-top: 0; 21287 margin-top: -8px; 21288} 21289.all_top .main_nav .inline_menu .nav_item { 21290 color: #ffffff; 21291 padding: 13px 26px; 21292 border-right: 2px solid #adc3f1; 21293} 21294.all_top .main_nav .inline_menu .nav_item.base_current { 21295 border-bottom: 2px solid #ffffff; 21296 padding-bottom: 5px; 21297} 21298.all_top .main_nav .inline_menu .nav_item:hover {
21299 color: #006D8E; 21300} 21301.all_top .main_nav .inline_menu .nav_item:last-child { 21302 margin-right: 0; 21303 padding-right: 0; 21304} 21305.all_top .main_nav .inline_menu .nav_item.hide { 21306 display: none; 21307} 21308.scrolled .all_top .main_nav .inline_menu .nav_item { 21309 border-right: none; 21310 padding-left: 20px; 21311 padding-right: 20px; 21312} 21313.scrolled .all_top .main_nav .inline_menu .nav_item.hide { 21314 display: inline-table; 21315} 21316.scrolled .all_top .main_nav .inline_menu .nav_item.hide .dropdown_menu { 21317 left: 20px; 21318} 21319.all_top .main_nav.left { 21320 left: 0; 21321 width: 37.5%; 21322 text-align: right; 21323} 21324.all_top .main_nav.left .inline_menu .nav_item:last-child { 21325 margin-right: 8px; 21326} 21327.all_top .main_nav .inline_menu .nav_item:first-child { 21328 padding-left: 0; 21329} 21330.all_top .main_nav .inline_menu .nav_item:nth-child(2) { 21331 border-right: none; 21332 padding-left: 0; 21333 margin-left: 26px; 21334} 21335/* ============================= 21336 FOOTER 21337 ============================= */ 21338footer { 21339 *zoom: 1; 21340 background-color: #000000; 21341 width: 100%; 21342 color: #ffffff; 21343 line-height: 30px; 21344 margin: 0 auto; 21345 z-index: 98; 21346 position: relative; 21347} 21348@media only screen and (max-width: 639px) { 21349 footer { 21350 text-align: center; 21351 } 21352} 21353footer:before, 21354footer:after { 21355 content: " "; 21356 display: table; 21357 line-height: 0; 21358} 21359footer:after { 21360 clear: both; 21361} 21362footer a { 21363 color: #ffffff; 21364} 21365footer a:hover { 21366 color: #0ecdd7; 21367} 21368footer .container { 21369 *zoom: 1; 21370 max-width: 1000px; 21371 clear: both; 21372 padding: 35px 0 24px; 21373} 21374@media only screen and (max-width: 1000px) { 21375 footer .container { 21376 margin: 0 auto; 21377 padding: 47px 20px 24px; 21378 } 21379} 21380footer .container:before, 21381footer .container:after { 21382 content: " "; 21383 display: table; 21384 line-height: 0; 21385} 21386footer .container:after { 21387 clear: both; 21388} 21389@media only screen and (min-width: 640px) { 21390 footer .container .logo_share { 21391 order: 1; 21392 } 21393} 21394@media only screen and (min-width: 760px) and (max-width: 999px) { 21395 footer .container .logo_share { 21396 width: 30%; 21397 } 21398} 21399@media only screen and (min-width: 1000px) { 21400 footer .container .logo_share { 21401 width: 25%; 21402 } 21403} 21404footer .container .footer-social { 21405 margin-bottom: 0; 21406 display: inline-block; 21407} 21408@media only screen and (min-width: 640px) { 21409 footer .container .footer-social { 21410 order: 3; 21411 } 21412} 21413footer .container .footer-social p { 21414 display: inline-block; 21415 margin: 0; 21416 line-height: 16px; 21417} 21418@media only screen and (min-width: 640px) and (max-width: 960px) { 21419 footer .container .footer-social .social_icons { 21420 text-align: left; 21421 } 21422} 21423@media only screen and (min-width: 961px) { 21424 footer .container .footer-social .social_icons { 21425 text-align: right; 21426 margin-top: -10px; 21427 } 21428} 21429@media (max-width: 639px) { 21430 footer .container .footer-social .conveythis_widget { 21431 margin-top: 15px; 21432 text-align: left; 21433 } 21434 footer .container .footer-social .conveythis_widget .conveythis_widget-target { 21435 margin-left: auto; 21436 margin-right: auto; 21437 width: 172px; 21438 } 21439} 21440@media only screen and (min-width: 640px) and (max-width: 960px) { 21441 footer .container .footer-social .conveythis_widget { 21442 margin-top: 10px; 21443 text-align: left; 21444 } 21445} 21446@media only screen and (min-width: 961px) { 21447 footer .container .footer-social .conveythis_widget { 21448 margin-top: 15px; 21449 margin-left: 17px; 21450 text-align: left; 21451 } 21452} 21453footer .container nav { 21454 font-size: 16px; 21455} 21456@media only screen and (min-width: 640px) and (max-width: 999px) { 21457 footer .container nav { 21458 font-size: 13px; 21459 } 21460} 21461footer .container nav a { 21462 display: inline-block; 21463 margin-left: 15px; 21464} 21465@media only screen and (max-width: 639px) { 21466 footer .container nav a { 21467 display: block; 21468 margin-left: 0; 21469 margin-bottom: 5px; 21470 } 21471} 21472@media only screen and (min-width: 640px) and (max-width: 999px) { 21473 footer .container nav a { 21474 margin-left: 12px; 21475 } 21476} 21477footer .container nav a:first-child { 21478 margin-left: 0; 21479} 21480footer .container .info { 21481 margin: 30px 0; 21482} 21483@media only screen and (min-width: 640px) { 21484 footer .container .info { 21485 order: 2; 21486 margin: 0; 21487 } 21488} 21489@media only screen and (min-width: 1000px) { 21490 footer .container .info { 21491 padding-left: 0; 21492 } 21493} 21494footer .container .info .contact_info { 21495 display: block; 21496 margin-top: -5px; 21497 float: left; 21498 margin-right: 10px; 21499} 21500@media only screen and (max-width: 639px) { 21501 footer .container .info .contact_info { 21502 display: none; 21503 } 21504} 21505footer .container .info .contact_info .footer-information-div { 21506 font-size: 11px; 21507} 21508footer .container .info .contact_info .footer-information-div .sep { 21509 display: none; 21510} 21511footer .container .info .byline { 21512 font-size: 11px; 21513 color: rgba(255, 255, 255, 0.4); 21514 margin-top: -2px; 21515} 21516@media only screen and (max-width: 639px) { 21517 footer .container .info .byline { 21518 display: none; 21519 } 21520} 21521footer .container .info .byline a { 21522 color: rgba(255, 255, 255, 0.4); 21523} 21524footer .container .info .byline a:hover {
21525 color: #0ecdd7; 21526} 21527footer .container .mobile_only { 21528 display: none; 21529} 21530footer .container .mobile_only .contact_info { 21531 display: block; 21532} 21533footer .container .mobile_only .contact_info .footer-information-div { 21534 font-size: 13px; 21535} 21536footer .container .mobile_only .contact_info .footer-information-div .sep { 21537 display: none; 21538} 21539footer .container .mobile_only .byline { 21540 font-size: 13px; 21541 color: rgba(255, 255, 255, 0.4); 21542 margin-top: -8px; 21543} 21544footer .container .mobile_only .byline a { 21545 color: rgba(255, 255, 255, 0.4); 21546} 21547footer .container .mobile_only .byline a:hover { 21548 color: #0ecdd7; 21549} 21550@media only screen and (max-width: 639px) { 21551 footer .container .mobile_only { 21552 display: block; 21553 margin: 0 auto; 21554 } 21555} 21556#homepage { 21557 background: inherit inherit inherit; 21558 background-size: cover; 21559 min-height: 353px; 21560 margin: 53px 0px; 21561} 21562.homepage { 21563 display: block; 21564 margin-left: auto; 21565 margin-right: auto; 21566 *zoom: 1; 21567 background: inherit 0 0; 21568 position: relative; 21569 width: 1000px; 21570} 21571.homepage:before, 21572.homepage:after { 21573 content: " "; 21574 display: table; 21575 line-height: 0; 21576} 21577.homepage:after { 21578 clear: both; 21579} 21580.featured_wrapper { 21581 display: block; 21582 margin-left: auto; 21583 margin-right: auto; 21584 width: 1000px; 21585} 21586.uk-width-small-1-3 { 21587 margin-left: 0px; 21588 margin-right: 0px; 21589} 21590.uk-width-small-1-3:first-of-type { 21591 margin-left: auto; 21592} 21593.uk-width-small-1-3:last-of-type { 21594 margin-right: auto; 21595} 21596.slide_wrapper { 21597 width: 100%; 21598} 21599.tweets_wrapper { 21600 width: auto; 21601 max-width: 1000px; 21602 margin: 0 auto; 21603 padding: 0 20px; 21604} 21605.tweets_wrapper .tweets { 21606 font-size: 18px; 21607 overflow: hidden; 21608 padding: 45px 0 20px; 21609 position: relative; 21610} 21611.tweets_wrapper .tweets::before { 21612 box-shadow: 0 0 24px #afb0b1; 21613 content: ''; 21614 display: block; 21615 height: 24px; 21616 max-width: 1080px; 21617 position: absolute; 21618 right: 5%; 21619 top: -24px; 21620 width: 92%; 21621} 21622.tweets_wrapper .tweets::before .tweet { 21623 font-size: 18px; 21624} 21625@media only screen and (max-width: 1000px) { 21626 .responsive .homepage { 21627 margin-left: auto; 21628 margin-right: auto; 21629 max-width: 1000px; 21630 } 21631 .responsive .homepage .featured_wrapper { 21632 padding-left: 24px; 21633 padding-right: 24px; 21634 width: auto; 21635 } 21636 .responsive .tweets_wrapper { 21637 height: auto; 21638 margin: 0; 21639 } 21640} 21641#common_edit { 21642 left: 0; 21643 position: absolute; 21644 z-index: 20; 21645} 21646#logo_b_edit { 21647 position: absolute; 21648 left: 150px; 21649} 21650#format_top_edit { 21651 bottom: 0; 21652 left: 115px; 21653 position: absolute; 21654 z-index: 20; 21655} 21656#format_home_edit { 21657 bottom: 0; 21658 left: 212px; 21659 position: absolute; 21660 z-index: 20; 21661} 21662#mobile_menu_edit { 21663 bottom: 0; 21664 left: 320px; 21665 position: absolute; 21666 z-index: 20; 21667} 21668#format_bottom_edit { 21669 bottom: 10px; 21670 left: 0; 21671 position: absolute; 21672 z-index: 20; 21673} 21674#external_resources_edit { 21675 bottom: 10px; 21676 left: 130px; 21677 position: absolute; 21678 z-index: 20; 21679} 21680.landingpage .local-talent-logo img.desktop-logo { 21681 max-width: 195px !important; 21682} 21683.landingpage .header-main-nav { 21684 width: 500px !important; 21685 float: right !important; 21686} 21687.landingpage .header-cta-button { 21688 background-color: #076ce9; 21689 color: #fff !important; 21690 text-transform: uppercase; 21691 padding-top: 5px; 21692 padding-bottom: 9px; 21693 padding-left: 21px; 21694 padding-right: 21px; 21695 border-radius: 4px; 21696 font-weight: 600 !important; 21697 margin-top: -4px; 21698} 21699.landingpage .header-cta-button:before { 21700 content: "\f10b"; 21701 font-family: 'FontAwesome'; 21702 font-size: 24px; 21703 font-weight: normal; 21704 color: #fff; 21705 margin-right: 5px; 21706 position: relative; 21707 top: 3px; 21708} 21709.landingpage .header-cta-button:hover { 21710 background-color: #2f8af9; 21711} 21712.landingpage .mobile_menu { 21713 text-align: center; 21714} 21715.landingpage .mobile_menu .nav_item.btn { 21716 width: auto; 21717 display: inline-block; 21718 text-align: center; 21719} 21720.landingpage .mobile_menu .nav_item.btn a { 21721 width: auto; 21722} 21723.landingpage .share_icons .share_icons_icons a:hover { 21724 color: #2f8af9; 21725} 21726.landingpage .slide_wrapper { 21727 margin-bottom: 107px; 21728} 21729@media only screen and (min-width: 751px) and (max-width: 1000px) { 21730 .landingpage .slide_wrapper { 21731 margin-bottom: 160px; 21732 } 21733} 21734@media only screen and (min-width: 340px) and (max-width: 400px) { 21735 .landingpage .slide_wrapper { 21736 margin-bottom: 160px; 21737 } 21738} 21739@media only screen and (min-width: 320px) and (max-width: 340px) { 21740 .landingpage .slide_wrapper { 21741 margin-bottom: 220px; 21742 } 21743} 21744.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content { 21745 top: 55% !important; 21746} 21747@media only screen and (min-width: 320px) and (max-width: 374px) { 21748 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .wrapper { 21749 padding-left: 0; 21750 padding-right: 0; 21751 } 21752} 21753.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21754 margin-bottom: 10px; 21755} 21756.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21757 font-size: 220px; 21758 line-height: 0.6; 21759} 21760@media only screen and (max-width: 1800px) { 21761 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21762 font-size: 30px; 21763 } 21764 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21765 font-size: 140px; 21766 } 21767} 21768@media only screen and (max-width: 1400px) { 21769 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21770 margin-bottom: 10px; 21771 font-size: 26px; 21772 } 21773 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21774 font-size: 120px; 21775 line-height: 0.3; 21776 } 21777} 21778@media only screen and (max-width: 1200px) { 21779 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21780 margin-bottom: 0px; 21781 /*font-size: 26px;*/ 21782 } 21783 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21784 font-size: 100px; 21785 /*line-height: .3;*/ 21786 } 21787} 21788@media only screen and (min-width: 751px) and (max-width: 1000px) { 21789 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21790 margin-bottom: 20px; 21791 } 21792 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21793 font-size: 100px; 21794 } 21795} 21796@media only screen and (max-width: 767px) { 21797 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21798 /*margin-bottom: 30px;*/ 21799 } 21800 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21801 /*font-size: 110px;*/ 21802 } 21803} 21804@media only screen and (max-width: 699px) { 21805 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21806 margin-bottom: 25px; 21807 } 21808 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21809 font-size: 95px; 21810 line-height: 0.7; 21811 } 21812} 21813@media only screen and (max-width: 599px) { 21814 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21815 margin-bottom: 20px; 21816 } 21817 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21818 font-size: 90px; 21819 } 21820} 21821@media only screen and (max-width: 424px) { 21822 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21823 margin-bottom: 25px; 21824 } 21825 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21826 font-size: 70px; 21827 } 21828} 21829@media only screen and (max-width: 374px) { 21830 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21831 margin-bottom: 20px; 21832 } 21833 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21834 font-size: 65px; 21835 } 21836} 21837.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21838 /*@media only screen and (min-width: 320px) and (max-width: 400px) { 21839 max-width: none; 21840 position: absolute; 21841 top: 120%; 21842 left: 0; 21843 right: 0; 21844 21845 padding: 50px; 21846 padding-top: 14px; 21847 padding-bottom: 14px; 21848 21849 background-color: @local_blue; 21850 }*/ 21851} 21852@media only screen and (max-width: 1800px) { 21853 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21854 margin-bottom: 20px; 21855 } 21856} 21857@media only screen and (max-width: 1200px) { 21858 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21859 margin-top: 0; 21860 } 21861} 21862@media only screen and (min-width: 751px) and (max-width: 1000px) { 21863 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21864 /*height: 0;*/ 21865 max-width: none; 21866 position: absolute; 21867 top: 120%; 21868 left: 0; 21869 right: 0; 21870 padding: 50px; 21871 padding-top: 14px; 21872 padding-bottom: 14px; 21873 background-color: #076ce9; 21874 } 21875} 21876@media only screen and (min-width: 320px) and (max-width: 400px) { 21877 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21878 padding: 0; 21879 } 21880} 21881.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21882 background-color: #fff !important; 21883 color: #076ce9 !important; 21884 margin-bottom: 0; 21885} 21886.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn:hover { 21887 background-color: #dddddd !important; 21888} 21889@media only screen and (min-width: 375px) and (max-width: 400px) { 21890 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21891 /*margin-left: auto;*/ 21892 /*margin-right: auto;*/ 21893 padding-left: 20px; 21894 padding-right: 20px; 21895 } 21896} 21897@media only screen and (min-width: 320px) and (max-width: 374px) { 21898 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21899 padding-left: 12px; 21900 padding-right: 12px; 21901 font-size: 16px; 21902 } 21903} 21904@media only screen and (min-width: 320px) and (max-width: 400px) { 21905 .landingpage .slide_wrapper #slides .slides_nav_wrapper { 21906 display: none; 21907 } 21908} 21909.landingpage .explore_wrapper .title { 21910 font-size: 24px !important; 21911 line-height: 40px !important; 21912} 21913.landingpage .explore_wrapper .title .brush { 21914 font-family: "Barlow", sans-serif !important; 21915 font-size: 40px !important; 21916 line-height: 40px !important; 21917 font-weight: 600 !important; 21918 text-transform: uppercase !important; 21919 display: block; 21920 margin-top: -6px; 21921 margin-bottom: 25px; 21922 letter-spacing: 0; 21923} 21924.landingpage .explore_wrapper .info_wrapper { 21925 background-color: rgba(7, 108, 233, 0.7) !important; 21926} 21927.landingpage .explore_wrapper .explore_full { 21928 margin-bottom: 0 !important; 21929 padding-bottom: 0 !important; 21930} 21931.landingpage .explore_wrapper .explore_full .explore_feature { 21932 margin-bottom: 94px !important; 21933} 21934.landingpage .interior_content { 21935 margin-bottom: 32px; 21936} 21937.landingpage .content_wrapper .interior_content { 21938 margin-bottom: 0; 21939} 21940.landingpage .el_content_item[data-resource="new_cards"] h2 { 21941 max-width: 828px; 21942 margin-left: auto; 21943 margin-right: auto; 21944 text-align: center; 21945 font-size: 40px; 21946 margin-bottom: 32px !important; 21947} 21948.landingpage .el_content_item[data-resource="new_cards"] .content h2 { 21949 font-size: 26px; 21950 text-align: left; 21951 margin-bottom: 15px !important; 21952} 21953.landingpage .el_content_item[data-resource="new_cards"] .content .inline_link:hover {
21954 color: #2f8af9; 21955} 21956.landingpage .el_content_item[data-resource="new_cards"] .content .inline_link .fa { 21957 color: #076ce9; 21958} 21959.landingpage .el_content_item[data-resource="new_cards"] .content.btn { 21960 color: #fff !important; 21961} 21962.landingpage .el_content_item[data-resource="new_cards"] .content.btn:hover { 21963 color: #fff; 21964} 21965.landingpage .article a { 21966 color: #076ce9 !important; 21967} 21968.landingpage .article a:hover { 21969 color: #2f8af9 !important; 21970} 21971.landingpage .article a.btn { 21972 color: #fff !important; 21973} 21974.landingpage .article a.btn:hover { 21975 color: #fff; 21976} 21977.landingpage .btn { 21978 color: #fff !important; 21979 background-color: #076ce9 !important; 21980} 21981.landingpage .btn:hover { 21982 background-color: #2f8af9 !important; 21983} 21984.landingpage .link_button_wrapper { 21985 text-align: left; 21986} 21987.landingpage .link_button_wrapper a.btn { 21988 color: #fff !important; 21989} 21990.landingpage .link_button_wrapper a.btn:hover { 21991 color: #fff; 21992} 21993.landingpage .testimonial-quote { 21994 margin-top: 20px; 21995 margin-bottom: 60px; 21996} 21997.landingpage .testimonial-quote .quote { 21998 color: #076ce9; 21999} 22000footer.landingpage { 22001 min-height: 22px; 22002 line-height: 1.2; 22003 padding-top: 18px; 22004 padding-bottom: 16px; 22005 padding-left: 35px; 22006 padding-right: 35px; 22007 width: auto; 22008} 22009footer.landingpage .contact_info { 22010 display: inline-block; 22011} 22012footer.landingpage a { 22013 color: #2f8af9; 22014} 22015footer.landingpage .conveythis_widget_wrapper { 22016 display: inline; 22017 margin-left: 20px; 22018} 22019footer.landingpage .conveythis_widget { 22020 margin: 0; 22021 display: inline-block; 22022} 22023footer.landingpage .conveythis_widget .conveythis_widget-target { 22024 margin: 0; 22025} 22026@media (max-width: 1024px) { 22027 footer.landingpage .conveythis_widget_wrapper { 22028 display: block; 22029 padding-top: 15px; 22030 margin-left: 0; 22031 } 22032} 22033@media (max-width: 800px) { 22034 footer.landingpage .learn-more { 22035 display: block; 22036 padding-top: 7px; 22037 } 22038} 22039@media (max-width: 480px) { 22040 footer.landingpage { 22041 padding-left: 20px; 22042 padding-right: 20px; 22043 } 22044 footer.landingpage .sep { 22045 display: none; 22046 } 22047 footer.landingpage .privacy-policy { 22048 display: block; 22049 } 22050} 22051.landingpage.main_homepage .article { 22052 margin-bottom: 30px; 22053} 22054@media only screen and (max-width: 1000px) { 22055 .landingpage.main_homepage .article { 22056 margin-bottom: 30px; 22057 } 22058} 22059.local-talent .uk-modal { 22060 background-color: #2f8af9; 22061} 22062/*@import "@{import_root}layouts/foundation/interior_two/interior_layout.less";*/ 22063/*@import "@{import_root}layouts/foundation/interior_three/interior_layout.less";*/ 22064#interior { 22065 margin-top: 0px; 22066} 22067@media only screen and (max-width: 1000px) { 22068 #interior { 22069 margin-top: 20px; 22070 margin-bottom: 20px; 22071 } 22072} 22073#interior .accessories { 22074 *zoom: 1; 22075 position: relative; 22076 max-width: 1000px; 22077 margin: 17px auto 0; 22078} 22079#interior .accessories:before, 22080#interior .accessories:after { 22081 content: " "; 22082 display: table; 22083 line-height: 0; 22084} 22085#interior .accessories:after { 22086 clear: both; 22087} 22088@media only screen and (max-width: 1000px) { 22089 #interior .accessories { 22090 margin: 12px 20px; 22091 } 22092} 22093.interior { 22094 *zoom: 1; 22095 background: #fff 0 0; 22096 margin: 0 auto; 22097} 22098.interior:before, 22099.interior:after { 22100 content: " "; 22101 display: table; 22102 line-height: 0; 22103} 22104.interior:after { 22105 clear: both; 22106} 22107@media only screen and (min-width: 1000px) { 22108 .interior { 22109 padding-bottom: 0; 22110 margin-top: 60px; 22111 } 22112} 22113.interior .interior_inner .header { 22114 margin-bottom: 0; 22115} 22116.interior .interior_mid { 22117 *zoom: 1; 22118 float: left; 22119 min-height: 1px; 22120 position: relative; 22121 width: 100%; 22122} 22123.interior .interior_mid:before, 22124.interior .interior_mid:after { 22125 content: " "; 22126 display: table; 22127 line-height: 0; 22128} 22129.interior .interior_mid:after { 22130 clear: both; 22131} 22132.interior .interior_mid .interior_content { 22133 width: 100%; 22134} 22135.interior .interior_right { 22136 -webkit-box-sizing: border-box; 22137 -moz-box-sizing: border-box; 22138 box-sizing: border-box; 22139 float: left; 22140 min-height: 1px; 22141 position: relative; 22142 width: 0; 22143} 22144.interior .interior_right .section { 22145 color: #747b80; 22146 font-family: Tahoma, Verdana, Segoe, sans-serif; 22147 font-size: 16px; 22148 line-height: 1; 22149 margin: 0; 22150} 22151.interior .interior_right .sidebar { 22152 margin-top: 0; 22153} 22154.interior .interior_right .sidebar_bordered > div { 22155 margin-bottom: 15px; 22156} 22157.interior .interior_right .sidebar_bordered > div.bordered { 22158 border-top: 1px solid #005d7b; 22159 padding-top: 15px; 22160} 22161.interior .interior_right .featured_link { 22162 /*margin-bottom: @sidebar_feature_margin_bottom;*/ 22163 height: auto; 22164 width: 0; 22165} 22166.edit .interior .interior_inner { 22167 margin: 0 auto; 22168 max-width: 1000px; 22169 padding-left: 40px; 22170 padding-right: 40px; 22171} 22172@media only screen and (max-width: 640px) { 22173 .edit .interior .interior_inner { 22174 padding-left: 20px; 22175 padding-right: 20px; 22176 } 22177} 22178@media only screen and (max-width: 1000px) { 22179 .responsive .interior { 22180 margin-left: auto; 22181 margin-right: auto; 22182 max-width: 1000px; 22183 width: 100%; 22184 } 22185 .responsive .interior .interior_inner { 22186 width: auto; 22187 } 22188 .responsive .interior .interior_mid { 22189 float: none; 22190 margin: 0 auto 0 auto; 22191 width: 99%; 22192 } 22193 .responsive .interior .interior_mid .interior_content { 22194 width: 100%; 22195 } 22196 .responsive .interior .interior_right { 22197 float: none; 22198 padding-bottom: 35px; 22199 text-align: center; 22200 width: 100%; 22201 } 22202 .responsive .interior .interior_right .section { 22203 display: none !important; 22204 visibility: hidden; 22205 } 22206 .responsive .interior .interior_right .side_nav { 22207 display: none !important; 22208 visibility: hidden; 22209 } 22210 .responsive .interior .interior_right .featured_link { 22211 width: 100%; 22212 } 22213 .responsive .interior .interior_right .featured_link.bordered { 22214 border-bottom: none; 22215 } 22216} 22217#format_copy_edit { 22218 left: 0; 22219 position: absolute; 22220 top: -20px; 22221} 22222#format_interior_edit { 22223 left: 0; 22224 position: absolute; 22225 top: 5px; 22226} 22227.photo_heading_wrapper { 22228 position: relative; 22229} 22230/* based on interior_three, no need to repeat those styles */ 22231.interior.calendar_header { 22232 padding-bottom: 0; 22233} 22234.interior.calendar .interior_right { 22235 padding-top: 0; 22236} 22237#el_sample .footer { 22238 color: #4a4a4a; 22239 font-size: 18px; 22240 padding-top: 10px; 22241 text-align: center; 22242} 22243#el_sample .footer a { 22244 color: #f45656; 22245} 22246#ui_email_form.email { 22247 color: #4a4a4a; 22248 font-family: "Barlow", sans-serif; 22249 font-size: 18px; 22250} 22251form.vertical label { 22252 display: block; 22253 margin-bottom: 4px; 22254} 22255.email .text_field { 22256 width: 99%; 22257 display: inline-block; 22258 margin-bottom: 10px; 22259 /*border: 1px solid lighten(@copy_color, 15);*/ 22260 border: 1px solid #ccc; 22261 border-top-right-radius: 4px; 22262 border-top-left-radius: 4px; 22263 border-bottom-right-radius: 4px; 22264 border-bottom-left-radius: 4px; 22265 padding: 5px 0; 22266 text-indent: 5px; 22267 color: #4a4a4a; 22268 -moz-box-shadow: inset 0px 0px 6px #ccc; 22269 -webkit-box-shadow: inset 0px 1px 6px #ccc; 22270 box-shadow: inset 0px 1px 6px #ccc; 22271} 22272.email .text_field.error {
22273 /*background: @link_color;*/ 22274 border: 1px solid #f45656; 22275} 22276.email .text_field:focus { 22277 -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22278 -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22279 -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22280 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22281 border: 1px solid #1BD9A6; 22282 outline: none; 22283 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 22284 -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; 22285 -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; 22286 -o-transition: -o-box-shadow 0.5s, border 0.5s, background 0.5s; 22287} 22288.email .button { 22289 float: right; 22290 cursor: pointer; 22291 background-color: #f45656; 22292 color: #ffffff; 22293 font-family: "Barlow", sans-serif; 22294 font-size: 18px; 22295 line-height: 1.3; 22296 text-transform: uppercase; 22297 padding-top: 14px; 22298 padding-right: 32px; 22299 padding-bottom: 14px; 22300 padding-left: 32px; 22301 border-width: 0; 22302 border-top-right-radius: 4px; 22303 border-top-left-radius: 4px; 22304 border-bottom-right-radius: 4px; 22305 border-bottom-left-radius: 4px; 22306} 22307.email .button:hover { 22308 background-color: #b880c3; 22309} 22310.email label.error { 22311 color: #f45656; 22312} 22313.email input.error { 22314 border: 1px solid #f45656; 22315} 22316.email .recaptcha { 22317 float: left; 22318} 22319.email .recaptcha.recaptcha_required { 22320 border: 1px solid #f45656; 22321} 22322#enews { 22323 color: #4a4a4a; 22324 font-family: "Barlow", sans-serif; 22325 font-size: 18px; 22326} 22327#enews form.vertical label { 22328 display: block; 22329 margin-bottom: 4px; 22330} 22331#enews .text_field { 22332 width: 99%; 22333 display: inline-block; 22334 margin-bottom: 10px; 22335 /*border: 1px solid lighten(@copy_color, 15);*/ 22336 border: 1px solid #ccc; 22337 border-top-right-radius: 4px; 22338 border-top-left-radius: 4px; 22339 border-bottom-right-radius: 4px; 22340 border-bottom-left-radius: 4px; 22341 padding: 5px 0; 22342 text-indent: 5px; 22343 color: #4a4a4a; 22344 background: transparent; 22345 -moz-box-shadow: inset 0px 0px 6px #ccc; 22346 -webkit-box-shadow: inset 0px 1px 6px #ccc; 22347 box-shadow: inset 0px 1px 6px #ccc; 22348} 22349#enews .text_field.error { 22350 background: #f45656; 22351} 22352#enews .text_field:focus { 22353 -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22354 -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22355 -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22356 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22357 border: 1px solid #1BD9A6; 22358 outline: none; 22359 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 22360 -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; 22361 -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; 22362 -o-transition: -o-box-shadow 0.5s, border 0.5s, background 0.5s; 22363} 22364#enews .button { 22365 float: right; 22366 cursor: pointer; 22367 background-color: #f45656; 22368 color: #ffffff; 22369 font-family: "Barlow", sans-serif; 22370 font-size: 18px; 22371 line-height: 1.3; 22372 text-transform: uppercase; 22373 padding-top: 14px; 22374 padding-right: 32px; 22375 padding-bottom: 14px; 22376 padding-left: 32px; 22377 border: 1px solid #f45656; 22378 border-top-right-radius: 4px; 22379 border-top-left-radius: 4px; 22380 border-bottom-right-radius: 4px; 22381 border-bottom-left-radius: 4px; 22382} 22383#enews .button:hover { 22384 background-color: #b880c3; 22385} 22386#enews label.error { 22387 color: #ff5c5c; 22388} 22389#enews input.error { 22390 border: 1px solid #ff5c5c; 22391} 22392#enews .error { 22393 color: #4a4a4a; 22394 margin-bottom: 26px; 22395} 22396.service_form { 22397 color: #4a4a4a; 22398 font-family: "Barlow", sans-serif; 22399 font-size: 18px; 22400} 22401form.vertical label { 22402 display: block; 22403} 22404.service_form .text_field { 22405 width: 99%; 22406 display: inline-block; 22407 margin-bottom: 10px; 22408 border: 1px solid #bdbdbd; 22409 padding: 5px 0; 22410 text-indent: 5px; 22411 color: #4a4a4a; 22412} 22413.service_form .button { 22414 position: relative; 22415 display: block; 22416 top: 0; 22417 left: 0; 22418 padding: 6px 6px; 22419 line-height: 100%; 22420 cursor: pointer; 22421 background-color: #f45656; 22422 color: #ffffff; 22423 font-family: "Barlow", sans-serif; 22424 text-transform: uppercase; 22425 border: 0; 22426 float: right; 22427 margin: 0 5px 0 0; 22428} 22429.service_form .button:hover { 22430 background-color: #f3c464; 22431} 22432.service_form label.error { 22433 color: #bf2a22; 22434} 22435.service_form input.error { 22436 border: 1px solid #bf2a22; 22437} 22438.msg { 22439 color: #4a4a4a; 22440 font-family: "Barlow", sans-serif; 22441 font-size: 18px; 22442 line-height: 26px; 22443 color: #bf2a22; 22444 margin-bottom: 26px; 22445} 22446/* standard properties */ 22447.dropmenu_base { 22448 display: block; 22449 position: relative; 22450} 22451/* menu positioned against */ 22452/* class added to base when menu is displayed */ 22453/* class added to base when current page is in menu tree */ 22454.dropmenu_base .base_label { 22455 display: block; 22456} 22457/* open event attached to this span */ 22458.menu_main { 22459 visibility: hidden; 22460 position: absolute; 22461 top: 0px; 22462 left: 0px; 22463 background-color: transparent; 22464} 22465.menu_main .out_top { 22466 height: 30px; 22467 background-color: transparent; 22468 position: absolute; 22469 font-size: 0px; 22470 line-height: 0px; 22471} 22472.menu_main .out_left { 22473 width: 30px; 22474 background-color: transparent; 22475 position: absolute; 22476 top: 0px; 22477 font-size: 0px; 22478 line-height: 0px; 22479} 22480.menu_main .out_right { 22481 width: 30px; 22482 background-color: transparent; 22483 position: absolute; 22484 top: 0px; 22485 font-size: 0px; 22486 line-height: 0px; 22487} 22488.menu_main .out_bottom { 22489 height: 30px; 22490 background-color: transparent; 22491 position: absolute; 22492 font-size: 0px; 22493 line-height: 0px; 22494} 22495.menu_main .top { 22496 margin: 0px; 22497 padding: 0px; 22498 height: 0px; 22499 font-size: 0px; 22500 line-height: 0px; 22501} 22502.menu_main .items { 22503 margin: 0; 22504 padding: 0; 22505 list-style-type: none; 22506} 22507.menu_main .items li { 22508 margin: 0; 22509 padding: 0; 22510 list-style-type: none; 22511} 22512.menu_main .item { 22513 display: block; 22514 margin: 0; 22515 padding: 0; 22516 text-decoration: none; 22517} 22518.menu_main .item:hover { 22519 text-decoration: none; 22520} 22521.menu_main .item .item_sub { 22522 /* sub positioned against */ 22523 height: 1px; 22524 width: 0px; 22525 position: relative; 22526 cursor: pointer; 22527 float: left; 22528 background-color: transparent; 22529 border-width: 0px; 22530 margin: 0px; 22531 padding: 0px; 22532 margin-left: -3px; 22533} 22534/* sub direction */ 22535.menu_main .bottom { 22536 margin: 0; 22537 padding: 0; 22538 height: 0; 22539 font-size: 0; 22540 line-height: 0; 22541} 22542.sub_main { 22543 visibility: hidden; 22544 position: absolute; 22545 top: 0px; 22546 left: 0px; 22547 background-color: transparent; 22548} 22549.sub_main .out_top { 22550 height: 30px; 22551 background-color: transparent; 22552 position: absolute; 22553 font-size: 0; 22554 line-height: 0px; 22555} 22556.sub_main .out_left { 22557 width: 30px; 22558 background-color: transparent; 22559 position: absolute; 22560 top: 0; 22561 left: -30px; 22562 font-size: 0; 22563 line-height: 0px; 22564} 22565.sub_main .out_right { 22566 width: 30px; 22567 background-color: transparent; 22568 position: absolute; 22569 top: 0px; 22570 font-size: 0px; 22571 line-height: 0px; 22572} 22573.sub_main .out_bottom { 22574 height: 30px; 22575 background-color: transparent; 22576 position: absolute; 22577 font-size: 0px; 22578 line-height: 0px; 22579} 22580.sub_main .top { 22581 margin: 0px; 22582 padding: 0px; 22583 height: 0px; 22584 font-size: 0px; 22585 line-height: 0px; 22586} 22587.sub_main .items { 22588 margin: 0px; 22589 padding: 0px; 22590 list-style-type: none; 22591} 22592.sub_main .items li { 22593 margin: 0px; 22594 padding: 0px; 22595 list-style-type: none; 22596} 22597.sub_main .sub_item { 22598 display: block; 22599 margin: 0px; 22600 padding: 0px; 22601 text-decoration: none; 22602} 22603.sub_main .sub_item:hover { 22604 text-decoration: none; 22605} 22606.sub_main .bottom { 22607 margin: 0px; 22608 padding: 0px; 22609 height: 0px; 22610 font-size: 0px; 22611 line-height: 0px; 22612} 22613#dropmenu_format_edit { 22614 position: absolute; 22615 right: 0; 22616 top: 0; 22617 z-index: 10; 22618} 22619/** Dropmenu vars **/ 22620.dropmenu_base { 22621 height: 25px; 22622 float: right; 22623 clear: none; 22624 font-family: "Barlow", sans-serif; 22625 font-size: 16px; 22626 color: #000000; 22627 z-index: 4; 22628} 22629.dropmenu_base .base_top { 22630 position: relative; 22631} 22632.dropmenu_base .base_bottom { 22633 position: relative; 22634 margin-top: 16px; 22635} 22636.dropmenu_base .base_label a { 22637 padding: 0 9px 0 9px; 22638 margin: 0 9px 0 9px; 22639 display: block; 22640 color: #000000; 22641} 22642.dropmenu_base .base_label a .over { 22643 display: none; 22644} 22645.dropmenu_base .base_label a:hover { 22646 text-decoration: none; 22647 color: #f45656; 22648 background: inherit; 22649} 22650.dropmenu_base .base_label a span { 22651 position: relative; 22652 z-index: 5; 22653} 22654a.reveal:hover > .over { 22655 display: block; 22656 cursor: pointer; 22657} 22658.dropmenu_base.base_active .base_label a { 22659 color: #f45656; 22660 background: inherit; 22661} 22662.dropmenu_base.base_current .base_label a { 22663 color: #f45656; 22664 background: inherit; 22665} 22666.menu_main { 22667 width: 150px; 22668 position: absolute; 22669 left: 9px; 22670 top: 25px; 22671 z-index: 3; 22672 text-align: left; 22673 line-height: 1; 22674} 22675.menu_main .top { 22676 position: relative; 22677 height: 7px; 22678 width: 150px; 22679 background: rgba(244, 86, 86, 0.6); 22680} 22681.menu_main .bottom { 22682 width: 150px; 22683 height: 15px; 22684 background: rgba(244, 86, 86, 0.6); 22685} 22686.menu_main .out_top { 22687 height: 5px; 22688} 22689.menu_main .out_left { 22690 width: 5px; 22691} 22692.menu_main .out_left .top { 22693 height: 1px; 22694 width: 5px; 22695 background: none; 22696} 22697.menu_main .out_left .mid { 22698 background: none; 22699 width: 5px; 22700} 22701.menu_main .out_left .bottom { 22702 height: 0; 22703 width: 0; 22704} 22705.menu_main .out_right { 22706 width: 5px; 22707 background: none; 22708} 22709.menu_main .out_right .top { 22710 width: 2px; 22711 height: 5px; 22712 background: none; 22713} 22714.menu_main .out_right .mid { 22715 background: none; 22716} 22717.menu_main .out_right .bottom { 22718 width: 5px; 22719 height: 15px; 22720 background: none; 22721} 22722.menu_main .out_bottom { 22723 width: 150px; 22724 height: 6px; 22725} 22726.menu_main ul.items { 22727 /* additional 1px padding-bottom to cancel margins */ 22728 margin-bottom: -2px; 22729 padding-bottom: 1px; 22730 background: rgba(244, 86, 86, 0.6); 22731} 22732.menu_main .item_active.item_parent { 22733 background-image: none; 22734} 22735.menu_main .item { 22736 color: #fff; 22737 font-family: "Barlow", sans-serif; 22738 font-size: 14px;
22739 line-height: 26px; 22740 text-transform: none; 22741 position: relative; 22742 display: block; 22743 padding: 2px 15px 2px 15px; 22744 margin: 0 0 2px 0; 22745} 22746.menu_main ul li:last-child .item { 22747 background-image: none; 22748} 22749.menu_main .item_active { 22750 background: #f45656; 22751 color: #fff; 22752} 22753/* 22754 * media-queries definitions 22755 * pulled from /styles/uikit/less/core/variables.less 22756 * breakpoint-mini: 425px 22757 * breakpoint-small: 640px 22758 * breakpoint-medium: 960px 22759 * breakpoint-large: 1200px 22760 * breakpoint-xlarge: 1600px 22761 * 22762 * devices: 22763 * small: 0px - 425px 22764 * phone: 0px - 640px 22765 * tablet: 640px - 960px 22766 * laptop: 960px - 1200px 22767 * desktop: 1200px - 1600px 22768 */ 22769@media only screen and (max-width: 640px) { 22770 .hide-phone { 22771 display: none !important; 22772 } 22773} 22774@media only screen and (min-width: 640px) and (max-width: 960px) { 22775 .hide-tablet { 22776 display: none !important; 22777 } 22778} 22779@media only screen and (min-width: 960px) and (max-width: 1200px) { 22780 .hide-laptop { 22781 display: none !important; 22782 } 22783} 22784@media only screen and (min-width: 1200px) and (max-width: 1600px) { 22785 .hide-desktop { 22786 display: none !important; 22787 } 22788} 22789@media only screen and (min-width: 640px) { 22790 .show-phone { 22791 display: none !important; 22792 } 22793} 22794@media only screen and (max-width: 640px) { 22795 .show-tablet { 22796 display: none !important; 22797 } 22798} 22799@media only screen and (min-width: 960px) { 22800 .show-tablet { 22801 display: none !important; 22802 } 22803} 22804@media only screen and (max-width: 960px) { 22805 .show-laptop { 22806 display: none !important; 22807 } 22808} 22809@media only screen and (max-width: 1200px) { 22810 .show-desktop { 22811 display: none !important; 22812 } 22813} 22814@media only screen and (min-width: 1600px) { 22815 .show-desktop { 22816 display: none !important; 22817 } 22818} 22819.circle { 22820 border-radius: 50%; 22821} 22822.rounded { 22823 border-radius: 4px; 22824} 22825.shadowed { 22826 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 22827} 22828.shadowed-small { 22829 box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3); 22830} 22831.shadowed-move { 22832 top: -6px; 22833 left: -6px; 22834 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 22835} 22836.SummerLoving-Regular { 22837 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 22838 font-weight: normal; 22839 font-style: normal; 22840} 22841.quick-links-btn { 22842 width: 40px; 22843 height: 80px; 22844 border-radius: 80px 0 0 80px; 22845 transition: background-color 0.25s ease; 22846 background-color: #2196f3; 22847 color: white; 22848 position: absolute; 22849 top: 0; 22850 left: -40px; 22851 cursor: pointer; 22852 text-align: center; 22853} 22854.quick-links-btn:hover { 22855 background-color: #2196f3; 22856} 22857.quick-links-btn [class*="fa"] { 22858 transition: transform 0.25s cubic-bezier(0.5, 1.7, 1, 1), color 0.25s cubic-bezier(0.5, 1.7, 1, 1); 22859 line-height: 80px; 22860 font-size: 2rem; 22861 position: absolute; 22862 left: 50%; 22863} 22864.quick-links-btn [class*="fa"].open { 22865 transform: scale(1); 22866} 22867.quick-links-btn [class*="fa"].close { 22868 transform: scale(0); 22869} 22870.quick-links { 22871 transition: left 0.25s ease; 22872 position: absolute; 22873 right: 0; 22874 top: -25px; 22875 z-index: 5; 22876} 22877.quick-links.active .quick-links-btn { 22878 background-color: #424242; 22879} 22880.quick-links.active .quick-links-btn:hover [class*="fa"] { 22881 color: #eee; 22882} 22883.quick-links.active .quick-links-btn .open { 22884 transform: scale(0); 22885} 22886.quick-links.active .quick-links-btn .close { 22887 transform: scale(1); 22888} 22889.quick-links.active .popup-container { 22890 width: 335px; 22891} 22892.quick-links .popup-container { 22893 transition: width 0.25s ease; 22894 width: 0; 22895 overflow: hidden; 22896 padding-bottom: 30px; 22897} 22898.quick-links .popup { 22899 padding-top: 20px; 22900 width: 335px; 22901} 22902.vert-center { 22903 position: relative; 22904 top: 50%; 22905 transform: translateY(-50%); 22906} 22907.container { 22908 max-width: 1000px; 22909 margin-left: auto; 22910 margin-right: auto; 22911 position: relative; 22912} 22913@media only screen and (max-width: 1080px) { 22914 .container { 22915 margin-left: 40px; 22916 margin-right: 40px; 22917 } 22918} 22919@media only screen and (max-width: 640px) { 22920 .container { 22921 margin-left: 20px; 22922 margin-right: 20px; 22923 } 22924} 22925.page_path { 22926 margin-bottom: 30px; 22927 line-height: 20px; 22928 font-size: 14px; 22929 color: #757575; 22930 width: auto; 22931 float: left; 22932} 22933.page_path .path a { 22934 color: #4a4a4a; 22935} 22936.page_path .path a:hover { 22937 color: #757575; 22938} 22939.page_path .path a.home .material-icons { 22940 position: relative; 22941 top: 2px; 22942 font-size: 14px; 22943} 22944.page_path .path .sep { 22945 margin: 0 13px; 22946 color: #D8D8D8; 22947} 22948.page_path .path .links { 22949 display: inline; 22950 position: relative; 22951} 22952.page_path .path .links a.show_children { 22953 font-weight: 600; 22954 padding-right: 15px; 22955} 22956.page_path .path .links a.show_children:after { 22957 /* use !important to prevent issues with browser extensions that change fonts */ 22958 font-family: 'LivingSound-Font' !important; 22959 speak: none; 22960 font-style: normal; 22961 font-weight: normal; 22962 font-variant: normal; 22963 text-transform: none; 22964 line-height: 1; 22965 /* Better Font Rendering =========== */ 22966 -webkit-font-smoothing: antialiased; 22967 -moz-osx-font-smoothing: grayscale; 22968 content: "\e901"; 22969 position: absolute; 22970 bottom: 2px; 22971 right: 0; 22972 font-size: 10px; 22973 font-weight: 600; 22974} 22975.page_path .path .links a.show_children:focus:after { 22976 /* use !important to prevent issues with browser extensions that change fonts */ 22977 font-family: 'LivingSound-Font' !important; 22978 speak: none; 22979 font-style: normal; 22980 font-weight: normal; 22981 font-variant: normal; 22982 text-transform: none; 22983 line-height: 1; 22984 /* Better Font Rendering =========== */ 22985 -webkit-font-smoothing: antialiased; 22986 -moz-osx-font-smoothing: grayscale; 22987 content: "\e903"; 22988 color: #559FD3; 22989 font-weight: 600; 22990} 22991.page_path .path .links .dropdown-content { 22992 display: none; 22993 width: auto; 22994 height: 100%; 22995 position: absolute; 22996 top: 5px; 22997 bottom: 0; 22998 left: 0; 22999 padding: 0; 23000 list-style-type: none; 23001 line-height: 20px; 23002 background-color: #4a4a4a; 23003 z-index: 99; 23004} 23005.page_path .path .links .dropdown-content li { 23006 font-size: 14px; 23007} 23008.page_path .path .links .dropdown-content li a { 23009 display: block; 23010 color: #ffffff; 23011 padding: 5px 8px; 23012} 23013.page_path .path .links .dropdown-content li a:hover { 23014 background-color: #f45656; 23015 color: #ffffff; 23016} 23017.page_path .path .links .dropdown-content li:last-of-type a { 23018 border: none; 23019} 23020@media only screen and (max-width: 350px) { 23021 .responsive .page_path { 23022 width: 100%; 23023 line-height: 1.3; 23024 margin-bottom: 15px; 23025 } 23026 .responsive .page_path .path { 23027 font-size: 14px; 23028 } 23029 .responsive .page_path .path .links { 23030 margin-right: 10px; 23031 } 23032 .responsive .page_path .path a { 23033 white-space: nowrap; 23034 } 23035 .responsive .page_path .home, 23036 .responsive .page_path .sep, 23037 .responsive .page_path .current { 23038 display: none; 23039 } 23040} 23041.btn { 23042 position: relative; 23043 *zoom: 1; 23044 margin-top: 52px; 23045 margin-bottom: 52px; 23046 background-color: #f45656; 23047 font-size: 18px; 23048 color: #ffffff; 23049 line-height: 20px; 23050 padding: 14px 32px 14px 32px; 23051 display: inline-table; 23052 font-weight: 600; 23053 text-transform: uppercase; 23054 border-radius: 4px; 23055 letter-spacing: 0.18px; 23056 border: none; 23057 cursor: pointer; 23058 text-align: center; 23059} 23060.btn:before, 23061.btn:after {
23062 content: " "; 23063 display: table; 23064 line-height: 0; 23065} 23066.btn:after { 23067 clear: both; 23068} 23069.btn:hover { 23070 background-color: #b880c3; 23071 color: #ffffff; 23072} 23073.text_small .btn { 23074 font-size: 18px; 23075} 23076.text_medium .btn { 23077 font-size: 20px; 23078} 23079.text_large .btn { 23080 font-size: 23px; 23081} 23082@font-face { 23083 font-family: 'LivingSound-Font'; 23084 src: url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.eot?1duj72'); 23085 src: url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.eot?1duj72#iefix') format('embedded-opentype'), url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.ttf?1duj72') format('truetype'), url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.woff?1duj72') format('woff'), url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.svg?1duj72#LivingSound-Font') format('svg'); 23086 font-weight: normal; 23087 font-style: normal; 23088} 23089[class^="icon-"], 23090[class*=" icon-"] { 23091 /* use !important to prevent issues with browser extensions that change fonts */ 23092 font-family: 'LivingSound-Font' !important; 23093 speak: none; 23094 font-style: normal; 23095 font-weight: normal; 23096 font-variant: normal; 23097 text-transform: none; 23098 line-height: 1; 23099 /* Better Font Rendering =========== */ 23100 -webkit-font-smoothing: antialiased; 23101 -moz-osx-font-smoothing: grayscale; 23102} 23103.icon-i-arrowBack:before { 23104 content: "\e900"; 23105} 23106.icon-i-arrowDown:before { 23107 content: "\e901"; 23108} 23109.icon-i-arrowForward:before { 23110 content: "\e902"; 23111} 23112.icon-i-arrowUp:before { 23113 content: "\e903"; 23114} 23115.icon-i-hamburger:before { 23116 content: "\e904"; 23117} 23118.icon-i-hamburgerClose:before { 23119 content: "\e905"; 23120} 23121.icon-i-home:before { 23122 content: "\e906"; 23123} 23124.icon-i-Icon:before { 23125 content: "\e907"; 23126} 23127.icon-i-Logo:before { 23128 content: "\e908"; 23129} 23130.icon-i-plus:before { 23131 content: "\e909"; 23132} 23133.icon-i-search:before { 23134 content: "\e90a"; 23135} 23136.icon-i-socialFacebook:before { 23137 content: "\e90b"; 23138} 23139.icon-i-socialInstagram:before { 23140 content: "\e90c"; 23141} 23142.icon-i-socialLinkedIn:before { 23143 content: "\e90d"; 23144} 23145.icon-i-socialPinterest:before { 23146 content: "\e90e"; 23147} 23148.icon-i-socialTwitter:before { 23149 content: "\e90f"; 23150} 23151.icon-i-socialYouTube:before { 23152 content: "\e910"; 23153} 23154.alert-btn { 23155 transition: transform 0.25s ease; 23156 display: none; 23157} 23158@media only screen and (max-width: 959px) { 23159 .alert-btn { 23160 position: absolute; 23161 top: 24px; 23162 right: 150px; 23163 bottom: 0; 23164 } 23165} 23166.alert-btn .rectangle { 23167 transition: fill 0.25s ease; 23168} 23169.alert-btn #shadow { 23170 transition: transform 0.25s ease; 23171} 23172.alert-btn:hover { 23173 cursor: pointer; 23174 transform: translate(-2px, -2px); 23175} 23176.alert-btn:hover .rectangle { 23177 fill: #000000; 23178} 23179.alert-btn:hover #shadow { 23180 transform: translate(2px, 2px); 23181} 23182.alert-btn svg { 23183 width: 23px; 23184 height: 23px; 23185} 23186.mobile_nav .alert-btn { 23187 float: right; 23188 transform: translateY(25%); 23189} 23190.alerts { 23191 position: relative; 23192 float: right; 23193 margin-right: 24px; 23194} 23195#alerts_edit { 23196 position: absolute; 23197 top: 2px; 23198 right: 20px; 23199 width: 110px; 23200 z-index: 99; 23201} 23202.asb-popup { 23203 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 23204 background-color: rgba(91, 134, 227, 0.85); 23205 color: #ffffff; 23206 padding-bottom: 25px; 23207} 23208.quick-links .asb-popup { 23209 border-radius: 0 0 0 4px; 23210} 23211.asb-toolbar { 23212 height: 35px; 23213 padding: 0 10px; 23214} 23215.asb-close { 23216 float: right; 23217 height: 35px; 23218 line-height: 35px; 23219 font-size: 1.5rem; 23220 transition: opacity 0.25s ease; 23221 opacity: 1; 23222} 23223.asb-close:hover { 23224 opacity: 0.75; 23225 cursor: pointer; 23226} 23227.asb-close svg { 23228 width: 18px; 23229 height: 18px; 23230} 23231.asb-popup-body { 23232 text-align: center; 23233} 23234.asb-popup-body .asb-list { 23235 padding: 0; 23236 margin: 0; 23237 text-align: left; 23238} 23239.asb-popup-body .asb-list a { 23240 color: #ffffff; 23241} 23242.asb-popup-body .asb-list li { 23243 padding: 5px 0 5px 30px; 23244 list-style-type: none; 23245 font-weight: 600; 23246} 23247.asb-popup-body .asb-list li:hover { 23248 background-color: #BBBBBB; 23249 cursor: pointer; 23250} 23251.asb-popup-title { 23252 color: #ffffff; 23253} 23254.quick-links .asb-popup-title { 23255 font-weight: bold; 23256 text-align: left; 23257 margin-left: 28px; 23258 margin-top: 3px; 23259 margin-bottom: 25px; 23260} 23261.asb-popup-link { 23262 text-align: center; 23263} 23264.asb-popup-alert { 23265 position: fixed; 23266 bottom: 50px; 23267 left: 50%; 23268 transform: translateX(-50%); 23269 min-width: 500px; 23270 max-width: 500px; 23271 z-index: 20; 23272} 23273@media only screen and (max-width: 640px) { 23274 .asb-popup-alert { 23275 min-width: 300px; 23276 bottom: 0; 23277 } 23278} 23279.asb-popup-alert .asb-popup-body { 23280 padding: 0 36px 20px; 23281 font-size: 16px; 23282 line-height: 17px; 23283 letter-spacing: -0.2px; 23284} 23285.asb-btn { 23286 box-sizing: border-box; 23287 background-color: #BBBBBB; 23288 color: #ffffff; 23289 display: inline-block; 23290 padding: 10px 12px; 23291 min-width: 141px; 23292 text-align: center; 23293 font-size: 18px; 23294 transition: background-color 0.25s ease; 23295} 23296.asb-btn:hover {
23297 color: #ffffff; 23298} 23299@media only screen and (min-width: 960px) { 23300 .asb-btn:hover { 23301 background-color: #757575; 23302 } 23303} 23304.asb-btn[disabled] { 23305 background-color: #D8D8D8; 23306} 23307.asb-btn[disabled]:hover { 23308 background-color: #D8D8D8; 23309} 23310.edit .el_content_item { 23311 margin-bottom: 0; 23312} 23313@media only screen and (min-width: 960px) { 23314 .image_captioned_text h4 { 23315 font-size: 22px; 23316 } 23317} 23318.revision_date { 23319 font-size: 0.8em; 23320 color: #9a9a9a; 23321} 23322.light_gray { 23323 background-color: #D8D8D8; 23324} 23325.dark { 23326 background-color: #4a4a4a; 23327} 23328.uk-modal { 23329 background-color: #1BD9A6; 23330} 23331.uk-close-alt { 23332 color: #ffffff; 23333 background-color: transparent; 23334} 23335.uk-close-alt:after { 23336 opacity: 100; 23337 display: inline; 23338} 23339.uk-close { 23340 width: 80px; 23341 text-align: left; 23342} 23343.uk-close:before { 23344 content: 'Close'; 23345 display: inline; 23346 margin-right: 8px; 23347} 23348.uk-modal-caption { 23349 display: none; 23350} 23351.uk-modal-dialog-lightbox > .uk-close:first-child { 23352 top: -30px; 23353} 23354img { 23355 border-radius: 4px; 23356} 23357#search_form { 23358 padding: 0 0 30px; 23359 margin: 0 auto; 23360 font-family: "Barlow", sans-serif; 23361 max-width: 828px; 23362 *zoom: 1; 23363} 23364@media only screen and (max-width: 1000px) { 23365 #search_form { 23366 margin-left: 20px; 23367 margin-right: 20px; 23368 } 23369} 23370#search_form:before, 23371#search_form:after { 23372 content: " "; 23373 display: table; 23374 line-height: 0; 23375} 23376#search_form:after { 23377 clear: both; 23378} 23379#search_form .btn { 23380 margin: 0; 23381} 23382#search_terms_field { 23383 border-radius: 0; 23384 border: 1px solid #bdbdbd; 23385 box-shadow: inset 0px 1px 6px #ccc; 23386 color: #4a4a4a; 23387 display: inline-block; 23388 float: left; 23389 font-size: 18px; 23390 margin-bottom: 10px; 23391 margin-right: 3%; 23392 padding: 15px 6px 4px; 23393 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 23394 width: 80%; 23395} 23396#search_terms_field.error { 23397 background: #f45656; 23398} 23399#search_terms_field:focus { 23400 border: 1px solid #1BD9A6; 23401 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 23402 outline: none; 23403} 23404#search_form .button { 23405 background-color: #f45656; 23406 border: none; 23407 border-radius: 0; 23408 color: #fff; 23409 cursor: pointer; 23410 display: inline-block; 23411 float: left; 23412 font-family: "Barlow", sans-serif; 23413 font-size: 18px; 23414 font-weight: 500; 23415 padding: 8px 6px 9px; 23416 text-align: center; 23417 transition: all 0.1s ease-in-out; 23418 width: 100px; 23419} 23420#search_form .button:hover { 23421 background-color: #f45656; 23422 color: #4a4a4a; 23423} 23424#search_results { 23425 margin: 0; 23426 padding: 0; 23427 position: relative; 23428 font-family: "Barlow", sans-serif; 23429 color: #4a4a4a; 23430 font-size: 18px; 23431 line-height: 26px; 23432 max-width: 828px; 23433 margin-left: auto; 23434 margin-right: auto; 23435} 23436#search_results .count { 23437 margin-bottom: 26px; 23438} 23439#search_results .result { 23440 margin-bottom: 26px; 23441} 23442#search_results .title a { 23443 margin-bottom: 0; 23444 color: #000000; 23445 font-family: "Barlow", sans-serif; 23446 font-size: 26px; 23447 font-weight: 600; 23448 font-style: normal; 23449} 23450#sitemap { 23451 margin: 0; 23452 padding: 0; 23453 font-family: "Barlow", sans-serif; 23454 color: #4a4a4a; 23455 font-size: 18px; 23456 line-height: 26px; 23457 max-width: 828px; 23458 margin-left: auto; 23459 margin-right: auto; 23460} 23461#sitemap p { 23462 margin: 0 0 26px 0; 23463 padding: 0; 23464} 23465#sitemap a { 23466 color: #f45656; 23467} 23468#sitemap a.show_children { 23469 color: #4a4a4a; 23470 cursor: default; 23471} 23472#sitemap ul { 23473 margin-bottom: 18px; 23474 margin-left: 0; 23475} 23476#sitemap ol { 23477 margin-bottom: 18px; 23478} 23479#sitemap ul li { 23480 /*background-image: none;*/ 23481 list-style-type: none; 23482} 23483#sitemap ul li:before { 23484 content: "\002022"; 23485 padding-left: -12; 23486 padding-right: 5px; 23487 color: #000000; 23488 font-size: 16px; 23489} 23490.text_small #sitemap { 23491 font-size: 18px; 23492} 23493.text_medium #sitemap { 23494 font-size: 20px; 23495} 23496.text_large #sitemap { 23497 font-size: 23px; 23498} 23499.print_logo { 23500 display: none; 23501} 23502@media print { 23503 * { 23504 -ms-filter: none !important; 23505 background: transparent !important; 23506 color: black !important; 23507 filter: none !important; 23508 font-size: 12pt !important; 23509 text-shadow: none !important; 23510 } 23511 /* Black prints faster: sanbeiji.com/archives/953 */ 23512 p a, 23513 p a:visited { 23514 color: #ffffff !important; 23515 text-decoration: underline; 23516 } 23517 p a[href]:after { 23518 content: " (" attr(href) ")"; 23519 } 23520 abbr[title]:after { 23521 content: " (" attr(title) ")"; 23522 } 23523 .ir a:after, 23524 a[href^="javascript:"]:after, 23525 a[href^="#"]:after { 23526 content: ""; 23527 } 23528 /* Don't show links for images, or javascript/internal links */ 23529 pre, 23530 blockquote { 23531 border: 1px solid #999; 23532 page-break-inside: avoid; 23533 } 23534 thead { 23535 display: table-header-group; 23536 } 23537 /* css-discuss.incutio.com/wiki/Printing_Tables */ 23538 tr, 23539 img { 23540 /*page-break-inside: avoid;*/ 23541 /* disabled for interior_table, addtional property added below */ 23542 } 23543 @page { 23544 margin: 0.5cm; 23545 } 23546 p, 23547 h2, 23548 h3 { 23549 orphans: 3; 23550 widows: 3; 23551 } 23552 h2, 23553 h3 { 23554 page-break-after: avoid; 23555 } 23556 h1 { 23557 font-size: 17pt; 23558 } 23559 h2 { 23560 font-size: 16pt; 23561 } 23562 h3 { 23563 font-size: 15pt; 23564 } 23565 h4 { 23566 font-size: 14pt; 23567 } 23568 h5 { 23569 font-size: 13pt; 23570 } 23571 h6 { 23572 font-size: 12pt; 23573 } 23574 .all_bottom { 23575 display: none; 23576 height: 0 !important; 23577 page-break-after: avoid; 23578 } 23579 header { 23580 display: none; 23581 height: 0 !important; 23582 } 23583 .all_top { 23584 display: none; 23585 height: 0 !important; 23586 page-break-after: avoid; 23587 } 23588 .photo_heading_wrapper .photo_heading { 23589 display: none; 23590 height: 0 !important; 23591 } 23592 .side_content, 23593 .interior_heading, 23594 #interior_heading, 23595 .header, 23596 .interior_right, 23597 .interior_left, 23598 .interior_sidebar, 23599 .interior_nav, 23600 .interior_options, 23601 .interior .photo_heading_wrapper { 23602 display: none; 23603 height: 0 !important; 23604 } 23605 .interior_mid, 23606 .interior_content { 23607 display: block; 23608 page-break-before: avoid; 23609 } 23610 .print_heading { 23611 -ms-filter: none !important; 23612 background: transparent !important; 23613 border: none; 23614 color: black !important; 23615 display: block !important; 23616 filter: none !important; 23617 margin-bottom: 0.5cm; 23618 padding-bottom: 0.5cm; 23619 page-break-before: avoid; 23620 text-shadow: none !important; 23621 } 23622 .print_logo { 23623 /*content: url("@{layout_path}images/logo_print.png?@{modified}") ;*/ 23624 border: none; 23625 display: block !important; 23626 height: 0.5; 23627 margin-bottom: 0.25in; 23628 width: 1.5; 23629 } 23630 .interior_content { 23631 width: 100% !important; 23632 } 23633 .interior_mid { 23634 border: none; 23635 width: 100% !important; 23636 } 23637 .interior_mid td tr, 23638 img { 23639 page-break-inside: avoid; 23640 } 23641 .interior .interior_inner .interior_mid .interior_content { 23642 margin-left: 0; 23643 } 23644} 23645@media only screen and (max-width: 1000px) { 23646 .responsive .homepage { 23647 height: auto; 23648 margin: 0 auto 0 auto; 23649 padding: 0; 23650 position: relative; 23651 width: 100%; 23652 } 23653 .responsive .slide_wrapper { 23654 height: auto; 23655 position: relative; 23656 width: 100%; 23657 } 23658 .responsive .testimonials_wrapper { 23659 *zoom: 1; 23660 float: none; 23661 height: auto; 23662 position: relative; 23663 width: 100%; 23664 } 23665 .responsive .testimonials_wrapper:before, 23666 .responsive .testimonials_wrapper:after { 23667 content: " "; 23668 display: table; 23669 line-height: 0; 23670 } 23671 .responsive .testimonials_wrapper:after { 23672 clear: both; 23673 } 23674 .responsive .featured_wrapper { 23675 *zoom: 1; 23676 float: none; 23677 height: auto; 23678 position: relative; 23679 width: 100%; 23680 } 23681 .responsive .featured_wrapper:before, 23682 .responsive .featured_wrapper:after { 23683 content: " "; 23684 display: table; 23685 line-height: 0; 23686 } 23687 .responsive .featured_wrapper:after { 23688 clear: both; 23689 } 23690 .responsive .photo_features { 23691 *zoom: 1; 23692 float: none; 23693 height: auto; 23694 left: 0; 23695 position: relative; 23696 width: 100%; 23697 } 23698 .responsive .photo_features:before, 23699 .responsive .photo_features:after { 23700 content: " "; 23701 display: table; 23702 line-height: 0; 23703 } 23704 .responsive .photo_features:after { 23705 clear: both; 23706 } 23707} 23708a:hover, 23709.uk-link:hover { 23710 text-decoration: none !important; 23711} 23712</style><link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" /><link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.theme.default.min.css" /><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"><link rel="stylesheet" type="text/css" href="/layouts/fonts/summer-loving/Summer_Loving.css">
23712<script type="text/javascript"> 23713 if (typeof window.jQuery === 'undefined') { 23714 window.jQuery = { 23715 noConflict: function() { 23716 return window.jQuery; 23717 } 23718 }; 23719 } else if (typeof window.jQuery.noConflict !== 'function') { 23720 window.jQuery.noConflict = function() { 23721 return window.jQuery; 23722 }; 23723 } 23724 23725 if (typeof jQuery === 'undefined') { 23726 jQuery = window.jQuery; 23727 } 23728 23729 if (typeof window.$ === 'undefined') { 23730 window.$ = window.jQuery; 23731 } 23732 23733 if (typeof $ === 'undefined') { 23734 $ = window.$; 23735 } 23736</script>
vendor: 1 bytes, line 23736
23736
23737<script type="text/javascript" src="https://choosewichita.com/scripts/modernizr/modernizr.min.js?1736924400"></script>
23737<script type="text/javascript" src="https://choosewichita.com/scripts/lib/jquery.min.js?1736924400"></script>
23737<script type="text/javascript" src="https://choosewichita.com/scripts/lib/jquery-migrate.min.js?1736924400"></script>
23737<script type="text/javascript" src="https://choosewichita.com/scripts/owl.carousel/dist/owl.carousel.min.js?1736924400"></script>
23737<script type="text/javascript" src="https://choosewichita.com/scripts/lib/bootstrap_functions.js?1736924400"></script>
23737<script type="text/javascript" src="https://choosewichita.com/scripts/elements/elements.js?1736924400"></script>
23737<script type="text/javascript"> 23738 var site_url = 'https://choosewichita.com/'; 23739 var require_url = 'https://choosewichita.com/'; 23740 var url_root_offset = ''; 23741 var edit_mode = ''; 23742 var ajax_login = ''; 23743 var site_width = 1000; 23744 require = { 23745 baseUrl: require_url, 23746 urlArgs: 'bust=1736924400', 23747 paths: { 23748 uikit: require_url + 'styles/uikit/js/uikit.min', 23749 jquery: require_url + 'scripts/lib/jquery.min' 23750 }, 23751 config: { 23752 uikit: { 23753 base: 'styles/uikit/js' 23754 } 23755 } 23756 }; 23757</script>
vendor: 1 bytes, line 23757
23757
23758<script src="/scripts/require.js"></script>
vendor: 1 bytes, line 23758
23758
23759<script src="/components/featured_carousel/content_script.js"></script>
23759 23760 23761<link rel="icon" type="image/png" sizes="32x32" href="https://choosewichita.com/layouts/images/icons/favicon-32x32.png"> 23762<link rel="icon" type="image/png" sizes="16x16" href="https://choosewichita.com/layouts/images/icons/favicon-16x16.png"> 23763<link rel="shortcut icon" href="https://choosewichita.com/layouts/images/icons/favicon.ico">
vendor: 63 bytes, line 23763
23763<script async src="https://www.googletagmanager.com/gtag/js?id=
23763UA-135269591-1
vendor: 13 bytes, lines 23763-23764
23763"></script> 23764
23765<script> 23766 window.dataLayer = window.dataLayer || []; 23767 function gtag() {dataLayer.push(arguments)}; 23768 window.gtag("js", new Date()); 23769 window.gtag("config", "UA-135269591-1"); 23770</script>
23770 23771<!-- Google Tag Manager -->
23771<script>
vendor: 327 bytes, line 23771
23771(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
23771GTM-W4N72QN
vendor: 3 bytes, line 23771
23771');
23771</script>
23771 <!-- End Google Tag Manager --></head><body class="webkit chrome chrome128 site_page responsive work interior_page"> 23772 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 23772
23772 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
23772GTM-W4N72QN
vendor: 83 bytes, line 23772
23772" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
23772<!-- End Google Tag Manager (noscript) --> 23773 23774 23775 <a href="#main_content" id="skip_navigation" style="position: absolute;">skip to main content</a><div id="main_div" class="main_interior "> 23776 <header class="fixed"> 23777 <!-- mobile --> 23778 <div class="mobile-top"> 23779 <div class="bar"> 23780 <img src="/layouts/images/wichita.svg" alt="Wichita" class="menu_logo"> 23781 <div class="nav-wrapper"> 23782 <div id="mobile-nav-controls" class="mobile_nav"> 23783 <a id="mobile_menu_icon" class="uk-align-right" href="#"> 23784 <div class="hamburger"> 23785 <div class="hamburger-line"></div> 23786 <div class="hamburger-line"></div> 23787 </div> 23788 </a> 23789 </div> 23790 </div> 23791 <div class="brand_logo mobile-brand-logo"> 23792 <div id="logo"> 23793 <div class="logo_b"> 23794 <a href="https://choosewichita.com/home"> 23795 <div class="logos"> 23796 <img class="desktop-logo" src="/user/foundation/wichita-logo.png?v=1736924400" alt=""/> 23797 <img class="mobile-logo" src="/user/foundation/wichita.svg?v=1736924400" alt=""/> 23798 </div> 23799 </a> 23800 </div> 23801</div> </div> 23802 </div> 23803 </div> 23804 23805 <!-- desktop --> 23806 <div class="color_bar"> 23807 <div class="top"> 23808 <!-- logo --> 23809 <div class="header-logo-desk"> 23810 <div id="logo"> 23811 <div class="logo_b"> 23812 <a href="https://choosewichita.com/home"> 23813 <div class="logos"> 23814 <img class="desktop-logo" src="/user/foundation/wichita-logo.png?v=1736924400" alt=""/> 23815 <img class="mobile-logo" src="/user/foundation/wichita.svg?v=1736924400" alt=""/> 23816 </div> 23817 </a> 23818 </div> 23819</div> </div> 23820 <!-- main nav --> 23821 <nav class="header-main-nav"> 23822 23823<div class="inline_menu"> 23824 <span class=" dropdown_item nav_item"> 23825 <a class="main" href="https://choosewichita.com/work"> 23826 Work </a> 23827 <div class="dropdown_menu"> 23828 <div> 23829 <ul> 23830 <li> 23831 <a href="https://choosewichita.com/work/overview"> 23832 Overview </a> 23833 </li> 23834 23835 <li> 23836 <a href="https://choosewichita.com/work/careers-industries"> 23837 Careers & Industries </a> 23838 </li> 23839 23840 <li> 23841 <a href="https://choosewichita.com/work/resources-for-job-seekers"> 23842 Resources for Job Seekers </a> 23843 </li> 23844 23845 <li> 23846 <a href="https://choosewichita.com/work/employers"> 23847 Employers </a> 23848 </li> 23849 23850 <li> 23851 <a href="https://choosewichita.com/work/internships"> 23852 Internships </a> 23853 </li> 23854 23855 <li> 23856 <a href="https://choosewichita.com/work/tech-careers"> 23857 Tech Careers </a> 23858 </li> 23859 23860 </ul> 23861 </div> 23862 </div> 23863 </span> 23864 <span class=" dropdown_item nav_item"> 23865 <a class="main" href="https://choosewichita.com/live"> 23866 Live </a> 23867 <div class="dropdown_menu"> 23868 <div> 23869 <ul> 23870 <li> 23871 <a href="https://choosewichita.com/live/overview"> 23872 Overview </a> 23873 </li> 23874 23875 <li> 23876 <a href="https://choosewichita.com/live/costofliving"> 23877 Cost of Living </a> 23878 </li> 23879 23880 <li> 23881 <a href="https://choosewichita.com/live/housing"> 23882 Housing </a> 23883 </li> 23884 23885 <li> 23886 <a href="https://choosewichita.com/live/transportation"> 23887 Transportation </a> 23888 </li> 23889 23890 <li> 23891 <a href="https://choosewichita.com/live/healthcare"> 23892 Health & Fitness </a> 23893 </li> 23894 23895 <li> 23896 <a href="https://choosewichita.com/live/education"> 23897 Education </a> 23898 </li> 23899 23900 </ul> 23901 </div> 23902 </div> 23903 </span>
23904 <span class=" dropdown_item nav_item"> 23905 <a class="main" href="https://choosewichita.com/play"> 23906 Play </a> 23907 <div class="dropdown_menu"> 23908 <div> 23909 <ul> 23910 <li> 23911 <a href="https://choosewichita.com/play/overview"> 23912 Overview </a> 23913 </li> 23914 23915 <li> 23916 <a href="https://choosewichita.com/play/arts-culture"> 23917 Arts & Culture </a> 23918 </li> 23919 23920 <li> 23921 <a href="https://choosewichita.com/play/food-drink"> 23922 Food & Drink </a> 23923 </li> 23924 23925 <li> 23926 <a href="https://choosewichita.com/play/outdoor-fun"> 23927 Outdoor Fun </a> 23928 </li> 23929 23930 <li> 23931 <a href="https://choosewichita.com/play/family-friendly"> 23932 Family Friendly </a> 23933 </li> 23934 23935 <li> 23936 <a href="https://choosewichita.com/play/events"> 23937 Events </a> 23938 </li> 23939 23940 <li> 23941 <a href="https://choosewichita.com/play/get-involved"> 23942 Get Involved </a> 23943 </li> 23944 23945 <li> 23946 <a href="https://choosewichita.com/play/markets-festivals"> 23947 Markets & Festivals </a> 23948 </li> 23949 23950 <li> 23951 <a href="https://choosewichita.com/play/50-fun-facts"> 23952 50 Fun Facts </a> 23953 </li> 23954 23955 <li> 23956 <a href="https://choosewichita.com/play/vacation-where-you-live"> 23957 Vacation Where You Live </a> 23958 </li> 23959 23960 </ul> 23961 </div> 23962 </div> 23963 </span> 23964 <span class=" dropdown_item nav_item noarrow"> 23965 <a class="main" href="https://choosewichita.com/find-a-job"> 23966 Find a Job </a> 23967 </span> 23968 </div> 23969 </nav> 23970 <!-- secondary nav --> 23971 <nav class="header-secondary-nav top_nav"> 23972 <a href="https://choosewichita.com/wichita-insiders" class="nav_item " 23973 target="">Wichita Insiders</a> 23974 <a href="https://choosewichita.com/employer-toolkit" class="nav_item " 23975 target="">Employer Toolkit</a> 23976 <a href="https://choosewichita.com/news/blog" class="nav_item " 23977 target="">Blog</a> 23978 <div class="search-box-container collapsed"> 23979 <div class="search-toggle"> 23980 <i class="fa fa-search"></i> 23981 </div> 23982 <form id="1299331543" class="search_box" action="https://choosewichita.com/search" method="post"> 23983 <input type="hidden" name="cmd" value="search_site"> 23984 <input id="search_terms" class="field" type="text" name="search_terms" placeholder="Search"> 23985 <input class="submit" type="submit"> 23986 </form> 23987</div> 23988
23989<script type="text/javascript"> 23990require(['components/search_box/script'], function (search_box) { 23991 var search = new search_box('#1299331543'); 23992}); 23993</script>
23993 23994 </nav> 23995 <div style="clear: both;"></div> 23996 </div> 23997 </div> 23998 </header> 23999 24000<!-- mobile menu --> 24001<div class="mobile_menu"> 24002 <div class="slider"> 24003 <div class="mobile_nav"> 24004 <div class="nav_item "> 24005 24006 24007 <a class="mobile_menu_slide_button " href="#" data-target="67e92c8765a9bc7fb2d335c459de9eb5"> 24008 Work </a> 24009 24010 <div class="mobile_menu_slider " id="67e92c8765a9bc7fb2d335c459de9eb5"> 24011 <div class="slider_title"> 24012 Work </div> 24013 <ul class="pet-list"> 24014 <li> 24015 <a href="https://choosewichita.com/work/overview"> 24016 24017 Overview </a> 24018 24019 </li> 24020 <li> 24021 <a href="https://choosewichita.com/work/careers-industries"> 24022 24023 Careers & Industries </a> 24024 24025 </li> 24026 <li> 24027 <a href="https://choosewichita.com/work/resources-for-job-seekers"> 24028 24029 Resources for Job Seekers </a> 24030 24031 </li> 24032 <li> 24033 <a href="https://choosewichita.com/work/employers"> 24034 24035 Employers </a> 24036 24037 </li> 24038 <li> 24039 <a href="https://choosewichita.com/work/internships"> 24040 24041 Internships </a> 24042 24043 </li> 24044 <li> 24045 <a href="https://choosewichita.com/work/tech-careers"> 24046 24047 Tech Careers </a> 24048 24049 </li> 24050 </ul> 24051 </div> 24052 </div> 24053 <div class="nav_item "> 24054 24055 24056 <a class="mobile_menu_slide_button " href="#" data-target="d0dbe915091d400bd8ee7f27f0791303"> 24057 Live </a> 24058 24059 <div class="mobile_menu_slider " id="d0dbe915091d400bd8ee7f27f0791303"> 24060 <div class="slider_title"> 24061 Live </div> 24062 <ul class="pet-list"> 24063 <li> 24064 <a href="https://choosewichita.com/live/overview"> 24065 24066 Overview </a> 24067 24068 </li> 24069 <li> 24070 <a href="https://choosewichita.com/live/costofliving"> 24071 24072 Cost of Living </a> 24073 24074 </li> 24075 <li> 24076 <a href="https://choosewichita.com/live/housing"> 24077 24078 Housing </a> 24079 24080 </li> 24081 <li> 24082 <a href="https://choosewichita.com/live/transportation"> 24083 24084 Transportation </a> 24085 24086 </li> 24087 <li> 24088 <a href="https://choosewichita.com/live/healthcare"> 24089 24090 Health & Fitness </a> 24091 24092 </li> 24093 <li> 24094 <a href="https://choosewichita.com/live/education"> 24095 24096 Education </a> 24097 24098 </li> 24099 </ul> 24100 </div> 24101 </div> 24102 <div class="nav_item "> 24103 24104 24105 <a class="mobile_menu_slide_button " href="#" data-target="a3b34c0871dc2fd51eec5559b68f709d"> 24106 Play </a> 24107 24108 <div class="mobile_menu_slider " id="a3b34c0871dc2fd51eec5559b68f709d"> 24109 <div class="slider_title"> 24110 Play </div> 24111 <ul class="pet-list"> 24112 <li> 24113 <a href="https://choosewichita.com/play/overview"> 24114 24115 Overview </a> 24116 24117 </li> 24118 <li> 24119 <a href="https://choosewichita.com/play/arts-culture"> 24120 24121 Arts & Culture </a> 24122 24123 </li> 24124 <li> 24125 <a href="https://choosewichita.com/play/food-drink"> 24126 24127 Food & Drink </a> 24128 24129 </li> 24130 <li> 24131 <a href="https://choosewichita.com/play/outdoor-fun"> 24132 24133 Outdoor Fun </a> 24134 24135 </li> 24136 <li> 24137 <a href="https://choosewichita.com/play/family-friendly"> 24138 24139 Family Friendly </a> 24140 24141 </li> 24142 <li> 24143 <a href="https://choosewichita.com/play/events"> 24144 24145 Events </a> 24146 24147 </li> 24148 <li> 24149 <a href="https://choosewichita.com/play/get-involved"> 24150 24151 Get Involved </a> 24152 24153 </li> 24154 <li> 24155 <a href="https://choosewichita.com/play/markets-festivals"> 24156 24157 Markets & Festivals </a> 24158 24159 </li> 24160 <li> 24161 <a href="https://choosewichita.com/play/50-fun-facts"> 24162 24163 50 Fun Facts </a> 24164 24165 </li> 24166 <li> 24167 <a href="https://choosewichita.com/play/vacation-where-you-live"> 24168 24169 Vacation Where You Live </a> 24170 24171 </li> 24172 </ul> 24173 </div> 24174 </div> 24175 <div class="nav_item btn"> 24176 24177 <a href="https://choosewichita.com/find-a-job"> 24178 Find Your Job </a> 24179 24180 </div> 24181 <div class="nav_item small"> 24182 24183 <a href="https://choosewichita.com/wichita-insiders"> 24184 Wichita Insiders </a> 24185 24186 </div> 24187 <div class="nav_item small"> 24188 24189 <a href="https://choosewichita.com/employer-toolkit"> 24190 Employer Toolkit </a> 24191 24192 </div> 24193 <div class="nav_item small"> 24194 24195 <a href="https://choosewichita.com/news/blog"> 24196 Blog </a> 24197 24198 </div> 24199 </div>
24200<script> 24201 require(['components/mobile_menu/script'], function (menu) { 24202 menu.init('.mobile_nav'); 24203 }); 24204 24205 jQuery(".mobile-top .nav .inline_menu a.btn").html("Register Now"); 24206 </script>
24206 24207 <div class="mobile_menu_return"> 24208 <a href="#" class="mobile_menu_slide_close"><i class="fa fa-chevron-left"></i></a> 24209 </div> 24210 </div> 24211 <div class="social_icons"> 24212 24213 <a href="https://www.instagram.com/choosewichita/" target="_blank" class="icon fab fa-instagram" title="Instagram"></a> 24214 24215 <a href="https://twitter.com/choosewichita" target="_blank" class="icon fab fa-x-twitter" title="X" style="max-width: 26px; position: relative; top: -2px;"><svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto;"> 24216<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/> 24217</svg></a> 24218 24219 <a href="https://www.facebook.com/choosewichita/" target="_blank" class="icon fab fa-facebook" title="Facebook"></a> 24220 24221 24222 <a href="https://www.linkedin.com/company/choose-wichita/" target="_blank" class="icon fab fa-linkedin-in" title="LinkedIn"></a> 24223 24224 24225 24226 24227</div> 24228</div> 24229
24230<script> 24231$(document).ready(function() { 24232 $("#mobile_menu_icon").click(function(e) { 24233 $("#mobile_menu_icon").toggleClass("open"); 24234 if ($(".mobile_menu").hasClass("open")) { 24235 $(".mobile_menu").removeClass("open"); 24236 $(".mobile_menu").addClass("close"); 24237 jQuery(".bar").removeClass("open"); 24238 jQuery("body").removeClass("fixedPosition"); 24239 } else { 24240 window.scrollTo(0, 0); 24241 $(".mobile_menu").addClass("open"); 24242 $(".mobile_menu").removeClass("close"); 24243 jQuery(".bar").addClass("open"); 24244 jQuery("body").addClass("fixedPosition"); 24245 } 24246 e.preventDefault(); 24247 }); 24248}); 24249</script>
24249 <div class="photo_heading_wrapper"> 24250 <div id="photo_heading"> 24251 <div class="photo_heading"> 24252 <img src="https://choosewichita.com/user/image/layouts/photo_heading_work.jpg?1681846129" alt="Pursue Success Relentlessly" class="image" /> 24253 <img src="https://choosewichita.com/user/image/layouts/mobile_photo_heading_work.jpg?1614726118" alt="Pursue Success Relentlessly" class="mobile_image" /> 24254 <div class="content_outer"> 24255 <div class="content"> 24256 <div class="photo_headline"><p>Pursue Success<br /> 24257<span class="brush">Relentlessly</span></p></div> 24258 </div> 24259 </div> 24260 </div> 24261 24262</div> 24263 </div> 24264 <div id="interior"> 24265 24266 <div class="accessories"> 24267 <div class="share_icons"> 24268 <div class="share_icons_icons"> 24269 24270 <a href="http://linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fchoosewichita.com%2Fwork%2Foverview&title=Overview+on+Choose+Wichita" 24271 target="_blank" class="linkedin fab fa-linkedin" title="Share on LinkedIn">Share</a> 24272 24273 <a href="http://x.com/share?text=Overview+on+Choose+Wichita&url=https%3A%2F%2Fchoosewichita.com%2Fwork%2Foverview" 24274 target="_blank" class="twitter fab fa-x-twitter" title="Share on X" style=""><svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto; max-width: 16px; position: relative; top: -2px; "> 24275<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="#888888"/></svg> Share</a> 24276 24277 <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fchoosewichita.com%2Fwork%2Foverview&t=Overview+on+Choose+Wichita" 24278 target="_blank" class="facebook fab fa-facebook" title="Share on Facebook">Share</a> 24279 24280 <a href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fchoosewichita.com%2Fwork%2Foverview&description=Overview+on+Choose+Wichita" 24281 target="_blank" class="pinterest fab fa-pinterest" title="Pin">Pin</a> 24282 </div> 24283</div> 24284<style> 24285 .fa-x-twitter { 24286 /*display: flex;*/ 24287 } 24288</style> </div> 24289 24290 <div class="interior"> 24291 <div class="interior_inner"> 24292 <div id="interior_mid"> 24293 <div class="interior_mid"> 24294 <div id="interior_content" class="interior_content text_small"> 24295 <a name="main_content" /> 24296 <div class="print_heading" style="display: none;"> 24297 <img src="/user/foundation/?1736924400" class="print_logo" style="display: none;" alt="Howerton+White"> 24298 <div class="print_path"> 24299 Choose Wichita > Work > Overview </div> 24300</div> 24301<a name="top"></a><div class="el_content"><div id="el_content_items_a810983b45dd2a69aae7961f7e027b8b" class="el_content_items el_content_items_a810983b45dd2a69aae7961f7e027b8b order"><div class="el_content_item" rel="1516" data-resource="article"><a id="content_1516" name="content_1516"></a><div class="content_item_first"><article class="uk-article"> 24302 24303<div class="el-article article"> 24304 24305 <h1 class="headline uk-article-title"> 24306 <p>Welcome to Bold Beginnings</p> </h1> 24307 24308 24309 24310 24311 24312 24313 <div class="copy"> 24314 <p>Wichita is where entire industries take flight. From the early days of aircraft manufacturing to today’s modern manufacturing breakthroughs, Wichita is the <a href="http://www.aircapitaloftheworld.com" target="_blank">Air Capital of the World</a>. The city’s business credentials extend far beyond aviation. Wichita is home to a thriving, diverse community of creators and entrepreneurs, driven by robust industries such as information technology and transportation and logistics. Koch Industries, Inc. and Cargill Protein – the top two largest privately held companies in the U.S. – are headquartered in Wichita. And, as the birthplace of household brands Pizza Hut, White Castle and Coleman, a spirit of entrepreneurism continues to fuel hundreds of start-ups in a city dedicated to big ideas.</p> </div> 24315 24316 24317</div> 24318</article> 24319<style type="text/css"> 24320article h1, article h2, article h3, article h4, article h5, article h6, 24321article .h1, article .h2, article .h3, article .h4, article .h5, article .h6 { 24322 font-family: "Barlow",sans-serif; 24323 line-height: 22px; 24324} 24325article h1 { 24326 font-size: 32px; 24327 line-height: 36px; 24328 margin-bottom: 20px; 24329 text-transform: none; 24330} 24331article h2 { 24332 font-size: 24px; 24333 line-height: 1.2; 24334 font-weight: 600; 24335} 24336article h3 { 24337 font-size: 22px;
24338 line-height: 26px; 24339 margin-bottom: 14px; 24340 text-transform: none; 24341 font-weight: 600; 24342} 24343article h4 { 24344 font-size: 18px; 24345 line-height: 22px; 24346 /*margin-bottom: 14px;*/ 24347 /*text-transform: none;*/ 24348 font-weight: 600; 24349} 24350</style></div></div><div class="el_content_item" rel="1813" data-resource="inline_media"><a id="content_1813" name="content_1813"></a> 24351<div class="inline_media_wrapper"> 24352<figure class="photo_inline wide" id="photo_inline_1813"> 24353 <img src="/user/image/layouts/photo_inline_photo_1813.jpg?1550105798" alt=""/> 24354 </figure> 24355</div>
24356<script type="text/javascript"> 24357 jQuery(function() { 24358 require(['templates/inline_media/content_script'], function (inline_media) { 24359 var v_el_content_items_a810983b45dd2a69aae7961f7e027b8b = new inline_media('div.el_content_item[rel="1813"]'); 24360 }); 24361 }); 24362</script>
24362 24363
24364<script type="text/javascript"> 24365 require(['uikit!lightbox'], function () { 24366 }); 24367</script>
24367 24368</div><div class="el_content_item" rel="2496" data-resource="link_button"><a id="content_2496" name="content_2496"></a><div class="link_button_wrapper article"> 24369<a href='https://youtu.be/iSYlI8sQYmo' class="btn" 24370 24371 data-uk-lightbox="" data-lightbox-type="iframe" 24372 > 24373 24374listen to a local's perspective</a> 24375</div> 24376
24377<script type="text/javascript"> 24378 require(['uikit!lightbox'], function () { 24379 }); 24380</script>
24380 24381</div><div class="el_content_item" rel="1602" data-resource="article"><a id="content_1602" name="content_1602"></a><article class="uk-article"> 24382 24383<div class="el-article article"> 24384 24385 24386 24387 24388 24389 <div class="copy"> 24390 <h3>Air Capital of the World</h3> 24391 24392<p>We don’t just build planes – we build better planes. From the early days of aircraft manufacturing to cutting-edge research at the National Institute for Aviation Research, Wichita has driven innovation in the aviation industry; generations of Wichitans have built planes for the world. Companies like Spirit AeroSystems, Textron Aviation and Bombardier Learjet count Wichita as a key hub in their global networks, in addition to almost 500 machine shops and suppliers. Work in aviation here, and you’re a part of a worldwide network of engineers, manufacturers and researchers that have built more business jets than anywhere else in the world.</p> 24393 24394<h3><strong>Powering the future</strong></h3> 24395 24396<p>In Wichita, innovation is our life’s work. Here, there’s something about the land, a different kind of energy in the people. Wichita grows innovative businesses like Kansas grows wheat. Leading the way is second nature to companies that get their start in Wichita, but it’s also why companies from all over the world choose Wichita as their second or third home. The global manufacturer, Johnson Controls, is forging ahead to outfit its Wichita facility to become the first in the U.S. to be 100-percent powered by wind-generated electricity. Cargill Protein, headquartered in downtown Wichita, is bringing robotics to cattle-herding.</p> 24397 24398<h3><strong>A culture of makers, doers and brewers</strong></h3> 24399 24400<p>Entrepreneurs, community leaders and volunteers contribute to Wichita’s creative culture through maker spaces, an impressive craft brewing scene and community pride. MakeICT offers a community space in the Douglas Design District for hobbyists, inventors and young up-and-comers to design the future. GoCreate at Wichita State University offers state-of-the-art maker tools and machines. And, with over a dozen and counting local and regional craft breweries, including Wichita Brewing Company, Central Standard Brewing Company and Hopping Gnome, local flavor with friends is always nearby.</p> 24401 24402<h3><strong>Expanding possibilities</strong></h3> 24403 24404<p>Cutting-edge companies in Wichita offer more than just a space to clock-in and clock-out. Immerse yourself in a community centered on growth – where your neighbors and coworkers want to see you achieve your dream and find solutions – because growth and success drives the city. With resources like the Kansas Leadership Center, training the next generation of Wichita’s professional class from their downtown campus, to NXTUS growing local startups, a robust support system in Wichita has your back.</p> </div> 24405 24406 24407</div> 24408</article> 24409<style type="text/css"> 24410article h1, article h2, article h3, article h4, article h5, article h6, 24411article .h1, article .h2, article .h3, article .h4, article .h5, article .h6 { 24412 font-family: "Barlow",sans-serif; 24413 line-height: 22px; 24414} 24415article h1 { 24416 font-size: 32px; 24417 line-height: 36px; 24418 margin-bottom: 20px; 24419 text-transform: none; 24420} 24421article h2 { 24422 font-size: 24px; 24423 line-height: 1.2; 24424 font-weight: 600; 24425} 24426article h3 { 24427 font-size: 22px; 24428 line-height: 26px; 24429 margin-bottom: 14px; 24430 text-transform: none; 24431 font-weight: 600; 24432} 24433article h4 { 24434 font-size: 18px; 24435 line-height: 22px; 24436 /*margin-bottom: 14px;*/ 24437 /*text-transform: none;*/ 24438 font-weight: 600; 24439} 24440</style></div><div class="el_content_item" rel="1775" data-resource="spacer"><a id="content_1775" name="content_1775"></a><div class="spacer above below "> 24441</div> 24442</div><div class="el_content_item" rel="1787" data-resource="embed"><a id="content_1787" name="content_1787"></a><div class="embed"><div class="main_homepage"><div class="article"> <div class="headline"> Choose Wichita </div> <div class="copy"> <p>Step out, step in and step up with a career path that leads to Wichita.</p> </div> <a href="/find-a-job" class="btn" target="_self" title="Browse Jobs">Browse Jobs </a> </div></div></div></div></div></div> </div> 24443 </div> 24444 </div> 24445 </div> 24446 </div> 24447
24447<script> 24448 require(['scripts/domReady'], function (ready) { 24449 }); 24450 </script>
24450 24451 </div> 24452 <footer> 24453 <div class="container"> 24454 <div class="uk-grid"> 24455 24456 <!-- Desktop Social Bar --> 24457 <div class="uk-width-small-3-10 uk-width-medium-2-10 desktop-social footer-social"> 24458 <div class="social_icons"> 24459 24460 <a href="https://www.instagram.com/choosewichita/" target="_blank" class="icon fab fa-instagram" title="Instagram"></a> 24461 24462 <a href="https://twitter.com/choosewichita" target="_blank" class="icon fab fa-x-twitter" title="X" style="max-width: 26px; position: relative; top: -2px;"><svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto;"> 24463<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/> 24464</svg></a> 24465 24466 <a href="https://www.facebook.com/choosewichita/" target="_blank" class="icon fab fa-facebook" title="Facebook"></a> 24467 24468 24469 <a href="https://www.linkedin.com/company/choose-wichita/" target="_blank" class="icon fab fa-linkedin-in" title="LinkedIn"></a> 24470 24471 24472 24473 24474</div> 24475 <div id="conveythis_widget" class="conveythis_widget"> 24476 <div id="conveythis_widget-target" class="conveythis_widget-target"> 24477 </div> 24478</div> 24479
24480<script src="//cdn.conveythis.com/javascript/54/conveythis.js"></script>
vendor: 1 bytes, line 24480
24480
24481<script src="//cdn.conveythis.com/javascript/54/translate.js"></script>
vendor: 1 bytes, line 24481
24481
24482<script type="text/javascript"> 24483 // document.addEventListener("load", function(e) { 24484 setTimeout(function() { 24485 conveythis.init({ 24486 icon: "without-flag", 24487 text: "full-text", 24488 positionTop: null, 24489 positionBottom: null, 24490 positionLeft: null, 24491 positionRight: null, 24492 change: {}, 24493 languages: [{"id":777,"active":false},{"id":719,"active":false},{"id":792,"active":false},{"id":703,"active":true}], 24494 api_key: 'pub_af2c3b490924132e965573e3e19a5638', 24495 source_language_id: 703, 24496 auto_translate: 0, 24497 hide_conveythis_logo: 1, 24498 translate_media: 1, 24499 translate_document: 1, 24500 change_direction: 1, 24501 selector: "conveythis_widget-target", 24502 } ); 24503 // } ); 24504 }, 750); 24505 24506</script>
24506 24507 </div> 24508 <!-- End Desktop Social Bar --> 24509 24510 <div class="uk-width-small-7-10 uk-width-medium-5-10 info"> 24511 <!-- Footer Nav --> 24512 <nav> 24513 <a href="https://choosewichita.com/find-a-job" class="nav_item " 24514 target="">Browse Jobs</a> 24515 <a href="https://choosewichita.com/about" class="nav_item " 24516 target="">About</a> 24517 <a href="https://choosewichita.com/privacy-policy" class="nav_item " 24518 target="">Privacy Policy</a> 24519 <a href="https://choosewichita.com/sitemap" class="nav_item " 24520 target="">Sitemap</a> 24521 <a href="https://choosewichita.com/contact" class="nav_item " 24522 target="">Contact</a> 24523 </nav> 24524 <!-- End Footer Nav --> 24525 24526 <!-- Additional Info/Byline --> 24527 <div class="contact_info"> 24528 <span class='footer-information-div'>© 2026 <span class="company">Greater Wichita Partnership</span><span class="sep"> | </span></span></div> <p class="byline">Integrated Marketing Agency: <a href="http://howertonwhite.com" target="_blank">Howerton+White</a></p> <!-- End Additional Info/Byline --> 24529 </div> 24530 24531 <div class="uk-width-small-3-10 logo_share"> 24532 <!-- Footer Logo --> 24533 <div class="brand_logo"> 24534 24535<div id="logo"> 24536 <div class="logo"> 24537 24538 24539 24540 <a href="https://choosewichita.com/home"> 24541 <img src="/user/foundation/wichita-logo.png?v=1736924400" alt="Wichita" data-image-2x="/user/foundation/wichita-logo.png?v=1736924400"/> 24542 </a> 24543 24544 </div> 24545</div>
24546<script type="text/javascript"> 24547 require(['components/logo/script'], function (logo) { 24548 logo.init('#logo'); 24549 }); 24550</script>
24550 24551 </div> 24552 <!-- End Footer Logo --> 24553 </div> 24554 24555 <div class="mobile_only"> 24556 <!-- Additional Info/Byline --> 24557 <div class="contact_info"> 24558 <span class='footer-information-div'>© 2026 <span class="company">Greater Wichita Partnership</span><span class="sep"> | </span></span></div> <p class="byline">Integrated Marketing Agency: <a href="http://howertonwhite.com" target="_blank">Howerton+White</a></p> <!-- End Additional Info/Byline --> 24559 </div> 24560 24561 </div> 24562 </div> 24563</footer> 24564 24565<div id="privacy_notice" class="privacy_notice"> 24566 <div class="message"> 24567 <div class="privacy_notice__message__interior"> 24568 <div><a href="javascript:;" class="close fa fa-times-circle" aria-hidden="true"></a></div> 24569 <div><p>This site uses cookies. By continuing to browse this site you are agreeing to our use of cookies. <a href="https://choosewichita.com/privacy-policy">View Privacy Policy</a>.</p></div> 24570 </div> 24571 </div> 24572</div> 24573 24574
24575<script type="text/javascript"> 24576require(['components/privacy_notice/script'], function (privacy_notice) { 24577 privacy_notice.init("#privacy_notice"); 24578}); 24579</script>
24579 24580<!-- Scripts for Sticky Nav and Superscript Application -->
24581<script type="text/javascript"> 24582 require(["scripts/top-bar-sticky"], function(sticky) { 24583 sticky.init(); 24584 }); 24585 require(["scripts/superscript"], function(superscript) { 24586 superscript.init(); 24587 }); 24588</script>
24588 24589 24590<!-- Debug Zone Component --> 24591</div> 24592<style type="text/css"> 24593 #interior { 24594 } 24595 24596 .interior { 24597 } 24598</style> 24599 24600<!-- Begin Constant Contact Active Forms --> 24601
24602<script> var _ctct_m = "70d21352eb1cc6c13fe6d77c8ea0811a"; </script>
24602 24603
24604<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
24604 24605 24606<!-- End Constant Contact Active Forms --> 24607</body>
24607<script type="text/javascript" src="https://choosewichita.com/templates/article/content_script.js?1736924400"></script>
24607<script type="text/javascript" src="https://choosewichita.com/scripts/elements/elements.js?1736924400"></script>
24607</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.