1<!DOCTYPE html> 2<html class="no-js" lang="en"> 3<head> 4 <title>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="Choose Wichita"> 9<meta name="description" content="Choose Wichita"> 10<meta name="distribution" content="global"> 11<meta property="og:title" content="Choose Wichita"> 12<meta property="og:site_name" content="Choose Wichita"> 13<meta property="og:type" content="website"> 14<meta property="og:url" content="https://choosewichita.com/home"> 15<meta property="og:description" content="Choose Wichita"> 16<meta property="og:image" content="https://choosewichita.com//user/image/layouts/image_src.jpg?15506918041736924400"/> 17<meta property="og:image:width" content="630"> 18<meta property="og:image:height" content="1200"> 19 20<meta name="author" content="Choose Wichita"> 21<link rel="author" href="https://choosewichita.com/"> 22 23<style type="text/css">/* ======================================================================== 24 Component: Base 25 ========================================================================== */ 26/* 27 * 1. Normalize default `font-family` and set `font-size` to support `rem` units 28 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom 29 * 3. Style 30 */ 31html { 32 /* 1 */ 33 font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; 34 /* 2 */ 35 -webkit-text-size-adjust: 100%; 36 -ms-text-size-adjust: 100%; 37 /* 3 */ 38 background: #fff; 39 color: #444; 40} 41/* 42 * Removes default margin. 43 */ 44body { 45 margin: 0; 46} 47/* Links 48 ========================================================================== */ 49/* 50 * Remove the gray background color from active links in IE 10. 51 */ 52a { 53 background: transparent; 54} 55/* 56 * Improve readability of focused elements when they are also in an active/hover state. 57 */ 58a:active, 59a:hover { 60 outline: 0; 61} 62/* 63 * Style 64 */ 65a, 66.uk-link { 67 color: #07D; 68 text-decoration: none; 69 cursor: pointer; 70} 71a:hover, 72.uk-link:hover { 73 color: #059; 74 text-decoration: underline; 75} 76/* Text-level semantics 77 ========================================================================== */ 78/* 79 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 80 */ 81abbr[title] { 82 border-bottom: 1px dotted; 83} 84/* 85 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 86 */ 87b, 88strong { 89 font-weight: bold; 90} 91/* 92 * 1. Address odd `em`-unit font size rendering in all browsers. 93 * 2. Consolas has a better baseline in running text compared to `Courier` 94 */ 95:not(pre) > code, 96:not(pre) > kbd, 97:not(pre) > samp { 98 /* 1 */ 99 font-size: 12px; 100 /* 2 */ 101 font-family: Consolas, monospace, serif; 102 /* 3 */ 103 color: #D05; 104 white-space: nowrap; 105} 106/* 107 * Emphasize 108 */ 109em { 110 color: #4a4a4a; 111} 112/* 113 * Insert 114 */ 115ins { 116 background: #ffa; 117 color: #444; 118 text-decoration: none; 119} 120/* 121 * Mark 122 * Note: Addresses styling not present in IE 8/9. 123 */ 124mark { 125 background: #ffa; 126 color: #444; 127} 128/* 129 * Quote 130 */ 131q { 132 font-style: italic; 133} 134/* 135 * Addresses inconsistent and variable font size in all browsers. 136 */ 137small { 138 font-size: 80%; 139} 140/* 141 * Prevents `sub` and `sup` affecting `line-height` in all browsers. 142 */ 143sub, 144sup { 145 font-size: 75%; 146 line-height: 0; 147 position: relative; 148 vertical-align: baseline; 149} 150sup { 151 top: -0.5em; 152} 153sub { 154 bottom: -0.25em; 155} 156/* Embedded content 157 ========================================================================== */ 158/* 159 * Remove the gap between embedded content and the bottom of their containers. 160 */ 161audio, 162canvas, 163iframe, 164img, 165svg, 166video { 167 vertical-align: middle; 168} 169/* 170 * Responsiveness 171 * 1. Sets a maximum width relative to the parent and auto scales the height 172 * 2. Corrects `max-width` behavior if padding and border are used 173 */ 174audio, 175canvas, 176img, 177svg, 178video { 179 /* 1 */ 180 max-width: 100%; 181 height: auto; 182 /* 2 */ 183 box-sizing: border-box; 184} 185/* 186 * Preserve original dimensions 187 */ 188.uk-img-preserve, 189.uk-img-preserve audio, 190.uk-img-preserve canvas, 191.uk-img-preserve img, 192.uk-img-preserve svg, 193.uk-img-preserve video { 194 max-width: none; 195} 196/* 197 * Remove border when inside `a` element in IE 8/9/10. 198 */ 199img { 200 border: 0; 201} 202/* 203 * Correct overflow not hidden in IE 9/10/11. 204 */ 205svg:not(:root) { 206 overflow: hidden; 207} 208/* Block elements 209 ========================================================================== */ 210/* 211 * Reset margin 212 */ 213blockquote, 214figure { 215 margin: 0; 216} 217/* 218 * Margins 219 */ 220p, 221ul, 222ol, 223dl, 224blockquote, 225pre, 226address, 227fieldset, 228figure { 229 margin: 0 0 15px 0; 230} 231* + p, 232* + ul, 233* + ol, 234* + dl, 235* + blockquote, 236* + pre, 237* + address, 238* + fieldset, 239* + figure {
240 margin-top: 15px; 241} 242/* Headings 243 ========================================================================== */ 244h1, 245h2, 246h3, 247h4, 248h5, 249h6 { 250 margin: 0 0 15px 0; 251 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 252 font-weight: normal; 253 color: #444; 254 text-transform: none; 255} 256/* 257 * Margins 258 */ 259* + h1, 260* + h2, 261* + h3, 262* + h4, 263* + h5, 264* + h6 { 265 margin-top: 25px; 266} 267/* 268 * Sizes 269 */ 270h1, 271.uk-h1 { 272 font-size: 36px; 273 line-height: 42px; 274} 275h2, 276.uk-h2 { 277 font-size: 24px; 278 line-height: 30px; 279} 280h3, 281.uk-h3 { 282 font-size: 18px; 283 line-height: 24px; 284} 285h4, 286.uk-h4 { 287 font-size: 16px; 288 line-height: 22px; 289} 290h5, 291.uk-h5 { 292 font-size: 14px; 293 line-height: 20px; 294} 295h6, 296.uk-h6 { 297 font-size: 12px; 298 line-height: 18px; 299} 300/* Lists 301 ========================================================================== */ 302ul, 303ol { 304 padding-left: 30px; 305} 306/* 307 * Reset margin for nested lists 308 */ 309ul > li > ul, 310ul > li > ol, 311ol > li > ol, 312ol > li > ul { 313 margin: 0; 314} 315/* Description lists 316 ========================================================================== */ 317dt { 318 font-weight: bold; 319} 320dd { 321 margin-left: 0; 322} 323/* Horizontal rules 324 ========================================================================== */ 325/* 326 * 1. Address differences between Firefox and other browsers. 327 * 2. Style 328 */ 329hr { 330 /* 1 */ 331 box-sizing: content-box; 332 height: 0; 333 /* 2 */ 334 margin: 15px 0; 335 border: 0; 336 border-top: 1px solid #ddd; 337} 338/* Address 339 ========================================================================== */ 340address { 341 font-style: normal; 342} 343/* Blockquotes 344 ========================================================================== */ 345blockquote { 346 padding-left: 15px; 347 border-left: 5px solid #ddd; 348 font-size: 16px; 349 line-height: 22px; 350 font-style: italic; 351} 352/* Preformatted text 353 ========================================================================== */ 354/* 355 * 1. Contain overflow in all browsers. 356 */ 357pre { 358 padding: 10px; 359 background: #f5f5f5; 360 font: 12px / 18px Consolas, monospace, serif; 361 color: #444; 362 -moz-tab-size: 4; 363 tab-size: 4; 364 /* 1 */ 365 overflow: auto; 366} 367/* Selection pseudo-element 368 ========================================================================== */ 369::-moz-selection { 370 background: #39f; 371 color: #fff; 372 text-shadow: none; 373} 374::selection { 375 background: #39f; 376 color: #fff; 377 text-shadow: none; 378} 379/* HTML5 elements 380 ========================================================================== */ 381/* 382 * Correct `block` display not defined for any HTML5 element in IE 8/9. 383 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. 384 * Correct `block` display not defined for `main` in IE 11. 385 */ 386article, 387aside, 388details, 389figcaption, 390figure, 391footer, 392header, 393main, 394nav, 395section, 396summary { 397 display: block; 398} 399/* 400 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 401 */ 402progress { 403 vertical-align: baseline; 404} 405/* 406 * Prevent displaying `audio` without controls in Chrome, Safari and Opera 407 */ 408audio:not([controls]) { 409 display: none; 410} 411/* 412 * Address `[hidden]` styling not present in IE 8/9/10. 413 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 414 */ 415[hidden], 416template { 417 display: none; 418} 419/* Iframe 420 ========================================================================== */ 421iframe { 422 border: 0; 423} 424/* Fix viewport for IE10 snap mode 425 ========================================================================== */ 426@media screen and (max-width: 400px) { 427 @-ms-viewport { 428 width: device-width; 429 } 430} 431/* ======================================================================== 432 Component: Grid 433 ========================================================================== */ 434/* 435 * 1. Makes grid more robust so that it can be used with other block elements like lists 436 */ 437.uk-grid { 438 display: -ms-flexbox; 439 display: -webkit-flex; 440 display: flex; 441 -ms-flex-wrap: wrap; 442 -webkit-flex-wrap: wrap; 443 flex-wrap: wrap; 444 /* 1 */ 445 margin: 0; 446 padding: 0; 447 list-style: none; 448} 449/* 450 * DEPRECATED 451 * Micro clearfix 452 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit 453 */ 454.uk-grid:before,
455.uk-grid:after { 456 content: ""; 457 display: block; 458 overflow: hidden; 459} 460.uk-grid:after { 461 clear: both; 462} 463/* 464 * Grid cell 465 * 1. Space is allocated solely based on content dimensions 466 * 2. Makes grid more robust so that it can be used with other block elements 467 * 3. DEPRECATED Using `float` to support IE9 468 */ 469.uk-grid > * { 470 /* 1 */ 471 -ms-flex: none; 472 -webkit-flex: none; 473 flex: none; 474 /* 2 */ 475 margin: 0; 476 /* 3 */ 477 float: left; 478} 479/* 480 * Remove margin from the last-child 481 */ 482.uk-grid > * > :last-child { 483 margin-bottom: 0; 484} 485/* Grid gutter 486 ========================================================================== */ 487/* 488 * Default gutter 489 */ 490/* Horizontal */ 491.uk-grid { 492 margin-left: -32px; 493} 494.uk-grid > * { 495 padding-left: 32px; 496} 497/* Vertical */ 498.uk-grid + .uk-grid, 499.uk-grid-margin, 500.uk-grid > *:not(:last-of-type) { 501 margin-bottom: 32px; 502} 503/* Large screen and bigger */ 504@media (min-width: 1600px) { 505 /* Horizontal */ 506 .uk-grid { 507 margin-left: -32px; 508 } 509 .uk-grid > * { 510 padding-left: 32px; 511 } 512 /* Vertical */ 513 .uk-grid + .uk-grid, 514 .uk-grid-margin, 515 .uk-grid > *:not(:last-of-type) { 516 margin-bottom: 32px; 517 } 518} 519/* Mini screen and Smaller */ 520@media (max-width: 639px) { 521 /* Horizontal */ 522 .uk-grid { 523 margin-left: -16px; 524 } 525 .uk-grid > * { 526 padding-left: 16px; 527 } 528 /* Vertical */ 529 .uk-grid + .uk-grid, 530 .uk-grid-margin, 531 .uk-grid > *:not(:last-of-type) { 532 margin-bottom: 16px; 533 } 534} 535/* Small screen and bigger */ 536@media (min-width: 640px) and (max-width: 959px) { 537 /* Horizontal */ 538 .uk-grid { 539 margin-left: -16px; 540 } 541 .uk-grid > * { 542 padding-left: 16px; 543 } 544 /* Vertical */ 545 .uk-grid + .uk-grid, 546 .uk-grid-margin, 547 .uk-grid > *:not(:last-of-type) { 548 margin-bottom: 16px; 549 } 550} 551/* 552 * Collapse gutter 553 */ 554/* Horizontal */ 555.uk-grid-collapse { 556 margin-left: 0; 557} 558.uk-grid-collapse > * { 559 padding-left: 0; 560} 561/* Vertical */ 562.uk-grid-collapse + .uk-grid-collapse, 563.uk-grid-collapse > .uk-grid-margin, 564.uk-grid-collapse > * > .uk-panel + .uk-panel { 565 margin-top: 0; 566} 567/* 568 * Small gutter 569 */ 570/* Horizontal */ 571.uk-grid-small { 572 margin-left: -16px; 573} 574.uk-grid-small > * { 575 padding-left: 16px; 576} 577/* Vertical */ 578.uk-grid-small + .uk-grid-small, 579.uk-grid-small > .uk-grid-margin, 580.uk-grid-small > * > .uk-panel + .uk-panel { 581 margin-top: 16px; 582} 583/* 584 * Medium gutter 585 */ 586/* Horizontal */ 587.uk-grid-medium { 588 margin-left: -32px; 589} 590.uk-grid-medium > * { 591 padding-left: 32px; 592} 593/* Vertical */ 594.uk-grid-medium + .uk-grid-medium, 595.uk-grid-medium > .uk-grid-margin, 596.uk-grid-medium > * > .uk-panel + .uk-panel { 597 margin-top: 32px; 598} 599/* 600 * Large gutter 601 */ 602/* Large screen and bigger */ 603@media (min-width: 1200px) { 604 /* Horizontal */ 605 .uk-grid-large { 606 margin-left: -32px; 607 } 608 .uk-grid-large > * { 609 padding-left: 32px; 610 } 611 /* Vertical */ 612 .uk-grid-large + .uk-grid-large, 613 .uk-grid-large-margin, 614 .uk-grid-large > * > .uk-panel + .uk-panel { 615 margin-top: 32px; 616 } 617} 618/* Extra Large screens */ 619@media (min-width: 1600px) { 620 /* Horizontal */ 621 .uk-grid-large { 622 margin-left: -32px; 623 } 624 .uk-grid-large > * { 625 padding-left: 32px; 626 } 627 /* Vertical */ 628 .uk-grid-large + .uk-grid-large, 629 .uk-grid-large-margin, 630 .uk-grid-large > * > .uk-panel + .uk-panel { 631 margin-top: 32px; 632 } 633} 634/* Modifier: `uk-grid-divider` 635 ========================================================================== */ 636/* 637 * Horizontal divider 638 * Only works with the default gutter. Does not work with gutter collapse, small or large. 639 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. 640 */ 641.uk-grid-divider:not(:empty) { 642 margin-left: -32px; 643 margin-right: -32px; 644} 645.uk-grid-divider > * { 646 padding-left: 32px; 647 padding-right: 32px; 648} 649.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), 650.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), 651.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), 652.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), 653.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), 654.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
655.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), 656.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), 657.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { 658 border-left: 1px solid #ddd; 659} 660/* Tablet and bigger */ 661@media (min-width: 960px) { 662 .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { 663 border-left: 1px solid #ddd; 664 } 665} 666/* Desktop and bigger */ 667@media (min-width: 1200px) { 668 .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { 669 border-left: 1px solid #ddd; 670 } 671} 672/* Large screen and bigger */ 673@media (min-width: 1600px) { 674 /* 675 * Large gutter 676 */ 677 .uk-grid-divider:not(:empty) { 678 margin-left: -32px; 679 margin-right: -32px; 680 } 681 .uk-grid-divider > * { 682 padding-left: 32px; 683 padding-right: 32px; 684 } 685 .uk-grid-divider:empty { 686 margin-top: 32px; 687 margin-bottom: 32px; 688 } 689} 690/* 691 * Vertical divider 692 */ 693.uk-grid-divider:empty { 694 margin-top: 32px; 695 margin-bottom: 32px; 696 border-top: 1px solid #ddd; 697} 698/* Match panels in grids 699 ========================================================================== */ 700/* 701 * 1. Behave like a block element 702 */ 703.uk-grid-match > * { 704 display: -ms-flexbox; 705 display: -webkit-flex; 706 display: flex; 707 /* 1 */ 708 -ms-flex-wrap: wrap; 709 -webkit-flex-wrap: wrap; 710 flex-wrap: wrap; 711} 712.uk-grid-match > * > * { 713 /* 1 */ 714 -ms-flex: none; 715 -webkit-flex: none; 716 flex: none; 717 box-sizing: border-box; 718 width: 100%; 719} 720/* Even grid cell widths 721 ========================================================================== */ 722[class*='uk-grid-width'] > * { 723 box-sizing: border-box; 724 width: 100%; 725} 726.uk-grid-width-1-2 > * { 727 width: 50%; 728} 729.uk-grid-width-1-3 > * { 730 width: 33.333%; 731} 732.uk-grid-width-1-4 > * { 733 width: 25%; 734} 735.uk-grid-width-1-5 > * { 736 width: 20%; 737} 738.uk-grid-width-1-6 > * { 739 width: 16.666%; 740} 741.uk-grid-width-1-10 > * { 742 width: 10%; 743} 744.uk-grid-width-auto > * { 745 width: auto; 746} 747/* Small Phone landscape and bigger */ 748@media (min-width: 350px) { 749 .uk-grid-width-mini-1-1 > * { 750 width: 100%; 751 } 752 .uk-grid-width-mini-1-2 > * { 753 width: 50%; 754 } 755 .uk-grid-width-mini-1-3 > * { 756 width: 33.333%; 757 } 758 .uk-grid-width-mini-1-4 > * { 759 width: 25%; 760 } 761 .uk-grid-width-mini-1-5 > * { 762 width: 20%; 763 } 764 .uk-grid-width-mini-1-6 > * { 765 width: 16.666%; 766 } 767 .uk-grid-width-mini-1-10 > * { 768 width: 10%; 769 } 770} 771/* Phone landscape and bigger */ 772@media (min-width: 640px) { 773 .uk-grid-width-small-1-1 > * { 774 width: 100%; 775 } 776 .uk-grid-width-small-1-2 > * { 777 width: 50%; 778 } 779 .uk-grid-width-small-1-3 > * { 780 width: 33.333%; 781 } 782 .uk-grid-width-small-1-4 > * { 783 width: 25%; 784 } 785 .uk-grid-width-small-1-5 > * { 786 width: 20%; 787 } 788 .uk-grid-width-small-1-6 > * { 789 width: 16.666%; 790 } 791 .uk-grid-width-small-1-10 > * { 792 width: 10%; 793 } 794} 795/* Tablet and bigger */ 796@media (min-width: 960px) { 797 .uk-grid-width-medium-1-1 > * { 798 width: 100%; 799 } 800 .uk-grid-width-medium-1-2 > * { 801 width: 50%; 802 } 803 .uk-grid-width-medium-1-3 > * { 804 width: 33.333%; 805 } 806 .uk-grid-width-medium-1-4 > * { 807 width: 25%; 808 } 809 .uk-grid-width-medium-1-5 > * { 810 width: 20%; 811 } 812 .uk-grid-width-medium-1-6 > * { 813 width: 16.666%; 814 } 815 .uk-grid-width-medium-1-10 > * { 816 width: 10%; 817 } 818} 819/* Desktop and bigger */ 820@media (min-width: 1200px) { 821 .uk-grid-width-large-1-1 > * { 822 width: 100%; 823 } 824 .uk-grid-width-large-1-2 > * { 825 width: 50%; 826 } 827 .uk-grid-width-large-1-3 > * { 828 width: 33.333%; 829 } 830 .uk-grid-width-large-1-4 > * { 831 width: 25%; 832 } 833 .uk-grid-width-large-1-5 > * { 834 width: 20%; 835 } 836 .uk-grid-width-large-1-6 > * { 837 width: 16.666%; 838 } 839 .uk-grid-width-large-1-10 > * { 840 width: 10%; 841 } 842} 843/* Large screen and bigger */ 844@media (min-width: 1600px) { 845 .uk-grid-width-xlarge-1-1 > * { 846 width: 100%; 847 } 848 .uk-grid-width-xlarge-1-2 > * { 849 width: 50%; 850 } 851 .uk-grid-width-xlarge-1-3 > * { 852 width: 33.333%; 853 } 854 .uk-grid-width-xlarge-1-4 > * { 855 width: 25%; 856 } 857 .uk-grid-width-xlarge-1-5 > * { 858 width: 20%; 859 } 860 .uk-grid-width-xlarge-1-6 > * { 861 width: 16.666%; 862 } 863 .uk-grid-width-xlarge-1-10 > * { 864 width: 10%; 865 } 866} 867/* Sub-objects: `uk-width-*` 868 ========================================================================== */ 869[class*='uk-width'] { 870 box-sizing: border-box; 871 width: 100%; 872} 873/* 874 * Widths 875 */ 876/* Whole */ 877.uk-width-1-1 { 878 width: 100%; 879} 880/* Halves */ 881.uk-width-1-2, 882.uk-width-2-4, 883.uk-width-3-6, 884.uk-width-5-10 { 885 width: 50%; 886} 887/* Thirds */ 888.uk-width-1-3, 889.uk-width-2-6 { 890 width: 33.333%; 891} 892.uk-width-2-3, 893.uk-width-4-6 { 894 width: 66.666%; 895} 896/* Quarters */ 897.uk-width-1-4 { 898 width: 25%; 899} 900.uk-width-3-4 { 901 width: 75%; 902} 903/* Fifths */ 904.uk-width-1-5, 905.uk-width-2-10 { 906 width: 20%; 907} 908.uk-width-2-5, 909.uk-width-4-10 { 910 width: 40%; 911} 912.uk-width-3-5, 913.uk-width-6-10 { 914 width: 60%; 915} 916.uk-width-4-5, 917.uk-width-8-10 { 918 width: 80%; 919} 920/* Sixths */ 921.uk-width-1-6 { 922 width: 16.666%; 923} 924.uk-width-5-6 { 925 width: 83.333%; 926} 927/* Tenths */ 928.uk-width-1-10 { 929 width: 10%; 930} 931.uk-width-3-10 { 932 width: 30%; 933} 934.uk-width-7-10 { 935 width: 70%; 936}
937.uk-width-9-10 { 938 width: 90%; 939} 940/* Small Phone landscape and bigger */ 941@media (min-width: 350px) { 942 /* Whole */ 943 .uk-width-mini-1-1 { 944 width: 100%; 945 } 946 /* Halves */ 947 .uk-width-mini-1-2, 948 .uk-width-mini-2-4, 949 .uk-width-mini-3-6, 950 .uk-width-mini-5-10 { 951 width: 50%; 952 } 953 /* Thirds */ 954 .uk-width-mini-1-3, 955 .uk-width-mini-2-6 { 956 width: 33.333%; 957 } 958 .uk-width-mini-2-3, 959 .uk-width-mini-4-6 { 960 width: 66.666%; 961 } 962 /* Quarters */ 963 .uk-width-mini-1-4 { 964 width: 25%; 965 } 966 .uk-width-mini-3-4 { 967 width: 75%; 968 } 969 /* Fifths */ 970 .uk-width-mini-1-5, 971 .uk-width-mini-2-10 { 972 width: 20%; 973 } 974 .uk-width-mini-2-5, 975 .uk-width-mini-4-10 { 976 width: 40%; 977 } 978 .uk-width-mini-3-5, 979 .uk-width-mini-6-10 { 980 width: 60%; 981 } 982 .uk-width-mini-4-5, 983 .uk-width-mini-8-10 { 984 width: 80%; 985 } 986 /* Sixths */ 987 .uk-width-mini-1-6 { 988 width: 16.666%; 989 } 990 .uk-width-mini-5-6 { 991 width: 83.333%; 992 } 993 /* Tenths */ 994 .uk-width-mini-1-10 { 995 width: 10%; 996 } 997 .uk-width-mini-3-10 { 998 width: 30%; 999 } 1000 .uk-width-mini-7-10 { 1001 width: 70%; 1002 } 1003 .uk-width-mini-9-10 { 1004 width: 90%; 1005 } 1006} 1007/* Phone landscape and bigger */ 1008@media (min-width: 640px) { 1009 /* Whole */ 1010 .uk-width-small-1-1 { 1011 width: 100%; 1012 } 1013 /* Halves */ 1014 .uk-width-small-1-2, 1015 .uk-width-small-2-4, 1016 .uk-width-small-3-6, 1017 .uk-width-small-5-10 { 1018 width: 50%; 1019 } 1020 /* Thirds */ 1021 .uk-width-small-1-3, 1022 .uk-width-small-2-6 { 1023 width: 33.333%; 1024 } 1025 .uk-width-small-2-3, 1026 .uk-width-small-4-6 { 1027 width: 66.666%; 1028 } 1029 /* Quarters */ 1030 .uk-width-small-1-4 { 1031 width: 25%; 1032 } 1033 .uk-width-small-3-4 { 1034 width: 75%; 1035 } 1036 /* Fifths */ 1037 .uk-width-small-1-5, 1038 .uk-width-small-2-10 { 1039 width: 20%; 1040 } 1041 .uk-width-small-2-5, 1042 .uk-width-small-4-10 { 1043 width: 40%; 1044 } 1045 .uk-width-small-3-5, 1046 .uk-width-small-6-10 { 1047 width: 60%; 1048 } 1049 .uk-width-small-4-5, 1050 .uk-width-small-8-10 { 1051 width: 80%; 1052 } 1053 /* Sixths */ 1054 .uk-width-small-1-6 { 1055 width: 16.666%; 1056 } 1057 .uk-width-small-5-6 { 1058 width: 83.333%; 1059 } 1060 /* Tenths */ 1061 .uk-width-small-1-10 { 1062 width: 10%; 1063 } 1064 .uk-width-small-3-10 { 1065 width: 30%; 1066 } 1067 .uk-width-small-7-10 { 1068 width: 70%; 1069 } 1070 .uk-width-small-9-10 { 1071 width: 90%; 1072 } 1073} 1074/* Tablet and bigger */ 1075@media (min-width: 960px) { 1076 /* Whole */ 1077 .uk-width-medium-1-1 { 1078 width: 100%; 1079 } 1080 /* Halves */ 1081 .uk-width-medium-1-2, 1082 .uk-width-medium-2-4, 1083 .uk-width-medium-3-6, 1084 .uk-width-medium-5-10 { 1085 width: 50%; 1086 } 1087 /* Thirds */ 1088 .uk-width-medium-1-3, 1089 .uk-width-medium-2-6 { 1090 width: 33.333%; 1091 } 1092 .uk-width-medium-2-3, 1093 .uk-width-medium-4-6 { 1094 width: 66.666%; 1095 } 1096 /* Quarters */ 1097 .uk-width-medium-1-4 { 1098 width: 25%; 1099 } 1100 .uk-width-medium-3-4 { 1101 width: 75%; 1102 } 1103 /* Fifths */ 1104 .uk-width-medium-1-5, 1105 .uk-width-medium-2-10 { 1106 width: 20%; 1107 } 1108 .uk-width-medium-2-5, 1109 .uk-width-medium-4-10 { 1110 width: 40%; 1111 } 1112 .uk-width-medium-3-5, 1113 .uk-width-medium-6-10 { 1114 width: 60%; 1115 } 1116 .uk-width-medium-4-5, 1117 .uk-width-medium-8-10 { 1118 width: 80%; 1119 } 1120 /* Sixths */ 1121 .uk-width-medium-1-6 { 1122 width: 16.666%; 1123 } 1124 .uk-width-medium-5-6 { 1125 width: 83.333%; 1126 } 1127 /* Tenths */ 1128 .uk-width-medium-1-10 { 1129 width: 10%; 1130 } 1131 .uk-width-medium-3-10 { 1132 width: 30%; 1133 } 1134 .uk-width-medium-7-10 { 1135 width: 70%; 1136 } 1137 .uk-width-medium-9-10 { 1138 width: 90%; 1139 } 1140} 1141/* Desktop and bigger */ 1142@media (min-width: 1200px) { 1143 /* Whole */ 1144 .uk-width-large-1-1 { 1145 width: 100%; 1146 } 1147 /* Halves */ 1148 .uk-width-large-1-2, 1149 .uk-width-large-2-4, 1150 .uk-width-large-3-6, 1151 .uk-width-large-5-10 { 1152 width: 50%; 1153 } 1154 /* Thirds */ 1155 .uk-width-large-1-3, 1156 .uk-width-large-2-6 { 1157 width: 33.333%; 1158 } 1159 .uk-width-large-2-3, 1160 .uk-width-large-4-6 { 1161 width: 66.666%; 1162 } 1163 /* Quarters */ 1164 .uk-width-large-1-4 { 1165 width: 25%; 1166 } 1167 .uk-width-large-3-4 { 1168 width: 75%; 1169 } 1170 /* Fifths */ 1171 .uk-width-large-1-5, 1172 .uk-width-large-2-10 { 1173 width: 20%; 1174 } 1175 .uk-width-large-2-5, 1176 .uk-width-large-4-10 { 1177 width: 40%; 1178 } 1179 .uk-width-large-3-5, 1180 .uk-width-large-6-10 { 1181 width: 60%; 1182 } 1183 .uk-width-large-4-5, 1184 .uk-width-large-8-10 { 1185 width: 80%; 1186 } 1187 /* Sixths */ 1188 .uk-width-large-1-6 { 1189 width: 16.666%; 1190 } 1191 .uk-width-large-5-6 { 1192 width: 83.333%; 1193 } 1194 /* Tenths */ 1195 .uk-width-large-1-10 { 1196 width: 10%; 1197 } 1198 .uk-width-large-3-10 { 1199 width: 30%; 1200 } 1201 .uk-width-large-7-10 { 1202 width: 70%; 1203 } 1204 .uk-width-large-9-10 { 1205 width: 90%; 1206 } 1207} 1208/* Large screen and bigger */ 1209@media (min-width: 1600px) { 1210 /* Whole */ 1211 .uk-width-xlarge-1-1 { 1212 width: 100%; 1213 } 1214 /* Halves */ 1215 .uk-width-xlarge-1-2, 1216 .uk-width-xlarge-2-4, 1217 .uk-width-xlarge-3-6, 1218 .uk-width-xlarge-5-10 { 1219 width: 50%; 1220 } 1221 /* Thirds */ 1222 .uk-width-xlarge-1-3, 1223 .uk-width-xlarge-2-6 { 1224 width: 33.333%; 1225 } 1226 .uk-width-xlarge-2-3, 1227 .uk-width-xlarge-4-6 { 1228 width: 66.666%; 1229 } 1230 /* Quarters */ 1231 .uk-width-xlarge-1-4 { 1232 width: 25%; 1233 } 1234 .uk-width-xlarge-3-4 { 1235 width: 75%; 1236 } 1237 /* Fifths */ 1238 .uk-width-xlarge-1-5, 1239 .uk-width-xlarge-2-10 { 1240 width: 20%; 1241 } 1242 .uk-width-xlarge-2-5, 1243 .uk-width-xlarge-4-10 { 1244 width: 40%; 1245 } 1246 .uk-width-xlarge-3-5, 1247 .uk-width-xlarge-6-10 { 1248 width: 60%; 1249 } 1250 .uk-width-xlarge-4-5, 1251 .uk-width-xlarge-8-10 { 1252 width: 80%; 1253 } 1254 /* Sixths */ 1255 .uk-width-xlarge-1-6 { 1256 width: 16.666%; 1257 } 1258 .uk-width-xlarge-5-6 { 1259 width: 83.333%; 1260 } 1261 /* Tenths */ 1262 .uk-width-xlarge-1-10 { 1263 width: 10%; 1264 } 1265 .uk-width-xlarge-3-10 { 1266 width: 30%; 1267 } 1268 .uk-width-xlarge-7-10 { 1269 width: 70%; 1270 } 1271 .uk-width-xlarge-9-10 { 1272 width: 90%; 1273 } 1274} 1275/* Sub-object: `uk-push-*` and `uk-pull-*` 1276 ========================================================================== */ 1277/* 1278 * Source ordering 1279 * Works only with `uk-width-medium-*` 1280 */ 1281/* Tablet and bigger */ 1282@media (min-width: 960px) { 1283 [class*='uk-push-'], 1284 [class*='uk-pull-'] { 1285 position: relative; 1286 } 1287 /* 1288 * Push 1289 */ 1290 /* Halves */ 1291 .uk-push-1-2, 1292 .uk-push-2-4, 1293 .uk-push-3-6, 1294 .uk-push-5-10 { 1295 left: 50%; 1296 } 1297 /* Thirds */ 1298 .uk-push-1-3, 1299 .uk-push-2-6 { 1300 left: 33.333%; 1301 } 1302 .uk-push-2-3, 1303 .uk-push-4-6 { 1304 left: 66.666%; 1305 } 1306 /* Quarters */ 1307 .uk-push-1-4 { 1308 left: 25%; 1309 } 1310 .uk-push-3-4 { 1311 left: 75%; 1312 } 1313 /* Fifths */ 1314 .uk-push-1-5, 1315 .uk-push-2-10 { 1316 left: 20%; 1317 } 1318 .uk-push-2-5, 1319 .uk-push-4-10 { 1320 left: 40%; 1321 } 1322 .uk-push-3-5, 1323 .uk-push-6-10 { 1324 left: 60%; 1325 } 1326 .uk-push-4-5, 1327 .uk-push-8-10 { 1328 left: 80%; 1329 } 1330 /* Sixths */ 1331 .uk-push-1-6 { 1332 left: 16.666%; 1333 } 1334 .uk-push-5-6 { 1335 left: 83.333%; 1336 } 1337 /* Tenths */ 1338 .uk-push-1-10 { 1339 left: 10%; 1340 } 1341 .uk-push-3-10 { 1342 left: 30%; 1343 } 1344 .uk-push-7-10 { 1345 left: 70%; 1346 } 1347 .uk-push-9-10 { 1348 left: 90%; 1349 } 1350 /* 1351 * Pull 1352 */ 1353 /* Halves */ 1354 .uk-pull-1-2, 1355 .uk-pull-2-4, 1356 .uk-pull-3-6, 1357 .uk-pull-5-10 { 1358 left: -50%; 1359 } 1360 /* Thirds */ 1361 .uk-pull-1-3, 1362 .uk-pull-2-6 { 1363 left: -33.333%; 1364 } 1365 .uk-pull-2-3, 1366 .uk-pull-4-6 { 1367 left: -66.666%; 1368 } 1369 /* Quarters */ 1370 .uk-pull-1-4 { 1371 left: -25%; 1372 } 1373 .uk-pull-3-4 { 1374 left: -75%; 1375 } 1376 /* Fifths */ 1377 .uk-pull-1-5, 1378 .uk-pull-2-10 { 1379 left: -20%; 1380 } 1381 .uk-pull-2-5, 1382 .uk-pull-4-10 { 1383 left: -40%; 1384 } 1385 .uk-pull-3-5, 1386 .uk-pull-6-10 { 1387 left: -60%; 1388 } 1389 .uk-pull-4-5, 1390 .uk-pull-8-10 { 1391 left: -80%; 1392 } 1393 /* Sixths */ 1394 .uk-pull-1-6 { 1395 left: -16.666%; 1396 } 1397 .uk-pull-5-6 { 1398 left: -83.333%; 1399 } 1400 /* Tenths */ 1401 .uk-pull-1-10 { 1402 left: -10%; 1403 } 1404 .uk-pull-3-10 { 1405 left: -30%; 1406 } 1407 .uk-pull-7-10 { 1408 left: -70%; 1409 } 1410 .uk-pull-9-10 { 1411 left: -90%; 1412 } 1413} 1414/* ======================================================================== 1415 Component: Panel 1416 ========================================================================== */ 1417/* 1418 * 1. Needed for `a` elements 1419 * 2. Create position context for badges 1420 */ 1421.uk-panel { 1422 /* 1 */ 1423 display: block; 1424 /* 2 */ 1425 position: relative; 1426} 1427/* 1428 * Allow panels to be anchors 1429 */ 1430.uk-panel, 1431.uk-panel:hover { 1432 text-decoration: none; 1433} 1434/* 1435 * Micro clearfix to make panels more robust 1436 */ 1437.uk-panel:before, 1438.uk-panel:after {
1439 content: ""; 1440 display: table; 1441} 1442.uk-panel:after { 1443 clear: both; 1444} 1445/* 1446 * Remove margin from the last-child if not `uk-widget-title` 1447 */ 1448.uk-panel > :not(.uk-panel-title):last-child { 1449 margin-bottom: 0; 1450} 1451/* Sub-object: `uk-panel-title` 1452 ========================================================================== */ 1453.uk-panel-title { 1454 margin-top: 0; 1455 margin-bottom: 15px; 1456 font-size: 18px; 1457 line-height: 24px; 1458 font-weight: normal; 1459 text-transform: none; 1460 color: #444; 1461} 1462/* Sub-object: `uk-panel-badge` 1463 ========================================================================== */ 1464.uk-panel-badge { 1465 position: absolute; 1466 top: 0; 1467 right: 0; 1468 z-index: 1; 1469} 1470/* Sub-object: `uk-panel-teaser` 1471 ========================================================================== */ 1472.uk-panel-teaser { 1473 margin-bottom: 15px; 1474} 1475/* Sub-object: `uk-panel-body` 1476 ========================================================================== */ 1477.uk-panel-body { 1478 padding: 15px; 1479} 1480/* Modifier: `uk-panel-box` 1481 ========================================================================== */ 1482.uk-panel-box { 1483 padding: 15px; 1484 background: #f5f5f5; 1485 color: #444; 1486} 1487.uk-panel-box-hover:hover { 1488 color: #444; 1489} 1490.uk-panel-box .uk-panel-title { 1491 color: #444; 1492} 1493.uk-panel-box .uk-panel-badge { 1494 top: 10px; 1495 right: 10px; 1496} 1497.uk-panel-box > .uk-panel-teaser { 1498 margin-top: -15px; 1499 margin-left: -15px; 1500 margin-right: -15px; 1501} 1502/* 1503 * Nav in panel 1504 */ 1505.uk-panel-box > .uk-nav-side { 1506 margin: 0 -15px; 1507} 1508/* 1509 * Sub-modifier: `uk-panel-box-primary` 1510 */ 1511.uk-panel-box-primary { 1512 background-color: #ebf7fd; 1513 color: #2d7091; 1514} 1515.uk-panel-box-primary-hover:hover { 1516 color: #2d7091; 1517} 1518.uk-panel-box-primary .uk-panel-title { 1519 color: #2d7091; 1520} 1521/* 1522 * Sub-modifier: `uk-panel-box-secondary` 1523 */ 1524.uk-panel-box-secondary { 1525 background-color: #eee; 1526 color: #444; 1527} 1528.uk-panel-box-secondary-hover:hover { 1529 color: #444; 1530} 1531.uk-panel-box-secondary .uk-panel-title { 1532 color: #444; 1533} 1534/* Modifier: `uk-panel-hover` 1535 ========================================================================== */ 1536.uk-panel-hover { 1537 padding: 15px; 1538 color: #444; 1539} 1540.uk-panel-hover:hover { 1541 background: #f5f5f5; 1542 color: #444; 1543} 1544.uk-panel-hover .uk-panel-badge { 1545 top: 10px; 1546 right: 10px; 1547} 1548.uk-panel-hover > .uk-panel-teaser { 1549 margin-top: -15px; 1550 margin-left: -15px; 1551 margin-right: -15px; 1552} 1553/* Modifier: `uk-panel-header` 1554 ========================================================================== */ 1555.uk-panel-header .uk-panel-title { 1556 padding-bottom: 10px; 1557 border-bottom: 1px solid #ddd; 1558 color: #444; 1559} 1560/* Modifier: `uk-panel-space` 1561 ========================================================================== */ 1562.uk-panel-space { 1563 padding: 30px; 1564} 1565.uk-panel-space .uk-panel-badge { 1566 top: 30px; 1567 right: 30px; 1568} 1569/* Modifier: `uk-panel-divider` 1570 ========================================================================== */ 1571.uk-panel + .uk-panel-divider { 1572 margin-top: 50px !important; 1573} 1574.uk-panel + .uk-panel-divider:before { 1575 content: ""; 1576 display: block; 1577 position: absolute; 1578 top: -25px; 1579 left: 0; 1580 right: 0; 1581 border-top: 1px solid #ddd; 1582} 1583/* Large screen and bigger */ 1584@media (min-width: 1600px) { 1585 .uk-panel + .uk-panel-divider { 1586 margin-top: 70px !important; 1587 } 1588 .uk-panel + .uk-panel-divider:before { 1589 top: -35px; 1590 } 1591} 1592/* ======================================================================== 1593 Component: Block 1594 ========================================================================== */ 1595.uk-block { 1596 position: relative; 1597 box-sizing: border-box; 1598 padding-top: 20px; 1599 padding-bottom: 20px; 1600} 1601/* Phone landscape and bigger */ 1602@media (min-width: 960px) { 1603 .uk-block { 1604 padding-top: 50px; 1605 padding-bottom: 50px; 1606 } 1607} 1608/* 1609 * Micro clearfix to make blocks more robust 1610 */ 1611.uk-block:before, 1612.uk-block:after { 1613 content: ""; 1614 display: table; 1615} 1616.uk-block:after { 1617 clear: both; 1618} 1619/* 1620 * Remove margin from the last-child 1621 */ 1622.uk-block > :last-child { 1623 margin-bottom: 0; 1624} 1625/* Padding Modifier 1626 ========================================================================== */ 1627/* 1628 * Large padding 1629 */ 1630.uk-block-large { 1631 padding-top: 20px; 1632 padding-bottom: 20px; 1633} 1634/* Tablets and bigger */ 1635@media (min-width: 960px) { 1636 .uk-block-large { 1637 padding-top: 50px; 1638 padding-bottom: 50px; 1639 } 1640} 1641/* Desktop and bigger */ 1642@media (min-width: 1200px) { 1643 .uk-block-large { 1644 padding-top: 100px; 1645 padding-bottom: 100px; 1646 } 1647} 1648/* Color Modifier 1649 ========================================================================== */ 1650/* 1651 * Default 1652 */ 1653.uk-block-default { 1654 background: #fff; 1655} 1656/* 1657 * Muted 1658 */ 1659.uk-block-muted { 1660 background: #f9f9f9; 1661} 1662/* 1663 * Primary 1664 */ 1665.uk-block-primary { 1666 background: #00a8e6; 1667} 1668/* 1669 * Secondary 1670 */ 1671.uk-block-secondary { 1672 background: #222; 1673} 1674/* ======================================================================== 1675 Component: Article 1676 ========================================================================== */ 1677/* 1678 * Micro clearfix to make articles more robust 1679 */ 1680.uk-article:before, 1681.uk-article:after {
1682 content: ""; 1683 display: table; 1684} 1685.uk-article:after { 1686 clear: both; 1687} 1688/* 1689 * Remove margin from the last-child 1690 */ 1691/* 1692 * Vertical gutter for articles 1693 */ 1694.uk-article + .uk-article { 1695 margin-top: 25px; 1696} 1697/* Sub-object `uk-article-title` 1698 ========================================================================== */ 1699.uk-article-title { 1700 font-size: 36px; 1701 line-height: 42px; 1702 font-weight: normal; 1703 text-transform: none; 1704 color: #000000; 1705 font-family: "Barlow", sans-serif; 1706 font-size: 26px; 1707 font-weight: 600; 1708 font-style: normal; 1709 line-height: 1.2; 1710 margin: 0 0 14px 0; 1711 text-align: center; 1712} 1713.uk-article-title p { 1714 margin: 0; 1715 padding: 0; 1716} 1717.uk-article-title a { 1718 color: #000000; 1719} 1720.uk-article-title a { 1721 color: inherit; 1722 text-decoration: none; 1723} 1724/* Sub-object `uk-article-meta` 1725 ========================================================================== */ 1726.uk-article-meta { 1727 font-size: 12px; 1728 line-height: 18px; 1729 color: #999; 1730} 1731/* Sub-object `uk-article-lead` 1732 ========================================================================== */ 1733.uk-article-lead { 1734 color: #444; 1735 font-size: 18px; 1736 line-height: 24px; 1737 font-weight: normal; 1738} 1739/* Sub-object `uk-article-divider` 1740 ========================================================================== */ 1741.uk-article-divider { 1742 margin-bottom: 25px; 1743 border-color: #ddd; 1744} 1745* + .uk-article-divider { 1746 margin-top: 25px; 1747} 1748/* ======================================================================== 1749 Component: Comment 1750 ========================================================================== */ 1751/* Sub-object `uk-comment-header` 1752 ========================================================================== */ 1753.uk-comment-header { 1754 margin-bottom: 15px; 1755} 1756/* 1757 * Micro clearfix 1758 */ 1759.uk-comment-header:before, 1760.uk-comment-header:after { 1761 content: ""; 1762 display: table; 1763} 1764.uk-comment-header:after { 1765 clear: both; 1766} 1767/* Sub-object `uk-comment-avatar` 1768 ========================================================================== */ 1769.uk-comment-avatar { 1770 margin-right: 15px; 1771 float: left; 1772} 1773/* Sub-object `uk-comment-title` 1774 ========================================================================== */ 1775.uk-comment-title { 1776 margin: 5px 0 0 0; 1777 font-size: 16px; 1778 line-height: 22px; 1779} 1780/* Sub-object `uk-comment-meta` 1781 ========================================================================== */ 1782.uk-comment-meta { 1783 margin: 2px 0 0 0; 1784 font-size: 11px; 1785 line-height: 16px; 1786 color: #999; 1787} 1788/* Sub-object `uk-comment-body` 1789 ========================================================================== */ 1790/* 1791 * Remove margin from the last-child 1792 */ 1793.uk-comment-body > :last-child { 1794 margin-bottom: 0; 1795} 1796/* Sub-object `uk-comment-list` 1797 ========================================================================== */ 1798.uk-comment-list { 1799 padding: 0; 1800 list-style: none; 1801} 1802.uk-comment-list .uk-comment + ul { 1803 margin: 15px 0 0 0; 1804 list-style: none; 1805} 1806.uk-comment-list > li:nth-child(n+2), 1807.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { 1808 margin-top: 15px; 1809} 1810/* Tablet and bigger */ 1811@media (min-width: 960px) { 1812 .uk-comment-list .uk-comment + ul { 1813 padding-left: 100px; 1814 } 1815} 1816/* Modifier `uk-comment-primary` 1817 ========================================================================== */ 1818/* ======================================================================== 1819 Component: Cover 1820 ========================================================================== */ 1821/* 1822 * Background image always covers and centers its element 1823 */ 1824.uk-cover-background { 1825 background-position: 50% 50%; 1826 background-size: cover; 1827 background-repeat: no-repeat; 1828} 1829/* 1830 * Emulates image cover, works with video and image elements 1831 * 1. Parent container which clips resized object 1832 * 2. Resizes the object to always covers its container 1833 * 3. Reset the responsive image CSS 1834 * 4. Center object 1835 */ 1836/* 1 */ 1837.uk-cover { 1838 overflow: hidden; 1839} 1840.uk-cover-object { 1841 /* 2 */ 1842 width: auto; 1843 height: auto; 1844 min-width: 100%; 1845 min-height: 100%; 1846 /* 3 */ 1847 max-width: none; 1848 /* 4 */ 1849 position: relative; 1850 left: 50%; 1851 top: 50%; 1852 -webkit-transform: translate(-50%, -50%); 1853 transform: translate(-50%, -50%); 1854} 1855/* 1856 * To center iframes use `data-uk-cover` JavaScript 1857 */ 1858[data-uk-cover] { 1859 position: relative; 1860 left: 50%; 1861 top: 50%; 1862 -webkit-transform: translate(-50%, -50%); 1863 transform: translate(-50%, -50%); 1864} 1865/* ======================================================================== 1866 Component: Nav 1867 ========================================================================== */ 1868.uk-nav, 1869.uk-nav ul { 1870 margin: 0; 1871 padding: 0; 1872 list-style: none; 1873} 1874/* 1875 * Items 1876 */ 1877.uk-nav li > a { 1878 display: block; 1879 text-decoration: none; 1880} 1881.uk-nav > li > a { 1882 padding: 5px 15px; 1883} 1884/* 1885 * Nested items 1886 */ 1887.uk-nav ul { 1888 padding-left: 15px; 1889} 1890.uk-nav ul a { 1891 padding: 2px 0; 1892} 1893/* 1894 * Item subtitle 1895 */ 1896.uk-nav li > a > div { 1897 font-size: 12px; 1898 line-height: 18px; 1899} 1900/* Sub-object: `uk-nav-header` 1901 ========================================================================== */ 1902.uk-nav-header { 1903 padding: 5px 15px; 1904 text-transform: uppercase; 1905 font-weight: bold; 1906 font-size: 12px; 1907} 1908.uk-nav-header:not(:first-child) { 1909 margin-top: 15px; 1910} 1911/* Sub-object: `uk-nav-divider` 1912 ========================================================================== */ 1913.uk-nav-divider { 1914 margin: 9px 15px; 1915} 1916/* Sub-object: `uk-nav-sub` 1917 ========================================================================== */ 1918/* 1919 * `ul` needed for higher specificity to override padding 1920 */ 1921ul.uk-nav-sub { 1922 padding: 5px 0 5px 15px; 1923} 1924/* Modifier: `uk-nav-parent-icon` 1925 ========================================================================== */ 1926.uk-nav-parent-icon > .uk-parent > a:after {
1927 content: "\f104"; 1928 width: 20px; 1929 margin-right: -10px; 1930 float: right; 1931 font-family: FontAwesome; 1932 text-align: center; 1933} 1934.uk-nav-parent-icon > .uk-parent.uk-open > a:after { 1935 content: "\f107"; 1936} 1937/* Modifier `uk-nav-side` 1938 ========================================================================== */ 1939/* 1940 * Items 1941 */ 1942.uk-nav-side > li > a { 1943 color: #444; 1944} 1945/* 1946 * Hover 1947 * 1. Apply hover style also to focus state 1948 * 2. Remove default focus style 1949 */ 1950.uk-nav-side > li > a:hover, 1951.uk-nav-side > li > a:focus { 1952 background: rgba(0, 0, 0, 0.05); 1953 color: #444; 1954 /* 2 */ 1955 outline: none; 1956} 1957/* Active */ 1958.uk-nav-side > li.uk-active > a { 1959 background: #00a8e6; 1960 color: #fff; 1961} 1962/* 1963 * Sub-object: `uk-nav-header` 1964 */ 1965.uk-nav-side .uk-nav-header { 1966 color: #444; 1967} 1968/* 1969 * Sub-object: `uk-nav-divider` 1970 */ 1971.uk-nav-side .uk-nav-divider { 1972 border-top: 1px solid #ddd; 1973} 1974/* 1975 * Nested items 1976 */ 1977.uk-nav-side ul a { 1978 color: #07D; 1979} 1980.uk-nav-side ul a:hover { 1981 color: #059; 1982} 1983/* Modifier `uk-nav-dropdown` 1984 ========================================================================== */ 1985/* 1986 * Items 1987 */ 1988.uk-nav-dropdown > li > a { 1989 color: #444; 1990} 1991/* 1992 * Hover 1993 * 1. Apply hover style also to focus state 1994 * 2. Remove default focus style 1995 */ 1996.uk-nav-dropdown > li > a:hover, 1997.uk-nav-dropdown > li > a:focus { 1998 background: #00a8e6; 1999 color: #fff; 2000 /* 2 */ 2001 outline: none; 2002} 2003/* 2004 * Sub-object: `uk-nav-header` 2005 */ 2006.uk-nav-dropdown .uk-nav-header { 2007 color: #999; 2008} 2009/* 2010 * Sub-object: `uk-nav-divider` 2011 */ 2012.uk-nav-dropdown .uk-nav-divider { 2013 border-top: 1px solid #ddd; 2014} 2015/* 2016 * Nested items 2017 */ 2018.uk-nav-dropdown ul a { 2019 color: #07D; 2020} 2021.uk-nav-dropdown ul a:hover { 2022 color: #059; 2023} 2024/* Modifier `uk-nav-navbar` 2025 ========================================================================== */ 2026/* 2027 * Items 2028 */ 2029.uk-nav-navbar > li > a { 2030 color: #444; 2031} 2032/* 2033 * Hover 2034 * 1. Apply hover style also to focus state 2035 * 2. Remove default focus style 2036 */ 2037.uk-nav-navbar > li > a:hover, 2038.uk-nav-navbar > li > a:focus { 2039 background: #00a8e6; 2040 color: #fff; 2041 /* 2 */ 2042 outline: none; 2043} 2044/* 2045 * Sub-object: `uk-nav-header` 2046 */ 2047.uk-nav-navbar .uk-nav-header { 2048 color: #999; 2049} 2050/* 2051 * Sub-object: `uk-nav-divider` 2052 */ 2053.uk-nav-navbar .uk-nav-divider { 2054 border-top: 1px solid #ddd; 2055} 2056/* 2057 * Nested items 2058 */ 2059.uk-nav-navbar ul a { 2060 color: #07D; 2061} 2062.uk-nav-navbar ul a:hover { 2063 color: #059; 2064} 2065/* Modifier `uk-nav-offcanvas` 2066 ========================================================================== */ 2067/* 2068 * Items 2069 */ 2070.uk-nav-offcanvas > li > a { 2071 color: #ccc; 2072 padding: 10px 15px; 2073} 2074/* 2075 * Hover 2076 * No hover on touch devices because it behaves buggy in fixed offcanvas 2077 * 1. Apply hover style also to focus state 2078 * 2. Remove default focus style 2079 */ 2080.uk-nav-offcanvas > .uk-open > a, 2081html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 2082html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { 2083 background: #404040; 2084 color: #fff; 2085 /* 2 */ 2086 outline: none; 2087} 2088/* 2089 * Active 2090 * `html .uk-nav` needed for higher specificity to override hover 2091 */ 2092html .uk-nav.uk-nav-offcanvas > li.uk-active > a { 2093 background: #1a1a1a; 2094 color: #fff; 2095} 2096/* 2097 * Sub-object: `uk-nav-header` 2098 */ 2099.uk-nav-offcanvas .uk-nav-header { 2100 color: #777; 2101} 2102/* 2103 * Sub-object: `uk-nav-divider` 2104 */ 2105.uk-nav-offcanvas .uk-nav-divider { 2106 border-top: 1px solid #1a1a1a; 2107} 2108/* 2109 * Nested items 2110 * No hover on touch devices because it behaves buggy in fixed offcanvas 2111 */ 2112.uk-nav-offcanvas ul a { 2113 color: #ccc; 2114} 2115html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { 2116 color: #fff; 2117} 2118/* ======================================================================== 2119 Component: Navbar 2120 ========================================================================== */ 2121.uk-navbar { 2122 background: #eee; 2123 color: #444; 2124} 2125/* 2126 * Micro clearfix 2127 */ 2128.uk-navbar:before, 2129.uk-navbar:after { 2130 content: ""; 2131 display: table; 2132} 2133.uk-navbar:after { 2134 clear: both; 2135} 2136/* Sub-object: `uk-navbar-nav` 2137 ========================================================================== */ 2138.uk-navbar-nav { 2139 margin: 0; 2140 padding: 0; 2141 list-style: none; 2142 float: left; 2143} 2144/* 2145 * 1. Create position context for dropdowns 2146 */ 2147.uk-navbar-nav > li { 2148 float: left; 2149 /* 1 */ 2150 position: relative; 2151} 2152/* 2153 * 1. Dimensions 2154 * 2. Style 2155 */ 2156.uk-navbar-nav > li > a { 2157 display: block; 2158 box-sizing: border-box; 2159 text-decoration: none; 2160 /* 1 */ 2161 height: 40px; 2162 padding: 0 15px; 2163 line-height: 40px; 2164 /* 2 */ 2165 color: #444; 2166 font-size: 14px; 2167 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 2168 font-weight: normal; 2169} 2170/* Appear not as link */ 2171.uk-navbar-nav > li > a[href='#'] { 2172 cursor: text; 2173} 2174/* 2175 * Hover 2176 * 1. Apply hover style also to focus state 2177 * 2. Also apply if dropdown is opened 2178 * 3. Remove default focus style 2179 */ 2180.uk-navbar-nav > li:hover > a, 2181.uk-navbar-nav > li > a:focus, 2182.uk-navbar-nav > li.uk-open > a { 2183 background-color: #f5f5f5; 2184 color: #444; 2185 /* 3 */ 2186 outline: none; 2187} 2188/* OnClick */ 2189.uk-navbar-nav > li > a:active { 2190 background-color: #ddd; 2191 color: #444; 2192} 2193/* Active */ 2194.uk-navbar-nav > li.uk-active > a { 2195 background-color: #f5f5f5; 2196 color: #444; 2197} 2198/* Sub-objects: `uk-navbar-nav-subtitle` 2199 ========================================================================== */ 2200.uk-navbar-nav .uk-navbar-nav-subtitle { 2201 line-height: 28px; 2202} 2203.uk-navbar-nav-subtitle > div { 2204 margin-top: -6px; 2205 font-size: 10px; 2206 line-height: 12px; 2207} 2208/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` 2209 ========================================================================== */ 2210/* 2211 * Imitate navbar items 2212 */ 2213.uk-navbar-content, 2214.uk-navbar-brand, 2215.uk-navbar-toggle { 2216 box-sizing: border-box; 2217 display: block; 2218 height: 40px; 2219 padding: 0 15px; 2220 float: left; 2221} 2222/* 2223 * Helper to center all child elements vertically 2224 */ 2225.uk-navbar-content:before, 2226.uk-navbar-brand:before, 2227.uk-navbar-toggle:before { 2228 content: ''; 2229 display: inline-block; 2230 height: 100%; 2231 vertical-align: middle; 2232} 2233/* Sub-objects: `uk-navbar-content` 2234 ========================================================================== */ 2235/* 2236 * Better sibling spacing 2237 */ 2238.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { 2239 padding-left: 0; 2240} 2241/* 2242 * Link colors 2243 */ 2244.uk-navbar-content > a:not([class]) { 2245 color: #07D; 2246} 2247.uk-navbar-content > a:not([class]):hover {
2248 color: #059; 2249} 2250/* Sub-objects: `uk-navbar-brand` 2251 ========================================================================== */ 2252.uk-navbar-brand { 2253 font-size: 18px; 2254 color: #444; 2255 text-decoration: none; 2256} 2257/* 2258 * 1. Apply hover style also to focus state 2259 * 2. Remove default focus style 2260 */ 2261.uk-navbar-brand:hover, 2262.uk-navbar-brand:focus { 2263 color: #444; 2264 text-decoration: none; 2265 /* 2 */ 2266 outline: none; 2267} 2268/* Sub-object: `uk-navbar-toggle` 2269 ========================================================================== */ 2270.uk-navbar-toggle { 2271 font-size: 18px; 2272 color: #444; 2273 text-decoration: none; 2274} 2275/* 2276 * 1. Apply hover style also to focus state 2277 * 2. Remove default focus style 2278 */ 2279.uk-navbar-toggle:hover, 2280.uk-navbar-toggle:focus { 2281 color: #444; 2282 text-decoration: none; 2283 /* 2 */ 2284 outline: none; 2285} 2286/* 2287 * 1. Center icon vertically 2288 */ 2289.uk-navbar-toggle:after { 2290 content: "\f0c9"; 2291 font-family: FontAwesome; 2292 /* 1 */ 2293 vertical-align: middle; 2294} 2295.uk-navbar-toggle-alt:after { 2296 content: "\f002"; 2297} 2298/* Sub-object: `uk-navbar-center` 2299 ========================================================================== */ 2300/* 2301 * The element with this class needs to be last child in the navbar 2302 * 1. This hack is needed because other float elements shift centered text 2303 */ 2304.uk-navbar-center { 2305 float: none; 2306 text-align: center; 2307 /* 1 */ 2308 max-width: 50%; 2309 margin-left: auto; 2310 margin-right: auto; 2311} 2312/* Sub-object: `uk-navbar-flip` 2313 ========================================================================== */ 2314.uk-navbar-flip { 2315 float: right; 2316} 2317/* ======================================================================== 2318 Component: Subnav 2319 ========================================================================== */ 2320/* 2321 * 1. Gutter 2322 * 2. Remove default list style 2323 */ 2324.uk-subnav { 2325 display: -ms-flexbox; 2326 display: -webkit-flex; 2327 display: flex; 2328 -ms-flex-wrap: wrap; 2329 -webkit-flex-wrap: wrap; 2330 flex-wrap: wrap; 2331 /* 1 */ 2332 margin-left: -10px; 2333 margin-top: -10px; 2334 /* 2 */ 2335 padding: 0; 2336 list-style: none; 2337} 2338/* 2339 * 1. Space is allocated solely based on content dimensions 2340 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 2341 * 3. Create position context for dropdowns 2342 */ 2343.uk-subnav > * { 2344 /* 1 */ 2345 -ms-flex: none; 2346 -webkit-flex: none; 2347 flex: none; 2348 /* 2 */ 2349 padding-left: 10px; 2350 margin-top: 10px; 2351 /* 3 */ 2352 position: relative; 2353} 2354/* 2355 * DEPRECATED IE9 Support 2356 */ 2357.uk-subnav:before, 2358.uk-subnav:after { 2359 content: ""; 2360 display: block; 2361 overflow: hidden; 2362} 2363.uk-subnav:after { 2364 clear: both; 2365} 2366.uk-subnav > * { 2367 float: left; 2368} 2369/* Items 2370 ========================================================================== */ 2371.uk-subnav > * > * { 2372 display: inline-block; 2373 color: #444; 2374} 2375/* 2376 * Hover 2377 * 1. Apply hover style also to focus state 2378 */ 2379.uk-subnav > * > :hover, 2380.uk-subnav > * > :focus { 2381 color: #07D; 2382 text-decoration: none; 2383} 2384/* 2385 * Active 2386 */ 2387.uk-subnav > .uk-active > * { 2388 color: #07D; 2389} 2390/* Modifier: 'subnav-line' 2391 ========================================================================== */ 2392.uk-subnav-line > :before { 2393 content: ""; 2394 display: inline-block; 2395 height: 10px; 2396 vertical-align: middle; 2397} 2398.uk-subnav-line > :nth-child(n+2):before { 2399 margin-right: 10px; 2400 border-left: 1px solid #ddd; 2401} 2402/* Modifier: 'subnav-pill' 2403 ========================================================================== */ 2404.uk-subnav-pill > * > * { 2405 padding: 3px 9px; 2406} 2407/* 2408 * Hover 2409 * 1. Apply hover style also to focus state 2410 * 2. Remove default focus style 2411 */ 2412.uk-subnav-pill > * > :hover, 2413.uk-subnav-pill > * > :focus { 2414 background: #eee; 2415 color: #444; 2416 text-decoration: none; 2417 /* 2 */ 2418 outline: none; 2419} 2420/* 2421 * Active 2422 * `li` needed for higher specificity to override hover 2423 */ 2424.uk-subnav-pill > .uk-active > * { 2425 background: #00a8e6; 2426 color: #fff; 2427} 2428/* Disabled state 2429 ========================================================================== */ 2430.uk-subnav > .uk-disabled > * { 2431 background: none; 2432 color: #999; 2433 text-decoration: none; 2434 cursor: text; 2435} 2436/* ======================================================================== 2437 Component: Breadcrumb 2438 ========================================================================== */ 2439/* 2440 * 1. Remove default list style 2441 * 2. Remove whitespace between child elements when using `inline-block` 2442 */ 2443.uk-breadcrumb { 2444 /* 1 */ 2445 padding: 0; 2446 list-style: none; 2447 /* 2 */ 2448 font-size: 0.001px; 2449} 2450/* Items 2451 ========================================================================== */ 2452/* 2453 * Reset whitespace hack 2454 */ 2455.uk-breadcrumb > li { 2456 font-size: 1rem; 2457 vertical-align: top; 2458} 2459.uk-breadcrumb > li, 2460.uk-breadcrumb > li > a, 2461.uk-breadcrumb > li > span { 2462 display: inline-block; 2463} 2464.uk-breadcrumb > li:nth-child(n+2):before { 2465 content: "/"; 2466 display: inline-block; 2467 margin: 0 8px; 2468} 2469/* 2470 * Disabled 2471 */ 2472.uk-breadcrumb > li:not(.uk-active) > span { 2473 color: #999; 2474} 2475/* ======================================================================== 2476 Component: Pagination 2477 ========================================================================== */ 2478/* 2479 * 1. Remove default list style 2480 * 2. Center pagination by default 2481 * 3. Remove whitespace between child elements when using `inline-block` 2482 */ 2483.uk-pagination { 2484 /* 1 */ 2485 padding: 0; 2486 list-style: none; 2487 /* 2 */ 2488 text-align: center; 2489 /* 3 */ 2490 font-size: 0.001px; 2491} 2492/* 2493 * Micro clearfix 2494 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used 2495 */ 2496.uk-pagination:before, 2497.uk-pagination:after {
2498 content: ""; 2499 display: table; 2500} 2501.uk-pagination:after { 2502 clear: both; 2503} 2504/* Items 2505 ========================================================================== */ 2506/* 2507 * 1. Reset whitespace hack 2508 * 2. Remove the gap at the bottom of it container 2509 */ 2510.uk-pagination > li { 2511 display: inline-block; 2512 /* 1 */ 2513 font-size: 1rem; 2514 /* 2 */ 2515 vertical-align: top; 2516} 2517.uk-pagination > li:nth-child(n+2) { 2518 margin-left: 5px; 2519} 2520/* 2521 * 1. Makes pagination more robust against different box-sizing use 2522 * 2. Reset text-align to center if alignment modifier is used 2523 */ 2524.uk-pagination > li > a, 2525.uk-pagination > li > span { 2526 display: inline-block; 2527 min-width: 16px; 2528 padding: 3px 5px; 2529 line-height: 20px; 2530 text-decoration: none; 2531 /* 1 */ 2532 box-sizing: content-box; 2533 /* 2 */ 2534 text-align: center; 2535} 2536/* 2537 * Links 2538 */ 2539.uk-pagination > li > a { 2540 background: #eee; 2541 color: #444; 2542} 2543/* 2544 * Hover 2545 * 1. Apply hover style also to focus state 2546 * 2. Remove default focus style 2547 */ 2548.uk-pagination > li > a:hover, 2549.uk-pagination > li > a:focus { 2550 background-color: #f5f5f5; 2551 color: #444; 2552 /* 2 */ 2553 outline: none; 2554} 2555/* OnClick */ 2556.uk-pagination > li > a:active { 2557 background-color: #ddd; 2558 color: #444; 2559} 2560/* 2561 * Active 2562 */ 2563.uk-pagination > .uk-active > span { 2564 background: #00a8e6; 2565 color: #fff; 2566} 2567/* 2568 * Disabled 2569 */ 2570.uk-pagination > .uk-disabled > span { 2571 background-color: #f5f5f5; 2572 color: #999; 2573} 2574/* Previous and next navigation 2575 ========================================================================== */ 2576.uk-pagination-previous { 2577 float: left; 2578} 2579.uk-pagination-next { 2580 float: right; 2581} 2582/* Alignment modifiers 2583 ========================================================================== */ 2584.uk-pagination-left { 2585 text-align: left; 2586} 2587.uk-pagination-right { 2588 text-align: right; 2589} 2590/* ======================================================================== 2591 Component: Tab 2592 ========================================================================== */ 2593.uk-tab { 2594 margin: 0; 2595 padding: 0; 2596 list-style: none; 2597 border-bottom: 1px solid #ddd; 2598} 2599/* 2600 * Micro clearfix on the deepest container 2601 */ 2602.uk-tab:before, 2603.uk-tab:after { 2604 content: ""; 2605 display: table; 2606} 2607.uk-tab:after { 2608 clear: both; 2609} 2610/* 2611 * Items 2612 * 1. Create position context for dropdowns 2613 */ 2614.uk-tab > li { 2615 margin-bottom: -1px; 2616 float: left; 2617 /* 1 */ 2618 position: relative; 2619} 2620.uk-tab > li > a { 2621 display: block; 2622 padding: 8px 12px 8px 12px; 2623 border: 1px solid transparent; 2624 border-bottom-width: 0; 2625 color: #07D; 2626 text-decoration: none; 2627} 2628.uk-tab > li:nth-child(n+2) > a { 2629 margin-left: 5px; 2630} 2631/* 2632 * Hover 2633 * 1. Apply hover style also to focus state 2634 * 2. Also apply if dropdown is opened 2635 * 3. Remove default focus style 2636 */ 2637.uk-tab > li > a:hover, 2638.uk-tab > li > a:focus, 2639.uk-tab > li.uk-open > a { 2640 border-color: #f5f5f5; 2641 background: #f5f5f5; 2642 color: #059; 2643 /* 2 */ 2644 outline: none; 2645} 2646.uk-tab > li:not(.uk-active) > a:hover, 2647.uk-tab > li:not(.uk-active) > a:focus, 2648.uk-tab > li.uk-open:not(.uk-active) > a { 2649 margin-bottom: 1px; 2650 padding-bottom: 7px; 2651} 2652/* Active */ 2653.uk-tab > li.uk-active > a { 2654 border-color: #ddd; 2655 border-bottom-color: transparent; 2656 background: #fff; 2657 color: #444; 2658} 2659/* Disabled */ 2660.uk-tab > li.uk-disabled > a { 2661 color: #999; 2662 cursor: text; 2663} 2664.uk-tab > li.uk-disabled > a:hover, 2665.uk-tab > li.uk-disabled > a:focus, 2666.uk-tab > li.uk-disabled.uk-active > a { 2667 background: none; 2668 border-color: transparent; 2669} 2670/* Modifier: 'tab-flip' 2671 ========================================================================== */ 2672.uk-tab-flip > li { 2673 float: right; 2674} 2675.uk-tab-flip > li:nth-child(n+2) > a { 2676 margin-left: 0; 2677 margin-right: 5px; 2678} 2679/* Modifier: 'tab-responsive' 2680 ========================================================================== */ 2681.uk-tab > li.uk-tab-responsive > a { 2682 margin-left: 0; 2683 margin-right: 0; 2684} 2685/* 2686 * Icon 2687 */ 2688.uk-tab-responsive > a:before { 2689 content: "\f0c9\00a0"; 2690 font-family: FontAwesome; 2691} 2692/* Modifier: 'tab-center' 2693 ========================================================================== */ 2694.uk-tab-center { 2695 border-bottom: 1px solid #ddd; 2696} 2697.uk-tab-center-bottom { 2698 border-bottom: none; 2699 border-top: 1px solid #ddd; 2700} 2701.uk-tab-center:before, 2702.uk-tab-center:after {
2703 content: ""; 2704 display: table; 2705} 2706.uk-tab-center:after { 2707 clear: both; 2708} 2709/* 2710 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs 2711 */ 2712.uk-tab-center .uk-tab { 2713 position: relative; 2714 right: 50%; 2715 border: none; 2716 float: right; 2717} 2718.uk-tab-center .uk-tab > li { 2719 position: relative; 2720 right: -50%; 2721} 2722.uk-tab-center .uk-tab > li > a { 2723 text-align: center; 2724} 2725/* Modifier: 'tab-bottom' 2726 ========================================================================== */ 2727.uk-tab-bottom { 2728 border-top: 1px solid #ddd; 2729 border-bottom: none; 2730} 2731.uk-tab-bottom > li { 2732 margin-top: -1px; 2733 margin-bottom: 0; 2734} 2735.uk-tab-bottom > li > a { 2736 padding-top: 8px; 2737 padding-bottom: 8px; 2738 border-bottom-width: 1px; 2739 border-top-width: 0; 2740} 2741.uk-tab-bottom > li:not(.uk-active) > a:hover, 2742.uk-tab-bottom > li:not(.uk-active) > a:focus, 2743.uk-tab-bottom > li.uk-open:not(.uk-active) > a { 2744 margin-bottom: 0; 2745 margin-top: 1px; 2746 padding-bottom: 8px; 2747 padding-top: 7px; 2748} 2749.uk-tab-bottom > li.uk-active > a { 2750 border-top-color: transparent; 2751 border-bottom-color: #ddd; 2752} 2753/* Modifier: 'tab-grid' 2754 ========================================================================== */ 2755/* 2756 * 1. Create position context to prevent hidden border because of negative `z-index` 2757 */ 2758.uk-tab-grid { 2759 margin-left: -5px; 2760 border-bottom: none; 2761 /* 1 */ 2762 position: relative; 2763 z-index: 0; 2764} 2765.uk-tab-grid:before { 2766 display: block; 2767 position: absolute; 2768 left: 5px; 2769 right: 0; 2770 bottom: -1px; 2771 border-top: 1px solid #ddd; 2772 /* 1 */ 2773 z-index: -1; 2774} 2775.uk-tab-grid > li:first-child > a { 2776 margin-left: 5px; 2777} 2778.uk-tab-grid > li > a { 2779 text-align: center; 2780} 2781/* 2782 * If `uk-tab-bottom` 2783 */ 2784.uk-tab-grid.uk-tab-bottom { 2785 border-top: none; 2786} 2787.uk-tab-grid.uk-tab-bottom:before { 2788 top: -1px; 2789 bottom: auto; 2790} 2791/* Modifier: 'tab-left', 'tab-right' 2792 ========================================================================== */ 2793/* Tablet and bigger */ 2794@media (min-width: 960px) { 2795 .uk-tab-left, 2796 .uk-tab-right { 2797 border-bottom: none; 2798 } 2799 .uk-tab-left > li, 2800 .uk-tab-right > li { 2801 margin-bottom: 0; 2802 float: none; 2803 } 2804 .uk-tab-left > li > a, 2805 .uk-tab-right > li > a { 2806 padding-top: 8px; 2807 padding-bottom: 8px; 2808 } 2809 .uk-tab-left > li:nth-child(n+2) > a, 2810 .uk-tab-right > li:nth-child(n+2) > a { 2811 margin-left: 0; 2812 margin-top: 5px; 2813 } 2814 .uk-tab-left > li.uk-active > a, 2815 .uk-tab-right > li.uk-active > a { 2816 border-color: #ddd; 2817 } 2818 /* 2819 * Modifier: 'tab-left' 2820 */ 2821 .uk-tab-left { 2822 border-right: 1px solid #ddd; 2823 } 2824 .uk-tab-left > li { 2825 margin-right: -1px; 2826 } 2827 .uk-tab-left > li > a { 2828 border-bottom-width: 1px; 2829 border-right-width: 0; 2830 } 2831 .uk-tab-left > li:not(.uk-active) > a:hover, 2832 .uk-tab-left > li:not(.uk-active) > a:focus { 2833 margin-bottom: 0; 2834 margin-right: 1px; 2835 padding-bottom: 8px; 2836 padding-right: 11px; 2837 } 2838 .uk-tab-left > li.uk-active > a { 2839 border-right-color: transparent; 2840 } 2841 /* 2842 * Modifier: 'tab-right' 2843 */ 2844 .uk-tab-right { 2845 border-left: 1px solid #ddd; 2846 } 2847 .uk-tab-right > li { 2848 margin-left: -1px; 2849 } 2850 .uk-tab-right > li > a { 2851 border-bottom-width: 1px; 2852 border-left-width: 0; 2853 } 2854 .uk-tab-right > li:not(.uk-active) > a:hover, 2855 .uk-tab-right > li:not(.uk-active) > a:focus { 2856 margin-bottom: 0; 2857 margin-left: 1px; 2858 padding-bottom: 8px; 2859 padding-left: 11px; 2860 } 2861 .uk-tab-right > li.uk-active > a { 2862 border-left-color: transparent; 2863 } 2864} 2865/* ======================================================================== 2866 Component: Thumbnav 2867 ========================================================================== */ 2868/* 2869 * 1. Gutter 2870 * 2. Remove default list style 2871 */ 2872.uk-thumbnav { 2873 display: -ms-flexbox; 2874 display: -webkit-flex; 2875 display: flex; 2876 -ms-flex-wrap: wrap; 2877 -webkit-flex-wrap: wrap; 2878 flex-wrap: wrap; 2879 /* 1 */ 2880 margin-left: -10px; 2881 margin-top: -10px; 2882 /* 2 */ 2883 padding: 0; 2884 list-style: none; 2885} 2886/* 2887 * 1. Space is allocated solely based on content dimensions 2888 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 2889 */ 2890.uk-thumbnav > * { 2891 /* 1 */ 2892 -ms-flex: none; 2893 -webkit-flex: none; 2894 flex: none; 2895 /* 2 */ 2896 padding-left: 10px; 2897 margin-top: 10px; 2898} 2899/* 2900 * DEPRECATED IE9 Support 2901 */
2902.uk-thumbnav:before, 2903.uk-thumbnav:after { 2904 content: ""; 2905 display: block; 2906 overflow: hidden; 2907} 2908.uk-thumbnav:after { 2909 clear: both; 2910} 2911.uk-thumbnav > * { 2912 float: left; 2913} 2914/* Items 2915 ========================================================================== */ 2916.uk-thumbnav > * > * { 2917 display: block; 2918 background: #fff; 2919} 2920.uk-thumbnav > * > * > img { 2921 opacity: 0.7; 2922 -webkit-transition: opacity 0.15s linear; 2923 transition: opacity 0.15s linear; 2924} 2925/* 2926 * Hover 2927 */ 2928.uk-thumbnav > * > :hover > img, 2929.uk-thumbnav > * > :focus > img { 2930 opacity: 1; 2931} 2932/* 2933 * Active 2934 */ 2935.uk-thumbnav > .uk-active > * > img { 2936 opacity: 1; 2937} 2938/* ======================================================================== 2939 Component: List 2940 ========================================================================== */ 2941.uk-list { 2942 padding: 0; 2943 list-style: none; 2944} 2945/* 2946 * Micro clearfix to make list more robust 2947 */ 2948.uk-list > li:before, 2949.uk-list > li:after { 2950 content: ""; 2951 display: table; 2952} 2953.uk-list > li:after { 2954 clear: both; 2955} 2956/* 2957 * Remove margin from the last-child 2958 */ 2959.uk-list > li > :last-child { 2960 margin-bottom: 0; 2961} 2962/* 2963 * Nested lists 2964 */ 2965.uk-list ul { 2966 margin: 0; 2967 padding-left: 20px; 2968 list-style: none; 2969} 2970/* Modifier: `uk-list-line` 2971 ========================================================================== */ 2972.uk-list-line > li:nth-child(n+2) { 2973 margin-top: 5px; 2974 padding-top: 5px; 2975 border-top: 1px solid #ddd; 2976} 2977/* Modifier: `uk-list-striped` 2978 ========================================================================== */ 2979.uk-list-striped > li { 2980 padding: 5px 5px; 2981} 2982.uk-list-striped > li:nth-of-type(odd) { 2983 background: #f5f5f5; 2984} 2985/* Modifier: `uk-list-space` 2986 ========================================================================== */ 2987.uk-list-space > li:nth-child(n+2) { 2988 margin-top: 10px; 2989} 2990/* ======================================================================== 2991 Component: Description list 2992 ========================================================================== */ 2993/* Modifier: `uk-description-list-horizontal` 2994 ========================================================================== */ 2995/* Tablet and bigger */ 2996@media (min-width: 960px) { 2997 .uk-description-list-horizontal { 2998 overflow: hidden; 2999 } 3000 .uk-description-list-horizontal > dt { 3001 width: 160px; 3002 float: left; 3003 clear: both; 3004 overflow: hidden; 3005 text-overflow: ellipsis; 3006 white-space: nowrap; 3007 } 3008 .uk-description-list-horizontal > dd { 3009 margin-left: 180px; 3010 } 3011} 3012/* Modifier: `uk-description-list-line` 3013 ========================================================================== */ 3014.uk-description-list-line > dt { 3015 font-weight: normal; 3016} 3017.uk-description-list-line > dt:nth-child(n+2) { 3018 margin-top: 5px; 3019 padding-top: 5px; 3020 border-top: 1px solid #ddd; 3021} 3022.uk-description-list-line > dd { 3023 color: #999; 3024} 3025/* ======================================================================== 3026 Component: Table 3027 ========================================================================== */ 3028/* 3029 * 1. Remove most spacing between table cells. 3030 * 2. Block element behavior 3031 * 3. Style 3032 */ 3033.uk-table { 3034 /* 1 */ 3035 border-collapse: collapse; 3036 border-spacing: 0; 3037 /* 2 */ 3038 width: 100%; 3039 /* 3 */ 3040 margin-bottom: 15px; 3041} 3042/* 3043 * Add margin if adjacent element 3044 */ 3045* + .uk-table { 3046 margin-top: 15px; 3047} 3048.uk-table th, 3049.uk-table td { 3050 padding: 8px 8px; 3051} 3052/* 3053 * Set alignment 3054 */ 3055.uk-table th { 3056 text-align: left; 3057} 3058.uk-table td { 3059 vertical-align: top; 3060} 3061.uk-table thead th { 3062 vertical-align: bottom; 3063} 3064/* 3065 * Caption and footer 3066 */ 3067.uk-table caption, 3068.uk-table tfoot { 3069 font-size: 12px; 3070 font-style: italic; 3071} 3072.uk-table caption { 3073 text-align: left; 3074 color: #999; 3075} 3076/* 3077 * Active State 3078 */ 3079.uk-table tbody tr.uk-active { 3080 background: #EEE; 3081} 3082/* Sub-modifier: `uk-table-middle` 3083 ========================================================================== */ 3084.uk-table-middle, 3085.uk-table-middle td { 3086 vertical-align: middle !important; 3087} 3088/* Modifier: `uk-table-striped` 3089 ========================================================================== */ 3090.uk-table-striped tbody tr:nth-of-type(odd) { 3091 background: #f5f5f5; 3092} 3093/* Modifier: `uk-table-condensed` 3094 ========================================================================== */ 3095.uk-table-condensed td { 3096 padding: 4px 8px; 3097} 3098/* Modifier: `uk-table-hover` 3099 ========================================================================== */ 3100.uk-table-hover tbody tr:hover { 3101 background: #EEE; 3102} 3103/* ======================================================================== 3104 Component: Form 3105 ========================================================================== */ 3106/* 3107 * 1. Define consistent box sizing. 3108 * Default is `content-box` with following exceptions set to `border-box` 3109 * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` 3110 * `input[type="search"]` in Chrome, Safari and Opera 3111 * `input[type="color"]` in Firefox 3112 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3113 * 3. Remove `border-radius` in iOS. 3114 * 4. Correct `font` properties and `color` not being inherited. 3115 */ 3116.uk-form input, 3117.uk-form select, 3118.uk-form textarea { 3119 /* 1 */ 3120 box-sizing: border-box; 3121 /* 2 */ 3122 margin: 0; 3123 /* 3 */ 3124 border-radius: 0; 3125 /* 4 */ 3126 font: inherit; 3127 color: inherit; 3128} 3129/* 3130 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox 3131 */ 3132.uk-form select { 3133 text-transform: none; 3134} 3135/* 3136 * 1. Correct `font` properties not being inherited. 3137 * 2. Don't inherit the `font-weight` and use `bold` instead. 3138 * NOTE: Both declarations don't work in Chrome, Safari and Opera. 3139 */ 3140.uk-form optgroup { 3141 /* 1 */ 3142 font: inherit; 3143 /* 2 */ 3144 font-weight: bold; 3145} 3146/* 3147 * Removes inner padding and border in Firefox 4+. 3148 */ 3149.uk-form input::-moz-focus-inner { 3150 border: 0; 3151 padding: 0; 3152} 3153/* 3154 * Removes excess padding in IE 8/9/10. 3155 */ 3156.uk-form input[type="checkbox"], 3157.uk-form input[type="radio"] { 3158 padding: 0; 3159} 3160/* 3161 * Improves consistency of cursor style for clickable elements 3162 */ 3163.uk-form input[type="checkbox"]:not(:disabled), 3164.uk-form input[type="radio"]:not(:disabled) { 3165 cursor: pointer; 3166} 3167/* 3168 * Remove default style in iOS. 3169 */ 3170.uk-form textarea, 3171.uk-form input:not([type]), 3172.uk-form input[type="text"], 3173.uk-form input[type="password"], 3174.uk-form input[type="email"], 3175.uk-form input[type="url"], 3176.uk-form input[type="search"], 3177.uk-form input[type="tel"], 3178.uk-form input[type="number"], 3179.uk-form input[type="datetime"] { 3180 -webkit-appearance: none; 3181} 3182/* 3183 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. 3184 */ 3185.uk-form input[type="search"]::-webkit-search-cancel-button, 3186.uk-form input[type="search"]::-webkit-search-decoration { 3187 -webkit-appearance: none; 3188} 3189/* 3190 * Fix the cursor style for Chrome's increment/decrement buttons. For certain 3191 * `font-size` values of the `input`, it causes the cursor style of the 3192 * decrement button to change from `default` to `text`. 3193 */ 3194.uk-form input[type="number"]::-webkit-inner-spin-button, 3195.uk-form input[type="number"]::-webkit-outer-spin-button { 3196 height: auto; 3197} 3198/* 3199 * Define consistent border, margin, and padding. 3200 */ 3201.uk-form fieldset { 3202 border: none; 3203 margin: 0; 3204 padding: 0; 3205} 3206/* 3207 * 1. Remove default vertical scrollbar in IE 8/9/10/11. 3208 * 2. Improve readability and alignment in all browsers. 3209 */ 3210.uk-form textarea { 3211 /* 1 */ 3212 overflow: auto; 3213 /* 2 */ 3214 vertical-align: top; 3215} 3216/* 3217 * Removes placeholder transparency in Firefox. 3218 */ 3219.uk-form ::-moz-placeholder { 3220 opacity: 1; 3221} 3222/* 3223 * Removes `box-shadow` for invalid controls in Firefox. 3224 */ 3225.uk-form :invalid { 3226 box-shadow: none; 3227} 3228/* 3229 * Vertical alignment 3230 */ 3231.uk-form input:not([type="radio"]):not([type="checkbox"]), 3232.uk-form select { 3233 vertical-align: middle; 3234} 3235/* Style 3236 ========================================================================== */ 3237/* 3238 * Remove margin from the last-child 3239 */ 3240.uk-form > :last-child { 3241 margin-bottom: 0; 3242} 3243/* 3244 * Controls 3245 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` 3246 * 1. Must be `height` because `min-height` is not working in OSX 3247 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports 3248 * 3. Vertical `padding` needed for `select` elements in Firefox 3249 * 4. Style 3250 */ 3251.uk-form select, 3252.uk-form textarea, 3253.uk-form input:not([type]), 3254.uk-form input[type="text"], 3255.uk-form input[type="password"], 3256.uk-form input[type="datetime"], 3257.uk-form input[type="datetime-local"], 3258.uk-form input[type="date"], 3259.uk-form input[type="month"], 3260.uk-form input[type="time"], 3261.uk-form input[type="week"], 3262.uk-form input[type="number"], 3263.uk-form input[type="email"], 3264.uk-form input[type="url"], 3265.uk-form input[type="search"], 3266.uk-form input[type="tel"], 3267.uk-form input[type="color"] { 3268 /* 1 */ 3269 height: 30px; 3270 /* 2 */ 3271 max-width: 100%; 3272 /* 3 */ 3273 padding: 4px 6px; 3274 /* 4 */ 3275 border: 1px solid #ddd; 3276 background: #fff; 3277 color: #444; 3278 -webkit-transition: all 0.2s linear; 3279 -webkit-transition-property: border, background, color, box-shadow, padding; 3280 transition: all 0.2s linear; 3281 transition-property: border, background, color, box-shadow, padding; 3282} 3283.uk-form select:focus, 3284.uk-form textarea:focus, 3285.uk-form input:not([type]):focus, 3286.uk-form input[type="text"]:focus, 3287.uk-form input[type="password"]:focus, 3288.uk-form input[type="datetime"]:focus, 3289.uk-form input[type="datetime-local"]:focus, 3290.uk-form input[type="date"]:focus, 3291.uk-form input[type="month"]:focus, 3292.uk-form input[type="time"]:focus, 3293.uk-form input[type="week"]:focus, 3294.uk-form input[type="number"]:focus, 3295.uk-form input[type="email"]:focus, 3296.uk-form input[type="url"]:focus, 3297.uk-form input[type="search"]:focus, 3298.uk-form input[type="tel"]:focus, 3299.uk-form input[type="color"]:focus { 3300 border-color: #99baca; 3301 outline: 0; 3302 background: #f5fbfe; 3303 color: #444; 3304} 3305.uk-form select:disabled, 3306.uk-form textarea:disabled, 3307.uk-form input:not([type]):disabled, 3308.uk-form input[type="text"]:disabled, 3309.uk-form input[type="password"]:disabled, 3310.uk-form input[type="datetime"]:disabled, 3311.uk-form input[type="datetime-local"]:disabled, 3312.uk-form input[type="date"]:disabled, 3313.uk-form input[type="month"]:disabled, 3314.uk-form input[type="time"]:disabled, 3315.uk-form input[type="week"]:disabled, 3316.uk-form input[type="number"]:disabled, 3317.uk-form input[type="email"]:disabled, 3318.uk-form input[type="url"]:disabled, 3319.uk-form input[type="search"]:disabled, 3320.uk-form input[type="tel"]:disabled, 3321.uk-form input[type="color"]:disabled { 3322 border-color: #ddd; 3323 background-color: #f5f5f5; 3324 color: #999; 3325} 3326/* 3327 * Placeholder 3328 */ 3329.uk-form :-ms-input-placeholder { 3330 color: #999 !important; 3331} 3332.uk-form ::-moz-placeholder { 3333 color: #999; 3334} 3335.uk-form ::-webkit-input-placeholder { 3336 color: #999; 3337} 3338.uk-form :disabled:-ms-input-placeholder { 3339 color: #999 !important; 3340} 3341.uk-form :disabled::-moz-placeholder { 3342 color: #999; 3343} 3344.uk-form :disabled::-webkit-input-placeholder { 3345 color: #999; 3346} 3347/* 3348 * Legend 3349 * 1. Behave like block element 3350 * 2. Correct `color` not being inherited in IE 8/9/10/11. 3351 * 3. Remove padding 3352 * 4. `margin-bottom` is not working in Safari and Opera. 3353 * Using `padding` and :after instead to create the border 3354 * 5. Style 3355 */ 3356.uk-form legend { 3357 /* 1 */ 3358 width: 100%; 3359 /* 2 */ 3360 border: 0; 3361 /* 3 */ 3362 padding: 0; 3363 /* 4 */ 3364 padding-bottom: 15px; 3365 /* 5 */ 3366 font-size: 18px; 3367 line-height: 30px; 3368} 3369/* 3370 * 1. Fixes IE9 3371 */ 3372.uk-form legend:after {
3373 content: ""; 3374 display: block; 3375 border-bottom: 1px solid #ddd; 3376 /* 1 */ 3377 width: 100%; 3378} 3379/* Size modifiers 3380 * Higher specificity needed to override defaults 3381 ========================================================================== */ 3382select.uk-form-small, 3383textarea.uk-form-small, 3384input[type].uk-form-small, 3385input:not([type]).uk-form-small { 3386 height: 25px; 3387 padding: 3px 3px; 3388 font-size: 12px; 3389} 3390select.uk-form-large, 3391textarea.uk-form-large, 3392input[type].uk-form-large, 3393input:not([type]).uk-form-large { 3394 height: 40px; 3395 padding: 8px 6px; 3396 font-size: 16px; 3397} 3398/* Reset height 3399 * Must be after size modifiers 3400 ========================================================================== */ 3401.uk-form textarea, 3402.uk-form select[multiple], 3403.uk-form select[size] { 3404 height: auto; 3405} 3406/* Validation states 3407 * Using !important to keep the selector simple 3408 ========================================================================== */ 3409/* 3410 * Error state 3411 */ 3412.uk-form-danger { 3413 border-color: #dc8d99 !important; 3414 background: #fff7f8 !important; 3415 color: #d85030 !important; 3416} 3417/* 3418 * Success state 3419 */ 3420.uk-form-success { 3421 border-color: #8ec73b !important; 3422 background: #fafff2 !important; 3423 color: #659f13 !important; 3424} 3425/* Style modifiers 3426 * Using !important to keep the selector simple 3427 ========================================================================== */ 3428/* 3429 * Blank form 3430 */ 3431.uk-form-blank { 3432 border-color: transparent !important; 3433 border-style: dashed !important; 3434 background: none !important; 3435} 3436.uk-form-blank:focus { 3437 border-color: #ddd !important; 3438} 3439/* Size sub-modifiers 3440 ========================================================================== */ 3441/* 3442 * Fixed widths 3443 * Different widths for mini sized `input` and `select` elements 3444 */ 3445input.uk-form-width-mini { 3446 width: 40px; 3447} 3448select.uk-form-width-mini { 3449 width: 65px; 3450} 3451.uk-form-width-small { 3452 width: 130px; 3453} 3454.uk-form-width-medium { 3455 width: 200px; 3456} 3457.uk-form-width-large { 3458 width: 500px; 3459} 3460/* Sub-objects: `uk-form-row` 3461 * Groups labels and controls in rows 3462 ========================================================================== */ 3463/* 3464 * Micro clearfix 3465 * Needed for `uk-form-horizontal` modifier 3466 */ 3467.uk-form-row:before, 3468.uk-form-row:after { 3469 content: ""; 3470 display: table; 3471} 3472.uk-form-row:after { 3473 clear: both; 3474} 3475/* 3476 * Vertical gutter 3477 */ 3478.uk-form-row + .uk-form-row { 3479 margin-top: 15px; 3480} 3481/* Help text 3482 * Sub-object: `uk-form-help-inline`, `uk-form-help-block` 3483 ========================================================================== */ 3484.uk-form-help-inline { 3485 display: inline-block; 3486 margin: 0 0 0 10px; 3487} 3488.uk-form-help-block { 3489 margin: 5px 0 0 0; 3490} 3491/* Controls content 3492 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` 3493 ========================================================================== */ 3494/* 3495 * Remove margins 3496 */ 3497.uk-form-controls > :first-child { 3498 margin-top: 0; 3499} 3500.uk-form-controls > :last-child { 3501 margin-bottom: 0; 3502} 3503/* 3504 * Group controls and text into blocks with a small spacing between blocks 3505 */ 3506.uk-form-controls-condensed { 3507 margin: 5px 0; 3508} 3509/* Modifier: `uk-form-stacked` 3510 * Requires sub-object: `uk-form-label` 3511 ========================================================================== */ 3512.uk-form-stacked .uk-form-label { 3513 display: block; 3514 margin-bottom: 5px; 3515 font-weight: bold; 3516} 3517/* Modifier: `uk-form-horizontal` 3518 * Requires sub-objects: `uk-form-label`, `uk-form-controls` 3519 ========================================================================== */ 3520/* Tablet portrait and smaller */ 3521@media (max-width: 1199px) { 3522 /* Behave like `uk-form-stacked` */ 3523 .uk-form-horizontal .uk-form-label { 3524 display: block; 3525 margin-bottom: 5px; 3526 font-weight: bold; 3527 } 3528} 3529/* Desktop and bigger */ 3530@media (min-width: 1200px) { 3531 .uk-form-horizontal .uk-form-label { 3532 width: 200px; 3533 margin-top: 5px; 3534 float: left; 3535 } 3536 .uk-form-horizontal .uk-form-controls { 3537 margin-left: 215px; 3538 } 3539 /* Better vertical alignment if controls are checkboxes and radio buttons with text */ 3540 .uk-form-horizontal .uk-form-controls-text { 3541 padding-top: 5px; 3542 } 3543} 3544/* Sub-object: `uk-form-icon` 3545 ========================================================================== */ 3546/* 3547 * 1. Container width fits its content 3548 * 2. Create position context 3549 * 3. Prevent `inline-block` consequences 3550 */ 3551.uk-form-icon { 3552 /* 1 */ 3553 display: inline-block; 3554 /* 2 */ 3555 position: relative; 3556 /* 3 */ 3557 max-width: 100%; 3558} 3559/* 3560 * 1. Make form element clickable through icon 3561 */ 3562.uk-form-icon > [class*='uk-icon-'] { 3563 position: absolute; 3564 top: 50%; 3565 width: 30px; 3566 margin-top: -7px; 3567 font-size: 14px; 3568 color: #999; 3569 text-align: center; 3570 /* 1 */ 3571 pointer-events: none; 3572} 3573.uk-form-icon:not(.uk-form-icon-flip) > input { 3574 padding-left: 30px !important; 3575} 3576/* 3577 * Sub-modifier: `uk-form-icon-flip` 3578 */ 3579.uk-form-icon-flip > [class*='uk-icon-'] { 3580 right: 0; 3581} 3582.uk-form-icon-flip > input { 3583 padding-right: 30px !important; 3584} 3585/* ======================================================================== 3586 Component: Button 3587 ========================================================================== */ 3588/* 3589 * Removes inner padding and border in Firefox 4+. 3590 */ 3591.uk-button::-moz-focus-inner { 3592 border: 0; 3593 padding: 0; 3594} 3595/* 3596 * 1. Correct inability to style clickable `input` types in iOS. 3597 * 2. Remove margins in Chrome, Safari and Opera. 3598 * 3. Remove borders for `button`. 3599 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. 3600 * 5. Correct `font` properties and `color` not being inherited for `button`. 3601 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE 3602 * 7. Style 3603 * 8. `line-height` is used to create a height 3604 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. 3605 * 10. Reset button group whitespace hack 3606 * 11. Required for `a`. 3607 */ 3608.uk-button { 3609 /* 1 */ 3610 -webkit-appearance: none; 3611 /* 2 */ 3612 margin: 0; 3613 /* 3 */ 3614 border: none; 3615 /* 4 */ 3616 overflow: visible; 3617 /* 5 */ 3618 font: inherit; 3619 color: #444; 3620 /* 6 */ 3621 text-transform: none; 3622 /* 7 */ 3623 display: inline-block; 3624 box-sizing: border-box; 3625 padding: 0 12px; 3626 background: #eee; 3627 vertical-align: middle; 3628 /* 8 */ 3629 line-height: 30px; 3630 /* 9 */ 3631 min-height: 30px; 3632 /* 10 */ 3633 font-size: 1rem; 3634 /* 11 */ 3635 text-decoration: none; 3636 text-align: center; 3637} 3638.uk-button:not(:disabled) { 3639 cursor: pointer; 3640} 3641/* 3642 * Hover 3643 * 1. Apply hover style also to focus state 3644 * 2. Remove default focus style 3645 * 3. Required for `a` elements 3646 */ 3647.uk-button:hover, 3648.uk-button:focus { 3649 background-color: #f5f5f5; 3650 color: #444; 3651 /* 2 */ 3652 outline: none; 3653 /* 3 */ 3654 text-decoration: none; 3655} 3656/* Active */ 3657.uk-button:active, 3658.uk-button.uk-active { 3659 background-color: #ddd; 3660 color: #444; 3661} 3662/* Color modifiers 3663 ========================================================================== */ 3664/* 3665 * Modifier: `uk-button-primary` 3666 */ 3667.uk-button-primary { 3668 background-color: #00a8e6; 3669 color: #fff; 3670} 3671/* Hover */ 3672.uk-button-primary:hover, 3673.uk-button-primary:focus { 3674 background-color: #35b3ee; 3675 color: #fff; 3676} 3677/* Active */ 3678.uk-button-primary:active, 3679.uk-button-primary.uk-active { 3680 background-color: #0091ca; 3681 color: #fff; 3682} 3683/* 3684 * Modifier: `uk-button-success` 3685 */ 3686.uk-button-success { 3687 background-color: #8cc14c; 3688 color: #fff; 3689} 3690/* Hover */ 3691.uk-button-success:hover, 3692.uk-button-success:focus { 3693 background-color: #8ec73b; 3694 color: #fff; 3695} 3696/* Active */ 3697.uk-button-success:active, 3698.uk-button-success.uk-active { 3699 background-color: #72ae41; 3700 color: #fff; 3701} 3702/* 3703 * Modifier: `uk-button-danger` 3704 */ 3705.uk-button-danger { 3706 background-color: #da314b; 3707 color: #fff; 3708} 3709/* Hover */ 3710.uk-button-danger:hover, 3711.uk-button-danger:focus { 3712 background-color: #e4354f; 3713 color: #fff; 3714} 3715/* Active */ 3716.uk-button-danger:active, 3717.uk-button-danger.uk-active { 3718 background-color: #c91032; 3719 color: #fff; 3720} 3721/* Disabled state 3722 * Overrides also the color modifiers 3723 ========================================================================== */ 3724/* Equal for all button types */ 3725.uk-button:disabled { 3726 background-color: #f5f5f5; 3727 color: #999; 3728} 3729/* Modifier: `uk-button-link` 3730 ========================================================================== */ 3731/* Reset */ 3732.uk-button-link, 3733.uk-button-link:hover, 3734.uk-button-link:focus, 3735.uk-button-link:active, 3736.uk-button-link.uk-active, 3737.uk-button-link:disabled { 3738 border-color: transparent; 3739 background: none; 3740} 3741/* Color */ 3742.uk-button-link { 3743 color: #07D; 3744} 3745.uk-button-link:hover, 3746.uk-button-link:focus, 3747.uk-button-link:active, 3748.uk-button-link.uk-active { 3749 color: #059; 3750 text-decoration: underline; 3751} 3752.uk-button-link:disabled { 3753 color: #999; 3754} 3755/* Focus */ 3756.uk-button-link:focus { 3757 outline: 1px dotted; 3758} 3759/* Size modifiers 3760 ========================================================================== */ 3761.uk-button-mini { 3762 min-height: 20px; 3763 padding: 0 6px; 3764 line-height: 20px; 3765 font-size: 11px; 3766} 3767.uk-button-small { 3768 min-height: 25px; 3769 padding: 0 10px; 3770 line-height: 25px; 3771 font-size: 12px; 3772} 3773.uk-button-large { 3774 min-height: 40px; 3775 padding: 0 15px; 3776 line-height: 40px; 3777 font-size: 16px; 3778} 3779/* Sub-object `uk-button-group` 3780 ========================================================================== */ 3781/* 3782 * 1. Behave like buttons 3783 * 2. Create position context for dropdowns 3784 * 3. Remove whitespace between child elements when using `inline-block` 3785 * 4. Prevent buttons from wrapping 3786 * 5. Remove whitespace between child elements when using `inline-block` 3787 */ 3788.uk-button-group { 3789 /* 1 */ 3790 display: inline-block; 3791 vertical-align: middle; 3792 /* 2 */ 3793 position: relative; 3794 /* 3 */ 3795 font-size: 0.001px; 3796 /* 4 */ 3797 white-space: nowrap; 3798} 3799.uk-button-group > * { 3800 display: inline-block; 3801} 3802/* 5 */ 3803.uk-button-group .uk-button { 3804 vertical-align: top; 3805} 3806/* Sub-object: `uk-button-dropdown` 3807 ========================================================================== */ 3808/* 3809 * 1. Behave like buttons 3810 * 2. Create position context for dropdowns 3811 */ 3812.uk-button-dropdown { 3813 /* 1 */ 3814 display: inline-block; 3815 vertical-align: middle; 3816 /* 2 */ 3817 position: relative; 3818} 3819/* ======================================================================== 3820 Component: Icon 3821 ========================================================================== */ 3822@font-face { 3823 font-family: 'FontAwesome'; 3824 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"); 3825 font-weight: normal; 3826 font-style: normal; 3827} 3828/* 3829 * 1. Allow margin 3830 * 2. Prevent inherit font style 3831 * 4. Correct line-height 3832 * 5. Better font rendering 3833 * 6. Remove `text-decoration` for anchors 3834 */ 3835[class*='uk-icon-'] { 3836 font-family: FontAwesome; 3837 /* 1 */ 3838 display: inline-block; 3839 /* 2 */ 3840 font-weight: normal; 3841 font-style: normal; 3842 /* 4 */ 3843 line-height: 1; 3844 /* 5 */ 3845 -webkit-font-smoothing: antialiased; 3846 -moz-osx-font-smoothing: grayscale; 3847} 3848/* 6 */ 3849[class*='uk-icon-'], 3850[class*='uk-icon-']:hover, 3851[class*='uk-icon-']:focus { 3852 text-decoration: none; 3853} 3854/* Size modifiers 3855 ========================================================================== */ 3856.uk-icon-small { 3857 font-size: 150%; 3858 vertical-align: -10%; 3859} 3860.uk-icon-medium { 3861 font-size: 200%; 3862 vertical-align: -16%; 3863} 3864.uk-icon-large { 3865 font-size: 250%; 3866 vertical-align: -22%; 3867} 3868/* Modifier: `uk-icon-justify` 3869 ========================================================================== */ 3870.uk-icon-justify { 3871 width: 1em; 3872 text-align: center; 3873} 3874/* Modifier: `uk-icon-spin` 3875 ========================================================================== */ 3876.uk-icon-spin { 3877 display: inline-block; 3878 -webkit-animation: uk-rotate 2s infinite linear; 3879 animation: uk-rotate 2s infinite linear; 3880} 3881/* Modifier: `uk-icon-hover` 3882 ========================================================================== */ 3883.uk-icon-hover {
3884 color: #999; 3885} 3886/* 3887 * Hover 3888 */ 3889.uk-icon-hover:hover { 3890 color: #444; 3891} 3892/* Modifier: `uk-icon-button` 3893 ========================================================================== */ 3894.uk-icon-button { 3895 box-sizing: border-box; 3896 display: inline-block; 3897 width: 35px; 3898 height: 35px; 3899 border-radius: 100%; 3900 background: #eee; 3901 line-height: 35px; 3902 color: #444; 3903 font-size: 18px; 3904 text-align: center; 3905} 3906/* 3907 * Hover 3908 * 1. Apply hover style also to focus state 3909 * 2. Remove default focus style 3910 */ 3911.uk-icon-button:hover, 3912.uk-icon-button:focus { 3913 background-color: #f5f5f5; 3914 color: #444; 3915 /* 2 */ 3916 outline: none; 3917} 3918/* Active */ 3919.uk-icon-button:active { 3920 background-color: #ddd; 3921 color: #444; 3922} 3923/* Icon mapping 3924 ========================================================================== */ 3925.uk-icon-glass:before { 3926 content: "\f000"; 3927} 3928.uk-icon-music:before { 3929 content: "\f001"; 3930} 3931.uk-icon-search:before { 3932 content: "\f002"; 3933} 3934.uk-icon-envelope-o:before { 3935 content: "\f003"; 3936} 3937.uk-icon-heart:before { 3938 content: "\f004"; 3939} 3940.uk-icon-star:before { 3941 content: "\f005"; 3942} 3943.uk-icon-star-o:before { 3944 content: "\f006"; 3945} 3946.uk-icon-user:before { 3947 content: "\f007"; 3948} 3949.uk-icon-film:before { 3950 content: "\f008"; 3951} 3952.uk-icon-th-large:before { 3953 content: "\f009"; 3954} 3955.uk-icon-th:before { 3956 content: "\f00a"; 3957} 3958.uk-icon-th-list:before { 3959 content: "\f00b"; 3960} 3961.uk-icon-check:before { 3962 content: "\f00c"; 3963} 3964.uk-icon-remove:before, 3965.uk-icon-close:before, 3966.uk-icon-times:before { 3967 content: "\f00d"; 3968} 3969.uk-icon-search-plus:before { 3970 content: "\f00e"; 3971} 3972.uk-icon-search-minus:before { 3973 content: "\f010"; 3974} 3975.uk-icon-power-off:before { 3976 content: "\f011"; 3977} 3978.uk-icon-signal:before { 3979 content: "\f012"; 3980} 3981.uk-icon-gear:before, 3982.uk-icon-cog:before { 3983 content: "\f013"; 3984} 3985.uk-icon-trash-o:before { 3986 content: "\f014"; 3987} 3988.uk-icon-home:before { 3989 content: "\f015"; 3990} 3991.uk-icon-file-o:before { 3992 content: "\f016"; 3993} 3994.uk-icon-clock-o:before { 3995 content: "\f017"; 3996} 3997.uk-icon-road:before { 3998 content: "\f018"; 3999} 4000.uk-icon-download:before { 4001 content: "\f019"; 4002} 4003.uk-icon-arrow-circle-o-down:before { 4004 content: "\f01a"; 4005} 4006.uk-icon-arrow-circle-o-up:before { 4007 content: "\f01b"; 4008} 4009.uk-icon-inbox:before { 4010 content: "\f01c"; 4011} 4012.uk-icon-play-circle-o:before { 4013 content: "\f01d"; 4014} 4015.uk-icon-rotate-right:before, 4016.uk-icon-repeat:before { 4017 content: "\f01e"; 4018} 4019.uk-icon-refresh:before { 4020 content: "\f021"; 4021} 4022.uk-icon-list-alt:before { 4023 content: "\f022"; 4024} 4025.uk-icon-lock:before { 4026 content: "\f023"; 4027} 4028.uk-icon-flag:before { 4029 content: "\f024"; 4030} 4031.uk-icon-headphones:before { 4032 content: "\f025"; 4033} 4034.uk-icon-volume-off:before { 4035 content: "\f026"; 4036} 4037.uk-icon-volume-down:before { 4038 content: "\f027"; 4039} 4040.uk-icon-volume-up:before { 4041 content: "\f028"; 4042} 4043.uk-icon-qrcode:before { 4044 content: "\f029"; 4045} 4046.uk-icon-barcode:before { 4047 content: "\f02a"; 4048} 4049.uk-icon-tag:before { 4050 content: "\f02b"; 4051} 4052.uk-icon-tags:before { 4053 content: "\f02c"; 4054} 4055.uk-icon-book:before { 4056 content: "\f02d"; 4057} 4058.uk-icon-bookmark:before { 4059 content: "\f02e"; 4060} 4061.uk-icon-print:before { 4062 content: "\f02f"; 4063} 4064.uk-icon-camera:before { 4065 content: "\f030"; 4066} 4067.uk-icon-font:before { 4068 content: "\f031"; 4069} 4070.uk-icon-bold:before { 4071 content: "\f032"; 4072} 4073.uk-icon-italic:before { 4074 content: "\f033"; 4075} 4076.uk-icon-text-height:before { 4077 content: "\f034"; 4078} 4079.uk-icon-text-width:before { 4080 content: "\f035"; 4081} 4082.uk-icon-align-left:before { 4083 content: "\f036"; 4084} 4085.uk-icon-align-center:before { 4086 content: "\f037"; 4087} 4088.uk-icon-align-right:before { 4089 content: "\f038"; 4090} 4091.uk-icon-align-justify:before { 4092 content: "\f039"; 4093} 4094.uk-icon-list:before { 4095 content: "\f03a"; 4096} 4097.uk-icon-dedent:before, 4098.uk-icon-outdent:before { 4099 content: "\f03b"; 4100} 4101.uk-icon-indent:before { 4102 content: "\f03c"; 4103} 4104.uk-icon-video-camera:before { 4105 content: "\f03d"; 4106} 4107.uk-icon-photo:before, 4108.uk-icon-image:before, 4109.uk-icon-picture-o:before { 4110 content: "\f03e"; 4111} 4112.uk-icon-pencil:before { 4113 content: "\f040"; 4114} 4115.uk-icon-map-marker:before { 4116 content: "\f041"; 4117} 4118.uk-icon-adjust:before { 4119 content: "\f042"; 4120} 4121.uk-icon-tint:before { 4122 content: "\f043"; 4123} 4124.uk-icon-edit:before, 4125.uk-icon-pencil-square-o:before { 4126 content: "\f044"; 4127} 4128.uk-icon-share-square-o:before { 4129 content: "\f045"; 4130} 4131.uk-icon-check-square-o:before { 4132 content: "\f046"; 4133} 4134.uk-icon-arrows:before { 4135 content: "\f047"; 4136} 4137.uk-icon-step-backward:before { 4138 content: "\f048"; 4139} 4140.uk-icon-fast-backward:before { 4141 content: "\f049"; 4142} 4143.uk-icon-backward:before { 4144 content: "\f04a"; 4145} 4146.uk-icon-play:before { 4147 content: "\f04b"; 4148} 4149.uk-icon-pause:before { 4150 content: "\f04c"; 4151} 4152.uk-icon-stop:before { 4153 content: "\f04d"; 4154} 4155.uk-icon-forward:before { 4156 content: "\f04e"; 4157} 4158.uk-icon-fast-forward:before { 4159 content: "\f050"; 4160} 4161.uk-icon-step-forward:before { 4162 content: "\f051"; 4163}
4164.uk-icon-eject:before { 4165 content: "\f052"; 4166} 4167.uk-icon-chevron-left:before { 4168 content: "\f053"; 4169} 4170.uk-icon-chevron-right:before { 4171 content: "\f054"; 4172} 4173.uk-icon-plus-circle:before { 4174 content: "\f055"; 4175} 4176.uk-icon-minus-circle:before { 4177 content: "\f056"; 4178} 4179.uk-icon-times-circle:before { 4180 content: "\f057"; 4181} 4182.uk-icon-check-circle:before { 4183 content: "\f058"; 4184} 4185.uk-icon-question-circle:before { 4186 content: "\f059"; 4187} 4188.uk-icon-info-circle:before { 4189 content: "\f05a"; 4190} 4191.uk-icon-crosshairs:before { 4192 content: "\f05b"; 4193} 4194.uk-icon-times-circle-o:before { 4195 content: "\f05c"; 4196} 4197.uk-icon-check-circle-o:before { 4198 content: "\f05d"; 4199} 4200.uk-icon-ban:before { 4201 content: "\f05e"; 4202} 4203.uk-icon-arrow-left:before { 4204 content: "\f060"; 4205} 4206.uk-icon-arrow-right:before { 4207 content: "\f061"; 4208} 4209.uk-icon-arrow-up:before { 4210 content: "\f062"; 4211} 4212.uk-icon-arrow-down:before { 4213 content: "\f063"; 4214} 4215.uk-icon-mail-forward:before, 4216.uk-icon-share:before { 4217 content: "\f064"; 4218} 4219.uk-icon-expand:before { 4220 content: "\f065"; 4221} 4222.uk-icon-compress:before { 4223 content: "\f066"; 4224} 4225.uk-icon-plus:before { 4226 content: "\f067"; 4227} 4228.uk-icon-minus:before { 4229 content: "\f068"; 4230} 4231.uk-icon-asterisk:before { 4232 content: "\f069"; 4233} 4234.uk-icon-exclamation-circle:before { 4235 content: "\f06a"; 4236} 4237.uk-icon-gift:before { 4238 content: "\f06b"; 4239} 4240.uk-icon-leaf:before { 4241 content: "\f06c"; 4242} 4243.uk-icon-fire:before { 4244 content: "\f06d"; 4245} 4246.uk-icon-eye:before { 4247 content: "\f06e"; 4248} 4249.uk-icon-eye-slash:before { 4250 content: "\f070"; 4251} 4252.uk-icon-warning:before, 4253.uk-icon-exclamation-triangle:before { 4254 content: "\f071"; 4255} 4256.uk-icon-plane:before { 4257 content: "\f072"; 4258} 4259.uk-icon-calendar:before { 4260 content: "\f073"; 4261} 4262.uk-icon-random:before { 4263 content: "\f074"; 4264} 4265.uk-icon-comment:before { 4266 content: "\f075"; 4267} 4268.uk-icon-magnet:before { 4269 content: "\f076"; 4270} 4271.uk-icon-chevron-up:before { 4272 content: "\f077"; 4273} 4274.uk-icon-chevron-down:before { 4275 content: "\f078"; 4276} 4277.uk-icon-retweet:before { 4278 content: "\f079"; 4279} 4280.uk-icon-shopping-cart:before { 4281 content: "\f07a"; 4282} 4283.uk-icon-folder:before { 4284 content: "\f07b"; 4285} 4286.uk-icon-folder-open:before { 4287 content: "\f07c"; 4288} 4289.uk-icon-arrows-v:before { 4290 content: "\f07d"; 4291} 4292.uk-icon-arrows-h:before { 4293 content: "\f07e"; 4294} 4295.uk-icon-bar-chart-o:before, 4296.uk-icon-bar-chart:before { 4297 content: "\f080"; 4298} 4299.uk-icon-twitter-square:before { 4300 content: "\f081"; 4301} 4302.uk-icon-facebook-square:before { 4303 content: "\f082"; 4304} 4305.uk-icon-camera-retro:before { 4306 content: "\f083"; 4307} 4308.uk-icon-key:before { 4309 content: "\f084"; 4310} 4311.uk-icon-gears:before, 4312.uk-icon-cogs:before { 4313 content: "\f085"; 4314} 4315.uk-icon-comments:before { 4316 content: "\f086"; 4317} 4318.uk-icon-thumbs-o-up:before { 4319 content: "\f087"; 4320} 4321.uk-icon-thumbs-o-down:before { 4322 content: "\f088"; 4323} 4324.uk-icon-star-half:before { 4325 content: "\f089"; 4326} 4327.uk-icon-heart-o:before { 4328 content: "\f08a"; 4329} 4330.uk-icon-sign-out:before { 4331 content: "\f08b"; 4332} 4333.uk-icon-linkedin-square:before { 4334 content: "\f08c"; 4335} 4336.uk-icon-thumb-tack:before { 4337 content: "\f08d"; 4338} 4339.uk-icon-external-link:before { 4340 content: "\f08e"; 4341} 4342.uk-icon-sign-in:before { 4343 content: "\f090"; 4344} 4345.uk-icon-trophy:before { 4346 content: "\f091"; 4347} 4348.uk-icon-github-square:before { 4349 content: "\f092"; 4350} 4351.uk-icon-upload:before { 4352 content: "\f093"; 4353} 4354.uk-icon-lemon-o:before { 4355 content: "\f094"; 4356} 4357.uk-icon-phone:before { 4358 content: "\f095"; 4359} 4360.uk-icon-square-o:before { 4361 content: "\f096"; 4362} 4363.uk-icon-bookmark-o:before { 4364 content: "\f097"; 4365} 4366.uk-icon-phone-square:before { 4367 content: "\f098"; 4368} 4369.uk-icon-twitter:before { 4370 content: "\f099"; 4371} 4372.uk-icon-facebook-f:before, 4373.uk-icon-facebook:before { 4374 content: "\f09a"; 4375} 4376.uk-icon-github:before { 4377 content: "\f09b"; 4378} 4379.uk-icon-unlock:before { 4380 content: "\f09c"; 4381} 4382.uk-icon-credit-card:before { 4383 content: "\f09d"; 4384} 4385.uk-icon-rss:before { 4386 content: "\f09e"; 4387} 4388.uk-icon-hdd-o:before { 4389 content: "\f0a0"; 4390} 4391.uk-icon-bullhorn:before { 4392 content: "\f0a1"; 4393} 4394.uk-icon-bell:before { 4395 content: "\f0f3"; 4396} 4397.uk-icon-certificate:before { 4398 content: "\f0a3"; 4399} 4400.uk-icon-hand-o-right:before { 4401 content: "\f0a4"; 4402} 4403.uk-icon-hand-o-left:before { 4404 content: "\f0a5"; 4405} 4406.uk-icon-hand-o-up:before { 4407 content: "\f0a6"; 4408} 4409.uk-icon-hand-o-down:before { 4410 content: "\f0a7"; 4411} 4412.uk-icon-arrow-circle-left:before { 4413 content: "\f0a8"; 4414} 4415.uk-icon-arrow-circle-right:before { 4416 content: "\f0a9"; 4417} 4418.uk-icon-arrow-circle-up:before { 4419 content: "\f0aa"; 4420} 4421.uk-icon-arrow-circle-down:before { 4422 content: "\f0ab"; 4423} 4424.uk-icon-globe:before { 4425 content: "\f0ac"; 4426} 4427.uk-icon-wrench:before { 4428 content: "\f0ad"; 4429} 4430.uk-icon-tasks:before { 4431 content: "\f0ae"; 4432} 4433.uk-icon-filter:before { 4434 content: "\f0b0"; 4435} 4436.uk-icon-briefcase:before { 4437 content: "\f0b1"; 4438} 4439.uk-icon-arrows-alt:before { 4440 content: "\f0b2"; 4441} 4442.uk-icon-group:before, 4443.uk-icon-users:before { 4444 content: "\f0c0"; 4445} 4446.uk-icon-chain:before, 4447.uk-icon-link:before { 4448 content: "\f0c1"; 4449} 4450.uk-icon-cloud:before { 4451 content: "\f0c2"; 4452} 4453.uk-icon-flask:before { 4454 content: "\f0c3"; 4455} 4456.uk-icon-cut:before, 4457.uk-icon-scissors:before { 4458 content: "\f0c4"; 4459} 4460.uk-icon-copy:before, 4461.uk-icon-files-o:before { 4462 content: "\f0c5"; 4463} 4464.uk-icon-paperclip:before { 4465 content: "\f0c6"; 4466} 4467.uk-icon-save:before, 4468.uk-icon-floppy-o:before { 4469 content: "\f0c7"; 4470} 4471.uk-icon-square:before { 4472 content: "\f0c8"; 4473} 4474.uk-icon-navicon:before, 4475.uk-icon-reorder:before, 4476.uk-icon-bars:before { 4477 content: "\f0c9"; 4478} 4479.uk-icon-list-ul:before { 4480 content: "\f0ca"; 4481} 4482.uk-icon-list-ol:before { 4483 content: "\f0cb"; 4484} 4485.uk-icon-strikethrough:before { 4486 content: "\f0cc"; 4487} 4488.uk-icon-underline:before { 4489 content: "\f0cd"; 4490} 4491.uk-icon-table:before { 4492 content: "\f0ce"; 4493} 4494.uk-icon-magic:before { 4495 content: "\f0d0"; 4496} 4497.uk-icon-truck:before { 4498 content: "\f0d1"; 4499} 4500.uk-icon-pinterest:before { 4501 content: "\f0d2"; 4502} 4503.uk-icon-pinterest-square:before { 4504 content: "\f0d3"; 4505} 4506.uk-icon-google-plus-square:before { 4507 content: "\f0d4"; 4508} 4509.uk-icon-google-plus:before { 4510 content: "\f0d5"; 4511} 4512.uk-icon-money:before { 4513 content: "\f0d6"; 4514} 4515.uk-icon-caret-down:before { 4516 content: "\f0d7"; 4517} 4518.uk-icon-caret-up:before { 4519 content: "\f0d8"; 4520} 4521.uk-icon-caret-left:before { 4522 content: "\f0d9"; 4523} 4524.uk-icon-caret-right:before { 4525 content: "\f0da"; 4526} 4527.uk-icon-columns:before { 4528 content: "\f0db"; 4529} 4530.uk-icon-unsorted:before, 4531.uk-icon-sort:before { 4532 content: "\f0dc"; 4533} 4534.uk-icon-sort-down:before, 4535.uk-icon-sort-desc:before { 4536 content: "\f0dd"; 4537} 4538.uk-icon-sort-up:before, 4539.uk-icon-sort-asc:before { 4540 content: "\f0de"; 4541}
4542.uk-icon-envelope:before { 4543 content: "\f0e0"; 4544} 4545.uk-icon-linkedin:before { 4546 content: "\f0e1"; 4547} 4548.uk-icon-rotate-left:before, 4549.uk-icon-undo:before { 4550 content: "\f0e2"; 4551} 4552.uk-icon-legal:before, 4553.uk-icon-gavel:before { 4554 content: "\f0e3"; 4555} 4556.uk-icon-dashboard:before, 4557.uk-icon-tachometer:before { 4558 content: "\f0e4"; 4559} 4560.uk-icon-comment-o:before { 4561 content: "\f0e5"; 4562} 4563.uk-icon-comments-o:before { 4564 content: "\f0e6"; 4565} 4566.uk-icon-flash:before, 4567.uk-icon-bolt:before { 4568 content: "\f0e7"; 4569} 4570.uk-icon-sitemap:before { 4571 content: "\f0e8"; 4572} 4573.uk-icon-umbrella:before { 4574 content: "\f0e9"; 4575} 4576.uk-icon-paste:before, 4577.uk-icon-clipboard:before { 4578 content: "\f0ea"; 4579} 4580.uk-icon-lightbulb-o:before { 4581 content: "\f0eb"; 4582} 4583.uk-icon-exchange:before { 4584 content: "\f0ec"; 4585} 4586.uk-icon-cloud-download:before { 4587 content: "\f0ed"; 4588} 4589.uk-icon-cloud-upload:before { 4590 content: "\f0ee"; 4591} 4592.uk-icon-user-md:before { 4593 content: "\f0f0"; 4594} 4595.uk-icon-stethoscope:before { 4596 content: "\f0f1"; 4597} 4598.uk-icon-suitcase:before { 4599 content: "\f0f2"; 4600} 4601.uk-icon-bell-o:before { 4602 content: "\f0a2"; 4603} 4604.uk-icon-coffee:before { 4605 content: "\f0f4"; 4606} 4607.uk-icon-cutlery:before { 4608 content: "\f0f5"; 4609} 4610.uk-icon-file-text-o:before { 4611 content: "\f0f6"; 4612} 4613.uk-icon-building-o:before { 4614 content: "\f0f7"; 4615} 4616.uk-icon-hospital-o:before { 4617 content: "\f0f8"; 4618} 4619.uk-icon-ambulance:before { 4620 content: "\f0f9"; 4621} 4622.uk-icon-medkit:before { 4623 content: "\f0fa"; 4624} 4625.uk-icon-fighter-jet:before { 4626 content: "\f0fb"; 4627} 4628.uk-icon-beer:before { 4629 content: "\f0fc"; 4630} 4631.uk-icon-h-square:before { 4632 content: "\f0fd"; 4633} 4634.uk-icon-plus-square:before { 4635 content: "\f0fe"; 4636} 4637.uk-icon-angle-double-left:before { 4638 content: "\f100"; 4639} 4640.uk-icon-angle-double-right:before { 4641 content: "\f101"; 4642} 4643.uk-icon-angle-double-up:before { 4644 content: "\f102"; 4645} 4646.uk-icon-angle-double-down:before { 4647 content: "\f103"; 4648} 4649.uk-icon-angle-left:before { 4650 content: "\f104"; 4651} 4652.uk-icon-angle-right:before { 4653 content: "\f105"; 4654} 4655.uk-icon-angle-up:before { 4656 content: "\f106"; 4657} 4658.uk-icon-angle-down:before { 4659 content: "\f107"; 4660} 4661.uk-icon-desktop:before { 4662 content: "\f108"; 4663} 4664.uk-icon-laptop:before { 4665 content: "\f109"; 4666} 4667.uk-icon-tablet:before { 4668 content: "\f10a"; 4669} 4670.uk-icon-mobile-phone:before, 4671.uk-icon-mobile:before { 4672 content: "\f10b"; 4673} 4674.uk-icon-circle-o:before { 4675 content: "\f10c"; 4676} 4677.uk-icon-quote-left:before { 4678 content: "\f10d"; 4679} 4680.uk-icon-quote-right:before { 4681 content: "\f10e"; 4682} 4683.uk-icon-spinner:before { 4684 content: "\f110"; 4685} 4686.uk-icon-circle:before { 4687 content: "\f111"; 4688} 4689.uk-icon-mail-reply:before, 4690.uk-icon-reply:before { 4691 content: "\f112"; 4692} 4693.uk-icon-github-alt:before { 4694 content: "\f113"; 4695} 4696.uk-icon-folder-o:before { 4697 content: "\f114"; 4698} 4699.uk-icon-folder-open-o:before { 4700 content: "\f115"; 4701} 4702.uk-icon-smile-o:before { 4703 content: "\f118"; 4704} 4705.uk-icon-frown-o:before { 4706 content: "\f119"; 4707} 4708.uk-icon-meh-o:before { 4709 content: "\f11a"; 4710} 4711.uk-icon-gamepad:before { 4712 content: "\f11b"; 4713} 4714.uk-icon-keyboard-o:before { 4715 content: "\f11c"; 4716} 4717.uk-icon-flag-o:before { 4718 content: "\f11d"; 4719} 4720.uk-icon-flag-checkered:before { 4721 content: "\f11e"; 4722} 4723.uk-icon-terminal:before { 4724 content: "\f120"; 4725} 4726.uk-icon-code:before { 4727 content: "\f121"; 4728} 4729.uk-icon-mail-reply-all:before, 4730.uk-icon-reply-all:before { 4731 content: "\f122"; 4732} 4733.uk-icon-star-half-empty:before, 4734.uk-icon-star-half-full:before, 4735.uk-icon-star-half-o:before { 4736 content: "\f123"; 4737} 4738.uk-icon-location-arrow:before { 4739 content: "\f124"; 4740} 4741.uk-icon-crop:before { 4742 content: "\f125"; 4743} 4744.uk-icon-code-fork:before { 4745 content: "\f126"; 4746} 4747.uk-icon-unlink:before, 4748.uk-icon-chain-broken:before { 4749 content: "\f127"; 4750} 4751.uk-icon-question:before { 4752 content: "\f128"; 4753} 4754.uk-icon-info:before { 4755 content: "\f129"; 4756} 4757.uk-icon-exclamation:before { 4758 content: "\f12a"; 4759} 4760.uk-icon-superscript:before { 4761 content: "\f12b"; 4762} 4763.uk-icon-subscript:before { 4764 content: "\f12c"; 4765} 4766.uk-icon-eraser:before { 4767 content: "\f12d"; 4768} 4769.uk-icon-puzzle-piece:before { 4770 content: "\f12e"; 4771} 4772.uk-icon-microphone:before { 4773 content: "\f130"; 4774} 4775.uk-icon-microphone-slash:before { 4776 content: "\f131"; 4777} 4778.uk-icon-shield:before { 4779 content: "\f132"; 4780} 4781.uk-icon-calendar-o:before { 4782 content: "\f133"; 4783} 4784.uk-icon-fire-extinguisher:before { 4785 content: "\f134"; 4786} 4787.uk-icon-rocket:before { 4788 content: "\f135"; 4789} 4790.uk-icon-maxcdn:before { 4791 content: "\f136"; 4792} 4793.uk-icon-chevron-circle-left:before { 4794 content: "\f137"; 4795} 4796.uk-icon-chevron-circle-right:before { 4797 content: "\f138"; 4798} 4799.uk-icon-chevron-circle-up:before { 4800 content: "\f139"; 4801} 4802.uk-icon-chevron-circle-down:before { 4803 content: "\f13a"; 4804} 4805.uk-icon-html5:before { 4806 content: "\f13b"; 4807} 4808.uk-icon-css3:before { 4809 content: "\f13c"; 4810} 4811.uk-icon-anchor:before { 4812 content: "\f13d"; 4813} 4814.uk-icon-unlock-alt:before { 4815 content: "\f13e"; 4816} 4817.uk-icon-bullseye:before { 4818 content: "\f140"; 4819} 4820.uk-icon-ellipsis-h:before { 4821 content: "\f141"; 4822} 4823.uk-icon-ellipsis-v:before { 4824 content: "\f142"; 4825} 4826.uk-icon-rss-square:before { 4827 content: "\f143"; 4828} 4829.uk-icon-play-circle:before { 4830 content: "\f144"; 4831} 4832.uk-icon-ticket:before { 4833 content: "\f145"; 4834} 4835.uk-icon-minus-square:before { 4836 content: "\f146"; 4837} 4838.uk-icon-minus-square-o:before { 4839 content: "\f147"; 4840} 4841.uk-icon-level-up:before { 4842 content: "\f148"; 4843} 4844.uk-icon-level-down:before { 4845 content: "\f149"; 4846} 4847.uk-icon-check-square:before { 4848 content: "\f14a"; 4849} 4850.uk-icon-pencil-square:before { 4851 content: "\f14b"; 4852} 4853.uk-icon-external-link-square:before { 4854 content: "\f14c"; 4855} 4856.uk-icon-share-square:before { 4857 content: "\f14d"; 4858} 4859.uk-icon-compass:before { 4860 content: "\f14e"; 4861} 4862.uk-icon-toggle-down:before, 4863.uk-icon-caret-square-o-down:before { 4864 content: "\f150"; 4865} 4866.uk-icon-toggle-up:before, 4867.uk-icon-caret-square-o-up:before { 4868 content: "\f151"; 4869} 4870.uk-icon-toggle-right:before, 4871.uk-icon-caret-square-o-right:before { 4872 content: "\f152"; 4873} 4874.uk-icon-euro:before, 4875.uk-icon-eur:before { 4876 content: "\f153"; 4877} 4878.uk-icon-gbp:before { 4879 content: "\f154"; 4880} 4881.uk-icon-dollar:before, 4882.uk-icon-usd:before { 4883 content: "\f155"; 4884} 4885.uk-icon-rupee:before, 4886.uk-icon-inr:before { 4887 content: "\f156"; 4888} 4889.uk-icon-cny:before, 4890.uk-icon-rmb:before, 4891.uk-icon-yen:before, 4892.uk-icon-jpy:before { 4893 content: "\f157"; 4894} 4895.uk-icon-ruble:before, 4896.uk-icon-rouble:before, 4897.uk-icon-rub:before { 4898 content: "\f158"; 4899} 4900.uk-icon-won:before, 4901.uk-icon-krw:before { 4902 content: "\f159"; 4903} 4904.uk-icon-bitcoin:before, 4905.uk-icon-btc:before { 4906 content: "\f15a"; 4907} 4908.uk-icon-file:before { 4909 content: "\f15b"; 4910} 4911.uk-icon-file-text:before { 4912 content: "\f15c"; 4913} 4914.uk-icon-sort-alpha-asc:before { 4915 content: "\f15d"; 4916} 4917.uk-icon-sort-alpha-desc:before { 4918 content: "\f15e"; 4919} 4920.uk-icon-sort-amount-asc:before { 4921 content: "\f160"; 4922} 4923.uk-icon-sort-amount-desc:before { 4924 content: "\f161"; 4925} 4926.uk-icon-sort-numeric-asc:before { 4927 content: "\f162"; 4928} 4929.uk-icon-sort-numeric-desc:before { 4930 content: "\f163"; 4931} 4932.uk-icon-thumbs-up:before { 4933 content: "\f164"; 4934} 4935.uk-icon-thumbs-down:before { 4936 content: "\f165"; 4937} 4938.uk-icon-youtube-square:before { 4939 content: "\f166"; 4940} 4941.uk-icon-youtube:before { 4942 content: "\f167"; 4943} 4944.uk-icon-xing:before { 4945 content: "\f168"; 4946} 4947.uk-icon-xing-square:before { 4948 content: "\f169"; 4949} 4950.uk-icon-youtube-play:before { 4951 content: "\f16a"; 4952} 4953.uk-icon-dropbox:before { 4954 content: "\f16b"; 4955} 4956.uk-icon-stack-overflow:before { 4957 content: "\f16c"; 4958} 4959.uk-icon-instagram:before { 4960 content: "\f16d"; 4961} 4962.uk-icon-flickr:before { 4963 content: "\f16e"; 4964} 4965.uk-icon-adn:before { 4966 content: "\f170"; 4967} 4968.uk-icon-bitbucket:before { 4969 content: "\f171"; 4970} 4971.uk-icon-bitbucket-square:before { 4972 content: "\f172"; 4973} 4974.uk-icon-tumblr:before { 4975 content: "\f173"; 4976} 4977.uk-icon-tumblr-square:before { 4978 content: "\f174"; 4979} 4980.uk-icon-long-arrow-down:before { 4981 content: "\f175"; 4982} 4983.uk-icon-long-arrow-up:before { 4984 content: "\f176"; 4985} 4986.uk-icon-long-arrow-left:before { 4987 content: "\f177"; 4988} 4989.uk-icon-long-arrow-right:before { 4990 content: "\f178"; 4991} 4992.uk-icon-apple:before { 4993 content: "\f179"; 4994} 4995.uk-icon-windows:before { 4996 content: "\f17a"; 4997} 4998.uk-icon-android:before { 4999 content: "\f17b"; 5000} 5001.uk-icon-linux:before { 5002 content: "\f17c"; 5003} 5004.uk-icon-dribbble:before { 5005 content: "\f17d"; 5006} 5007.uk-icon-skype:before { 5008 content: "\f17e"; 5009} 5010.uk-icon-foursquare:before { 5011 content: "\f180"; 5012} 5013.uk-icon-trello:before { 5014 content: "\f181"; 5015} 5016.uk-icon-female:before { 5017 content: "\f182"; 5018} 5019.uk-icon-male:before { 5020 content: "\f183"; 5021} 5022.uk-icon-gittip:before, 5023.uk-icon-gratipay:before { 5024 content: "\f184"; 5025} 5026.uk-icon-sun-o:before { 5027 content: "\f185"; 5028} 5029.uk-icon-moon-o:before { 5030 content: "\f186"; 5031} 5032.uk-icon-archive:before { 5033 content: "\f187"; 5034} 5035.uk-icon-bug:before { 5036 content: "\f188"; 5037} 5038.uk-icon-vk:before { 5039 content: "\f189"; 5040} 5041.uk-icon-weibo:before { 5042 content: "\f18a"; 5043} 5044.uk-icon-renren:before { 5045 content: "\f18b"; 5046} 5047.uk-icon-pagelines:before { 5048 content: "\f18c"; 5049} 5050.uk-icon-stack-exchange:before { 5051 content: "\f18d"; 5052} 5053.uk-icon-arrow-circle-o-right:before { 5054 content: "\f18e"; 5055} 5056.uk-icon-arrow-circle-o-left:before { 5057 content: "\f190"; 5058} 5059.uk-icon-toggle-left:before, 5060.uk-icon-caret-square-o-left:before { 5061 content: "\f191"; 5062} 5063.uk-icon-dot-circle-o:before { 5064 content: "\f192"; 5065} 5066.uk-icon-wheelchair:before { 5067 content: "\f193"; 5068} 5069.uk-icon-vimeo-square:before { 5070 content: "\f194"; 5071} 5072.uk-icon-turkish-lira:before, 5073.uk-icon-try:before { 5074 content: "\f195"; 5075} 5076.uk-icon-plus-square-o:before { 5077 content: "\f196"; 5078} 5079.uk-icon-space-shuttle:before { 5080 content: "\f197"; 5081} 5082.uk-icon-slack:before { 5083 content: "\f198"; 5084}
5085.uk-icon-envelope-square:before { 5086 content: "\f199"; 5087} 5088.uk-icon-wordpress:before { 5089 content: "\f19a"; 5090} 5091.uk-icon-openid:before { 5092 content: "\f19b"; 5093} 5094.uk-icon-institution:before, 5095.uk-icon-bank:before, 5096.uk-icon-university:before { 5097 content: "\f19c"; 5098} 5099.uk-icon-mortar-board:before, 5100.uk-icon-graduation-cap:before { 5101 content: "\f19d"; 5102} 5103.uk-icon-yahoo:before { 5104 content: "\f19e"; 5105} 5106.uk-icon-google:before { 5107 content: "\f1a0"; 5108} 5109.uk-icon-reddit:before { 5110 content: "\f1a1"; 5111} 5112.uk-icon-reddit-square:before { 5113 content: "\f1a2"; 5114} 5115.uk-icon-stumbleupon-circle:before { 5116 content: "\f1a3"; 5117} 5118.uk-icon-stumbleupon:before { 5119 content: "\f1a4"; 5120} 5121.uk-icon-delicious:before { 5122 content: "\f1a5"; 5123} 5124.uk-icon-digg:before { 5125 content: "\f1a6"; 5126} 5127.uk-icon-pied-piper:before { 5128 content: "\f1a7"; 5129} 5130.uk-icon-pied-piper-alt:before { 5131 content: "\f1a8"; 5132} 5133.uk-icon-drupal:before { 5134 content: "\f1a9"; 5135} 5136.uk-icon-joomla:before { 5137 content: "\f1aa"; 5138} 5139.uk-icon-language:before { 5140 content: "\f1ab"; 5141} 5142.uk-icon-fax:before { 5143 content: "\f1ac"; 5144} 5145.uk-icon-building:before { 5146 content: "\f1ad"; 5147} 5148.uk-icon-child:before { 5149 content: "\f1ae"; 5150} 5151.uk-icon-paw:before { 5152 content: "\f1b0"; 5153} 5154.uk-icon-spoon:before { 5155 content: "\f1b1"; 5156} 5157.uk-icon-cube:before { 5158 content: "\f1b2"; 5159} 5160.uk-icon-cubes:before { 5161 content: "\f1b3"; 5162} 5163.uk-icon-behance:before { 5164 content: "\f1b4"; 5165} 5166.uk-icon-behance-square:before { 5167 content: "\f1b5"; 5168} 5169.uk-icon-steam:before { 5170 content: "\f1b6"; 5171} 5172.uk-icon-steam-square:before { 5173 content: "\f1b7"; 5174} 5175.uk-icon-recycle:before { 5176 content: "\f1b8"; 5177} 5178.uk-icon-automobile:before, 5179.uk-icon-car:before { 5180 content: "\f1b9"; 5181} 5182.uk-icon-cab:before, 5183.uk-icon-taxi:before { 5184 content: "\f1ba"; 5185} 5186.uk-icon-tree:before { 5187 content: "\f1bb"; 5188} 5189.uk-icon-spotify:before { 5190 content: "\f1bc"; 5191} 5192.uk-icon-deviantart:before { 5193 content: "\f1bd"; 5194} 5195.uk-icon-soundcloud:before { 5196 content: "\f1be"; 5197} 5198.uk-icon-database:before { 5199 content: "\f1c0"; 5200} 5201.uk-icon-file-pdf-o:before { 5202 content: "\f1c1"; 5203} 5204.uk-icon-file-word-o:before { 5205 content: "\f1c2"; 5206} 5207.uk-icon-file-excel-o:before { 5208 content: "\f1c3"; 5209} 5210.uk-icon-file-powerpoint-o:before { 5211 content: "\f1c4"; 5212} 5213.uk-icon-file-photo-o:before, 5214.uk-icon-file-picture-o:before, 5215.uk-icon-file-image-o:before { 5216 content: "\f1c5"; 5217} 5218.uk-icon-file-zip-o:before, 5219.uk-icon-file-archive-o:before { 5220 content: "\f1c6"; 5221} 5222.uk-icon-file-sound-o:before, 5223.uk-icon-file-audio-o:before { 5224 content: "\f1c7"; 5225} 5226.uk-icon-file-movie-o:before, 5227.uk-icon-file-video-o:before { 5228 content: "\f1c8"; 5229} 5230.uk-icon-file-code-o:before { 5231 content: "\f1c9"; 5232} 5233.uk-icon-vine:before { 5234 content: "\f1ca"; 5235} 5236.uk-icon-codepen:before { 5237 content: "\f1cb"; 5238} 5239.uk-icon-jsfiddle:before { 5240 content: "\f1cc"; 5241} 5242.uk-icon-life-bouy:before, 5243.uk-icon-life-buoy:before, 5244.uk-icon-life-saver:before, 5245.uk-icon-support:before, 5246.uk-icon-life-ring:before { 5247 content: "\f1cd"; 5248} 5249.uk-icon-circle-o-notch:before { 5250 content: "\f1ce"; 5251} 5252.uk-icon-ra:before, 5253.uk-icon-rebel:before { 5254 content: "\f1d0"; 5255} 5256.uk-icon-ge:before, 5257.uk-icon-empire:before { 5258 content: "\f1d1"; 5259} 5260.uk-icon-git-square:before { 5261 content: "\f1d2"; 5262} 5263.uk-icon-git:before { 5264 content: "\f1d3"; 5265} 5266.uk-icon-hacker-news:before { 5267 content: "\f1d4"; 5268} 5269.uk-icon-tencent-weibo:before { 5270 content: "\f1d5"; 5271} 5272.uk-icon-qq:before { 5273 content: "\f1d6"; 5274} 5275.uk-icon-wechat:before, 5276.uk-icon-weixin:before { 5277 content: "\f1d7"; 5278} 5279.uk-icon-send:before, 5280.uk-icon-paper-plane:before { 5281 content: "\f1d8"; 5282} 5283.uk-icon-send-o:before, 5284.uk-icon-paper-plane-o:before { 5285 content: "\f1d9"; 5286} 5287.uk-icon-history:before { 5288 content: "\f1da"; 5289} 5290.uk-icon-genderless:before, 5291.uk-icon-circle-thin:before { 5292 content: "\f1db"; 5293} 5294.uk-icon-header:before { 5295 content: "\f1dc"; 5296} 5297.uk-icon-paragraph:before { 5298 content: "\f1dd"; 5299} 5300.uk-icon-sliders:before { 5301 content: "\f1de"; 5302} 5303.uk-icon-share-alt:before { 5304 content: "\f1e0"; 5305} 5306.uk-icon-share-alt-square:before { 5307 content: "\f1e1"; 5308} 5309.uk-icon-bomb:before { 5310 content: "\f1e2"; 5311} 5312.uk-icon-soccer-ball-o:before, 5313.uk-icon-futbol-o:before { 5314 content: "\f1e3"; 5315} 5316.uk-icon-tty:before { 5317 content: "\f1e4"; 5318} 5319.uk-icon-binoculars:before { 5320 content: "\f1e5"; 5321} 5322.uk-icon-plug:before { 5323 content: "\f1e6"; 5324} 5325.uk-icon-slideshare:before { 5326 content: "\f1e7"; 5327} 5328.uk-icon-twitch:before { 5329 content: "\f1e8"; 5330} 5331.uk-icon-yelp:before { 5332 content: "\f1e9"; 5333} 5334.uk-icon-newspaper-o:before { 5335 content: "\f1ea"; 5336} 5337.uk-icon-wifi:before { 5338 content: "\f1eb"; 5339} 5340.uk-icon-calculator:before { 5341 content: "\f1ec"; 5342} 5343.uk-icon-paypal:before { 5344 content: "\f1ed"; 5345} 5346.uk-icon-google-wallet:before { 5347 content: "\f1ee"; 5348} 5349.uk-icon-cc-visa:before { 5350 content: "\f1f0"; 5351} 5352.uk-icon-cc-mastercard:before { 5353 content: "\f1f1"; 5354} 5355.uk-icon-cc-discover:before { 5356 content: "\f1f2"; 5357} 5358.uk-icon-cc-amex:before { 5359 content: "\f1f3"; 5360} 5361.uk-icon-cc-paypal:before { 5362 content: "\f1f4"; 5363} 5364.uk-icon-cc-stripe:before { 5365 content: "\f1f5"; 5366} 5367.uk-icon-bell-slash:before { 5368 content: "\f1f6"; 5369} 5370.uk-icon-bell-slash-o:before { 5371 content: "\f1f7"; 5372} 5373.uk-icon-trash:before { 5374 content: "\f1f8"; 5375} 5376.uk-icon-copyright:before { 5377 content: "\f1f9"; 5378} 5379.uk-icon-at:before { 5380 content: "\f1fa"; 5381} 5382.uk-icon-eyedropper:before { 5383 content: "\f1fb"; 5384} 5385.uk-icon-paint-brush:before { 5386 content: "\f1fc"; 5387} 5388.uk-icon-birthday-cake:before { 5389 content: "\f1fd"; 5390} 5391.uk-icon-area-chart:before { 5392 content: "\f1fe"; 5393} 5394.uk-icon-pie-chart:before { 5395 content: "\f200"; 5396} 5397.uk-icon-line-chart:before { 5398 content: "\f201"; 5399} 5400.uk-icon-lastfm:before { 5401 content: "\f202"; 5402} 5403.uk-icon-lastfm-square:before { 5404 content: "\f203"; 5405} 5406.uk-icon-toggle-off:before { 5407 content: "\f204"; 5408} 5409.uk-icon-toggle-on:before { 5410 content: "\f205"; 5411} 5412.uk-icon-bicycle:before { 5413 content: "\f206"; 5414} 5415.uk-icon-bus:before { 5416 content: "\f207"; 5417} 5418.uk-icon-ioxhost:before { 5419 content: "\f208"; 5420} 5421.uk-icon-angellist:before { 5422 content: "\f209"; 5423} 5424.uk-icon-cc:before { 5425 content: "\f20a"; 5426} 5427.uk-icon-shekel:before, 5428.uk-icon-sheqel:before, 5429.uk-icon-ils:before { 5430 content: "\f20b"; 5431} 5432.uk-icon-meanpath:before { 5433 content: "\f20c"; 5434} 5435.uk-icon-buysellads:before { 5436 content: "\f20d"; 5437} 5438.uk-icon-connectdevelop:before { 5439 content: "\f20e"; 5440} 5441.uk-icon-dashcube:before { 5442 content: "\f210"; 5443} 5444.uk-icon-forumbee:before { 5445 content: "\f211"; 5446} 5447.uk-icon-leanpub:before { 5448 content: "\f212"; 5449} 5450.uk-icon-sellsy:before { 5451 content: "\f213"; 5452} 5453.uk-icon-shirtsinbulk:before { 5454 content: "\f214"; 5455} 5456.uk-icon-simplybuilt:before { 5457 content: "\f215"; 5458} 5459.uk-icon-skyatlas:before { 5460 content: "\f216"; 5461} 5462.uk-icon-cart-plus:before { 5463 content: "\f217"; 5464} 5465.uk-icon-cart-arrow-down:before { 5466 content: "\f218"; 5467} 5468.uk-icon-diamond:before { 5469 content: "\f219"; 5470} 5471.uk-icon-ship:before { 5472 content: "\f21a"; 5473} 5474.uk-icon-user-secret:before { 5475 content: "\f21b"; 5476} 5477.uk-icon-motorcycle:before { 5478 content: "\f21c"; 5479}
5480.uk-icon-street-view:before { 5481 content: "\f21d"; 5482} 5483.uk-icon-heartbeat:before { 5484 content: "\f21e"; 5485} 5486.uk-icon-venus:before { 5487 content: "\f221"; 5488} 5489.uk-icon-mars:before { 5490 content: "\f222"; 5491} 5492.uk-icon-mercury:before { 5493 content: "\f223"; 5494} 5495.uk-icon-transgender:before { 5496 content: "\f224"; 5497} 5498.uk-icon-transgender-alt:before { 5499 content: "\f225"; 5500} 5501.uk-icon-venus-double:before { 5502 content: "\f226"; 5503} 5504.uk-icon-mars-double:before { 5505 content: "\f227"; 5506} 5507.uk-icon-venus-mars:before { 5508 content: "\f228"; 5509} 5510.uk-icon-mars-stroke:before { 5511 content: "\f229"; 5512} 5513.uk-icon-mars-stroke-v:before { 5514 content: "\f22a"; 5515} 5516.uk-icon-mars-stroke-h:before { 5517 content: "\f22b"; 5518} 5519.uk-icon-neuter:before { 5520 content: "\f22c"; 5521} 5522.uk-icon-facebook-official:before { 5523 content: "\f230"; 5524} 5525.uk-icon-pinterest-p:before { 5526 content: "\f231"; 5527} 5528.uk-icon-whatsapp:before { 5529 content: "\f232"; 5530} 5531.uk-icon-server:before { 5532 content: "\f233"; 5533} 5534.uk-icon-user-plus:before { 5535 content: "\f234"; 5536} 5537.uk-icon-user-times:before { 5538 content: "\f235"; 5539} 5540.uk-icon-hotel:before, 5541.uk-icon-bed:before { 5542 content: "\f236"; 5543} 5544.uk-icon-viacoin:before { 5545 content: "\f237"; 5546} 5547.uk-icon-train:before { 5548 content: "\f238"; 5549} 5550.uk-icon-subway:before { 5551 content: "\f239"; 5552} 5553.uk-icon-medium-logo:before { 5554 content: "\f23a"; 5555} 5556.uk-icon-500px:before { 5557 content: "\f26e"; 5558} 5559.uk-icon-amazon:before { 5560 content: "\f270"; 5561} 5562.uk-icon-balance-scale:before { 5563 content: "\f24e"; 5564} 5565.uk-icon-battery-empty:before, 5566.uk-icon-battery-0:before { 5567 content: "\f244"; 5568} 5569.uk-icon-battery-quarter:before, 5570.uk-icon-battery-1:before { 5571 content: "\f243"; 5572} 5573.uk-icon-battery-half:before, 5574.uk-icon-battery-2:before { 5575 content: "\f242"; 5576} 5577.uk-icon-battery-three-quarters:before, 5578.uk-icon-battery-3:before { 5579 content: "\f241"; 5580} 5581.uk-icon-battery-full:before, 5582.uk-icon-battery-4:before { 5583 content: "\f240"; 5584} 5585.uk-icon-black-tie:before { 5586 content: "\f27e"; 5587} 5588.uk-icon-calendar-check-o:before { 5589 content: "\f274"; 5590} 5591.uk-icon-calendar-minus-o:before { 5592 content: "\f272"; 5593} 5594.uk-icon-calendar-plus-o:before { 5595 content: "\f271"; 5596} 5597.uk-icon-calendar-times-o:before { 5598 content: "\f273"; 5599} 5600.uk-icon-cc-diners-club:before { 5601 content: "\f24c"; 5602} 5603.uk-icon-cc-jcb:before { 5604 content: "\f24b"; 5605} 5606.uk-icon-chrome:before { 5607 content: "\f268"; 5608} 5609.uk-icon-clone:before { 5610 content: "\f24d"; 5611} 5612.uk-icon-commenting:before { 5613 content: "\f27a"; 5614} 5615.uk-icon-commenting-o:before { 5616 content: "\f27b"; 5617} 5618.uk-icon-contao:before { 5619 content: "\f26d"; 5620} 5621.uk-icon-creative-commons:before { 5622 content: "\f25e"; 5623} 5624.uk-icon-expeditedssl:before { 5625 content: "\f23e"; 5626} 5627.uk-icon-firefox:before { 5628 content: "\f269"; 5629} 5630.uk-icon-fonticons:before { 5631 content: "\f280"; 5632} 5633.uk-icon-get-pocket:before { 5634 content: "\f265"; 5635} 5636.uk-icon-gg:before { 5637 content: "\f260"; 5638} 5639.uk-icon-gg-circle:before { 5640 content: "\f261"; 5641} 5642.uk-icon-hand-lizard-o:before { 5643 content: "\f258"; 5644} 5645.uk-icon-hand-stop-o:before, 5646.uk-icon-hand-paper-o:before { 5647 content: "\f256"; 5648} 5649.uk-icon-hand-peace-o:before { 5650 content: "\f25b"; 5651} 5652.uk-icon-hand-pointer-o:before { 5653 content: "\f25a"; 5654} 5655.uk-icon-hand-grab-o:before, 5656.uk-icon-hand-rock-o:before { 5657 content: "\f255"; 5658} 5659.uk-icon-hand-scissors-o:before { 5660 content: "\f257"; 5661} 5662.uk-icon-hand-spock-o:before { 5663 content: "\f259"; 5664} 5665.uk-icon-hourglass:before { 5666 content: "\f254"; 5667} 5668.uk-icon-hourglass-o:before { 5669 content: "\f250"; 5670} 5671.uk-icon-hourglass-1:before, 5672.uk-icon-hourglass-start:before { 5673 content: "\f251"; 5674} 5675.uk-icon-hourglass-2:before, 5676.uk-icon-hourglass-half:before { 5677 content: "\f252"; 5678} 5679.uk-icon-hourglass-3:before, 5680.uk-icon-hourglass-end:before { 5681 content: "\f253"; 5682} 5683.uk-icon-houzz:before { 5684 content: "\f27c"; 5685} 5686.uk-icon-i-cursor:before { 5687 content: "\f246"; 5688} 5689.uk-icon-industry:before { 5690 content: "\f275"; 5691} 5692.uk-icon-internet-explorer:before { 5693 content: "\f26b"; 5694} 5695.uk-icon-map:before { 5696 content: "\f279"; 5697} 5698.uk-icon-map-o:before { 5699 content: "\f278"; 5700} 5701.uk-icon-map-pin:before { 5702 content: "\f276"; 5703} 5704.uk-icon-map-signs:before { 5705 content: "\f277"; 5706} 5707.uk-icon-mouse-pointer:before { 5708 content: "\f245"; 5709} 5710.uk-icon-object-group:before { 5711 content: "\f247"; 5712} 5713.uk-icon-object-ungroup:before { 5714 content: "\f248"; 5715} 5716.uk-icon-odnoklassniki:before { 5717 content: "\f263"; 5718} 5719.uk-icon-odnoklassniki-square:before { 5720 content: "\f264"; 5721} 5722.uk-icon-opencart:before { 5723 content: "\f23d"; 5724} 5725.uk-icon-opera:before { 5726 content: "\f26a"; 5727} 5728.uk-icon-optin-monster:before { 5729 content: "\f23c"; 5730} 5731.uk-icon-registered:before { 5732 content: "\f25d"; 5733} 5734.uk-icon-safari:before { 5735 content: "\f267"; 5736} 5737.uk-icon-sticky-note:before { 5738 content: "\f249"; 5739} 5740.uk-icon-sticky-note-o:before { 5741 content: "\f24a"; 5742} 5743.uk-icon-tv:before, 5744.uk-icon-television:before { 5745 content: "\f26c"; 5746} 5747.uk-icon-trademark:before { 5748 content: "\f25c"; 5749} 5750.uk-icon-tripadvisor:before { 5751 content: "\f262"; 5752} 5753.uk-icon-vimeo:before { 5754 content: "\f27d"; 5755} 5756.uk-icon-wikipedia-w:before { 5757 content: "\f266"; 5758} 5759.uk-icon-yc:before, 5760.uk-icon-y-combinator:before { 5761 content: "\f23b"; 5762} 5763.uk-icon-yc-square:before, 5764.uk-icon-y-combinator-square:before { 5765 content: "\f1d4"; 5766} 5767.uk-icon-bluetooth:before { 5768 content: "\f293"; 5769} 5770.uk-icon-bluetooth-b:before { 5771 content: "\f294"; 5772} 5773.uk-icon-codiepie:before { 5774 content: "\f284"; 5775} 5776.uk-icon-credit-card-alt:before { 5777 content: "\f283"; 5778} 5779.uk-icon-edge:before { 5780 content: "\f282"; 5781} 5782.uk-icon-fort-awesome:before { 5783 content: "\f286"; 5784} 5785.uk-icon-hashtag:before { 5786 content: "\f292"; 5787} 5788.uk-icon-mixcloud:before { 5789 content: "\f289"; 5790} 5791.uk-icon-modx:before { 5792 content: "\f285"; 5793} 5794.uk-icon-pause-circle:before { 5795 content: "\f28b"; 5796} 5797.uk-icon-pause-circle-o:before { 5798 content: "\f28c"; 5799} 5800.uk-icon-percent:before { 5801 content: "\f295"; 5802} 5803.uk-icon-product-hunt:before { 5804 content: "\f288"; 5805} 5806.uk-icon-reddit-alien:before { 5807 content: "\f281"; 5808} 5809.uk-icon-scribd:before { 5810 content: "\f28a"; 5811} 5812.uk-icon-shopping-bag:before { 5813 content: "\f290"; 5814} 5815.uk-icon-shopping-basket:before { 5816 content: "\f291"; 5817} 5818.uk-icon-stop-circle:before { 5819 content: "\f28d"; 5820} 5821.uk-icon-stop-circle-o:before { 5822 content: "\f28e"; 5823} 5824.uk-icon-usb:before { 5825 content: "\f287"; 5826} 5827.uk-icon-american-sign-language-interpreting:before, 5828.uk-icon-asl-interpreting:before { 5829 content: "\f2a3"; 5830} 5831.uk-icon-assistive-listening-systems:before { 5832 content: "\f2a2"; 5833} 5834.uk-icon-audio-description:before { 5835 content: "\f29e"; 5836} 5837.uk-icon-blind:before { 5838 content: "\f29d"; 5839} 5840.uk-icon-braille:before { 5841 content: "\f2a1"; 5842} 5843.uk-icon-deaf:before, 5844.uk-icon-deafness:before { 5845 content: "\f2a4"; 5846}
5847.uk-icon-envira:before { 5848 content: "\f299"; 5849} 5850.uk-icon-font-awesome:before, 5851.uk-icon-fa:before { 5852 content: "\f2b4"; 5853} 5854.uk-icon-first-order:before { 5855 content: "\f2b0"; 5856} 5857.uk-icon-gitlab:before { 5858 content: "\f296"; 5859} 5860.uk-icon-glide:before { 5861 content: "\f2a5"; 5862} 5863.uk-icon-glide-g:before { 5864 content: "\f2a6"; 5865} 5866.uk-icon-hard-of-hearing:before { 5867 content: "\f2a4"; 5868} 5869.uk-icon-low-vision:before { 5870 content: "\f2a8"; 5871} 5872.uk-icon-question-circle-o:before { 5873 content: "\f29c"; 5874} 5875.uk-icon-sign-language:before, 5876.uk-icon-signing:before { 5877 content: "\f2a7"; 5878} 5879.uk-icon-snapchat:before { 5880 content: "\f2ab"; 5881} 5882.uk-icon-snapchat-ghost:before { 5883 content: "\f2ac"; 5884} 5885.uk-icon-snapchat-square:before { 5886 content: "\f2ad"; 5887} 5888.uk-icon-themeisle:before { 5889 content: "\f2b2"; 5890} 5891.uk-icon-universal-access:before { 5892 content: "\f29a"; 5893} 5894.uk-icon-viadeo:before { 5895 content: "\f2a9"; 5896} 5897.uk-icon-viadeo-square:before { 5898 content: "\f2aa"; 5899} 5900.uk-icon-volume-control-phone:before { 5901 content: "\f2a0"; 5902} 5903.uk-icon-wheelchair-alt:before { 5904 content: "\f29b"; 5905} 5906.uk-icon-wpbeginner:before { 5907 content: "\f297"; 5908} 5909.uk-icon-wpforms:before { 5910 content: "\f298"; 5911} 5912.uk-icon-yoast:before { 5913 content: "\f2b1"; 5914} 5915/* ======================================================================== 5916 Component: Close 5917 ========================================================================== */ 5918/* 5919 * Removes inner padding and border in Firefox 4+. 5920 */ 5921.uk-close::-moz-focus-inner { 5922 border: 0; 5923 padding: 0; 5924} 5925/* 5926 * 1. Correct inability to style clickable `input` types in iOS. 5927 * 2. Remove margins in Chrome, Safari and Opera. 5928 * 3. Remove borders for `button`. 5929 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. 5930 * 5. Correct `font` properties and `color` not being inherited for `button`. 5931 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE 5932 * 7. Remove default `button` padding and background color 5933 * 8. Style 5934 */ 5935.uk-close { 5936 /* 1 */ 5937 -webkit-appearance: none; 5938 /* 2 */ 5939 margin: 0; 5940 /* 3 */ 5941 border: none; 5942 /* 4 */ 5943 overflow: visible; 5944 /* 5 */ 5945 font: inherit; 5946 color: inherit; 5947 /* 6 */ 5948 text-transform: none; 5949 /* 7. */ 5950 padding: 0; 5951 background: transparent; 5952 /* 8 */ 5953 display: inline-block; 5954 box-sizing: content-box; 5955 width: 20px; 5956 line-height: 20px; 5957 text-align: center; 5958 vertical-align: middle; 5959 opacity: 0.3; 5960} 5961/* Icon */ 5962.uk-close:after { 5963 display: block; 5964 content: "\f00d"; 5965 font-family: FontAwesome; 5966} 5967/* 5968 * Hover 5969 * 1. Apply hover style also to focus state 5970 * 2. Remove default focus style 5971 * 3. Required for `a` elements 5972 */ 5973.uk-close:hover, 5974.uk-close:focus { 5975 opacity: 0.5; 5976 /* 2 */ 5977 outline: none; 5978 /* 3 */ 5979 color: inherit; 5980 text-decoration: none; 5981 cursor: pointer; 5982} 5983/* Modifier 5984 ========================================================================== */ 5985.uk-close-alt { 5986 padding: 2px; 5987 border-radius: 50%; 5988 background: white; 5989 opacity: 1; 5990} 5991/* Hover */ 5992.uk-close-alt:hover, 5993.uk-close-alt:focus { 5994 opacity: 1; 5995} 5996/* Icon */ 5997.uk-close-alt:after { 5998 opacity: 0.5; 5999} 6000.uk-close-alt:hover:after, 6001.uk-close-alt:focus:after { 6002 opacity: 0.8; 6003} 6004/* ======================================================================== 6005 Component: Badge 6006 ========================================================================== */ 6007.uk-badge { 6008 display: inline-block; 6009 padding: 0 5px; 6010 background: #00a8e6; 6011 font-size: 10px; 6012 font-weight: bold; 6013 line-height: 14px; 6014 color: #fff; 6015 text-align: center; 6016 vertical-align: middle; 6017 text-transform: none; 6018} 6019/* 6020 * Keep color when badge is a link 6021 */ 6022a.uk-badge:hover {
6023 color: #fff; 6024} 6025/* Modifier: `uk-badge-notification`; 6026 ========================================================================== */ 6027.uk-badge-notification { 6028 box-sizing: border-box; 6029 min-width: 18px; 6030 border-radius: 500px; 6031 font-size: 12px; 6032 line-height: 18px; 6033} 6034/* Color modifier 6035 ========================================================================== */ 6036/* 6037 * Modifier: `uk-badge-success` 6038 */ 6039.uk-badge-success { 6040 background-color: #8cc14c; 6041} 6042/* 6043 * Modifier: `uk-badge-warning` 6044 */ 6045.uk-badge-warning { 6046 background-color: #faa732; 6047} 6048/* 6049 * Modifier: `uk-badge-danger` 6050 */ 6051.uk-badge-danger { 6052 background-color: #da314b; 6053} 6054/* ======================================================================== 6055 Component: Alert 6056 ========================================================================== */ 6057.uk-alert { 6058 margin-bottom: 15px; 6059 padding: 10px; 6060 background: #ebf7fd; 6061 color: #2d7091; 6062} 6063/* 6064 * Add margin if adjacent element 6065 */ 6066* + .uk-alert { 6067 margin-top: 15px; 6068} 6069/* 6070 * Remove margin from the last-child 6071 */ 6072.uk-alert > :last-child { 6073 margin-bottom: 0; 6074} 6075/* 6076 * Keep color for headings if the default heading color is changed 6077 */ 6078.uk-alert h1, 6079.uk-alert h2, 6080.uk-alert h3, 6081.uk-alert h4, 6082.uk-alert h5, 6083.uk-alert h6 { 6084 color: inherit; 6085} 6086/* Close in alert 6087 ========================================================================== */ 6088.uk-alert > .uk-close:first-child { 6089 float: right; 6090} 6091/* 6092 * Remove margin from adjacent element 6093 */ 6094.uk-alert > .uk-close:first-child + * { 6095 margin-top: 0; 6096} 6097/* Modifier: `uk-alert-success` 6098 ========================================================================== */ 6099.uk-alert-success { 6100 background: #f2fae3; 6101 color: #659f13; 6102} 6103/* Modifier: `uk-alert-warning` 6104 ========================================================================== */ 6105.uk-alert-warning { 6106 background: #fffceb; 6107 color: #e28327; 6108} 6109/* Modifier: `uk-alert-danger` 6110 ========================================================================== */ 6111.uk-alert-danger { 6112 background: #fff1f0; 6113 color: #d85030; 6114} 6115/* Modifier: `uk-alert-large` 6116 ========================================================================== */ 6117.uk-alert-large { 6118 padding: 20px; 6119} 6120.uk-alert-large > .uk-close:first-child { 6121 margin: -10px -10px 0 0; 6122} 6123/* ======================================================================== 6124 Component: Thumbnail 6125 ========================================================================== */ 6126/* 6127 * 1. Container width fits its content 6128 * 2. Responsive behavior 6129 * 3. Corrects `max-width` behavior sed 6130 * 4. Required for `figure` element 6131 * 5. Style 6132 */ 6133.uk-thumbnail { 6134 /* 1 */ 6135 display: inline-block; 6136 /* 2 */ 6137 max-width: 100%; 6138 /* 3 */ 6139 box-sizing: border-box; 6140 /* 3 */ 6141 margin: 0; 6142 /* 4 */ 6143 padding: 4px; 6144 border: 1px solid #ddd; 6145 background: #fff; 6146} 6147/* 6148 * Hover state for `a` elements 6149 * 1. Apply hover style also to focus state 6150 * 2. Needed for caption 6151 * 3. Remove default focus style 6152 */ 6153a.uk-thumbnail:hover, 6154a.uk-thumbnail:focus { 6155 border-color: #aaa; 6156 background-color: #fff; 6157 /* 2 */ 6158 text-decoration: none; 6159 /* 3 */ 6160 outline: none; 6161} 6162/* Caption 6163 ========================================================================== */ 6164.uk-thumbnail-caption { 6165 padding-top: 4px; 6166 text-align: center; 6167 color: #444; 6168} 6169/* Sizes 6170 ========================================================================== */ 6171.uk-thumbnail-mini { 6172 width: 150px; 6173} 6174.uk-thumbnail-small { 6175 width: 200px; 6176} 6177.uk-thumbnail-medium { 6178 width: 300px; 6179} 6180.uk-thumbnail-large { 6181 width: 400px; 6182} 6183.uk-thumbnail-expand, 6184.uk-thumbnail-expand > img { 6185 width: 100%; 6186} 6187/* ======================================================================== 6188 Component: Overlay 6189 ========================================================================== */ 6190/* 6191 * 1. Container width fits its content 6192 * 2. Create position context 6193 * 3. Set max-width for responsive images to prevent `inline-block` consequences 6194 * 4. Remove the gap between the container and its child element 6195 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome 6196 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit 6197 * 7. Reset margin 6198 */ 6199.uk-overlay { 6200 /* 1 */ 6201 display: inline-block; 6202 /* 2 */ 6203 position: relative; 6204 /* 3 */ 6205 max-width: 100%; 6206 /* 4 */ 6207 vertical-align: middle; 6208 /* 5 */ 6209 overflow: hidden; 6210 /* 6 */ 6211 -webkit-transform: translateZ(0); 6212 /* 7 */ 6213 margin: 0; 6214} 6215/* 6 for Safari */ 6216.uk-overlay.uk-border-circle { 6217 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 6218} 6219/* 6220 * Remove margin from content 6221 */ 6222.uk-overlay > :first-child { 6223 margin-bottom: 0; 6224} 6225/* Sub-object `uk-overlay-panel` 6226 ========================================================================== */ 6227/* 6228 * 1. Position cover 6229 * 2. Style 6230 */ 6231.uk-overlay-panel { 6232 /* 1 */ 6233 position: absolute; 6234 top: 0; 6235 bottom: 0; 6236 left: 0; 6237 right: 0; 6238 /* 2 */ 6239 padding: 20px; 6240 color: #fff; 6241} 6242/* 6243 * Remove margin from the last-child 6244 */ 6245.uk-overlay-panel >
6245 :last-child, 6246.uk-overlay-panel.uk-flex > * > :last-child { 6247 margin-bottom: 0; 6248} 6249/* 6250 * Keep color for headings if the default heading color is changed 6251 */ 6252.uk-overlay-panel h1, 6253.uk-overlay-panel h2, 6254.uk-overlay-panel h3, 6255.uk-overlay-panel h4, 6256.uk-overlay-panel h5, 6257.uk-overlay-panel h6 { 6258 color: inherit; 6259} 6260.uk-overlay-panel a:not([class]) { 6261 color: inherit; 6262 text-decoration: underline; 6263} 6264.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { 6265 color: inherit; 6266} 6267/* Sub-object `uk-overlay-hover` and `uk-overlay-active` 6268 ========================================================================== */ 6269.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { 6270 opacity: 0; 6271} 6272.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { 6273 opacity: 0; 6274} 6275/* Modifier `uk-overlay-background` 6276 ========================================================================== */ 6277.uk-overlay-background { 6278 background: rgba(0, 0, 0, 0.5); 6279} 6280/* Modifier `uk-overlay-image` 6281 ========================================================================== */ 6282/* 6283 * Reset panel 6284 */ 6285.uk-overlay-image { 6286 padding: 0; 6287} 6288/* Position modifiers 6289 ========================================================================== */ 6290.uk-overlay-top { 6291 bottom: auto; 6292} 6293.uk-overlay-bottom { 6294 top: auto; 6295} 6296.uk-overlay-left { 6297 right: auto; 6298} 6299.uk-overlay-right { 6300 left: auto; 6301} 6302/* Sub-object `uk-overlay-icon` 6303 ========================================================================== */ 6304.uk-overlay-icon:before { 6305 content: "\f002"; 6306 position: absolute; 6307 top: 50%; 6308 left: 50%; 6309 width: 50px; 6310 height: 50px; 6311 margin-top: -25px; 6312 margin-left: -25px; 6313 font-size: 50px; 6314 line-height: 1; 6315 font-family: FontAwesome; 6316 text-align: center; 6317 color: #fff; 6318} 6319/* Transitions 6320 ========================================================================== */ 6321.uk-overlay-fade, 6322.uk-overlay-scale, 6323.uk-overlay-spin, 6324.uk-overlay-grayscale, 6325.uk-overlay-blur, 6326[class*='uk-overlay-slide'] { 6327 transition-duration: 0.3s; 6328 transition-timing-function: ease-out; 6329 transition-property: opacity, transform, filter; 6330} 6331.uk-overlay-active .uk-overlay-fade, 6332.uk-overlay-active .uk-overlay-scale, 6333.uk-overlay-active .uk-overlay-spin, 6334.uk-overlay-active [class*='uk-overlay-slide'] { 6335 transition-duration: 0.8s; 6336} 6337/* 6338 * Fade 6339 */ 6340.uk-overlay-fade { 6341 opacity: 0.7; 6342} 6343.uk-overlay-hover:hover .uk-overlay-fade, 6344.uk-overlay-hover.uk-hover .uk-overlay-fade, 6345.uk-overlay-active .uk-active > .uk-overlay-fade { 6346 opacity: 1; 6347} 6348/* 6349 * Scale 6350 */ 6351.uk-overlay-scale { 6352 -webkit-transform: scale(1); 6353 transform: scale(1); 6354} 6355.uk-overlay-hover:hover .uk-overlay-scale, 6356.uk-overlay-hover.uk-hover .uk-overlay-scale, 6357.uk-overlay-active .uk-active > .uk-overlay-scale { 6358 -webkit-transform: scale(1.1); 6359 transform: scale(1.1); 6360} 6361/* 6362 * Spin 6363 */ 6364.uk-overlay-spin { 6365 -webkit-transform: scale(1) rotate(0deg); 6366 transform: scale(1) rotate(0deg); 6367} 6368.uk-overlay-hover:hover .uk-overlay-spin, 6369.uk-overlay-hover.uk-hover .uk-overlay-spin, 6370.uk-overlay-active .uk-active > .uk-overlay-spin { 6371 -webkit-transform: scale(1.1) rotate(3deg); 6372 transform: scale(1.1) rotate(3deg); 6373} 6374/* 6375 * Grayscale 6376 */ 6377.uk-overlay-grayscale { 6378 -webkit-filter: grayscale(100%); 6379 filter: grayscale(100%); 6380} 6381.uk-overlay-hover:hover .uk-overlay-grayscale, 6382.uk-overlay-hover.uk-hover .uk-overlay-grayscale, 6383.uk-overlay-active .uk-active > .uk-overlay-grayscale { 6384 -webkit-filter: grayscale(0%); 6385 filter: grayscale(0%); 6386} 6387/* 6388 * Slide 6389 */ 6390[class*='uk-overlay-slide'] { 6391 opacity: 0; 6392} 6393/* Top */ 6394.uk-overlay-slide-top { 6395 -webkit-transform: translateY(-100%); 6396 transform: translateY(-100%); 6397} 6398/* Bottom */ 6399.uk-overlay-slide-bottom { 6400 -webkit-transform: translateY(100%); 6401 transform: translateY(100%); 6402} 6403/* Left */ 6404.uk-overlay-slide-left { 6405 -webkit-transform: translateX(-100%); 6406 transform: translateX(-100%); 6407} 6408/* Right */ 6409.uk-overlay-slide-right { 6410 -webkit-transform: translateX(100%); 6411 transform: translateX(100%); 6412} 6413/* Hover */ 6414.uk-overlay-hover:hover [class*='uk-overlay-slide'], 6415.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'], 6416.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] { 6417 opacity: 1; 6418 -webkit-transform: translateX(0) translateY(0); 6419 transform: translateX(0) translateY(0); 6420} 6421/* DEPRECATED 6422 * Sub-object `uk-overlay-area` 6423 ========================================================================== */ 6424/* 6425 * 1. Set position 6426 * 2. Set style 6427 * 3. Fade-in transition 6428 */ 6429.uk-overlay-area { 6430 /* 1 */ 6431 position: absolute; 6432 top: 0; 6433 bottom: 0; 6434 left: 0; 6435 right: 0; 6436 /* 2 */ 6437 background: rgba(0, 0, 0, 0.3); 6438 /* 3 */ 6439 opacity: 0; 6440 -webkit-transition: opacity 0.15s linear; 6441 transition: opacity 0.15s linear; 6442 -webkit-transform: translate3d(0, 0, 0); 6443} 6444/* 6445 * Hover
6446 * 1. `uk-hover` to support touch devices 6447 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier 6448 */ 6449.uk-overlay:hover .uk-overlay-area, 6450.uk-overlay.uk-hover .uk-overlay-area, 6451.uk-overlay-toggle:hover .uk-overlay-area, 6452.uk-overlay-toggle.uk-hover .uk-overlay-area { 6453 opacity: 1; 6454} 6455/* 6456 * Icon 6457 */ 6458.uk-overlay-area:empty:before { 6459 content: "\f002"; 6460 position: absolute; 6461 top: 50%; 6462 left: 50%; 6463 width: 50px; 6464 height: 50px; 6465 margin-top: -25px; 6466 margin-left: -25px; 6467 font-size: 50px; 6468 line-height: 1; 6469 font-family: FontAwesome; 6470 text-align: center; 6471 color: #fff; 6472} 6473/* DEPRECATED 6474 * Sub-object `uk-overlay-area-content` 6475 ========================================================================== */ 6476/* 6477 * Remove whitespace between child elements when using `inline-block` 6478 * Needed for Firefox 6479 */ 6480.uk-overlay-area:not(:empty) { 6481 font-size: 0.001px; 6482} 6483/* 6484 * 1. Needed for vertical alignment 6485 */ 6486.uk-overlay-area:not(:empty):before { 6487 content: ''; 6488 display: inline-block; 6489 height: 100%; 6490 vertical-align: middle; 6491} 6492/* 6493 * 1. Set vertical alignment 6494 * 2. Reset whitespace hack 6495 * 3. Set horizontal alignment 6496 * 4. Set style 6497 */ 6498.uk-overlay-area-content { 6499 /* 1 */ 6500 display: inline-block; 6501 box-sizing: border-box; 6502 width: 100%; 6503 vertical-align: middle; 6504 /* 2 */ 6505 font-size: 1rem; 6506 /* 3 */ 6507 text-align: center; 6508 /* 4 */ 6509 padding: 0 15px; 6510 color: #fff; 6511} 6512/* 6513 * Remove margin from the last-child 6514 */ 6515.uk-overlay-area-content > :last-child { 6516 margin-bottom: 0; 6517} 6518/* 6519 * Links in overlay area 6520 */ 6521.uk-overlay-area-content a:not([class]), 6522.uk-overlay-area-content a:not([class]):hover { 6523 color: inherit; 6524} 6525/* DEPRECATED 6526 * Sub-object `uk-overlay-caption` 6527 ========================================================================== */ 6528/* 6529 * 1. Set position 6530 * 2. Set style 6531 * 3. Fade-in transition 6532 */ 6533.uk-overlay-caption { 6534 /* 1 */ 6535 position: absolute; 6536 bottom: 0; 6537 left: 0; 6538 right: 0; 6539 /* 2 */ 6540 padding: 15px; 6541 background: rgba(0, 0, 0, 0.5); 6542 color: #fff; 6543 /* 3 */ 6544 opacity: 0; 6545 -webkit-transition: opacity 0.15s linear; 6546 transition: opacity 0.15s linear; 6547 -webkit-transform: translate3d(0, 0, 0); 6548} 6549/* 6550 * Hover 6551 * 1. `uk-hover` to support touch devices 6552 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier 6553 */ 6554.uk-overlay:hover .uk-overlay-caption, 6555.uk-overlay.uk-hover .uk-overlay-caption, 6556.uk-overlay-toggle:hover .uk-overlay-caption, 6557.uk-overlay-toggle.uk-hover .uk-overlay-caption { 6558 opacity: 1; 6559} 6560/* ======================================================================== 6561 Component: Column 6562 ========================================================================== */ 6563[class*='uk-column-'] { 6564 -webkit-column-gap: 25px; 6565 -moz-column-gap: 25px; 6566 column-gap: 25px; 6567} 6568/* Width modifiers 6569 ========================================================================== */ 6570.uk-column-1-2 { 6571 -webkit-column-count: 2; 6572 -moz-column-count: 2; 6573 column-count: 2; 6574} 6575.uk-column-1-3 { 6576 -webkit-column-count: 3; 6577 -moz-column-count: 3; 6578 column-count: 3; 6579} 6580.uk-column-1-4 { 6581 -webkit-column-count: 4; 6582 -moz-column-count: 4; 6583 column-count: 4; 6584} 6585.uk-column-1-5 { 6586 -webkit-column-count: 5; 6587 -moz-column-count: 5; 6588 column-count: 5; 6589} 6590.uk-column-1-6 { 6591 -webkit-column-count: 6; 6592 -moz-column-count: 6; 6593 column-count: 6; 6594} 6595/* Phone landscape and bigger */ 6596@media (min-width: 640px) { 6597 .uk-column-small-1-2 { 6598 -webkit-column-count: 2; 6599 -moz-column-count: 2; 6600 column-count: 2; 6601 } 6602 .uk-column-small-1-3 { 6603 -webkit-column-count: 3; 6604 -moz-column-count: 3; 6605 column-count: 3; 6606 } 6607 .uk-column-small-1-4 { 6608 -webkit-column-count: 4; 6609 -moz-column-count: 4; 6610 column-count: 4; 6611 } 6612 .uk-column-small-1-5 { 6613 -webkit-column-count: 5; 6614 -moz-column-count: 5; 6615 column-count: 5; 6616 } 6617 .uk-column-small-1-6 { 6618 -webkit-column-count: 6; 6619 -moz-column-count: 6; 6620 column-count: 6; 6621 } 6622} 6623/* Tablet and bigger */ 6624@media (min-width: 960px) { 6625 .uk-column-medium-1-2 { 6626 -webkit-column-count: 2; 6627 -moz-column-count: 2; 6628 column-count: 2; 6629 } 6630 .uk-column-medium-1-3 { 6631 -webkit-column-count: 3; 6632 -moz-column-count: 3; 6633 column-count: 3; 6634 } 6635 .uk-column-medium-1-4 { 6636 -webkit-column-count: 4; 6637 -moz-column-count: 4; 6638 column-count: 4; 6639 } 6640 .uk-column-medium-1-5 { 6641 -webkit-column-count: 5; 6642 -moz-column-count: 5; 6643 column-count: 5; 6644 } 6645 .uk-column-medium-1-6 { 6646 -webkit-column-count: 6; 6647 -moz-column-count: 6; 6648 column-count: 6; 6649 } 6650} 6651/* Desktop and bigger */ 6652@media (min-width: 1200px) { 6653 .uk-column-large-1-2 { 6654 -webkit-column-count: 2; 6655 -moz-column-count: 2; 6656 column-count: 2; 6657 } 6658 .uk-column-large-1-3 { 6659 -webkit-column-count: 3; 6660 -moz-column-count: 3; 6661 column-count: 3; 6662 } 6663 .uk-column-large-1-4 { 6664 -webkit-column-count: 4; 6665 -moz-column-count: 4; 6666 column-count: 4; 6667 } 6668 .uk-column-large-1-5 { 6669 -webkit-column-count: 5; 6670 -moz-column-count: 5; 6671 column-count: 5; 6672 } 6673 .uk-column-large-1-6 { 6674 -webkit-column-count: 6; 6675 -moz-column-count: 6; 6676 column-count: 6; 6677 } 6678} 6679/* Large screen and bigger */ 6680@media (min-width: 1600px) { 6681 .uk-column-xlarge-1-2 { 6682 -webkit-column-count: 2; 6683 -moz-column-count: 2; 6684 column-count: 2; 6685 } 6686 .uk-column-xlarge-1-3 { 6687 -webkit-column-count: 3; 6688 -moz-column-count: 3; 6689 column-count: 3; 6690 } 6691 .uk-column-xlarge-1-4 { 6692 -webkit-column-count: 4; 6693 -moz-column-count: 4; 6694 column-count: 4; 6695 } 6696 .uk-column-xlarge-1-5 { 6697 -webkit-column-count: 5; 6698 -moz-column-count: 5; 6699 column-count: 5; 6700 } 6701 .uk-column-xlarge-1-6 { 6702 -webkit-column-count: 6; 6703 -moz-column-count: 6; 6704 column-count: 6; 6705 } 6706} 6707/* ======================================================================== 6708 Component: Animation 6709 ========================================================================== */ 6710[class*='uk-animation-'] { 6711 -webkit-animation-duration: 0.5s; 6712 animation-duration: 0.5s; 6713 -webkit-animation-timing-function: ease-out; 6714 animation-timing-function: ease-out; 6715 -webkit-animation-fill-mode: both; 6716 animation-fill-mode: both; 6717} 6718/* Hide animated element if scrollspy is used */ 6719@media screen { 6720 [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { 6721 opacity: 0; 6722 } 6723} 6724/* 6725 * Fade 6726 * Higher specificity (!important) needed because of reverse modifier 6727 */ 6728.uk-animation-fade { 6729 -webkit-animation-name: uk-fade; 6730 animation-name: uk-fade; 6731 -webkit-animation-duration: 0.8s; 6732 animation-duration: 0.8s; 6733 -webkit-animation-timing-function: linear !important; 6734 animation-timing-function: linear !important; 6735} 6736/* 6737 * Fade with scale 6738 */ 6739.uk-animation-scale-up { 6740 -webkit-animation-name: uk-fade-scale-02; 6741 animation-name: uk-fade-scale-02; 6742} 6743.uk-animation-scale-down { 6744 -webkit-animation-name: uk-fade-scale-18; 6745 animation-name: uk-fade-scale-18; 6746} 6747/* 6748 * Fade with slide 6749 */
6750.uk-animation-slide-top { 6751 -webkit-animation-name: uk-fade-top; 6752 animation-name: uk-fade-top; 6753} 6754.uk-animation-slide-bottom { 6755 -webkit-animation-name: uk-fade-bottom; 6756 animation-name: uk-fade-bottom; 6757} 6758.uk-animation-slide-left { 6759 -webkit-animation-name: uk-fade-left; 6760 animation-name: uk-fade-left; 6761} 6762.uk-animation-slide-right { 6763 -webkit-animation-name: uk-fade-right; 6764 animation-name: uk-fade-right; 6765} 6766/* 6767 * Scale 6768 */ 6769.uk-animation-scale { 6770 -webkit-animation-name: uk-scale-12; 6771 animation-name: uk-scale-12; 6772} 6773/* 6774 * Shake 6775 */ 6776.uk-animation-shake { 6777 -webkit-animation-name: uk-shake; 6778 animation-name: uk-shake; 6779} 6780/* Direction modifiers 6781 ========================================================================== */ 6782.uk-animation-reverse { 6783 -webkit-animation-direction: reverse; 6784 animation-direction: reverse; 6785 -webkit-animation-timing-function: ease-in; 6786 animation-timing-function: ease-in; 6787} 6788/* Duration modifiers 6789========================================================================== */ 6790.uk-animation-15 { 6791 -webkit-animation-duration: 15s; 6792 animation-duration: 15s; 6793} 6794/* Origin modifiers 6795========================================================================== */ 6796.uk-animation-top-left { 6797 -webkit-transform-origin: 0 0; 6798 transform-origin: 0 0; 6799} 6800.uk-animation-top-center { 6801 -webkit-transform-origin: 50% 0; 6802 transform-origin: 50% 0; 6803} 6804.uk-animation-top-right { 6805 -webkit-transform-origin: 100% 0; 6806 transform-origin: 100% 0; 6807} 6808.uk-animation-middle-left { 6809 -webkit-transform-origin: 0 50%; 6810 transform-origin: 0 50%; 6811} 6812.uk-animation-middle-right { 6813 -webkit-transform-origin: 100% 50%; 6814 transform-origin: 100% 50%; 6815} 6816.uk-animation-bottom-left { 6817 -webkit-transform-origin: 0 100%; 6818 transform-origin: 0 100%; 6819} 6820.uk-animation-bottom-center { 6821 -webkit-transform-origin: 50% 100%; 6822 transform-origin: 50% 100%; 6823} 6824.uk-animation-bottom-right { 6825 -webkit-transform-origin: 100% 100%; 6826 transform-origin: 100% 100%; 6827} 6828/* Sub-object: `uk-animation-hover` 6829========================================================================== */ 6830/* 6831 * Enable animation only on hover 6832 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` 6833 */ 6834.uk-animation-hover:not(:hover), 6835.uk-animation-hover:not(:hover) [class*='uk-animation-'], 6836.uk-touch .uk-animation-hover:not(.uk-hover), 6837.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] { 6838 -webkit-animation-name: none; 6839 animation-name: none; 6840} 6841/* Keyframes: Fade 6842 * Used by dropdown, datepicker and slideshow component 6843 ========================================================================== */ 6844@-webkit-keyframes uk-fade { 6845 0% { 6846 opacity: 0; 6847 } 6848 100% { 6849 opacity: 1; 6850 } 6851} 6852@keyframes uk-fade { 6853 0% { 6854 opacity: 0; 6855 } 6856 100% { 6857 opacity: 1; 6858 } 6859} 6860/* Keyframes: Fade with slide 6861 ========================================================================== */ 6862/* 6863 * Top 6864 */ 6865@-webkit-keyframes uk-fade-top { 6866 0% { 6867 opacity: 0; 6868 -webkit-transform: translateY(-100%); 6869 } 6870 100% { 6871 opacity: 1; 6872 -webkit-transform: translateY(0); 6873 } 6874} 6875@keyframes uk-fade-top { 6876 0% { 6877 opacity: 0; 6878 transform: translateY(-100%); 6879 } 6880 100% { 6881 opacity: 1; 6882 transform: translateY(0); 6883 } 6884} 6885/* 6886 * Bottom 6887 */ 6888@-webkit-keyframes uk-fade-bottom { 6889 0% { 6890 opacity: 0; 6891 -webkit-transform: translateY(100%); 6892 } 6893 100% { 6894 opacity: 1; 6895 -webkit-transform: translateY(0); 6896 } 6897} 6898@keyframes uk-fade-bottom { 6899 0% { 6900 opacity: 0; 6901 transform: translateY(100%); 6902 } 6903 100% { 6904 opacity: 1; 6905 transform: translateY(0); 6906 } 6907} 6908/* 6909 * Left 6910 */ 6911@-webkit-keyframes uk-fade-left { 6912 0% { 6913 opacity: 0; 6914 -webkit-transform: translateX(-100%); 6915 } 6916 100% { 6917 opacity: 1; 6918 -webkit-transform: translateX(0); 6919 } 6920} 6921@keyframes uk-fade-left { 6922 0% { 6923 opacity: 0; 6924 transform: translateX(-100%); 6925 } 6926 100% { 6927 opacity: 1; 6928 transform: translateX(0); 6929 } 6930} 6931/* 6932 * Right 6933 */ 6934@-webkit-keyframes uk-fade-right { 6935 0% { 6936 opacity: 0; 6937 -webkit-transform: translateX(100%); 6938 } 6939 100% { 6940 opacity: 1; 6941 -webkit-transform: translateX(0); 6942 } 6943} 6944@keyframes uk-fade-right { 6945 0% { 6946 opacity: 0; 6947 transform: translateX(100%); 6948 } 6949 100% { 6950 opacity: 1; 6951 transform: translateX(0); 6952 } 6953} 6954/* Keyframes: Fade with scale 6955 ========================================================================== */ 6956/* 6957 * Scale by 0.2 6958 */ 6959@-webkit-keyframes uk-fade-scale-02 { 6960 0% { 6961 opacity: 0; 6962 -webkit-transform: scale(0.2); 6963 } 6964 100% { 6965 opacity: 1; 6966 -webkit-transform: scale(1); 6967 } 6968} 6969@keyframes uk-fade-scale-02 { 6970 0% { 6971 opacity: 0; 6972 transform: scale(0.2); 6973 } 6974 100% { 6975 opacity: 1; 6976 transform: scale(1); 6977 } 6978} 6979/* 6980 * Scale by 1.5 6981 * Used by slideshow component 6982 */ 6983@-webkit-keyframes uk-fade-scale-15 { 6984 0% { 6985 opacity: 0; 6986 -webkit-transform: scale(1.5); 6987 } 6988 100% { 6989 opacity: 1; 6990 -webkit-transform: scale(1); 6991 } 6992} 6993@keyframes uk-fade-scale-15 { 6994 0% { 6995 opacity: 0; 6996 transform: scale(1.5); 6997 } 6998 100% { 6999 opacity: 1; 7000 transform: scale(1); 7001 } 7002} 7003/* 7004 * Scale by 1.8 7005 */ 7006@-webkit-keyframes uk-fade-scale-18 { 7007 0% { 7008 opacity: 0; 7009 -webkit-transform: scale(1.8); 7010 } 7011 100% { 7012 opacity: 1; 7013 -webkit-transform: scale(1); 7014 } 7015} 7016@keyframes uk-fade-scale-18 { 7017 0% { 7018 opacity: 0; 7019 transform: scale(1.8); 7020 } 7021 100% { 7022 opacity: 1; 7023 transform: scale(1); 7024 } 7025} 7026/* Keyframes: Slide 7027 * Used by slideshow component 7028 ========================================================================== */ 7029/* 7030 * Left 7031 */ 7032@-webkit-keyframes uk-slide-left { 7033 0% { 7034 -webkit-transform: translateX(-100%); 7035 } 7036 100% { 7037 -webkit-transform: translateX(0); 7038 } 7039} 7040@keyframes uk-slide-left { 7041 0% { 7042 transform: translateX(-100%); 7043 } 7044 100% { 7045 transform: translateX(0); 7046 } 7047} 7048/* 7049 * Right 7050 */ 7051@-webkit-keyframes uk-slide-right { 7052 0% { 7053 -webkit-transform: translateX(100%); 7054 } 7055 100% { 7056 -webkit-transform: translateX(0); 7057 } 7058} 7059@keyframes uk-slide-right { 7060 0% { 7061 transform: translateX(100%); 7062 } 7063 100% { 7064 transform: translateX(0); 7065 } 7066} 7067/* 7068 * Left third 7069 */ 7070@-webkit-keyframes uk-slide-left-33 { 7071 0% { 7072 -webkit-transform: translateX(33%); 7073 } 7074 100% { 7075 -webkit-transform: translateX(0); 7076 } 7077} 7078@keyframes uk-slide-left-33 { 7079 0% { 7080 transform: translateX(33%); 7081 } 7082 100% { 7083 transform: translateX(0); 7084 } 7085} 7086/* 7087 * Right third 7088 */ 7089@-webkit-keyframes uk-slide-right-33 { 7090 0% { 7091 -webkit-transform: translateX(-33%); 7092 } 7093 100% { 7094 -webkit-transform: translateX(0); 7095 } 7096} 7097@keyframes uk-slide-right-33 { 7098 0% { 7099 transform: translateX(-33%); 7100 } 7101 100% { 7102 transform: translateX(0); 7103 } 7104} 7105/* Keyframes: Scale 7106 ========================================================================== */ 7107@-webkit-keyframes uk-scale-12 { 7108 0% { 7109 -webkit-transform: scale(1.2); 7110 } 7111 100% { 7112 -webkit-transform: scale(1); 7113 } 7114} 7115@keyframes uk-scale-12 { 7116 0% { 7117 transform: scale(1.2); 7118 } 7119 100% { 7120 transform: scale(1); 7121 } 7122} 7123/* Keyframes: Rotate 7124 * Used by icon component 7125 ========================================================================== */ 7126@-webkit-keyframes uk-rotate { 7127 0% { 7128 -webkit-transform: rotate(0deg); 7129 } 7130 100% { 7131 -webkit-transform: rotate(359deg); 7132 } 7133} 7134@keyframes uk-rotate { 7135 0% { 7136 transform: rotate(0deg); 7137 } 7138 100% { 7139 transform: rotate(359deg); 7140 } 7141} 7142/* Keyframes: Shake 7143 ========================================================================== */ 7144@-webkit-keyframes uk-shake { 7145 0%, 7146 100% { 7147 -webkit-transform: translateX(0); 7148 } 7149 10% { 7150 -webkit-transform: translateX(-9px); 7151 } 7152 20% { 7153 -webkit-transform: translateX(8px); 7154 } 7155 30% { 7156 -webkit-transform: translateX(-7px); 7157 } 7158 40% { 7159 -webkit-transform: translateX(6px); 7160 } 7161 50% { 7162 -webkit-transform: translateX(-5px); 7163 } 7164 60% { 7165 -webkit-transform: translateX(4px); 7166 } 7167 70% { 7168 -webkit-transform: translateX(-3px); 7169 } 7170 80% { 7171 -webkit-transform: translateX(2px); 7172 } 7173 90% { 7174 -webkit-transform: translateX(-1px); 7175 } 7176} 7177@keyframes uk-shake { 7178 0%, 7179 100% { 7180 transform: translateX(0); 7181 } 7182 10% { 7183 transform: translateX(-9px); 7184 } 7185 20% { 7186 transform: translateX(8px); 7187 } 7188 30% { 7189 transform: translateX(-7px); 7190 } 7191 40% { 7192 transform: translateX(6px); 7193 } 7194 50% { 7195 transform: translateX(-5px); 7196 } 7197 60% { 7198 transform: translateX(4px); 7199 } 7200 70% { 7201 transform: translateX(-3px); 7202 } 7203 80% { 7204 transform: translateX(2px); 7205 } 7206 90% { 7207 transform: translateX(-1px); 7208 } 7209} 7210/* Keyframes: Fade with slide fixed 7211 * Used by dropdown and search component 7212 ========================================================================== */ 7213/* 7214 * Top fixed 7215 */ 7216@-webkit-keyframes uk-slide-top-fixed { 7217 0% { 7218 opacity: 0; 7219 -webkit-transform: translateY(-10px); 7220 } 7221 100% { 7222 opacity: 1; 7223 -webkit-transform: translateY(0); 7224 } 7225} 7226@keyframes uk-slide-top-fixed { 7227 0% { 7228 opacity: 0; 7229 transform: translateY(-10px); 7230 } 7231 100% { 7232 opacity: 1; 7233 transform: translateY(0); 7234 } 7235} 7236/* 7237 * Bottom fixed 7238 */ 7239@-webkit-keyframes uk-slide-bottom-fixed { 7240 0% { 7241 opacity: 0; 7242 -webkit-transform: translateY(10px); 7243 } 7244 100% { 7245 opacity: 1; 7246 -webkit-transform: translateY(0); 7247 } 7248} 7249@keyframes uk-slide-bottom-fixed { 7250 0% { 7251 opacity: 0; 7252 transform: translateY(10px); 7253 } 7254 100% { 7255 opacity: 1; 7256 transform: translateY(0); 7257 } 7258} 7259/* ======================================================================== 7260 Component: Dropdown 7261 ========================================================================== */ 7262/* 7263 * 1. Hide by default 7264 * 2. Set position 7265 * 3. Box-sizing is needed for `uk-dropdown-justify` 7266 * 4. Set width 7267 */ 7268.uk-dropdown, 7269.uk-dropdown-blank { 7270 /* 1 */ 7271 display: none; 7272 /* 2 */ 7273 position: absolute; 7274 z-index: 970; 7275 /* 3 */ 7276 box-sizing: border-box; 7277 /* 4 */ 7278 width: 200px; 7279} 7280/* 7281 * Dropdown style 7282 * 1. Reset button group whitespace hack 7283 */ 7284.uk-dropdown { 7285 padding: 15px; 7286 background: #f5f5f5; 7287 color: #444; 7288 /* 1 */ 7289 font-size: 1rem; 7290 vertical-align: top; 7291} 7292/* Focus */ 7293.uk-dropdown:focus { 7294 outline: none; 7295} 7296/* 7297 * 1. Show dropdown 7298 * 2. Set animation 7299 * 3. Needed for scale animation 7300 */ 7301.uk-open > .uk-dropdown, 7302.uk-open > .uk-dropdown-blank { 7303 /* 1 */ 7304 display: block; 7305 /* 2 */ 7306 -webkit-animation: uk-fade 0.2s ease-in-out; 7307 animation: uk-fade 0.2s ease-in-out; 7308 /* 3 */ 7309 -webkit-transform-origin: 0 0; 7310 transform-origin: 0 0; 7311} 7312/* Alignment modifiers 7313 ========================================================================== */ 7314/* 7315 * Modifier 7316 */ 7317.uk-dropdown-top { 7318 margin-top: -5px; 7319} 7320.uk-dropdown-bottom { 7321 margin-top: 5px; 7322} 7323.uk-dropdown-left { 7324 margin-left: -5px; 7325} 7326.uk-dropdown-right { 7327 margin-left: 5px; 7328} 7329/* Nav in dropdown 7330 ========================================================================== */ 7331.uk-dropdown .uk-nav { 7332 margin: 0 -15px; 7333} 7334/* Grid and panel in dropdown 7335 ========================================================================== */ 7336/* 7337* Vertical gutter 7338*/ 7339/* 7340 * Grid 7341 * Higher specificity to override large gutter 7342 */ 7343.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { 7344 margin-top: 15px; 7345} 7346/* Panels */ 7347.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { 7348 margin-top: 15px; 7349} 7350/* Tablet and bigger */ 7351@media (min-width: 960px) { 7352 /* 7353 * Horizontal gutter 7354 */ 7355 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { 7356 margin-left: -15px; 7357 margin-right: -15px; 7358 } 7359 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { 7360 padding-left: 15px; 7361 padding-right: 15px; 7362 } 7363 /*
7364 * Column divider 7365 */ 7366 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7367 border-left: 1px solid #ddd; 7368 } 7369 /* 7370 * Width multiplier for dropdown columns 7371 */ 7372 .uk-dropdown-width-2:not(.uk-dropdown-stack) { 7373 width: 400px; 7374 } 7375 .uk-dropdown-width-3:not(.uk-dropdown-stack) { 7376 width: 600px; 7377 } 7378 .uk-dropdown-width-4:not(.uk-dropdown-stack) { 7379 width: 800px; 7380 } 7381 .uk-dropdown-width-5:not(.uk-dropdown-stack) { 7382 width: 1000px; 7383 } 7384} 7385/* Phone landscape and smaller */ 7386@media (max-width: 959px) { 7387 /* 7388 * Stack columns and take full width 7389 */ 7390 .uk-dropdown-grid > [class*='uk-width-'] { 7391 width: 100%; 7392 } 7393 /* 7394 * Vertical gutter 7395 */ 7396 .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7397 margin-top: 15px; 7398 } 7399} 7400/* 7401* Stack grid columns 7402*/ 7403.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { 7404 width: 100%; 7405} 7406.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 7407 margin-top: 15px; 7408} 7409/* Modifier `uk-dropdown-small` 7410 ========================================================================== */ 7411/* 7412 * Set min-width and text expands dropdown if needed 7413 */ 7414.uk-dropdown-small { 7415 min-width: 150px; 7416 width: auto; 7417 padding: 5px; 7418 white-space: nowrap; 7419} 7420/* 7421 * Nav in dropdown 7422 */ 7423.uk-dropdown-small .uk-nav { 7424 margin: 0 -5px; 7425} 7426/* Modifier: `uk-dropdown-navbar` 7427 ========================================================================== */ 7428.uk-dropdown-navbar { 7429 margin-top: 0; 7430 background: #f5f5f5; 7431 color: #444; 7432} 7433.uk-open > .uk-dropdown-navbar { 7434 -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; 7435 animation: uk-slide-top-fixed 0.2s ease-in-out; 7436} 7437/* Modifier `uk-dropdown-scrollable` 7438 ========================================================================== */ 7439/* 7440 * Usefull for long lists 7441 */ 7442.uk-dropdown-scrollable { 7443 overflow-y: auto; 7444 max-height: 200px; 7445} 7446/* Sub-object: `uk-dropdown-overlay` 7447 ========================================================================== */ 7448/* ======================================================================== 7449 Component: Modal 7450 ========================================================================== */ 7451/* 7452 * This is the modal overlay and modal dialog container 7453 * 1. Hide by default 7454 * 2. Set fixed position 7455 * 3. Allow scrolling for the modal dialog 7456 * 4. Mask the background page 7457 * 5. Fade-in transition 7458 * 6. Deactivate browser history navigation in IE11 7459 * 7. force hardware acceleration to prevent browser rendering hiccups 7460 */ 7461.uk-modal { 7462 /* 1 */ 7463 display: none; 7464 /* 2 */ 7465 position: fixed; 7466 top: 0; 7467 right: 0; 7468 bottom: 0; 7469 left: 0; 7470 z-index: 1010; 7471 /* 3 */ 7472 overflow-y: auto; 7473 -webkit-overflow-scrolling: touch; 7474 /* 4 */ 7475 background: rgba(0, 0, 0, 0.6); 7476 /* 5 */ 7477 opacity: 0; 7478 -webkit-transition: opacity 0.15s linear; 7479 transition: opacity 0.15s linear; 7480 /* 6 */ 7481 touch-action: cross-slide-y pinch-zoom double-tap-zoom; 7482 /* 7 */ 7483 -webkit-transform: translateZ(0); 7484 transform: translateZ(0); 7485} 7486/* 7487 * Open state 7488 */ 7489.uk-modal.uk-open { 7490 opacity: 1; 7491} 7492/* 7493 * Prevents duplicated scrollbar caused by 4. 7494 */ 7495.uk-modal-page, 7496.uk-modal-page body { 7497 overflow: hidden; 7498} 7499/* Sub-object: `uk-modal-dialog` 7500 ========================================================================== */ 7501/* 7502 * 1. Create position context for caption, spinner and close button 7503 * 2. Set box sizing 7504 * 3. Set style 7505 * 4. Slide-in transition 7506 */ 7507.uk-modal-dialog { 7508 /* 1 */ 7509 position: relative; 7510 /* 2 */ 7511 box-sizing: border-box; 7512 margin: 50px auto; 7513 padding: 20px; 7514 width: 600px; 7515 max-width: 100%; 7516 max-width: calc(100% - 20px); 7517 /* 3 */ 7518 background: #fff; 7519 /* 4 */ 7520 opacity: 0; 7521 -webkit-transform: translateY(-100px); 7522 transform: translateY(-100px); 7523 -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; 7524 transition: opacity 0.3s linear, transform 0.3s ease-out; 7525} 7526/* Phone landscape and smaller */ 7527@media (max-width: 959px) { 7528 /* 7529 * Fit in small screen 7530 */ 7531 .uk-modal-dialog { 7532 width: auto; 7533 margin: 10px auto; 7534 } 7535} 7536/* 7537 * Open state 7538 */ 7539.uk-open .uk-modal-dialog { 7540 /* 4 */ 7541 opacity: 1; 7542 -webkit-transform: translateY(0); 7543 transform: translateY(0); 7544} 7545/* 7546 * Remove margin from the last-child 7547 */ 7548.uk-modal-dialog > :not([class*='uk-modal-']):last-child { 7549 margin-bottom: 0; 7550} 7551/* Close in modal 7552 ========================================================================== */ 7553.uk-modal-dialog > .uk-close:first-child { 7554 margin: -10px -10px 0 0; 7555 float: right; 7556} 7557/* 7558 * Remove margin from adjacent element 7559 */ 7560.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { 7561 margin-top: 0; 7562} 7563/* Modifier: `uk-modal-dialog-lightbox` 7564 ========================================================================== */ 7565.uk-modal-dialog-lightbox { 7566 margin: 15px auto; 7567 padding: 0; 7568 max-width: 95%; 7569 max-width: calc(100% - 30px); 7570 min-height: 50px; 7571} 7572/* 7573 * Close button 7574 */ 7575.uk-modal-dialog-lightbox > .uk-close:first-child { 7576 position: absolute; 7577 top: -12px; 7578 right: -12px; 7579 margin: 0; 7580 float: none; 7581} 7582/* Phone landscape and smaller */ 7583@media (max-width: 959px) { 7584 .uk-modal-dialog-lightbox > .uk-close:first-child { 7585 top: -7px; 7586 right: -7px; 7587 } 7588} 7589/* Modifier: `uk-modal-dialog-blank` 7590 ========================================================================== */ 7591.uk-modal-dialog-blank { 7592 margin: 0; 7593 padding: 0; 7594 width: 100%; 7595 max-width: 100%; 7596 -webkit-transition: opacity 0.3s linear; 7597 transition: opacity 0.3s linear; 7598} 7599/* 7600* Close button 7601*/ 7602.uk-modal-dialog-blank > .uk-close:first-child { 7603 position: absolute; 7604 top: 20px; 7605 right: 20px; 7606 z-index: 1; 7607 margin: 0; 7608 float: none; 7609} 7610/* Modifier: `uk-modal-dialog-large` 7611 ========================================================================== */ 7612/* Tablet and bigger */ 7613@media (min-width: 960px) { 7614 .uk-modal-dialog-large { 7615 width: 930px; 7616 } 7617} 7618/* Large screen and bigger */ 7619@media (min-width: 1600px) { 7620 .uk-modal-dialog-large { 7621 width: 1130px; 7622 } 7623} 7624/* Sub-Object: `uk-modal-header` and `uk-modal-footer` 7625 ========================================================================== */ 7626.uk-modal-header { 7627 margin-bottom: 15px; 7628} 7629.uk-modal-footer { 7630 margin-top: 15px; 7631} 7632/* 7633 * Remove margin from the last-child 7634 */ 7635.uk-modal-header > :last-child, 7636.uk-modal-footer > :last-child { 7637 margin-bottom: 0; 7638} 7639/* Sub-Object: `uk-modal-caption` 7640 ========================================================================== */ 7641.uk-modal-caption { 7642 position: absolute; 7643 left: 0; 7644 right: 0; 7645 bottom: -20px; 7646 margin-bottom: -10px; 7647 color: #ffffff; 7648 text-align: center; 7649 overflow: hidden; 7650 text-overflow: ellipsis; 7651 white-space: nowrap; 7652} 7653/* Sub-Object: `uk-modal-spinner` 7654 ========================================================================== */ 7655.uk-modal-spinner { 7656 position: absolute; 7657 top: 50%; 7658 left: 50%; 7659 -webkit-transform: translate(-50%, -50%); 7660 transform: translate(-50%, -50%); 7661 font-size: 25px; 7662 color: #ddd; 7663} 7664.uk-modal-spinner:after {
7665 content: "\f110"; 7666 display: block; 7667 font-family: FontAwesome; 7668 -webkit-animation: uk-rotate 2s infinite linear; 7669 animation: uk-rotate 2s infinite linear; 7670} 7671/* ======================================================================== 7672 Component: Off-canvas 7673 ========================================================================== */ 7674/* 7675 * This is the offcanvas overlay and bar container 7676 * 1. Hide by default 7677 * 2. Set fixed position 7678 * 3. Deactivate browser touch actions in IE11 7679 * 4. Mask the background page 7680 */ 7681.uk-offcanvas { 7682 /* 1 */ 7683 display: none; 7684 /* 2 */ 7685 position: fixed; 7686 top: 0; 7687 right: 0; 7688 bottom: 0; 7689 left: 0; 7690 z-index: 1000; 7691 /* 3 */ 7692 touch-action: none; 7693 /* 4 */ 7694 background: rgba(0, 0, 0, 0.1); 7695} 7696.uk-offcanvas.uk-active { 7697 display: block; 7698} 7699/* Sub-object `uk-offcanvas-page` 7700 ========================================================================== */ 7701/* 7702 * Prepares the whole HTML page to slide-out 7703 * 1. Fix the main page and disallow scrolling 7704 * 2. Side-out transition 7705 * 3. Needed for the transition to work instead of just letting it pop to the side 7706 */ 7707.uk-offcanvas-page { 7708 /* 1 */ 7709 position: fixed; 7710 /* 2 */ 7711 -webkit-transition: margin-left 0.3s ease-in-out; 7712 transition: margin-left 0.3s ease-in-out; 7713 /* 3 */ 7714 margin-left: 0; 7715} 7716/* Sub-object `uk-offcanvas-bar` 7717 ========================================================================== */ 7718/* 7719 * This is the offcanvas bar 7720 * 1. Set fixed position 7721 * 2. Size and style 7722 * 3. Allow scrolling 7723 * 4. Side-out transition 7724 * 5. Deactivate scroll chaining in IE11 7725 */ 7726.uk-offcanvas-bar { 7727 /* 1 */ 7728 position: fixed; 7729 top: 0; 7730 bottom: 0; 7731 left: 0; 7732 -webkit-transform: translateX(-100%); 7733 transform: translateX(-100%); 7734 z-index: 1001; 7735 /* 2 */ 7736 width: 270px; 7737 max-width: 100%; 7738 background: #333; 7739 /* 3 */ 7740 overflow-y: auto; 7741 -webkit-overflow-scrolling: touch; 7742 /* 4 */ 7743 -webkit-transition: -webkit-transform 0.3s ease-in-out; 7744 transition: transform 0.3s ease-in-out; 7745 /* 5 */ 7746 -ms-scroll-chaining: none; 7747} 7748.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { 7749 -webkit-transform: translateX(0%); 7750 transform: translateX(0%); 7751} 7752/* Modifier `uk-offcanvas-bar-flip` 7753 ========================================================================== */ 7754.uk-offcanvas-bar-flip { 7755 left: auto; 7756 right: 0; 7757 -webkit-transform: translateX(100%); 7758 transform: translateX(100%); 7759} 7760/* Offcanvase modes 7761 ========================================================================== */ 7762.uk-offcanvas-bar[mode='none'] { 7763 -webkit-transition: none; 7764 transition: none; 7765} 7766.uk-offcanvas-bar[mode='reveal'] { 7767 -webkit-transform: translateX(0%); 7768 transform: translateX(0%); 7769 clip: rect(0, 0, 100vh, 0); 7770 -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out; 7771 transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; 7772} 7773.uk-offcanvas-bar-flip[mode='reveal'] { 7774 clip: none; 7775 -webkit-transform: translateX(100%); 7776 transform: translateX(100%); 7777} 7778.uk-offcanvas-bar-flip[mode='reveal'] > * { 7779 -webkit-transform: translateX(-100%); 7780 transform: translateX(-100%); 7781 -webkit-transition: -webkit-transform 0.3s ease-in-out; 7782 transition: transform 0.3s ease-in-out; 7783} 7784.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * { 7785 -webkit-transform: translateX(0%); 7786 transform: translateX(0%); 7787} 7788/* Panel in offcanvas 7789 ========================================================================== */ 7790.uk-offcanvas .uk-panel { 7791 margin: 20px 15px; 7792 color: #777; 7793} 7794.uk-offcanvas .uk-panel-title { 7795 color: #ccc; 7796} 7797.uk-offcanvas .uk-panel a:not([class]) { 7798 color: #ccc; 7799} 7800.uk-offcanvas .uk-panel a:not([class]):hover { 7801 color: #fff; 7802} 7803/* ======================================================================== 7804 Component: Switcher 7805 ========================================================================== */ 7806/* 7807 * 1. Deactivate browser history navigation in IE11 7808 */ 7809.uk-switcher { 7810 margin: 0; 7811 padding: 0; 7812 list-style: none; 7813 /* 1 */ 7814 touch-action: cross-slide-y pinch-zoom double-tap-zoom; 7815} 7816/* 7817 * Items 7818 */ 7819.uk-switcher > :not(.uk-active) { 7820 display: none; 7821} 7822/* ======================================================================== 7823 Component: Text 7824 ========================================================================== */ 7825/* Size modifiers 7826 ========================================================================== */ 7827.uk-text-small {
7828 font-size: 11px; 7829 line-height: 16px; 7830} 7831.uk-text-large { 7832 font-size: 18px; 7833 line-height: 24px; 7834 font-weight: normal; 7835} 7836/* Weight modifiers 7837 ========================================================================== */ 7838.uk-text-bold { 7839 font-weight: bold; 7840} 7841/* Color modifiers 7842 ========================================================================== */ 7843.uk-text-muted { 7844 color: #999 !important; 7845} 7846.uk-text-primary { 7847 color: #2d7091 !important; 7848} 7849.uk-text-success { 7850 color: #659f13 !important; 7851} 7852.uk-text-warning { 7853 color: #e28327 !important; 7854} 7855.uk-text-danger { 7856 color: #d85030 !important; 7857} 7858.uk-text-contrast { 7859 color: #fff !important; 7860} 7861/* Alignment modifiers 7862 ========================================================================== */ 7863.uk-text-left { 7864 text-align: left !important; 7865} 7866.uk-text-right { 7867 text-align: right !important; 7868} 7869.uk-text-center { 7870 text-align: center !important; 7871} 7872.uk-text-justify { 7873 text-align: justify !important; 7874} 7875.uk-text-top { 7876 vertical-align: top !important; 7877} 7878.uk-text-middle { 7879 vertical-align: middle !important; 7880} 7881.uk-text-bottom { 7882 vertical-align: bottom !important; 7883} 7884/* Only tablets portrait and smaller */ 7885@media (max-width: 1199px) { 7886 .uk-text-center-medium { 7887 text-align: center !important; 7888 } 7889 .uk-text-left-medium { 7890 text-align: left !important; 7891 } 7892} 7893/* Phone landscape and smaller */ 7894@media (max-width: 959px) { 7895 .uk-text-center-small { 7896 text-align: center !important; 7897 } 7898 .uk-text-left-small { 7899 text-align: left !important; 7900 } 7901} 7902/* Wrap modifiers 7903 ========================================================================== */ 7904/* 7905 * Prevent text from wrapping onto multiple lines 7906 */ 7907.uk-text-nowrap { 7908 white-space: nowrap; 7909} 7910/* 7911 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis 7912 */ 7913.uk-text-truncate { 7914 overflow: hidden; 7915 text-overflow: ellipsis; 7916 white-space: nowrap; 7917} 7918/* 7919 * Break strings if their length exceeds the width of their container 7920 */ 7921.uk-text-break { 7922 word-wrap: break-word; 7923 -webkit-hyphens: auto; 7924 -ms-hyphens: auto; 7925 -moz-hyphens: auto; 7926 hyphens: auto; 7927} 7928/* Transform modifiers 7929 ========================================================================== */ 7930.uk-text-capitalize { 7931 text-transform: capitalize !important; 7932} 7933.uk-text-lowercase { 7934 text-transform: lowercase !important; 7935} 7936.uk-text-uppercase { 7937 text-transform: uppercase !important; 7938} 7939/* ======================================================================== 7940 Component: Utility 7941 ========================================================================== */ 7942/* Container 7943 ========================================================================== */ 7944.uk-container { 7945 box-sizing: border-box; 7946 max-width: 980px; 7947 padding: 0 25px; 7948} 7949/* Large screen and bigger */ 7950@media (min-width: 1600px) { 7951 .uk-container { 7952 max-width: 1200px; 7953 padding: 0 35px; 7954 } 7955} 7956/* 7957 * Micro clearfix 7958 */ 7959.uk-container:before, 7960.uk-container:after { 7961 content: ""; 7962 display: table; 7963} 7964.uk-container:after { 7965 clear: both; 7966} 7967/* 7968 * Center container 7969 */ 7970.uk-container-center { 7971 margin-left: auto; 7972 margin-right: auto; 7973} 7974/* Clearing 7975 ========================================================================== */ 7976/* 7977 * Micro clearfix 7978* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit 7979 * `table` is used again with `:after` because `clear` only works with block elements. 7980 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari 7981 */ 7982.uk-clearfix:before { 7983 content: ""; 7984 display: table-cell; 7985} 7986.uk-clearfix:after { 7987 content: ""; 7988 display: table; 7989 clear: both; 7990} 7991/* 7992 * Create a new block formatting context 7993 */ 7994.uk-nbfc { 7995 overflow: hidden; 7996} 7997.uk-nbfc-alt { 7998 display: table-cell; 7999 width: 10000px; 8000} 8001/* Alignment of block elements 8002 ========================================================================== */ 8003/* 8004 * Float blocks 8005 * 1. Prevent content overflow on small devices 8006 */ 8007.uk-float-left { 8008 float: left; 8009} 8010.uk-float-right { 8011 float: right; 8012} 8013/* 1 */ 8014[class*='uk-float-'] { 8015 max-width: 100%; 8016} 8017/* Alignment of images and objects 8018 ========================================================================== */ 8019/* 8020 * Alignment 8021 */ 8022[class*='uk-align-'] { 8023 display: block; 8024 margin-bottom: 15px; 8025} 8026.uk-align-left { 8027 margin-right: 15px; 8028 float: left; 8029} 8030.uk-align-right { 8031 margin-left: 15px; 8032 float: right; 8033} 8034/* Tablet and bigger */ 8035@media (min-width: 960px) { 8036 .uk-align-medium-left { 8037 margin-right: 15px; 8038 float: left; 8039 } 8040 .uk-align-medium-right { 8041 margin-left: 15px; 8042 float: right; 8043 } 8044} 8045.uk-align-center { 8046 margin-left: auto; 8047 margin-right: auto; 8048} 8049/* Vertical alignment 8050 ========================================================================== */ 8051/* 8052 * Remove whitespace between child elements when using `inline-block` 8053 */ 8054.uk-vertical-align { 8055 font-size: 0.001px; 8056} 8057/* 8058 * The `uk-vertical-align` container needs a specific height 8059 */ 8060.uk-vertical-align:before { 8061 content: ''; 8062 display: inline-block; 8063 height: 100%; 8064 vertical-align: middle; 8065} 8066/* 8067 * Sub-object which can have any height 8068 * 1. Reset whitespace hack 8069 */ 8070.uk-vertical-align-middle, 8071.uk-vertical-align-bottom { 8072 display: inline-block; 8073 max-width: 100%; 8074 /* 1 */ 8075 font-size: 1rem; 8076} 8077.uk-vertical-align-middle { 8078 vertical-align: middle; 8079} 8080.uk-vertical-align-bottom { 8081 vertical-align: bottom; 8082} 8083/* Height 8084 ========================================================================== */ 8085/* 8086 * More robust if padding and border are used 8087 */ 8088[class*='uk-height'] { 8089 box-sizing: border-box; 8090} 8091/* 8092 * Useful to extend the `html` and `body` element to the full height of the page. 8093 */ 8094.uk-height-1-1 { 8095 height: 100%; 8096} 8097/* 8098 * Useful to create image teasers 8099 */ 8100.uk-height-viewport { 8101 height: 100vh; 8102 min-height: 600px; 8103} 8104/* Responsive objects 8105 * Note: Images are already responsive by default, see Base component 8106 ========================================================================== */ 8107/* 8108 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used 8109 */ 8110.uk-responsive-width, 8111.uk-responsive-height { 8112 box-sizing: border-box; 8113} 8114/* 8115 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height 8116 * `important` needed to override `uk-img-preserve img` 8117 */ 8118.uk-responsive-width { 8119 max-width: 100% !important; 8120 height: auto; 8121} 8122/* 8123 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width 8124 * Only works if the parent element has a fixed height. 8125 */ 8126.uk-responsive-height { 8127 max-height: 100%; 8128 width: auto; 8129} 8130/* Margin 8131 ========================================================================== */ 8132/* 8133 * Create a block with the same margin of a paragraph 8134 * Add margin if adjacent element 8135 */ 8136.uk-margin { 8137 margin-bottom: 15px; 8138} 8139* + .uk-margin { 8140 margin-top: 15px; 8141} 8142.uk-margin-top { 8143 margin-top: 15px !important; 8144} 8145.uk-margin-bottom { 8146 margin-bottom: 15px !important; 8147} 8148.uk-margin-left { 8149 margin-left: 15px !important; 8150} 8151.uk-margin-right { 8152 margin-right: 15px !important; 8153} 8154/* 8155 * Larger margins 8156 */ 8157.uk-margin-large { 8158 margin-bottom: 50px; 8159} 8160* + .uk-margin-large { 8161 margin-top: 50px; 8162} 8163.uk-margin-large-top { 8164 margin-top: 50px !important; 8165} 8166.uk-margin-large-bottom { 8167 margin-bottom: 50px !important; 8168} 8169.uk-margin-large-left { 8170 margin-left: 50px !important; 8171} 8172.uk-margin-large-right { 8173 margin-right: 50px !important; 8174} 8175/* 8176 * Smaller margins 8177 */ 8178.uk-margin-small { 8179 margin-bottom: 5px; 8180} 8181* + .uk-margin-small { 8182 margin-top: 5px; 8183} 8184.uk-margin-small-top { 8185 margin-top: 5px !important; 8186} 8187.uk-margin-small-bottom { 8188 margin-bottom: 5px !important; 8189} 8190.uk-margin-small-left { 8191 margin-left: 5px !important; 8192} 8193.uk-margin-small-right { 8194 margin-right: 5px !important; 8195} 8196/* 8197 * Remove margins 8198 */ 8199.uk-margin-remove { 8200 margin: 0 !important; 8201} 8202.uk-margin-top-remove { 8203 margin-top: 0 !important; 8204} 8205.uk-margin-bottom-remove { 8206 margin-bottom: 0 !important; 8207} 8208/* Padding 8209 ========================================================================== */ 8210.uk-padding-remove { 8211 padding: 0 !important; 8212} 8213.uk-padding-top-remove { 8214 padding-top: 0 !important; 8215} 8216.uk-padding-bottom-remove { 8217 padding-bottom: 0 !important; 8218} 8219.uk-padding-vertical-remove { 8220 padding-top: 0 !important; 8221 padding-bottom: 0 !important; 8222} 8223/* Border 8224 ========================================================================== */ 8225.uk-border-circle { 8226 border-radius: 50%; 8227} 8228.uk-border-rounded { 8229 border-radius: 5px; 8230} 8231/* Headings 8232 ========================================================================== */ 8233.uk-heading-large { 8234 font-size: 36px; 8235 line-height: 42px; 8236} 8237/* Tablet and bigger */ 8238@media (min-width: 960px) { 8239 .uk-heading-large { 8240 font-size: 52px; 8241 line-height: 64px; 8242 } 8243} 8244/* Link 8245 ========================================================================== */ 8246/* 8247 * Let links appear in default text color 8248 */ 8249.uk-link-muted, 8250.uk-link-muted a { 8251 color: #444; 8252} 8253.uk-link-muted:hover, 8254.uk-link-muted a:hover {
8255 color: #444; 8256} 8257/* 8258 * Reset link style 8259 */ 8260.uk-link-reset, 8261.uk-link-reset a, 8262.uk-link-reset:hover, 8263.uk-link-reset a:hover, 8264.uk-link-reset:focus, 8265.uk-link-reset a:focus { 8266 color: inherit; 8267 text-decoration: none; 8268} 8269/* Scrollable 8270 ========================================================================== */ 8271/* 8272 * Enable scrolling for preformatted text 8273 */ 8274.uk-scrollable-text { 8275 height: 300px; 8276 overflow-y: scroll; 8277 -webkit-overflow-scrolling: touch; 8278 resize: both; 8279} 8280/* 8281 * Box with scrolling enabled 8282 */ 8283.uk-scrollable-box { 8284 box-sizing: border-box; 8285 height: 170px; 8286 padding: 10px; 8287 border: 1px solid #ddd; 8288 overflow: auto; 8289 -webkit-overflow-scrolling: touch; 8290 resize: both; 8291} 8292.uk-scrollable-box > :last-child { 8293 margin-bottom: 0; 8294} 8295/* Overflow 8296 ========================================================================== */ 8297.uk-overflow-hidden { 8298 overflow: hidden; 8299} 8300/* 8301 * Enable scrollbars if content is clipped 8302 */ 8303.uk-overflow-container { 8304 overflow: auto; 8305 -webkit-overflow-scrolling: touch; 8306} 8307.uk-overflow-container > :last-child { 8308 margin-bottom: 0; 8309} 8310/* Position 8311 ========================================================================== */ 8312.uk-position-absolute, 8313[class*='uk-position-top'], 8314[class*='uk-position-bottom'] { 8315 position: absolute !important; 8316} 8317/* Don't use `width: 100%` because it is wrong if the parent has padding. */ 8318.uk-position-top { 8319 top: 0; 8320 left: 0; 8321 right: 0; 8322} 8323.uk-position-bottom { 8324 bottom: 0; 8325 left: 0; 8326 right: 0; 8327} 8328.uk-position-top-left { 8329 top: 0; 8330 left: 0; 8331} 8332.uk-position-top-right { 8333 top: 0; 8334 right: 0; 8335} 8336.uk-position-bottom-left { 8337 bottom: 0; 8338 left: 0; 8339} 8340.uk-position-bottom-right { 8341 bottom: 0; 8342 right: 0; 8343} 8344/* 8345 * Cover 8346 */ 8347.uk-position-cover { 8348 position: absolute; 8349 top: 0; 8350 bottom: 0; 8351 left: 0; 8352 right: 0; 8353} 8354/* 8355 * Relative 8356 */ 8357.uk-position-relative { 8358 position: relative !important; 8359} 8360/* 8361 * Z-index 8362 */ 8363.uk-position-z-index { 8364 z-index: 1; 8365} 8366/* Display 8367 ========================================================================== */ 8368/* 8369 * Display 8370 * 1. Required if child is a responsive image 8371 */ 8372.uk-display-block { 8373 display: block !important; 8374} 8375.uk-display-inline { 8376 display: inline !important; 8377} 8378.uk-display-inline-block { 8379 display: inline-block !important; 8380 /* 1 */ 8381 max-width: 100%; 8382} 8383/* 8384 * Visibility 8385 * Avoids setting display to `block` so it works also with `inline-block` and `table` 8386 */ 8387/* Desktop and bigger */ 8388@media (min-width: 1200px) { 8389 .uk-visible-small { 8390 display: none !important; 8391 } 8392 .uk-visible-medium { 8393 display: none !important; 8394 } 8395 .uk-hidden-large { 8396 display: none !important; 8397 } 8398} 8399/* Tablets portrait */ 8400@media (min-width: 960px) and (max-width: 1199px) { 8401 .uk-visible-small { 8402 display: none !important; 8403 } 8404 .uk-visible-large { 8405 display: none !important ; 8406 } 8407 .uk-hidden-medium { 8408 display: none !important; 8409 } 8410} 8411/* Phone landscape and smaller*/ 8412@media (max-width: 959px) { 8413 .uk-visible-medium { 8414 display: none !important; 8415 } 8416 .uk-visible-large { 8417 display: none !important; 8418 } 8419 .uk-hidden-small { 8420 display: none !important; 8421 } 8422} 8423/* Remove from the flow and screen readers on any device */ 8424.uk-hidden { 8425 display: none !important; 8426 visibility: hidden !important; 8427} 8428/* It's hidden, but still affects layout */ 8429.uk-invisible { 8430 visibility: hidden !important; 8431} 8432/* Show on hover */ 8433.uk-visible-hover:hover .uk-hidden, 8434.uk-visible-hover:hover .uk-invisible { 8435 display: block !important; 8436 visibility: visible !important; 8437} 8438.uk-visible-hover-inline:hover .uk-hidden, 8439.uk-visible-hover-inline:hover .uk-invisible { 8440 display: inline-block !important; 8441 visibility: visible !important; 8442} 8443/* Hide on touch */ 8444.uk-touch .uk-hidden-touch, 8445.uk-notouch .uk-hidden-notouch { 8446 display: none !important; 8447} 8448/* ======================================================================== 8449 Component: Flex 8450 ========================================================================== */ 8451.uk-flex { 8452 display: -ms-flexbox; 8453 display: -webkit-flex; 8454 display: flex; 8455} 8456.uk-flex-inline { 8457 display: -ms-inline-flexbox; 8458 display: -webkit-inline-flex; 8459 display: inline-flex; 8460} 8461/* 8462 * Fixes initial flex-shrink value in IE10 8463 */ 8464.uk-flex > *, 8465.uk-flex-inline > * { 8466 -ms-flex-negative: 1; 8467} 8468/* Alignment 8469 ========================================================================== */ 8470/* 8471 * Vertical alignment 8472 * Default value is `stretch` 8473 */ 8474.uk-flex-top { 8475 -ms-flex-align: start; 8476 -webkit-align-items: flex-start; 8477 align-items: flex-start; 8478} 8479.uk-flex-middle { 8480 -ms-flex-align: center; 8481 -webkit-align-items: center; 8482 align-items: center; 8483} 8484.uk-flex-bottom { 8485 -ms-flex-align: end; 8486 -webkit-align-items: flex-end; 8487 align-items: flex-end; 8488} 8489/* 8490 * Horizontal alignment 8491 * Default value is `flex-start` 8492 */ 8493.uk-flex-center { 8494 -ms-flex-pack: center;
8495 -webkit-justify-content: center; 8496 justify-content: center; 8497} 8498.uk-flex-right { 8499 -ms-flex-pack: end; 8500 -webkit-justify-content: flex-end; 8501 justify-content: flex-end; 8502} 8503.uk-flex-space-between { 8504 -ms-flex-pack: justify; 8505 -webkit-justify-content: space-between; 8506 justify-content: space-between; 8507} 8508.uk-flex-space-around { 8509 -ms-flex-pack: distribute; 8510 -webkit-justify-content: space-around; 8511 justify-content: space-around; 8512} 8513/* Direction 8514 ========================================================================== */ 8515.uk-flex-row-reverse { 8516 -ms-flex-direction: row-reverse; 8517 -webkit-flex-direction: row-reverse; 8518 flex-direction: row-reverse; 8519} 8520.uk-flex-column { 8521 -ms-flex-direction: column; 8522 -webkit-flex-direction: column; 8523 flex-direction: column; 8524} 8525.uk-flex-column-reverse { 8526 -ms-flex-direction: column-reverse; 8527 -webkit-flex-direction: column-reverse; 8528 flex-direction: column-reverse; 8529} 8530/* Wrap 8531 ========================================================================== */ 8532.uk-flex-nowrap { 8533 -ms-flex-wrap: nowrap; 8534 -webkit-flex-wrap: nowrap; 8535 flex-wrap: nowrap; 8536} 8537.uk-flex-wrap { 8538 -ms-flex-wrap: wrap; 8539 -webkit-flex-wrap: wrap; 8540 flex-wrap: wrap; 8541} 8542.uk-flex-wrap-reverse { 8543 -ms-flex-wrap: wrap-reverse; 8544 -webkit-flex-wrap: wrap-reverse; 8545 flex-wrap: wrap-reverse; 8546} 8547/* 8548 * Horizontal alignment 8549 * Default value is `stretch` 8550 */ 8551.uk-flex-wrap-top { 8552 -ms-flex-line-pack: start; 8553 -webkit-align-content: flex-start; 8554 align-content: flex-start; 8555} 8556.uk-flex-wrap-middle { 8557 -ms-flex-line-pack: center; 8558 -webkit-align-content: center; 8559 align-content: center; 8560} 8561.uk-flex-wrap-bottom { 8562 -ms-flex-line-pack: end; 8563 -webkit-align-content: flex-end; 8564 align-content: flex-end; 8565} 8566.uk-flex-wrap-space-between { 8567 -ms-flex-line-pack: justify; 8568 -webkit-align-content: space-between; 8569 align-content: space-between; 8570} 8571.uk-flex-wrap-space-around { 8572 -ms-flex-line-pack: distribute; 8573 -webkit-align-content: space-around; 8574 align-content: space-around; 8575} 8576/* Item ordering 8577 ========================================================================== */ 8578/* 8579 * Default is 0 8580 */ 8581.uk-flex-order-first { 8582 -ms-flex-order: -1; 8583 -webkit-order: -1; 8584 order: -1; 8585} 8586.uk-flex-order-last { 8587 -ms-flex-order: 99; 8588 -webkit-order: 99; 8589 order: 99; 8590} 8591/* Phone landscape and bigger */ 8592@media (min-width: 640px) { 8593 .uk-flex-order-first-small { 8594 -ms-flex-order: -1; 8595 -webkit-order: -1; 8596 order: -1; 8597 } 8598 .uk-flex-order-last-small { 8599 -ms-flex-order: 99; 8600 -webkit-order: 99; 8601 order: 99; 8602 } 8603} 8604/* Tablet and bigger */ 8605@media (min-width: 960px) { 8606 .uk-flex-order-first-medium { 8607 -ms-flex-order: -1; 8608 -webkit-order: -1; 8609 order: -1; 8610 } 8611 .uk-flex-order-last-medium { 8612 -ms-flex-order: 99; 8613 -webkit-order: 99; 8614 order: 99; 8615 } 8616} 8617/* Desktop and bigger */ 8618@media (min-width: 1200px) { 8619 .uk-flex-order-first-large { 8620 -ms-flex-order: -1; 8621 -webkit-order: -1; 8622 order: -1; 8623 } 8624 .uk-flex-order-last-large { 8625 -ms-flex-order: 99; 8626 -webkit-order: 99; 8627 order: 99; 8628 } 8629} 8630/* Large screen and bigger */ 8631@media (min-width: 1600px) { 8632 .uk-flex-order-first-xlarge { 8633 -ms-flex-order: -1; 8634 -webkit-order: -1; 8635 order: -1; 8636 } 8637 .uk-flex-order-last-xlarge { 8638 -ms-flex-order: 99; 8639 -webkit-order: 99; 8640 order: 99; 8641 } 8642} 8643/* Item dimensions 8644 ========================================================================== */ 8645/* 8646 * Initial: 0 1 auto 8647 * Content dimensions, but shrinks 8648 */ 8649/* 8650 * No Flex: 0 0 auto 8651 * Content dimensions 8652 */ 8653.uk-flex-item-none { 8654 -ms-flex: none; 8655 -webkit-flex: none; 8656 flex: none; 8657} 8658/* 8659 * Relative Flex: 1 1 auto 8660 * Space is allocated considering content 8661 * 1. Fixes flex-shrink value in IE10 8662 */ 8663.uk-flex-item-auto { 8664 -ms-flex: auto; 8665 -webkit-flex: auto; 8666 flex: auto; 8667 /* 1 */ 8668 -ms-flex-negative: 1; 8669} 8670/* 8671 * Absolute Flex: 1 1 0% 8672 * Space is allocated solely based on flex 8673 */ 8674.uk-flex-item-1 { 8675 -ms-flex: 1; 8676 -webkit-flex: 1; 8677 flex: 1; 8678} 8679/* ======================================================================== 8680 Component: Contrast 8681 ========================================================================== */ 8682.uk-contrast { 8683 color: #fff; 8684 /* Active */ 8685} 8686.uk-contrast a:not([class]), 8687.uk-contrast .uk-link { 8688 color: rgba(255, 255, 255, 0.7); 8689 text-decoration: none; 8690} 8691.uk-contrast a:not([class]):hover, 8692.uk-contrast .uk-link:hover {
8693 color: #fff; 8694 text-decoration: underline; 8695} 8696.uk-contrast :not(pre) > code, 8697.uk-contrast :not(pre) > kbd, 8698.uk-contrast :not(pre) > samp { 8699 color: #fff; 8700} 8701.uk-contrast em { 8702 color: #fff; 8703} 8704.uk-contrast h1, 8705.uk-contrast h2, 8706.uk-contrast h3, 8707.uk-contrast h4, 8708.uk-contrast h5, 8709.uk-contrast h6 { 8710 color: #fff; 8711} 8712.uk-contrast hr { 8713 border-top-color: rgba(255, 255, 255, 0.2); 8714} 8715.uk-contrast .uk-nav li > a, 8716.uk-contrast .uk-nav li > a:hover { 8717 text-decoration: none; 8718} 8719.uk-contrast .uk-nav-side > li > a { 8720 color: #fff; 8721} 8722.uk-contrast .uk-nav-side > li > a:hover, 8723.uk-contrast .uk-nav-side > li > a:focus { 8724 background: rgba(255, 255, 255, 0.1); 8725 color: #fff; 8726} 8727.uk-contrast .uk-nav-side > li.uk-active > a { 8728 background: #fff; 8729 color: #444; 8730} 8731.uk-contrast .uk-nav-side .uk-nav-header { 8732 color: #fff; 8733} 8734.uk-contrast .uk-nav-side .uk-nav-divider { 8735 border-top-color: rgba(255, 255, 255, 0.2); 8736} 8737.uk-contrast .uk-nav-side ul a { 8738 color: rgba(255, 255, 255, 0.7); 8739} 8740.uk-contrast .uk-nav-side ul a:hover { 8741 color: #fff; 8742} 8743.uk-contrast .uk-subnav > * > a { 8744 color: rgba(255, 255, 255, 0.7); 8745 text-decoration: none; 8746} 8747.uk-contrast .uk-subnav > * > a:hover, 8748.uk-contrast .uk-subnav > * > a:focus { 8749 color: #fff; 8750 text-decoration: none; 8751} 8752.uk-contrast .uk-subnav > .uk-active > a { 8753 color: #fff; 8754} 8755.uk-contrast .uk-subnav-line > :nth-child(n+2):before { 8756 border-left-color: rgba(255, 255, 255, 0.2); 8757} 8758.uk-contrast .uk-subnav-pill > * > a:hover, 8759.uk-contrast .uk-subnav-pill > * > a:focus { 8760 background: rgba(255, 255, 255, 0.7); 8761 color: #444; 8762 text-decoration: none; 8763} 8764.uk-contrast .uk-subnav-pill > .uk-active > a { 8765 background: #fff; 8766 color: #444; 8767} 8768.uk-contrast .uk-tab { 8769 border-bottom-color: rgba(255, 255, 255, 0.2); 8770} 8771.uk-contrast .uk-tab > li > a { 8772 border-color: transparent; 8773 color: rgba(255, 255, 255, 0.7); 8774} 8775.uk-contrast .uk-tab > li > a:hover, 8776.uk-contrast .uk-tab > li > a:focus, 8777.uk-contrast .uk-tab > li.uk-open > a { 8778 border-color: rgba(255, 255, 255, 0.7); 8779 background: rgba(255, 255, 255, 0.7); 8780 color: #444; 8781 text-decoration: none; 8782} 8783.uk-contrast .uk-tab > li.uk-active > a { 8784 border-color: rgba(255, 255, 255, 0.2); 8785 border-bottom-color: transparent; 8786 background: #fff; 8787 color: #444; 8788} 8789.uk-contrast .uk-tab-center { 8790 border-bottom-color: rgba(255, 255, 255, 0.2); 8791} 8792.uk-contrast .uk-tab-grid:before { 8793 border-top-color: rgba(255, 255, 255, 0.2); 8794} 8795.uk-contrast .uk-list-line > li:nth-child(n+2) { 8796 border-top-color: rgba(255, 255, 255, 0.2); 8797} 8798.uk-contrast .uk-form select, 8799.uk-contrast .uk-form textarea, 8800.uk-contrast .uk-form input:not([type]), 8801.uk-contrast .uk-form input[type="text"], 8802.uk-contrast .uk-form input[type="password"], 8803.uk-contrast .uk-form input[type="datetime"], 8804.uk-contrast .uk-form input[type="datetime-local"], 8805.uk-contrast .uk-form input[type="date"], 8806.uk-contrast .uk-form input[type="month"], 8807.uk-contrast .uk-form input[type="time"], 8808.uk-contrast .uk-form input[type="week"], 8809.uk-contrast .uk-form input[type="number"], 8810.uk-contrast .uk-form input[type="email"], 8811.uk-contrast .uk-form input[type="url"], 8812.uk-contrast .uk-form input[type="search"], 8813.uk-contrast .uk-form input[type="tel"], 8814.uk-contrast .uk-form input[type="color"] { 8815 border-color: rgba(255, 255, 255, 0.8); 8816 background: rgba(255, 255, 255, 0.8); 8817 color: #444; 8818 background-clip: padding-box; 8819} 8820.uk-contrast .uk-form select:focus, 8821.uk-contrast .uk-form textarea:focus, 8822.uk-contrast .uk-form input:not([type]):focus, 8823.uk-contrast .uk-form input[type="text"]:focus, 8824.uk-contrast .uk-form input[type="password"]:focus, 8825.uk-contrast .uk-form input[type="datetime"]:focus, 8826.uk-contrast .uk-form input[type="datetime-local"]:focus, 8827.uk-contrast .uk-form input[type="date"]:focus, 8828.uk-contrast .uk-form input[type="month"]:focus, 8829.uk-contrast .uk-form input[type="time"]:focus, 8830.uk-contrast .uk-form input[type="week"]:focus, 8831.uk-contrast .uk-form input[type="number"]:focus, 8832.uk-contrast .uk-form input[type="email"]:focus, 8833.uk-contrast .uk-form input[type="url"]:focus, 8834.uk-contrast .uk-form input[type="search"]:focus, 8835.uk-contrast .uk-form input[type="tel"]:focus, 8836.uk-contrast .uk-form input[type="color"]:focus { 8837 border-color: #fff; 8838 background: #fff; 8839 color: #444; 8840} 8841.uk-contrast .uk-form :-ms-input-placeholder { 8842 color: rgba(68, 68, 68, 0.7) !important; 8843} 8844.uk-contrast .uk-form ::-moz-placeholder { 8845 color: rgba(68, 68, 68, 0.7); 8846} 8847.uk-contrast .uk-form ::-webkit-input-placeholder { 8848 color: rgba(68, 68, 68, 0.7); 8849} 8850.uk-contrast .uk-button { 8851 color: #444; 8852 background: #fff; 8853} 8854.uk-contrast .uk-button:hover, 8855.uk-contrast .uk-button:focus { 8856 background-color: rgba(255, 255, 255, 0.8); 8857 color: #444; 8858} 8859.uk-contrast .uk-button:active, 8860.uk-contrast .uk-button.uk-active { 8861 background-color: rgba(255, 255, 255, 0.7); 8862 color: #444; 8863} 8864.uk-contrast .uk-button-primary { 8865 background-color: #00a8e6; 8866 color: #fff; 8867} 8868.uk-contrast .uk-button-primary:hover, 8869.uk-contrast .uk-button-primary:focus { 8870 background-color: #35b3ee; 8871 color: #fff; 8872} 8873.uk-contrast .uk-button-primary:active, 8874.uk-contrast .uk-button-primary.uk-active { 8875 background-color: #0091ca; 8876 color: #fff; 8877} 8878.uk-contrast .uk-icon-hover {
8879 color: rgba(255, 255, 255, 0.7); 8880} 8881.uk-contrast .uk-icon-hover:hover { 8882 color: #fff; 8883} 8884.uk-contrast .uk-icon-button { 8885 background: #fff; 8886 color: #444; 8887} 8888.uk-contrast .uk-icon-button:hover, 8889.uk-contrast .uk-icon-button:focus { 8890 background-color: rgba(255, 255, 255, 0.8); 8891 color: #444; 8892} 8893.uk-contrast .uk-icon-button:active { 8894 background-color: rgba(255, 255, 255, 0.7); 8895 color: #444; 8896} 8897.uk-contrast .uk-text-muted { 8898 color: rgba(255, 255, 255, 0.6) !important; 8899} 8900.uk-contrast .uk-text-primary { 8901 color: #2d7091 !important; 8902} 8903/* ======================================================================== 8904 Component: Print 8905 ========================================================================== */ 8906@media print { 8907 *, 8908 *:before, 8909 *:after { 8910 background: transparent !important; 8911 color: black !important; 8912 box-shadow: none !important; 8913 text-shadow: none !important; 8914 } 8915 a, 8916 a:visited { 8917 text-decoration: underline; 8918 } 8919 pre, 8920 blockquote { 8921 border: 1px solid #999; 8922 page-break-inside: avoid; 8923 } 8924 thead { 8925 display: table-header-group; 8926 } 8927 tr, 8928 img { 8929 page-break-inside: avoid; 8930 } 8931 img { 8932 max-width: 100% !important; 8933 } 8934 @page { 8935 margin: 0.5cm; 8936 } 8937 p, 8938 h2, 8939 h3 { 8940 orphans: 3; 8941 widows: 3; 8942 } 8943 h2, 8944 h3 { 8945 page-break-after: avoid; 8946 } 8947} 8948/*! 8949 * Preboot v2 8950 * 8951 * Open sourced under MIT license by @mdo. 8952 * Some variables and mixins from Bootstrap (Apache 2 license). 8953 */ 8954/** Base **/ 8955/** 8956content-box: default where padding and border change the width. 8957border-box: padding and border are inside the width. 8958**/ 8959/*Sans Serif Fonts*/ 8960/*Serif Fonts*/ 8961/*Monospaced Fonts*/ 8962/*Fantasy & Script Fonts*/ 8963/** Paths **/ 8964/* No underlines by default */ 8965a { 8966 color: #f45656; 8967} 8968a:hover { 8969 color: #b880c3; 8970 text-decoration: none; 8971} 8972/* Hide from both screenreaders and browsers: h5bp.com/u 8973-------------------------------------------------------------- */ 8974.hidden { 8975 display: none !important; 8976 visibility: hidden; 8977} 8978/* Hide only visually, but have it available for screenreaders: h5bp.com/v 8979-------------------------------------------------------------- */ 8980.visuallyhidden { 8981 border: 0; 8982 clip: rect(0 0 0 0); 8983 height: 1px; 8984 margin: -1px; 8985 overflow: hidden; 8986 padding: 0; 8987 position: absolute; 8988 width: 1px; 8989} 8990/* Hide visually and from screenreaders, but maintain layout 8991-------------------------------------------------------------- */ 8992.invisible { 8993 visibility: hidden; 8994} 8995/* Inline List 8996-------------------------------------------------------------- */ 8997.inline-list { 8998 list-style: none; 8999 margin-left: 0; 9000 padding-left: 0; 9001} 9002.inline-list li { 9003 display: inline; 9004} 9005.inline-list a { 9006 display: inline-block; 9007} 9008/* Proofing -- classes & resets for use by proofreaders 9009-------------------------------------------------------------- */ 9010/*- handle whitespace (from Ward 3/25/2013) */ 9011.wsh { 9012 word-spacing: -0.16em; 9013} 9014.wsn { 9015 word-spacing: -0.32em; 9016} 9017.wsk { 9018 word-spacing: -0.37em; 9019} 9020/* Pre and Code style for el_debug 9021-------------------------------------------------------------- */ 9022pre, 9023code, 9024tt { 9025 font-family: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; 9026 font-size: 11px; 9027 line-height: 16px; 9028} 9029code { 9030 border: 1px solid lightblue; 9031 padding: 3px; 9032 color: #518BAB; 9033 border-radius: 3px; 9034} 9035pre { 9036 position: relative; 9037 margin: 5px; 9038 padding: 8px; 9039 background: #fff; 9040 color: #518BAB; 9041 border: 1px solid #666; 9042 border-radius: 5px; 9043 white-space: pre-wrap; 9044 /* CSS3 */ 9045 white-space: -moz-pre-wrap; 9046 /* Firefox */ 9047 white-space: -pre-wrap; 9048 /* Opera <7 */ 9049 white-space: -o-pre-wrap; 9050 /* Opera 7 */ 9051 word-wrap: break-word; 9052} 9053/* Debug 9054-------------------------------------------------------------- */ 9055/* Left Right Positioning 9056-------------------------------------------------------------- */ 9057/* Force Text to wrap in a div. 9058-------------------------------------------------------------- */ 9059.richtext { 9060 font-family: "Barlow", sans-serif; 9061 font-size: 18px; 9062 line-height: 26px; 9063} 9064.richtext p { 9065 margin: 0 0 26px 0; 9066 padding: 0; 9067} 9068.richtext a { 9069 color: #f45656; 9070} 9071.richtext ul { 9072 margin-bottom: 18px; 9073} 9074.richtext ul li { 9075 list-style: disc; 9076} 9077.ruler .columns { 9078 min-height: 1px; 9079 padding-left: 15px; 9080 padding-right: 15px; 9081 -webkit-box-sizing: border-box; 9082 -moz-box-sizing: border-box; 9083 box-sizing: border-box; 9084 z-index: 100; 9085 min-height: 40px; 9086 outline: solid gold 1px; 9087 background-color: #eee; 9088} 9089@media (min-width: 768px) { 9090 .ruler .columns { 9091 float: left; 9092 width: 8.33333333%; 9093 } 9094} 9095.uk-form { 9096 padding-left: 0; 9097} 9098.uk-form fieldset { 9099 border: 1px solid #ccc; 9100} 9101.uk-form input { 9102 text-indent: 0; 9103} 9104.uk-form .radio { 9105 box-shadow: none; 9106 outline: none; 9107} 9108.uk-form .text_field { 9109 appearance: none; 9110 box-shadow: none; 9111 box-sizing: border-box; 9112 font-size: 16px; 9113 height: 34px; 9114 padding: 6px 12px; 9115} 9116.uk-form .select { 9117 border-radius: 0 !important; 9118 box-shadow: none; 9119} 9120.uk-form .upload_field { 9121 background-color: initial; 9122 border: initial; 9123} 9124.uk-form textarea { 9125 box-shadow: none; 9126} 9127.uk-form .uk-button-primary { 9128 *zoom: 1; 9129 color: #fff; 9130 display: inline-block; 9131 font-family: 'Cabin', sans-serif; 9132 font-size: 16px; 9133 font-weight: normal; 9134 line-height: 1.2; 9135 margin: 0; 9136 padding: 8.5px 34px; 9137 position: relative; 9138 text-align: center; 9139 text-transform: uppercase; 9140} 9141.uk-form .uk-button-primary:hover {
9142 color: #fff; 9143} 9144.clearfix:after { 9145 content: ""; 9146 display: table; 9147 clear: both; 9148} 9149body { 9150 font-family: "Barlow", sans-serif; 9151 font-size: 18px; 9152 line-height: 26px; 9153 color: #4a4a4a; 9154 -webkit-text-size-adjust: none; 9155 background: #fff 50% 0 repeat; 9156} 9157/* Make mac fonts look consistent with other platforms on webkit */ 9158body.mac { 9159 -webkit-font-smoothing: antialiased !important; 9160 /* firefox as of firefox 25 or 26 */ 9161 -moz-osx-font-smoothing: grayscale; 9162} 9163pre { 9164 z-index: 10; 9165} 9166.uk-grid a .image img { 9167 border-radius: 0; 9168} 9169.uk-grid a .image::after { 9170 border-radius: 0; 9171} 9172.gallery a img, 9173.gallery a.uk-thumbnail { 9174 border-radius: 0; 9175} 9176.uk-modal .uk-modal-dialog { 9177 margin-top: 40px; 9178} 9179.uk-modal-caption { 9180 background-color: #f45656; 9181 box-sizing: border-box; 9182 bottom: -45px; 9183 color: #ffffff; 9184 font-family: "Barlow", sans-serif; 9185 font-size: 16px; 9186 font-weight: 500; 9187 line-height: 1; 9188 padding: 20px 40px; 9189} 9190.uk-slidenav-position .uk-slidenav { 9191 display: none; 9192 font-size: 32px; 9193 position: absolute; 9194 top: 50%; 9195 z-index: 1; 9196 margin-top: -30px; 9197} 9198.uk-slidenav-position .uk-slidenav-previous:before { 9199 content: "\f053"; 9200} 9201.uk-slidenav-position .uk-slidenav-next:before { 9202 content: "\f054"; 9203} 9204.uk-slidenav-contrast { 9205 color: #fff; 9206 opacity: 0.5; 9207} 9208.uk-slidenav-contrast:hover, 9209.uk-slidenav-contrast:focus { 9210 color: #efefef; 9211 opacity: 1; 9212} 9213.uk-slidenav-contrast:active { 9214 color: #efefef; 9215 opacity: 1; 9216} 9217.callout_image { 9218 border-radius: 0; 9219} 9220.bio_image img { 9221 border-radius: 0; 9222} 9223.uk-form input { 9224 border-radius: 4px; 9225 border: 1px solid #c8c8c8; 9226 box-shadow: inset 0px 1px 6px #ccc; 9227 color: #4a4a4a !important; 9228 font-size: 18px; 9229 height: auto; 9230 margin-bottom: 10px !important; 9231 padding: 7px 6px 8px !important; 9232 transition: box-shadow 0.5s, border 0.5s, background 0.5s !important; 9233} 9234.uk-form input:focus { 9235 background: #fff !important; 9236 border: 1px solid #1BD9A6 !important; 9237 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); 9238 outline: none; 9239} 9240.uk-form .uk-button-primary { 9241 background-color: #f45656 !important; 9242 border: none !important; 9243 border-radius: 0; 9244 color: #fff !important; 9245 cursor: pointer; 9246 font-size: 18px !important; 9247 font-weight: 500; 9248 padding: 8px 6px 9px !important; 9249 text-align: center; 9250 transition: all 0.1s ease-in-out !important; 9251} 9252.uk-form .uk-button-primary:hover, 9253.uk-form .uk-button-primary:focus { 9254 background-color: #f45656 !important; 9255 color: #ffffff !important; 9256} 9257.uk-form .uk-form-row.required_error .uk-form-label { 9258 color: #f00 !important; 9259} 9260.uk-form .uk-form-row.required_error fieldset { 9261 background-color: rgba(255, 0, 0, 0.2) !important; 9262 border: 1px solid #f00 !important; 9263 padding: 3px !important; 9264} 9265.uk-form .uk-form-row.required_error .cke_chrome { 9266 border-color: #f00 !important; 9267} 9268.uk-form .uk-form-danger { 9269 border-color: #f00 !important; 9270 color: #f00 !important; 9271} 9272.uk-form .form_message.required, 9273.uk-form .validate_message { 9274 color: #f00; 9275} 9276/* 9277* Use either a compiled variables file from the database, or a static text file. 9278*/ 9279/*! 9280 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 9281 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 9282 */ 9283/* FONT PATH 9284 * -------------------------- */ 9285@font-face { 9286 font-family: 'FontAwesome'; 9287 src: url('/styles/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); 9288 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'); 9289 font-weight: normal; 9290 font-style: normal; 9291} 9292.fa { 9293 display: inline-block; 9294 font: normal normal normal 14px/1 FontAwesome; 9295 font-size: inherit; 9296 text-rendering: auto; 9297 -webkit-font-smoothing: antialiased; 9298 -moz-osx-font-smoothing: grayscale; 9299} 9300/* makes the font 33% larger relative to the icon container */ 9301.fa-lg { 9302 font-size: 1.33333333em; 9303 line-height: 0.75em; 9304 vertical-align: -15%; 9305} 9306.fa-2x { 9307 font-size: 2em; 9308} 9309.fa-3x { 9310 font-size: 3em; 9311} 9312.fa-4x { 9313 font-size: 4em; 9314} 9315.fa-5x { 9316 font-size: 5em; 9317} 9318.fa-fw { 9319 width: 1.28571429em; 9320 text-align: center; 9321} 9322.fa-ul { 9323 padding-left: 0; 9324 margin-left: 2.14285714em; 9325 list-style-type: none; 9326} 9327.fa-ul > li { 9328 position: relative; 9329} 9330.fa-li { 9331 position: absolute; 9332 left: -2.14285714em; 9333 width: 2.14285714em; 9334 top: 0.14285714em; 9335 text-align: center; 9336} 9337.fa-li.fa-lg { 9338 left: -1.85714286em; 9339} 9340.fa-border { 9341 padding: 0.2em 0.25em 0.15em; 9342 border: solid 0.08em #eee; 9343 border-radius: 0.1em; 9344} 9345.fa-pull-left { 9346 float: left; 9347} 9348.fa-pull-right { 9349 float: right; 9350} 9351.fa.fa-pull-left { 9352 margin-right: 0.3em; 9353} 9354.fa.fa-pull-right { 9355 margin-left: 0.3em; 9356} 9357/* Deprecated as of 4.4.0 */ 9358.pull-right { 9359 float: right; 9360} 9361.pull-left { 9362 float: left; 9363} 9364.fa.pull-left { 9365 margin-right: 0.3em; 9366} 9367.fa.pull-right { 9368 margin-left: 0.3em; 9369} 9370.fa-spin { 9371 -webkit-animation: fa-spin 2s infinite linear; 9372 animation: fa-spin 2s infinite linear; 9373} 9374.fa-pulse { 9375 -webkit-animation: fa-spin 1s infinite steps(8); 9376 animation: fa-spin 1s infinite steps(8); 9377} 9378@-webkit-keyframes fa-spin { 9379 0% { 9380 -webkit-transform: rotate(0deg); 9381 transform: rotate(0deg); 9382 } 9383 100% { 9384 -webkit-transform: rotate(359deg); 9385 transform: rotate(359deg); 9386 } 9387} 9388@keyframes fa-spin { 9389 0% { 9390 -webkit-transform: rotate(0deg); 9391 transform: rotate(0deg); 9392 } 9393 100% { 9394 -webkit-transform: rotate(359deg); 9395 transform: rotate(359deg); 9396 } 9397} 9398.fa-rotate-90 { 9399 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; 9400 -webkit-transform: rotate(90deg); 9401 -ms-transform: rotate(90deg); 9402 transform: rotate(90deg); 9403} 9404.fa-rotate-180 { 9405 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; 9406 -webkit-transform: rotate(180deg); 9407 -ms-transform: rotate(180deg); 9408 transform: rotate(180deg); 9409} 9410.fa-rotate-270 { 9411 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; 9412 -webkit-transform: rotate(270deg); 9413 -ms-transform: rotate(270deg); 9414 transform: rotate(270deg); 9415} 9416.fa-flip-horizontal { 9417 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; 9418 -webkit-transform: scale(-1, 1); 9419 -ms-transform: scale(-1, 1); 9420 transform: scale(-1, 1); 9421}
9422.fa-flip-vertical { 9423 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; 9424 -webkit-transform: scale(1, -1); 9425 -ms-transform: scale(1, -1); 9426 transform: scale(1, -1); 9427} 9428:root .fa-rotate-90, 9429:root .fa-rotate-180, 9430:root .fa-rotate-270, 9431:root .fa-flip-horizontal, 9432:root .fa-flip-vertical { 9433 filter: none; 9434} 9435.fa-stack { 9436 position: relative; 9437 display: inline-block; 9438 width: 2em; 9439 height: 2em; 9440 line-height: 2em; 9441 vertical-align: middle; 9442} 9443.fa-stack-1x, 9444.fa-stack-2x { 9445 position: absolute; 9446 left: 0; 9447 width: 100%; 9448 text-align: center; 9449} 9450.fa-stack-1x { 9451 line-height: inherit; 9452} 9453.fa-stack-2x { 9454 font-size: 2em; 9455} 9456.fa-inverse { 9457 color: #fff; 9458} 9459/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 9460 readers do not read off random characters that represent icons */ 9461.fa-glass:before { 9462 content: "\f000"; 9463} 9464.fa-music:before { 9465 content: "\f001"; 9466} 9467.fa-search:before { 9468 content: "\f002"; 9469} 9470.fa-envelope-o:before { 9471 content: "\f003"; 9472} 9473.fa-heart:before { 9474 content: "\f004"; 9475} 9476.fa-star:before { 9477 content: "\f005"; 9478} 9479.fa-star-o:before { 9480 content: "\f006"; 9481} 9482.fa-user:before { 9483 content: "\f007"; 9484} 9485.fa-film:before { 9486 content: "\f008"; 9487} 9488.fa-th-large:before { 9489 content: "\f009"; 9490} 9491.fa-th:before { 9492 content: "\f00a"; 9493} 9494.fa-th-list:before { 9495 content: "\f00b"; 9496} 9497.fa-check:before { 9498 content: "\f00c"; 9499} 9500.fa-remove:before, 9501.fa-close:before, 9502.fa-times:before { 9503 content: "\f00d"; 9504} 9505.fa-search-plus:before { 9506 content: "\f00e"; 9507} 9508.fa-search-minus:before { 9509 content: "\f010"; 9510} 9511.fa-power-off:before { 9512 content: "\f011"; 9513} 9514.fa-signal:before { 9515 content: "\f012"; 9516} 9517.fa-gear:before, 9518.fa-cog:before { 9519 content: "\f013"; 9520} 9521.fa-trash-o:before { 9522 content: "\f014"; 9523} 9524.fa-home:before { 9525 content: "\f015"; 9526} 9527.fa-file-o:before { 9528 content: "\f016"; 9529} 9530.fa-clock-o:before { 9531 content: "\f017"; 9532} 9533.fa-road:before { 9534 content: "\f018"; 9535} 9536.fa-download:before { 9537 content: "\f019"; 9538} 9539.fa-arrow-circle-o-down:before { 9540 content: "\f01a"; 9541} 9542.fa-arrow-circle-o-up:before { 9543 content: "\f01b"; 9544} 9545.fa-inbox:before { 9546 content: "\f01c"; 9547} 9548.fa-play-circle-o:before { 9549 content: "\f01d"; 9550} 9551.fa-rotate-right:before, 9552.fa-repeat:before { 9553 content: "\f01e"; 9554} 9555.fa-refresh:before { 9556 content: "\f021"; 9557} 9558.fa-list-alt:before { 9559 content: "\f022"; 9560} 9561.fa-lock:before { 9562 content: "\f023"; 9563} 9564.fa-flag:before { 9565 content: "\f024"; 9566} 9567.fa-headphones:before { 9568 content: "\f025"; 9569} 9570.fa-volume-off:before { 9571 content: "\f026"; 9572} 9573.fa-volume-down:before { 9574 content: "\f027"; 9575} 9576.fa-volume-up:before { 9577 content: "\f028"; 9578} 9579.fa-qrcode:before { 9580 content: "\f029"; 9581} 9582.fa-barcode:before { 9583 content: "\f02a"; 9584} 9585.fa-tag:before { 9586 content: "\f02b"; 9587} 9588.fa-tags:before { 9589 content: "\f02c"; 9590} 9591.fa-book:before { 9592 content: "\f02d"; 9593} 9594.fa-bookmark:before { 9595 content: "\f02e"; 9596} 9597.fa-print:before { 9598 content: "\f02f"; 9599} 9600.fa-camera:before { 9601 content: "\f030"; 9602} 9603.fa-font:before { 9604 content: "\f031"; 9605} 9606.fa-bold:before { 9607 content: "\f032"; 9608} 9609.fa-italic:before { 9610 content: "\f033"; 9611} 9612.fa-text-height:before { 9613 content: "\f034"; 9614} 9615.fa-text-width:before { 9616 content: "\f035"; 9617} 9618.fa-align-left:before { 9619 content: "\f036"; 9620} 9621.fa-align-center:before { 9622 content: "\f037"; 9623} 9624.fa-align-right:before { 9625 content: "\f038"; 9626} 9627.fa-align-justify:before { 9628 content: "\f039"; 9629} 9630.fa-list:before { 9631 content: "\f03a"; 9632} 9633.fa-dedent:before, 9634.fa-outdent:before { 9635 content: "\f03b"; 9636} 9637.fa-indent:before { 9638 content: "\f03c"; 9639} 9640.fa-video-camera:before { 9641 content: "\f03d"; 9642} 9643.fa-photo:before, 9644.fa-image:before, 9645.fa-picture-o:before { 9646 content: "\f03e"; 9647} 9648.fa-pencil:before { 9649 content: "\f040"; 9650} 9651.fa-map-marker:before { 9652 content: "\f041"; 9653} 9654.fa-adjust:before { 9655 content: "\f042"; 9656} 9657.fa-tint:before { 9658 content: "\f043"; 9659} 9660.fa-edit:before, 9661.fa-pencil-square-o:before { 9662 content: "\f044"; 9663} 9664.fa-share-square-o:before { 9665 content: "\f045"; 9666} 9667.fa-check-square-o:before { 9668 content: "\f046"; 9669} 9670.fa-arrows:before { 9671 content: "\f047"; 9672} 9673.fa-step-backward:before { 9674 content: "\f048"; 9675} 9676.fa-fast-backward:before { 9677 content: "\f049"; 9678} 9679.fa-backward:before { 9680 content: "\f04a"; 9681} 9682.fa-play:before { 9683 content: "\f04b"; 9684} 9685.fa-pause:before { 9686 content: "\f04c"; 9687} 9688.fa-stop:before { 9689 content: "\f04d"; 9690} 9691.fa-forward:before { 9692 content: "\f04e"; 9693} 9694.fa-fast-forward:before { 9695 content: "\f050"; 9696} 9697.fa-step-forward:before { 9698 content: "\f051"; 9699} 9700.fa-eject:before { 9701 content: "\f052"; 9702} 9703.fa-chevron-left:before { 9704 content: "\f053"; 9705} 9706.fa-chevron-right:before { 9707 content: "\f054"; 9708} 9709.fa-plus-circle:before { 9710 content: "\f055"; 9711} 9712.fa-minus-circle:before { 9713 content: "\f056"; 9714} 9715.fa-times-circle:before { 9716 content: "\f057"; 9717} 9718.fa-check-circle:before { 9719 content: "\f058"; 9720} 9721.fa-question-circle:before { 9722 content: "\f059"; 9723} 9724.fa-info-circle:before { 9725 content: "\f05a"; 9726} 9727.fa-crosshairs:before { 9728 content: "\f05b"; 9729} 9730.fa-times-circle-o:before { 9731 content: "\f05c"; 9732} 9733.fa-check-circle-o:before { 9734 content: "\f05d"; 9735} 9736.fa-ban:before { 9737 content: "\f05e"; 9738} 9739.fa-arrow-left:before { 9740 content: "\f060"; 9741} 9742.fa-arrow-right:before { 9743 content: "\f061"; 9744} 9745.fa-arrow-up:before { 9746 content: "\f062"; 9747} 9748.fa-arrow-down:before { 9749 content: "\f063"; 9750} 9751.fa-mail-forward:before, 9752.fa-share:before { 9753 content: "\f064"; 9754} 9755.fa-expand:before { 9756 content: "\f065"; 9757} 9758.fa-compress:before { 9759 content: "\f066"; 9760} 9761.fa-plus:before { 9762 content: "\f067"; 9763} 9764.fa-minus:before { 9765 content: "\f068"; 9766} 9767.fa-asterisk:before { 9768 content: "\f069"; 9769} 9770.fa-exclamation-circle:before { 9771 content: "\f06a"; 9772} 9773.fa-gift:before { 9774 content: "\f06b"; 9775} 9776.fa-leaf:before { 9777 content: "\f06c"; 9778} 9779.fa-fire:before { 9780 content: "\f06d"; 9781} 9782.fa-eye:before { 9783 content: "\f06e"; 9784} 9785.fa-eye-slash:before { 9786 content: "\f070"; 9787} 9788.fa-warning:before, 9789.fa-exclamation-triangle:before { 9790 content: "\f071"; 9791} 9792.fa-plane:before { 9793 content: "\f072"; 9794} 9795.fa-calendar:before { 9796 content: "\f073"; 9797} 9798.fa-random:before { 9799 content: "\f074"; 9800} 9801.fa-comment:before { 9802 content: "\f075"; 9803} 9804.fa-magnet:before { 9805 content: "\f076"; 9806} 9807.fa-chevron-up:before { 9808 content: "\f077"; 9809} 9810.fa-chevron-down:before { 9811 content: "\f078"; 9812} 9813.fa-retweet:before { 9814 content: "\f079"; 9815} 9816.fa-shopping-cart:before { 9817 content: "\f07a"; 9818} 9819.fa-folder:before { 9820 content: "\f07b"; 9821} 9822.fa-folder-open:before { 9823 content: "\f07c"; 9824} 9825.fa-arrows-v:before { 9826 content: "\f07d"; 9827} 9828.fa-arrows-h:before { 9829 content: "\f07e"; 9830} 9831.fa-bar-chart-o:before, 9832.fa-bar-chart:before { 9833 content: "\f080"; 9834} 9835.fa-twitter-square:before { 9836 content: "\f081"; 9837} 9838.fa-facebook-square:before { 9839 content: "\f082"; 9840} 9841.fa-camera-retro:before { 9842 content: "\f083"; 9843} 9844.fa-key:before { 9845 content: "\f084"; 9846} 9847.fa-gears:before, 9848.fa-cogs:before { 9849 content: "\f085"; 9850} 9851.fa-comments:before { 9852 content: "\f086"; 9853} 9854.fa-thumbs-o-up:before { 9855 content: "\f087"; 9856} 9857.fa-thumbs-o-down:before { 9858 content: "\f088"; 9859} 9860.fa-star-half:before { 9861 content: "\f089"; 9862} 9863.fa-heart-o:before { 9864 content: "\f08a"; 9865} 9866.fa-sign-out:before { 9867 content: "\f08b"; 9868} 9869.fa-linkedin-square:before { 9870 content: "\f08c"; 9871} 9872.fa-thumb-tack:before { 9873 content: "\f08d"; 9874} 9875.fa-external-link:before { 9876 content: "\f08e"; 9877} 9878.fa-sign-in:before { 9879 content: "\f090"; 9880} 9881.fa-trophy:before { 9882 content: "\f091"; 9883} 9884.fa-github-square:before { 9885 content: "\f092"; 9886} 9887.fa-upload:before { 9888 content: "\f093"; 9889} 9890.fa-lemon-o:before { 9891 content: "\f094"; 9892} 9893.fa-phone:before { 9894 content: "\f095"; 9895} 9896.fa-square-o:before { 9897 content: "\f096"; 9898} 9899.fa-bookmark-o:before { 9900 content: "\f097"; 9901} 9902.fa-phone-square:before { 9903 content: "\f098"; 9904} 9905.fa-twitter:before { 9906 content: "\f099"; 9907} 9908.fa-facebook-f:before, 9909.fa-facebook:before { 9910 content: "\f09a"; 9911} 9912.fa-github:before { 9913 content: "\f09b"; 9914} 9915.fa-unlock:before { 9916 content: "\f09c"; 9917} 9918.fa-credit-card:before { 9919 content: "\f09d"; 9920} 9921.fa-feed:before, 9922.fa-rss:before { 9923 content: "\f09e"; 9924} 9925.fa-hdd-o:before { 9926 content: "\f0a0"; 9927} 9928.fa-bullhorn:before { 9929 content: "\f0a1"; 9930} 9931.fa-bell:before { 9932 content: "\f0f3"; 9933} 9934.fa-certificate:before { 9935 content: "\f0a3"; 9936} 9937.fa-hand-o-right:before { 9938 content: "\f0a4"; 9939} 9940.fa-hand-o-left:before { 9941 content: "\f0a5"; 9942} 9943.fa-hand-o-up:before { 9944 content: "\f0a6"; 9945} 9946.fa-hand-o-down:before { 9947 content: "\f0a7"; 9948} 9949.fa-arrow-circle-left:before { 9950 content: "\f0a8"; 9951} 9952.fa-arrow-circle-right:before { 9953 content: "\f0a9"; 9954} 9955.fa-arrow-circle-up:before { 9956 content: "\f0aa"; 9957} 9958.fa-arrow-circle-down:before { 9959 content: "\f0ab"; 9960} 9961.fa-globe:before { 9962 content: "\f0ac"; 9963} 9964.fa-wrench:before { 9965 content: "\f0ad"; 9966} 9967.fa-tasks:before { 9968 content: "\f0ae"; 9969} 9970.fa-filter:before { 9971 content: "\f0b0"; 9972} 9973.fa-briefcase:before { 9974 content: "\f0b1"; 9975} 9976.fa-arrows-alt:before { 9977 content: "\f0b2"; 9978} 9979.fa-group:before, 9980.fa-users:before { 9981 content: "\f0c0"; 9982} 9983.fa-chain:before, 9984.fa-link:before { 9985 content: "\f0c1"; 9986} 9987.fa-cloud:before { 9988 content: "\f0c2"; 9989} 9990.fa-flask:before { 9991 content: "\f0c3"; 9992} 9993.fa-cut:before, 9994.fa-scissors:before { 9995 content: "\f0c4"; 9996} 9997.fa-copy:before, 9998.fa-files-o:before { 9999 content: "\f0c5"; 10000} 10001.fa-paperclip:before { 10002 content: "\f0c6"; 10003} 10004.fa-save:before, 10005.fa-floppy-o:before { 10006 content: "\f0c7"; 10007} 10008.fa-square:before { 10009 content: "\f0c8"; 10010} 10011.fa-navicon:before, 10012.fa-reorder:before, 10013.fa-bars:before { 10014 content: "\f0c9"; 10015} 10016.fa-list-ul:before { 10017 content: "\f0ca"; 10018} 10019.fa-list-ol:before { 10020 content: "\f0cb"; 10021} 10022.fa-strikethrough:before { 10023 content: "\f0cc"; 10024} 10025.fa-underline:before { 10026 content: "\f0cd"; 10027} 10028.fa-table:before { 10029 content: "\f0ce"; 10030} 10031.fa-magic:before { 10032 content: "\f0d0"; 10033} 10034.fa-truck:before { 10035 content: "\f0d1"; 10036} 10037.fa-pinterest:before { 10038 content: "\f0d2"; 10039} 10040.fa-pinterest-square:before { 10041 content: "\f0d3"; 10042} 10043.fa-google-plus-square:before { 10044 content: "\f0d4"; 10045} 10046.fa-google-plus:before { 10047 content: "\f0d5"; 10048} 10049.fa-money:before { 10050 content: "\f0d6"; 10051} 10052.fa-caret-down:before { 10053 content: "\f0d7"; 10054} 10055.fa-caret-up:before { 10056 content: "\f0d8"; 10057} 10058.fa-caret-left:before { 10059 content: "\f0d9"; 10060} 10061.fa-caret-right:before { 10062 content: "\f0da"; 10063} 10064.fa-columns:before { 10065 content: "\f0db"; 10066} 10067.fa-unsorted:before, 10068.fa-sort:before { 10069 content: "\f0dc"; 10070} 10071.fa-sort-down:before, 10072.fa-sort-desc:before { 10073 content: "\f0dd"; 10074} 10075.fa-sort-up:before, 10076.fa-sort-asc:before { 10077 content: "\f0de"; 10078} 10079.fa-envelope:before { 10080 content: "\f0e0"; 10081} 10082.fa-linkedin:before { 10083 content: "\f0e1"; 10084} 10085.fa-rotate-left:before, 10086.fa-undo:before { 10087 content: "\f0e2"; 10088} 10089.fa-legal:before, 10090.fa-gavel:before { 10091 content: "\f0e3"; 10092} 10093.fa-dashboard:before, 10094.fa-tachometer:before { 10095 content: "\f0e4"; 10096} 10097.fa-comment-o:before { 10098 content: "\f0e5"; 10099} 10100.fa-comments-o:before { 10101 content: "\f0e6"; 10102} 10103.fa-flash:before, 10104.fa-bolt:before { 10105 content: "\f0e7"; 10106} 10107.fa-sitemap:before { 10108 content: "\f0e8"; 10109} 10110.fa-umbrella:before { 10111 content: "\f0e9"; 10112} 10113.fa-paste:before, 10114.fa-clipboard:before { 10115 content: "\f0ea"; 10116} 10117.fa-lightbulb-o:before { 10118 content: "\f0eb"; 10119} 10120.fa-exchange:before { 10121 content: "\f0ec"; 10122} 10123.fa-cloud-download:before { 10124 content: "\f0ed"; 10125} 10126.fa-cloud-upload:before { 10127 content: "\f0ee"; 10128} 10129.fa-user-md:before { 10130 content: "\f0f0"; 10131} 10132.fa-stethoscope:before { 10133 content: "\f0f1"; 10134} 10135.fa-suitcase:before { 10136 content: "\f0f2"; 10137} 10138.fa-bell-o:before { 10139 content: "\f0a2"; 10140} 10141.fa-coffee:before { 10142 content: "\f0f4"; 10143} 10144.fa-cutlery:before { 10145 content: "\f0f5"; 10146} 10147.fa-file-text-o:before { 10148 content: "\f0f6"; 10149} 10150.fa-building-o:before { 10151 content: "\f0f7"; 10152} 10153.fa-hospital-o:before { 10154 content: "\f0f8"; 10155} 10156.fa-ambulance:before { 10157 content: "\f0f9"; 10158} 10159.fa-medkit:before { 10160 content: "\f0fa"; 10161} 10162.fa-fighter-jet:before { 10163 content: "\f0fb"; 10164} 10165.fa-beer:before { 10166 content: "\f0fc"; 10167} 10168.fa-h-square:before { 10169 content: "\f0fd"; 10170} 10171.fa-plus-square:before { 10172 content: "\f0fe"; 10173} 10174.fa-angle-double-left:before { 10175 content: "\f100"; 10176} 10177.fa-angle-double-right:before { 10178 content: "\f101"; 10179} 10180.fa-angle-double-up:before { 10181 content: "\f102"; 10182} 10183.fa-angle-double-down:before { 10184 content: "\f103"; 10185} 10186.fa-angle-left:before { 10187 content: "\f104"; 10188} 10189.fa-angle-right:before { 10190 content: "\f105"; 10191} 10192.fa-angle-up:before { 10193 content: "\f106"; 10194} 10195.fa-angle-down:before { 10196 content: "\f107"; 10197} 10198.fa-desktop:before { 10199 content: "\f108"; 10200} 10201.fa-laptop:before { 10202 content: "\f109"; 10203} 10204.fa-tablet:before { 10205 content: "\f10a"; 10206} 10207.fa-mobile-phone:before, 10208.fa-mobile:before { 10209 content: "\f10b"; 10210} 10211.fa-circle-o:before { 10212 content: "\f10c"; 10213} 10214.fa-quote-left:before { 10215 content: "\f10d"; 10216} 10217.fa-quote-right:before { 10218 content: "\f10e"; 10219} 10220.fa-spinner:before { 10221 content: "\f110"; 10222} 10223.fa-circle:before { 10224 content: "\f111"; 10225} 10226.fa-mail-reply:before, 10227.fa-reply:before { 10228 content: "\f112"; 10229} 10230.fa-github-alt:before { 10231 content: "\f113"; 10232} 10233.fa-folder-o:before { 10234 content: "\f114"; 10235} 10236.fa-folder-open-o:before { 10237 content: "\f115"; 10238} 10239.fa-smile-o:before { 10240 content: "\f118"; 10241} 10242.fa-frown-o:before { 10243 content: "\f119"; 10244} 10245.fa-meh-o:before { 10246 content: "\f11a"; 10247} 10248.fa-gamepad:before { 10249 content: "\f11b"; 10250} 10251.fa-keyboard-o:before { 10252 content: "\f11c"; 10253} 10254.fa-flag-o:before { 10255 content: "\f11d"; 10256} 10257.fa-flag-checkered:before { 10258 content: "\f11e"; 10259} 10260.fa-terminal:before { 10261 content: "\f120"; 10262} 10263.fa-code:before { 10264 content: "\f121"; 10265} 10266.fa-mail-reply-all:before, 10267.fa-reply-all:before { 10268 content: "\f122"; 10269} 10270.fa-star-half-empty:before, 10271.fa-star-half-full:before, 10272.fa-star-half-o:before { 10273 content: "\f123"; 10274} 10275.fa-location-arrow:before { 10276 content: "\f124"; 10277} 10278.fa-crop:before { 10279 content: "\f125"; 10280} 10281.fa-code-fork:before { 10282 content: "\f126"; 10283} 10284.fa-unlink:before, 10285.fa-chain-broken:before { 10286 content: "\f127"; 10287} 10288.fa-question:before { 10289 content: "\f128"; 10290} 10291.fa-info:before { 10292 content: "\f129"; 10293} 10294.fa-exclamation:before { 10295 content: "\f12a"; 10296} 10297.fa-superscript:before { 10298 content: "\f12b"; 10299} 10300.fa-subscript:before { 10301 content: "\f12c"; 10302} 10303.fa-eraser:before { 10304 content: "\f12d"; 10305} 10306.fa-puzzle-piece:before { 10307 content: "\f12e"; 10308} 10309.fa-microphone:before { 10310 content: "\f130"; 10311} 10312.fa-microphone-slash:before { 10313 content: "\f131"; 10314} 10315.fa-shield:before { 10316 content: "\f132"; 10317} 10318.fa-calendar-o:before { 10319 content: "\f133"; 10320} 10321.fa-fire-extinguisher:before { 10322 content: "\f134"; 10323} 10324.fa-rocket:before { 10325 content: "\f135"; 10326} 10327.fa-maxcdn:before { 10328 content: "\f136"; 10329} 10330.fa-chevron-circle-left:before { 10331 content: "\f137"; 10332} 10333.fa-chevron-circle-right:before { 10334 content: "\f138"; 10335} 10336.fa-chevron-circle-up:before { 10337 content: "\f139"; 10338} 10339.fa-chevron-circle-down:before { 10340 content: "\f13a"; 10341} 10342.fa-html5:before { 10343 content: "\f13b"; 10344} 10345.fa-css3:before { 10346 content: "\f13c"; 10347} 10348.fa-anchor:before { 10349 content: "\f13d"; 10350} 10351.fa-unlock-alt:before { 10352 content: "\f13e"; 10353} 10354.fa-bullseye:before { 10355 content: "\f140"; 10356} 10357.fa-ellipsis-h:before { 10358 content: "\f141"; 10359} 10360.fa-ellipsis-v:before { 10361 content: "\f142"; 10362} 10363.fa-rss-square:before { 10364 content: "\f143"; 10365} 10366.fa-play-circle:before { 10367 content: "\f144"; 10368} 10369.fa-ticket:before { 10370 content: "\f145"; 10371} 10372.fa-minus-square:before { 10373 content: "\f146"; 10374} 10375.fa-minus-square-o:before { 10376 content: "\f147"; 10377} 10378.fa-level-up:before { 10379 content: "\f148"; 10380} 10381.fa-level-down:before { 10382 content: "\f149"; 10383} 10384.fa-check-square:before { 10385 content: "\f14a"; 10386} 10387.fa-pencil-square:before { 10388 content: "\f14b"; 10389} 10390.fa-external-link-square:before { 10391 content: "\f14c"; 10392} 10393.fa-share-square:before { 10394 content: "\f14d"; 10395} 10396.fa-compass:before { 10397 content: "\f14e"; 10398} 10399.fa-toggle-down:before, 10400.fa-caret-square-o-down:before { 10401 content: "\f150"; 10402} 10403.fa-toggle-up:before, 10404.fa-caret-square-o-up:before { 10405 content: "\f151"; 10406} 10407.fa-toggle-right:before, 10408.fa-caret-square-o-right:before { 10409 content: "\f152"; 10410} 10411.fa-euro:before, 10412.fa-eur:before { 10413 content: "\f153"; 10414} 10415.fa-gbp:before { 10416 content: "\f154"; 10417} 10418.fa-dollar:before, 10419.fa-usd:before { 10420 content: "\f155"; 10421} 10422.fa-rupee:before, 10423.fa-inr:before { 10424 content: "\f156"; 10425} 10426.fa-cny:before, 10427.fa-rmb:before, 10428.fa-yen:before, 10429.fa-jpy:before { 10430 content: "\f157"; 10431} 10432.fa-ruble:before, 10433.fa-rouble:before, 10434.fa-rub:before { 10435 content: "\f158"; 10436} 10437.fa-won:before, 10438.fa-krw:before { 10439 content: "\f159"; 10440} 10441.fa-bitcoin:before, 10442.fa-btc:before { 10443 content: "\f15a"; 10444} 10445.fa-file:before { 10446 content: "\f15b"; 10447} 10448.fa-file-text:before { 10449 content: "\f15c"; 10450} 10451.fa-sort-alpha-asc:before { 10452 content: "\f15d"; 10453} 10454.fa-sort-alpha-desc:before { 10455 content: "\f15e"; 10456} 10457.fa-sort-amount-asc:before { 10458 content: "\f160"; 10459} 10460.fa-sort-amount-desc:before { 10461 content: "\f161"; 10462} 10463.fa-sort-numeric-asc:before { 10464 content: "\f162"; 10465} 10466.fa-sort-numeric-desc:before { 10467 content: "\f163"; 10468} 10469.fa-thumbs-up:before { 10470 content: "\f164"; 10471} 10472.fa-thumbs-down:before { 10473 content: "\f165"; 10474} 10475.fa-youtube-square:before { 10476 content: "\f166"; 10477} 10478.fa-youtube:before { 10479 content: "\f167"; 10480} 10481.fa-xing:before { 10482 content: "\f168"; 10483} 10484.fa-xing-square:before {
10485 content: "\f169"; 10486} 10487.fa-youtube-play:before { 10488 content: "\f16a"; 10489} 10490.fa-dropbox:before { 10491 content: "\f16b"; 10492} 10493.fa-stack-overflow:before { 10494 content: "\f16c"; 10495} 10496.fa-instagram:before { 10497 content: "\f16d"; 10498} 10499.fa-flickr:before { 10500 content: "\f16e"; 10501} 10502.fa-adn:before { 10503 content: "\f170"; 10504} 10505.fa-bitbucket:before { 10506 content: "\f171"; 10507} 10508.fa-bitbucket-square:before { 10509 content: "\f172"; 10510} 10511.fa-tumblr:before { 10512 content: "\f173"; 10513} 10514.fa-tumblr-square:before { 10515 content: "\f174"; 10516} 10517.fa-long-arrow-down:before { 10518 content: "\f175"; 10519} 10520.fa-long-arrow-up:before { 10521 content: "\f176"; 10522} 10523.fa-long-arrow-left:before { 10524 content: "\f177"; 10525} 10526.fa-long-arrow-right:before { 10527 content: "\f178"; 10528} 10529.fa-apple:before { 10530 content: "\f179"; 10531} 10532.fa-windows:before { 10533 content: "\f17a"; 10534} 10535.fa-android:before { 10536 content: "\f17b"; 10537} 10538.fa-linux:before { 10539 content: "\f17c"; 10540} 10541.fa-dribbble:before { 10542 content: "\f17d"; 10543} 10544.fa-skype:before { 10545 content: "\f17e"; 10546} 10547.fa-foursquare:before { 10548 content: "\f180"; 10549} 10550.fa-trello:before { 10551 content: "\f181"; 10552} 10553.fa-female:before { 10554 content: "\f182"; 10555} 10556.fa-male:before { 10557 content: "\f183"; 10558} 10559.fa-gittip:before, 10560.fa-gratipay:before { 10561 content: "\f184"; 10562} 10563.fa-sun-o:before { 10564 content: "\f185"; 10565} 10566.fa-moon-o:before { 10567 content: "\f186"; 10568} 10569.fa-archive:before { 10570 content: "\f187"; 10571} 10572.fa-bug:before { 10573 content: "\f188"; 10574} 10575.fa-vk:before { 10576 content: "\f189"; 10577} 10578.fa-weibo:before { 10579 content: "\f18a"; 10580} 10581.fa-renren:before { 10582 content: "\f18b"; 10583} 10584.fa-pagelines:before { 10585 content: "\f18c"; 10586} 10587.fa-stack-exchange:before { 10588 content: "\f18d"; 10589} 10590.fa-arrow-circle-o-right:before { 10591 content: "\f18e"; 10592} 10593.fa-arrow-circle-o-left:before { 10594 content: "\f190"; 10595} 10596.fa-toggle-left:before, 10597.fa-caret-square-o-left:before { 10598 content: "\f191"; 10599} 10600.fa-dot-circle-o:before { 10601 content: "\f192"; 10602} 10603.fa-wheelchair:before { 10604 content: "\f193"; 10605} 10606.fa-vimeo-square:before { 10607 content: "\f194"; 10608} 10609.fa-turkish-lira:before, 10610.fa-try:before { 10611 content: "\f195"; 10612} 10613.fa-plus-square-o:before { 10614 content: "\f196"; 10615} 10616.fa-space-shuttle:before { 10617 content: "\f197"; 10618} 10619.fa-slack:before { 10620 content: "\f198"; 10621} 10622.fa-envelope-square:before { 10623 content: "\f199"; 10624} 10625.fa-wordpress:before { 10626 content: "\f19a"; 10627} 10628.fa-openid:before { 10629 content: "\f19b"; 10630} 10631.fa-institution:before, 10632.fa-bank:before, 10633.fa-university:before { 10634 content: "\f19c"; 10635} 10636.fa-mortar-board:before, 10637.fa-graduation-cap:before { 10638 content: "\f19d"; 10639} 10640.fa-yahoo:before { 10641 content: "\f19e"; 10642} 10643.fa-google:before { 10644 content: "\f1a0"; 10645} 10646.fa-reddit:before { 10647 content: "\f1a1"; 10648} 10649.fa-reddit-square:before { 10650 content: "\f1a2"; 10651} 10652.fa-stumbleupon-circle:before { 10653 content: "\f1a3"; 10654} 10655.fa-stumbleupon:before { 10656 content: "\f1a4"; 10657} 10658.fa-delicious:before { 10659 content: "\f1a5"; 10660} 10661.fa-digg:before { 10662 content: "\f1a6"; 10663} 10664.fa-pied-piper-pp:before { 10665 content: "\f1a7"; 10666} 10667.fa-pied-piper-alt:before { 10668 content: "\f1a8"; 10669} 10670.fa-drupal:before { 10671 content: "\f1a9"; 10672} 10673.fa-joomla:before { 10674 content: "\f1aa"; 10675} 10676.fa-language:before { 10677 content: "\f1ab"; 10678} 10679.fa-fax:before { 10680 content: "\f1ac"; 10681} 10682.fa-building:before { 10683 content: "\f1ad"; 10684} 10685.fa-child:before { 10686 content: "\f1ae"; 10687} 10688.fa-paw:before { 10689 content: "\f1b0"; 10690} 10691.fa-spoon:before { 10692 content: "\f1b1"; 10693} 10694.fa-cube:before { 10695 content: "\f1b2"; 10696} 10697.fa-cubes:before { 10698 content: "\f1b3"; 10699} 10700.fa-behance:before { 10701 content: "\f1b4"; 10702} 10703.fa-behance-square:before { 10704 content: "\f1b5"; 10705} 10706.fa-steam:before { 10707 content: "\f1b6"; 10708} 10709.fa-steam-square:before { 10710 content: "\f1b7"; 10711} 10712.fa-recycle:before { 10713 content: "\f1b8"; 10714} 10715.fa-automobile:before, 10716.fa-car:before { 10717 content: "\f1b9"; 10718} 10719.fa-cab:before, 10720.fa-taxi:before { 10721 content: "\f1ba"; 10722} 10723.fa-tree:before { 10724 content: "\f1bb"; 10725} 10726.fa-spotify:before { 10727 content: "\f1bc"; 10728} 10729.fa-deviantart:before { 10730 content: "\f1bd"; 10731} 10732.fa-soundcloud:before { 10733 content: "\f1be"; 10734} 10735.fa-database:before { 10736 content: "\f1c0"; 10737} 10738.fa-file-pdf-o:before { 10739 content: "\f1c1"; 10740} 10741.fa-file-word-o:before { 10742 content: "\f1c2"; 10743} 10744.fa-file-excel-o:before { 10745 content: "\f1c3"; 10746} 10747.fa-file-powerpoint-o:before { 10748 content: "\f1c4"; 10749} 10750.fa-file-photo-o:before, 10751.fa-file-picture-o:before, 10752.fa-file-image-o:before { 10753 content: "\f1c5"; 10754} 10755.fa-file-zip-o:before, 10756.fa-file-archive-o:before { 10757 content: "\f1c6"; 10758} 10759.fa-file-sound-o:before, 10760.fa-file-audio-o:before { 10761 content: "\f1c7"; 10762} 10763.fa-file-movie-o:before, 10764.fa-file-video-o:before { 10765 content: "\f1c8"; 10766} 10767.fa-file-code-o:before { 10768 content: "\f1c9"; 10769} 10770.fa-vine:before { 10771 content: "\f1ca"; 10772} 10773.fa-codepen:before { 10774 content: "\f1cb"; 10775} 10776.fa-jsfiddle:before { 10777 content: "\f1cc"; 10778} 10779.fa-life-bouy:before, 10780.fa-life-buoy:before, 10781.fa-life-saver:before, 10782.fa-support:before, 10783.fa-life-ring:before { 10784 content: "\f1cd"; 10785} 10786.fa-circle-o-notch:before { 10787 content: "\f1ce"; 10788} 10789.fa-ra:before, 10790.fa-resistance:before, 10791.fa-rebel:before { 10792 content: "\f1d0"; 10793} 10794.fa-ge:before, 10795.fa-empire:before { 10796 content: "\f1d1"; 10797} 10798.fa-git-square:before { 10799 content: "\f1d2"; 10800} 10801.fa-git:before { 10802 content: "\f1d3"; 10803} 10804.fa-y-combinator-square:before, 10805.fa-yc-square:before, 10806.fa-hacker-news:before { 10807 content: "\f1d4"; 10808} 10809.fa-tencent-weibo:before { 10810 content: "\f1d5"; 10811} 10812.fa-qq:before { 10813 content: "\f1d6"; 10814} 10815.fa-wechat:before, 10816.fa-weixin:before { 10817 content: "\f1d7"; 10818} 10819.fa-send:before, 10820.fa-paper-plane:before { 10821 content: "\f1d8"; 10822} 10823.fa-send-o:before, 10824.fa-paper-plane-o:before { 10825 content: "\f1d9"; 10826} 10827.fa-history:before { 10828 content: "\f1da"; 10829} 10830.fa-circle-thin:before { 10831 content: "\f1db"; 10832} 10833.fa-header:before { 10834 content: "\f1dc"; 10835} 10836.fa-paragraph:before { 10837 content: "\f1dd"; 10838} 10839.fa-sliders:before { 10840 content: "\f1de"; 10841} 10842.fa-share-alt:before { 10843 content: "\f1e0"; 10844} 10845.fa-share-alt-square:before { 10846 content: "\f1e1"; 10847} 10848.fa-bomb:before { 10849 content: "\f1e2"; 10850} 10851.fa-soccer-ball-o:before, 10852.fa-futbol-o:before { 10853 content: "\f1e3"; 10854} 10855.fa-tty:before { 10856 content: "\f1e4"; 10857} 10858.fa-binoculars:before { 10859 content: "\f1e5"; 10860} 10861.fa-plug:before { 10862 content: "\f1e6"; 10863} 10864.fa-slideshare:before { 10865 content: "\f1e7"; 10866} 10867.fa-twitch:before { 10868 content: "\f1e8"; 10869} 10870.fa-yelp:before { 10871 content: "\f1e9"; 10872} 10873.fa-newspaper-o:before { 10874 content: "\f1ea"; 10875} 10876.fa-wifi:before { 10877 content: "\f1eb"; 10878} 10879.fa-calculator:before { 10880 content: "\f1ec"; 10881} 10882.fa-paypal:before { 10883 content: "\f1ed"; 10884} 10885.fa-google-wallet:before { 10886 content: "\f1ee"; 10887} 10888.fa-cc-visa:before { 10889 content: "\f1f0"; 10890} 10891.fa-cc-mastercard:before { 10892 content: "\f1f1"; 10893} 10894.fa-cc-discover:before { 10895 content: "\f1f2"; 10896} 10897.fa-cc-amex:before { 10898 content: "\f1f3"; 10899} 10900.fa-cc-paypal:before { 10901 content: "\f1f4"; 10902} 10903.fa-cc-stripe:before { 10904 content: "\f1f5"; 10905} 10906.fa-bell-slash:before { 10907 content: "\f1f6"; 10908} 10909.fa-bell-slash-o:before { 10910 content: "\f1f7"; 10911} 10912.fa-trash:before { 10913 content: "\f1f8"; 10914} 10915.fa-copyright:before { 10916 content: "\f1f9"; 10917} 10918.fa-at:before { 10919 content: "\f1fa"; 10920} 10921.fa-eyedropper:before { 10922 content: "\f1fb"; 10923} 10924.fa-paint-brush:before { 10925 content: "\f1fc"; 10926} 10927.fa-birthday-cake:before { 10928 content: "\f1fd"; 10929} 10930.fa-area-chart:before { 10931 content: "\f1fe"; 10932} 10933.fa-pie-chart:before { 10934 content: "\f200"; 10935} 10936.fa-line-chart:before { 10937 content: "\f201"; 10938} 10939.fa-lastfm:before { 10940 content: "\f202"; 10941} 10942.fa-lastfm-square:before { 10943 content: "\f203"; 10944} 10945.fa-toggle-off:before { 10946 content: "\f204"; 10947} 10948.fa-toggle-on:before { 10949 content: "\f205"; 10950} 10951.fa-bicycle:before { 10952 content: "\f206"; 10953} 10954.fa-bus:before { 10955 content: "\f207"; 10956} 10957.fa-ioxhost:before { 10958 content: "\f208"; 10959} 10960.fa-angellist:before { 10961 content: "\f209"; 10962} 10963.fa-cc:before { 10964 content: "\f20a"; 10965} 10966.fa-shekel:before, 10967.fa-sheqel:before, 10968.fa-ils:before { 10969 content: "\f20b"; 10970} 10971.fa-meanpath:before { 10972 content: "\f20c"; 10973} 10974.fa-buysellads:before { 10975 content: "\f20d"; 10976} 10977.fa-connectdevelop:before { 10978 content: "\f20e"; 10979} 10980.fa-dashcube:before { 10981 content: "\f210"; 10982} 10983.fa-forumbee:before { 10984 content: "\f211"; 10985} 10986.fa-leanpub:before { 10987 content: "\f212"; 10988} 10989.fa-sellsy:before { 10990 content: "\f213"; 10991} 10992.fa-shirtsinbulk:before { 10993 content: "\f214"; 10994} 10995.fa-simplybuilt:before { 10996 content: "\f215"; 10997} 10998.fa-skyatlas:before { 10999 content: "\f216"; 11000} 11001.fa-cart-plus:before { 11002 content: "\f217"; 11003} 11004.fa-cart-arrow-down:before { 11005 content: "\f218"; 11006} 11007.fa-diamond:before { 11008 content: "\f219"; 11009} 11010.fa-ship:before { 11011 content: "\f21a"; 11012} 11013.fa-user-secret:before { 11014 content: "\f21b"; 11015} 11016.fa-motorcycle:before { 11017 content: "\f21c"; 11018}
11019.fa-street-view:before { 11020 content: "\f21d"; 11021} 11022.fa-heartbeat:before { 11023 content: "\f21e"; 11024} 11025.fa-venus:before { 11026 content: "\f221"; 11027} 11028.fa-mars:before { 11029 content: "\f222"; 11030} 11031.fa-mercury:before { 11032 content: "\f223"; 11033} 11034.fa-intersex:before, 11035.fa-transgender:before { 11036 content: "\f224"; 11037} 11038.fa-transgender-alt:before { 11039 content: "\f225"; 11040} 11041.fa-venus-double:before { 11042 content: "\f226"; 11043} 11044.fa-mars-double:before { 11045 content: "\f227"; 11046} 11047.fa-venus-mars:before { 11048 content: "\f228"; 11049} 11050.fa-mars-stroke:before { 11051 content: "\f229"; 11052} 11053.fa-mars-stroke-v:before { 11054 content: "\f22a"; 11055} 11056.fa-mars-stroke-h:before { 11057 content: "\f22b"; 11058} 11059.fa-neuter:before { 11060 content: "\f22c"; 11061} 11062.fa-genderless:before { 11063 content: "\f22d"; 11064} 11065.fa-facebook-official:before { 11066 content: "\f230"; 11067} 11068.fa-pinterest-p:before { 11069 content: "\f231"; 11070} 11071.fa-whatsapp:before { 11072 content: "\f232"; 11073} 11074.fa-server:before { 11075 content: "\f233"; 11076} 11077.fa-user-plus:before { 11078 content: "\f234"; 11079} 11080.fa-user-times:before { 11081 content: "\f235"; 11082} 11083.fa-hotel:before, 11084.fa-bed:before { 11085 content: "\f236"; 11086} 11087.fa-viacoin:before { 11088 content: "\f237"; 11089} 11090.fa-train:before { 11091 content: "\f238"; 11092} 11093.fa-subway:before { 11094 content: "\f239"; 11095} 11096.fa-medium:before { 11097 content: "\f23a"; 11098} 11099.fa-yc:before, 11100.fa-y-combinator:before { 11101 content: "\f23b"; 11102} 11103.fa-optin-monster:before { 11104 content: "\f23c"; 11105} 11106.fa-opencart:before { 11107 content: "\f23d"; 11108} 11109.fa-expeditedssl:before { 11110 content: "\f23e"; 11111} 11112.fa-battery-4:before, 11113.fa-battery:before, 11114.fa-battery-full:before { 11115 content: "\f240"; 11116} 11117.fa-battery-3:before, 11118.fa-battery-three-quarters:before { 11119 content: "\f241"; 11120} 11121.fa-battery-2:before, 11122.fa-battery-half:before { 11123 content: "\f242"; 11124} 11125.fa-battery-1:before, 11126.fa-battery-quarter:before { 11127 content: "\f243"; 11128} 11129.fa-battery-0:before, 11130.fa-battery-empty:before { 11131 content: "\f244"; 11132} 11133.fa-mouse-pointer:before { 11134 content: "\f245"; 11135} 11136.fa-i-cursor:before { 11137 content: "\f246"; 11138} 11139.fa-object-group:before { 11140 content: "\f247"; 11141} 11142.fa-object-ungroup:before { 11143 content: "\f248"; 11144} 11145.fa-sticky-note:before { 11146 content: "\f249"; 11147} 11148.fa-sticky-note-o:before { 11149 content: "\f24a"; 11150} 11151.fa-cc-jcb:before { 11152 content: "\f24b"; 11153} 11154.fa-cc-diners-club:before { 11155 content: "\f24c"; 11156} 11157.fa-clone:before { 11158 content: "\f24d"; 11159} 11160.fa-balance-scale:before { 11161 content: "\f24e"; 11162} 11163.fa-hourglass-o:before { 11164 content: "\f250"; 11165} 11166.fa-hourglass-1:before, 11167.fa-hourglass-start:before { 11168 content: "\f251"; 11169} 11170.fa-hourglass-2:before, 11171.fa-hourglass-half:before { 11172 content: "\f252"; 11173} 11174.fa-hourglass-3:before, 11175.fa-hourglass-end:before { 11176 content: "\f253"; 11177} 11178.fa-hourglass:before { 11179 content: "\f254"; 11180} 11181.fa-hand-grab-o:before, 11182.fa-hand-rock-o:before { 11183 content: "\f255"; 11184} 11185.fa-hand-stop-o:before, 11186.fa-hand-paper-o:before { 11187 content: "\f256"; 11188} 11189.fa-hand-scissors-o:before { 11190 content: "\f257"; 11191} 11192.fa-hand-lizard-o:before { 11193 content: "\f258"; 11194} 11195.fa-hand-spock-o:before { 11196 content: "\f259"; 11197} 11198.fa-hand-pointer-o:before { 11199 content: "\f25a"; 11200} 11201.fa-hand-peace-o:before { 11202 content: "\f25b"; 11203} 11204.fa-trademark:before { 11205 content: "\f25c"; 11206} 11207.fa-registered:before { 11208 content: "\f25d"; 11209} 11210.fa-creative-commons:before { 11211 content: "\f25e"; 11212} 11213.fa-gg:before { 11214 content: "\f260"; 11215} 11216.fa-gg-circle:before { 11217 content: "\f261"; 11218} 11219.fa-tripadvisor:before { 11220 content: "\f262"; 11221} 11222.fa-odnoklassniki:before { 11223 content: "\f263"; 11224} 11225.fa-odnoklassniki-square:before { 11226 content: "\f264"; 11227} 11228.fa-get-pocket:before { 11229 content: "\f265"; 11230} 11231.fa-wikipedia-w:before { 11232 content: "\f266"; 11233} 11234.fa-safari:before { 11235 content: "\f267"; 11236} 11237.fa-chrome:before { 11238 content: "\f268"; 11239} 11240.fa-firefox:before { 11241 content: "\f269"; 11242} 11243.fa-opera:before { 11244 content: "\f26a"; 11245} 11246.fa-internet-explorer:before { 11247 content: "\f26b"; 11248} 11249.fa-tv:before, 11250.fa-television:before { 11251 content: "\f26c"; 11252} 11253.fa-contao:before { 11254 content: "\f26d"; 11255} 11256.fa-500px:before { 11257 content: "\f26e"; 11258} 11259.fa-amazon:before { 11260 content: "\f270"; 11261} 11262.fa-calendar-plus-o:before { 11263 content: "\f271"; 11264} 11265.fa-calendar-minus-o:before { 11266 content: "\f272"; 11267} 11268.fa-calendar-times-o:before { 11269 content: "\f273"; 11270} 11271.fa-calendar-check-o:before { 11272 content: "\f274"; 11273} 11274.fa-industry:before { 11275 content: "\f275"; 11276} 11277.fa-map-pin:before { 11278 content: "\f276"; 11279} 11280.fa-map-signs:before { 11281 content: "\f277"; 11282} 11283.fa-map-o:before { 11284 content: "\f278"; 11285} 11286.fa-map:before { 11287 content: "\f279"; 11288} 11289.fa-commenting:before { 11290 content: "\f27a"; 11291} 11292.fa-commenting-o:before { 11293 content: "\f27b"; 11294} 11295.fa-houzz:before { 11296 content: "\f27c"; 11297} 11298.fa-vimeo:before { 11299 content: "\f27d"; 11300} 11301.fa-black-tie:before { 11302 content: "\f27e"; 11303} 11304.fa-fonticons:before { 11305 content: "\f280"; 11306} 11307.fa-reddit-alien:before { 11308 content: "\f281"; 11309} 11310.fa-edge:before { 11311 content: "\f282"; 11312} 11313.fa-credit-card-alt:before { 11314 content: "\f283"; 11315} 11316.fa-codiepie:before { 11317 content: "\f284"; 11318} 11319.fa-modx:before { 11320 content: "\f285"; 11321} 11322.fa-fort-awesome:before { 11323 content: "\f286"; 11324} 11325.fa-usb:before { 11326 content: "\f287"; 11327} 11328.fa-product-hunt:before { 11329 content: "\f288"; 11330} 11331.fa-mixcloud:before { 11332 content: "\f289"; 11333} 11334.fa-scribd:before { 11335 content: "\f28a"; 11336} 11337.fa-pause-circle:before { 11338 content: "\f28b"; 11339} 11340.fa-pause-circle-o:before { 11341 content: "\f28c"; 11342} 11343.fa-stop-circle:before { 11344 content: "\f28d"; 11345} 11346.fa-stop-circle-o:before { 11347 content: "\f28e"; 11348} 11349.fa-shopping-bag:before { 11350 content: "\f290"; 11351} 11352.fa-shopping-basket:before { 11353 content: "\f291"; 11354} 11355.fa-hashtag:before { 11356 content: "\f292"; 11357} 11358.fa-bluetooth:before { 11359 content: "\f293"; 11360} 11361.fa-bluetooth-b:before { 11362 content: "\f294"; 11363} 11364.fa-percent:before { 11365 content: "\f295"; 11366} 11367.fa-gitlab:before { 11368 content: "\f296"; 11369} 11370.fa-wpbeginner:before { 11371 content: "\f297"; 11372} 11373.fa-wpforms:before { 11374 content: "\f298"; 11375} 11376.fa-envira:before { 11377 content: "\f299"; 11378} 11379.fa-universal-access:before { 11380 content: "\f29a"; 11381}
11382.fa-wheelchair-alt:before { 11383 content: "\f29b"; 11384} 11385.fa-question-circle-o:before { 11386 content: "\f29c"; 11387} 11388.fa-blind:before { 11389 content: "\f29d"; 11390} 11391.fa-audio-description:before { 11392 content: "\f29e"; 11393} 11394.fa-volume-control-phone:before { 11395 content: "\f2a0"; 11396} 11397.fa-braille:before { 11398 content: "\f2a1"; 11399} 11400.fa-assistive-listening-systems:before { 11401 content: "\f2a2"; 11402} 11403.fa-asl-interpreting:before, 11404.fa-american-sign-language-interpreting:before { 11405 content: "\f2a3"; 11406} 11407.fa-deafness:before, 11408.fa-hard-of-hearing:before, 11409.fa-deaf:before { 11410 content: "\f2a4"; 11411} 11412.fa-glide:before { 11413 content: "\f2a5"; 11414} 11415.fa-glide-g:before { 11416 content: "\f2a6"; 11417} 11418.fa-signing:before, 11419.fa-sign-language:before { 11420 content: "\f2a7"; 11421} 11422.fa-low-vision:before { 11423 content: "\f2a8"; 11424} 11425.fa-viadeo:before { 11426 content: "\f2a9"; 11427} 11428.fa-viadeo-square:before { 11429 content: "\f2aa"; 11430} 11431.fa-snapchat:before { 11432 content: "\f2ab"; 11433} 11434.fa-snapchat-ghost:before { 11435 content: "\f2ac"; 11436} 11437.fa-snapchat-square:before { 11438 content: "\f2ad"; 11439} 11440.fa-pied-piper:before { 11441 content: "\f2ae"; 11442} 11443.fa-first-order:before { 11444 content: "\f2b0"; 11445} 11446.fa-yoast:before { 11447 content: "\f2b1"; 11448} 11449.fa-themeisle:before { 11450 content: "\f2b2"; 11451} 11452.fa-google-plus-circle:before, 11453.fa-google-plus-official:before { 11454 content: "\f2b3"; 11455} 11456.fa-fa:before, 11457.fa-font-awesome:before { 11458 content: "\f2b4"; 11459} 11460.fa-handshake-o:before { 11461 content: "\f2b5"; 11462} 11463.fa-envelope-open:before { 11464 content: "\f2b6"; 11465} 11466.fa-envelope-open-o:before { 11467 content: "\f2b7"; 11468} 11469.fa-linode:before { 11470 content: "\f2b8"; 11471} 11472.fa-address-book:before { 11473 content: "\f2b9"; 11474} 11475.fa-address-book-o:before { 11476 content: "\f2ba"; 11477} 11478.fa-vcard:before, 11479.fa-address-card:before { 11480 content: "\f2bb"; 11481} 11482.fa-vcard-o:before, 11483.fa-address-card-o:before { 11484 content: "\f2bc"; 11485} 11486.fa-user-circle:before { 11487 content: "\f2bd"; 11488} 11489.fa-user-circle-o:before { 11490 content: "\f2be"; 11491} 11492.fa-user-o:before { 11493 content: "\f2c0"; 11494} 11495.fa-id-badge:before { 11496 content: "\f2c1"; 11497} 11498.fa-drivers-license:before, 11499.fa-id-card:before { 11500 content: "\f2c2"; 11501} 11502.fa-drivers-license-o:before, 11503.fa-id-card-o:before { 11504 content: "\f2c3"; 11505} 11506.fa-quora:before { 11507 content: "\f2c4"; 11508} 11509.fa-free-code-camp:before { 11510 content: "\f2c5"; 11511} 11512.fa-telegram:before { 11513 content: "\f2c6"; 11514} 11515.fa-thermometer-4:before, 11516.fa-thermometer:before, 11517.fa-thermometer-full:before { 11518 content: "\f2c7"; 11519} 11520.fa-thermometer-3:before, 11521.fa-thermometer-three-quarters:before { 11522 content: "\f2c8"; 11523} 11524.fa-thermometer-2:before, 11525.fa-thermometer-half:before { 11526 content: "\f2c9"; 11527} 11528.fa-thermometer-1:before, 11529.fa-thermometer-quarter:before { 11530 content: "\f2ca"; 11531} 11532.fa-thermometer-0:before, 11533.fa-thermometer-empty:before { 11534 content: "\f2cb"; 11535} 11536.fa-shower:before { 11537 content: "\f2cc"; 11538} 11539.fa-bathtub:before, 11540.fa-s15:before, 11541.fa-bath:before { 11542 content: "\f2cd"; 11543} 11544.fa-podcast:before { 11545 content: "\f2ce"; 11546} 11547.fa-window-maximize:before { 11548 content: "\f2d0"; 11549} 11550.fa-window-minimize:before { 11551 content: "\f2d1"; 11552} 11553.fa-window-restore:before { 11554 content: "\f2d2"; 11555} 11556.fa-times-rectangle:before, 11557.fa-window-close:before { 11558 content: "\f2d3"; 11559} 11560.fa-times-rectangle-o:before, 11561.fa-window-close-o:before { 11562 content: "\f2d4"; 11563} 11564.fa-bandcamp:before { 11565 content: "\f2d5"; 11566} 11567.fa-grav:before { 11568 content: "\f2d6"; 11569} 11570.fa-etsy:before { 11571 content: "\f2d7"; 11572} 11573.fa-imdb:before { 11574 content: "\f2d8"; 11575} 11576.fa-ravelry:before { 11577 content: "\f2d9"; 11578} 11579.fa-eercast:before { 11580 content: "\f2da"; 11581} 11582.fa-microchip:before { 11583 content: "\f2db"; 11584} 11585.fa-snowflake-o:before { 11586 content: "\f2dc"; 11587} 11588.fa-superpowers:before { 11589 content: "\f2dd"; 11590} 11591.fa-wpexplorer:before { 11592 content: "\f2de"; 11593} 11594.fa-meetup:before { 11595 content: "\f2e0"; 11596} 11597.sr-only { 11598 position: absolute; 11599 width: 1px; 11600 height: 1px; 11601 padding: 0; 11602 margin: -1px; 11603 overflow: hidden; 11604 clip: rect(0, 0, 0, 0); 11605 border: 0; 11606} 11607.sr-only-focusable:active, 11608.sr-only-focusable:focus { 11609 position: static; 11610 width: auto; 11611 height: auto; 11612 margin: 0; 11613 overflow: visible; 11614 clip: auto; 11615} 11616/*@import '@{import_root}styles/ui_themes/custom-theme/jquery-ui.min.css';*/ 11617/* ======================================================================== 11618 Component: Slidenav 11619 ========================================================================== */ 11620/* 11621 * 1. Required for `a` elements 11622 * 2. Dimension 11623 * 3. Style 11624 */ 11625.uk-slidenav { 11626 /* 1 */ 11627 display: inline-block; 11628 /* 2 */ 11629 box-sizing: border-box; 11630 width: 60px; 11631 height: 60px; 11632 /* 3 */ 11633 line-height: 60px; 11634 color: rgba(50, 50, 50, 0.4); 11635 font-size: 60px; 11636 text-align: center; 11637} 11638/* 11639 * Hover 11640 * 1. Apply hover style also to focus state 11641 * 2. Remove default focus style 11642 * 3. Required for `a` elements 11643 * 4. Style 11644 */ 11645.uk-slidenav:hover, 11646.uk-slidenav:focus { 11647 /* 2 */ 11648 outline: none; 11649 /* 3 */ 11650 text-decoration: none; 11651 /* 4 */ 11652 color: rgba(50, 50, 50, 0.7); 11653 cursor: pointer; 11654} 11655/* Active */ 11656.uk-slidenav:active { 11657 color: rgba(50, 50, 50, 0.9); 11658} 11659/* 11660 * Icons 11661 */ 11662.uk-slidenav-previous:before { 11663 content: "\f104"; 11664 font-family: FontAwesome; 11665} 11666.uk-slidenav-next:before { 11667 content: "\f105"; 11668 font-family: FontAwesome; 11669} 11670/* Sub-object: `uk-slidenav-position` 11671 ========================================================================== */ 11672/* 11673 * Create position context 11674 */ 11675.uk-slidenav-position { 11676 position: relative; 11677} 11678/* 11679 * Center vertically 11680 */ 11681.uk-slidenav-position .uk-slidenav { 11682 display: none; 11683 position: absolute; 11684 top: 50%; 11685 z-index: 1; 11686 margin-top: -30px; 11687} 11688.uk-slidenav-position:hover .uk-slidenav { 11689 display: block; 11690} 11691.uk-slidenav-position .uk-slidenav-previous { 11692 left: 20px; 11693} 11694.uk-slidenav-position .uk-slidenav-next { 11695 right: 20px; 11696} 11697/* Modifier: `uk-slidenav-contrast` 11698 ========================================================================== */ 11699.uk-slidenav-contrast { 11700 color: white; 11701} 11702/* 11703 * Hover 11704 * 1. Apply hover style also to focus state 11705 */ 11706.uk-slidenav-contrast:hover, 11707.uk-slidenav-contrast:focus { 11708 color: #005d7b; 11709} 11710/* Active */ 11711.uk-slidenav-contrast:active { 11712 color: #005d7b; 11713} 11714/* ======================================================================== 11715 Component: Dotnav 11716 ========================================================================== */ 11717/* 11718 * 1. Gutter 11719 * 2. Remove default list style 11720 */ 11721.uk-dotnav { 11722 display: -ms-flexbox; 11723 display: -webkit-flex; 11724 display: flex; 11725 -ms-flex-wrap: wrap; 11726 -webkit-flex-wrap: wrap; 11727 flex-wrap: wrap; 11728 /* 1 */ 11729 margin-left: -15px; 11730 margin-top: -15px; 11731 /* 2 */ 11732 padding: 0; 11733 list-style: none; 11734} 11735/* 11736 * 1. Space is allocated solely based on content dimensions 11737 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied 11738 */ 11739.uk-dotnav > * { 11740 /* 1 */ 11741 -ms-flex: none; 11742 -webkit-flex: none; 11743 flex: none; 11744 /* 2 */ 11745 padding-left: 15px; 11746 margin-top: 15px; 11747} 11748/* 11749 * DEPRECATED IE9 Support 11750 */ 11751.uk-dotnav:before, 11752.uk-dotnav:after {
11753 content: ""; 11754 display: block; 11755 overflow: hidden; 11756} 11757.uk-dotnav:after { 11758 clear: both; 11759} 11760.uk-dotnav > * { 11761 float: left; 11762} 11763/* Items 11764 ========================================================================== */ 11765/* 11766 * Items 11767 * 1. Hide text if present 11768 */ 11769.uk-dotnav > * > * { 11770 display: block; 11771 box-sizing: content-box; 11772 width: 20px; 11773 height: 20px; 11774 border-radius: 50%; 11775 background: rgba(50, 50, 50, 0.1); 11776 /* 1 */ 11777 text-indent: 100%; 11778 overflow: hidden; 11779 white-space: nowrap; 11780} 11781/* 11782 * Hover 11783 * 1. Apply hover style also to focus state 11784 * 2. Remove default focus style 11785 */ 11786.uk-dotnav > * > :hover, 11787.uk-dotnav > * > :focus { 11788 background: rgba(50, 50, 50, 0.4); 11789 /* 2 */ 11790 outline: none; 11791} 11792/* OnClick */ 11793.uk-dotnav > * > :active { 11794 background: rgba(50, 50, 50, 0.6); 11795} 11796/* Active */ 11797.uk-dotnav > .uk-active > * { 11798 background: rgba(50, 50, 50, 0.4); 11799} 11800/* Modifier: `uk-dotnav-contrast` 11801 ========================================================================== */ 11802.uk-dotnav-contrast > * > * { 11803 background: rgba(255, 255, 255, 0.4); 11804} 11805/* 11806 * Hover 11807 * 1. Apply hover style also to focus state 11808 */ 11809.uk-dotnav-contrast > * > :hover, 11810.uk-dotnav-contrast > * > :focus { 11811 background: rgba(255, 255, 255, 0.7); 11812} 11813/* OnClick */ 11814.uk-dotnav-contrast > * > :active { 11815 background: rgba(255, 255, 255, 0.9); 11816} 11817/* Active */ 11818.uk-dotnav-contrast > .uk-active > * { 11819 background: rgba(255, 255, 255, 0.9); 11820} 11821/* Modifier: 'uk-dotnav-vertical' 11822 ========================================================================== */ 11823/* 11824 * DEPRECATED 11825 */ 11826.uk-dotnav-vertical { 11827 -ms-flex-direction: column; 11828 -webkit-flex-direction: column; 11829 flex-direction: column; 11830} 11831/* 11832 * DEPRECATED IE9 Support 11833 */ 11834.uk-dotnav-vertical > * { 11835 float: none; 11836} 11837/* ======================================================================== 11838 Component: Slider 11839 ========================================================================== */ 11840/* 11841 * RTL Compatibility 11842 */ 11843[data-uk-slider] { 11844 direction: ltr; 11845} 11846html[dir="rtl"] .uk-slider > * { 11847 direction: rtl; 11848} 11849/* 11850 * 1. Create position context 11851 * 2. Create stacking context to prevent z-index issues with other components 11852 * 3. Deactivate browser history navigation in IE11 11853 */ 11854.uk-slider { 11855 /* 1 */ 11856 position: relative; 11857 /* 2 */ 11858 z-index: 0; 11859 /* 3 */ 11860 touch-action: pan-y; 11861} 11862/* 11863 * 1. Reset list style without interfering with grid 11864 */ 11865.uk-slider:not(.uk-grid) { 11866 /* 1 */ 11867 margin: 0; 11868 padding: 0; 11869 list-style: none; 11870} 11871/* 11872 * Sub-object item 11873 * 1. Position items above each other 11874 */ 11875.uk-slider > * { 11876 /* 1 */ 11877 position: absolute; 11878 top: 0; 11879 left: 0; 11880} 11881/* 11882 * Clip child elements 11883 */ 11884.uk-slider-container { 11885 overflow: hidden; 11886} 11887/* 11888 * Dragged 11889 */ 11890.uk-slider:not(.uk-drag) { 11891 -webkit-transition: -webkit-transform 200ms linear; 11892 transition: transform 200ms linear; 11893} 11894/* 11895 * 1. Makes text unselectable 11896 */ 11897.uk-slider.uk-drag { 11898 cursor: col-resize; 11899 /* 1 */ 11900 -moz-user-select: none; 11901 -webkit-user-select: none; 11902 -ms-user-select: none; 11903 user-select: none; 11904} 11905/* 11906 * 1. Prevents images and links from being dragged (default browser behavior) 11907 * 2. Disables the default callout shown when you touch and hold a touch target 11908 * Currently only works in Webkit 11909 */ 11910.uk-slider a, 11911.uk-slider img { 11912 /* 1 */ 11913 -webkit-user-drag: none; 11914 user-drag: none; 11915 /* 2 */ 11916 -webkit-touch-callout: none; 11917} 11918/* 11919 * 1. Prevents images and links from being dragged in Firefox 11920 */ 11921.uk-slider img { 11922 pointer-events: none; 11923} 11924/* Modifier: `uk-slider-fullscreen` 11925 ========================================================================== */ 11926.uk-slider-fullscreen, 11927.uk-slider-fullscreen > li { 11928 height: 100vh; 11929} 11930/* ======================================================================== 11931 Component: Upload 11932 ========================================================================== */ 11933/* 11934 * Create a box-shadow when dragging a file over the upload area 11935 */ 11936.uk-dragover { 11937 box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); 11938} 11939/* ======================================================================== 11940 Component: Form file 11941 ========================================================================== */ 11942/* 11943 * 1. Behave like form elements 11944 * 2. Create position context for dropdowns 11945 * 3. Clip content 11946 */ 11947.uk-form-file { 11948 /* 1 */ 11949 display: inline-block; 11950 vertical-align: middle; 11951 /* 2 */ 11952 position: relative; 11953 /* 3 */ 11954 overflow: hidden; 11955} 11956/* 11957 * 1. Required for Firefox 11958 * 2. Expand height and required for the cursor 11959 */ 11960.uk-form-file input[type="file"] { 11961 position: absolute; 11962 top: 0; 11963 z-index: 1; 11964 width: 100%; 11965 opacity: 0; 11966 cursor: pointer; 11967 /* 1 */ 11968 left: 0; 11969 /* 2 */ 11970 font-size: 500px; 11971} 11972/*@media only screen and (max-width: @break_width) { 11973 .responsive { 11974 .product { 11975 width: auto; 11976 height: auto; 11977 text-align: center; 11978 11979 .feature { 11980 width: auto; 11981 height: auto; 11982 11983 display: inline-block; 11984 float: none; 11985 margin: 0 0 30px 0; 11986 11987 img { 11988 width: 100%; 11989 height: auto; 11990 } 11991 11992 .info { 11993 width: auto; 11994 height: auto; 11995 11996 overflow: automatic; 11997 } 11998 } 11999 } 12000 .product.side-by-side { 12001 width: 100%; 12002 height: auto; 12003 text-align: left;
12004 // .debug-background(red); 12005 .clearfix(); 12006 12007 .feature { 12008 max-width: 100%; 12009 width: 100%; 12010 height: auto; 12011 display: block; 12012 float: none; 12013 margin: 0 0 30px 0; 12014 .clearfix(); 12015 // .debug-background(blue); 12016 12017 img { 12018 width: 48%; 12019 height: auto; 12020 float: left; 12021 margin-right: 3%; 12022 } 12023 12024 .info { 12025 width: 48%; 12026 height: auto; 12027 overflow: automatic; 12028 float: left; 12029 .title { 12030 font-size: (@product_title_size - 2); 12031 margin-bottom: (@product_title_bottom - 3); 12032 12033 } 12034 .copy { 12035 font-size: (@product_copy_size - 2); 12036 line-height: (@product_copy_line_height - 2); 12037 12038 } 12039 } 12040 } 12041 } 12042 } 12043}*/ 12044.credit { 12045 margin: 30px 0; 12046 *zoom: 1; 12047} 12048.credit:before, 12049.credit:after { 12050 content: " "; 12051 display: table; 12052 line-height: 0; 12053} 12054.credit:after { 12055 clear: both; 12056} 12057.credit .image, 12058.credit .text { 12059 display: inline; 12060} 12061.credit .image { 12062 width: auto; 12063 margin-right: 10px; 12064} 12065.credit .image img { 12066 width: 100%; 12067 max-width: 150px; 12068 height: auto; 12069} 12070.credit .text { 12071 width: 50%; 12072 font-size: 11px; 12073 color: #b7bbc1; 12074 margin-top: 8px; 12075} 12076.credit .image, 12077.credit .text { 12078 float: left; 12079} 12080@media only screen and (max-width: 1000px) { 12081 .credit { 12082 margin-left: auto; 12083 margin-right: auto; 12084 text-align: center; 12085 } 12086 .credit .image, 12087 .credit .text { 12088 width: auto; 12089 display: block; 12090 float: none; 12091 } 12092 .credit .image { 12093 margin-right: 0; 12094 } 12095 .credit .text { 12096 padding: 0 45px; 12097 margin: 0; 12098 } 12099} 12100.dropdown_item { 12101 position: relative; 12102} 12103.dropdown_item:hover .dropdown_menu { 12104 display: block; 12105} 12106.dropdown_item:hover > a:before { 12107 display: none; 12108} 12109.dropdown_item:hover > a { 12110 color: #ffffff; 12111} 12112.dropdown_item > a { 12113 color: #ffffff; 12114 font-size: 22px; 12115 font-weight: 600; 12116} 12117.dropdown_item > a:before { 12118 position: absolute; 12119 right: calc(50% - 5px); 12120 bottom: -10px; 12121 border-left: 10px solid transparent; 12122 border-right: 10px solid transparent; 12123 border-bottom: 10px solid #006d8e; 12124 content: ""; 12125 display: none; 12126} 12127.dropdown_item.noarrow > a:before { 12128 display: none; 12129} 12130.dropdown_menu { 12131 display: none; 12132 position: absolute; 12133 left: -10px; 12134 right: 0; 12135 top: 18px; 12136 z-index: 20; 12137 width: 220px; 12138 background-color: #000000; 12139 color: #ffffff; 12140 border-radius: 4px; 12141} 12142.dropdown_menu ul { 12143 padding: 0; 12144 margin: 0; 12145 text-align: left; 12146} 12147.dropdown_menu ul:not(.children) li { 12148 list-style-type: none; 12149 padding: 3px 0 3px 18px; 12150} 12151.dropdown_menu ul:not(.children) li:hover { 12152 background-color: #f45656; 12153 color: #ffffff; 12154 border-bottom: none!important; 12155} 12156.dropdown_menu ul:not(.children) li a { 12157 color: #ffffff; 12158 font-size: 16px!important; 12159 line-height: 24px!important; 12160} 12161.dropdown_menu ul:not(.children) li:first-child:hover { 12162 border-radius: 4px 4px 0 0; 12163} 12164.dropdown_menu ul:not(.children) li:last-child:hover { 12165 border-radius: 0 0 4px 4px; 12166} 12167.dropdown_menu:after { 12168 position: absolute; 12169 top: -10px; 12170 left: 0; 12171 height: 10px; 12172 width: 100%; 12173 content: ""; 12174} 12175#menu_format_edit { 12176 position: absolute; 12177} 12178.explore_wrapper { 12179 width: 100%; 12180 max-width: 1200px; 12181 margin: 0 auto; 12182} 12183.explore_full { 12184 width: 100%; 12185 height: auto; 12186 padding-bottom: 20px; 12187 position: relative; 12188 overflow: hidden; 12189} 12190.explore_full .explore_feature { 12191 display: block; 12192 position: relative; 12193 width: 100%; 12194 margin-bottom: 156px; 12195 *zoom: 1; 12196} 12197.explore_full .explore_feature .feature_text { 12198 padding: 40px 60px; 12199} 12200@media only screen and (min-width: 960px) { 12201 .explore_full .explore_feature .feature_text { 12202 max-width: calc(50% - 120px); 12203 } 12204} 12205@media only screen and (min-width: 961px) and (max-width: 1000px) { 12206 .explore_full .explore_feature .feature_text { 12207 padding-right: 20px; 12208 } 12209} 12210@media only screen and (min-width: 961px) and (max-width: 1100px) { 12211 .explore_full .explore_feature .feature_text { 12212 width: 350px; 12213 } 12214} 12215@media only screen and (min-width: 961px) and (max-width: 1200px) { 12216 .explore_full .explore_feature .feature_text { 12217 padding-top: 0; 12218 } 12219}
12220.explore_full .explore_feature .feature_text .title { 12221 font-size: 34px; 12222 font-weight: 600; 12223 line-height: 75px; 12224 color: #000000; 12225 text-transform: uppercase; 12226 letter-spacing: 4px; 12227} 12228.explore_full .explore_feature .feature_text .title p { 12229 margin-bottom: 0; 12230} 12231.explore_full .explore_feature .feature_text .title .brush { 12232 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12233 font-weight: normal; 12234 font-style: normal; 12235 font-size: 132px; 12236 line-height: 67px; 12237 text-transform: none; 12238 white-space: nowrap; 12239} 12240@media only screen and (min-width: 961px) and (max-width: 1100px) { 12241 .explore_full .explore_feature .feature_text .title .brush { 12242 font-size: 90px; 12243 } 12244} 12245.explore_full .explore_feature .feature_text .copy { 12246 font-size: 18px; 12247 line-height: 26px; 12248 color: #4a4a4a; 12249 width: 330px; 12250} 12251.explore_full .explore_feature .feature_text .btn { 12252 margin: 30px 0 0; 12253} 12254@media only screen and (min-width: 960px) { 12255 .explore_full .explore_feature .image_and_text { 12256 max-width: 50%; 12257 } 12258} 12259.explore_full .explore_feature .image_and_text .info_wrapper { 12260 -webkit-box-sizing: border-box; 12261 -moz-box-sizing: border-box; 12262 box-sizing: border-box; 12263 width: 312px; 12264 height: auto; 12265 padding-top: 25px; 12266 padding-bottom: 20px; 12267 padding-left: 30px; 12268 padding-right: 30px; 12269 position: absolute; 12270 z-index: 5; 12271 transform: translate(-50%, -50%); 12272 -webkit-transform: translate(-50%, -50%); 12273} 12274.explore_full .explore_feature .image_and_text .info_wrapper .info { 12275 display: table-cell; 12276 vertical-align: middle; 12277 position: relative; 12278 z-index: 10; 12279} 12280.explore_full .explore_feature .image_and_text .info_wrapper .info p { 12281 margin: 0; 12282} 12283.explore_full .explore_feature .image_and_text .info_wrapper .info p .source { 12284 text-transform: uppercase; 12285 font-size: 16px; 12286 line-height: 45px; 12287} 12288.explore_full .explore_feature:before, 12289.explore_full .explore_feature:after { 12290 content: " "; 12291 display: table; 12292 line-height: 0; 12293} 12294.explore_full .explore_feature:after { 12295 clear: both; 12296} 12297.explore_full .explore_feature.odd .feature_text { 12298 float: left; 12299} 12300.explore_full .explore_feature.odd .image_and_text { 12301 float: left; 12302} 12303.explore_full .explore_feature.odd .image_and_text .info_wrapper { 12304 top: 50%; 12305 left: calc(100% - 312px / 2); 12306 background-color: rgba(27, 217, 166, 0.5); 12307} 12308.explore_full .explore_feature.odd:nth-child(2n+3) .image_and_text .info_wrapper { 12309 top: 84%; 12310 left: calc(100% - 312px / .78); 12311 background-color: rgba(14, 205, 215, 0.5); 12312} 12313.explore_full .explore_feature.even .feature_text { 12314 float: right; 12315} 12316.explore_full .explore_feature.even .image_and_text { 12317 float: right; 12318} 12319.explore_full .explore_feature.even .image_and_text .info_wrapper { 12320 top: 84%; 12321 right: calc(100% - 312px / .45); 12322 background-color: rgba(184, 128, 195, 0.57); 12323} 12324.explore_full .explore_feature.full { 12325 display: block; 12326} 12327.explore_full .explore_feature.full .narrow_photo { 12328 display: none; 12329} 12330.explore_full .explore_feature.narrow { 12331 display: none; 12332} 12333@media only screen and (min-width: 425px) and (max-width: 960px) { 12334 .explore_full .explore_feature.narrow .image_and_text { 12335 padding-left: 20px; 12336 } 12337} 12338.explore_full .info_wrap { 12339 display: none; 12340 width: 90%; 12341 margin: 30px auto 72px; 12342 padding: 0 20px; 12343} 12344.explore_full .info_wrap .info .title { 12345 font-size: 26px; 12346 font-weight: 600; 12347 font-style: inherit; 12348 line-height: 50px; 12349 color: #000000; 12350 margin-bottom: 12px; 12351 text-transform: uppercase; 12352 letter-spacing: 3.61px; 12353} 12354.explore_full .info_wrap .info .title .brush { 12355 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12356 font-weight: normal; 12357 font-style: normal; 12358 font-size: 91px; 12359 line-height: 47px; 12360 text-transform: none; 12361} 12362@media only screen and (max-width: 400px) { 12363 .explore_full .info_wrap .info .title .brush { 12364 font-size: 75px; 12365 } 12366} 12367.explore_full .info_wrap .info .btn { 12368 margin: 30px 0 0; 12369} 12370.explore_full .info_wrapper { 12371 border-radius: 4px; 12372 height: 188px; 12373} 12374.explore_full .info_wrapper .info { 12375 font-size: 32px; 12376 line-height: 38px; 12377 font-weight: 600; 12378 color: #ffffff; 12379} 12380.explore_full.fixed-wide-image .feature { 12381 background-attachment: fixed; 12382 background-position: center center; 12383} 12384#wide_featured_homepage_edit { 12385 position: absolute; 12386 left: 10px; 12387 top: 0; 12388 z-index: 10; 12389} 12390@media only screen and (max-width: 960px) { 12391 .responsive .explore_full { 12392 width: 100%; 12393 height: auto; 12394 min-height: auto; 12395 } 12396 .responsive .explore_full .explore_feature { 12397 min-width: 100%; 12398 } 12399 .responsive .explore_full .explore_feature .feature_text { 12400 display: none; 12401 } 12402 .responsive .explore_full .explore_feature.full { 12403 display: none; 12404 } 12405 .responsive .explore_full .explore_feature.narrow { 12406 display: block; 12407 background-size: 100%; 12408 margin-bottom: 15px; 12409 } 12410 .responsive .explore_full .explore_feature.narrow .image_and_text { 12411 float: none; 12412 } 12413 .responsive .explore_full .explore_feature.narrow .image_and_text .info_wrapper { 12414 top: 50%; 12415 left: calc(100% - 270px / 1); 12416 width: 270px; 12417 transform: translate(0, -25%); 12418 -webkit-transform: translate(0, -25%); 12419 } 12420 .responsive .explore_full .explore_feature.narrow .image_and_text .info_wrapper .info { 12421 font-size: 26px; 12422 line-height: 31px; 12423 } 12424 .responsive .explore_full .explore_feature.narrow .photo { 12425 display: none; 12426 } 12427 .responsive .explore_full .explore_feature.narrow .narrow_photo { 12428 border-radius: 0; 12429 width: 100%; 12430 } 12431 .responsive .explore_full .info_wrap { 12432 display: block; 12433 } 12434} 12435.feature_wrapper { 12436 display: block; 12437 margin-left: auto; 12438 margin-right: auto; 12439 padding-top: 68px; 12440 max-width: 828px; 12441} 12442.featured { 12443 width: 1000px; 12444 height: 161px; 12445 position: relative; 12446} 12447.featured .feature { 12448 position: relative; 12449 float: left; 12450 max-width: 226px; 12451 width: 100%; 12452 height: auto; 12453 margin-right: 32px; 12454 padding: 50px 0 35px; 12455} 12456@media only screen and (max-width: 640px) { 12457 .featured .feature { 12458 margin-right: 0; 12459 } 12460} 12461.featured .feature:hover { 12462 border-color: #ffffff; 12463} 12464.featured .feature .info { 12465 -webkit-box-sizing: border-box; 12466 -moz-box-sizing: border-box; 12467 box-sizing: border-box; 12468 width: 226px; 12469 position: relative; 12470 text-align: center; 12471 margin-top: 32px; 12472} 12473.featured .feature .info .title { 12474 font-size: 20px; 12475 font-weight: 500; 12476 line-height: 32px; 12477 color: #000000; 12478} 12479.featured .feature .info .copy { 12480 font-family: inherit; 12481 font-size: 18px; 12482 font-weight: inherit; 12483 font-style: inherit; 12484 line-height: 22px; 12485 color: inherit; 12486} 12487.featured .feature:last-of-type { 12488 margin-right: 0; 12489} 12490.featured .feature.last-of-type { 12491 margin-right: 0; 12492} 12493#featured_edit { 12494 position: absolute; 12495 left: 0; 12496} 12497@media only screen and (min-width: 750px) and (max-width: 1000px) { 12498 .responsive .featured { 12499 margin-top: 100px; 12500 } 12501} 12502@media only screen and (max-width: 1000px) { 12503 .responsive .featured { 12504 width: auto; 12505 height: auto; 12506 text-align: center; 12507 } 12508 .responsive .featured .feature { 12509 width: auto; 12510 height: auto; 12511 display: block; 12512 float: none; 12513 padding: 0; 12514 margin: 0 auto 37px; 12515 } 12516 .responsive .featured .feature .info { 12517 width: auto; 12518 height: auto; 12519 overflow: automatic; 12520 margin-top: 23px; 12521 } 12522 .responsive .featured .feature .info .title { 12523 line-height: 25px; 12524 letter-spacing: -0.5px; 12525 margin-bottom: 6px; 12526 } 12527 .responsive .featured.side-by-side { 12528 width: 100%; 12529 height: auto; 12530 text-align: left; 12531 *zoom: 1; 12532 } 12533 .responsive .featured.side-by-side:before, 12534 .responsive .featured.side-by-side:after { 12535 content: " "; 12536 display: table; 12537 line-height: 0; 12538 } 12539 .responsive .featured.side-by-side:after { 12540 clear: both; 12541 } 12542 .responsive .featured.side-by-side .feature { 12543 max-width: 100%; 12544 width: 100%; 12545 height: auto; 12546 display: block; 12547 float: none; 12548 margin-bottom: 32px; 12549 *zoom: 1; 12550 } 12551 .responsive .featured.side-by-side .feature:before, 12552 .responsive .featured.side-by-side .feature:after { 12553 content: " "; 12554 display: table; 12555 line-height: 0; 12556 } 12557 .responsive .featured.side-by-side .feature:after { 12558 clear: both; 12559 } 12560 .responsive .featured.side-by-side .feature .info { 12561 width: 48%; 12562 height: auto; 12563 overflow: automatic; 12564 float: left; 12565 } 12566 .responsive .featured.side-by-side .feature .info .title { 12567 font-size: 18px; 12568 margin-bottom: 9px; 12569 } 12570 .responsive .featured.side-by-side .feature .info .copy { 12571 font-size: 14px; 12572 line-height: 20px; 12573 } 12574} 12575.wide_features_wrapper { 12576 margin: 0 0 130px; 12577} 12578@media only screen and (max-width: 1000px) { 12579 .wide_features_wrapper { 12580 margin: 0 0 72px; 12581 } 12582} 12583.featured_full { 12584 width: 100%; 12585 height: auto; 12586 position: relative; 12587 overflow: hidden; 12588} 12589.featured_full .feature { 12590 display: block; 12591 position: relative; 12592 width: 100%; 12593 min-width: 1000px; 12594 *zoom: 1; 12595 background-position: 0px 0px; 12596 background-repeat: no-repeat; 12597 background-size: contain; 12598} 12599.featured_full .feature:before, 12600.featured_full .feature:after {
12601 content: " "; 12602 display: table; 12603 line-height: 0; 12604} 12605.featured_full .feature:after { 12606 clear: both; 12607} 12608.featured_full .feature .info_wrapper { 12609 box-sizing: border-box; 12610 width: 100%; 12611 max-width: 1000px; 12612 position: absolute; 12613 top: 50%; 12614 left: 50%; 12615 z-index: 5; 12616 -ms-transform: translate(-50%, -50%); 12617 transform: translate(-50%, -50%); 12618 -webkit-transform: translate(-50%, -50%); 12619} 12620@media only screen and (min-width: 961px) and (max-width: 1000px) { 12621 .featured_full .feature .info_wrapper { 12622 padding: 0 95px; 12623 } 12624} 12625@media only screen and (max-width: 960px) { 12626 .featured_full .feature .info_wrapper { 12627 padding: 0 30px; 12628 } 12629} 12630.featured_full .feature .info_wrapper .title { 12631 float: left; 12632 width: 100%; 12633 max-width: 400px; 12634 font-size: 34px; 12635 font-weight: 600; 12636 line-height: 70px; 12637 color: #ffffff; 12638 margin-bottom: 17px; 12639 text-transform: uppercase; 12640 letter-spacing: 3.78px; 12641} 12642@media only screen and (max-width: 1000px) { 12643 .featured_full .feature .info_wrapper .title { 12644 font-size: 25px; 12645 letter-spacing: 3.65px; 12646 line-height: 50px; 12647 } 12648} 12649@media only screen and (max-width: 960px) { 12650 .featured_full .feature .info_wrapper .title { 12651 float: none; 12652 } 12653} 12654.featured_full .feature .info_wrapper .title .brush { 12655 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 12656 font-weight: normal; 12657 font-style: normal; 12658 text-transform: none; 12659 font-size: 132px; 12660 white-space: nowrap; 12661} 12662@media only screen and (max-width: 1000px) { 12663 .featured_full .feature .info_wrapper .title .brush { 12664 font-size: 90px; 12665 } 12666} 12667.featured_full .feature .info_wrapper .title p { 12668 margin-bottom: 0; 12669} 12670.featured_full .feature .info_wrapper .read { 12671 float: right; 12672 width: 100%; 12673 max-width: 400px; 12674 margin-top: 15px; 12675} 12676@media only screen and (max-width: 960px) { 12677 .featured_full .feature .info_wrapper .read { 12678 float: none; 12679 } 12680} 12681.featured_full .feature .info_wrapper .read .copy { 12682 font-size: 18px; 12683 line-height: 26px; 12684 color: #ffffff; 12685 font-weight: 500; 12686} 12687.featured_full .feature .info_wrapper .read .btn { 12688 background-color: #ffffff; 12689 color: #f45656; 12690 margin-top: 30px; 12691 margin-bottom: 0; 12692} 12693.featured_full .feature .info_wrapper .read .btn:hover { 12694 background-color: #f45656; 12695 color: #ffffff; 12696} 12697.featured_full .feature.full { 12698 display: block; 12699} 12700.featured_full .feature.full .narrow_photo { 12701 display: none; 12702} 12703.featured_full .feature.full .photo { 12704 display: block; 12705 border-radius: 0; 12706} 12707.featured_full .feature.narrow { 12708 display: none; 12709} 12710.featured_full .info_wrap { 12711 display: none; 12712 width: 90%; 12713 margin-left: auto; 12714 margin-right: auto; 12715 padding-left: 10px; 12716 padding-right: 10px; 12717} 12718.featured_full .info_wrap .info .title { 12719 font-family: inherit; 12720 font-size: 31px; 12721 font-weight: 600; 12722 font-style: inherit; 12723 line-height: 35px; 12724 color: #ffffff; 12725 margin-bottom: 12px; 12726 text-transform: uppercase; 12727 letter-spacing: -0.24px; 12728} 12729.featured_full .info_wrap .info .copy { 12730 font-family: inherit; 12731 font-size: 15px; 12732 font-style: normal; 12733 line-height: 23px; 12734 color: #ffffff; 12735 margin-bottom: 15px; 12736} 12737.featured_full .info_wrap .info .feature_link { 12738 display: block; 12739 width: 210px; 12740 position: relative; 12741 font-family: inherit; 12742 font-style: normal; 12743 font-size: 13px; 12744 line-height: 31px; 12745 color: #ffffff; 12746 text-align: center; 12747 background: #e75300; 12748 /* For browsers that do not support gradients */ 12749 background: -webkit-linear-gradient(#f58b00, #e75300); 12750 /* For Safari 5.1 to 6.0 */ 12751 background: -o-linear-gradient(#f58b00, #e75300); 12752 /* For Opera 11.1 to 12.0 */ 12753 background: -moz-linear-gradient(#f58b00, #e75300); 12754 /* For Firefox 3.6 to 15 */ 12755 background: linear-gradient(#f58b00, #e75300); 12756 /* Standard syntax (must be last) */ 12757 padding: 5px; 12758 -webkit-box-shadow: 5px 5px 0px 0px #ebebeb; 12759 -moz-box-shadow: 5px 5px 0px 0px #ebebeb; 12760 box-shadow: 5px 5px 0px 0px #ebebeb; 12761} 12762.featured_full .info_wrapper .info ul, 12763.featured_full .info_wrap .info ul { 12764 font-family: inherit; 12765 font-size: 13px; 12766 text-transform: uppercase; 12767 color: #e75300; 12768 list-style-type: none; 12769 padding-left: 0; 12770 margin: 5px 0 20px; 12771} 12772.featured_full .info_wrapper .info ul li, 12773.featured_full .info_wrap .info ul li {
12774 line-height: 26px; 12775} 12776.featured_full .info_wrapper .info ul li { 12777 display: inline; 12778} 12779.featured_full .info_wrapper .info ul li:before { 12780 content: "|"; 12781 position: relative; 12782 top: -1px; 12783 color: #9a989a; 12784 padding: 0 5px; 12785} 12786.featured_full .info_wrapper .info ul li:first-child:before { 12787 content: none; 12788} 12789.featured_full.fixed-wide-image .feature { 12790 background-attachment: fixed; 12791 background-position: center center; 12792} 12793#wide_featured_homepage_edit { 12794 position: absolute; 12795 left: 10px; 12796 top: 0; 12797 z-index: 10; 12798} 12799@media only screen and (max-width: 959px) { 12800 .responsive .featured_full { 12801 width: 100%; 12802 height: auto; 12803 min-height: auto; 12804 } 12805 .responsive .featured_full .feature { 12806 min-width: 100%; 12807 } 12808 .responsive .featured_full .feature .info .title { 12809 font-size: 31px; 12810 margin-bottom: 12px; 12811 } 12812 .responsive .featured_full .feature .info .copy { 12813 font-size: 15px; 12814 line-height: 23px; 12815 margin-bottom: 9px; 12816 } 12817 .responsive .featured_full .feature.full { 12818 display: none; 12819 } 12820 .responsive .featured_full .feature.narrow { 12821 display: block; 12822 background-size: 100%; 12823 margin-bottom: 15px; 12824 } 12825 .responsive .featured_full .feature.narrow .info_wrapper { 12826 width: auto; 12827 } 12828 .responsive .featured_full .feature.narrow .photo { 12829 display: none; 12830 } 12831 .responsive .featured_full .feature.narrow .narrow_photo { 12832 width: 100%; 12833 border-radius: 0; 12834 } 12835} 12836.featured_stacked { 12837 max-width: 1000px; 12838 position: relative; 12839 margin: 0 auto; 12840 *zoom: 1; 12841} 12842.featured_stacked:before, 12843.featured_stacked:after { 12844 content: " "; 12845 display: table; 12846 line-height: 0; 12847} 12848.featured_stacked:after { 12849 clear: both; 12850} 12851.featured_stacked .feature { 12852 position: relative; 12853 float: left; 12854 width: 290px; 12855 height: auto; 12856 margin-right: 39px; 12857 max-width: 435px; 12858 display: block; 12859 margin-bottom: 40px; 12860} 12861.featured_stacked .feature .image { 12862 width: 100%; 12863 height: auto; 12864 position: relative; 12865 margin-bottom: 20px; 12866 padding-bottom: 6px; 12867 border-bottom-width: 6px; 12868 border-bottom-color: #c8cdd2; 12869 border-bottom-style: solid; 12870} 12871.featured_stacked .feature .image img { 12872 width: 100%; 12873 height: auto; 12874} 12875.featured_stacked .feature .info { 12876 -webkit-box-sizing: border-box; 12877 -moz-box-sizing: border-box; 12878 box-sizing: border-box; 12879 width: 290px; 12880 height: auto; 12881 overflow: hidden; 12882 position: relative; 12883 text-align: center; 12884} 12885.featured_stacked .feature .info .title { 12886 font-family: "Barlow", sans-serif; 12887 font-size: 24px; 12888 font-weight: 700; 12889 line-height: 1.4; 12890 color: #000; 12891 margin-bottom: 12px; 12892} 12893.featured_stacked .feature .info .copy { 12894 display: none; 12895 font-family: inherit; 12896 font-size: 16px; 12897 font-weight: normal; 12898 line-height: 1.4; 12899 color: #4b4b4b; 12900} 12901.featured_stacked .feature:nth-child(4n+1) { 12902 width: auto; 12903 max-width: none; 12904 float: none; 12905 clear: both; 12906 *zoom: 1; 12907 padding: 0; 12908 margin-right: 0; 12909} 12910.featured_stacked .feature:nth-child(4n+1):before, 12911.featured_stacked .feature:nth-child(4n+1):after { 12912 content: " "; 12913 display: table; 12914 line-height: 0; 12915} 12916.featured_stacked .feature:nth-child(4n+1):after { 12917 clear: both; 12918} 12919.featured_stacked .feature:nth-child(4n+1) .image { 12920 width: 50%; 12921 float: left; 12922 padding-bottom: 7px; 12923 border-bottom-width: 7px; 12924} 12925.featured_stacked .feature:nth-child(4n+1) .info { 12926 width: 50%; 12927 float: left; 12928 text-align: left; 12929 box-sizing: border-box; 12930 padding-left: 75px; 12931 padding-top: 50px; 12932} 12933.featured_stacked .feature:nth-child(4n+1) .info .copy { 12934 display: block; 12935} 12936.featured_stacked .feature:nth-child(8n+5) .image { 12937 float: right; 12938} 12939.featured_stacked .feature:nth-child(8n+5) .info { 12940 padding-left: 0; 12941 padding-right: 75px; 12942 float: left; 12943} 12944.featured_stacked .feature:nth-child(4n+4) { 12945 margin-right: 0; 12946} 12947.featured_stacked .feature:last-of-type { 12948 margin-right: 0; 12949} 12950.featured_stacked .feature.last-of-type { 12951 margin-right: 0; 12952} 12953#featured_stacked_edit { 12954 position: absolute; 12955 top: -25px; 12956 left: 0; 12957} 12958@media only screen and (max-width: 1000px) { 12959 .featured_stacked .feature { 12960 float: none; 12961 display: block; 12962 width: 100%; 12963 margin: 0 auto 10px; 12964 padding: 0 20px; 12965 *zoom: 1; 12966 } 12967 .featured_stacked .feature:before, 12968 .featured_stacked .feature:after { 12969 content: " "; 12970 display: table; 12971 line-height: 0; 12972 } 12973 .featured_stacked .feature:after { 12974 clear: both; 12975 } 12976 .featured_stacked .feature .image { 12977 width: 50%; 12978 float: left; 12979 padding-bottom: 4px; 12980 border-bottom-width: 4px; 12981 } 12982 .featured_stacked .feature .info { 12983 width: 50%; 12984 float: right; 12985 padding-top: 20px; 12986 padding-left: 12px; 12987 padding-right: 12px; 12988 } 12989 .featured_stacked .feature .info .title { 12990 font-size: 13px; 12991 } 12992 .featured_stacked .feature:nth-child(4n+1) { 12993 margin-bottom: 20px; 12994 padding: 0; 12995 } 12996 .featured_stacked .feature:nth-child(4n+1) .image { 12997 width: 100%; 12998 float: none; 12999 padding-bottom: 6px; 13000 border-bottom-width: 6px; 13001 } 13002 .featured_stacked .feature:nth-child(4n+1) .info { 13003 width: 100%; 13004 float: none; 13005 padding: 0; 13006 text-align: center; 13007 box-sizing: border-box; 13008 padding-left: 10px; 13009 padding-right: 10px; 13010 } 13011 .featured_stacked .feature:nth-child(4n+1) .info .title { 13012 font-size: 24px; 13013 } 13014} 13015/* 13016 * Variables: 13017 * @contact_width: The width of the bar 13018 * @contact_height: The height of the bar 13019 * @contact_bg: The background color of the bar 13020 * @popup_bg: The background color for the contact popups 13021 * @popup_space: How much space to add between the popup & the contact bar 13022 * @overlay_bg: Overlay background color 13023 */ 13024#floating-contact { 13025 animation-fill-mode: both; 13026 position: fixed; 13027 right: 0; 13028 bottom: -50px; 13029 height: 50px; 13030 z-index: 7; 13031} 13032#floating-contact .contact-bar { 13033 height: 50px; 13034 line-height: 50px; 13035 width: 188px; 13036 background-color: #006d8e; 13037 cursor: pointer; 13038 position: relative; 13039 padding-left: 50px; 13040 text-align: left; 13041} 13042#floating-contact .contact-bar:before { 13043 font-size: 25px; 13044 color: white; 13045 width: 50px; 13046 position: absolute; 13047 left: 0; 13048 top: 0; 13049 line-height: 50px; 13050 text-align: center; 13051} 13052#floating-contact .contact-popup { 13053 transition: opacity 0.25s ease; 13054 position: absolute; 13055 width: 188px; 13056 bottom: 70px; 13057 color: white; 13058 background-color: #2196f3; 13059 opacity: 0; 13060} 13061#floating-contact .contact-popup.active { 13062 opacity: 1; 13063} 13064#floating-contact.active { 13065 bottom: 0; 13066} 13067@media print { 13068 #floating-contact { 13069 display: none; 13070 } 13071} 13072.contact-overlay { 13073 font-size: 18px; 13074 position: fixed;
13075 z-index: 10; 13076 left: 0; 13077 top: 0; 13078 right: 0; 13079 bottom: 0; 13080 display: none; 13081 -webkit-overflow-scrolling: touch; 13082 padding-top: 75px; 13083 box-sizing: border-box; 13084 overflow: scroll; 13085 background: rgba(74, 74, 74, 0.9); 13086} 13087@media only screen and (max-width: 640px) { 13088 .contact-overlay { 13089 padding-top: 20px; 13090 } 13091} 13092.contact-overlay .article .copy { 13093 color: white; 13094} 13095.contact-overlay .el-form-wrapper { 13096 color: white; 13097} 13098.contact-overlay > .header { 13099 text-align: right; 13100 color: white; 13101} 13102@media only screen and (max-width: 640px) { 13103 .contact-overlay > .header { 13104 margin-bottom: 10px; 13105 } 13106} 13107.contact-overlay .el_content_edit_body, 13108.contact-overlay .el_content_edit { 13109 background-color: transparent; 13110 border: 0; 13111} 13112.contact-overlay input[type="text"] { 13113 height: 40px; 13114} 13115.contact-overlay input[type="text"]:focus { 13116 box-shadow: none !important; 13117 border: 2px solid #ff8947 !important; 13118} 13119.contact-overlay .uk-form-row > .uk-form-label { 13120 margin-bottom: 16px; 13121} 13122.contact-overlay .uk-form-controls[data-field-name*="name"], 13123.contact-overlay .uk-form-controls[data-field-name*="email"], 13124.contact-overlay .uk-form-controls[data-field-name*='phone'] { 13125 position: relative; 13126} 13127.contact-overlay .uk-form-controls[data-field-name*="name"] input, 13128.contact-overlay .uk-form-controls[data-field-name*="email"] input, 13129.contact-overlay .uk-form-controls[data-field-name*='phone'] input { 13130 padding-left: 30px !important; 13131} 13132.contact-overlay .uk-form-controls[data-field-name*="name"]::before, 13133.contact-overlay .uk-form-controls[data-field-name*="email"]::before, 13134.contact-overlay .uk-form-controls[data-field-name*='phone']::before { 13135 width: 30px; 13136 text-align: center; 13137 color: #d8d8d8; 13138 position: absolute; 13139 left: 0; 13140 line-height: 40px; 13141} 13142.contact-overlay .uk-form-controls[data-field-name*="name"]::before { 13143 content: "\e7fd"; 13144 font-size: 24px; 13145} 13146.contact-overlay .uk-form-controls[data-field-name*="email"]::before { 13147 content: "\e0be"; 13148 font-size: 20px; 13149} 13150.contact-overlay .uk-form-controls[data-field-name*="phone"]::before { 13151 content: "\e324"; 13152 font-size: 28px; 13153} 13154.contact-overlay textarea { 13155 max-height: 300px; 13156} 13157.contact-overlay .form ul { 13158 max-height: 350px; 13159 list-style-type: none; 13160 padding-left: 0; 13161 column-count: 2; 13162 -webkit-column-count: 2; 13163 -moz-column-count: 2; 13164} 13165.contact-overlay .form ul li { 13166 line-height: 15px; 13167 break-inside: avoid; 13168 -webkit-column-break-inside: avoid; 13169 page-break-inside: avoid; 13170} 13171.contact-overlay .form ul .uk-form-label { 13172 position: relative; 13173 padding-left: 20px; 13174 line-height: 1.2; 13175} 13176.contact-overlay .form ul .uk-form-label .checkbox { 13177 position: absolute; 13178 left: 0; 13179 top: 3px; 13180} 13181.contact-overlay .contact-info ul { 13182 list-style-type: none; 13183} 13184@media only screen and (max-width: 640px) { 13185 .contact-overlay .contact-info ul { 13186 padding-left: 0; 13187 } 13188} 13189.contact-overlay .contact-info ul li { 13190 padding-left: 40px; 13191 line-height: 40px; 13192 min-height: 40px; 13193 position: relative; 13194 color: white; 13195} 13196.contact-overlay .contact-info ul li:before { 13197 width: 40px; 13198 line-height: 40px; 13199 text-align: center; 13200 position: absolute; 13201 left: 0; 13202 top: 0; 13203} 13204.contact-overlay .contact-info ul li.email:before { 13205 content: "\e0be"; 13206 font-size: 20px; 13207} 13208.contact-overlay .contact-info ul li.phone:before { 13209 content: "\e324"; 13210 font-size: 28px; 13211} 13212.contact-overlay .contact-info ul li.link:before { 13213 content: "\e037"; 13214 font-size: 28px; 13215} 13216.contact-overlay input.checkbox { 13217 box-shadow: none !important; 13218 border: none !important; 13219} 13220.contact-overlay .close-btn { 13221 margin-right: 30px; 13222} 13223.contact-overlay .close-btn svg { 13224 width: 18px; 13225 height: 18px; 13226} 13227.contact-overlay .close-btn:hover { 13228 cursor: pointer; 13229} 13230@media only screen and (max-width: 640px) { 13231 .contact-overlay .close-btn { 13232 margin-right: 5px; 13233 } 13234} 13235.contact-overlay .article .headline, 13236.contact-overlay .content_item_first .article .headline { 13237 color: white; 13238} 13239.contact-overlay a:not(.pet-btn) { 13240 color: #ff8947; 13241} 13242.debug-zone { 13243 padding: 10px; 13244 overflow: scroll; 13245 position: fixed; 13246 left: 0; 13247 right: 0; 13248 top: 0; 13249 bottom: 0; 13250 z-index: 10000; 13251 display: none; 13252 background-color: rgba(26, 26, 26, 0.7); 13253} 13254.debug-zone.active { 13255 display: block; 13256} 13257.debug-zone h1, 13258.debug-zone h2, 13259.debug-zone h3, 13260.debug-zone h4, 13261.debug-zone h5, 13262.debug-zone h6 { 13263 text-align: left !important; 13264 font-weight: 700 !important; 13265 color: white !important; 13266 margin: 0 !important; 13267} 13268.debug-zone .debug-item { 13269 margin-bottom: 20px; 13270 padding-bottom: 20px; 13271} 13272.debug-zone .debug-item:not(:last-of-type) { 13273 border-bottom: 2px dashed white; 13274} 13275.debug-zone-indicator { 13276 transition: background-color 0.25s ease; 13277 position: fixed; 13278 bottom: 0; 13279 left: 0; 13280 right: 0; 13281 z-index: 20000; 13282 height: 30px; 13283 line-height: 30px; 13284 color: white; 13285 background-color: red; 13286 text-align: center; 13287} 13288.debug-zone-indicator.up { 13289 bottom: initial; 13290 top: 0; 13291} 13292.debug-zone-indicator:hover { 13293 background-color: rgba(255, 0, 0, 0.5); 13294} 13295#floating_toolbar { 13296 position: absolute; 13297 right: 0; 13298 top: 1000px; 13299 width: 40px; 13300 z-index: 6; 13301} 13302#floating_toolbar .floating_toolbar { 13303 font-family: "Barlow", sans-serif; 13304} 13305#floating_toolbar .floating_toolbar .share .share_icons { 13306 margin-bottom: 10px; 13307} 13308#floating_toolbar .floating_toolbar .share .share_icons .share_icons_text { 13309 color: #4a4a4a; 13310 font-size: 16px; 13311 margin: 0 0 8px; 13312 text-transform: uppercase; 13313 float: right; 13314 padding-right: 8px; 13315} 13316#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons { 13317 width: auto; 13318 float: right; 13319 border-right: 15px solid #005d7b; 13320} 13321#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a { 13322 transition: color 0.25s ease, background-color 0.25s ease;
13323 color: #fff; 13324 display: block; 13325 font-size: 25px; 13326 line-height: 40px; 13327 margin: 0; 13328 padding: 2px 0 0; 13329 text-align: center; 13330 vertical-align: middle; 13331 width: 50px; 13332 float: right; 13333} 13334#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a:not(:last-child) { 13335 border-bottom: 2px solid white; 13336} 13337#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a.fa { 13338 background-color: #005d7b; 13339} 13340#floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a:hover { 13341 color: #ccc; 13342} 13343#floating_toolbar .floating_toolbar .tools { 13344 border-right: 15px solid #757575; 13345 float: right; 13346 width: auto; 13347} 13348#floating_toolbar .floating_toolbar .tools .print_page, 13349#floating_toolbar .floating_toolbar .tools .text_size_options { 13350 width: 50px; 13351} 13352#floating_toolbar .floating_toolbar .tools > div { 13353 transition: color 0.25s ease, background-color 0.25s ease; 13354 background-color: #757575; 13355} 13356#floating_toolbar .floating_toolbar .tools > div:not(:last-child) { 13357 border-bottom: 2px solid #fff; 13358} 13359#floating_toolbar .floating_toolbar .tools > div:hover, 13360#floating_toolbar .floating_toolbar .tools > div:hover .size { 13361 color: #ccc !important; 13362} 13363#floating_toolbar .floating_toolbar .tools .print_page { 13364 font-size: 0; 13365 line-height: 0; 13366} 13367#floating_toolbar .floating_toolbar .tools .print_page:hover .print:before { 13368 color: #ccc; 13369} 13370#floating_toolbar .floating_toolbar .tools .print_page .print:before { 13371 color: #fff; 13372 content: "\f02f"; 13373 display: block; 13374 font-family: FontAwesome; 13375 font-size: 25px; 13376 height: 40px; 13377 line-height: 40px; 13378 padding: 2px 0 0; 13379 position: relative; 13380 text-align: center; 13381 vertical-align: middle; 13382 width: 100%; 13383 transition: color 0.25s; 13384 /*z-index: -1;*/ 13385} 13386#floating_toolbar .floating_toolbar .tools .text_size_options .text_size { 13387 margin: 0; 13388} 13389#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector { 13390 height: 40px; 13391 line-height: 40px; 13392 padding: 0; 13393 text-align: center; 13394 vertical-align: middle; 13395 width: 100%; 13396} 13397#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size { 13398 color: #fff; 13399 display: none; 13400 font-weight: 600; 13401 margin: 0; 13402} 13403#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.small { 13404 font-size: 18px; 13405} 13406#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.medium { 13407 font-size: 20px; 13408} 13409#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.large { 13410 font-size: 23px; 13411} 13412#floating_toolbar .floating_toolbar .tools .text_size_options .text_size .selector .size.active { 13413 color: #fff; 13414 display: block; 13415 transition: color 0.25s; 13416} 13417@media print { 13418 #floating_toolbar { 13419 display: none; 13420 } 13421} 13422@media only screen and (max-width: 1000px) { 13423 #floating_toolbar { 13424 width: 30px; 13425 } 13426 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_text { 13427 display: none; 13428 } 13429 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons a { 13430 font-size: 1.4rem; 13431 width: 30px; 13432 } 13433 #floating_toolbar .floating_toolbar .share .share_icons .share_icons_icons { 13434 border-right-width: 0; 13435 } 13436 #floating_toolbar .floating_toolbar .tools { 13437 border-right-width: 0; 13438 } 13439 #floating_toolbar .floating_toolbar .tools .print_page .print:before { 13440 font-size: 1.4rem; 13441 } 13442 #floating_toolbar .floating_toolbar .tools .print_page, 13443 #floating_toolbar .floating_toolbar .tools .text_size_options { 13444 width: 30px; 13445 } 13446} 13447.map { 13448 width: 100%; 13449 background: url("/layouts/images/map.jpg") top right no-repeat; 13450 background-size: 526px 432px; 13451 min-height: 432px; 13452 padding: 128px 0 0; 13453 margin-bottom: 146px; 13454} 13455@media only screen and (max-width: 640px) { 13456 .map { 13457 background-size: 336px 276px; 13458 background-position: center -92px; 13459 padding-left: 20px; 13460 padding-right: 20px; 13461 width: auto; 13462 min-height: auto; 13463 } 13464} 13465@media only screen and (max-width: 1000px) { 13466 .map { 13467 margin-bottom: 41px; 13468 } 13469} 13470.map figure { 13471 position: relative; 13472 max-width: 656px; 13473 margin: 0 auto 50px; 13474} 13475.map figure a { 13476 position: relative; 13477} 13478.map figure a img { 13479 position: relative; 13480} 13481.map figure a:hover button { 13482 background-color: #b880c3; 13483} 13484.map figure a button { 13485 position: absolute; 13486 top: calc(100% + 48px); 13487 right: 0; 13488 left: 0; 13489 margin: 0 auto; 13490 width: 108px; 13491 padding-left: 30px; 13492} 13493@media only screen and (max-width: 640px) { 13494 .map figure a button { 13495 top: 34px; 13496 } 13497} 13498.inline_menu { 13499 margin-bottom: 0 !important; 13500} 13501#menu_format_edit { 13502 position: absolute; 13503} 13504.links_downloads { 13505 position: relative; 13506 margin: 0 0 0 0; 13507 font-family: "Barlow", sans-serif; 13508 font-size: 12px; 13509 font-style: normal; 13510 font-weight: normal; 13511 line-height: 14px; 13512 color: #737373; 13513} 13514.links_downloads .title { 13515 margin-bottom: 20px; 13516 font-family: Tahoma, Verdana, Segoe, sans-serif; 13517 font-size: 16px; 13518 color: #747b80; 13519} 13520.links_downloads a { 13521 display: block; 13522 color: #33cc33; 13523 margin-bottom: 4px; 13524} 13525.links_downloads a:hover {
13526 color: #99ff99; 13527} 13528@media only screen and (max-width: 1000px) { 13529 .responsive .links_downloads { 13530 width: 90%; 13531 margin: 0 auto 0 auto; 13532 } 13533} 13534#login_link { 13535 display: inline-table; 13536 margin: 5px 20px 0 0; 13537} 13538#login_link .fa { 13539 margin-right: 5px; 13540} 13541.brand_logo { 13542 width: 100%; 13543 max-width: 195px; 13544} 13545@media only screen and (max-width: 640px) { 13546 .brand_logo { 13547 margin: 0 auto; 13548 } 13549} 13550.logo { 13551 position: relative; 13552 width: 195px; 13553 height: 60px; 13554 display: block; 13555} 13556.logo img { 13557 width: 195px; 13558 max-width: 195px; 13559 height: 60px; 13560 border-radius: 0; 13561} 13562#logo_edit { 13563 position: absolute; 13564} 13565.responsive .logo { 13566 width: 100%; 13567 max-width: 195px; 13568} 13569.responsive .logo img { 13570 width: 100%; 13571 max-width: 195px; 13572 height: 60px; 13573 margin-left: auto; 13574 margin-right: auto; 13575} 13576.mega_menu_overlay { 13577 transition: max-height 0.5s ease; 13578 background-color: rgba(74, 74, 74, 0.9); 13579 max-height: 0; 13580 overflow: hidden; 13581 position: fixed; 13582 width: 100%; 13583 height: 100vh; 13584 z-index: 100; 13585} 13586.mega_menu_overlay.open { 13587 max-height: 2000px; 13588} 13589.mega_menu_overlay .closer { 13590 position: absolute; 13591 left: 0; 13592 right: 0; 13593 bottom: 0; 13594 top: 50%; 13595} 13596.mega_menu_overlay .wrapper { 13597 width: 10000vw; 13598 transition: left 1s ease; 13599 position: absolute; 13600 left: 0; 13601} 13602.mega_menu_overlay .wrapper.no-transition { 13603 transition: none !important; 13604} 13605.mega_menu_overlay .wrapper > .item-container { 13606 display: inline-block; 13607 width: 100vw; 13608} 13609.mega_menu_overlay .container { 13610 max-width: 1100px; 13611} 13612.mega_menu_overlay .item-container { 13613 box-sizing: border-box; 13614 padding-top: 30px; 13615 position: absolute; 13616 top: 0; 13617} 13618.mega_menu_overlay .item-container.right .split-container { 13619 flex-direction: row-reverse; 13620} 13621.mega_menu_overlay .item-container.right .split-container .children { 13622 border-left: 2px dotted #ff8947; 13623 padding-left: 39px; 13624 order: -1; 13625} 13626.mega_menu_overlay .item-container.right .split-container .description { 13627 order: 1; 13628 padding-right: 39px; 13629} 13630.mega_menu_overlay .item-container.left .split-container .children { 13631 border-right: 2px dotted #ff8947; 13632 padding-right: 25px; 13633 order: -1; 13634} 13635.mega_menu_overlay .item-container.left .split-container .description { 13636 padding-left: 39px; 13637 order: 1; 13638} 13639.mega_menu_overlay .split-container { 13640 position: relative; 13641 display: flex; 13642 flex: 0 1 auto; 13643} 13644.mega_menu_overlay .split-container .description { 13645 width: 40%; 13646 max-width: 400px; 13647 font-size: 18px; 13648 color: white; 13649 line-height: 26px; 13650 padding-top: 13px; 13651} 13652.mega_menu_overlay .split-container .description .page-description { 13653 display: none; 13654} 13655.mega_menu_overlay .split-container .children { 13656 width: 60%; 13657} 13658.mega_menu_overlay .split-container .children-links { 13659 top: 0; 13660 list-style-type: none; 13661} 13662.mega_menu_overlay .split-container .children-links .child { 13663 font-size: 18px; 13664 font-weight: 500; 13665 line-height: 20px; 13666 margin: 15px 0; 13667 padding-left: 35px; 13668 position: relative; 13669} 13670.mega_menu_overlay .split-container .children-links .child:before { 13671 width: 39px; 13672 height: 20px; 13673 line-height: 20px; 13674 text-align: center; 13675 color: #e75300; 13676 position: absolute; 13677 left: 0; 13678 opacity: 0; 13679 font-size: 15px; 13680} 13681.mega_menu_overlay .split-container .children-links .child:hover:before { 13682 opacity: 1; 13683} 13684.mega_menu_overlay .split-container .children-links .child:hover a { 13685 color: #ff8947; 13686} 13687.mega_menu_overlay .split-container .children-links .child a { 13688 transition: color 0.25s ease; 13689 color: white; 13690} 13691.mega_menu_overlay .split-container .children-links .child a:hover { 13692 color: #ff8947; 13693} 13694#menu_format_edit { 13695 position: absolute; 13696} 13697header .gray_nav_bar .top .top_nav .nav .extras { 13698 display: inline-block; 13699 margin-left: 20px; 13700} 13701header .gray_nav_bar .top .top_nav .nav .extras #icons .icon { 13702 color: #ffffff; 13703 font-size: 20px; 13704} 13705header .gray_nav_bar .top .top_nav .nav .extras #icons .icon:hover { 13706 cursor: pointer; 13707 color: #aaaaaa; 13708} 13709header .gray_nav_bar .top .top_nav .nav .extras #icons a.shop_now { 13710 background: #e75300; 13711 /* For browsers that do not support gradients */ 13712 background: -webkit-linear-gradient(#f58b00, #e75300); 13713 /* For Safari 5.1 to 6.0 */ 13714 background: -o-linear-gradient(#f58b00, #e75300); 13715 /* For Opera 11.1 to 12.0 */ 13716 background: -moz-linear-gradient(#f58b00, #e75300); 13717 /* For Firefox 3.6 to 15 */ 13718 background: linear-gradient(#f58b00, #e75300); 13719 /* Standard syntax (must be last) */ 13720 padding-left: 20px; 13721 padding-right: 20px; 13722} 13723header .gray_nav_bar .top .top_nav .nav .extras #icons a.shop_now:hover { 13724 background: linear-gradient(to bottom, #ffa229, #e75300); 13725 color: white; 13726} 13727header .gray_nav_bar .top .top_nav .nav .extras .search_form { 13728 display: none; 13729} 13730header .gray_nav_bar .top .top_nav .nav .extras .search_form .search { 13731 width: 100%; 13732 height: 150px; 13733 background-color: rgba(74, 74, 74, 0.9); 13734 position: absolute; 13735 left: 0; 13736 z-index: 99; 13737} 13738header .gray_nav_bar .top .top_nav .nav .extras .search_form .search .field { 13739 width: 80%; 13740 height: 29px; 13741 margin: 5% 5% 0 5%; 13742 padding-left: 14px; 13743 line-height: 29px; 13744} 13745@media only screen and (max-width: 1000px) { 13746 #icons { 13747 right: 20px; 13748 height: 49px; 13749 } 13750 #icons .icon { 13751 color: #fff; 13752 } 13753 #icons a.buy_link { 13754 -webkit-box-sizing: border-box; 13755 -moz-box-sizing: border-box; 13756 box-sizing: border-box; 13757 width: 84px; 13758 height: 49px; 13759 padding: 8px 5px 0 5px; 13760 font-size: 12px; 13761 font-weight: normal; 13762 line-height: 13px; 13763 } 13764} 13765.mobile_menu { 13766 transition: left 0.25s ease, max-height 0.25s ease; 13767 max-height: 0; 13768 width: 100%; 13769 background-color: rgba(0, 0, 0, 0.85); 13770 position: fixed; 13771 top: 57px; 13772 left: 0; 13773 overflow: hidden; 13774 z-index: 5000; 13775 height: 200vh; 13776 font-weight: 600; 13777} 13778.mobile_menu.open { 13779 max-height: 200vh; 13780 position: fixed; 13781 top: 47px; 13782} 13783.mobile_menu .slider { 13784 margin-top: 13px; 13785 transition: left 0.25s ease; 13786 position: relative; 13787 left: 0; 13788} 13789.mobile_menu .nav_item { 13790 text-align: center; 13791} 13792.mobile_menu .nav_item.margin-top { 13793 margin-top: 12px; 13794} 13795.mobile_menu .nav_item a { 13796 font-size: 40px; 13797 line-height: 60px; 13798 color: white; 13799 text-transform: uppercase; 13800} 13801.mobile_menu .nav_item.btn { 13802 margin: 30px auto; 13803 display: block; 13804 width: 120px; 13805} 13806.mobile_menu .nav_item.btn a { 13807 font-size: 20px; 13808 line-height: 35px; 13809} 13810.mobile_menu .nav_item.small a { 13811 font-size: 24px; 13812 line-height: 46px; 13813 letter-spacing: -0.5px; 13814 font-weight: 500; 13815 text-transform: none; 13816} 13817.mobile_menu.slide .slider { 13818 left: -100%; 13819 height: 100%; 13820} 13821.mobile_menu.slide .nav_item { 13822 text-align: left; 13823} 13824.mobile_menu.slide .social_icons { 13825 display: none; 13826} 13827.mobile_menu_slider { 13828 position: absolute; 13829 top: 0; 13830 left: calc(100% + 45px); 13831 height: 100%; 13832 width: calc(100% - 45px); 13833 display: none; 13834} 13835.mobile_menu_slider.open { 13836 display: block; 13837 left: calc(100% + 115px); 13838 width: calc(100% - 115px); 13839} 13840.mobile_menu_slider ul.pet-list { 13841 padding-top: 30px; 13842 margin: 0 0 0 -62px; 13843} 13844.mobile_menu_slider ul.pet-list a { 13845 font-size: 24px; 13846 line-height: 46px; 13847 text-transform: none; 13848 font-weight: 500; 13849} 13850.mobile_menu_slider ul.pet-list a.arrow:after { 13851 /* use !important to prevent issues with browser extensions that change fonts */ 13852 font-family: 'LivingSound-Font' !important; 13853 speak: none; 13854 font-style: normal; 13855 font-weight: normal; 13856 font-variant: normal; 13857 text-transform: none; 13858 line-height: 1; 13859 /* Better Font Rendering =========== */ 13860 -webkit-font-smoothing: antialiased; 13861 -moz-osx-font-smoothing: grayscale; 13862 content: "\e902"; 13863 color: #ffffff; 13864} 13865.mobile_menu_slider ul.pet-list li { 13866 list-style-type: none; 13867 margin-bottom: 12px; 13868} 13869@media only screen and (max-width: 640px) { 13870 .mobile_menu_slider ul.pet-list li { 13871 margin-bottom: 6px; 13872 } 13873} 13874.mobile_menu_slider ul.pet-list.children { 13875 padding-top: 0; 13876 margin-left: 15px; 13877} 13878.mobile_menu_slider ul.pet-list.children a { 13879 font-size: 16px; 13880 line-height: 18px; 13881} 13882.mobile_menu_slider .slider_title { 13883 text-transform: uppercase; 13884 font-size: 40px; 13885 line-height: 60px; 13886 margin: 0 0 -25px -32px; 13887 color: white; 13888} 13889.mobile_menu_return { 13890 width: 60px; 13891 height: 40%; 13892 position: absolute; 13893 left: calc(99%); 13894 top: -10px; 13895 text-align: center; 13896 border-right: 2px solid #1BD9A6; 13897} 13898.mobile_menu_return a { 13899 transition: color 0.25s ease;
13900 color: #ffffff; 13901 font-size: 40px; 13902 position: absolute; 13903 top: 22px; 13904 right: 0; 13905 bottom: 0; 13906 left: 0; 13907} 13908.mobile_menu_return a:hover { 13909 color: white; 13910} 13911.mobile_menu .search_box { 13912 text-align: center; 13913 padding: 10px 0; 13914 margin: 15px auto; 13915} 13916.mobile_menu .search_box input.field { 13917 width: 450px; 13918 line-height: 30px; 13919 height: 30px; 13920 font-size: 18px; 13921 font-family: "Barlow", sans-serif; 13922 color: #4a4a4a; 13923 padding-left: 40px; 13924} 13925@media only screen and (max-width: 350px) { 13926 .mobile_menu .search_box input.field { 13927 max-width: 272px; 13928 } 13929} 13930.mobile_menu .search_box input.field:before { 13931 /* use !important to prevent issues with browser extensions that change fonts */ 13932 font-family: 'LivingSound-Font' !important; 13933 speak: none; 13934 font-style: normal; 13935 font-weight: normal; 13936 font-variant: normal; 13937 text-transform: none; 13938 line-height: 1; 13939 /* Better Font Rendering =========== */ 13940 -webkit-font-smoothing: antialiased; 13941 -moz-osx-font-smoothing: grayscale; 13942 content: "\e90a"; 13943 color: #4a4a4a; 13944} 13945.mobile-brand-logo { 13946 margin: 20px auto 0; 13947 width: 195px; 13948 height: 60px; 13949} 13950.mobile-brand-logo .logo { 13951 left: calc(62.5% - (85px / 2)); 13952} 13953.scrolled .mobile-brand-logo, 13954.interior_page .scrolled .mobile-brand-logo { 13955 margin-top: -3px; 13956} 13957@media only screen and (max-width: 1250px) { 13958 .interior_page .mobile-brand-logo { 13959 margin-top: -22px; 13960 } 13961} 13962.mobile_nav { 13963 margin-bottom: 20px; 13964 position: relative; 13965} 13966#mobile_menu_icon { 13967 margin: 0; 13968 position: absolute; 13969 top: 0; 13970 right: 0; 13971 bottom: 0; 13972 left: 0; 13973} 13974#mobile_menu_icon .hamburger { 13975 position: relative; 13976 width: 30px; 13977 height: 12px; 13978 top: -20px; 13979 right: 10px; 13980 transform: translateY(25%); 13981 float: right; 13982 padding: 12px 15px 12px 15px; 13983} 13984#mobile_menu_icon .close, 13985#mobile_menu_icon .visible { 13986 color: #ffffff; 13987 font-size: 18px; 13988 margin-top: 8px; 13989} 13990#mobile_menu_icon .close { 13991 display: none; 13992} 13993#mobile_menu_icon .visible { 13994 display: block; 13995 left: -16px; 13996 top: -13px; 13997 position: absolute; 13998} 13999#mobile_menu_icon.open .hamburger-line { 14000 top: 40% !important; 14001} 14002#mobile_menu_icon.open .hamburger-line:first-of-type { 14003 transform: rotateZ(225deg); 14004} 14005#mobile_menu_icon.open .hamburger-line:last-of-type { 14006 transform: rotateZ(-225deg); 14007} 14008#mobile_menu_icon.open .close { 14009 display: block; 14010} 14011#mobile_menu_icon.open .visible { 14012 display: none; 14013} 14014#mobile_menu_icon .hamburger-line { 14015 transition: top 0.25s, transform 0.25s; 14016 transform: translateY(-50%) rotateZ(0deg); 14017 width: 50%; 14018 height: 5px; 14019 position: absolute; 14020 background-color: #ffffff; 14021} 14022#mobile_menu_icon .hamburger-line:first-of-type { 14023 top: 33%; 14024} 14025#mobile_menu_icon .hamburger-line:last-of-type { 14026 top: 60%; 14027} 14028.mobile-top { 14029 display: none; 14030 height: 164px; 14031} 14032@media only screen and (max-width: 1250px) { 14033 .mobile-top { 14034 display: block; 14035 } 14036} 14037.mobile-top .nav .inline_menu { 14038 padding: 0; 14039 text-align: right; 14040} 14041.mobile-top .nav .inline_menu a { 14042 display: none; 14043} 14044.mobile-top .nav .inline_menu a.btn { 14045 display: inline-table; 14046 margin: 0; 14047 padding-top: 8px; 14048 padding-bottom: 8px; 14049 padding-right: 23px; 14050 font-size: 15px; 14051 letter-spacing: 1.28px; 14052} 14053.mobile-top .nav .inline_menu a.btn:after { 14054 display: none; 14055} 14056.mobile-top .nav .inline_menu a.btn:before { 14057 content: "R"; 14058 padding-top: 8px; 14059 padding-bottom: 8px; 14060 font-size: 14px; 14061 text-transform: uppercase; 14062 line-height: 1.3; 14063 font-weight: 600; 14064 color: transparent; 14065 width: 60px; 14066 position: absolute; 14067 top: 0; 14068 left: -60px; 14069 bottom: 0; 14070 background-image: url("/layouts/images/blue-stripes-mobile.png"); 14071 background-position: 100% 0; 14072 background-repeat: repeat-x; 14073 background-size: 79px 34px; 14074} 14075.mobile-top .nav .inline_menu .sep { 14076 display: none; 14077} 14078.mobile-top .nav-wrapper { 14079 width: 100%; 14080 padding: 20px 0 0; 14081} 14082.scrolled .mobile-top .nav-wrapper { 14083 padding-top: 0; 14084} 14085.mobile-top .visible { 14086 float: left; 14087} 14088.mobile-top.scrolled .mobile-brand-logo { 14089 display: none; 14090} 14091.mobile-top.scrolled .visible { 14092 display: none!important; 14093} 14094.mobile-top .bar { 14095 height: 35%; 14096} 14097.mobile-top .bar .menu_logo { 14098 display: none; 14099} 14100.mobile-top .bar.open { 14101 background-color: rgba(0, 0, 0, 0.85); 14102 height: 29%; 14103} 14104.mobile-top .bar.open .menu_logo { 14105 display: block; 14106 margin: 15px auto; 14107 width: 100%; 14108 height: 17px; 14109 float: left; 14110} 14111@media only screen and (max-width: 1000px) { 14112 .interior_page .mobile-top .bar.open .menu_logo { 14113 margin-top: 18px; 14114 } 14115} 14116.mobile-top .bar.open .nav-wrapper { 14117 float: right; 14118 width: auto; 14119} 14120.mobile-top .bar.open .mobile-brand-logo { 14121 clear: both; 14122} 14123@media only screen and (max-width: 1000px) { 14124 .interior_page .mobile-top .bar.open .mobile-brand-logo { 14125 display: none; 14126 } 14127} 14128#menu_format_edit { 14129 position: absolute; 14130} 14131.photo_heading { 14132 width: 100%; 14133 position: relative; 14134 overflow: auto; 14135} 14136.photo_heading .image { 14137 width: 100%; 14138 border-radius: 0; 14139} 14140.photo_heading .mobile_image { 14141 display: none; 14142} 14143.photo_heading .wrapper { 14144 width: 100%; 14145 overflow: auto; 14146 position: absolute; 14147 padding: 0; 14148 margin: 0 auto; 14149} 14150.photo_heading .content_outer { 14151 max-width: none; 14152 width: 100%; 14153 height: 100%; 14154 margin: 0 auto; 14155 position: absolute; 14156 top: 0; 14157 right: 0; 14158 bottom: 0; 14159 left: 0; 14160 padding: 0; 14161} 14162.photo_heading .content { 14163 position: absolute; 14164 top: 0; 14165 bottom: 60px; 14166 left: 16vw; 14167 right: 0; 14168} 14169.photo_heading .content .photo_headline { 14170 position: absolute; 14171 font-family: "Barlow", sans-serif; 14172 font-size: 2vw; 14173 font-weight: 600; 14174 line-height: 2.2em; 14175 letter-spacing: 3.65px; 14176 color: #ffffff; 14177 text-transform: uppercase; 14178 bottom: -40px; 14179 left: 0; 14180 right: 0; 14181} 14182.photo_heading .content .photo_headline .brush { 14183 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 14184 font-weight: normal; 14185 font-style: normal; 14186 font-size: 8vw; 14187 line-height: 55px; 14188 padding-left: 60px; 14189 text-transform: none; 14190 white-space: nowrap; 14191} 14192.photo_heading .content .photo_headline p { 14193 position: absolute; 14194 bottom: 0; 14195 left: 0; 14196 right: 0; 14197 margin-bottom: 0; 14198} 14199@media only screen and (max-width: 1000px) { 14200 .photo_heading { 14201 width: 100%; 14202 height: auto; 14203 overflow: hidden; 14204 } 14205 .photo_heading .content { 14206 top: -20px; 14207 left: 18vw; 14208 } 14209 .photo_heading .content .photo_headline { 14210 bottom: 0px; 14211 font-size: 15px;
14212 line-height: 26px; 14213 letter-spacing: 2.22px; 14214 } 14215 .photo_heading .content .photo_headline .brush { 14216 font-size: 50px; 14217 line-height: 18px; 14218 padding-left: 18px; 14219 } 14220 .photo_heading .content_outer { 14221 width: 100%; 14222 position: relative; 14223 } 14224} 14225@media only screen and (max-width: 959px) { 14226 .photo_heading { 14227 width: 100%; 14228 height: auto; 14229 overflow: hidden; 14230 } 14231} 14232@media only screen and (max-width: 639px) { 14233 .photo_heading { 14234 width: 100%; 14235 height: auto; 14236 overflow: hidden; 14237 } 14238 .photo_heading .image { 14239 display: none; 14240 } 14241 .photo_heading .mobile_image { 14242 display: block; 14243 width: 100%; 14244 height: auto; 14245 } 14246} 14247#photo_heading_edit { 14248 position: absolute; 14249 left: 0; 14250 bottom: 0; 14251} 14252.photo_heading_popup .photo_heading_preview { 14253 height: 100px; 14254 background: no-repeat 0 0; 14255 background-size: contain; 14256} 14257.photo_heading_popup .photo_heading_preview_narrow { 14258 height: 100px; 14259 background: no-repeat 0 0; 14260 background-size: contain; 14261} 14262.photo_heading_popup .photo_heading_edit .edit_blk_img_clip { 14263 height: 50px; 14264 border-width: 0; 14265 margin-bottom: -50px; 14266} 14267.photo_heading_popup .photo_heading_edit .edit_blk_img_clip .edit_blk_img_clip_div > div { 14268 border-width: 0; 14269 background-color: transparent !important; 14270} 14271.photo_heading_popup .photo_heading_edit .edit_blk_img_clip img { 14272 display: none; 14273} 14274.posts_list { 14275 width: 100%; 14276 max-width: 1000px; 14277 margin-left: auto; 14278 margin-right: auto; 14279 margin-bottom: 26px; 14280} 14281.posts_list .title { 14282 width: 100%; 14283 margin-left: auto; 14284 margin-right: auto; 14285 background-color: #009FDD; 14286 color: white; 14287 padding-bottom: 1em; 14288 padding-top: 1em; 14289 font-size: 32px; 14290 line-height: 44px; 14291 font-family: "Barlow", sans-serif; 14292 margin-bottom: 1em; 14293} 14294.posts_list .posts_filter { 14295 margin-bottom: 26px; 14296} 14297.posts_list .image { 14298 max-width: 226px; 14299 max-height: 140px; 14300 overflow: hidden; 14301} 14302.posts_list .image img.mobile { 14303 margin-left: -24px; 14304 max-width: 274px; 14305 max-height: 140px; 14306} 14307.posts_list .post_sort { 14308 width: 100%; 14309 text-align: center; 14310} 14311.posts_list .post_sort .category-btn { 14312 box-sizing: border-box; 14313 color: #ffffff; 14314 padding: 10px 12px; 14315 transition: background-color 0.25s ease; 14316 text-align: center; 14317 font-size: 16px; 14318 min-width: 110px; 14319 display: inline-block; 14320 margin: 0 10px; 14321 margin-bottom: 10px; 14322 background-color: #757575; 14323 position: relative; 14324 font-family: "Barlow", sans-serif; 14325} 14326@media only screen and (max-width: 1000px) { 14327 .posts_list .post_sort .category-btn { 14328 min-width: 0; 14329 } 14330} 14331.posts_list .post_sort .category-btn.active { 14332 background-color: #f45656; 14333} 14334.posts_list .post_sort .category-btn.active[disabled] { 14335 background-color: #cccccc; 14336} 14337.posts_list .post_sort .category-btn.active[disabled]:hover { 14338 background-color: #cccccc; 14339} 14340.posts_list .post_sort .category-btn.active .rotary { 14341 transform: rotateZ(180deg); 14342} 14343.posts_list .post_sort .category-btn:hover { 14344 background-color: #009FDD; 14345} 14346.posts_list .post_sort .category-btn .rotary { 14347 border-radius: 50%; 14348 transition: transform 0.25s ease; 14349 transform: rotateZ(45deg); 14350 width: 18px; 14351 height: 18px; 14352 top: calc(50% - 9px); 14353 position: absolute; 14354 left: 10px; 14355} 14356@media only screen and (max-width: 350px) { 14357 .posts_list .post_sort .category-btn .rotary { 14358 display: none; 14359 } 14360} 14361.posts_list .post_sort .message { 14362 text-align: center; 14363 text-transform: uppercase; 14364 padding-top: 7px; 14365 color: #4a4a4a; 14366 display: none; 14367} 14368.posts_list .wrapper { 14369 padding-top: 10px; 14370 padding-bottom: 0; 14371 margin-bottom: 0; 14372} 14373.posts_list .post .subheadline { 14374 max-height: 88px; 14375 overflow: hidden; 14376} 14377@media only screen and (max-width: 640px) { 14378 .posts_list .post .subheadline { 14379 max-height: 80px; 14380 } 14381} 14382.posts_list .paging { 14383 margin-left: auto; 14384 margin-right: auto; 14385 float: none !important; 14386} 14387.posts_list .paging .turn-num { 14388 display: none; 14389} 14390.posts_list .paging .turn-ul { 14391 font-size: 26px; 14392 padding-left: 0; 14393 padding-right: 0; 14394 margin-left: 0; 14395 margin-right: 0; 14396} 14397.posts_list .paging .turn-ul li { 14398 display: inline-block; 14399 font-size: 0; 14400 cursor: pointer; 14401 position: relative; 14402 margin-left: 10px; 14403 margin-right: 10px; 14404} 14405.posts_list .paging .turn-ul li:after {
14406 content: ""; 14407 height: 16px; 14408 width: 16px; 14409 background-color: #D6D6D6; 14410 position: absolute; 14411 top: -3px; 14412 left: 0; 14413 border-radius: 8px; 14414} 14415.posts_list .paging .turn-ul li:before { 14416 display: none; 14417} 14418.posts_list .paging .turn-ul li.on:after { 14419 background-color: #757575; 14420} 14421.posts_list .paging .turn-ul li.first, 14422.posts_list .paging .turn-ul li.end, 14423.posts_list .paging .turn-ul li.prev, 14424.posts_list .paging .turn-ul li.next { 14425 font-size: 26px; 14426 display: none; 14427} 14428.posts_list .paging .turn-ul li.first:after, 14429.posts_list .paging .turn-ul li.end:after, 14430.posts_list .paging .turn-ul li.prev:after, 14431.posts_list .paging .turn-ul li.next:after { 14432 display: none; 14433} 14434@media only screen and (max-width: 1000px) { 14435 .posts_list .paging .turn-ul li { 14436 font-size: 18px; 14437 } 14438 .posts_list .paging .turn-ul li.on { 14439 color: #f45656; 14440 } 14441 .posts_list .paging .turn-ul li.prev, 14442 .posts_list .paging .turn-ul li.next { 14443 display: inline-block; 14444 } 14445 .posts_list .paging .turn-ul li:after { 14446 display: none; 14447 } 14448} 14449.product { 14450 max-width: 920px; 14451 margin-left: auto; 14452 margin-right: auto; 14453 position: relative; 14454 z-index: 4; 14455} 14456.product .product-image { 14457 max-width: 158px; 14458 max-height: 253px; 14459} 14460.product .valign { 14461 display: flex; 14462 flex: 0 1 auto; 14463 flex-direction: column; 14464 justify-content: center; 14465} 14466.product-wrapper { 14467 transition: margin-right 0.25s ease, margin-left 0.25s ease, background-color 0.25s ease; 14468 position: relative; 14469 overflow: hidden; 14470} 14471.product-wrapper .shield { 14472 position: absolute; 14473 top: -6px; 14474 z-index: 3; 14475 display: none; 14476 left: calc(((100vw - 920px) / 2) - 187px); 14477} 14478.product-wrapper.open { 14479 margin-left: calc((100vw - 100%) / -2); 14480 margin-right: calc((100vw - 100%) / -2); 14481 margin-bottom: 25px; 14482 margin-top: 25px; 14483 background-color: #cccccc; 14484 padding: 0 20px; 14485 border-top: 1px solid #757575; 14486 border-bottom: 1px solid #757575; 14487} 14488.product-wrapper.open .data-sheets { 14489 max-height: 900px; 14490} 14491.product-wrapper.open .collapser { 14492 display: block; 14493} 14494.product-wrapper.open .collapser svg { 14495 width: 24px; 14496 height: 24px; 14497} 14498.product-wrapper.open svg.shield { 14499 display: block; 14500} 14501.product h2 { 14502 font-size: 26px !important; 14503 margin-bottom: 10px; 14504 text-align: left; 14505} 14506.product h2 .name { 14507 color: #006d8e; 14508} 14509@media only screen and (max-width: 640px) { 14510 .product h2 .name { 14511 display: block; 14512 } 14513} 14514.product .copy { 14515 font-size: 16px !important; 14516 color: #757575; 14517 line-height: 30px; 14518} 14519@media only screen and (max-width: 640px) { 14520 .product .copy { 14521 line-height: 24px; 14522 } 14523} 14524.product .copy .descriptor { 14525 color: #4a4a4a; 14526 margin-right: 7px; 14527} 14528@media only screen and (max-width: 640px) { 14529 .product .copy .descriptor { 14530 margin-left: 0; 14531 display: block; 14532 } 14533} 14534.product .copy p, 14535.product .copy ul { 14536 display: none; 14537} 14538.product .copy p:first-of-type { 14539 display: inline; 14540} 14541.open .product .copy p, 14542.open .product .copy ul { 14543 display: initial; 14544} 14545.product .copy .read-more { 14546 color: #f45656; 14547 display: inline; 14548 white-space: nowrap; 14549 cursor: pointer; 14550} 14551.open .product .copy .read-more { 14552 display: none; 14553} 14554.product .copy ul > li { 14555 margin-left: 36px; 14556} 14557.product .data-sheets { 14558 font-size: 16px; 14559 transition: max-height 0.25s ease; 14560 max-height: 0; 14561 overflow: hidden; 14562} 14563.product .data-sheets .data-sheet { 14564 background-color: white; 14565 min-height: 65px; 14566 line-height: 25px; 14567 margin-bottom: 8px; 14568 padding: 10px 16px 10px 16px; 14569 box-sizing: border-box; 14570 position: relative; 14571} 14572.product .data-sheets .data-sheet .name { 14573 display: flex; 14574 flex: 0 1 auto; 14575 position: relative; 14576 top: 50%; 14577 transform: translateY(-50%); 14578} 14579.product .data-sheets .data-sheet .name sup { 14580 line-height: 0 !important; 14581 font-size: 0.5em; 14582 top: 6px; 14583 position: relative; 14584 vertical-align: super; 14585} 14586.product .data-sheets .data-sheet .uk-grid > * { 14587 margin-bottom: 0; 14588} 14589.product .data-sheets .data-sheet .uk-grid > *:last-of-type { 14590 padding-left: 10px; 14591} 14592@media only screen and (max-width: 960px) { 14593 .product .data-sheets .data-sheet .pet-btn { 14594 line-height: 40px; 14595 } 14596} 14597.product .data-sheets .data-sheet .links, 14598.product .data-sheets .data-sheet .download, 14599.product .data-sheets .data-sheet .pet-btn { 14600 min-height: 45px; 14601 line-height: 45px; 14602} 14603@media only screen and (max-width: 960px) { 14604 .product .data-sheets .data-sheet .links, 14605 .product .data-sheets .data-sheet .download, 14606 .product .data-sheets .data-sheet .pet-btn { 14607 float: initial !important; 14608 text-align: left; 14609 } 14610} 14611.product .data-sheets .data-sheet .links { 14612 text-align: right; 14613 display: block; 14614} 14615.product .data-sheets .data-sheet .download { 14616 padding-left: 30px; 14617 position: relative; 14618 display: inline-block; 14619} 14620@media only screen and (max-width: 960px) { 14621 .product .data-sheets .data-sheet .download { 14622 display: block; 14623 padding-left: 30px !important; 14624 margin-left: 0 !important; 14625 border-left: none !important; 14626 } 14627 .product .data-sheets .data-sheet .download:before { 14628 left: 0 !important; 14629 } 14630} 14631.product .data-sheets .data-sheet .download:nth-child(2) { 14632 border-left: 2px dotted #cfcfcf; 14633 margin-left: 12px; 14634 padding-left: 42px; 14635} 14636.product .data-sheets .data-sheet .download:nth-child(2):before { 14637 left: 12px; 14638} 14639.product .data-sheets .data-sheet .download:before { 14640 position: absolute; 14641 left: 0; 14642 width: 30px; 14643 text-align: center; 14644 content: "\e2c4"; 14645 color: #757575; 14646 line-height: 45px; 14647 font-size: 18px; 14648} 14649.product .data-sheets .data-sheet .pet-btn { 14650 margin-left: 10px; 14651 text-align: center; 14652} 14653@media only screen and (max-width: 960px) { 14654 .product .data-sheets .data-sheet .btn-container { 14655 text-align: left; 14656 display: block; 14657 } 14658} 14659.product-wrapper .border:first-of-type { 14660 max-width: 0; 14661} 14662.product-wrapper .border { 14663 transition: margin-bottom 0.25s ease, margin-top 0.25s ease, max-width 0.25s ease; 14664 border-bottom: 2px dotted #CFCFCF; 14665 position: relative; 14666} 14667.product-wrapper .border:last-of-type { 14668 max-width: 652px; 14669 margin: 0 auto 36px; 14670 margin-left: 280px; 14671} 14672@media only screen and (min-width: 640px) and (max-width: 960px) { 14673 .product-wrapper .border:last-of-type { 14674 margin-left: 0; 14675 } 14676} 14677@media only screen and (max-width: 640px) { 14678 .product-wrapper .border:last-of-type { 14679 margin-left: 0; 14680 } 14681} 14682.product-wrapper.open .border { 14683 max-width: 100%; 14684 margin-left: 0; 14685} 14686.product-wrapper.open .border:last-of-type { 14687 margin-top: 35px; 14688 margin-bottom: 0; 14689} 14690.product-wrapper.open .border:first-of-type { 14691 margin-top: 0; 14692 margin-bottom: 15px; 14693} 14694.product-wrapper .collapser { 14695 z-index: 99; 14696 color: #757575; 14697 text-align: right; 14698 padding-right: 55px; 14699 display: none; 14700 font-size: 18px; 14701 font-weight: 300; 14702 cursor: pointer; 14703} 14704@media only screen and (min-width: 640px) and (max-width: 960px) { 14705 .product-wrapper .collapser { 14706 padding-right: 25px; 14707 } 14708} 14709@media only screen and (max-width: 640px) { 14710 .product-wrapper .collapser { 14711 padding-right: 0; 14712 } 14713} 14714/* Font Sizing */ 14715.text_small .product h2 { 14716 font-size: 26px; 14717} 14718.text_small .product .copy, 14719.text_small .product .data-sheets, 14720.text_small .product .pet-btn { 14721 font-size: 16px!important; 14722} 14723.text_small .product .copy { 14724 line-height: 30px; 14725} 14726.text_medium .product h2 { 14727 font-size: 28px !important; 14728} 14729.text_medium .product .copy, 14730.text_medium .product .data-sheets, 14731.text_medium .product .pet-btn { 14732 font-size: 18px!important; 14733} 14734.text_medium .product .copy { 14735 line-height: 32px; 14736} 14737.text_large .product h2 { 14738 font-size: 31px !important; 14739} 14740.text_large .product .copy, 14741.text_large .product .data-sheets, 14742.text_large .product .pet-btn { 14743 font-size: 21px!important; 14744} 14745.text_large .product .copy { 14746 line-height: 35px; 14747} 14748.product-list .el_content_item { 14749 margin-bottom: 0; 14750} 14751.reading_tools { 14752 width: 100%; 14753 height: 32px; 14754 position: relative; 14755 font-family: "Barlow", sans-serif; 14756} 14757.reading_tools span.pipe { 14758 float: right; 14759 line-height: 32px; 14760 margin-right: 6px; 14761 color: #4a4a4a; 14762} 14763.reading_tools .navigation { 14764 float: left; 14765} 14766.reading_tools .navigation .page_path { 14767 width: 600px; 14768 line-height: 32px; 14769 font-size: 16px; 14770} 14771.reading_tools .navigation .page_path a { 14772 color: #4a4a4a; 14773 text-decoration: none; 14774} 14775.reading_tools .navigation .page_path a:hover { 14776 text-decoration: none; 14777 color: #b880c3; 14778} 14779.reading_tools .navigation .page_path .current { 14780 color: #f45656; 14781 text-decoration: none; 14782} 14783.reading_tools .navigation .page_path .sep { 14784 margin: 0 5px 0 5px; 14785} 14786.reading_tools .share { 14787 float: right; 14788 line-height: 32px; 14789} 14790.reading_tools .print_page { 14791 float: right; 14792 margin-right: 6px; 14793 font-size: 16px; 14794} 14795.reading_tools .print_page a { 14796 color: #4a4a4a; 14797} 14798.reading_tools .print_page a:hover {
14799 color: #b880c3; 14800} 14801.reading_tools .text_size_options { 14802 float: right; 14803 margin-right: 6px; 14804 line-height: 32px; 14805} 14806@media only screen and (max-width: 1000px) { 14807 .responsive .reading_tools .navigation { 14808 padding-top: 13px; 14809 margin-bottom: 13px; 14810 display: block; 14811 width: 60%; 14812 display: flex; 14813 flex-direction: row; 14814 flex-wrap: wrap; 14815 justify-content: center; 14816 align-items: center; 14817 } 14818 .responsive .reading_tools .navigation .page_path { 14819 width: 100%; 14820 line-height: 1.3; 14821 } 14822 .responsive .reading_tools .navigation .page_path .home { 14823 display: none; 14824 } 14825 .responsive .reading_tools .navigation .page_path .sep:first-of-type { 14826 display: none; 14827 } 14828 .responsive .reading_tools .navigation .page_path .sep:after { 14829 content: " "; 14830 } 14831 .responsive .reading_tools .navigation .page_path a { 14832 white-space: nowrap; 14833 } 14834 .responsive .reading_tools .navigation .page_path .current { 14835 white-space: nowrap; 14836 } 14837 .responsive .reading_tools .print_page { 14838 display: none; 14839 clear: left; 14840 } 14841 .responsive .reading_tools span.pipe:first-of-type { 14842 display: none; 14843 } 14844} 14845@media only screen and (max-width: 667px) { 14846 .responsive .interior .header .options { 14847 margin-bottom: 52px; 14848 } 14849 .responsive .interior .header .options .navigation { 14850 display: block; 14851 float: none; 14852 width: 100%; 14853 } 14854 .responsive .interior .header .options .share { 14855 margin-right: 5px; 14856 } 14857 .responsive .interior .header .options .share .share_icons { 14858 order: 2; 14859 } 14860 .responsive .interior .header .options .share .share_icons .share_icons_text { 14861 display: none; 14862 } 14863 .responsive .interior .header .options .pipe { 14864 order: 1; 14865 margin-right: 5px; 14866 } 14867 .responsive .interior .header .options .text_size_options { 14868 order: 0; 14869 } 14870} 14871.responsive_header { 14872 display: none; 14873} 14874.responsive_header .bar { 14875 background: #333344; 14876 box-sizing: border-box; 14877 height: 49px; 14878 padding: 0 15px; 14879 position: relative; 14880 width: 100%; 14881 z-index: 15; 14882} 14883.responsive_header .bar.open { 14884 box-shadow: none; 14885} 14886.responsive_header .bar #menu_icon { 14887 display: inline-block; 14888 float: right; 14889 height: 49px; 14890 margin-left: 30px; 14891} 14892.responsive_header .bar #menu_icon span { 14893 color: rgba(255, 255, 255, 0.75); 14894 display: inline-block; 14895 font-size: 22px; 14896 line-height: 49px; 14897 vertical-align: middle; 14898} 14899.responsive_header .bar a.login { 14900 color: #ffffff; 14901 font-weight: bold; 14902 font-size: 14px; 14903 float: left; 14904 margin-top: 16px; 14905} 14906.responsive_header .bar #icons { 14907 *zoom: 1; 14908 display: inline-block; 14909 float: right; 14910 height: 49px; 14911 overflow: hidden; 14912 width: auto; 14913} 14914.responsive_header .bar #icons:before, 14915.responsive_header .bar #icons:after { 14916 content: " "; 14917 display: table; 14918 line-height: 0; 14919} 14920.responsive_header .bar #icons:after { 14921 clear: both; 14922} 14923.responsive_header .bar #icons .icon { 14924 color: #fff; 14925 float: right; 14926 font-size: 27px; 14927 line-height: 49px; 14928 margin-left: 12px; 14929 vertical-align: middle; 14930} 14931.responsive_header .bar #icons a { 14932 color: #fff; 14933} 14934.responsive_header .bar.menu_showing #menu_icon:before { 14935 content: "X"; 14936 font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 14937} 14938.responsive_header .menu { 14939 display: none; 14940 padding: 0; 14941 position: absolute; 14942 width: 100%; 14943 z-index: 15; 14944} 14945.responsive_header .menu > ul { 14946 margin: 0; 14947 padding-left: 0; 14948 list-style: none; 14949} 14950.responsive_header .menu > ul > li { 14951 background: rgba(119, 136, 85, 0.85); 14952 border-bottom: 1px solid #BBBB55; 14953} 14954.responsive_header .menu > ul > li > a { 14955 color: #ffffff; 14956 display: block; 14957 font-family: "Barlow", sans-serif; 14958 font-size: 21px; 14959 font-weight: normal; 14960 line-height: 1; 14961 padding: 15px; 14962} 14963.responsive_header .menu > ul > li > a.show_children { 14964 color: #ffffff; 14965 cursor: pointer; 14966 display: block; 14967 font-family: "Barlow", sans-serif; 14968 font-size: 21px; 14969 font-weight: normal; 14970 line-height: 1; 14971 width: auto; 14972} 14973.responsive_header .menu > ul > li > a.show_children.expanded { 14974 border-bottom-width: 0; 14975} 14976.responsive_header .menu > ul > li:last-of-type { 14977 border-bottom: none; 14978} 14979.responsive_header .menu > ul > li > ul { 14980 display: none; 14981 padding-left: 0; 14982} 14983.responsive_header .menu > ul > li > ul > li { 14984 background: rgba(255, 255, 255, 0.8); 14985 border-bottom: 1px solid #fff; 14986 box-sizing: border-box; 14987} 14988.responsive_header .menu > ul > li > ul > li > a { 14989 color: #445588; 14990 display: block; 14991 font-family: "Barlow", sans-serif; 14992 font-size: 19px; 14993 font-weight: normal; 14994 line-height: 1; 14995 padding: 15px 15px 15px 45px; 14996} 14997.responsive_header .menu > ul > li > ul > li > a.show_children { 14998 /*padding-left: 10px;*/ 14999 color: #445588; 15000 font-size: 19px; 15001} 15002.responsive_header .menu > ul > li > ul > li > a.show_children a { 15003 color: #445588; 15004 font-size: 19px; 15005} 15006.responsive_header .menu > ul > li > ul > li:first-of-type { 15007 border-top: 1px solid #BBBB55; 15008} 15009.responsive_header .menu > ul > li > ul > li:last-of-type { 15010 border-bottom: none; 15011} 15012.responsive_header .menu > ul > li > ul > li > ul { 15013 display: none; 15014 padding-left: 0; 15015} 15016.responsive_header .menu > ul > li > ul > li > ul > li { 15017 background-color: rgba(0, 0, 0, 0.95); 15018 border-bottom: 1px solid #000; 15019 box-sizing: border-box; 15020} 15021.responsive_header .menu > ul > li > ul > li > ul > li > a { 15022 color: #ffffff; 15023 display: block; 15024 font-family: "Barlow", sans-serif; 15025 font-size: 17px; 15026 font-weight: normal; 15027 line-height: 1; 15028 padding: 15px 15px 15px 75px; 15029} 15030.responsive_header .menu > ul > li > ul > li > ul > li:first-of-type { 15031 border-top: 1px solid #fff; 15032} 15033.responsive_header .menu > ul > li > ul > li > ul > li:last-of-type { 15034 border-bottom: none; 15035} 15036.responsive_header .menu > ul > li > ul > li > ul > li > ul { 15037 /*display: none;*/ 15038 padding-left: 0; 15039} 15040.responsive_header .menu > ul > li > ul > li > ul > li > ul > li { 15041 background-color: rgba(0, 0, 0, 0.95); 15042 border-bottom: 1px solid #000; 15043 box-sizing: border-box; 15044} 15045.responsive_header .menu > ul > li > ul > li > ul > li > ul > li > a { 15046 color: #ffffff; 15047 display: block; 15048 font-family: "Barlow", sans-serif; 15049 font-size: 17px; 15050 font-weight: normal; 15051 line-height: 1; 15052 padding: 15px 15px 15px 75px; 15053} 15054.responsive_header .menu > ul > li > ul > li > ul > li > ul > li > a:before { 15055 /*color: @copy_list_icon_color;*/ 15056 /*font-size: (@copy_size - 2);*/ 15057 content: "\002022"; 15058 padding-left: -12; 15059 padding-right: 5px; 15060} 15061.responsive_header .menu > ul > li > ul > li > ul > li > ul > li:first-of-type { 15062 border-top: 1px solid #fff; 15063} 15064.responsive_header .menu > ul > li > ul > li > ul > li > ul > li:last-of-type { 15065 border-bottom: none; 15066} 15067.responsive_header .menu .extras { 15068 background-color: #333344; 15069 border-top: 1px solid #000; 15070 padding: 15px; 15071} 15072.responsive_header .menu .extras .search_form { 15073 margin-bottom: 20px; 15074} 15075.responsive_header .menu .extras .search_form .search { 15076 align-items: center; 15077 display: flex; 15078 flex-direction: row; 15079 flex-wrap: nowrap; 15080 justify-content: flex-start; 15081} 15082.responsive_header .menu .extras .search_form .search .field { 15083 border-radius: 0; 15084 border: 1px solid #333344; 15085 box-sizing: border-box; 15086 font-family: "Barlow", sans-serif; 15087 font-size: 21px; 15088 height: 29px; 15089 line-height: 29px; 15090 margin: 0; 15091 padding: 0 14px; 15092 position: relative; 15093 width: 100%; 15094} 15095.responsive_header .menu .extras .search_form .search .field:-moz-placeholder { 15096 color: #333344; 15097} 15098.responsive_header .menu .extras .search_form .search .field::-moz-placeholder { 15099 color: #333344; 15100} 15101.responsive_header .menu .extras .search_form .search .field:-ms-input-placeholder { 15102 color: #333344; 15103} 15104.responsive_header .menu .extras .search_form .search .field::-webkit-input-placeholder { 15105 color: #333344; 15106} 15107.responsive_header .menu .extras .search_form .search .submit { 15108 background: #333344; 15109 border: none; 15110 border-radius: 0; 15111 color: #ffffff; 15112 font-family: "Barlow", sans-serif; 15113 font-size: 12px; 15114 height: 29px; 15115 width: 29px; 15116} 15117.responsive_header .menu .extras .search_form .search .field:focus, 15118.responsive_header .menu .extras .search_form .search .submit:focus { 15119 outline: none; 15120} 15121.responsive_header .menu .extras .social { 15122 *zoom: 1; 15123} 15124.responsive_header .menu .extras .social:before, 15125.responsive_header .menu .extras .social:after {
15126 content: " "; 15127 display: table; 15128 line-height: 0; 15129} 15130.responsive_header .menu .extras .social:after { 15131 clear: both; 15132} 15133.responsive_header .menu .extras .social .icon { 15134 float: right; 15135 font-size: 27px; 15136 margin-left: 12px; 15137 margin-top: 0; 15138} 15139.responsive_header .menu .extras .social a { 15140 color: #ffffff; 15141} 15142#overlay { 15143 background-color: #000; 15144 bottom: 0%; 15145 display: none; 15146 left: 0%; 15147 opacity: 0.8; 15148 position: fixed; 15149 right: 0%; 15150 top: 0%; 15151 z-index: 14; 15152} 15153@media only screen and (max-width: 1000px) { 15154 .responsive_header { 15155 display: block; 15156 } 15157} 15158.logo_b { 15159 position: relative; 15160 max-height: 60px; 15161 display: block; 15162} 15163@media only screen and (max-width: 960px) { 15164 .logo_b { 15165 height: auto; 15166 } 15167} 15168.logo_b .desktop-logo { 15169 display: block!important; 15170 width: 100%; 15171 max-width: 195px; 15172 height: 60px; 15173} 15174.scrolled .logo_b .desktop-logo { 15175 display: none!important; 15176} 15177@media only screen and (max-width: 1250px) { 15178 .interior_page .logo_b .desktop-logo { 15179 display: none!important; 15180 } 15181} 15182.logo_b .mobile-logo { 15183 display: none; 15184 width: 100%; 15185 height: 17px; 15186 display: none!important; 15187} 15188.scrolled .logo_b .mobile-logo, 15189.interior_page .logo_b .mobile-logo { 15190 display: block!important; 15191} 15192.logo_b .logos { 15193 transition: max-width 0.25s ease; 15194 max-width: 195px; 15195 overflow: hidden; 15196 text-align: center; 15197} 15198.logo_b .logos.small { 15199 max-width: 35px; 15200} 15201.logo_b .logos img { 15202 border-radius: 0; 15203} 15204.responsive .logo_b { 15205 width: 100%; 15206 text-align: center; 15207} 15208@media only screen and (max-width: 1250px) { 15209 .responsive header.scrolled { 15210 height: 50px; 15211 } 15212 .responsive header.scrolled .mobile-top { 15213 height: 161px; 15214 } 15215 .responsive header.scrolled .mobile-top .bar.open .nav-wrapper .mobile_nav #mobile_menu_icon .hamburger { 15216 top: 0; 15217 } 15218 .responsive header.scrolled .mobile-top .bar.open .mobile-brand-logo { 15219 display: none; 15220 } 15221} 15222.search_box label { 15223 display: none; 15224} 15225.search_box input.field { 15226 border-radius: 0; 15227 line-height: 20px; 15228 height: 20px; 15229 box-shadow: none; 15230 border: none; 15231 padding-left: 0.5em; 15232 padding-right: 0.5em; 15233} 15234.search_box input.field.error { 15235 background: #f45656; 15236} 15237.search_box input.field:focus { 15238 outline: none; 15239} 15240.search_box input.submit { 15241 display: none; 15242} 15243.search-box-container { 15244 transition: max-width 0.25s ease; 15245 padding-left: 30px; 15246 position: relative; 15247 top: 6px; 15248 left: 6px; 15249 overflow: hidden; 15250 display: inline-block; 15251 max-width: 200px; 15252} 15253.safari .search-box-container { 15254 top: 0; 15255} 15256.search-box-container .search-toggle { 15257 cursor: pointer; 15258 width: 30px; 15259 text-align: center; 15260 transition: color 0.25s ease; 15261 color: white; 15262 position: absolute; 15263 left: 0; 15264} 15265.search-box-container .search-toggle:hover {
15266 color: #0ecdd7; 15267} 15268.search-box-container .search-toggle .fa { 15269 font-size: 16px; 15270} 15271.search-box-container.collapsed { 15272 max-width: 0; 15273} 15274.search_dynamic input.field { 15275 border-radius: 0; 15276 border: 1px solid #bdbdbd !important; 15277 box-shadow: inset 0px 1px 6px #ccc !important; 15278 box-sizing: border-box; 15279 color: #4a4a4a; 15280 display: none; 15281 font-size: 14px; 15282 padding: 2px 4px 2px !important; 15283 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 15284 width: 138px; 15285} 15286.search_dynamic input.field:focus { 15287 border: 1px solid #1BD9A6 !important; 15288 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3) !important; 15289 outline: none; 15290} 15291.ui-autocomplete { 15292 border: 1px solid #ccc; 15293 padding: 0; 15294} 15295.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { 15296 background: #bdbdbd; 15297 border: 1 px solid #4a4a4a; 15298 box-sizing: border-box; 15299 color: #4a4a4a; 15300 font-family: "Barlow", sans-serif; 15301 font-size: 20px; 15302 padding: 7px 20px; 15303} 15304.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active { 15305 border: 1 px solid #f45656; 15306 background: #f45656; 15307} 15308.share_icons { 15309 font-size: 16px; 15310 width: 100%; 15311 position: absolute; 15312 right: 0; 15313 top: -50px; 15314 *zoom: 1; 15315} 15316.share_icons:before, 15317.share_icons:after { 15318 content: " "; 15319 display: table; 15320 line-height: 0; 15321} 15322.share_icons:after { 15323 clear: both; 15324} 15325@media only screen and (max-width: 640px) { 15326 .share_icons { 15327 display: none; 15328 } 15329} 15330.share_icons .share_icons_text { 15331 float: left; 15332 margin-right: 10px; 15333 color: #4a4a4a; 15334} 15335.share_icons .share_icons_icons { 15336 font-size: 16px; 15337 float: right; 15338} 15339.share_icons .share_icons_icons a { 15340 font-family: "Barlow", sans-serif; 15341 color: #4a4a4a; 15342 margin-right: 20px; 15343 font-size: 14px; 15344 font-weight: 500; 15345 line-height: 14px; 15346 letter-spacing: -0.35px; 15347} 15348.share_icons .share_icons_icons a:before { 15349 font-family: 'FontAwesome'; 15350 font-size: 18px; 15351 color: #BBBBBB; 15352 margin-right: 5px; 15353} 15354.share_icons .share_icons_icons a:last-child { 15355 margin-right: 0; 15356} 15357.share_icons .share_icons_icons a:hover { 15358 text-decoration: none; 15359 color: #1BD9A6; 15360} 15361.side_menu { 15362 position: relative; 15363} 15364.side_menu ul { 15365 margin: 0; 15366 padding: 0; 15367 list-style: none; 15368 font-family: "Barlow", sans-serif; 15369 font-size: 14px; 15370 font-style: normal; 15371 font-weight: normal; 15372} 15373.side_menu ul li { 15374 line-height: 1.2; 15375} 15376.side_menu ul li ul { 15377 margin-left: 12px; 15378 margin-top: 5px; 15379 margin-bottom: 10px; 15380} 15381.side_menu ul li ul a { 15382 color: #474747; 15383 display: block; 15384 margin-bottom: 5px; 15385} 15386.side_menu ul li ul a.active { 15387 color: #006D8E; 15388 background: none; 15389} 15390.side_menu ul li ul a:hover { 15391 color: #006D8E; 15392} 15393.side_menu ul a { 15394 display: block; 15395 color: #474747; 15396 margin-bottom: 5px; 15397 margin-left: -3px; 15398 padding: 0px 3px; 15399} 15400.side_menu ul a:hover { 15401 color: #006D8E; 15402} 15403.side_menu ul a.active { 15404 font-family: "Barlow", sans-serif; 15405 color: #006D8E; 15406} 15407.side_menu ul a.active:hover {
15408 color: #006D8E; 15409} 15410.side_menu ul a.active.parent { 15411 background: red; 15412 color: #474747; 15413} 15414.side_menu ul a.parent { 15415 margin-bottom: 2px; 15416} 15417@media only screen and (max-width: 1000px) { 15418 .responsive .side_menu { 15419 width: 90%; 15420 margin: 0 auto 0 auto; 15421 } 15422} 15423#side_menu_format_edit { 15424 position: absolute; 15425 top: -10px; 15426} 15427#sidebar_featured { 15428 position: relative; 15429} 15430.sidebar_featured { 15431 width: 230px; 15432 position: relative; 15433 *zoom: 1; 15434} 15435.sidebar_featured:before, 15436.sidebar_featured:after { 15437 content: " "; 15438 display: table; 15439 line-height: 0; 15440} 15441.sidebar_featured:after { 15442 clear: both; 15443} 15444.sidebar_featured .feature { 15445 position: relative; 15446 width: 230px; 15447 height: auto; 15448} 15449.sidebar_featured .feature img { 15450 width: 230px; 15451 height: 150px; 15452 position: relative; 15453 margin-bottom: 15px; 15454} 15455.sidebar_featured .feature .info { 15456 width: 230px; 15457 height: auto; 15458 position: relative; 15459 -webkit-box-sizing: border-box; 15460 -moz-box-sizing: border-box; 15461 box-sizing: border-box; 15462 padding: 0 0 0 0; 15463} 15464.sidebar_featured .feature .info .title { 15465 font-family: "Barlow", sans-serif; 15466 font-size: 15px; 15467 font-style: 0; 15468 font-weight: 0; 15469 line-height: 22px; 15470 color: #005d7b; 15471 margin-bottom: 6px; 15472} 15473.sidebar_featured .feature .info .copy { 15474 font-family: "Barlow", sans-serif; 15475 font-size: 12px; 15476 font-style: normal; 15477 font-weight: normal; 15478 line-height: 14px; 15479 color: #737373; 15480 /*margin-bottom: 27px;*/ 15481 margin-bottom: 0; 15482} 15483.sidebar_featured .feature:hover > .info .title { 15484 color: #000000; 15485} 15486@media only screen and (max-width: 1000px) { 15487 .responsive .sidebar_featured { 15488 width: 90%; 15489 margin: 0 auto 0 auto; 15490 text-align: center; 15491 } 15492 .responsive .sidebar_featured .feature { 15493 width: 100%; 15494 } 15495 .responsive .sidebar_featured .feature img { 15496 width: 100%; 15497 max-width: 345px; 15498 height: auto; 15499 } 15500 .responsive .sidebar_featured .info { 15501 width: 100%; 15502 } 15503} 15504#sidebar_featured_edit.el_popup { 15505 margin-bottom: 0; 15506} 15507.signup-form { 15508 margin: 0 0 45px; 15509 position: relative; 15510} 15511.signup-form .signup-form__heading { 15512 font-size: 18px; 15513 line-height: 1; 15514 margin: 0 0 10px; 15515} 15516.signup-form .signup-form__label { 15517 display: block; 15518 font-size: 13px; 15519 line-height: 1.2; 15520 margin: 0 0 20px; 15521 width: 100%; 15522} 15523.signup-form .signup-form__email { 15524 border-radius: 3px; 15525 box-shadow: none; 15526 box-sizing: border-box; 15527 display: inline-block; 15528 font-size: 15px !important; 15529 height: 30px; 15530 padding: 5.5px 5px; 15531 transition: all 0.2s ease-in-out; 15532 width: 200px; 15533} 15534.signup-form .signup-form__email.error { 15535 background-color: #f20000; 15536 color: #ffffff; 15537} 15538.signup-form .signup-form__email:focus { 15539 outline: none; 15540} 15541.signup-form input.submit { 15542 box-shadow: none; 15543 box-sizing: border-box; 15544 display: inline-block; 15545 font-size: 17px !important; 15546 height: 30px; 15547 background-color: #ffffff; 15548 color: #006d8e; 15549 border: none!important; 15550} 15551.signup-form input.submit:hover { 15552 background-color: #c6c6c6; 15553 color: #ffffff; 15554} 15555.signup-form a.go { 15556 border: none; 15557 box-sizing: border-box; 15558 display: none; 15559 height: 22px; 15560 margin: 0; 15561 padding-left: 4px; 15562 position: absolute; 15563 width: 22px; 15564} 15565.signup-form a.go::after { 15566 -webkit-font-smoothing: antialiased; 15567 color: #07D; 15568 content: "\f144"; 15569 float: right; 15570 font-family: 'FontAwesome'; 15571 font-size: 22px; 15572 font-style: normal; 15573 font-weight: 400; 15574 line-height: 22px; 15575 text-align: center; 15576 text-rendering: auto; 15577 width: 100%; 15578} 15579.all_bottom .inline_menu { 15580 margin-top: 5px; 15581 clear: both; 15582} 15583.all_bottom .inline_menu .sitemap-section { 15584 list-style-type: none; 15585 padding-left: 0; 15586 margin-top: 19px; 15587 font-size: 16px; 15588} 15589.all_bottom .inline_menu .sitemap-section li { 15590 margin-bottom: 10px; 15591} 15592.all_bottom .inline_menu .sitemap-section li a { 15593 transition: color 0.25s ease; 15594 color: #f45656; 15595} 15596.all_bottom .inline_menu .sitemap-section li a:hover { 15597 color: #D8D8D8; 15598} 15599.all_bottom .inline_menu .sitemap-section.extra_links { 15600 line-height: 24px; 15601 margin-top: 0; 15602} 15603@media only screen and (max-width: 960px) { 15604 .all_bottom .inline_menu { 15605 padding: 18px; 15606 } 15607} 15608@media only screen and (max-width: 640px) { 15609 .all_bottom .inline_menu { 15610 padding: 25px 0; 15611 } 15612} 15613@media only screen and (hover: none) { 15614 .inline_menu .sitemap-section li a { 15615 color: #f45656; 15616 } 15617 .inline_menu .sitemap-section li a:hover { 15618 color: #000000; 15619 } 15620} 15621#menu_format_edit { 15622 position: absolute; 15623} 15624#skip_navigation { 15625 z-index: 500; 15626 top: 0; 15627 left: -500px; 15628 padding: 15px; 15629 background-color: #f45656; 15630 color: #fff; 15631 font-size: 12px; 15632 font-family: "Barlow", sans-serif; 15633 font-weight: bold; 15634 text-transform: uppercase; 15635} 15636#skip_navigation:hover, 15637#skip_navigation:focus { 15638 position: absolute; 15639 top: 0; 15640 left: 0; 15641 color: #eeeeee; 15642} 15643#slides { 15644 position: relative; 15645 clear: both; 15646} 15647#slides .slides { 15648 position: relative; 15649 min-height: 44.6vw; 15650} 15651#slides .slides .slides_item { 15652 width: 100%; 15653 height: 855px; 15654 position: relative; 15655 top: 0; 15656 left: 0; 15657 display: none; 15658} 15659#slides .slides .slides_item.initial { 15660 display: block; 15661} 15662#slides .slides .slides_item.initial .loading { 15663 font-size: 64px; 15664 color: #4a4a4a; 15665 width: 100%; 15666 text-align: center; 15667 position: absolute; 15668 top: 40%; 15669 left: 0; 15670 right: 0; 15671} 15672#slides .slides .slides_item .slide_image { 15673 display: block; 15674 float: left; 15675 height: auto; 15676 min-height: 855px; 15677 min-width: 1000px; 15678 overflow: hidden; 15679 position: relative; 15680 text-align: center; 15681 width: 100%; 15682} 15683#slides .slides .slides_item .slide_image img { 15684 max-width: none; 15685 width: 1440px; 15686 height: auto; 15687 margin-left: auto; 15688 margin-right: auto; 15689} 15690#slides .slides .slides_item .slide_image img.narrow { 15691 display: none; 15692 max-width: 375px; 15693 max-height: 584px; 15694 height: auto; 15695 width: 100%; 15696} 15697#slides .slides .slides_item .slide_image .photo_video { 15698 position: absolute; 15699 top: 0; 15700 left: 0; 15701 right: 0; 15702 background-color: transparent; 15703 display: none; 15704} 15705#slides .slides .slides_item .slide_image .photo_video.mp4 { 15706 display: block; 15707} 15708#slides .slides .slides_item .slide_image .photo_video.mp4 video { 15709 margin-top: -6%; 15710} 15711@media only screen and (max-width: 959px) { 15712 #slides .slides .slides_item .slide_image .photo_video.mp4 { 15713 display: none !important; 15714 } 15715 #slides .slides .slides_item .slide_image .photo_video.mp4 video { 15716 margin-top: 0; 15717 } 15718} 15719#slides .slides .slides_item.overlay .slide_image { 15720 z-index: 1; 15721} 15722#slides .slides .slides_item.overlay:before { 15723 background: no-repeat 50% 0; 15724 background-size: 1440px auto; 15725 bottom: 0; 15726 content: ""; 15727 display: block; 15728 left: 0; 15729 position: absolute; 15730 right: 0; 15731 top: 0; 15732 z-index: 3; 15733} 15734#slides .slides .slides_item .photo_video_click { 15735 position: absolute; 15736 top: 0; 15737 left: 0; 15738 right: 0; 15739 bottom: 0; 15740 z-index: 4; 15741 background-color: transparent; 15742} 15743#slides .slides .slides_item .content_wrapper { 15744 position: absolute; 15745 top: 0; 15746 right: 0; 15747 bottom: 0; 15748 left: 0; 15749 width: 100%; 15750 height: 100%; 15751 padding: 0; 15752} 15753#slides .slides .slides_item .content { 15754 -webkit-box-sizing: border-box; 15755 -moz-box-sizing: border-box; 15756 box-sizing: border-box; 15757 position: relative; 15758 top: 50%; 15759 transform: translateY(-50%); 15760 height: auto; 15761 padding: 0; 15762 text-align: left; 15763 width: 100%; 15764 max-width: 1000px; 15765 margin: 0 auto; 15766 text-align: center; 15767} 15768#slides .slides .slides_item .content .wrapper { 15769 max-width: 1000px; 15770 width: 100%; 15771 height: auto; 15772 margin: 0; 15773 padding: 0; 15774} 15775#slides .slides .slides_item .content .wrapper .headline { 15776 font-size: 58px; 15777 line-height: 70px; 15778 color: #ffffff; 15779 text-transform: uppercase; 15780 letter-spacing: 8.7px; 15781 font-weight: 600; 15782} 15783#slides .slides .slides_item .content .wrapper .headline p { 15784 margin-bottom: 0; 15785} 15786#slides .slides .slides_item .content .wrapper .headline .brush { 15787 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 15788 font-weight: normal; 15789 font-style: normal; 15790 font-size: 240px; 15791 line-height: 122px; 15792 text-transform: none; 15793 letter-spacing: normal; 15794 white-space: nowrap; 15795} 15796#slides .slides .slides_item .content .wrapper .copy { 15797 font-size: 20px; 15798 line-height: 28px; 15799 color: #ffffff; 15800 margin: 20px auto 40px; 15801 max-width: 675px; 15802 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); 15803} 15804#slides .slides .slides_item .content .wrapper .copy p { 15805 margin-bottom: 0; 15806} 15807#slides .slides .slides_item .content .wrapper .btn { 15808 margin: 0; 15809 color: #f45656; 15810 background-color: #ffffff; 15811 margin-right: 22px; 15812 margin-bottom: 22px; 15813} 15814#slides .slides .slides_item .content .wrapper .btn:last-child { 15815 margin-right: 0; 15816} 15817#slides .slides .slides_item .content .wrapper .btn:hover { 15818 background-color: #f45656; 15819 color: #ffffff; 15820} 15821#slides .slides .slides_item .arrow { 15822 display: none; 15823} 15824#slides .slides .slides_video { 15825 position: relative; 15826 display: none; 15827 overflow: hidden; 15828} 15829#slides .slides .slides_video video { 15830 margin-top: -6%; 15831 margin-bottom: -6%; 15832 width: 100%; 15833} 15834#slides .slides.scaled { 15835 width: auto; 15836 height: auto; 15837} 15838#slides .slides.scaled .slides_item { 15839 width: auto; 15840 height: auto; 15841 *zoom: 1; 15842} 15843#slides .slides.scaled .slides_item:before, 15844#slides .slides.scaled .slides_item:after {
15845 content: " "; 15846 display: table; 15847 line-height: 0; 15848} 15849#slides .slides.scaled .slides_item:after { 15850 clear: both; 15851} 15852#slides .slides.scaled .slides_item .slide_image { 15853 min-width: 0; 15854 min-height: 0; 15855} 15856#slides .slides.scaled .slides_item .slide_image img { 15857 max-width: none; 15858 width: 100%; 15859 height: auto; 15860 border-radius: 0; 15861} 15862#slides .slides.scaled .slides_item .slide_image img.narrow { 15863 max-width: none; 15864 max-height: none; 15865} 15866#slides .slides.scaled .slides_item .arrow.prev { 15867 top: 45%; 15868} 15869#slides .slides.scaled .slides_item .arrow.next { 15870 top: 45%; 15871} 15872#slides .slides_nav_wrapper { 15873 position: relative; 15874 width: 100%; 15875} 15876#slides .slides_nav_wrapper .slides_nav { 15877 width: 100%; 15878 max-width: 300px; 15879 height: 30px; 15880 position: absolute; 15881 text-align: right; 15882 *zoom: 1; 15883} 15884#slides .slides_nav_wrapper .slides_nav:before, 15885#slides .slides_nav_wrapper .slides_nav:after { 15886 content: " "; 15887 display: table; 15888 line-height: 0; 15889} 15890#slides .slides_nav_wrapper .slides_nav:after { 15891 clear: both; 15892} 15893@media only screen and (min-width: 751px) { 15894 #slides .slides_nav_wrapper .slides_nav { 15895 display: block; 15896 top: -100px; 15897 right: 7vw; 15898 } 15899} 15900#slides .slides_nav_wrapper .slides_nav .nav_item { 15901 display: inline-table; 15902 width: 21px; 15903 height: 21px; 15904 background-color: #D8D8D8; 15905 position: relative; 15906 margin-right: 12px; 15907 border-radius: 100%; 15908} 15909#slides .slides_nav_wrapper .slides_nav .nav_item:hover {
15910 cursor: pointer; 15911 background-color: #b880c3; 15912} 15913#slides .slides_nav_wrapper .slides_nav .nav_item.active { 15914 background-color: transparent; 15915 width: 12px; 15916 height: 12px; 15917 border: 5px solid #D8D8D8; 15918} 15919#slides_edit { 15920 position: absolute; 15921 bottom: 0; 15922 left: 0; 15923} 15924@media only screen and (max-width: 1200px) { 15925 #slides .slides { 15926 width: 100%; 15927 min-width: 0; 15928 max-width: 100%; 15929 height: auto; 15930 margin: 0 auto; 15931 } 15932 #slides .slides .slides_item { 15933 width: 100%; 15934 min-width: 0; 15935 max-width: 100%; 15936 height: auto; 15937 } 15938 #slides .slides .slides_item .slide_image { 15939 width: 100%; 15940 min-width: 0; 15941 max-width: 100%; 15942 height: auto; 15943 min-height: 0; 15944 float: none; 15945 overflow: hidden; 15946 } 15947 #slides .slides .slides_item .slide_image img.full { 15948 height: auto; 15949 min-height: 0; 15950 min-width: 200vw; 15951 max-width: 200vw; 15952 } 15953 #slides .slides .slides_item .content_wrapper .content { 15954 display: block; 15955 top: 56%; 15956 bottom: auto; 15957 left: auto; 15958 position: relative; 15959 width: 100%; 15960 } 15961 #slides .slides .slides_item .content_wrapper .content .wrapper { 15962 position: relative; 15963 width: auto; 15964 padding: 0 20px; 15965 top: 0; 15966 bottom: 0; 15967 left: 0; 15968 text-align: center; 15969 } 15970 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 15971 font-size: 45px; 15972 letter-spacing: 3.65px; 15973 line-height: 60px; 15974 } 15975 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 15976 font-size: 200px; 15977 line-height: 72px; 15978 } 15979 #slides .slides .slides_item .content_wrapper .content .wrapper .copy { 15980 margin-bottom: 24px; 15981 margin-left: auto; 15982 margin-right: auto; 15983 font-size: 16px; 15984 line-height: 23px; 15985 padding: 0 20px; 15986 max-width: 600px; 15987 } 15988 #slides .slides .slides_item .content_wrapper .content .wrapper .btn { 15989 margin-top: 0; 15990 /*margin-bottom: 0;*/ 15991 } 15992 #slides .slides .slides_item .content_wrapper:before { 15993 background-size: 100% auto; 15994 } 15995 #slides .slides .slides_item.overlay:before { 15996 background-size: 200vw auto; 15997 } 15998 #slides .slides.scaled .slides_item .slide_image img.full { 15999 height: auto; 16000 min-width: 0; 16001 max-width: none; 16002 } 16003} 16004@media only screen and (max-width: 899px) { 16005 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16006 font-size: 40px; 16007 } 16008 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16009 font-size: 140px; 16010 } 16011} 16012@media only screen and (max-width: 767px) { 16013 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16014 font-size: 35px; 16015 } 16016 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16017 font-size: 130px; 16018 } 16019} 16020@media only screen and (max-width: 750px) { 16021 #slides .slides .slides_item.initial { 16022 display: block; 16023 } 16024 #slides .slides .slides_item.initial .loading { 16025 font-size: 32px; 16026 } 16027 #slides .slides .slides_item .slide_image { 16028 float: none; 16029 } 16030 #slides .slides .slides_item .slide_image img.full { 16031 display: none; 16032 } 16033 #slides .slides .slides_item .slide_image img.narrow { 16034 display: inline; 16035 } 16036 #slides .slides .slides_item.overlay:before { 16037 background-size: 100% auto; 16038 } 16039 #slides .slides_nav_wrapper { 16040 position: static; 16041 margin-top: -40px; 16042 } 16043 #slides .slides_nav_wrapper .slides_nav { 16044 position: static; 16045 width: auto; 16046 margin: 0 auto; 16047 text-align: center; 16048 } 16049} 16050@media only screen and (max-width: 699px) { 16051 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16052 font-size: 30px; 16053 line-height: 40px; 16054 } 16055 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16056 font-size: 115px; 16057 line-height: 57px; 16058 } 16059} 16060@media only screen and (max-width: 599px) { 16061 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16062 font-size: 30px; 16063 } 16064 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16065 font-size: 110px; 16066 } 16067} 16068@media only screen and (max-width: 424px) { 16069 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16070 font-size: 25px; 16071 line-height: 29px; 16072 } 16073 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16074 font-size: 90px; 16075 line-height: 46px; 16076 } 16077} 16078@media only screen and (max-width: 374px) { 16079 #slides .slides .slides_item .content_wrapper .content .wrapper .headline { 16080 font-size: 20px; 16081 } 16082 #slides .slides .slides_item .content_wrapper .content .wrapper .headline .brush { 16083 font-size: 85px; 16084 } 16085} 16086.ie8 .slides .slides_item .content, 16087.ie7 .slides .slides_item .content, 16088.ie6 .slides .slides_item .content { 16089 background-color: #ccc; 16090} 16091#menu_format_edit { 16092 position: absolute; 16093} 16094.social_icons { 16095 display: inline-block; 16096 font-size: 30px; 16097 width: 100%; 16098} 16099.social_icons a { 16100 height: auto; 16101 color: #ffffff; 16102 margin-right: 10px; 16103} 16104.social_icons a:hover {
16105 color: #0ecdd7; 16106 text-decoration: none; 16107} 16108.social_icons a:last-child { 16109 margin-right: 0; 16110} 16111.social_icons a:before { 16112 font-family: 'FontAwesome'; 16113} 16114.social_icons a:hover { 16115 text-decoration: none; 16116} 16117.mobile_menu .social_icons { 16118 text-align: center; 16119} 16120.sponsor_level { 16121 max-width: 1000px; 16122 margin: 53px auto 0; 16123} 16124.sponsor_level .sponsor_title { 16125 font-weight: 700; 16126 color: #4a4a4a; 16127 font-size: 22px; 16128 line-height: 24px; 16129 text-align: center; 16130} 16131.sponsors { 16132 position: relative; 16133 text-align: center; 16134 min-height: 0; 16135 height: auto; 16136 margin: 40px auto 29px; 16137} 16138.sponsors .sponsor { 16139 *zoom: 1; 16140 background: no-repeat center; 16141 background-size: contain; 16142 display: inline-block; 16143 font-family: "Barlow", sans-serif; 16144 line-height: 1.4; 16145 margin-bottom: 0; 16146 position: relative; 16147 width: 100%; 16148 height: 100px; 16149} 16150.sponsors .sponsor:before, 16151.sponsors .sponsor:after { 16152 content: " "; 16153 display: table; 16154 line-height: 0; 16155} 16156.sponsors .sponsor:after { 16157 clear: both; 16158} 16159.sponsors .sponsor a { 16160 color: #f45656; 16161} 16162.sponsors .sponsor .label { 16163 display: none; 16164} 16165.sponsors .sponsor.text { 16166 background-image: none; 16167} 16168.sponsors .sponsor.text .label { 16169 background: none; 16170 bottom: auto; 16171 display: block; 16172 height: 120px; 16173 left: auto; 16174 line-height: 120px; 16175 position: relative; 16176 right: auto; 16177} 16178@media only screen and (max-width: 1000px) { 16179 .sponsor_level { 16180 margin-top: 41px; 16181 } 16182 .sponsor_level .sponsors { 16183 margin: 0; 16184 } 16185} 16186#sponsors_chairmans_circle_edit, 16187#sponsors_presidential_partners_edit, 16188#sponsors_chairmans_club_edit { 16189 left: 0; 16190 position: absolute; 16191 top: 0; 16192} 16193.testimonial { 16194 -webkit-box-sizing: border-box; 16195 -moz-box-sizing: border-box; 16196 box-sizing: border-box; 16197 padding-top: 35px; 16198 position: relative; 16199 float: left; 16200 width: 226px; 16201 height: auto; 16202} 16203.testimonial .quote { 16204 width: 226px; 16205 height: -159px; 16206 overflow: hidden; 16207 position: relative; 16208 font-family: "Barlow", sans-serif; 16209 font-size: 29px; 16210 font-weight: 0; 16211 font-style: italic; 16212 line-height: 40px; 16213 color: #f45656; 16214 margin-bottom: 0px; 16215 text-align: center; 16216} 16217.testimonial .attribution { 16218 font-family: "Barlow", sans-serif; 16219 font-size: 29px; 16220 font-weight: 0; 16221 font-style: italic; 16222 line-height: 40px; 16223 color: #737373; 16224 margin-bottom: 35px; 16225 text-align: center; 16226} 16227.testimonial .testimonial_link { 16228 display: block; 16229 width: 202px; 16230 height: 25px; 16231 position: relative; 16232 margin-left: auto; 16233 margin-right: auto; 16234 font-family: 0; 16235 font-size: 14px; 16236 font-weight: 0; 16237 font-style: 0; 16238 line-height: 25px; 16239 color: #9a1f25; 16240 text-align: center; 16241 border: 1px solid #dddddd; 16242} 16243#testimonial_edit { 16244 position: absolute; 16245 left: 0; 16246 top: 0; 16247} 16248@media only screen and (max-width: 1000px) { 16249 .responsive .testimonial { 16250 width: auto; 16251 height: auto; 16252 display: block; 16253 float: none; 16254 margin: 0 0 45px 0; 16255 } 16256 .responsive .testimonial .quote { 16257 width: auto; 16258 height: auto; 16259 overflow: automatic; 16260 } 16261 .responsive .testimonial .attribution { 16262 width: auto; 16263 height: auto; 16264 } 16265} 16266.text_size { 16267 position: relative; 16268 margin-right: 4px; 16269} 16270.text_size .selector { 16271 position: relative; 16272} 16273.text_size a.size { 16274 color: #4a4a4a; 16275 margin-right: 2px; 16276} 16277.text_size a.size.small { 16278 font-size: 18px; 16279} 16280.text_size a.size.small:hover {
16281 color: #f45656; 16282} 16283.text_size a.size.small.active { 16284 color: #f45656; 16285 font-weight: bold; 16286} 16287.text_size a.size.medium { 16288 font-size: 20px; 16289} 16290.text_size a.size.medium:hover { 16291 color: #f45656; 16292} 16293.text_size a.size.medium.active { 16294 color: #f45656; 16295 font-weight: bold; 16296} 16297.text_size a.size.large { 16298 font-size: 22px; 16299 margin-right: 0px; 16300} 16301.text_size a.size.large:hover { 16302 color: #f45656; 16303} 16304.text_size a.size.large.active { 16305 color: #f45656; 16306 font-weight: bold; 16307} 16308.tweets .tweets-header h1, 16309.tweets .tweets-header h2, 16310.tweets .tweets-header h3, 16311.tweets .tweets-header h4, 16312.tweets .tweets-header h5, 16313.tweets .tweets-header h6 { 16314 text-align: left; 16315} 16316.tweets .tweets-header .subhead { 16317 font-size: 1.25rem; 16318 line-height: 2.75rem; 16319} 16320.tweets .tweet-container { 16321 border-radius: 5px; 16322} 16323body.viewonly_content .mobile_nav { 16324 display: none; 16325} 16326body.viewonly_content header { 16327 display: none; 16328} 16329body.viewonly_content footer { 16330 display: none; 16331} 16332body.viewonly_content #interior .header { 16333 display: none; 16334} 16335body.viewonly_content #interior .interior { 16336 padding: 20px 0; 16337} 16338body.viewonly_content #interior_left { 16339 display: none; 16340} 16341body.viewonly_content #interior_right { 16342 display: none; 16343} 16344body.viewonly_content #photo_heading { 16345 display: none; 16346} 16347.external_login.mobile, 16348.external_login.full { 16349 display: none; 16350 position: absolute; 16351} 16352.external_login.mobile { 16353 z-index: 99; 16354 top: 0; 16355 right: 0; 16356 background-color: #000000; 16357 border-radius: 0; 16358} 16359.external_login.mobile .type label { 16360 color: #fff; 16361} 16362.login_container { 16363 display: block; 16364 position: relative; 16365 width: 100%; 16366 max-width: 1042px; 16367 margin: 0 auto; 16368} 16369.scrolled .login_container { 16370 display: none; 16371} 16372.external_login { 16373 background-color: #ffffff; 16374 padding: 15px 21px 6px; 16375 max-width: 360px; 16376 font-size: 14px; 16377 -moz-border-radius: 0 0 4px 4px; 16378 -webkit-border-radius: 0 0 4px 4px; 16379 border-radius: 0 0 4px 4px; 16380 /*Change text in autofill textbox*/ 16381} 16382.external_login form { 16383 *zoom: 1; 16384 margin-bottom: 14px; 16385 max-width: 360px; 16386} 16387.external_login form:before, 16388.external_login form:after { 16389 content: " "; 16390 display: table; 16391 line-height: 0; 16392} 16393.external_login form:after { 16394 clear: both; 16395} 16396.external_login .type label { 16397 white-space: nowrap; 16398 margin-right: 2px; 16399} 16400.external_login .type label input { 16401 margin-right: 5px; 16402} 16403.external_login input:-webkit-autofill { 16404 -webkit-box-shadow: 0 0 0 30px #F5F5F5 inset; 16405} 16406.external_login p:first-child { 16407 font-size: 20px; 16408 font-weight: bold; 16409 color: #ffffff; 16410} 16411.input_group { 16412 position: relative; 16413 border-collapse: separate; 16414 max-width: 360px; 16415} 16416.input_group.margin_bottom { 16417 margin-bottom: 5px; 16418} 16419.input_group .input_group_addon { 16420 padding: 6px 12px; 16421 font-size: 14px; 16422 font-weight: normal; 16423 line-height: 1; 16424 color: #555; 16425 text-align: center; 16426 background-color: #eee; 16427 border: 1px solid #ccc; 16428 border-right-width: 1px; 16429 border-right-style: solid; 16430 border-right-color: #ccc; 16431 border-radius: 4px; 16432 border-top-right-radius: 4px; 16433 border-bottom-right-radius: 4px; 16434 white-space: nowrap; 16435 vertical-align: middle; 16436} 16437.input_group_addon:first-child { 16438 border-right: none; 16439} 16440.input_group_addon, 16441.input_group_addon .text_field { 16442 display: table-cell; 16443} 16444.input_group .text_field:first-child, 16445.input_group_addon:first-child { 16446 border-bottom-right-radius: 0; 16447 border-top-right-radius: 0; 16448} 16449.input_group label { 16450 display: none; 16451} 16452.input_group .text_field { 16453 width: 100%; 16454 height: 30px!important; 16455 font-size: 16px; 16456 line-height: 18px; 16457 color: #4a4a4a !important; 16458 background-color: #F5F5F5 !important; 16459 background-image: none; 16460 -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16461 -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16462 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 16463} 16464.input_group .text_field::placeholder { 16465 /* Chrome, Firefox, Opera, Safari 10.1+ */ 16466 color: #4a4a4a !important; 16467 opacity: 1; 16468 /* Firefox */ 16469} 16470.input_group .text_field:-ms-input-placeholder { 16471 /* Internet Explorer 10-11 */ 16472 color: #4a4a4a !important; 16473} 16474.input_group .text_field::-ms-input-placeholder { 16475 /* Microsoft Edge */ 16476 color: #4a4a4a !important; 16477} 16478.external_login .login_form { 16479 width: 100%; 16480 margin-bottom: 0; 16481} 16482.business .input_group input.user { 16483 width: 100%; 16484} 16485.external_login form input[type=submit] { 16486 cursor: pointer; 16487 box-shadow: none; 16488 width: 100%; 16489 font-size: 16px; 16490 color: #ffffff !important; 16491 border: none!important; 16492 margin-bottom: 0!important; 16493 transition: none!important; 16494 padding: 20px; 16495 line-height: 16px; 16496} 16497.external_login form input[type=submit]:hover { 16498 background-color: #b880c3 !important; 16499 color: #ffffff; 16500} 16501.retail .input_group input.user { 16502 display: block; 16503} 16504.retail .input_group input.pw { 16505 width: 60%; 16506 display: inline-block; 16507 margin-bottom: 2px!important; 16508} 16509.retail .input_group input.submit_button { 16510 width: 35%; 16511 display: inline-block; 16512 float: right; 16513 padding-bottom: 7px!important; 16514} 16515.business .input_group input.user { 16516 width: 60%; 16517 display: inline-block; 16518} 16519.business .input_group input.submit_button { 16520 width: 35%; 16521 display: inline-block; 16522 float: right; 16523 padding-top: 4px; 16524 padding-bottom: 3px; 16525} 16526.external_login .type label { 16527 color: #757575; 16528} 16529.external_login p { 16530 color: #9b9b9b; 16531 margin: 0; 16532} 16533.external_login p a { 16534 color: #4a4a4a; 16535} 16536.external_login p span.demo { 16537 padding-left: 56px; 16538 color: #ffffff; 16539} 16540.external_login.mobile p a { 16541 color: #9b9b9b; 16542} 16543@media only screen and (min-width: 960px) { 16544 .external_login.full { 16545 display: block; 16546 z-index: 40; 16547 } 16548} 16549@media only screen and (min-width: 1600px) { 16550 .external_login.full { 16551 top: 10px; 16552 } 16553} 16554@media only screen and (max-width: 1200px) { 16555 .external_login.full { 16556 font-size: 12px; 16557 } 16558 .external_login.full form { 16559 margin-bottom: 4px; 16560 } 16561 .external_login.full .input_group .text_field, 16562 .external_login.full .input_group input.submit_button { 16563 font-size: 12px; 16564 height: 22px !important; 16565 line-height: 14px !important; 16566 padding-top: 4px !important; 16567 padding-bottom: 4px !important; 16568 margin-bottom: 5px !important; 16569 } 16570 .external_login.full .input_group.margin_bottom { 16571 margin-bottom: 0; 16572 } 16573} 16574.center { 16575 text-align: center; 16576} 16577.calendar_upcoming { 16578 margin-bottom: 26px; 16579} 16580.calendar_upcoming .events { 16581 box-sizing: border-box; 16582 padding: 0 20px; 16583} 16584.calendar_upcoming .events .event { 16585 margin: 0 0 60px 0; 16586 width: 48%; 16587} 16588.calendar_upcoming .events .event .date { 16589 background-color: #fff; 16590 border-radius: 0; 16591 border: 2px solid #f45656; 16592 box-sizing: border-box; 16593 font-family: "Barlow", sans-serif; 16594 font-weight: 700; 16595 height: 75px; 16596 margin: 0 20px 0 0; 16597 padding: 0; 16598 text-align: center; 16599 width: 75px; 16600} 16601.calendar_upcoming .events .event .date .month { 16602 font-size: 28px; 16603} 16604.calendar_upcoming .events .event .date .day { 16605 font-size: 26px; 16606} 16607.calendar_upcoming .events .event .info .title { 16608 color: #4a4a4a; 16609 font-family: "Barlow", sans-serif; 16610 font-size: 24px; 16611 font-weight: 400; 16612 margin: 0 0 10px 0; 16613 text-align: left; 16614} 16615.calendar_upcoming .events .event .info .buttons .button { 16616 border-radius: 0; 16617 /*box-sizing: border-box;*/ 16618 font-family: "Barlow", sans-serif; 16619 font-size: 18px; 16620 font-weight: 500; 16621 padding: 8px 6px 9px; 16622 text-align: center; 16623 transition: all 0.1s ease-in-out; 16624 width: 100px; 16625} 16626.calendar_upcoming .events .event .info .buttons .button.register { 16627 background-color: #f45656; 16628 color: #fff; 16629 margin-right: 9px; 16630} 16631.calendar_upcoming .events .event .info .buttons .button.register:hover { 16632 background-color: #f45656; 16633 color: #4a4a4a; 16634} 16635.calendar_upcoming .events .event .info .buttons .button.more { 16636 background-color: #8a8a8a; 16637 color: #4a4a4a; 16638} 16639.calendar_upcoming .events .event .info .buttons .button.more:hover { 16640 background-color: #575757; 16641 color: #fff; 16642} 16643.calendar_upcoming .all { 16644 background-color: #f45656; 16645 border-radius: 0; 16646 /*box-sizing: border-box;*/ 16647 color: #fff; 16648 font-family: "Barlow", sans-serif; 16649 font-size: 18px; 16650 font-weight: 500; 16651 line-height: 1.4; 16652 max-width: 100%; 16653 padding: 8px 6px 9px; 16654 text-align: center; 16655 transition: all 0.1s ease-in-out; 16656 width: 270px; 16657} 16658.calendar_upcoming .all:hover { 16659 background-color: #f45656; 16660 color: #4a4a4a; 16661} 16662.flexbox .calendar_upcoming { 16663 align-items: center; 16664 display: flex; 16665 flex-direction: column; 16666 flex-wrap: nowrap; 16667 justify-content: flex-start; 16668} 16669.flexbox .calendar_upcoming .events { 16670 align-items: stretch; 16671 box-sizing: border-box; 16672 display: flex; 16673 flex-direction: row; 16674 flex-wrap: wrap; 16675 justify-content: space-between; 16676} 16677.flexbox .calendar_upcoming .events .event { 16678 align-items: flex-start; 16679 display: flex; 16680 flex-basis: auto; 16681 flex-direction: row; 16682 flex-wrap: nowrap; 16683 justify-content: center; 16684} 16685.flexbox .calendar_upcoming .events .event .date { 16686 align-items: center; 16687 display: flex; 16688 flex-basis: auto; 16689 flex-direction: column; 16690 flex-grow: 0; 16691 flex-shrink: 0; 16692 flex-wrap: wrap; 16693 justify-content: center; 16694 order: 0; 16695 padding: 0; 16696} 16697.flexbox .calendar_upcoming .events .event .info { 16698 align-items: stretch; 16699 display: flex; 16700 flex-direction: column; 16701 flex-grow: 1; 16702 flex-wrap: wrap; 16703 justify-content: space-between; 16704} 16705.flexbox .calendar_upcoming .events .event .info .title { 16706 order: 0; 16707} 16708.flexbox .calendar_upcoming .events .event .info .buttons { 16709 align-items: center; 16710 display: flex; 16711 flex-direction: row; 16712 flex-wrap: wrap; 16713 justify-content: flex-start; 16714} 16715.flexbox .calendar_upcoming .events .event .info .buttons .button { 16716 flex-basis: auto; 16717 order: 1; 16718} 16719.flexbox .calendar_upcoming .all { 16720 align-items: center; 16721 display: flex; 16722 flex-basis: auto; 16723 flex-direction: row; 16724 flex-wrap: wrap; 16725 justify-content: center; 16726} 16727.no-flexbox .calendar_upcoming { 16728 text-align: center; 16729} 16730.no-flexbox .calendar_upcoming .events { 16731 *zoom: 1; 16732} 16733.no-flexbox .calendar_upcoming .events:before, 16734.no-flexbox .calendar_upcoming .events:after {
16735 content: " "; 16736 display: table; 16737 line-height: 0; 16738} 16739.no-flexbox .calendar_upcoming .events:after { 16740 clear: both; 16741} 16742.no-flexbox .calendar_upcoming .events .event { 16743 display: inline-block; 16744 float: left; 16745} 16746.no-flexbox .calendar_upcoming .events .event:nth-of-type(even) { 16747 margin-left: 4%; 16748} 16749.no-flexbox .calendar_upcoming .events .event .date { 16750 display: inline-block; 16751 float: left; 16752 padding: 8px 0; 16753} 16754.no-flexbox .calendar_upcoming .events .event .date span { 16755 display: block; 16756} 16757.no-flexbox .calendar_upcoming .events .event .info .buttons .button { 16758 display: inline-block; 16759 float: left; 16760} 16761.no-flexbox .calendar_upcoming .all { 16762 display: inline-block; 16763} 16764@media only screen and (max-width: 1000px) { 16765 .calendar_upcoming { 16766 margin: 0 0 45px; 16767 } 16768 .calendar_upcoming .events .event { 16769 margin: 0 0 30px 0; 16770 } 16771 .calendar_upcoming .events .event:nth-of-type(n+5) { 16772 display: none; 16773 } 16774 .calendar_upcoming .events .event .date { 16775 height: 50px; 16776 width: 50px; 16777 } 16778 .calendar_upcoming .events .event .date .month { 16779 font-size: 20px; 16780 } 16781 .calendar_upcoming .events .event .date .day { 16782 font-size: 18px; 16783 } 16784 .calendar_upcoming .events .event .info .title { 16785 font-size: 18px; 16786 } 16787 .calendar_upcoming .events .event .info .buttons .button { 16788 margin: 0 0 20px 0; 16789 } 16790 .calendar_upcoming .events .event .info .buttons .button.register { 16791 margin-right: 2%; 16792 } 16793 .flexbox .calendar_upcoming .events .event .info .buttons { 16794 justify-content: flex-start; 16795 } 16796 .no-flexbox .calendar_upcoming .events .event { 16797 float: none; 16798 } 16799 .no-flexbox .calendar_upcoming .events .event:nth-of-type(even) { 16800 margin-left: 0; 16801 } 16802 .no-flexbox .calendar_upcoming .events .event .info .buttons { 16803 display: block; 16804 margin-top: 26px; 16805 } 16806 .no-flexbox .calendar_upcoming .events .event .info .buttons .button { 16807 display: inline-block; 16808 } 16809} 16810@media only screen and (max-width: 666.66666667px) { 16811 .calendar_upcoming .events .event { 16812 margin: 0 auto 30px; 16813 max-width: 310px; 16814 width: 100%; 16815 } 16816} 16817.calendar_eventlist { 16818 margin-bottom: 26px; 16819} 16820.calendar_eventlist .events-header { 16821 align-items: center; 16822 display: flex; 16823 flex-direction: row; 16824 flex-wrap: nowrap; 16825 justify-content: space-between; 16826 margin-bottom: 30px; 16827 width: 100%; 16828} 16829.calendar_eventlist .events-header .previous, 16830.calendar_eventlist .events-header .next { 16831 align-items: center; 16832 border-radius: 50%; 16833 display: flex; 16834 flex-direction: row; 16835 flex-grow: 0; 16836 flex-shrink: -1; 16837 flex-wrap: nowrap; 16838 font-size: 0; 16839 height: 25px; 16840 justify-content: center; 16841 min-height: 25px; 16842 min-width: 25px; 16843 text-decoration: none; 16844 width: 25px; 16845} 16846.calendar_eventlist .events-header .previous::after, 16847.calendar_eventlist .events-header .next::after { 16848 color: #f45656; 16849 content: "\f144"; 16850 display: block; 16851 font-family: "FontAwesome"; 16852 font-size: 25px; 16853 font-weight: 400; 16854 text-align: center; 16855 transition: all 0.1s ease-in-out; 16856} 16857.calendar_eventlist .events-header .previous::after:hover, 16858.calendar_eventlist .events-header .next::after:hover, 16859.calendar_eventlist .events-header .previous::after:focus, 16860.calendar_eventlist .events-header .next::after:focus { 16861 color: #f45656; 16862} 16863.calendar_eventlist .events-header .previous::after { 16864 transform: rotate(180deg); 16865} 16866.calendar_eventlist .events-header .current { 16867 color: #8a8a8a; 16868 flex-grow: 1; 16869 font-family: "Barlow", sans-serif; 16870 font-size: 30px; 16871 font-weight: 500; 16872 text-align: center; 16873} 16874.calendar_eventlist .events { 16875 *zoom: 1; 16876 width: 100%; 16877} 16878.calendar_eventlist .events:before, 16879.calendar_eventlist .events:after { 16880 content: " "; 16881 display: table; 16882 line-height: 0; 16883} 16884.calendar_eventlist .events:after { 16885 clear: both; 16886} 16887.calendar_eventlist .events .event { 16888 color: #4a4a4a; 16889 margin-bottom: 26px; 16890 padding: 25px; 16891} 16892.calendar_eventlist .events .event:nth-child(odd) { 16893 background-color: #bdbdbd; 16894 border-radius: 0; 16895} 16896.calendar_eventlist .events .event:nth-child(even) { 16897 background-color: #fff; 16898} 16899.calendar_eventlist .events .event a { 16900 color: #4a4a4a; 16901 text-decoration: none; 16902} 16903.calendar_eventlist .events .event a:hover { 16904 text-decoration: none; 16905 color: #f45656; 16906} 16907.calendar_eventlist .events .event .meta { 16908 font-family: "Barlow", sans-serif; 16909 font-size: 18px; 16910 line-height: 1.4; 16911 color: #f45656; 16912 margin-bottom: 13px; 16913} 16914.calendar_eventlist .events .event .meta .location { 16915 color: #4a4a4a; 16916} 16917.calendar_eventlist .events .event .name { 16918 font-family: "Barlow", sans-serif; 16919 font-size: 24px; 16920 font-weight: 500; 16921 margin-bottom: 13px; 16922 line-height: 1.4; 16923} 16924.calendar_eventlist .events .event .name a { 16925 color: #4a4a4a; 16926 text-decoration: none; 16927} 16928.calendar_eventlist .events .event .name a:hover { 16929 text-decoration: none; 16930 color: #bdbdbd; 16931} 16932.calendar_eventlist .events .event .description, 16933.calendar_eventlist .events .event .tools { 16934 font-family: "Barlow", sans-serif !important; 16935 font-size: 16px !important; 16936 font-weight: 400 !important; 16937 line-height: 1.4 !important; 16938 margin-bottom: 13px; 16939} 16940.calendar_eventlist .events .event .description p { 16941 margin-bottom: 30px; 16942} 16943.calendar_eventlist .events .event .description p:empty { 16944 display: none; 16945} 16946.calendar_eventlist .events .event .description .description_short, 16947.calendar_eventlist .events .event .description .description_full { 16948 width: 100%; 16949} 16950.calendar_eventlist .events .event .description .description_short img, 16951.calendar_eventlist .events .event .description .description_full img { 16952 float: left; 16953 height: auto; 16954 margin: 0 20px 20px 0; 16955 max-width: 175px; 16956} 16957.calendar_eventlist .events .event .description .description_full { 16958 display: none; 16959} 16960.calendar_eventlist .events .event .description em { 16961 color: #4a4a4a; 16962} 16963.calendar_eventlist .events .event .description img { 16964 border-radius: 0; 16965} 16966.calendar_eventlist .events .event .tools { 16967 align-items: center; 16968 display: flex; 16969 flex-direction: row; 16970 flex-wrap: nowrap; 16971 justify-content: space-between; 16972 margin: 30px 0 0; 16973} 16974.calendar_eventlist .events .event .tools span.fa { 16975 font-size: 14px; 16976} 16977.calendar_eventlist .events .event .tools .tools_links { 16978 align-items: center; 16979 display: inline-flex; 16980 flex-basis: auto; 16981 flex-direction: row; 16982 flex-wrap: wrap; 16983 justify-content: space-between; 16984 position: relative; 16985 width: 50%; 16986} 16987.calendar_eventlist .events .event .tools .tools_links a.tool { 16988 text-decoration: none; 16989 transition: all 0.1s ease-in-out; 16990 white-space: nowrap; 16991} 16992.calendar_eventlist .events .event .tools .tools_links a.tool:hover { 16993 text-decoration: none; 16994 color: #f45656; 16995} 16996.calendar_eventlist .events .event .tools .tools_links a.tool.active { 16997 color: #f45656; 16998} 16999.calendar_eventlist .events .event .tools .tools_links .panel { 17000 background-color: #8a8a8a; 17001 border-radius: 0; 17002 box-sizing: border-box; 17003 display: none; 17004 flex-direction: column; 17005 flex-wrap: nowrap; 17006 justify-content: space-between; 17007 align-items: flex-start; 17008 padding: 10px; 17009 position: absolute; 17010 top: 30px; 17011} 17012.calendar_eventlist .events .event .tools .tools_links .panel:first-of-type { 17013 left: 0; 17014} 17015.calendar_eventlist .events .event .tools .tools_links .panel:nth-of-type(2) { 17016 left: 50%; 17017 transform: translateX(-50%); 17018} 17019.calendar_eventlist .events .event .tools .tools_links .panel:last-of-type { 17020 left: auto; 17021 right: 0; 17022} 17023.calendar_eventlist .events .event .tools .tools_links .panel a { 17024 align-items: center; 17025 border-radius: 0; 17026 box-sizing: border-box; 17027 color: #fff; 17028 display: flex; 17029 flex-direction: row; 17030 flex-wrap: nowrap; 17031 justify-content: flex-start; 17032 padding: 4px 8px; 17033 transition: all 0.1s ease-in-out; 17034 white-space: nowrap; 17035 width: 100%; 17036} 17037.calendar_eventlist .events .event .tools .tools_links .panel a span { 17038 display: inline-block; 17039 flex-basis: auto; 17040 margin-right: 10px; 17041 width: 15px; 17042 text-align: center; 17043} 17044.calendar_eventlist .events .event .tools .tools_links .panel a:hover { 17045 background-color: #f45656; 17046 color: #4a4a4a; 17047 text-decoration: none; 17048} 17049.calendar_eventlist .events .event .tools .tools_buttons { 17050 align-items: center; 17051 display: inline-flex; 17052 flex-basis: auto; 17053 flex-direction: row; 17054 flex-wrap: wrap; 17055 justify-content: space-between; 17056 width: 35%; 17057} 17058.calendar_eventlist .events .event .tools .tools_buttons a.button { 17059 background-color: #575757; 17060 border-radius: 0; 17061 border: none; 17062 box-sizing: border-box; 17063 color: #4a4a4a; 17064 cursor: pointer; 17065 display: inline-block; 17066 flex-basis: auto; 17067 font-family: "Barlow", sans-serif; 17068 font-size: 18px; 17069 font-weight: 500; 17070 padding: 8px 6px 9px; 17071 text-align: center; 17072 transition: all 0.1s ease-in-out; 17073 width: 47%; 17074} 17075.calendar_eventlist .events .event .tools .tools_buttons a.button.more .fa-caret-up { 17076 display: none; 17077} 17078.calendar_eventlist .events .event .tools .tools_buttons a.button:hover { 17079 background-color: #8a8a8a; 17080 color: #fff; 17081} 17082.calendar_eventlist .events .event .tools .tools_buttons a.button.register { 17083 background-color: #f45656; 17084 color: #fff; 17085} 17086.calendar_eventlist .events .event .tools .tools_buttons a.button.register:hover { 17087 background-color: #f45656; 17088 color: #4a4a4a; 17089} 17090.calendar_eventlist .events .no_events { 17091 color: #4a4a4a; 17092 margin-bottom: 26px; 17093 padding-bottom: 25px; 17094 text-align: center; 17095} 17096.text_medium .calendar_eventlist { 17097 font-size: 20px; 17098} 17099.text_medium .calendar_eventlist .events .event .name { 17100 font-size: 28.8px; 17101} 17102.text_medium .calendar_eventlist .events .event .description, 17103.text_medium .calendar_eventlist .events .event .location, 17104.text_medium .calendar_eventlist .events .event .tools { 17105 font-size: 19.2px; 17106} 17107.text_medium .calendar_eventlist .events .event .tools span.fa { 17108 font-size: 16.8px; 17109} 17110.text_large .calendar_eventlist { 17111 font-size: 23px; 17112} 17113.text_large .calendar_eventlist .events .event .name { 17114 font-size: 36px; 17115} 17116.text_large .calendar_eventlist .events .event .description, 17117.text_large .calendar_eventlist .events .event .location, 17118.text_large .calendar_eventlist .events .event .tools { 17119 font-size: 24px; 17120} 17121.text_large .calendar_eventlist .events .event .tools span.fa { 17122 font-size: 21px; 17123} 17124@media only screen and (max-width: 959px) { 17125 .calendar_eventlist .events .event .tools { 17126 display: flex; 17127 flex-direction: column; 17128 justify-content: space-between; 17129 align-items: center; 17130 } 17131 .calendar_eventlist .events .event .tools .tools_links { 17132 display: flex; 17133 flex-basis: auto; 17134 flex-direction: row; 17135 flex-wrap: nowrap; 17136 justify-content: space-between; 17137 margin: 0 0 30px; 17138 align-items: center; 17139 width: 70%; 17140 } 17141 .calendar_eventlist .events .event .tools .tools_buttons { 17142 display: flex; 17143 flex-basis: auto; 17144 flex-direction: row; 17145 justify-content: space-between; 17146 width: 70%; 17147 } 17148 .calendar_eventlist .events .event .tools .tools_buttons a.button { 17149 padding: 8px 6px 9px; 17150 } 17151} 17152@media only screen and (max-width: 639px) { 17153 .calendar_eventlist .events .event .tools .tools_links { 17154 flex-basis: auto; 17155 width: 100%; 17156 } 17157 .calendar_eventlist .events .event .tools .tools_links .panel a { 17158 font-size: 16px; 17159 } 17160 .calendar_eventlist .events .event .tools .tools_links .panel a span { 17161 font-size: 14px; 17162 } 17163 .calendar_eventlist .events .event .tools .tools_buttons { 17164 flex-basis: auto; 17165 width: 100%; 17166 } 17167} 17168@media only screen and (max-width: 532.5px) { 17169 .calendar_eventlist .events .event .tools .tools_links { 17170 font-size: 0; 17171 justify-content: space-around; 17172 } 17173 .calendar_eventlist .events .event .tools .tools_links span.fa { 17174 font-size: 24px; 17175 } 17176} 17177.calendar_monthwidget { 17178 *zoom: 1; 17179 margin-bottom: 26px; 17180 position: relative; 17181} 17182.calendar_monthwidget:before, 17183.calendar_monthwidget:after {
17184 content: " "; 17185 display: table; 17186 line-height: 0; 17187} 17188.calendar_monthwidget:after { 17189 clear: both; 17190} 17191.calendar_monthwidget .calendar-header { 17192 align-items: center; 17193 display: flex; 17194 flex-direction: row; 17195 flex-wrap: nowrap; 17196 justify-content: space-between; 17197 margin-bottom: 26px; 17198} 17199.calendar_monthwidget .calendar-header .calendar-title { 17200 color: #8a8a8a; 17201 flex-grow: 1; 17202 font-family: "Barlow", sans-serif; 17203 font-size: 30px; 17204 font-weight: 500; 17205 text-align: center; 17206} 17207.calendar_monthwidget .calendar-header .month_prev, 17208.calendar_monthwidget .calendar-header .month_next { 17209 align-items: center; 17210 background: transparent; 17211 display: flex; 17212 flex-direction: row; 17213 flex-grow: 0; 17214 flex-shrink: -1; 17215 flex-wrap: nowrap; 17216 font-size: 0; 17217 height: 25px; 17218 justify-content: center; 17219 min-height: 25px; 17220 min-width: 25px; 17221 text-decoration: none; 17222 width: 25px; 17223} 17224.calendar_monthwidget .calendar-header .month_prev::after, 17225.calendar_monthwidget .calendar-header .month_next::after { 17226 color: #f45656; 17227 content: "\f04b"; 17228 display: block; 17229 font-family: "FontAwesome"; 17230 font-size: 15px; 17231 font-weight: 700; 17232 text-align: center; 17233 transition: all 0.1s ease-in-out; 17234 transform: rotate(180deg); 17235} 17236.calendar_monthwidget .calendar-header .month_prev::after:hover, 17237.calendar_monthwidget .calendar-header .month_next::after:hover, 17238.calendar_monthwidget .calendar-header .month_prev::after:focus, 17239.calendar_monthwidget .calendar-header .month_next::after:focus { 17240 color: #f45656; 17241} 17242.calendar_monthwidget .calendar-header .month_next::after { 17243 transform: rotate(0deg); 17244} 17245.calendar_monthwidget .calendar-grid { 17246 background-color: #bdbdbd; 17247 border-radius: 0; 17248 box-sizing: border-box; 17249 padding: 15px 20px; 17250} 17251.calendar_monthwidget .calendar-grid .calendar-days .calendar-week { 17252 align-items: center; 17253 display: flex; 17254 flex-direction: row; 17255 flex-wrap: nowrap; 17256 justify-content: space-between; 17257} 17258.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day { 17259 align-items: center; 17260 background-color: #fff; 17261 border-radius: 50%; 17262 color: #4a4a4a; 17263 display: flex; 17264 flex-direction: row; 17265 flex-wrap: nowrap; 17266 height: 23px; 17267 justify-content: center; 17268 margin-bottom: 10px; 17269 width: 23px; 17270} 17271.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day .day-number { 17272 display: inline-block; 17273 font-family: "Barlow", sans-serif; 17274 font-size: 12px; 17275} 17276.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.calendar-day-np { 17277 color: #efecea; 17278 background-color: #fefbf9; 17279} 17280.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.active { 17281 background-color: #f45656; 17282} 17283.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.current { 17284 background-color: #73797e; 17285} 17286.calendar_monthwidget .calendar-grid .calendar-days .calendar-week a.calendar-day.current .day-number {
17287 color: #fff; 17288} 17289.calendar_monthwidget .events { 17290 box-sizing: border-box; 17291 /*display: none;*/ 17292 height: auto; 17293 overflow: hidden; 17294 position: absolute; 17295 width: 100%; 17296} 17297.calendar_monthwidget .events ul { 17298 background-color: #bdbdbd; 17299 border-bottom-left-radius: 0; 17300 border-bottom-right-radius: 0; 17301 display: none; 17302 list-style: none; 17303 padding: 10px 10px 10px 25px; 17304 position: relative; 17305 zoom: 1; 17306} 17307.calendar_monthwidget .events ul li { 17308 color: #4a4a4a; 17309 font-family: "Barlow", sans-serif; 17310 font-size: 13px; 17311 line-height: 1.4; 17312 margin-bottom: 5px; 17313 position: relative; 17314} 17315.calendar_monthwidget .events ul li:last-of-type { 17316 margin-bottom: 0; 17317} 17318.calendar_monthwidget .events ul li::before { 17319 color: #f45656; 17320 content: "\f04b"; 17321 font-family: "FontAwesome"; 17322 font-size: 9px; 17323 left: -15px; 17324 position: absolute; 17325 top: 3px; 17326} 17327.calendar_monthwidget .export { 17328 padding-top: 7px; 17329 padding-bottom: 7px; 17330 text-align: right; 17331} 17332.calendar_monthwidget .export a { 17333 color: #4a4a4a; 17334 text-decoration: none; 17335} 17336.calendar_monthwidget .export a:hover { 17337 text-decoration: none; 17338 color: #f45656; 17339} 17340.calendar_monthwidget .day_quick_links { 17341 display: none; 17342 text-align: center; 17343 padding-top: 7px; 17344 padding-bottom: 7px; 17345} 17346.calendar_monthwidget .day_quick_links a { 17347 color: #4a4a4a; 17348} 17349.calendar_monthwidget .day_quick_links a:hover { 17350 color: #f45656; 17351} 17352.calendar_newevent .new_event { 17353 background-color: #f45656; 17354 border-radius: 0; 17355 color: #fff; 17356 display: block; 17357 font-family: "Barlow", sans-serif; 17358 font-size: 22px; 17359 line-height: 1.2; 17360 padding-bottom: 7px; 17361 padding-top: 7px; 17362 text-align: center; 17363 transition: all 0.1s ease-in-out; 17364} 17365.calendar_newevent .new_event .intro { 17366 color: #4a4a4a; 17367 display: block; 17368 font-size: 18px; 17369 line-height: 1.2; 17370} 17371.calendar_newevent .new_event .action { 17372 color: #fff; 17373 display: block; 17374 font-size: 22px; 17375 font-weight: 600; 17376 line-height: 1.2; 17377} 17378.calendar_newevent .new_event:hover { 17379 background-color: #4a4a4a; 17380} 17381.calendar_newevent .new_event:hover .intro { 17382 color: #f45656; 17383} 17384#calendar_newevent_edit { 17385 position: absolute; 17386} 17387.calendar_selector { 17388 *zoom: 1; 17389 background-color: #bdbdbd; 17390 margin-bottom: 26px; 17391} 17392.calendar_selector:before, 17393.calendar_selector:after { 17394 content: " "; 17395 display: table; 17396 line-height: 0; 17397} 17398.calendar_selector:after { 17399 clear: both; 17400} 17401.calendar_selector .calendar_selects { 17402 align-items: center; 17403 color: #4a4a4a; 17404 display: flex; 17405 flex-direction: row; 17406 flex-wrap: wrap; 17407 justify-content: flex-start; 17408 font-family: "Barlow", sans-serif; 17409 font-size: 18px; 17410 font-weight: 500; 17411 margin: 0 auto; 17412 max-width: 100%; 17413 width: 1000px; 17414} 17415.calendar_selector .calendar_selects .calendar_select { 17416 box-sizing: border-box; 17417 color: #4a4a4a; 17418 padding: 18px 41px; 17419 text-align: center; 17420} 17421.calendar_selector .calendar_selects .calendar_select.active { 17422 background-color: #f45656; 17423 color: #fff; 17424 position: relative; 17425} 17426.calendar_selector .calendar_selects .calendar_select.active::after { 17427 border: solid transparent 8px; 17428 border-bottom-color: #fff; 17429 bottom: 0; 17430 content: " "; 17431 height: 0; 17432 left: 50%; 17433 margin-left: -8px; 17434 pointer-events: none; 17435 position: absolute; 17436 width: 0; 17437} 17438@media only screen and (max-width: 479px) { 17439 .calendar_selector { 17440 width: 100%; 17441 } 17442 .calendar_selector .calendar_selects .calendar_select { 17443 width: 100%; 17444 } 17445} 17446@media only screen and (max-width: 992px) { 17447 .calendar_selector .calendar_selects { 17448 justify-content: center; 17449 } 17450} 17451.scroll-slide { 17452 position: relative; 17453 background-size: 100% 100%; 17454 overflow: hidden; 17455} 17456.scroll-slides-outer { 17457 position: relative; 17458} 17459.scroll-slides-outer .el_popup { 17460 top: 130px; 17461 position: relative; 17462} 17463.background-fader, 17464.scroll-background { 17465 transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1), top 700ms ease 0s; 17466 position: fixed; 17467 left: 0; 17468 top: 0; 17469 width: 100vw; 17470 height: 100vh; 17471 background-size: cover; 17472 background-position: center; 17473} 17474.background-fader { 17475 opacity: 0; 17476} 17477.fp-auto-height .fp-tableCell { 17478 background-color: black; 17479} 17480.fp-auto-height footer { 17481 height: 200px; 17482} 17483@media only screen and (max-width: 960px) { 17484 .fp-auto-height footer { 17485 height: 300px; 17486 } 17487} 17488.scroll-text { 17489 color: white; 17490 font-size: 62px; 17491 font-family: "Barlow", sans-serif; 17492 text-align: center; 17493 float: none; 17494 position: absolute; 17495 top: 0; 17496 left: 0; 17497 right: 0; 17498 bottom: 0; 17499 display: flex; 17500 align-items: center; 17501 justify-content: center; 17502 padding: 0 60px; 17503} 17504@media only screen and (max-width: 960px) { 17505 .scroll-text { 17506 font-size: 40px; 17507 line-height: 46px; 17508 top: 0; 17509 } 17510} 17511.scroll-text:not(.active) { 17512 display: none; 17513} 17514.slide-arrows { 17515 position: absolute; 17516 left: 0; 17517 top: 25vh; 17518 z-index: 99; 17519} 17520@media only screen and (max-width: 960px) { 17521 .slide-arrows { 17522 display: none; 17523 } 17524} 17525.slide-text { 17526 line-height: 28px; 17527 color: #ffffff; 17528 font-family: "Barlow", sans-serif; 17529 top: 0; 17530 left: 0; 17531 max-width: 600px; 17532 padding-top: calc(50vh - 135px); 17533 padding-left: 20vw; 17534} 17535@media only screen and (max-width: 960px) { 17536 .slide-text { 17537 padding-bottom: 10vh; 17538 padding-left: 4vw; 17539 padding-right: 30vw; 17540 } 17541} 17542.slide-text .slide-no { 17543 font-size: 24px;
17544 line-height: 26px; 17545 margin-bottom: 2vh; 17546} 17547.slide-text .slide-headline { 17548 font-size: 48px; 17549 line-height: 46px; 17550 margin-bottom: 12px; 17551} 17552.slide-text .slide-copy { 17553 font-size: 18px; 17554 line-height: 20px; 17555 margin-bottom: 3vh; 17556} 17557@media only screen and (max-width: 640px) { 17558 .slide-text .slide-copy { 17559 line-height: 23px; 17560 } 17561} 17562.slide-text .slide-button { 17563 transition: all 0.25s; 17564 font-size: 24px; 17565 display: inline-block; 17566 background-color: white; 17567 height: 55px; 17568 line-height: 55px; 17569 text-align: center; 17570 padding: 0 34px; 17571 color: #757575; 17572} 17573.slide-text .slide-button:hover { 17574 background-color: #e6e6e6; 17575} 17576.slide-text .slide-button:after { 17577 font-family: FontAwesome; 17578 font-size: 14px; 17579 line-height: 55px; 17580 content: "\f054"; 17581 vertical-align: middle; 17582 margin-left: 3px; 17583} 17584.slide-text .btn { 17585 font-family: 'Avenir LT W01 65 Medium'; 17586 background-color: #ffffff00; 17587 border: 2px solid #D8D8D899; 17588 border-radius: 4px; 17589 overflow: hidden; 17590 font-size: 16px; 17591 padding: 8px 18px 4px 18px; 17592 color: #ffffff; 17593 cursor: pointer; 17594 margin-top: 10px; 17595} 17596.slide-text .btn:hover { 17597 color: white; 17598 border: none; 17599 padding: 10px 20px 6px 20px; 17600 background: #c909a4; 17601 /* Old browsers */ 17602 background: linear-gradient(to right, #c909a4 0%, #9030b3 100%); 17603} 17604.slide-text .btn:hover.even { 17605 color: #8C64AA; 17606 background: none; 17607 background-color: white; 17608} 17609.scroll-takeoff-wrapper { 17610 position: absolute; 17611 bottom: 0; 17612 left: 0; 17613 right: 0; 17614 text-align: center; 17615} 17616@media only screen and (max-width: 960px) { 17617 .scroll-takeoff-wrapper { 17618 bottom: 30px; 17619 } 17620} 17621.scroll-takeoff { 17622 font: "Barlow", sans-serif; 17623 color: white; 17624 font-size: 14px; 17625 padding-bottom: 50px; 17626 position: relative; 17627} 17628.scroll-takeoff:after { 17629 font-size: 40px; 17630 font-family: FontAwesome; 17631 content: "\f078"; 17632 position: absolute; 17633 bottom: 10px; 17634 left: 50%; 17635 transform: translateX(-50%); 17636} 17637@media only screen and (max-width: 960px) { 17638 .background-fader, 17639 .scroll-background { 17640 height: 50%; 17641 } 17642 .slide-text { 17643 padding: 0; 17644 margin: 0; 17645 position: relative; 17646 top: 45%; 17647 color: #BBBBBB; 17648 } 17649 .slide-text .slide-headline { 17650 font-size: 40px; 17651 line-height: 38px; 17652 } 17653 .slide-text .btn { 17654 margin: 0; 17655 color: white; 17656 border: none; 17657 padding: 10px 16px 8px 16px; 17658 background: #c909a4; 17659 /* Old browsers */ 17660 background: linear-gradient(to right, #c909a4 0%, #9030b3 100%); 17661 max-width: 48%; 17662 } 17663 .slide-text .btn.two { 17664 border: 1px; 17665 border-color: #BBBBBB; 17666 border-style: solid; 17667 color: #8C64AA; 17668 background: none; 17669 background-color: white; 17670 } 17671} 17672.privacy_notice { 17673 position: relative; 17674 z-index: 99; 17675 font-size: 16px; 17676 line-height: 1.2; 17677 /*min-height: 21px;*/ 17678 /*padding: 15px;*/ 17679 background: #000; 17680} 17681.privacy_notice .message { 17682 display: none; 17683 position: fixed; 17684 bottom: 0; 17685 right: 0; 17686 left: 0; 17687 padding: 15px; 17688 padding-left: 30px; 17689 padding-right: 30px; 17690 background: #000; 17691 color: #ffffff; 17692 font-size: 16px; 17693 line-height: 1.2; 17694 /*border-top-left-radius: @gallery_thumb_border_radius;*/ 17695 font-family: "Barlow", sans-serif; 17696} 17697.privacy_notice .message p { 17698 display: inline; 17699} 17700.privacy_notice .message a { 17701 color: #ffffff; 17702} 17703.privacy_notice .message a.close { 17704 position: relative; 17705 top: 2px; 17706 float: left; 17707 color: #ffffff; 17708 margin-right: 10px; 17709 font-size: 16px; 17710 line-height: 16px; 17711 white-space: nowrap; 17712} 17713.home_blogposts info p { 17714 display: none; 17715} 17716.conveythis_widget { 17717 z-index: 98; 17718} 17719.article { 17720 font-family: "Barlow", sans-serif; 17721 clear: both; 17722 max-width: 828px; 17723 margin: 0 auto 30px; 17724} 17725@media only screen and (max-width: 1000px) { 17726 .article { 17727 margin-left: 20px; 17728 margin-right: 20px; 17729 } 17730} 17731.article .headline { 17732 color: #000000; 17733 font-style: normal; 17734 font-size: 26px; 17735 line-height: 30px; 17736 margin: 0 0 14px 0; 17737 text-align: left; 17738 text-transform: uppercase; 17739} 17740.article .headline p { 17741 margin-bottom: 0; 17742 padding: 0; 17743} 17744.article .headline a { 17745 color: #000000; 17746} 17747.article .copy { 17748 margin: 0; 17749 padding: 0; 17750 color: #4a4a4a; 17751 line-height: 26px; 17752} 17753.article .copy p { 17754 margin: 0 0 26px 0; 17755 padding: 0; 17756} 17757.article .copy p strong { 17758 color: #4a4a4a; 17759 font-family: "Barlow", sans-serif; 17760 /*font-size: @copy_size;*/ 17761 font-style: 'normal'; 17762 font-weight: 700; 17763} 17764.article .copy a { 17765 color: #ca3535; 17766} 17767.article .copy a:hover {
17768 color: #b880c3; 17769 text-decoration: none; 17770} 17771.article .copy a.btn { 17772 color: #ffffff; 17773} 17774.article .copy ul { 17775 margin-bottom: 18px; 17776 margin-left: 0; 17777 padding-left: 0; 17778} 17779.article .copy ul li { 17780 list-style-type: none; 17781 text-indent: 3; 17782 padding-left: -2; 17783 margin-bottom: 10px; 17784} 17785.article .copy ul li:before { 17786 content: "\002022"; 17787 padding-left: -12; 17788 padding-right: 5px; 17789 color: #000000; 17790 font-size: 16px; 17791} 17792.article .copy ol { 17793 counter-reset: number-counter; 17794 margin-bottom: 18px; 17795 padding-left: 0; 17796} 17797.article .copy ol li { 17798 overflow: hidden; 17799 text-indent: -5; 17800 padding-left: 5; 17801} 17802.article .copy ol li:before { 17803 content: counter(number-counter); 17804 counter-increment: number-counter; 17805 padding-left: -13; 17806 padding-right: 5px; 17807 color: #000000; 17808 font-size: 16px; 17809} 17810.article .copy p + ul { 17811 margin-top: -10.4px; 17812} 17813.article .copy p + ol { 17814 margin-top: -10.4px; 17815} 17816.article .copy sup { 17817 vertical-align: baseline; 17818 line-height: 0 !important; 17819 position: relative; 17820 top: -4px; 17821} 17822.article .copy sub { 17823 vertical-align: baseline; 17824 line-height: 0 !important; 17825 position: relative; 17826 top: 4px; 17827} 17828.article .copy u { 17829 text-decoration: underline; 17830} 17831.article .copy img { 17832 height: auto !important; 17833 border-width: 0; 17834} 17835.article .copy .headline { 17836 color: #000000; 17837 font-family: "Barlow", sans-serif; 17838 font-size: 26px; 17839 font-weight: 600; 17840 font-style: normal; 17841} 17842.article .copy .col2 { 17843 column-count: 2; 17844 column-gap: normal; 17845} 17846.article .copy .col3 { 17847 column-count: 3; 17848 column-gap: normal; 17849} 17850.article .copy .col4 { 17851 column-count: 4; 17852 column-gap: normal; 17853} 17854.article .copy table { 17855 table-layout: fixed; 17856 border-collapse: collapse; 17857 margin-bottom: 20px; 17858} 17859.article .copy table thead th, 17860.article .copy table thead td { 17861 padding-left: 13px; 17862 padding-right: 13px; 17863 border-collapse: collapse; 17864 font-family: "Barlow", sans-serif; 17865 color: #000000; 17866 text-align: center; 17867} 17868.article .copy table tbody { 17869 font-size: 14px; 17870} 17871.article .copy table tbody tr td { 17872 padding-left: 13px; 17873 padding-right: 13px; 17874 text-align: center; 17875 border-collapse: collapse; 17876} 17877.article .copy table caption { 17878 margin-bottom: 20px; 17879 font-weight: bold; 17880 font-size: 22px; 17881 color: #559FD3; 17882} 17883.article .copy table.shaded_rows thead tr { 17884 background-color: rgba(74, 74, 74, 0.1); 17885} 17886.article .copy table.shaded_rows tbody tr:nth-child(even) { 17887 background-color: rgba(74, 74, 74, 0.1); 17888} 17889.main_homepage .article { 17890 margin-bottom: 118px; 17891 text-align: center; 17892} 17893@media only screen and (max-width: 1000px) { 17894 .main_homepage .article { 17895 margin-bottom: 91px; 17896 } 17897} 17898.main_homepage .article .headline { 17899 color: #000000; 17900 letter-spacing: 0; 17901 position: relative; 17902 font-size: 34px; 17903 font-weight: 600; 17904 line-height: 51px; 17905 margin-bottom: 10px; 17906 text-align: center; 17907} 17908@media only screen and (max-width: 640px) { 17909 .main_homepage .article .headline { 17910 font-size: 26px; 17911 } 17912} 17913.main_homepage .article .copy { 17914 font-size: 16px; 17915 line-height: 22px; 17916} 17917.main_homepage .article .btn { 17918 margin-top: 12px; 17919 margin-bottom: 0; 17920} 17921.content_item_first .article .headline { 17922 color: #000000; 17923 font-size: 32px; 17924 margin-top: 10px; 17925 margin-bottom: 20px; 17926 line-height: 36px; 17927 letter-spacing: 0; 17928 position: relative; 17929} 17930h1, 17931h2, 17932h3, 17933h4, 17934h5, 17935h6, 17936.h1, 17937.h2, 17938.h3, 17939.h4, 17940.h5, 17941.h6 { 17942 font-family: "Barlow", sans-serif; 17943 font-weight: 600; 17944 line-height: 1.2; 17945 color: #000000; 17946 text-transform: uppercase; 17947} 17948h3 { 17949 font-size: 22px; 17950 line-height: 26px; 17951 margin-bottom: 14px; 17952 text-transform: none; 17953} 17954.text_small .copy { 17955 font-size: 18px; 17956} 17957.text_small .copy ul li:before { 17958 font-size: 16px; 17959} 17960.text_small .copy ol li:before { 17961 font-size: 16px; 17962} 17963.text_small .copy sup { 17964 font-size: 12px; 17965 top: -2px; 17966} 17967.text_small .copy sub { 17968 font-size: 12px; 17969 top: 2px; 17970} 17971.text_small .headline { 17972 font-size: 26px; 17973} 17974.text_small .content_item_first .headline { 17975 font-size: 32px; 17976} 17977.text_medium .copy { 17978 font-size: 20px; 17979 line-height: 28px; 17980} 17981.text_medium .copy ul li:before { 17982 font-size: 18px; 17983} 17984.text_medium .copy ol li:before { 17985 font-size: 18px; 17986} 17987.text_medium .copy sup { 17988 font-size: 14px; 17989 top: -4px; 17990} 17991.text_medium .copy sub { 17992 font-size: 14px; 17993 top: 2px; 17994} 17995.text_medium .headline { 17996 font-size: 28px; 17997} 17998.text_medium .content_item_first .headline { 17999 font-size: 34px; 18000} 18001.text_large .copy { 18002 font-size: 23px; 18003 line-height: 31px; 18004} 18005.text_large .copy ul li:before { 18006 font-size: 23px; 18007} 18008.text_large .copy ol li:before { 18009 font-size: 23px; 18010} 18011.text_large .copy sup { 18012 font-size: 16px; 18013 top: -6px; 18014} 18015.text_large .copy sub { 18016 font-size: 16px; 18017 top: 4px; 18018} 18019.text_large .headline { 18020 font-size: 31px; 18021} 18022.text_large .content_item_first .headline { 18023 font-size: 37px; 18024} 18025.body_photo_left { 18026 float: left; 18027 position: relative; 18028} 18029@media only screen and (max-width: 1000px) { 18030 .body_photo_left { 18031 float: none; 18032 } 18033} 18034.body_photo_left img { 18035 float: inherit; 18036 margin: 7px 14px 7px 0; 18037} 18038@media only screen and (max-width: 1000px) { 18039 .body_photo_left img { 18040 float: none!important; 18041 margin: 0 auto 14px; 18042 } 18043} 18044.body_photo_right { 18045 float: right; 18046 position: relative; 18047} 18048@media only screen and (max-width: 1000px) { 18049 .body_photo_right { 18050 float: none; 18051 } 18052} 18053.body_photo_right img { 18054 float: inherit; 18055 margin: 7px 0 7px 14px; 18056} 18057@media only screen and (max-width: 1000px) { 18058 .body_photo_right img { 18059 float: none!important; 18060 margin: 0 auto 14px; 18061 } 18062} 18063.body_photo_right img.top, 18064.body_photo_left img.top { 18065 margin-top: 3px; 18066} 18067.mobile .content_item_first .article { 18068 margin-top: 0px !important; 18069} 18070@media print { 18071 .article * { 18072 color: #000000; 18073 } 18074 .headline p { 18075 font-size: 14pt !important; 18076 font-weight: bold; 18077 } 18078 .copy ul li { 18079 background-image: none !important; 18080 list-style: none !important; 18081 padding: 0px; 18082 margin-left: 0; 18083 } 18084 .content_item_first .article { 18085 margin-top: 0px !important; 18086 } 18087} 18088@media only screen and (max-width: 420px) { 18089 .article .copy .col2 { 18090 column-count: 1; 18091 } 18092 .article .copy .col3 { 18093 column-count: 1; 18094 } 18095 .article .copy .col4 { 18096 column-count: 1; 18097 } 18098} 18099@media only screen and (min-width: 1000px) { 18100 .content_item_first .article .headline { 18101 color: #000000; 18102 font-size: 32px; 18103 margin-top: 10px; 18104 margin-bottom: 20px; 18105 margin-left: -50px; 18106 line-height: 36px; 18107 letter-spacing: 0; 18108 position: relative; 18109 } 18110} 18111.backtotop { 18112 position: relative; 18113 max-width: 1000px; 18114 margin: 0 auto 52px; 18115 font-size: 18px; 18116} 18117.backtotop a { 18118 position: relative; 18119 background-position: 100% 50%; 18120 background-repeat: no-repeat; 18121 color: #f45656; 18122 font-family: "Barlow", sans-serif; 18123} 18124.backtotop a:before { 18125 content: "\f106"; 18126 font-family: 'FontAwesome'; 18127 padding-right: 10px; 18128 color: #f45656; 18129} 18130.text_small .backtotop { 18131 font-size: 18px; 18132} 18133.text_medium .backtotop { 18134 font-size: 20px; 18135} 18136.text_large .backtotop { 18137 font-size: 23px; 18138} 18139@media print { 18140 .backtotop { 18141 display: none; 18142 } 18143} 18144@media only screen and (max-width: 900px) { 18145 .backtotop { 18146 padding: 0 20px; 18147 } 18148} 18149.bio { 18150 max-width: 828px; 18151 min-height: 150px; 18152 position: relative; 18153 padding: 0; 18154 *zoom: 1; 18155 margin: 0 auto 26px; 18156} 18157.bio:before, 18158.bio:after {
18159 content: " "; 18160 display: table; 18161 line-height: 0; 18162} 18163.bio:after { 18164 clear: both; 18165} 18166.bio .bio_image { 18167 width: 140px; 18168 min-height: 165px; 18169 position: relative; 18170 float: left; 18171 margin-right: 20px; 18172 margin-bottom: 10px; 18173} 18174.bio .bio_text { 18175 display: block; 18176 position: relative; 18177 margin-top: 15px; 18178} 18179.bio .bio_text h3 { 18180 font-size: 26px; 18181 line-height: 30px; 18182 font-weight: 600; 18183 color: #000000; 18184 text-transform: uppercase; 18185} 18186.bio .bio_text a { 18187 color: #f45656; 18188} 18189.bio .bio_text a:hover { 18190 color: #b880c3; 18191} 18192.el_content_item:last-child .bio { 18193 border-bottom: none; 18194} 18195.text_small .bio .bio_text .bio_text_name { 18196 font-size: 24px; 18197} 18198.text_medium .bio .bio_text .bio_text_name { 18199 font-size: 26px; 18200} 18201.text_large .bio .bio_text .bio_text_name { 18202 font-size: 31px; 18203} 18204@media only screen and (max-width: 1000px) { 18205 .responsive .bio { 18206 padding: 0 20px; 18207 } 18208} 18209@media only screen and (max-width: 650px) { 18210 .responsive .bio .bio_text { 18211 width: 100%; 18212 margin: 0; 18213 } 18214} 18215@media only screen and (max-width: 500px) { 18216 .responsive .bio .bio_image { 18217 float: none; 18218 margin-bottom: 26px; 18219 width: 100%; 18220 max-width: 150px; 18221 height: auto; 18222 } 18223} 18224.bio_listing { 18225 display: table; 18226 width: 100%; 18227 font-family: "Barlow", sans-serif; 18228 color: #4a4a4a; 18229 font-size: 18px; 18230 line-height: 26px; 18231 padding-top: 3px; 18232 padding-bottom: 3px; 18233 position: relative; 18234} 18235.bio_listing:hover { 18236 background-color: #f45656; 18237 color: #fff; 18238 border-radius: 0; 18239} 18240.bio_listing:hover a { 18241 color: #fff; 18242} 18243.bio_listing .field { 18244 display: table-cell; 18245 box-sizing: border-box; 18246 padding-left: 3px; 18247 padding-right: 3px; 18248} 18249.bio_listing .field.name { 18250 width: 20%; 18251} 18252.bio_listing .field.title { 18253 width: 45%; 18254} 18255.bio_listing .field.split { 18256 display: none; 18257} 18258.bio_listing .field.phone { 18259 width: 20%; 18260 white-space: nowrap; 18261} 18262.bio_listing .field.email { 18263 width: 5%; 18264} 18265.bio_listing .field.linkedin { 18266 width: 5%; 18267} 18268.bio_listing .field.image { 18269 width: 5%; 18270} 18271.bio_listing .field.image a img { 18272 width: 257px; 18273 height: 357px; 18274 display: none; 18275} 18276.bio_listing .field.image a:hover img { 18277 display: block; 18278 position: absolute; 18279 top: 0; 18280 right: 5%; 18281 width: 257px; 18282 height: 357px; 18283 z-index: 10; 18284 border: 3px solid #f45656; 18285 border-radius: 0; 18286} 18287.bio_listing a { 18288 color: #f45656; 18289} 18290.bio_listing a:hover { 18291 color: #b880c3; 18292} 18293.el_content_item:last-child .bio_listing { 18294 border-bottom: none; 18295} 18296.text_small .bio_listing { 18297 font-size: 18px; 18298} 18299.text_medium .bio_listing { 18300 font-size: 20px; 18301} 18302.text_large .bio_listing { 18303 font-size: 23px; 18304} 18305@media only screen and (max-width: 650px) { 18306 .responsive .bio_listing { 18307 display: block; 18308 margin: 0; 18309 margin-bottom: 26px; 18310 *zoom: 1; 18311 } 18312 .responsive .bio_listing:before, 18313 .responsive .bio_listing:after { 18314 content: " "; 18315 display: table; 18316 line-height: 0; 18317 } 18318 .responsive .bio_listing:after { 18319 clear: both; 18320 } 18321 .responsive .bio_listing .field { 18322 display: block; 18323 float: left; 18324 } 18325 .responsive .bio_listing .field.name { 18326 width: auto; 18327 min-width: 45%; 18328 margin-right: 5%; 18329 } 18330 .responsive .bio_listing .field.title { 18331 width: auto; 18332 } 18333 .responsive .bio_listing .field.split { 18334 width: 100%; 18335 height: 0; 18336 } 18337 .responsive .bio_listing .field.phone { 18338 width: 50%; 18339 white-space: nowrap; 18340 } 18341 .responsive .bio_listing .field.email { 18342 width: auto; 18343 margin-left: 10px; 18344 } 18345 .responsive .bio_listing .field.linkedin { 18346 width: auto; 18347 margin-left: 10px; 18348 } 18349 .responsive .bio_listing .field.image { 18350 width: auto; 18351 margin-left: 10px; 18352 } 18353 .responsive .bio_listing .field.image a:hover img { 18354 display: none; 18355 } 18356} 18357.uk-accordion-title.uk-active .fa-chevron-down:before { 18358 content: "\f077"; 18359} 18360.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box:first-of-type { 18361 display: block; 18362} 18363.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18364 max-width: 400px; 18365 box-sizing: border-box; 18366} 18367@media only screen and (min-width: 960px) { 18368 .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18369 margin-top: 6px; 18370 margin-right: -100px; 18371 margin-bottom: 5px; 18372 } 18373} 18374@media only screen and (max-width: 640px) { 18375 .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.align { 18376 margin: 40px -20px; 18377 max-width: none; 18378 } 18379} 18380.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.right { 18381 float: right; 18382 margin-left: 32px; 18383} 18384.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.left { 18385 float: left; 18386 margin-right: 32px; 18387} 18388.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box.fullwidth { 18389 max-width: 828px; 18390 margin: 45px auto; 18391} 18392.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title, 18393.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18394.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18395 color: #4a4a4a; 18396} 18397.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18398 font-size: 24px; 18399 line-height: 28px; 18400} 18401.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p.center { 18402 text-align: center; 18403} 18404.blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p.center .btn { 18405 margin-top: 30px; 18406} 18407/* Font Sizing */ 18408.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18409 font-size: 24px; 18410 line-height: 28px; 18411} 18412.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18413.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18414 font-size: 18px;
18415 line-height: 26px; 18416} 18417.text_small .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18418 font-size: 16px; 18419} 18420.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18421 font-size: 26px; 18422 line-height: 30px; 18423} 18424.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18425.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18426 font-size: 20px; 18427 line-height: 28px; 18428} 18429.text_medium .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18430 font-size: 18px; 18431} 18432.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .title { 18433 font-size: 29px; 18434 line-height: 33px; 18435} 18436.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .copy, 18437.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box p { 18438 font-size: 23px; 18439 line-height: 31px; 18440} 18441.text_large .blue-box.blue-box.blue-box.blue-box.blue-box.blue-box .pet-btn { 18442 font-size: 21px; 18443} 18444@media only screen and (max-width: 640px) { 18445 .card-wrapper { 18446 position: relative; 18447 } 18448} 18449.card { 18450 margin-bottom: 30px; 18451} 18452.card .card-link { 18453 color: #4a4a4a; 18454} 18455.card .card-link:hover { 18456 color: #4a4a4a; 18457} 18458@media only screen and (max-width: 640px) { 18459 .card .content { 18460 position: relative; 18461 } 18462} 18463.card .content h1, 18464.card .content h2, 18465.card .content h3, 18466.card .content h4, 18467.card .content h5, 18468.card .content h6 { 18469 margin-bottom: 6px; 18470} 18471.card .content h2, 18472.card .content .inline_link { 18473 font-size: 26px; 18474 line-height: 30px; 18475 font-weight: 600; 18476 margin-bottom: 15px; 18477 text-transform: uppercase; 18478 color: #000000; 18479} 18480.card .content h3 { 18481 font-size: 18px; 18482} 18483.card .content .inline_link { 18484 color: #000000; 18485 position: relative; 18486} 18487.card .content .inline_link:hover { 18488 color: #b880c3; 18489} 18490.card .content .inline_link:hover .fa { 18491 color: #b880c3; 18492} 18493.card .content .inline_link .fa { 18494 font-size: 15px; 18495 position: relative; 18496 top: -5px; 18497 margin-left: 8px; 18498 color: #f45656; 18499} 18500.card .content .card-copy { 18501 margin-bottom: 25px; 18502} 18503.card .content .card-copy a { 18504 color: #f45656; 18505} 18506.card .content .btn { 18507 margin: 0; 18508 color: #ffffff; 18509} 18510.card .content .btn.email { 18511 margin-top: 20px; 18512} 18513.card img { 18514 top: 0; 18515 left: 0; 18516 position: relative; 18517 margin-bottom: 15px; 18518} 18519.card-edit { 18520 padding: 3px; 18521} 18522.embed { 18523 position: relative; 18524 text-align: center; 18525 display: block; 18526 margin-left: auto; 18527 margin-right: auto; 18528 margin-bottom: 26px; 18529 *zoom: 1; 18530 color: #4a4a4a; 18531} 18532.embed:before, 18533.embed:after { 18534 content: " "; 18535 display: table; 18536 line-height: 0; 18537} 18538.embed:after { 18539 clear: both; 18540} 18541.embed h1, 18542.embed h2, 18543.embed h3, 18544.embed h4, 18545.embed h5, 18546.embed h6 { 18547 color: #000000; 18548 font-family: "Barlow", sans-serif; 18549 font-weight: 600; 18550 font-style: normal; 18551 line-height: 1.2; 18552 margin: 0 0 14px 0; 18553} 18554.embed a { 18555 color: #f45656; 18556} 18557.embed a.btn { 18558 color: #ffffff; 18559} 18560.embed ul { 18561 margin-bottom: 18px; 18562} 18563.embed ol { 18564 margin-bottom: 18px; 18565} 18566.embed ul li { 18567 /*background-image: none;*/ 18568 list-style-type: none; 18569} 18570.embed ul li:before { 18571 content: "\002022"; 18572 padding-left: -12; 18573 padding-right: 5px; 18574 color: #000000; 18575} 18576.embed ol li { 18577 margin-left: 6px; 18578} 18579.embed img { 18580 border-width: 0; 18581} 18582.text_small .embed { 18583 font-size: 16px; 18584} 18585.text_small .embed ul li:before { 18586 font-size: 14px; 18587} 18588.text_small .embed sup { 18589 font-size: 12px; 18590} 18591.text_medium .embed { 18592 font-size: 18px; 18593} 18594.text_medium .embed ul li:before { 18595 font-size: 16px; 18596} 18597.text_medium .embed sup { 18598 font-size: 14px; 18599} 18600.text_large .embed { 18601 font-size: 20px; 18602} 18603.text_large .embed ul li:before { 18604 font-size: 18px; 18605} 18606.text_large .embed sup { 18607 font-size: 16px; 18608} 18609@media print { 18610 .embed * { 18611 color: #000000 !important; 18612 } 18613 .embed ul li { 18614 background-image: none !important; 18615 list-style-type: disc !important; 18616 padding: 0px; 18617 } 18618} 18619.el-form-wrapper { 18620 position: relative; 18621 max-width: 828px; 18622 margin: 0 auto 26px auto; 18623 font-family: "Barlow", sans-serif; 18624 color: #4a4a4a; 18625 /* FOCUS STATES */ 18626} 18627@media only screen and (max-width: 1000px) { 18628 .el-form-wrapper { 18629 padding: 0 20px; 18630 } 18631} 18632.el-form-wrapper .headline { 18633 color: #000000; 18634} 18635.el-form-wrapper .copy { 18636 line-height: 26px; 18637}
18638.el-form-wrapper .uk-form-controls { 18639 margin-top: 5px; 18640} 18641.el-form-wrapper .el-button.uk-button-primary { 18642 padding: 14px 32px 14px 32px !important; 18643 width: auto; 18644 text-transform: uppercase; 18645 text-indent: 0; 18646 border-width: 0; 18647 border-top-right-radius: 4px; 18648 border-top-left-radius: 4px; 18649 border-bottom-right-radius: 4px; 18650 border-bottom-left-radius: 4px; 18651 box-shadow: none; 18652 float: right; 18653} 18654.el-form-wrapper .assist { 18655 border: 0; 18656 clip: rect(0 0 0 0); 18657 height: 1px; 18658 margin: -1px; 18659 overflow: hidden; 18660 padding: 0; 18661 position: absolute; 18662 width: 1px; 18663} 18664.el-form-wrapper .uk-form textarea, 18665.el-form-wrapper .uk-form input:not([type]), 18666.el-form-wrapper .uk-form input[type="text"], 18667.el-form-wrapper .uk-form input[type="password"], 18668.el-form-wrapper .uk-form input[type="email"], 18669.el-form-wrapper .uk-form input[type="url"], 18670.el-form-wrapper .uk-form input[type="search"], 18671.el-form-wrapper .uk-form input[type="tel"], 18672.el-form-wrapper .uk-form input[type="number"], 18673.el-form-wrapper .uk-form input[type="datetime"] { 18674 border-radius: 4px !important; 18675} 18676.el-form-wrapper label.uk-form-label { 18677 font-weight: normal!important; 18678 display: inline!important; 18679 margin-right: 0; 18680} 18681.el-form-wrapper .uk-form-row.required_error .uk-form-label { 18682 color: #f45656; 18683} 18684.el-form-wrapper .uk-form-row.required_error fieldset { 18685 background-color: rgba(244, 86, 86, 0.2); 18686 border: 1px solid #f45656; 18687 padding: 3px; 18688} 18689.el-form-wrapper .uk-form-row.required_error fieldset .uk-form-label { 18690 color: #4a4a4a; 18691 width: 45%; 18692} 18693.el-form-wrapper .uk-form-danger { 18694 border-color: #f45656 !important; 18695 color: #f45656 !important; 18696} 18697.el-form-wrapper input, 18698.el-form-wrapper textarea { 18699 font-family: "Barlow", sans-serif; 18700 color: #757575 !important; 18701 zoom: 1; 18702 margin: 0; 18703 border: 1px solid #c8c8c8 !important; 18704 padding: 6px 0 0 0; 18705 text-indent: 5px; 18706 -moz-border-radius: 4px; 18707 -webkit-border-radius: 4px; 18708 border-radius: 4px; 18709 background: #fff; 18710 -moz-box-sizing: border-box; 18711 -webkit-box-sizing: border-box; 18712 -ms-box-sizing: border-box; 18713 box-sizing: border-box; 18714} 18715.el-form-wrapper input:-moz-placeholder, 18716.el-form-wrapper textarea:-moz-placeholder { 18717 color: #bbb; 18718} 18719.el-form-wrapper input::-moz-placeholder, 18720.el-form-wrapper textarea::-moz-placeholder { 18721 color: #bbb; 18722} 18723.el-form-wrapper input:-ms-input-placeholder, 18724.el-form-wrapper textarea:-ms-input-placeholder { 18725 color: #bbb; 18726} 18727.el-form-wrapper input::-webkit-input-placeholder, 18728.el-form-wrapper textarea::-webkit-input-placeholder { 18729 color: #bbb; 18730} 18731.el-form-wrapper input .error, 18732.el-form-wrapper textarea .error { 18733 border: 1px solid #f45656; 18734} 18735.el-form-wrapper input[disabled="disabled"], 18736.el-form-wrapper input.disabled { 18737 color: #999; 18738 background: #f5f5f5; 18739 -moz-box-shadow: inset 0px 0px 2px #ddd; 18740 -webkit-box-shadow: inset 0px 1px 2px #ddd; 18741 box-shadow: inset 0px 1px 2px #ddd; 18742} 18743.el-form-wrapper textarea { 18744 margin: 0; 18745 height: 200px; 18746 width: 100%; 18747 border: 1px solid #ccc; 18748 padding: 5px; 18749 vertical-align: middle; 18750 font-family: inherit; 18751 -moz-border-radius: 4px; 18752 -webkit-border-radius: 4px; 18753 border-radius: 4px; 18754 -moz-box-sizing: border-box; 18755 -webkit-box-sizing: border-box; 18756 -ms-box-sizing: border-box; 18757 box-sizing: border-box; 18758} 18759.el-form-wrapper select { 18760 vertical-align: middle; 18761 margin: 0; 18762 border: 1px solid #ccc; 18763 text-indent: 5px; 18764 border-radius: 4px; 18765 -moz-border-radius: 4px; 18766 -webkit-border-radius: 4px; 18767 background: #fff; 18768 box-shadow: inset 0px 1px 6px #ccc; 18769 box-sizing: border-box; 18770 unicode-bidi: bidi-override; 18771 direction: ltr; 18772 overflow: auto; 18773 line-height: 100%; 18774 padding: 3px; 18775 font-family: "Barlow", sans-serif; 18776 color: #4a4a4a; 18777} 18778.el-form-wrapper fieldset { 18779 padding: 17px 15px 10px 15px; 18780 -webkit-box-sizing: border-box; 18781 -moz-box-sizing: border-box; 18782 box-sizing: border-box; 18783 margin: 0; 18784 border: 1px solid #ccc; 18785 background: #f5f5f5; 18786 -moz-border-radius: 4px; 18787 -webkit-border-radius: 4px; 18788 border-radius: 4px; 18789 position: relative; 18790} 18791.el-form-wrapper fieldset .field_wrapper { 18792 display: inline; 18793 margin-right: 20px; 18794} 18795.el-form-wrapper fieldset label { 18796 margin-right: 14px; 18797 margin-bottom: 14px; 18798} 18799.el-form-wrapper fieldset label input.checkbox, 18800.el-form-wrapper fieldset label input.radio { 18801 float: left; 18802 margin-right: 14px !important; 18803 margin-top: 4px; 18804} 18805.el-form-wrapper fieldset label span { 18806 width: auto !important; 18807 float: left !important; 18808 padding-top: 0 !important; 18809} 18810.el-form-wrapper input.checkbox, 18811.el-form-wrapper input[type="checkbox"] { 18812 display: inline; 18813 width: auto; 18814 margin: 0 5px 0 0; 18815 padding: 0; 18816 border: 0; 18817 background: none; 18818 vertical-align: center; 18819 *vertical-align: top; 18820} 18821.el-form-wrapper input.radio, 18822.el-form-wrapper input[type="radio"] { 18823 display: inline; 18824 width: auto; 18825 margin: 0 5px 0 0; 18826 padding: 0; 18827 border: 0; 18828 background: none; 18829 vertical-align: center; 18830 *vertical-align: top; 18831} 18832.el-form-wrapper input[type="radio"]:focus, 18833.el-form-wrapper input[type="checkbox"]:focus { 18834 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18835 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
18836 -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18837 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 18838 outline-color: rgba(0, 0, 0, 0.3); 18839} 18840.el-form-wrapper input.file, 18841.el-form-wrapper input[type="file"] { 18842 -moz-box-shadow: none; 18843 -webkit-box-shadow: none; 18844 box-shadow: none; 18845} 18846.el-form-wrapper button { 18847 float: right; 18848 margin: 0; 18849} 18850.el-form-wrapper .field_richtext .cke { 18851 float: right; 18852} 18853.el-form-wrapper .field_richtext .cke_chrome { 18854 border-radius: 4px; 18855 background-color: #f5f5f5; 18856} 18857.el-form-wrapper .required_error .cke_chrome { 18858 border-color: #f45656; 18859} 18860.el-form-wrapper .recaptcha_required { 18861 border: 1px solid #f45656; 18862} 18863.el-form-wrapper .form_message { 18864 display: none; 18865 line-height: 23px; 18866 margin-right: 28px; 18867 color: #4a4a4a; 18868} 18869.el-form-wrapper .form_message.required { 18870 color: #f45656; 18871} 18872.el-form-wrapper .validate_message { 18873 width: 50%; 18874 text-align: left; 18875 margin-top: 2px; 18876 margin-bottom: 2px; 18877 color: #f45656; 18878 display: none; 18879} 18880.el-form-wrapper .result_message { 18881 display: none; 18882 font-family: "Barlow", sans-serif; 18883 color: #000000; 18884 margin-bottom: 14px; 18885 line-height: 1.3; 18886 padding-top: 14px; 18887 width: 80%; 18888 padding: 10%; 18889} 18890.el-form-wrapper .result_message p { 18891 margin-bottom: 14px; 18892} 18893.el-form-wrapper .result_message.inline { 18894 display: block; 18895} 18896.el-form-wrapper .helptext { 18897 width: 50%; 18898 text-align: left; 18899 margin-top: 2px; 18900 margin-bottom: 2px; 18901 color: #4a4a4a; 18902 /* shown using .pc & .mac body classes below */ 18903} 18904.el-form-wrapper .helptext .key { 18905 float: none; 18906 display: none; 18907 color: #4a4a4a; 18908 /* default to pc in case nothing */ 18909} 18910.el-form-wrapper .helptext .key.pc { 18911 display: inline; 18912} 18913.el-form-wrapper .fieldhelp { 18914 margin-left: 7px; 18915 margin-right: 7px; 18916 position: relative; 18917 font-weight: normal; 18918 color: #4a4a4a; 18919 padding: 1px; 18920 padding-left: 5px; 18921 padding-right: 5px; 18922} 18923.el-form-wrapper .fieldhelp .content { 18924 position: absolute; 18925 top: 0px; 18926 left: 0px; 18927 background-color: #fff; 18928 -webkit-box-shadow: 0px 0px 12px 0px #4a4a4a; 18929 /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ 18930 box-shadow: 0px 0px 12px 0px #4a4a4a; 18931 color: #4a4a4a; 18932 font-weight: normal; 18933 padding: 7px; 18934 display: none; 18935 width: 300px; 18936 white-space: normal; 18937 z-index: 50; 18938} 18939.el-form-wrapper .fieldhelp p { 18940 color: #ffffff; 18941} 18942.el-form-wrapper .fieldhelp p:last-of-type { 18943 margin-bottom: 0 !important; 18944} 18945.el-form-wrapper .fieldhelp:hover .content { 18946 display: block; 18947} 18948.el-form-wrapper .fieldhelp .content a { 18949 color: #ffffff; 18950 text-decoration: underline; 18951 white-space: nowrap; 18952} 18953.el-form-wrapper.cc { 18954 margin-bottom: 50px; 18955} 18956#form_result a { 18957 color: #f45656; 18958} 18959.text_small .el-form-wrapper input.button, 18960.text_small .el-form-wrapper .el-button.uk-button-primary { 18961 font-size: 16px; 18962} 18963.text_small .el-form-wrapper .form_message, 18964.text_small .el-form-wrapper .validate_message { 18965 font-size: 18px; 18966} 18967.text_small .el-form-wrapper .result_message { 18968 font-size: 29px !important; 18969} 18970.text_small .el-form-wrapper .result_message p { 18971 font-size: 29px !important; 18972} 18973.text_small .el-form-wrapper .helptext { 18974 font-size: 12px; 18975} 18976.text_small .el-form-wrapper .fieldhelp { 18977 font-size: 19px; 18978} 18979.text_small .el-form-wrapper .fieldhelp .content { 18980 font-size: 16px; 18981} 18982.text_small .el-form-wrapper p { 18983 font-size: 16px; 18984} 18985.text_medium .el-form-wrapper { 18986 font-size: 18px; 18987} 18988.text_medium .el-form-wrapper input.button, 18989.text_medium .el-form-wrapper .el-button.uk-button-primary { 18990 font-size: 18px; 18991} 18992.text_medium .el-form-wrapper .form_message, 18993.text_medium .el-form-wrapper .validate_message { 18994 font-size: 16px; 18995} 18996.text_medium .el-form-wrapper .result_message { 18997 font-size: 32px !important; 18998} 18999.text_medium .el-form-wrapper .result_message p { 19000 font-size: 32px !important; 19001} 19002.text_medium .el-form-wrapper .helptext { 19003 font-size: 14px; 19004} 19005.text_medium .el-form-wrapper .fieldhelp { 19006 font-size: 21px; 19007} 19008.text_medium .el-form-wrapper .fieldhelp .content { 19009 font-size: 18px; 19010} 19011.text_medium .el-form-wrapper p { 19012 font-size: 18px; 19013} 19014.text_large .el-form-wrapper { 19015 font-size: 20px; 19016} 19017.text_large .el-form-wrapper input.button, 19018.text_large .el-form-wrapper .el-button.uk-button-primary { 19019 font-size: 20px; 19020} 19021.text_large .el-form-wrapper .form_message, 19022.text_large .el-form-wrapper .validate_message { 19023 font-size: 18px; 19024} 19025.text_large .el-form-wrapper .result_message { 19026 font-size: 37px !important; 19027} 19028.text_large .el-form-wrapper .result_message p { 19029 font-size: 37px !important; 19030} 19031.text_large .el-form-wrapper .helptext { 19032 font-size: 16px; 19033} 19034.text_large .el-form-wrapper .fieldhelp { 19035 font-size: 24px; 19036} 19037.text_large .el-form-wrapper .fieldhelp .content { 19038 font-size: 20px; 19039} 19040.text_large .el-form-wrapper p { 19041 font-size: 20px; 19042} 19043textarea:focus { 19044 border: 1px solid #1BD9A6 !important; 19045 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) !important; 19046 background-color: white !important; 19047} 19048/* Constant Contact Form */ 19049.el-form-wrapper .ctct-form-embed .ctct-form-defaults { 19050 color: #4a4a4a !important; 19051 font: 18px "Barlow", sans-serif !important; 19052 padding: 0!important; 19053} 19054.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-header { 19055 text-transform: uppercase; 19056 color: #000000 !important; 19057 font-size: 32px !important; 19058 font-style: normal !important; 19059 margin-top: 10px !important; 19060 margin-bottom: 20px !important; 19061 line-height: 36px !important; 19062 letter-spacing: 0 !important; 19063 position: relative; 19064 font-family: "Barlow", sans-serif !important; 19065} 19066.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-text { 19067 font-family: "Barlow", sans-serif; 19068 font-size: 18px !important; 19069 margin: 0 0 26px 0 !important; 19070 padding: 0!important; 19071 color: #4a4a4a !important;
19072 line-height: 26px !important; 19073} 19074.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field { 19075 margin-bottom: 0!important; 19076 margin-top: 15px!important; 19077} 19078.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-label { 19079 font-family: "Barlow", sans-serif !important; 19080 color: #4a4a4a !important; 19081 font-weight: normal!important; 19082 display: inline!important; 19083 margin: 0!important; 19084} 19085.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-element { 19086 color: #4a4a4a !important; 19087 font-size: 16px!important; 19088 border: 1px solid #c8c8c8 !important; 19089 border-radius: 4px !important; 19090 height: 30px!important; 19091 max-width: 100%; 19092 background-color: #ffffff !important; 19093 margin: 5px 0 10px; 19094 padding: 7px 6px 8px!important; 19095 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 19096 text-indent: 5px; 19097 box-shadow: none; 19098 font-family: "Barlow", sans-serif !important; 19099} 19100.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field .ctct-form-element:focus { 19101 border: 1px solid #1BD9A6 !important; 19102 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) !important; 19103 outline: none!important; 19104} 19105.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-field:first-of-type { 19106 margin-top: 0!important; 19107} 19108.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-button { 19109 width: auto!important; 19110 font-family: "Barlow", sans-serif !important; 19111 position: relative!important; 19112 background-color: #f45656; 19113 font-size: 18px !important; 19114 color: #ffffff; 19115 line-height: 20px !important; 19116 padding: 14px 32px 14px 32px !important; 19117 display: inline-table !important; 19118 font-weight: 600 !important; 19119 text-transform: uppercase !important; 19120 border-radius: 4px !important; 19121 letter-spacing: 0.18px !important; 19122 border: none!important; 19123 cursor: pointer!important; 19124} 19125.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom .ctct-form-button:hover { 19126 background-color: #b880c3; 19127 color: #ffffff; 19128} 19129.el-form-wrapper .ctct-form-embed .ctct-form-defaults .ctct-form-custom #gdpr_text { 19130 margin-top: 15px; 19131} 19132.calc_wrapper { 19133 max-width: 1000px; 19134 margin: 0 auto; 19135} 19136.calc_wrapper form .results { 19137 text-align: center; 19138 font-weight: bold; 19139} 19140.calc_wrapper form #cwRate { 19141 margin-left: 32px; 19142} 19143.calc_wrapper .calculatorC { 19144 background-color: #eaeaea; 19145 border: 1px #ccc solid; 19146 max-width: 550px; 19147 margin: 15px auto 10px; 19148 padding: 9px; 19149} 19150.calc_wrapper .calculatorC .calculatorInnerTable { 19151 border: 0; 19152 border-collapse: collapse; 19153 margin: 0 auto; 19154} 19155.calc_wrapper .calculatorC .calculatorInnerTable td { 19156 border: 0; 19157 padding: 2px; 19158} 19159.uk-close-alt { 19160 color: #005d7b; 19161} 19162.gallery { 19163 width: 100%; 19164 max-width: 1000px; 19165 margin: 0 auto; 19166 *zoom: 1; 19167} 19168.gallery:before, 19169.gallery:after { 19170 content: " "; 19171 display: table; 19172 line-height: 0; 19173} 19174.gallery:after { 19175 clear: both; 19176} 19177.gallery a.uk-thumbnail { 19178 border-style: none; 19179 border-width: 0; 19180 background: transparent; 19181 padding: 0; 19182 margin-bottom: 26px; 19183} 19184@media print { 19185 .gallery * { 19186 color: #000000 !important; 19187 } 19188} 19189@media only screen and (max-width: 1000px) { 19190 .gallery { 19191 margin-left: 20px; 19192 margin-right: 20px; 19193 width: auto; 19194 } 19195} 19196.uk-slidenav-position .uk-slidenav { 19197 display: block!important; 19198} 19199.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast { 19200 opacity: 100; 19201} 19202.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast.uk-slidenav-previous { 19203 left: -10%; 19204} 19205.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast.uk-slidenav-next { 19206 right: -10%; 19207} 19208.uk-slidenav-position .uk-slidenav.uk-slidenav-contrast:hover {
19209 color: #b880c3; 19210} 19211.maps-embed-container { 19212 margin-left: calc((100vw - 100%) / -2); 19213 overflow: hidden; 19214 width: 99.5vw; 19215} 19216.maps-embed-container iframe { 19217 width: 100vw; 19218 height: 40vw; 19219 max-height: 465px; 19220 min-height: 400px; 19221} 19222.fleet { 19223 position: relative; 19224 *zoom: 1; 19225} 19226.fleet:before, 19227.fleet:after { 19228 content: " "; 19229 display: table; 19230 line-height: 0; 19231} 19232.fleet:after { 19233 clear: both; 19234} 19235.fleet .fleet_plane { 19236 position: relative; 19237 display: block; 19238 width: 487px; 19239 height: 114px; 19240 float: left; 19241 background-size: contain; 19242 background-repeat: no-repeat; 19243 margin: 0 12px 12px 0; 19244} 19245.fleet .fleet_plane:nth-child(even) { 19246 margin-right: 0; 19247} 19248.fleet .fleet_plane .plane_name { 19249 position: absolute; 19250 left: 55px; 19251 top: 16px; 19252 font-size: 17px; 19253 font-weight: 600; 19254 color: #5a5a5a; 19255} 19256.fleet .fleet_plane .plane_count { 19257 position: absolute; 19258 right: 25px; 19259 top: 31px; 19260 font-size: 50px; 19261 color: #184a79; 19262} 19263.fleet .total_count { 19264 position: relative; 19265 display: block; 19266 float: left; 19267 clear: left; 19268 width: 400px; 19269 height: 400px; 19270 font-size: 36px; 19271 color: #184a79; 19272 margin-top: 45px; 19273} 19274#plane_image_edit { 19275 position: relative; 19276 margin-left: 5px; 19277 margin-top: 5px; 19278} 19279@media only screen and (max-width: 487px) { 19280 .fleet .fleet_plane { 19281 width: 100%; 19282 float: none; 19283 margin-right: 0; 19284 padding-top: 35px; 19285 background-position: 0 35px; 19286 } 19287} 19288.location { 19289 width: 100%; 19290 /*max-width: @content_width;*/ 19291 min-height: 150px; 19292 position: relative; 19293 padding: 0; 19294 /*border-bottom: 1px solid @common_border_color;*/ 19295 /*.clearfix();*/ 19296 margin: 0 auto 26px auto; 19297 margin-bottom: 26px; 19298 display: table; 19299 vertical-align: top; 19300} 19301.location .location_item { 19302 display: table-row; 19303 vertical-align: top; 19304} 19305.location .location_image { 19306 width: 150px; 19307 min-height: 150px; 19308 position: relative; 19309 /*float: left;*/ 19310 display: table-cell; 19311 vertical-align: top; 19312 padding-right: 20px; 19313 margin-bottom: 10px; 19314} 19315.location .location_text { 19316 /*display: block;*/ 19317 position: relative; 19318 /*float: left;*/ 19319 display: table-cell; 19320 vertical-align: top; 19321 /*width: (@content_width - 150 - 20);*/ 19322} 19323.location .location_text .location_text_label { 19324 color: #000000; 19325 font-family: "Barlow", sans-serif; 19326 /*font-size: @headline_size;*/ 19327 font-weight: 600; 19328 font-style: normal; 19329 line-height: 1; 19330 margin: 0 0 14px 0; 19331} 19332.location .location_text .location_text_address p { 19333 margin-bottom: 0; 19334} 19335.location .location_text .location_text_phone p { 19336 margin-bottom: 0; 19337} 19338.location .location_text a { 19339 color: #f45656; 19340} 19341.location .location_text a:hover { 19342 color: #b880c3; 19343} 19344.el_content_item:last-child .location { 19345 border-bottom: none; 19346} 19347.text_small .location .location_text .location_text_name, 19348.text_small .location .location_text .location_text_label { 19349 font-size: 24px; 19350} 19351.text_medium .location .location_text .location_text_name, 19352.text_medium .location .location_text .location_text_label { 19353 font-size: 26px; 19354} 19355.text_large .location .location_text .location_text_name, 19356.text_large .location .location_text .location_text_label { 19357 font-size: 31px; 19358} 19359@media only screen and (max-width: 1000px) { 19360 .responsive .location .location_image { 19361 /*float: none;*/ 19362 /*margin-bottom: @paragraph_spacing;*/ 19363 } 19364 .responsive .location .location_text { 19365 /*width: 100%;*/ 19366 /*margin: 0;*/ 19367 } 19368} 19369@media only screen and (max-width: 424px) { 19370 .responsive .location .location_item { 19371 height: auto; 19372 min-height: 0; 19373 display: block; 19374 margin-bottom: 0; 19375 } 19376 .responsive .location .location_image { 19377 height: auto; 19378 min-height: 0; 19379 display: block; 19380 padding: 0; 19381 } 19382 .responsive .location .location_text { 19383 height: auto; 19384 min-height: 0; 19385 display: block; 19386 width: 100%; 19387 margin: 0; 19388 } 19389} 19390.popup_map { 19391 position: relative; 19392} 19393.popup_map .map { 19394 width: 100%; 19395 height: auto; 19396} 19397.popup_map .map_location { 19398 position: absolute; 19399} 19400.popup_map .map_location:after { 19401 content: "\f10c"; 19402 font-family: 'FontAwesome'; 19403 color: #000000; 19404 font-size: 1vw; 19405 position: absolute; 19406 top: -0.4vw; 19407 left: -0.4vw; 19408} 19409.location_map { 19410 margin-bottom: 26px; 19411} 19412.location_map .locations { 19413 position: relative; 19414} 19415.location_map .locations .map { 19416 width: 100%; 19417 height: auto; 19418} 19419.location_map .locations .map_location { 19420 position: absolute; 19421 width: 2vw; 19422 height: 2vw; 19423 z-index: 4; 19424} 19425.location_map .locations .map_location:before { 19426 content: ""; 19427 display: block; 19428 width: 4vw; 19429 height: 4vw; 19430 position: absolute; 19431 top: -1vw; 19432 left: -2vw; 19433} 19434.location_map .locations .map_location:after {
19435 content: "\f10c"; 19436 font-family: 'FontAwesome'; 19437 color: #000000; 19438 font-size: 1vw; 19439 position: absolute; 19440 top: -0.4vw; 19441 left: -0.4vw; 19442} 19443.location_map .locations .map_location .info { 19444 display: none; 19445 width: 200px; 19446 font-family: "Barlow", sans-serif; 19447 font-size: 26px; 19448 color: #000000; 19449 position: relative; 19450 top: 2px; 19451 left: 2px; 19452 background-color: #fff; 19453 border: 5px solid #fff; 19454} 19455.location_map .locations .map_location .info .name { 19456 font-size: 18px; 19457} 19458.location_map .locations .map_location .info img { 19459 width: 100%; 19460 height: auto; 19461} 19462.location_map .locations .map_location:hover { 19463 z-index: 5; 19464} 19465.location_map .locations .map_location:hover:after { 19466 content: "\f192"; 19467 color: #000000; 19468} 19469.location_map .locations .map_location:hover .info { 19470 display: block; 19471} 19472.el_content_item:last-child .location_map { 19473 border-bottom: none; 19474} 19475.text_small .location_map .location_map_text .location_map_text_name { 19476 font-size: 24px; 19477} 19478.text_medium .location_map .location_map_text .location_map_text_name { 19479 font-size: 26px; 19480} 19481.text_large .location_map .location_map_text .location_map_text_name { 19482 font-size: 31px; 19483} 19484@media only screen and (max-width: 1000px) { 19485 .responsive .location_map { 19486 margin: 0; 19487 margin-bottom: 26px; 19488 } 19489} 19490@media only screen and (max-width: 450px) { 19491 .location_map .locations .map_location:after { 19492 font-size: 2vw; 19493 position: absolute; 19494 top: -0.9vw; 19495 left: -0.9vw; 19496 } 19497} 19498.card-grid, 19499.card-list { 19500 max-width: 1000px; 19501 width: 100%; 19502 margin: 0 auto; 19503} 19504@media only screen and (max-width: 1000px) { 19505 .card-grid, 19506 .card-list { 19507 width: auto; 19508 margin-left: 20px; 19509 margin-right: 20px; 19510 } 19511} 19512@media only screen and (max-width: 640px) { 19513 .card-grid, 19514 .card-list { 19515 margin-bottom: 20px; 19516 } 19517} 19518.categories h1 { 19519 margin-bottom: 40px; 19520} 19521.categories .name-filter { 19522 font-family: "Barlow", sans-serif; 19523 font-weight: 600; 19524 line-height: 1.2; 19525 color: #000000; 19526 text-transform: uppercase; 19527 font-weight: bold; 19528 margin-right: 20px; 19529} 19530.categories .seperator { 19531 width: 100%; 19532 height: 3px; 19533 background-color: #000000; 19534 margin-bottom: 15px; 19535} 19536.categories .letters { 19537 margin-bottom: 30px; 19538 text-align: center; 19539} 19540.categories .title { 19541 font-weight: bold; 19542} 19543.categories .category_filters { 19544 margin-bottom: 80px; 19545} 19546.categories .category-btn { 19547 box-sizing: border-box; 19548 -moz-border-radius: 4px; 19549 -webkit-border-radius: 4px; 19550 border-radius: 4px; 19551 font-weight: 600; 19552 color: #ffffff; 19553 padding: 10px 12px; 19554 transition: background-color 0.25s ease; 19555 text-align: center; 19556 font-size: 1rem; 19557 min-width: 0; 19558 display: block; 19559 margin: 0 10px; 19560 background-color: #BBBBBB; 19561 position: relative; 19562} 19563@media only screen and (max-width: 350px) { 19564 .categories .category-btn { 19565 margin: 0; 19566 } 19567} 19568.categories .category-btn:hover { 19569 background-color: #006d8e; 19570} 19571.categories .category-btn[disabled] { 19572 background-color: #cccccc; 19573} 19574.categories .category-btn[disabled]:hover { 19575 background-color: #cccccc; 19576} 19577@media only screen and (min-width: 960px) { 19578 .categories .category-btn.large { 19579 font-family: "Barlow", sans-serif; 19580 line-height: 1.2; 19581 color: #000000; 19582 text-transform: uppercase; 19583 font-weight: 600; 19584 min-width: 232px; 19585 padding: 6px 16px; 19586 } 19587} 19588.research_database .name-filter { 19589 font-family: "Barlow", sans-serif; 19590 font-weight: 600; 19591 line-height: 1.2; 19592 color: #000000; 19593 text-transform: uppercase; 19594 font-weight: bold; 19595 margin-right: 20px; 19596} 19597.research_database > .seperator { 19598 width: 100%; 19599 height: 3px; 19600 background-color: #000000; 19601 margin-bottom: 15px; 19602} 19603.research_database .letters { 19604 margin-bottom: 30px; 19605 text-align: center; 19606} 19607.research_database > .title { 19608 font-weight: bold; 19609} 19610.research_database > .category_filters { 19611 margin-bottom: 80px; 19612} 19613.research_database .category-btn { 19614 box-sizing: border-box; 19615 -moz-border-radius: 4px; 19616 -webkit-border-radius: 4px; 19617 border-radius: 4px; 19618 font-weight: 600; 19619 color: #ffffff; 19620 padding: 10px 12px; 19621 transition: background-color 0.25s ease; 19622 text-align: center; 19623 font-size: 1rem; 19624 min-width: 0; 19625 display: block; 19626 margin: 0 10px; 19627 background-color: #BBBBBB; 19628 position: relative; 19629} 19630@media only screen and (max-width: 350px) { 19631 .research_database .category-btn { 19632 margin: 0; 19633 } 19634} 19635.research_database .category-btn:hover { 19636 background-color: #006d8e; 19637} 19638.research_database .category-btn[disabled] { 19639 background-color: #cccccc; 19640} 19641.research_database .category-btn[disabled]:hover { 19642 background-color: #cccccc; 19643} 19644@media only screen and (min-width: 960px) { 19645 .research_database .category-btn.large { 19646 font-family: "Barlow", sans-serif; 19647 line-height: 1.2; 19648 color: #000000; 19649 text-transform: uppercase; 19650 font-weight: 600; 19651 min-width: 232px; 19652 padding: 6px 16px; 19653 } 19654} 19655.section_thumbs { 19656 margin-bottom: 52px; 19657} 19658.section_thumbs .heading { 19659 color: #000000; 19660 font-family: "Barlow", sans-serif; 19661 font-weight: 600; 19662 font-style: normal;
19663 line-height: 26px; 19664 margin: 0 0 14px 0; 19665 height: auto !important; 19666 display: block; 19667} 19668.section_thumbs .heading p { 19669 margin: 0; 19670 padding: 0; 19671} 19672.section_thumbs .heading a { 19673 color: #000000; 19674 background-repeat: no-repeat; 19675 background-position: 100% 50%; 19676 padding-right: 10px; 19677} 19678.content_item_first .section_thumbs .heading { 19679 color: #000000; 19680 font-family: "Barlow", sans-serif; 19681 font-weight: 600; 19682 font-style: normal; 19683 line-height: 26px; 19684 margin-bottom: 20px; 19685} 19686.section_thumbs.open .heading a { 19687 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 19688} 19689.section_thumbs.open .heading a:after { 19690 content: "\f107"; 19691 font-family: 'FontAwesome'; 19692 padding-left: 10px; 19693 color: #f45656; 19694 position: relative; 19695 top: -3px; 19696} 19697.section_thumbs.closed .heading a { 19698 /*background-image: url(@{foundation_path}arrow_down.png?@{modified});*/ 19699} 19700.section_thumbs.closed .heading a:after { 19701 content: "\f106"; 19702 font-family: 'FontAwesome'; 19703 padding-left: 10px; 19704 color: #f45656; 19705 position: relative; 19706 top: -3px; 19707} 19708.items ul li { 19709 margin-bottom: 12px; 19710} 19711.items ul.horizontal { 19712 padding-left: 0; 19713} 19714.items ul.horizontal li { 19715 display: inline-table; 19716 margin-right: 5px; 19717} 19718.items ul.horizontal li:before { 19719 content: "|"; 19720 position: relative; 19721 top: -1px; 19722} 19723.items ul.horizontal li:first-child:before { 19724 content: normal; 19725} 19726.items ul.horizontal li:last-child { 19727 margin-right: 0; 19728} 19729.section_thumbs .items { 19730 /*margin: 0;*/ 19731 /*padding: 0;*/ 19732 color: #4a4a4a; 19733 font-family: "Barlow", sans-serif; 19734 line-height: 26px; 19735} 19736.section_thumbs .items p { 19737 margin-bottom: 26px; 19738} 19739.section_thumbs .items a { 19740 color: #f45656; 19741} 19742.section_thumbs .items .item p { 19743 margin: 0px; 19744 padding: 0px; 19745} 19746.section_thumbs .item { 19747 position: relative; 19748 margin-bottom: 26px; 19749} 19750.section_thumbs .item .image { 19751 position: relative; 19752 display: block; 19753 margin-bottom: 14px; 19754} 19755.section_thumbs .item .image img { 19756 width: 100%; 19757} 19758.section_thumbs .item .image img.placeholder { 19759 background-color: #4a4a4a; 19760} 19761.section_thumbs .item .image:hover:after { 19762 content: '\f054'; 19763 position: absolute; 19764 width: 100%; 19765 height: 100%; 19766 top: 0; 19767 left: 0; 19768 box-sizing: border-box; 19769 text-align: center; 19770 padding-top: 30%; 19771 font-family: 'FontAwesome'; 19772 color: #fff; 19773 background-color: rgba(244, 86, 86, 0.8); 19774} 19775.section_thumbs .item .title { 19776 display: block; 19777 text-align: center; 19778 color: #000000; 19779 font-family: "Barlow", sans-serif; 19780 font-weight: 600; 19781 font-style: normal; 19782 line-height: 1.2; 19783} 19784.text_small .section_thumbs .heading { 19785 font-size: 24px; 19786} 19787.text_small .content_item_first .section_thumbs .heading { 19788 font-size: 30px; 19789} 19790.text_small .section_thumbs.open .heading a:after { 19791 font-size: 16px; 19792} 19793.text_small .section_thumbs.closed .heading a:after { 19794 font-size: 16px; 19795} 19796.text_small .section_thumbs .items { 19797 font-size: 16px; 19798} 19799.text_small .section_thumbs .item .image:hover:after { 19800 font-size: 26px; 19801} 19802.text_small .section_thumbs .item .title { 19803 font-size: 24px; 19804} 19805.text_medium .section_thumbs .heading { 19806 font-size: 26px; 19807} 19808.text_medium .content_item_first .section_thumbs .heading { 19809 font-size: 32px; 19810} 19811.text_medium .section_thumbs.open .heading a:after { 19812 font-size: 18px; 19813} 19814.text_medium .section_thumbs.closed .heading a:after { 19815 font-size: 18px; 19816} 19817.text_medium .section_thumbs .items { 19818 font-size: 18px; 19819} 19820.text_medium .section_thumbs .item .image:hover:after { 19821 font-size: 30px; 19822} 19823.text_medium .section_thumbs .item .title { 19824 font-size: 26px; 19825} 19826.text_large .section_thumbs .heading { 19827 font-size: 28px; 19828} 19829.text_large .content_item_first .section_thumbs .heading { 19830 font-size: 34px; 19831} 19832.text_large .section_thumbs.open .heading a:after { 19833 font-size: 20px; 19834} 19835.text_large .section_thumbs.closed .heading a:after { 19836 font-size: 20px; 19837} 19838.text_large .section_thumbs .items { 19839 font-size: 20px; 19840} 19841.text_large .section_thumbs .item .image:hover:after { 19842 font-size: 34px; 19843} 19844.text_large .section_thumbs .item .title { 19845 font-size: 28px; 19846} 19847@media only screen and (max-width: 666.66666667px) { 19848 .responsive .section_thumbs .item { 19849 /*max-width: 49%;*/ 19850 /*margin-right: 2%;*/ 19851 /*margin-bottom: @leading;*/ 19852 } 19853 .responsive .section_thumbs .item:nth-child(3n) { 19854 /*margin-right: 2%;*/ 19855 } 19856 .responsive .section_thumbs .item:nth-child(2n) { 19857 /*margin-right: 0;*/ 19858 } 19859 .responsive .section_thumbs .item .image { 19860 margin-bottom: 14px; 19861 } 19862} 19863@media print { 19864 .section_thumbs * { 19865 color: #000000 !important; 19866 } 19867 .section_thumbs .item { 19868 /*max-width: 22%;*/ 19869 /*margin-right: 4%;*/ 19870 /*margin-bottom: @leading;*/ 19871 } 19872 .section_thumbs .item:nth-child(3n) { 19873 /*margin-right: 4%;*/ 19874 } 19875 .section_thumbs .item:nth-child(4n) { 19876 /*margin-right: 0;*/ 19877 } 19878 .section_thumbs .item .image img { 19879 box-sizing: border-box; 19880 border: 2px solid #4a4a4a; 19881 } 19882 .section_thumbs .item .image img.placeholder { 19883 background-color: #4a4a4a !important; 19884 } 19885} 19886.testimonial-quote { 19887 position: relative; 19888 max-width: 828px; 19889 margin: 50px auto; 19890} 19891.testimonial-quote .quote { 19892 color: #f45656; 19893 font-size: 29px; 19894 line-height: 40px; 19895 max-width: 828px; 19896 margin: 0 auto 0px; 19897 font-style: italic; 19898} 19899.testimonial-quote .quote a { 19900 color: #f45656; 19901} 19902.testimonial-quote .quote .attribution { 19903 color: #737373; 19904 line-height: 40px; 19905 font-size: 29px; 19906 font-style: italic; 19907 margin-left: 15px; 19908} 19909@media only screen and (max-width: 1000px) { 19910 .testimonial-quote { 19911 padding: 0 20px; 19912 } 19913 .testimonial-quote .quote, 19914 .testimonial-quote .quote .attribution { 19915 font-size: 20px; 19916 line-height: 31px; 19917 } 19918} 19919.text_columns { 19920 max-width: 1000px; 19921 clear: both; 19922 margin: 0 auto; 19923 font-size: 18px; 19924 color: #4a4a4a;
19925 line-height: 26px; 19926 *zoom: 1; 19927} 19928.text_columns.fullwidth { 19929 overflow: hidden; 19930 width: 99.5vw; 19931 background-color: #F5F5F5; 19932 max-width: none; 19933 padding: 50px 0; 19934 margin: 50px 0 50px calc((100vw - 100%) / -2); 19935} 19936.text_columns:before { 19937 width: 0; 19938} 19939.text_columns:before, 19940.text_columns:after { 19941 content: " "; 19942 display: table; 19943 line-height: 0; 19944} 19945.text_columns:after { 19946 clear: both; 19947} 19948.text_columns .wrapper { 19949 max-width: 1000px; 19950 margin: 0 auto; 19951 text-align: left; 19952} 19953.text_columns h4 { 19954 color: #559FD3; 19955 font-family: "Barlow", sans-serif; 19956 font-size: 26px; 19957 font-weight: 600; 19958 font-style: normal; 19959 line-height: 30px; 19960 margin-bottom: 15px; 19961 text-transform: uppercase; 19962} 19963.text_columns h4 a { 19964 color: #000000; 19965} 19966.text_columns .text-block { 19967 margin-bottom: 30px; 19968} 19969.text_columns a.email { 19970 display: block; 19971 width: 100%; 19972 overflow: hidden; 19973 text-overflow: fade; 19974 max-width: 100%; 19975} 19976.text_small .text_columns .text_copy .copy h4 { 19977 font-size: 18px; 19978 line-height: 20px; 19979} 19980.text_medium .text_columns .text_copy .copy h4 { 19981 font-size: 20px; 19982 line-height: 22px; 19983} 19984.text_large .text_columns .text_copy .copy h4 { 19985 font-size: 23px; 19986 line-height: 25px; 19987} 19988@media only screen and (max-width: 1000px) { 19989 .full .wrapper { 19990 padding: 0 15px 0 5px; 19991 } 19992 .full .wrapper .text-block { 19993 padding-left: 15px; 19994 padding-right: 15px; 19995 } 19996} 19997@media only screen and (max-width: 1200px) { 19998 .full .wrapper .copy { 19999 margin-bottom: 20px; 20000 } 20001} 20002.toc { 20003 /*max-width: @content_width;*/ 20004 margin: 0 auto 52px auto; 20005} 20006.toc .heading { 20007 color: #000000; 20008 font-family: "Barlow", sans-serif; 20009 font-size: 26px; 20010 font-weight: 600; 20011 font-style: normal; 20012 line-height: 26px; 20013 margin: 0 0 14px 0; 20014 height: auto !important; 20015 display: block; 20016} 20017.toc .heading p { 20018 margin: 0 0 15px 0; 20019 padding: 0; 20020} 20021.toc .heading a { 20022 color: #000000; 20023 background-repeat: no-repeat; 20024 background-position: 100% 50%; 20025 padding-right: 10px; 20026} 20027.content_item_first .toc .heading a { 20028 font-family: "Barlow", sans-serif; 20029 color: #000000; 20030 font-size: 32px; 20031 font-weight: 600; 20032 font-style: normal; 20033 line-height: 26px; 20034 margin-bottom: 0; 20035} 20036.toc.open .heading a { 20037 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 20038} 20039.toc.open .heading a:after { 20040 content: "\f107"; 20041 font-family: 'FontAwesome'; 20042 padding-left: 10px; 20043 color: #f45656; 20044 font-size: 18px; 20045 position: relative; 20046 top: -3px; 20047} 20048.toc.closed .heading a { 20049 /*background-image: url(@{foundation_path}arrow_down.png?@{modified});*/ 20050} 20051.toc.closed .heading a:after { 20052 content: "\f106"; 20053 font-family: 'FontAwesome'; 20054 padding-left: 10px; 20055 color: #f45656; 20056 font-size: 18px; 20057 position: relative; 20058 top: -3px; 20059} 20060.toc .items { 20061 margin: 0 0 0 0; 20062 padding: 0; 20063 color: #4a4a4a; 20064 font-family: "Barlow", sans-serif; 20065 font-size: 18px; 20066 line-height: 26px; 20067} 20068.toc .items p { 20069 margin: 0 0 26px 0; 20070 padding: 0; 20071} 20072.toc .items a { 20073 color: #f45656; 20074} 20075.toc .items a:hover { 20076 color: #b880c3; 20077} 20078.toc .items ul { 20079 margin-bottom: 18px; 20080} 20081.toc .items ol { 20082 margin-bottom: 18px; 20083} 20084.toc .items ul li { 20085 /*background-image: none;*/ 20086 list-style-type: none; 20087} 20088.toc .items ul li:before { 20089 content: "\002022"; 20090 padding-left: -12; 20091 padding-right: 5px; 20092 color: #000000; 20093 font-size: 16px; 20094} 20095.toc .items ul li p { 20096 margin: 0px; 20097 padding: 0px; 20098} 20099@media print { 20100 .toc * { 20101 color: #000000 !important; 20102 } 20103 .toc ul li { 20104 background-image: none !important; 20105 list-style-type: disc !important; 20106 padding: 0px; 20107 margin-left: 0; 20108 } 20109} 20110.video_upload { 20111 position: relative; 20112 float: none; 20113 width: 828px; 20114 display: block; 20115 margin-left: auto; 20116 margin-right: auto; 20117 margin-bottom: 26px; 20118} 20119@media only screen and (max-width: 1000px) { 20120 .responsive .custom_upload_video .video_upload { 20121 clear: both; 20122 width: 100%; 20123 } 20124 .responsive .custom_upload_video .video { 20125 clear: both; 20126 height: auto; 20127 } 20128 .responsive .custom_upload_video .copy { 20129 clear: both; 20130 width: 100%; 20131 margin-left: 0; 20132 } 20133} 20134.youtube_video { 20135 display: block; 20136 margin-left: auto; 20137 margin-right: auto; 20138 margin-bottom: 26px; 20139} 20140.viewmore { 20141 position: relative; 20142 margin-bottom: 52px; 20143 font-size: 18px; 20144} 20145.viewmore a { 20146 position: relative; 20147 /*padding-right: @arrow_padding;*/ 20148 /*background-image: url(@{foundation_path}arrow_up.png?@{modified});*/ 20149 background-position: 100% 50%; 20150 background-repeat: no-repeat; 20151 color: #f45656; 20152 font-family: "Barlow", sans-serif; 20153} 20154.viewmore a:after {
20155 content: "\f078"; 20156 font-family: 'FontAwesome'; 20157 padding-left: 10px; 20158 color: #f45656; 20159} 20160.text_small .viewmore { 20161 font-size: 18px; 20162} 20163.text_medium .viewmore { 20164 font-size: 20px; 20165} 20166.text_large .viewmore { 20167 font-size: 23px; 20168} 20169@media print { 20170 .viewmore { 20171 display: none; 20172 } 20173} 20174.sponsor_logo { 20175 position: relative; 20176 display: block; 20177 width: 394px; 20178 height: 315.2px; 20179 display: table-cell; 20180 vertical-align: middle; 20181} 20182.sponsor_logo .image { 20183 max-width: 80%; 20184 margin-left: auto; 20185 margin-right: auto; 20186 position: relative; 20187 /*height: 0;*/ 20188 /*padding-bottom: 25%;*/ 20189 /*width: 25%;*/ 20190} 20191.sponsor_logo .image img { 20192 height: auto; 20193 display: block; 20194 margin-left: auto; 20195 margin-right: auto; 20196 max-width: 100%; 20197 width: 100%; 20198 max-height: 315.2px; 20199} 20200.sponsor_logo .text { 20201 position: absolute; 20202 bottom: 30px; 20203 width: 100%; 20204 text-align: center; 20205 color: #000000; 20206 font-family: "Barlow", sans-serif; 20207 font-size: 26px; 20208 font-weight: 600; 20209 font-style: normal; 20210 line-height: 1.4; 20211 display: none; 20212 background-color: rgba(204, 204, 204, 0.6); 20213 padding-top: 13px; 20214 padding-bottom: 13px; 20215} 20216.sponsor_logo:hover .text { 20217 display: block; 20218} 20219/* javascript add this class to .el_content_item div */ 20220.sponsor_logo_outer { 20221 /*float: left;*/ 20222 display: inline-block; 20223 max-width: 48%; 20224 margin-right: 4%; 20225 margin-bottom: 4%; 20226} 20227.sponsor_logo_outer:nth-child(even) { 20228 margin-right: 0; 20229} 20230@media only screen and (max-width: 500px) { 20231 .responsive .sponsor_logo_outer { 20232 display: block; 20233 max-width: 100%; 20234 margin-left: auto; 20235 margin-right: auto; 20236 margin-bottom: 4%; 20237 text-align: center; 20238 } 20239 .responsive .sponsor_logo_outer .sponsor_logo { 20240 padding-left: 10%; 20241 } 20242 .responsive .sponsor_logo_outer:nth-child(even) { 20243 margin-right: auto; 20244 } 20245} 20246.callout { 20247 position: relative; 20248 display: table; 20249 margin: 0 auto; 20250 *zoom: 1; 20251 margin-bottom: 52px; 20252 max-width: 828px; 20253 /* 20254 &.photo-left { 20255 max-width: @site_width; 20256 }*/ 20257} 20258@media only screen and (max-width: 960px) { 20259 .callout { 20260 margin-left: 20px; 20261 margin-right: 20px; 20262 } 20263} 20264.callout:before, 20265.callout:after { 20266 content: " "; 20267 display: table; 20268 line-height: 0; 20269} 20270.callout:after { 20271 clear: both; 20272} 20273.callout .callout_image_wrapper { 20274 display: table-cell; 20275 vertical-align: top; 20276 text-align: left; 20277 width: 372px; 20278} 20279.callout img { 20280 width: 372px; 20281 height: auto; 20282 display: block; 20283 margin-bottom: 13px; 20284 border-radius: 4px; 20285} 20286.callout .bullets { 20287 font-size: 18px; 20288 font-family: "Barlow", sans-serif; 20289 color: #4a4a4a; 20290 line-height: 26px; 20291 font-weight: normal; 20292} 20293.callout .text { 20294 padding-top: 0px; 20295 padding-right: 32px; 20296 display: table-cell; 20297 vertical-align: top; 20298 text-align: left; 20299 position: relative; 20300 color: #000000; 20301 font-family: "Barlow", sans-serif; 20302 font-size: 26px; 20303 font-weight: 600; 20304 font-style: normal; 20305 line-height: 1.4; 20306 box-sizing: border-box; 20307} 20308.callout .text .title { 20309 display: block; 20310 font-size: 26px; 20311 line-height: 30px; 20312 margin-bottom: 15px; 20313 text-transform: uppercase; 20314} 20315.callout .text .copy { 20316 display: block; 20317 font-size: 18px; 20318 font-family: "Barlow", sans-serif; 20319 color: #4a4a4a; 20320 line-height: 26px; 20321 font-weight: normal; 20322} 20323.callout .text .btn { 20324 margin: 0; 20325 margin-top: 32px; 20326} 20327@media (max-width: 900px) { 20328 .callout .text .btn { 20329 margin-bottom: 48px; 20330 } 20331} 20332.callout .text button { 20333 font-family: "Barlow", sans-serif; 20334} 20335.callout.photo-left .callout_image_wrapper { 20336 width: 484px; 20337 height: auto; 20338} 20339.callout.photo-left .callout_image_wrapper img { 20340 width: 484px; 20341 height: auto; 20342} 20343.callout.photo-left .text { 20344 padding-top: 32px; 20345 padding-left: 32px; 20346 padding-right: 0; 20347} 20348@media (max-width: 900px) { 20349 .callout.photo-left .text { 20350 padding-top: 0; 20351 } 20352} 20353@media only screen and (max-width: 900px) { 20354 .responsive .callout { 20355 display: block; 20356 } 20357 .responsive .callout .callout_image_wrapper { 20358 display: block; 20359 width: 100%; 20360 } 20361 .responsive .callout .text { 20362 display: block; 20363 padding-left: 0; 20364 } 20365} 20366.link_button_wrapper { 20367 text-align: center; 20368} 20369.link_button_wrapper .btn { 20370 margin-top: 0; 20371 margin-bottom: 35px; 20372} 20373@media only screen and (max-width: 400px) { 20374 .responsive .link_button img { 20375 display: block; 20376 float: none; 20377 margin-right: 0; 20378 } 20379} 20380.inline_media_wrapper { 20381 margin: 40px auto 70px; 20382} 20383@media only screen and (max-width: 1000px) { 20384 .inline_media_wrapper { 20385 padding: 0 20px; 20386 margin-top: 10px; 20387 margin-bottom: 40px; 20388 } 20389} 20390.inline_media_wrapper h1, 20391.photo_inline h1, 20392.inline_media_wrapper h2, 20393.photo_inline h2 { 20394 position: absolute; 20395 top: 50%; 20396 right: 0; 20397 bottom: 0; 20398 left: 0; 20399 max-width: 829px; 20400 color: #ffffff; 20401 font-weight: 600; 20402 font-size: 34px; 20403 line-height: 30px; 20404 margin: 0 auto; 20405 text-transform: uppercase; 20406 letter-spacing: 3.78px; 20407} 20408.inline_media_wrapper h1 .brush, 20409.photo_inline h1 .brush, 20410.inline_media_wrapper h2 .brush, 20411.photo_inline h2 .brush { 20412 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 20413 font-weight: normal; 20414 font-style: normal; 20415 font-size: 132px; 20416 line-height: 70px; 20417 text-transform: none; 20418 padding-left: 12px; 20419 white-space: nowrap; 20420} 20421.photo_inline { 20422 position: relative; 20423 padding: 0; 20424 display: block; 20425 margin: 0 auto; 20426} 20427.photo_inline img { 20428 display: block; 20429 width: 100%; 20430 margin-bottom: 0; 20431} 20432.photo_inline a .icon { 20433 position: absolute; 20434 width: 100%; 20435 text-align: center; 20436 top: 40%; 20437} 20438.photo_inline a .icon .fa { 20439 color: rgba(255, 255, 255, 0.5); 20440 font-size: 100px; 20441} 20442.photo_inline a img {
20443 cursor: pointer; 20444} 20445.photo_inline .caption { 20446 display: block; 20447 position: absolute; 20448 bottom: 0; 20449 background-color: rgba(0, 0, 0, 0.7); 20450 padding: 20px 0; 20451 color: #fff; 20452 font-family: "Barlow", sans-serif; 20453 line-height: 20px; 20454 font-size: 16px; 20455 width: 100%; 20456 border-radius: 0 0 4px 4px; 20457} 20458.photo_inline .caption div { 20459 max-width: 829px; 20460 margin: 0 auto; 20461} 20462.photo_inline .caption a { 20463 color: #f45656; 20464} 20465.photo_inline .caption a:hover { 20466 color: #b880c3; 20467} 20468.photo_inline .caption p { 20469 margin-bottom: 18px; 20470} 20471.photo_inline .caption p:last-of-type { 20472 margin-bottom: 0; 20473} 20474.photo_inline.video a:after { 20475 position: absolute; 20476 top: 40%; 20477 left: 45%; 20478 color: #ffffff; 20479 font-size: 100px; 20480} 20481@media only screen and (max-width: 600px) { 20482 .photo_inline.video a:after { 20483 font-size: 50px; 20484 } 20485} 20486@media only screen and (max-width: 700px) { 20487 .photo_inline h1, 20488 .photo_inline h2 { 20489 top: 12%; 20490 } 20491} 20492@media only screen and (max-width: 900px) { 20493 .photo_inline h1, 20494 .photo_inline h2 { 20495 font-size: 20px; 20496 line-height: 20px; 20497 letter-spacing: 2.22px; 20498 padding: 0 20px; 20499 } 20500 .photo_inline h1 .brush, 20501 .photo_inline h2 .brush { 20502 font-size: 80px; 20503 line-height: 42px; 20504 } 20505 .photo_inline .caption { 20506 position: relative; 20507 background-color: #000000; 20508 } 20509 .photo_inline .caption div { 20510 padding: 0 20px; 20511 } 20512} 20513.photo_inline.alignleft { 20514 float: left; 20515 margin-right: 18px; 20516} 20517.photo_inline.alignright { 20518 float: right; 20519 margin-left: 18px; 20520} 20521.photo_inline.wide { 20522 max-width: 1000px; 20523 min-height: 150px; 20524} 20525.photo_inline.fullwidth { 20526 max-width: none; 20527} 20528.photo_inline.alignright, 20529.photo_inline.alignleft { 20530 width: 100%; 20531 max-width: 398px; 20532 margin-bottom: 25px; 20533} 20534.photo_inline.alignright h1, 20535.photo_inline.alignleft h1, 20536.photo_inline.alignright h2, 20537.photo_inline.alignleft h2 { 20538 font-size: 20px; 20539 line-height: 20px; 20540 letter-spacing: 2.22px; 20541 max-width: 358px; 20542 top: 25%; 20543} 20544.photo_inline.alignright h1 .brush, 20545.photo_inline.alignleft h1 .brush, 20546.photo_inline.alignright h2 .brush, 20547.photo_inline.alignleft h2 .brush { 20548 font-size: 80px; 20549 line-height: 42px; 20550} 20551.photo_inline.alignright .caption, 20552.photo_inline.alignleft .caption { 20553 position: relative; 20554 background-color: #000000; 20555} 20556.photo_inline.alignright .caption div, 20557.photo_inline.alignleft .caption div { 20558 max-width: 358px; 20559} 20560.photo_inline.alignright img, 20561.photo_inline.alignleft img { 20562 max-width: 398px; 20563 height: auto; 20564} 20565.el_content_item:last-child .photo_inline { 20566 border-bottom: none; 20567} 20568.text_small .photo_inline .caption { 20569 font-size: 16px; 20570 line-height: 20px; 20571} 20572.text_medium .photo_inline .caption { 20573 font-size: 18px; 20574 line-height: 22px; 20575} 20576.text_large .photo_inline .caption { 20577 font-size: 21px; 20578 line-height: 25px; 20579} 20580@media only screen and (max-width: 700px) { 20581 .photo_inline.alignleft h1, 20582 .photo_inline.alignright h1, 20583 .photo_inline.alignleft h2, 20584 .photo_inline.alignright h2 { 20585 top: 12%; 20586 padding: 0 20px; 20587 } 20588 .photo_inline.alignleft .caption div, 20589 .photo_inline.alignright .caption div { 20590 padding: 0 20px; 20591 } 20592} 20593.uk-modal-caption { 20594 background-color: #4a4a4a; 20595 box-sizing: border-box; 20596 bottom: -45px; 20597 color: #ffffff; 20598 font-family: 0; 20599 font-size: 16px; 20600 font-weight: 500; 20601 line-height: 1; 20602 padding: 20px 0 15px; 20603} 20604.uk-close-alt { 20605 color: #ef5a32; 20606} 20607.spacer { 20608 height: 1px; 20609 width: 100%; 20610} 20611.spacer.line { 20612 background-color: #ccc; 20613} 20614.spacer.above { 20615 margin-top: 26px; 20616} 20617.spacer.below { 20618 margin-bottom: 26px; 20619} 20620.spacer.double { 20621 margin-top: 36px; 20622 margin-bottom: 36px; 20623} 20624.spacer.triple { 20625 margin-top: 46px; 20626 margin-bottom: 46px; 20627} 20628@media print { 20629 .backtotop { 20630 /*display: none;*/ 20631 } 20632} 20633.article .headline .date { 20634 font-family: "Barlow", sans-serif; 20635 font-size: 18px; 20636 color: #4a4a4a; 20637 float: right; 20638 padding-top: 8px; 20639} 20640.rates_table { 20641 width: 100%; 20642 margin: 0; 20643 padding: 0; 20644 border-width: 0; 20645 border-collapse: collapse; 20646 border: 1px solid #000000; 20647 margin-bottom: 26px; 20648 table-layout: fixed; 20649} 20650.rates_table thead { 20651 background-color: #000000; 20652} 20653.rates_table tr { 20654 margin: 0; 20655 padding: 0; 20656 border-width: 0; 20657} 20658.rates_table tr th, 20659.rates_table tr td { 20660 padding-left: 15px; 20661 padding-right: 15px; 20662 padding-top: 15px; 20663 padding-bottom: 15px; 20664 margin: 0; 20665 border-width: 0; 20666 min-width: 50px; 20667 font-size: 18px; 20668 line-height: 20px; 20669} 20670.rates_table tr th.merged, 20671.rates_table tr td.merged { 20672 min-width: 100px; 20673} 20674.rates_table tr th.first, 20675.rates_table tr td.first {
20676 min-width: 150px; 20677} 20678.rates_table tr th { 20679 background-color: #000000; 20680 color: #fff; 20681} 20682.rates_table tr td { 20683 font-family: "Barlow", sans-serif; 20684 color: #4a4a4a; 20685 border-left: 1px solid #ededed; 20686 border-bottom: 1px solid #ededed; 20687} 20688@media only screen and (min-width: 640px) { 20689 .rates_table tr td:first-child { 20690 border-left-color: #000000; 20691 } 20692 .rates_table tr td:last-child { 20693 border-right: 1px solid #000000; 20694 } 20695} 20696.rates_table tr td p:last-child { 20697 margin-bottom: 0; 20698} 20699.rates_table tr:last-child td { 20700 border-bottom-color: #000000; 20701} 20702.rates_table em { 20703 color: #4a4a4a; 20704} 20705.rates_table td.highlight { 20706 background-color: #efefef; 20707} 20708.rates_table td.white { 20709 background-color: #ffffff; 20710} 20711.rates_table td.center { 20712 text-align: center; 20713} 20714.rates_table td.bold { 20715 font-weight: bold; 20716} 20717.text_small .rates_table tr th, 20718.text_small .rates_table tr td { 20719 font-size: 18px; 20720 line-height: 20px; 20721} 20722.text_medium .rates_table tr th, 20723.text_medium .rates_table tr td { 20724 font-size: 20px; 20725 line-height: 22px; 20726} 20727.text_large .rates_table tr th, 20728.text_large .rates_table tr td { 20729 font-size: 21px; 20730 line-height: 23px; 20731} 20732@media only screen and (max-width: 640px) { 20733 .article .headline .date { 20734 float: none; 20735 display: block; 20736 } 20737 .rates_table tr th, 20738 .rates_table tr td { 20739 width: auto !important; 20740 min-width: none; 20741 display: block; 20742 padding-left: 14px; 20743 border-bottom: 1px solid #efefef; 20744 } 20745 .rates_table tr:last-child td { 20746 border-bottom-color: #efefef; 20747 } 20748 .rates_table tbody tr { 20749 border-bottom: 1px solid #4a4a4a; 20750 } 20751} 20752.featured_wrapper.carousel { 20753 margin: 0 auto; 20754 padding: 0 0 140px; 20755 width: 100%; 20756} 20757@media only screen and (max-width: 1000px) { 20758 .featured_wrapper.carousel { 20759 padding: 49px 0; 20760 } 20761} 20762.featured_wrapper.carousel .carousel_wrapper { 20763 max-width: 1000px; 20764 width: 100%; 20765 margin: 0 auto; 20766 text-align: center; 20767} 20768.featured_wrapper.carousel .carousel_wrapper p { 20769 margin-top: 0; 20770 font-size: 16px; 20771 line-height: 22px; 20772} 20773.featured_carousel { 20774 margin-top: 25px; 20775 *zoom: 1; 20776 overflow: hidden; 20777} 20778.featured_carousel:before { 20779 width: 0; 20780} 20781.featured_carousel:before, 20782.featured_carousel:after { 20783 content: " "; 20784 display: table; 20785 line-height: 0; 20786} 20787.featured_carousel:after { 20788 clear: both; 20789} 20790.featured_carousel_headline { 20791 color: #000000; 20792 font-weight: 600; 20793 font-size: 34px; 20794 line-height: 51px; 20795 margin-bottom: 0; 20796 text-transform: uppercase; 20797 text-align: center; 20798} 20799.featured_carousel .image_captioned_text { 20800 text-align: center; 20801} 20802.featured_carousel .image_captioned_text .copy { 20803 font-size: 16px; 20804 line-height: 22px; 20805 margin-bottom: 25px; 20806 padding: 0 10px; 20807} 20808.featured_carousel .image_captioned_text .btn { 20809 margin-top: 0; 20810 margin-bottom: 20px; 20811} 20812@media only screen and (max-width: 959px) { 20813 .featured_carousel .image_captioned_text .btn { 20814 display: none; 20815 } 20816} 20817.featured_carousel .image_captioned_text .btn.mobile { 20818 display: none; 20819} 20820@media only screen and (max-width: 959px) { 20821 .featured_carousel .image_captioned_text .btn.mobile { 20822 display: inline-table; 20823 margin: 0 auto; 20824 } 20825} 20826.featured_carousel .image_captioned_text .social { 20827 color: #f45656; 20828 font-size: 30px; 20829 margin-right: 10px; 20830} 20831.featured_carousel .image_captioned_text .social:hover { 20832 color: #b880c3; 20833} 20834.featured_carousel .image_captioned_text .social:last-child { 20835 margin-right: 0; 20836} 20837.featured_carousel .image_captioned_image { 20838 max-width: 226px; 20839 max-height: 300px; 20840 margin: 0 auto; 20841} 20842.featured_carousel .image_captioned_image img { 20843 max-width: 226px; 20844 max-height: 300px; 20845} 20846.featured_carousel .image_captioned_headline { 20847 font-size: 20px; 20848 font-weight: 500; 20849 margin-top: 14px; 20850 margin-bottom: 11px; 20851 color: #000000; 20852} 20853.featured_carousel .image_captioned_headline a { 20854 color: #000000; 20855} 20856.featured_carousel .image_captioned_headline a:hover { 20857 color: #b880c3; 20858} 20859.featured_carousel .owl-dots { 20860 position: absolute; 20861 transition: top 0.75s; 20862 left: 50%; 20863 bottom: 0; 20864 padding-left: 30px; 20865} 20866@media only screen and (max-width: 959px) { 20867 .featured_carousel .owl-dots { 20868 position: static; 20869 } 20870} 20871.featured_carousel .owl-dots .owl-dot span { 20872 background-color: #4a4a4a !important; 20873 height: 18px!important; 20874 width: 18px!important; 20875 margin: 0 16px 0 0!important; 20876} 20877.featured_carousel .owl-dots .owl-dot:hover span { 20878 background-color: #BBBBBB; 20879 opacity: 0.5; 20880} 20881.featured_carousel .owl-dots .owl-dot.active span { 20882 background-color: #BBBBBB !important; 20883} 20884@media only screen and (max-width: 959px) { 20885 .featured_carousel .owl-dots { 20886 left: 0; 20887 width: 100%; 20888 padding-left: 0; 20889 text-align: center !important; 20890 pointer-events: none; 20891 top: 0; 20892 } 20893 .featured_carousel .owl-dots .owl-dot { 20894 pointer-events: auto; 20895 } 20896} 20897.featured_carousel .owl-nav { 20898 height: 100%; 20899 width: 100%; 20900 position: absolute; 20901 pointer-events: none; 20902 padding: 0; 20903 margin-top: 0 !important; 20904} 20905.featured_carousel .owl-nav div.owl-prev, 20906.featured_carousel .owl-nav div.owl-next { 20907 pointer-events: auto; 20908 height: 100%; 20909 background-color: #F5F5F5 !important; 20910 margin: 0 !important; 20911 border-radius: 0; 20912 position: absolute; 20913 top: 0; 20914 width: 30px; 20915} 20916.featured_carousel .owl-nav div.owl-prev .arrow, 20917.featured_carousel .owl-nav div.owl-next .arrow { 20918 display: none; 20919} 20920.featured_carousel .owl-nav div.owl-prev.disabled, 20921.featured_carousel .owl-nav div.owl-next.disabled { 20922 opacity: 1; 20923} 20924.featured_carousel .owl-nav div.owl-prev.disabled .arrow:before, 20925.featured_carousel .owl-nav div.owl-next.disabled .arrow:before { 20926 opacity: 0.25; 20927} 20928.featured_carousel .owl-nav .owl-prev { 20929 left: 0; 20930} 20931.featured_carousel .owl-nav .owl-prev .arrow:before { 20932 content: '\f053'; 20933} 20934.featured_carousel .owl-nav .owl-next { 20935 display: none; 20936 right: -1px; 20937} 20938.featured_carousel .owl-nav .owl-next .arrow:before { 20939 content: '\f054'; 20940} 20941.carousel_picture { 20942 width: 100%; 20943 max-width: 828px; 20944 min-height: 150px; 20945 position: relative; 20946 *zoom: 1; 20947} 20948.carousel_picture:before, 20949.carousel_picture:after {
20950 content: " "; 20951 display: table; 20952 line-height: 0; 20953} 20954.carousel_picture:after { 20955 clear: both; 20956} 20957.carousel_picture:before { 20958 width: 0; 20959} 20960.carousel_picture .carousel_picture_image { 20961 width: 100%; 20962 height: auto; 20963} 20964.carousel_picture .carousel_picture_text h1, 20965.carousel_picture .carousel_picture_text h2, 20966.carousel_picture .carousel_picture_text h3, 20967.carousel_picture .carousel_picture_text h4, 20968.carousel_picture .carousel_picture_text h5 .carousel_picture .carousel_picture_text h6 { 20969 margin-bottom: 0; 20970} 20971@media only screen and (min-width: 640px) { 20972 .carousel_picture .carousel_picture_text { 20973 padding-left: 30px; 20974 } 20975} 20976.carousel_picture .carousel_picture_text .copy { 20977 margin-top: 15px; 20978} 20979.collapse_first { 20980 background-color: #8C64AA; 20981 margin-bottom: 18px; 20982} 20983.collapse_first .article .headline { 20984 font-family: "Avenir LT W02 85 Heavy"; 20985 font-size: 32px; 20986 margin-top: 37px; 20987} 20988.collapse_first .article p { 20989 color: #ffffff; 20990 font-family: "Barlow", sans-serif !important; 20991} 20992.collapse_first .article p::after { 20993 content: "Expand"; 20994 margin-left: 177px; 20995 font-family: "Barlow", sans-serif; 20996 font-size: 18px; 20997 background-image: url("/layouts/images/faq-arrow.png"); 20998 background-repeat: no-repeat; 20999 background-position: 95px; 21000 padding-right: 65px; 21001} 21002.collapse_first .article.expanded p::after { 21003 content: "Collapse"; 21004 margin-left: 177px; 21005 font-family: "Barlow", sans-serif; 21006 font-size: 18px; 21007 background-image: url("/layouts/images/faq-arrow-up.png"); 21008 background-repeat: no-repeat; 21009 background-position: 95px; 21010 padding-right: 65px; 21011 transform: rotate(180deg); 21012} 21013@media only screen and (max-width: 768px) { 21014 .collapse_first .article { 21015 font-size: 25px; 21016 background-image: url("/layouts/images/faq-arrow.png"); 21017 background-repeat: no-repeat; 21018 background-position: 50% 40px; 21019 padding-bottom: 35px; 21020 margin-bottom: 0px; 21021 } 21022 .collapse_first .article p::after { 21023 display: none; 21024 } 21025 .collapse_first .article.expanded p::after { 21026 display: none; 21027 } 21028 .collapse_first .article .headline { 21029 margin-top: 20px; 21030 } 21031 .collapse_first .article.expanded { 21032 background-image: url("/layouts/images/faq-arrow-up.png"); 21033 } 21034} 21035@media only screen and (max-width: 768px) { 21036 .collapse_first .article .headline p { 21037 font-size: 24px; 21038 text-align: center; 21039 } 21040} 21041.posts_list_wrapper .image { 21042 margin-left: auto; 21043 margin-right: auto; 21044} 21045.conversion_popup_modal .uk-modal-dialog { 21046 background-color: #fff; 21047 /*padding: 14px;*/ 21048} 21049.conversion_popup_edit { 21050 max-width: 828px; 21051 margin-left: auto; 21052 margin-right: auto; 21053} 21054.conversion_popup_content .article, 21055.conversion_popup_content .el-form-wrapper, 21056.conversion_popup_content .form_title, 21057.conversion_popup_content .backtotop, 21058.conversion_popup_content .card_wrapper, 21059.conversion_popup_content .spn_group_wrapper, 21060.conversion_popup_content .youtube_video h2, 21061.conversion_popup_content .youtube_video h1 { 21062 padding-left: 14px; 21063 padding-right: 14px; 21064} 21065.conversion_popup_content .content_item_first .cta { 21066 padding-top: 28px; 21067} 21068.conversion_popup_content .content_item_first .inline_media_wrapper { 21069 margin-bottom: 14px; 21070} 21071#all_top_fake { 21072 display: none; 21073 height: 130px; 21074} 21075@media only screen and (max-width: 960px) { 21076 #all_top_fake { 21077 height: 60px; 21078 } 21079} 21080header { 21081 position: relative; 21082 background: none; 21083 width: 100%; 21084 transition: 0.25s box-shadow; 21085 margin-bottom: -123px; 21086 z-index: 100; 21087} 21088@media only screen and (max-width: 1250px) { 21089 header.fixed { 21090 top: 0!important; 21091 margin-bottom: -164px; 21092 } 21093} 21094header .color_bar { 21095 display: inline-block; 21096 width: 100%; 21097} 21098@media only screen and (max-width: 1250px) { 21099 header .color_bar { 21100 display: none; 21101 } 21102} 21103header .color_bar .top { 21104 position: relative; 21105 max-width: 1160px; 21106 margin: 0 auto; 21107 padding: 57px 20px 0; 21108 font-size: 11px; 21109 line-height: 1; 21110} 21111header .color_bar .top .header-logo-desk { 21112 max-width: 195px; 21113 float: left; 21114 overflow: hidden; 21115} 21116header .color_bar .top .header-logo-desk img { 21117 float: left; 21118 width: 100%; 21119 height: auto; 21120 border-radius: 0; 21121} 21122header .color_bar .top .header-logo-desk img.desktop-logo { 21123 max-width: 214px; 21124} 21125header .color_bar .top .header-logo-desk img.mobile-logo { 21126 max-width: 111px; 21127 margin-top: 10px; 21128} 21129header .color_bar .top .header-main-nav { 21130 width: 33%; 21131 float: left; 21132 margin-top: 10px; 21133} 21134header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item a.main { 21135 font-weight: 500; 21136 text-transform: uppercase; 21137 font-size: 22px; 21138 margin-right: 28px; 21139 letter-spacing: 0.2px; 21140} 21141header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item a.main:hover {
21142 color: #ffffff; 21143} 21144header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item:first-child a.main { 21145 margin-left: 10px; 21146} 21147header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item:last-child a.main { 21148 margin-right: 0; 21149} 21150header .color_bar .top .header-main-nav .inline_menu .dropdown_item.nav_item.base-current a.main { 21151 border-bottom: 2px solid #ffffff; 21152 padding-bottom: 5px; 21153} 21154header .color_bar .top .header-secondary-nav { 21155 float: right; 21156 margin-top: 6px; 21157} 21158.safari header .color_bar .top .header-secondary-nav { 21159 margin-top: 10px; 21160} 21161header .color_bar .top .top_nav { 21162 line-height: 22px; 21163 text-align: right; 21164 float: right; 21165} 21166header .color_bar .top .top_nav .inline_menu, 21167header .color_bar .top .top_nav #extras { 21168 display: inline-block; 21169} 21170header .color_bar .top .top_nav a { 21171 font-size: 18px; 21172 font-style: normal; 21173 font-weight: normal; 21174 display: inline-block; 21175 margin-right: 16px; 21176 color: #ffffff; 21177} 21178header .color_bar .top .top_nav a:hover { 21179 color: #0ecdd7; 21180} 21181header .color_bar .top .top_nav .dropdown_item:last-child a { 21182 margin-right: 0; 21183} 21184header .color_bar .top .top_nav span.sep { 21185 display: none; 21186 padding: 0; 21187 word-wrap: break-word; 21188 color: transparent; 21189} 21190header .color_bar .top .top_nav .social { 21191 float: right; 21192 margin-left: 15px; 21193 margin-top: -1px; 21194} 21195header .color_bar .top .top_nav .social a { 21196 color: #006D8E; 21197 font-size: 21px; 21198 margin-right: 3px; 21199} 21200header .color_bar .top .top_nav .social a:hover { 21201 color: #000000; 21202 text-decoration: none; 21203} 21204header .color_bar .top .top_nav .social a:last-of-type { 21205 margin-right: 0; 21206} 21207header .color_bar .top nav a.main { 21208 color: rgba(255, 255, 255, 0.7); 21209} 21210header.scrolled { 21211 position: fixed; 21212 top: -50px; 21213 height: 110px; 21214 background-color: rgba(0, 0, 0, 0.85); 21215} 21216header.scrolled .mobile-top { 21217 position: fixed; 21218 width: 100%; 21219} 21220header.scrolled .all_top, 21221header.scrolled .all_top_inner { 21222 height: 66px; 21223 position: absolute; 21224 top: 39px; 21225 right: 0; 21226 bottom: 0; 21227 left: 0; 21228} 21229header.scrolled .all_top { 21230 background-position: 50% 54px; 21231} 21232header.scrolled .all_top .brand_logo { 21233 position: absolute; 21234} 21235header.scrolled .color_bar .top nav .inline_menu .dropdown_item.nav_item a.main { 21236 font-size: 20px; 21237 line-height: 24px; 21238 letter-spacing: 0.18px; 21239} 21240header.scrolled .color_bar .top nav .inline_menu .dropdown_item.nav_item:first-child a.main { 21241 margin-left: 25px; 21242} 21243.all_top { 21244 position: relative; 21245 margin: 0 auto 10px; 21246 color: #ffffff; 21247 font-family: "Barlow", sans-serif; 21248 font-size: 11px; 21249 height: 60px; 21250 line-height: 1; 21251 background-size: auto 9px; 21252} 21253.all_top .all_top_inner { 21254 position: relative; 21255 max-width: 1000px; 21256 margin: 0 auto; 21257 padding: 0 20px; 21258 color: #ffffff; 21259 font-family: "Barlow", sans-serif; 21260 font-size: 11px; 21261 height: 100px; 21262 line-height: 1; 21263} 21264.all_top .brand_logo { 21265 width: 195px; 21266 height: 60px; 21267 float: left; 21268} 21269.scrolled .all_top .brand_logo { 21270 width: 85px; 21271 height: 17px; 21272} 21273.all_top .main_nav { 21274 float: right; 21275 font-family: "Barlow", sans-serif; 21276 font-size: 20px; 21277 font-style: normal; 21278 font-weight: medium; 21279 line-height: 27px; 21280 width: auto; 21281 transition-timing-function: ease-in; 21282 transition: 0.4s; 21283} 21284.all_top .main_nav .inline_menu { 21285 padding-top: 25px; 21286} 21287.scrolled .all_top .main_nav .inline_menu { 21288 padding-top: 0; 21289 margin-top: -8px; 21290} 21291.all_top .main_nav .inline_menu .nav_item { 21292 color: #ffffff; 21293 padding: 13px 26px; 21294 border-right: 2px solid #adc3f1; 21295} 21296.all_top .main_nav .inline_menu .nav_item.base_current { 21297 border-bottom: 2px solid #ffffff; 21298 padding-bottom: 5px; 21299} 21300.all_top .main_nav .inline_menu .nav_item:hover {
21301 color: #006D8E; 21302} 21303.all_top .main_nav .inline_menu .nav_item:last-child { 21304 margin-right: 0; 21305 padding-right: 0; 21306} 21307.all_top .main_nav .inline_menu .nav_item.hide { 21308 display: none; 21309} 21310.scrolled .all_top .main_nav .inline_menu .nav_item { 21311 border-right: none; 21312 padding-left: 20px; 21313 padding-right: 20px; 21314} 21315.scrolled .all_top .main_nav .inline_menu .nav_item.hide { 21316 display: inline-table; 21317} 21318.scrolled .all_top .main_nav .inline_menu .nav_item.hide .dropdown_menu { 21319 left: 20px; 21320} 21321.all_top .main_nav.left { 21322 left: 0; 21323 width: 37.5%; 21324 text-align: right; 21325} 21326.all_top .main_nav.left .inline_menu .nav_item:last-child { 21327 margin-right: 8px; 21328} 21329.all_top .main_nav .inline_menu .nav_item:first-child { 21330 padding-left: 0; 21331} 21332.all_top .main_nav .inline_menu .nav_item:nth-child(2) { 21333 border-right: none; 21334 padding-left: 0; 21335 margin-left: 26px; 21336} 21337/* ============================= 21338 FOOTER 21339 ============================= */ 21340footer { 21341 *zoom: 1; 21342 background-color: #000000; 21343 width: 100%; 21344 color: #ffffff; 21345 line-height: 30px; 21346 margin: 0 auto; 21347 z-index: 98; 21348 position: relative; 21349} 21350@media only screen and (max-width: 639px) { 21351 footer { 21352 text-align: center; 21353 } 21354} 21355footer:before, 21356footer:after { 21357 content: " "; 21358 display: table; 21359 line-height: 0; 21360} 21361footer:after { 21362 clear: both; 21363} 21364footer a { 21365 color: #ffffff; 21366} 21367footer a:hover { 21368 color: #0ecdd7; 21369} 21370footer .container { 21371 *zoom: 1; 21372 max-width: 1000px; 21373 clear: both; 21374 padding: 35px 0 24px; 21375} 21376@media only screen and (max-width: 1000px) { 21377 footer .container { 21378 margin: 0 auto; 21379 padding: 47px 20px 24px; 21380 } 21381} 21382footer .container:before, 21383footer .container:after { 21384 content: " "; 21385 display: table; 21386 line-height: 0; 21387} 21388footer .container:after { 21389 clear: both; 21390} 21391@media only screen and (min-width: 640px) { 21392 footer .container .logo_share { 21393 order: 1; 21394 } 21395} 21396@media only screen and (min-width: 760px) and (max-width: 999px) { 21397 footer .container .logo_share { 21398 width: 30%; 21399 } 21400} 21401@media only screen and (min-width: 1000px) { 21402 footer .container .logo_share { 21403 width: 25%; 21404 } 21405} 21406footer .container .footer-social { 21407 margin-bottom: 0; 21408 display: inline-block; 21409} 21410@media only screen and (min-width: 640px) { 21411 footer .container .footer-social { 21412 order: 3; 21413 } 21414} 21415footer .container .footer-social p { 21416 display: inline-block; 21417 margin: 0; 21418 line-height: 16px; 21419} 21420@media only screen and (min-width: 640px) and (max-width: 960px) { 21421 footer .container .footer-social .social_icons { 21422 text-align: left; 21423 } 21424} 21425@media only screen and (min-width: 961px) { 21426 footer .container .footer-social .social_icons { 21427 text-align: right; 21428 margin-top: -10px; 21429 } 21430} 21431@media (max-width: 639px) { 21432 footer .container .footer-social .conveythis_widget { 21433 margin-top: 15px; 21434 text-align: left; 21435 } 21436 footer .container .footer-social .conveythis_widget .conveythis_widget-target { 21437 margin-left: auto; 21438 margin-right: auto; 21439 width: 172px; 21440 } 21441} 21442@media only screen and (min-width: 640px) and (max-width: 960px) { 21443 footer .container .footer-social .conveythis_widget { 21444 margin-top: 10px; 21445 text-align: left; 21446 } 21447} 21448@media only screen and (min-width: 961px) { 21449 footer .container .footer-social .conveythis_widget { 21450 margin-top: 15px; 21451 margin-left: 17px; 21452 text-align: left; 21453 } 21454} 21455footer .container nav { 21456 font-size: 16px; 21457} 21458@media only screen and (min-width: 640px) and (max-width: 999px) { 21459 footer .container nav { 21460 font-size: 13px; 21461 } 21462} 21463footer .container nav a { 21464 display: inline-block; 21465 margin-left: 15px; 21466} 21467@media only screen and (max-width: 639px) { 21468 footer .container nav a { 21469 display: block; 21470 margin-left: 0; 21471 margin-bottom: 5px; 21472 } 21473} 21474@media only screen and (min-width: 640px) and (max-width: 999px) { 21475 footer .container nav a { 21476 margin-left: 12px; 21477 } 21478} 21479footer .container nav a:first-child { 21480 margin-left: 0; 21481} 21482footer .container .info { 21483 margin: 30px 0; 21484} 21485@media only screen and (min-width: 640px) { 21486 footer .container .info { 21487 order: 2; 21488 margin: 0; 21489 } 21490} 21491@media only screen and (min-width: 1000px) { 21492 footer .container .info { 21493 padding-left: 0; 21494 } 21495} 21496footer .container .info .contact_info { 21497 display: block; 21498 margin-top: -5px; 21499 float: left; 21500 margin-right: 10px; 21501} 21502@media only screen and (max-width: 639px) { 21503 footer .container .info .contact_info { 21504 display: none; 21505 } 21506} 21507footer .container .info .contact_info .footer-information-div { 21508 font-size: 11px; 21509} 21510footer .container .info .contact_info .footer-information-div .sep { 21511 display: none; 21512} 21513footer .container .info .byline { 21514 font-size: 11px; 21515 color: rgba(255, 255, 255, 0.4); 21516 margin-top: -2px; 21517} 21518@media only screen and (max-width: 639px) { 21519 footer .container .info .byline { 21520 display: none; 21521 } 21522} 21523footer .container .info .byline a { 21524 color: rgba(255, 255, 255, 0.4); 21525} 21526footer .container .info .byline a:hover {
21527 color: #0ecdd7; 21528} 21529footer .container .mobile_only { 21530 display: none; 21531} 21532footer .container .mobile_only .contact_info { 21533 display: block; 21534} 21535footer .container .mobile_only .contact_info .footer-information-div { 21536 font-size: 13px; 21537} 21538footer .container .mobile_only .contact_info .footer-information-div .sep { 21539 display: none; 21540} 21541footer .container .mobile_only .byline { 21542 font-size: 13px; 21543 color: rgba(255, 255, 255, 0.4); 21544 margin-top: -8px; 21545} 21546footer .container .mobile_only .byline a { 21547 color: rgba(255, 255, 255, 0.4); 21548} 21549footer .container .mobile_only .byline a:hover { 21550 color: #0ecdd7; 21551} 21552@media only screen and (max-width: 639px) { 21553 footer .container .mobile_only { 21554 display: block; 21555 margin: 0 auto; 21556 } 21557} 21558#homepage { 21559 background: inherit inherit inherit; 21560 background-size: cover; 21561 min-height: 353px; 21562 margin: 53px 0px; 21563} 21564.homepage { 21565 display: block; 21566 margin-left: auto; 21567 margin-right: auto; 21568 *zoom: 1; 21569 background: inherit 0 0; 21570 position: relative; 21571 width: 1000px; 21572} 21573.homepage:before, 21574.homepage:after { 21575 content: " "; 21576 display: table; 21577 line-height: 0; 21578} 21579.homepage:after { 21580 clear: both; 21581} 21582.featured_wrapper { 21583 display: block; 21584 margin-left: auto; 21585 margin-right: auto; 21586 width: 1000px; 21587} 21588.uk-width-small-1-3 { 21589 margin-left: 0px; 21590 margin-right: 0px; 21591} 21592.uk-width-small-1-3:first-of-type { 21593 margin-left: auto; 21594} 21595.uk-width-small-1-3:last-of-type { 21596 margin-right: auto; 21597} 21598.slide_wrapper { 21599 width: 100%; 21600} 21601.tweets_wrapper { 21602 width: auto; 21603 max-width: 1000px; 21604 margin: 0 auto; 21605 padding: 0 20px; 21606} 21607.tweets_wrapper .tweets { 21608 font-size: 18px; 21609 overflow: hidden; 21610 padding: 45px 0 20px; 21611 position: relative; 21612} 21613.tweets_wrapper .tweets::before { 21614 box-shadow: 0 0 24px #afb0b1; 21615 content: ''; 21616 display: block; 21617 height: 24px; 21618 max-width: 1080px; 21619 position: absolute; 21620 right: 5%; 21621 top: -24px; 21622 width: 92%; 21623} 21624.tweets_wrapper .tweets::before .tweet { 21625 font-size: 18px; 21626} 21627@media only screen and (max-width: 1000px) { 21628 .responsive .homepage { 21629 margin-left: auto; 21630 margin-right: auto; 21631 max-width: 1000px; 21632 } 21633 .responsive .homepage .featured_wrapper { 21634 padding-left: 24px; 21635 padding-right: 24px; 21636 width: auto; 21637 } 21638 .responsive .tweets_wrapper { 21639 height: auto; 21640 margin: 0; 21641 } 21642} 21643#common_edit { 21644 left: 0; 21645 position: absolute; 21646 z-index: 20; 21647} 21648#logo_b_edit { 21649 position: absolute; 21650 left: 150px; 21651} 21652#format_top_edit { 21653 bottom: 0; 21654 left: 115px; 21655 position: absolute; 21656 z-index: 20; 21657} 21658#format_home_edit { 21659 bottom: 0; 21660 left: 212px; 21661 position: absolute; 21662 z-index: 20; 21663} 21664#mobile_menu_edit { 21665 bottom: 0; 21666 left: 320px; 21667 position: absolute; 21668 z-index: 20; 21669} 21670#format_bottom_edit { 21671 bottom: 10px; 21672 left: 0; 21673 position: absolute; 21674 z-index: 20; 21675} 21676#external_resources_edit { 21677 bottom: 10px; 21678 left: 130px; 21679 position: absolute; 21680 z-index: 20; 21681} 21682.landingpage .local-talent-logo img.desktop-logo { 21683 max-width: 195px !important; 21684} 21685.landingpage .header-main-nav { 21686 width: 500px !important; 21687 float: right !important; 21688} 21689.landingpage .header-cta-button { 21690 background-color: #076ce9; 21691 color: #fff !important; 21692 text-transform: uppercase; 21693 padding-top: 5px; 21694 padding-bottom: 9px; 21695 padding-left: 21px; 21696 padding-right: 21px; 21697 border-radius: 4px; 21698 font-weight: 600 !important; 21699 margin-top: -4px; 21700} 21701.landingpage .header-cta-button:before { 21702 content: "\f10b"; 21703 font-family: 'FontAwesome'; 21704 font-size: 24px; 21705 font-weight: normal; 21706 color: #fff; 21707 margin-right: 5px; 21708 position: relative; 21709 top: 3px; 21710} 21711.landingpage .header-cta-button:hover { 21712 background-color: #2f8af9; 21713} 21714.landingpage .mobile_menu { 21715 text-align: center; 21716} 21717.landingpage .mobile_menu .nav_item.btn { 21718 width: auto; 21719 display: inline-block; 21720 text-align: center; 21721} 21722.landingpage .mobile_menu .nav_item.btn a { 21723 width: auto; 21724} 21725.landingpage .share_icons .share_icons_icons a:hover { 21726 color: #2f8af9; 21727} 21728.landingpage .slide_wrapper { 21729 margin-bottom: 107px; 21730} 21731@media only screen and (min-width: 751px) and (max-width: 1000px) { 21732 .landingpage .slide_wrapper { 21733 margin-bottom: 160px; 21734 } 21735} 21736@media only screen and (min-width: 340px) and (max-width: 400px) { 21737 .landingpage .slide_wrapper { 21738 margin-bottom: 160px; 21739 } 21740} 21741@media only screen and (min-width: 320px) and (max-width: 340px) { 21742 .landingpage .slide_wrapper { 21743 margin-bottom: 220px; 21744 } 21745} 21746.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content { 21747 top: 55% !important; 21748} 21749@media only screen and (min-width: 320px) and (max-width: 374px) { 21750 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .wrapper { 21751 padding-left: 0; 21752 padding-right: 0; 21753 } 21754} 21755.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21756 margin-bottom: 10px; 21757} 21758.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21759 font-size: 220px; 21760 line-height: 0.6; 21761} 21762@media only screen and (max-width: 1800px) { 21763 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21764 font-size: 30px; 21765 } 21766 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21767 font-size: 140px; 21768 } 21769} 21770@media only screen and (max-width: 1400px) { 21771 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21772 margin-bottom: 10px; 21773 font-size: 26px; 21774 } 21775 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21776 font-size: 120px; 21777 line-height: 0.3; 21778 } 21779} 21780@media only screen and (max-width: 1200px) { 21781 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21782 margin-bottom: 0px; 21783 /*font-size: 26px;*/ 21784 } 21785 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21786 font-size: 100px; 21787 /*line-height: .3;*/ 21788 } 21789} 21790@media only screen and (min-width: 751px) and (max-width: 1000px) { 21791 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21792 margin-bottom: 20px; 21793 } 21794 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21795 font-size: 100px; 21796 } 21797} 21798@media only screen and (max-width: 767px) { 21799 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21800 /*margin-bottom: 30px;*/ 21801 } 21802 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21803 /*font-size: 110px;*/ 21804 } 21805} 21806@media only screen and (max-width: 699px) { 21807 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21808 margin-bottom: 25px; 21809 } 21810 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21811 font-size: 95px; 21812 line-height: 0.7; 21813 } 21814} 21815@media only screen and (max-width: 599px) { 21816 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21817 margin-bottom: 20px; 21818 } 21819 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21820 font-size: 90px; 21821 } 21822} 21823@media only screen and (max-width: 424px) { 21824 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21825 margin-bottom: 25px; 21826 } 21827 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21828 font-size: 70px; 21829 } 21830} 21831@media only screen and (max-width: 374px) { 21832 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline { 21833 margin-bottom: 20px; 21834 } 21835 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .headline .brush { 21836 font-size: 65px; 21837 } 21838} 21839.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21840 /*@media only screen and (min-width: 320px) and (max-width: 400px) { 21841 max-width: none; 21842 position: absolute; 21843 top: 120%; 21844 left: 0; 21845 right: 0; 21846 21847 padding: 50px; 21848 padding-top: 14px; 21849 padding-bottom: 14px; 21850 21851 background-color: @local_blue; 21852 }*/ 21853} 21854@media only screen and (max-width: 1800px) { 21855 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21856 margin-bottom: 20px; 21857 } 21858} 21859@media only screen and (max-width: 1200px) { 21860 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21861 margin-top: 0; 21862 } 21863} 21864@media only screen and (min-width: 751px) and (max-width: 1000px) { 21865 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21866 /*height: 0;*/ 21867 max-width: none; 21868 position: absolute; 21869 top: 120%; 21870 left: 0; 21871 right: 0; 21872 padding: 50px; 21873 padding-top: 14px; 21874 padding-bottom: 14px; 21875 background-color: #076ce9; 21876 } 21877} 21878@media only screen and (min-width: 320px) and (max-width: 400px) { 21879 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .copy { 21880 padding: 0; 21881 } 21882} 21883.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21884 background-color: #fff !important; 21885 color: #076ce9 !important; 21886 margin-bottom: 0; 21887} 21888.landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn:hover { 21889 background-color: #dddddd !important; 21890} 21891@media only screen and (min-width: 375px) and (max-width: 400px) { 21892 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21893 /*margin-left: auto;*/ 21894 /*margin-right: auto;*/ 21895 padding-left: 20px; 21896 padding-right: 20px; 21897 } 21898} 21899@media only screen and (min-width: 320px) and (max-width: 374px) { 21900 .landingpage .slide_wrapper #slides .slides .slides_item .content_wrapper .content .btn { 21901 padding-left: 12px; 21902 padding-right: 12px; 21903 font-size: 16px; 21904 } 21905} 21906@media only screen and (min-width: 320px) and (max-width: 400px) { 21907 .landingpage .slide_wrapper #slides .slides_nav_wrapper { 21908 display: none; 21909 } 21910} 21911.landingpage .explore_wrapper .title { 21912 font-size: 24px !important; 21913 line-height: 40px !important; 21914} 21915.landingpage .explore_wrapper .title .brush { 21916 font-family: "Barlow", sans-serif !important; 21917 font-size: 40px !important; 21918 line-height: 40px !important; 21919 font-weight: 600 !important; 21920 text-transform: uppercase !important; 21921 display: block; 21922 margin-top: -6px; 21923 margin-bottom: 25px; 21924 letter-spacing: 0; 21925} 21926.landingpage .explore_wrapper .info_wrapper { 21927 background-color: rgba(7, 108, 233, 0.7) !important; 21928} 21929.landingpage .explore_wrapper .explore_full { 21930 margin-bottom: 0 !important; 21931 padding-bottom: 0 !important; 21932} 21933.landingpage .explore_wrapper .explore_full .explore_feature { 21934 margin-bottom: 94px !important; 21935} 21936.landingpage .interior_content { 21937 margin-bottom: 32px; 21938} 21939.landingpage .content_wrapper .interior_content { 21940 margin-bottom: 0; 21941} 21942.landingpage .el_content_item[data-resource="new_cards"] h2 { 21943 max-width: 828px; 21944 margin-left: auto; 21945 margin-right: auto; 21946 text-align: center; 21947 font-size: 40px; 21948 margin-bottom: 32px !important; 21949} 21950.landingpage .el_content_item[data-resource="new_cards"] .content h2 { 21951 font-size: 26px; 21952 text-align: left; 21953 margin-bottom: 15px !important; 21954} 21955.landingpage .el_content_item[data-resource="new_cards"] .content .inline_link:hover {
21956 color: #2f8af9; 21957} 21958.landingpage .el_content_item[data-resource="new_cards"] .content .inline_link .fa { 21959 color: #076ce9; 21960} 21961.landingpage .el_content_item[data-resource="new_cards"] .content.btn { 21962 color: #fff !important; 21963} 21964.landingpage .el_content_item[data-resource="new_cards"] .content.btn:hover { 21965 color: #fff; 21966} 21967.landingpage .article a { 21968 color: #076ce9 !important; 21969} 21970.landingpage .article a:hover { 21971 color: #2f8af9 !important; 21972} 21973.landingpage .article a.btn { 21974 color: #fff !important; 21975} 21976.landingpage .article a.btn:hover { 21977 color: #fff; 21978} 21979.landingpage .btn { 21980 color: #fff !important; 21981 background-color: #076ce9 !important; 21982} 21983.landingpage .btn:hover { 21984 background-color: #2f8af9 !important; 21985} 21986.landingpage .link_button_wrapper { 21987 text-align: left; 21988} 21989.landingpage .link_button_wrapper a.btn { 21990 color: #fff !important; 21991} 21992.landingpage .link_button_wrapper a.btn:hover { 21993 color: #fff; 21994} 21995.landingpage .testimonial-quote { 21996 margin-top: 20px; 21997 margin-bottom: 60px; 21998} 21999.landingpage .testimonial-quote .quote { 22000 color: #076ce9; 22001} 22002footer.landingpage { 22003 min-height: 22px; 22004 line-height: 1.2; 22005 padding-top: 18px; 22006 padding-bottom: 16px; 22007 padding-left: 35px; 22008 padding-right: 35px; 22009 width: auto; 22010} 22011footer.landingpage .contact_info { 22012 display: inline-block; 22013} 22014footer.landingpage a { 22015 color: #2f8af9; 22016} 22017footer.landingpage .conveythis_widget_wrapper { 22018 display: inline; 22019 margin-left: 20px; 22020} 22021footer.landingpage .conveythis_widget { 22022 margin: 0; 22023 display: inline-block; 22024} 22025footer.landingpage .conveythis_widget .conveythis_widget-target { 22026 margin: 0; 22027} 22028@media (max-width: 1024px) { 22029 footer.landingpage .conveythis_widget_wrapper { 22030 display: block; 22031 padding-top: 15px; 22032 margin-left: 0; 22033 } 22034} 22035@media (max-width: 800px) { 22036 footer.landingpage .learn-more { 22037 display: block; 22038 padding-top: 7px; 22039 } 22040} 22041@media (max-width: 480px) { 22042 footer.landingpage { 22043 padding-left: 20px; 22044 padding-right: 20px; 22045 } 22046 footer.landingpage .sep { 22047 display: none; 22048 } 22049 footer.landingpage .privacy-policy { 22050 display: block; 22051 } 22052} 22053.landingpage.main_homepage .article { 22054 margin-bottom: 30px; 22055} 22056@media only screen and (max-width: 1000px) { 22057 .landingpage.main_homepage .article { 22058 margin-bottom: 30px; 22059 } 22060} 22061.local-talent .uk-modal { 22062 background-color: #2f8af9; 22063} 22064/*@import "@{import_root}layouts/foundation/interior_two/interior_layout.less";*/ 22065/*@import "@{import_root}layouts/foundation/interior_three/interior_layout.less";*/ 22066#interior { 22067 margin-top: 0px; 22068} 22069@media only screen and (max-width: 1000px) { 22070 #interior { 22071 margin-top: 20px; 22072 margin-bottom: 20px; 22073 } 22074} 22075#interior .accessories { 22076 *zoom: 1; 22077 position: relative; 22078 max-width: 1000px; 22079 margin: 17px auto 0; 22080} 22081#interior .accessories:before, 22082#interior .accessories:after { 22083 content: " "; 22084 display: table; 22085 line-height: 0; 22086} 22087#interior .accessories:after { 22088 clear: both; 22089} 22090@media only screen and (max-width: 1000px) { 22091 #interior .accessories { 22092 margin: 12px 20px; 22093 } 22094} 22095.interior { 22096 *zoom: 1; 22097 background: #fff 0 0; 22098 margin: 0 auto; 22099} 22100.interior:before, 22101.interior:after { 22102 content: " "; 22103 display: table; 22104 line-height: 0; 22105} 22106.interior:after { 22107 clear: both; 22108} 22109@media only screen and (min-width: 1000px) { 22110 .interior { 22111 padding-bottom: 0; 22112 margin-top: 60px; 22113 } 22114} 22115.interior .interior_inner .header { 22116 margin-bottom: 0; 22117} 22118.interior .interior_mid { 22119 *zoom: 1; 22120 float: left; 22121 min-height: 1px; 22122 position: relative; 22123 width: 100%; 22124} 22125.interior .interior_mid:before, 22126.interior .interior_mid:after { 22127 content: " "; 22128 display: table; 22129 line-height: 0; 22130} 22131.interior .interior_mid:after { 22132 clear: both; 22133} 22134.interior .interior_mid .interior_content { 22135 width: 100%; 22136} 22137.interior .interior_right { 22138 -webkit-box-sizing: border-box; 22139 -moz-box-sizing: border-box; 22140 box-sizing: border-box; 22141 float: left; 22142 min-height: 1px; 22143 position: relative; 22144 width: 0; 22145} 22146.interior .interior_right .section { 22147 color: #747b80; 22148 font-family: Tahoma, Verdana, Segoe, sans-serif; 22149 font-size: 16px; 22150 line-height: 1; 22151 margin: 0; 22152} 22153.interior .interior_right .sidebar { 22154 margin-top: 0; 22155} 22156.interior .interior_right .sidebar_bordered > div { 22157 margin-bottom: 15px; 22158} 22159.interior .interior_right .sidebar_bordered > div.bordered { 22160 border-top: 1px solid #005d7b; 22161 padding-top: 15px; 22162} 22163.interior .interior_right .featured_link { 22164 /*margin-bottom: @sidebar_feature_margin_bottom;*/ 22165 height: auto; 22166 width: 0; 22167} 22168.edit .interior .interior_inner { 22169 margin: 0 auto; 22170 max-width: 1000px; 22171 padding-left: 40px; 22172 padding-right: 40px; 22173} 22174@media only screen and (max-width: 640px) { 22175 .edit .interior .interior_inner { 22176 padding-left: 20px; 22177 padding-right: 20px; 22178 } 22179} 22180@media only screen and (max-width: 1000px) { 22181 .responsive .interior { 22182 margin-left: auto; 22183 margin-right: auto; 22184 max-width: 1000px; 22185 width: 100%; 22186 } 22187 .responsive .interior .interior_inner { 22188 width: auto; 22189 } 22190 .responsive .interior .interior_mid { 22191 float: none; 22192 margin: 0 auto 0 auto; 22193 width: 99%; 22194 } 22195 .responsive .interior .interior_mid .interior_content { 22196 width: 100%; 22197 } 22198 .responsive .interior .interior_right { 22199 float: none; 22200 padding-bottom: 35px; 22201 text-align: center; 22202 width: 100%; 22203 } 22204 .responsive .interior .interior_right .section { 22205 display: none !important; 22206 visibility: hidden; 22207 } 22208 .responsive .interior .interior_right .side_nav { 22209 display: none !important; 22210 visibility: hidden; 22211 } 22212 .responsive .interior .interior_right .featured_link { 22213 width: 100%; 22214 } 22215 .responsive .interior .interior_right .featured_link.bordered { 22216 border-bottom: none; 22217 } 22218} 22219#format_copy_edit { 22220 left: 0; 22221 position: absolute; 22222 top: -20px; 22223} 22224#format_interior_edit { 22225 left: 0; 22226 position: absolute; 22227 top: 5px; 22228} 22229.photo_heading_wrapper { 22230 position: relative; 22231} 22232/* based on interior_three, no need to repeat those styles */ 22233.interior.calendar_header { 22234 padding-bottom: 0; 22235} 22236.interior.calendar .interior_right { 22237 padding-top: 0; 22238} 22239#el_sample .footer { 22240 color: #4a4a4a; 22241 font-size: 18px; 22242 padding-top: 10px; 22243 text-align: center; 22244} 22245#el_sample .footer a { 22246 color: #f45656; 22247} 22248#ui_email_form.email { 22249 color: #4a4a4a; 22250 font-family: "Barlow", sans-serif; 22251 font-size: 18px; 22252} 22253form.vertical label { 22254 display: block; 22255 margin-bottom: 4px; 22256} 22257.email .text_field { 22258 width: 99%; 22259 display: inline-block; 22260 margin-bottom: 10px; 22261 /*border: 1px solid lighten(@copy_color, 15);*/ 22262 border: 1px solid #ccc; 22263 border-top-right-radius: 4px; 22264 border-top-left-radius: 4px; 22265 border-bottom-right-radius: 4px; 22266 border-bottom-left-radius: 4px; 22267 padding: 5px 0; 22268 text-indent: 5px; 22269 color: #4a4a4a; 22270 -moz-box-shadow: inset 0px 0px 6px #ccc; 22271 -webkit-box-shadow: inset 0px 1px 6px #ccc; 22272 box-shadow: inset 0px 1px 6px #ccc; 22273} 22274.email .text_field.error {
22275 /*background: @link_color;*/ 22276 border: 1px solid #f45656; 22277} 22278.email .text_field:focus { 22279 -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22280 -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22281 -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22282 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22283 border: 1px solid #1BD9A6; 22284 outline: none; 22285 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 22286 -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; 22287 -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; 22288 -o-transition: -o-box-shadow 0.5s, border 0.5s, background 0.5s; 22289} 22290.email .button { 22291 float: right; 22292 cursor: pointer; 22293 background-color: #f45656; 22294 color: #ffffff; 22295 font-family: "Barlow", sans-serif; 22296 font-size: 18px; 22297 line-height: 1.3; 22298 text-transform: uppercase; 22299 padding-top: 14px; 22300 padding-right: 32px; 22301 padding-bottom: 14px; 22302 padding-left: 32px; 22303 border-width: 0; 22304 border-top-right-radius: 4px; 22305 border-top-left-radius: 4px; 22306 border-bottom-right-radius: 4px; 22307 border-bottom-left-radius: 4px; 22308} 22309.email .button:hover { 22310 background-color: #b880c3; 22311} 22312.email label.error { 22313 color: #f45656; 22314} 22315.email input.error { 22316 border: 1px solid #f45656; 22317} 22318.email .recaptcha { 22319 float: left; 22320} 22321.email .recaptcha.recaptcha_required { 22322 border: 1px solid #f45656; 22323} 22324#enews { 22325 color: #4a4a4a; 22326 font-family: "Barlow", sans-serif; 22327 font-size: 18px; 22328} 22329#enews form.vertical label { 22330 display: block; 22331 margin-bottom: 4px; 22332} 22333#enews .text_field { 22334 width: 99%; 22335 display: inline-block; 22336 margin-bottom: 10px; 22337 /*border: 1px solid lighten(@copy_color, 15);*/ 22338 border: 1px solid #ccc; 22339 border-top-right-radius: 4px; 22340 border-top-left-radius: 4px; 22341 border-bottom-right-radius: 4px; 22342 border-bottom-left-radius: 4px; 22343 padding: 5px 0; 22344 text-indent: 5px; 22345 color: #4a4a4a; 22346 background: transparent; 22347 -moz-box-shadow: inset 0px 0px 6px #ccc; 22348 -webkit-box-shadow: inset 0px 1px 6px #ccc; 22349 box-shadow: inset 0px 1px 6px #ccc; 22350} 22351#enews .text_field.error { 22352 background: #f45656; 22353} 22354#enews .text_field:focus { 22355 -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22356 -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22357 -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22358 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 22359 border: 1px solid #1BD9A6; 22360 outline: none; 22361 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 22362 -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; 22363 -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; 22364 -o-transition: -o-box-shadow 0.5s, border 0.5s, background 0.5s; 22365} 22366#enews .button { 22367 float: right; 22368 cursor: pointer; 22369 background-color: #f45656; 22370 color: #ffffff; 22371 font-family: "Barlow", sans-serif; 22372 font-size: 18px; 22373 line-height: 1.3; 22374 text-transform: uppercase; 22375 padding-top: 14px; 22376 padding-right: 32px; 22377 padding-bottom: 14px; 22378 padding-left: 32px; 22379 border: 1px solid #f45656; 22380 border-top-right-radius: 4px; 22381 border-top-left-radius: 4px; 22382 border-bottom-right-radius: 4px; 22383 border-bottom-left-radius: 4px; 22384} 22385#enews .button:hover { 22386 background-color: #b880c3; 22387} 22388#enews label.error { 22389 color: #ff5c5c; 22390} 22391#enews input.error { 22392 border: 1px solid #ff5c5c; 22393} 22394#enews .error { 22395 color: #4a4a4a; 22396 margin-bottom: 26px; 22397} 22398.service_form { 22399 color: #4a4a4a; 22400 font-family: "Barlow", sans-serif; 22401 font-size: 18px; 22402} 22403form.vertical label { 22404 display: block; 22405} 22406.service_form .text_field { 22407 width: 99%; 22408 display: inline-block; 22409 margin-bottom: 10px; 22410 border: 1px solid #bdbdbd; 22411 padding: 5px 0; 22412 text-indent: 5px; 22413 color: #4a4a4a; 22414} 22415.service_form .button { 22416 position: relative; 22417 display: block; 22418 top: 0; 22419 left: 0; 22420 padding: 6px 6px; 22421 line-height: 100%; 22422 cursor: pointer; 22423 background-color: #f45656; 22424 color: #ffffff; 22425 font-family: "Barlow", sans-serif; 22426 text-transform: uppercase; 22427 border: 0; 22428 float: right; 22429 margin: 0 5px 0 0; 22430} 22431.service_form .button:hover { 22432 background-color: #f3c464; 22433} 22434.service_form label.error { 22435 color: #bf2a22; 22436} 22437.service_form input.error { 22438 border: 1px solid #bf2a22; 22439} 22440.msg { 22441 color: #4a4a4a; 22442 font-family: "Barlow", sans-serif; 22443 font-size: 18px; 22444 line-height: 26px; 22445 color: #bf2a22; 22446 margin-bottom: 26px; 22447} 22448/* standard properties */ 22449.dropmenu_base { 22450 display: block; 22451 position: relative; 22452} 22453/* menu positioned against */ 22454/* class added to base when menu is displayed */ 22455/* class added to base when current page is in menu tree */ 22456.dropmenu_base .base_label { 22457 display: block; 22458} 22459/* open event attached to this span */ 22460.menu_main { 22461 visibility: hidden; 22462 position: absolute; 22463 top: 0px; 22464 left: 0px; 22465 background-color: transparent; 22466} 22467.menu_main .out_top { 22468 height: 30px; 22469 background-color: transparent; 22470 position: absolute; 22471 font-size: 0px; 22472 line-height: 0px; 22473} 22474.menu_main .out_left { 22475 width: 30px; 22476 background-color: transparent; 22477 position: absolute; 22478 top: 0px; 22479 font-size: 0px; 22480 line-height: 0px; 22481} 22482.menu_main .out_right { 22483 width: 30px; 22484 background-color: transparent; 22485 position: absolute; 22486 top: 0px; 22487 font-size: 0px; 22488 line-height: 0px; 22489} 22490.menu_main .out_bottom { 22491 height: 30px; 22492 background-color: transparent; 22493 position: absolute; 22494 font-size: 0px; 22495 line-height: 0px; 22496} 22497.menu_main .top { 22498 margin: 0px; 22499 padding: 0px; 22500 height: 0px; 22501 font-size: 0px; 22502 line-height: 0px; 22503} 22504.menu_main .items { 22505 margin: 0; 22506 padding: 0; 22507 list-style-type: none; 22508} 22509.menu_main .items li { 22510 margin: 0; 22511 padding: 0; 22512 list-style-type: none; 22513} 22514.menu_main .item { 22515 display: block; 22516 margin: 0; 22517 padding: 0; 22518 text-decoration: none; 22519} 22520.menu_main .item:hover { 22521 text-decoration: none; 22522} 22523.menu_main .item .item_sub { 22524 /* sub positioned against */ 22525 height: 1px; 22526 width: 0px; 22527 position: relative; 22528 cursor: pointer; 22529 float: left; 22530 background-color: transparent; 22531 border-width: 0px; 22532 margin: 0px; 22533 padding: 0px; 22534 margin-left: -3px; 22535} 22536/* sub direction */ 22537.menu_main .bottom { 22538 margin: 0; 22539 padding: 0; 22540 height: 0; 22541 font-size: 0; 22542 line-height: 0; 22543} 22544.sub_main { 22545 visibility: hidden; 22546 position: absolute; 22547 top: 0px; 22548 left: 0px; 22549 background-color: transparent; 22550} 22551.sub_main .out_top { 22552 height: 30px; 22553 background-color: transparent; 22554 position: absolute; 22555 font-size: 0; 22556 line-height: 0px; 22557} 22558.sub_main .out_left { 22559 width: 30px; 22560 background-color: transparent; 22561 position: absolute; 22562 top: 0; 22563 left: -30px; 22564 font-size: 0; 22565 line-height: 0px; 22566} 22567.sub_main .out_right { 22568 width: 30px; 22569 background-color: transparent; 22570 position: absolute; 22571 top: 0px; 22572 font-size: 0px; 22573 line-height: 0px; 22574} 22575.sub_main .out_bottom { 22576 height: 30px; 22577 background-color: transparent; 22578 position: absolute; 22579 font-size: 0px; 22580 line-height: 0px; 22581} 22582.sub_main .top { 22583 margin: 0px; 22584 padding: 0px; 22585 height: 0px; 22586 font-size: 0px; 22587 line-height: 0px; 22588} 22589.sub_main .items { 22590 margin: 0px; 22591 padding: 0px; 22592 list-style-type: none; 22593} 22594.sub_main .items li { 22595 margin: 0px; 22596 padding: 0px; 22597 list-style-type: none; 22598} 22599.sub_main .sub_item { 22600 display: block; 22601 margin: 0px; 22602 padding: 0px; 22603 text-decoration: none; 22604} 22605.sub_main .sub_item:hover { 22606 text-decoration: none; 22607} 22608.sub_main .bottom { 22609 margin: 0px; 22610 padding: 0px; 22611 height: 0px; 22612 font-size: 0px; 22613 line-height: 0px; 22614} 22615#dropmenu_format_edit { 22616 position: absolute; 22617 right: 0; 22618 top: 0; 22619 z-index: 10; 22620} 22621/** Dropmenu vars **/ 22622.dropmenu_base { 22623 height: 25px; 22624 float: right; 22625 clear: none; 22626 font-family: "Barlow", sans-serif; 22627 font-size: 16px; 22628 color: #000000; 22629 z-index: 4; 22630} 22631.dropmenu_base .base_top { 22632 position: relative; 22633} 22634.dropmenu_base .base_bottom { 22635 position: relative; 22636 margin-top: 16px; 22637} 22638.dropmenu_base .base_label a { 22639 padding: 0 9px 0 9px; 22640 margin: 0 9px 0 9px; 22641 display: block; 22642 color: #000000; 22643} 22644.dropmenu_base .base_label a .over { 22645 display: none; 22646} 22647.dropmenu_base .base_label a:hover { 22648 text-decoration: none; 22649 color: #f45656; 22650 background: inherit; 22651} 22652.dropmenu_base .base_label a span { 22653 position: relative; 22654 z-index: 5; 22655} 22656a.reveal:hover > .over { 22657 display: block; 22658 cursor: pointer; 22659} 22660.dropmenu_base.base_active .base_label a { 22661 color: #f45656; 22662 background: inherit; 22663} 22664.dropmenu_base.base_current .base_label a { 22665 color: #f45656; 22666 background: inherit; 22667} 22668.menu_main { 22669 width: 150px; 22670 position: absolute; 22671 left: 9px; 22672 top: 25px; 22673 z-index: 3; 22674 text-align: left; 22675 line-height: 1; 22676} 22677.menu_main .top { 22678 position: relative; 22679 height: 7px; 22680 width: 150px; 22681 background: rgba(244, 86, 86, 0.6); 22682} 22683.menu_main .bottom { 22684 width: 150px; 22685 height: 15px; 22686 background: rgba(244, 86, 86, 0.6); 22687} 22688.menu_main .out_top { 22689 height: 5px; 22690} 22691.menu_main .out_left { 22692 width: 5px; 22693} 22694.menu_main .out_left .top { 22695 height: 1px; 22696 width: 5px; 22697 background: none; 22698} 22699.menu_main .out_left .mid { 22700 background: none; 22701 width: 5px; 22702} 22703.menu_main .out_left .bottom { 22704 height: 0; 22705 width: 0; 22706} 22707.menu_main .out_right { 22708 width: 5px; 22709 background: none; 22710} 22711.menu_main .out_right .top { 22712 width: 2px; 22713 height: 5px; 22714 background: none; 22715} 22716.menu_main .out_right .mid { 22717 background: none; 22718} 22719.menu_main .out_right .bottom { 22720 width: 5px; 22721 height: 15px; 22722 background: none; 22723} 22724.menu_main .out_bottom { 22725 width: 150px; 22726 height: 6px; 22727} 22728.menu_main ul.items { 22729 /* additional 1px padding-bottom to cancel margins */ 22730 margin-bottom: -2px; 22731 padding-bottom: 1px; 22732 background: rgba(244, 86, 86, 0.6); 22733} 22734.menu_main .item_active.item_parent { 22735 background-image: none; 22736} 22737.menu_main .item { 22738 color: #fff; 22739 font-family: "Barlow", sans-serif; 22740 font-size: 14px;
22741 line-height: 26px; 22742 text-transform: none; 22743 position: relative; 22744 display: block; 22745 padding: 2px 15px 2px 15px; 22746 margin: 0 0 2px 0; 22747} 22748.menu_main ul li:last-child .item { 22749 background-image: none; 22750} 22751.menu_main .item_active { 22752 background: #f45656; 22753 color: #fff; 22754} 22755/* 22756 * media-queries definitions 22757 * pulled from /styles/uikit/less/core/variables.less 22758 * breakpoint-mini: 425px 22759 * breakpoint-small: 640px 22760 * breakpoint-medium: 960px 22761 * breakpoint-large: 1200px 22762 * breakpoint-xlarge: 1600px 22763 * 22764 * devices: 22765 * small: 0px - 425px 22766 * phone: 0px - 640px 22767 * tablet: 640px - 960px 22768 * laptop: 960px - 1200px 22769 * desktop: 1200px - 1600px 22770 */ 22771@media only screen and (max-width: 640px) { 22772 .hide-phone { 22773 display: none !important; 22774 } 22775} 22776@media only screen and (min-width: 640px) and (max-width: 960px) { 22777 .hide-tablet { 22778 display: none !important; 22779 } 22780} 22781@media only screen and (min-width: 960px) and (max-width: 1200px) { 22782 .hide-laptop { 22783 display: none !important; 22784 } 22785} 22786@media only screen and (min-width: 1200px) and (max-width: 1600px) { 22787 .hide-desktop { 22788 display: none !important; 22789 } 22790} 22791@media only screen and (min-width: 640px) { 22792 .show-phone { 22793 display: none !important; 22794 } 22795} 22796@media only screen and (max-width: 640px) { 22797 .show-tablet { 22798 display: none !important; 22799 } 22800} 22801@media only screen and (min-width: 960px) { 22802 .show-tablet { 22803 display: none !important; 22804 } 22805} 22806@media only screen and (max-width: 960px) { 22807 .show-laptop { 22808 display: none !important; 22809 } 22810} 22811@media only screen and (max-width: 1200px) { 22812 .show-desktop { 22813 display: none !important; 22814 } 22815} 22816@media only screen and (min-width: 1600px) { 22817 .show-desktop { 22818 display: none !important; 22819 } 22820} 22821.circle { 22822 border-radius: 50%; 22823} 22824.rounded { 22825 border-radius: 4px; 22826} 22827.shadowed { 22828 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 22829} 22830.shadowed-small { 22831 box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3); 22832} 22833.shadowed-move { 22834 top: -6px; 22835 left: -6px; 22836 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 22837} 22838.SummerLoving-Regular { 22839 font-family: SummerLoving-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 22840 font-weight: normal; 22841 font-style: normal; 22842} 22843.quick-links-btn { 22844 width: 40px; 22845 height: 80px; 22846 border-radius: 80px 0 0 80px; 22847 transition: background-color 0.25s ease; 22848 background-color: #2196f3; 22849 color: white; 22850 position: absolute; 22851 top: 0; 22852 left: -40px; 22853 cursor: pointer; 22854 text-align: center; 22855} 22856.quick-links-btn:hover { 22857 background-color: #2196f3; 22858} 22859.quick-links-btn [class*="fa"] { 22860 transition: transform 0.25s cubic-bezier(0.5, 1.7, 1, 1), color 0.25s cubic-bezier(0.5, 1.7, 1, 1); 22861 line-height: 80px; 22862 font-size: 2rem; 22863 position: absolute; 22864 left: 50%; 22865} 22866.quick-links-btn [class*="fa"].open { 22867 transform: scale(1); 22868} 22869.quick-links-btn [class*="fa"].close { 22870 transform: scale(0); 22871} 22872.quick-links { 22873 transition: left 0.25s ease; 22874 position: absolute; 22875 right: 0; 22876 top: -25px; 22877 z-index: 5; 22878} 22879.quick-links.active .quick-links-btn { 22880 background-color: #424242; 22881} 22882.quick-links.active .quick-links-btn:hover [class*="fa"] { 22883 color: #eee; 22884} 22885.quick-links.active .quick-links-btn .open { 22886 transform: scale(0); 22887} 22888.quick-links.active .quick-links-btn .close { 22889 transform: scale(1); 22890} 22891.quick-links.active .popup-container { 22892 width: 335px; 22893} 22894.quick-links .popup-container { 22895 transition: width 0.25s ease; 22896 width: 0; 22897 overflow: hidden; 22898 padding-bottom: 30px; 22899} 22900.quick-links .popup { 22901 padding-top: 20px; 22902 width: 335px; 22903} 22904.vert-center { 22905 position: relative; 22906 top: 50%; 22907 transform: translateY(-50%); 22908} 22909.container { 22910 max-width: 1000px; 22911 margin-left: auto; 22912 margin-right: auto; 22913 position: relative; 22914} 22915@media only screen and (max-width: 1080px) { 22916 .container { 22917 margin-left: 40px; 22918 margin-right: 40px; 22919 } 22920} 22921@media only screen and (max-width: 640px) { 22922 .container { 22923 margin-left: 20px; 22924 margin-right: 20px; 22925 } 22926} 22927.page_path { 22928 margin-bottom: 30px; 22929 line-height: 20px; 22930 font-size: 14px; 22931 color: #757575; 22932 width: auto; 22933 float: left; 22934} 22935.page_path .path a { 22936 color: #4a4a4a; 22937} 22938.page_path .path a:hover { 22939 color: #757575; 22940} 22941.page_path .path a.home .material-icons { 22942 position: relative; 22943 top: 2px; 22944 font-size: 14px; 22945} 22946.page_path .path .sep { 22947 margin: 0 13px; 22948 color: #D8D8D8; 22949} 22950.page_path .path .links { 22951 display: inline; 22952 position: relative; 22953} 22954.page_path .path .links a.show_children { 22955 font-weight: 600; 22956 padding-right: 15px; 22957} 22958.page_path .path .links a.show_children:after { 22959 /* use !important to prevent issues with browser extensions that change fonts */ 22960 font-family: 'LivingSound-Font' !important; 22961 speak: none; 22962 font-style: normal; 22963 font-weight: normal; 22964 font-variant: normal; 22965 text-transform: none; 22966 line-height: 1; 22967 /* Better Font Rendering =========== */ 22968 -webkit-font-smoothing: antialiased; 22969 -moz-osx-font-smoothing: grayscale; 22970 content: "\e901"; 22971 position: absolute; 22972 bottom: 2px; 22973 right: 0; 22974 font-size: 10px; 22975 font-weight: 600; 22976} 22977.page_path .path .links a.show_children:focus:after { 22978 /* use !important to prevent issues with browser extensions that change fonts */ 22979 font-family: 'LivingSound-Font' !important; 22980 speak: none; 22981 font-style: normal; 22982 font-weight: normal; 22983 font-variant: normal; 22984 text-transform: none; 22985 line-height: 1; 22986 /* Better Font Rendering =========== */ 22987 -webkit-font-smoothing: antialiased; 22988 -moz-osx-font-smoothing: grayscale; 22989 content: "\e903"; 22990 color: #559FD3; 22991 font-weight: 600; 22992} 22993.page_path .path .links .dropdown-content { 22994 display: none; 22995 width: auto; 22996 height: 100%; 22997 position: absolute; 22998 top: 5px; 22999 bottom: 0; 23000 left: 0; 23001 padding: 0; 23002 list-style-type: none; 23003 line-height: 20px; 23004 background-color: #4a4a4a; 23005 z-index: 99; 23006} 23007.page_path .path .links .dropdown-content li { 23008 font-size: 14px; 23009} 23010.page_path .path .links .dropdown-content li a { 23011 display: block; 23012 color: #ffffff; 23013 padding: 5px 8px; 23014} 23015.page_path .path .links .dropdown-content li a:hover { 23016 background-color: #f45656; 23017 color: #ffffff; 23018} 23019.page_path .path .links .dropdown-content li:last-of-type a { 23020 border: none; 23021} 23022@media only screen and (max-width: 350px) { 23023 .responsive .page_path { 23024 width: 100%; 23025 line-height: 1.3; 23026 margin-bottom: 15px; 23027 } 23028 .responsive .page_path .path { 23029 font-size: 14px; 23030 } 23031 .responsive .page_path .path .links { 23032 margin-right: 10px; 23033 } 23034 .responsive .page_path .path a { 23035 white-space: nowrap; 23036 } 23037 .responsive .page_path .home, 23038 .responsive .page_path .sep, 23039 .responsive .page_path .current { 23040 display: none; 23041 } 23042} 23043.btn { 23044 position: relative; 23045 *zoom: 1; 23046 margin-top: 52px; 23047 margin-bottom: 52px; 23048 background-color: #f45656; 23049 font-size: 18px; 23050 color: #ffffff; 23051 line-height: 20px; 23052 padding: 14px 32px 14px 32px; 23053 display: inline-table; 23054 font-weight: 600; 23055 text-transform: uppercase; 23056 border-radius: 4px; 23057 letter-spacing: 0.18px; 23058 border: none; 23059 cursor: pointer; 23060 text-align: center; 23061} 23062.btn:before, 23063.btn:after {
23064 content: " "; 23065 display: table; 23066 line-height: 0; 23067} 23068.btn:after { 23069 clear: both; 23070} 23071.btn:hover { 23072 background-color: #b880c3; 23073 color: #ffffff; 23074} 23075.text_small .btn { 23076 font-size: 18px; 23077} 23078.text_medium .btn { 23079 font-size: 20px; 23080} 23081.text_large .btn { 23082 font-size: 23px; 23083} 23084@font-face { 23085 font-family: 'LivingSound-Font'; 23086 src: url('/layouts/fonts/LivingSound-Font/fonts/LivingSound-Font.eot?1duj72'); 23087 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'); 23088 font-weight: normal; 23089 font-style: normal; 23090} 23091[class^="icon-"], 23092[class*=" icon-"] { 23093 /* use !important to prevent issues with browser extensions that change fonts */ 23094 font-family: 'LivingSound-Font' !important; 23095 speak: none; 23096 font-style: normal; 23097 font-weight: normal; 23098 font-variant: normal; 23099 text-transform: none; 23100 line-height: 1; 23101 /* Better Font Rendering =========== */ 23102 -webkit-font-smoothing: antialiased; 23103 -moz-osx-font-smoothing: grayscale; 23104} 23105.icon-i-arrowBack:before { 23106 content: "\e900"; 23107} 23108.icon-i-arrowDown:before { 23109 content: "\e901"; 23110} 23111.icon-i-arrowForward:before { 23112 content: "\e902"; 23113} 23114.icon-i-arrowUp:before { 23115 content: "\e903"; 23116} 23117.icon-i-hamburger:before { 23118 content: "\e904"; 23119} 23120.icon-i-hamburgerClose:before { 23121 content: "\e905"; 23122} 23123.icon-i-home:before { 23124 content: "\e906"; 23125} 23126.icon-i-Icon:before { 23127 content: "\e907"; 23128} 23129.icon-i-Logo:before { 23130 content: "\e908"; 23131} 23132.icon-i-plus:before { 23133 content: "\e909"; 23134} 23135.icon-i-search:before { 23136 content: "\e90a"; 23137} 23138.icon-i-socialFacebook:before { 23139 content: "\e90b"; 23140} 23141.icon-i-socialInstagram:before { 23142 content: "\e90c"; 23143} 23144.icon-i-socialLinkedIn:before { 23145 content: "\e90d"; 23146} 23147.icon-i-socialPinterest:before { 23148 content: "\e90e"; 23149} 23150.icon-i-socialTwitter:before { 23151 content: "\e90f"; 23152} 23153.icon-i-socialYouTube:before { 23154 content: "\e910"; 23155} 23156.alert-btn { 23157 transition: transform 0.25s ease; 23158 display: none; 23159} 23160@media only screen and (max-width: 959px) { 23161 .alert-btn { 23162 position: absolute; 23163 top: 24px; 23164 right: 150px; 23165 bottom: 0; 23166 } 23167} 23168.alert-btn .rectangle { 23169 transition: fill 0.25s ease; 23170} 23171.alert-btn #shadow { 23172 transition: transform 0.25s ease; 23173} 23174.alert-btn:hover { 23175 cursor: pointer; 23176 transform: translate(-2px, -2px); 23177} 23178.alert-btn:hover .rectangle { 23179 fill: #000000; 23180} 23181.alert-btn:hover #shadow { 23182 transform: translate(2px, 2px); 23183} 23184.alert-btn svg { 23185 width: 23px; 23186 height: 23px; 23187} 23188.mobile_nav .alert-btn { 23189 float: right; 23190 transform: translateY(25%); 23191} 23192.alerts { 23193 position: relative; 23194 float: right; 23195 margin-right: 24px; 23196} 23197#alerts_edit { 23198 position: absolute; 23199 top: 2px; 23200 right: 20px; 23201 width: 110px; 23202 z-index: 99; 23203} 23204.asb-popup { 23205 box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.3); 23206 background-color: rgba(91, 134, 227, 0.85); 23207 color: #ffffff; 23208 padding-bottom: 25px; 23209} 23210.quick-links .asb-popup { 23211 border-radius: 0 0 0 4px; 23212} 23213.asb-toolbar { 23214 height: 35px; 23215 padding: 0 10px; 23216} 23217.asb-close { 23218 float: right; 23219 height: 35px; 23220 line-height: 35px; 23221 font-size: 1.5rem; 23222 transition: opacity 0.25s ease; 23223 opacity: 1; 23224} 23225.asb-close:hover { 23226 opacity: 0.75; 23227 cursor: pointer; 23228} 23229.asb-close svg { 23230 width: 18px; 23231 height: 18px; 23232} 23233.asb-popup-body { 23234 text-align: center; 23235} 23236.asb-popup-body .asb-list { 23237 padding: 0; 23238 margin: 0; 23239 text-align: left; 23240} 23241.asb-popup-body .asb-list a { 23242 color: #ffffff; 23243} 23244.asb-popup-body .asb-list li { 23245 padding: 5px 0 5px 30px; 23246 list-style-type: none; 23247 font-weight: 600; 23248} 23249.asb-popup-body .asb-list li:hover { 23250 background-color: #BBBBBB; 23251 cursor: pointer; 23252} 23253.asb-popup-title { 23254 color: #ffffff; 23255} 23256.quick-links .asb-popup-title { 23257 font-weight: bold; 23258 text-align: left; 23259 margin-left: 28px; 23260 margin-top: 3px; 23261 margin-bottom: 25px; 23262} 23263.asb-popup-link { 23264 text-align: center; 23265} 23266.asb-popup-alert { 23267 position: fixed; 23268 bottom: 50px; 23269 left: 50%; 23270 transform: translateX(-50%); 23271 min-width: 500px; 23272 max-width: 500px; 23273 z-index: 20; 23274} 23275@media only screen and (max-width: 640px) { 23276 .asb-popup-alert { 23277 min-width: 300px; 23278 bottom: 0; 23279 } 23280} 23281.asb-popup-alert .asb-popup-body { 23282 padding: 0 36px 20px; 23283 font-size: 16px; 23284 line-height: 17px; 23285 letter-spacing: -0.2px; 23286} 23287.asb-btn { 23288 box-sizing: border-box; 23289 background-color: #BBBBBB; 23290 color: #ffffff; 23291 display: inline-block; 23292 padding: 10px 12px; 23293 min-width: 141px; 23294 text-align: center; 23295 font-size: 18px; 23296 transition: background-color 0.25s ease; 23297} 23298.asb-btn:hover {
23299 color: #ffffff; 23300} 23301@media only screen and (min-width: 960px) { 23302 .asb-btn:hover { 23303 background-color: #757575; 23304 } 23305} 23306.asb-btn[disabled] { 23307 background-color: #D8D8D8; 23308} 23309.asb-btn[disabled]:hover { 23310 background-color: #D8D8D8; 23311} 23312.edit .el_content_item { 23313 margin-bottom: 0; 23314} 23315@media only screen and (min-width: 960px) { 23316 .image_captioned_text h4 { 23317 font-size: 22px; 23318 } 23319} 23320.revision_date { 23321 font-size: 0.8em; 23322 color: #9a9a9a; 23323} 23324.light_gray { 23325 background-color: #D8D8D8; 23326} 23327.dark { 23328 background-color: #4a4a4a; 23329} 23330.uk-modal { 23331 background-color: #1BD9A6; 23332} 23333.uk-close-alt { 23334 color: #ffffff; 23335 background-color: transparent; 23336} 23337.uk-close-alt:after { 23338 opacity: 100; 23339 display: inline; 23340} 23341.uk-close { 23342 width: 80px; 23343 text-align: left; 23344} 23345.uk-close:before { 23346 content: 'Close'; 23347 display: inline; 23348 margin-right: 8px; 23349} 23350.uk-modal-caption { 23351 display: none; 23352} 23353.uk-modal-dialog-lightbox > .uk-close:first-child { 23354 top: -30px; 23355} 23356img { 23357 border-radius: 4px; 23358} 23359#search_form { 23360 padding: 0 0 30px; 23361 margin: 0 auto; 23362 font-family: "Barlow", sans-serif; 23363 max-width: 828px; 23364 *zoom: 1; 23365} 23366@media only screen and (max-width: 1000px) { 23367 #search_form { 23368 margin-left: 20px; 23369 margin-right: 20px; 23370 } 23371} 23372#search_form:before, 23373#search_form:after { 23374 content: " "; 23375 display: table; 23376 line-height: 0; 23377} 23378#search_form:after { 23379 clear: both; 23380} 23381#search_form .btn { 23382 margin: 0; 23383} 23384#search_terms_field { 23385 border-radius: 0; 23386 border: 1px solid #bdbdbd; 23387 box-shadow: inset 0px 1px 6px #ccc; 23388 color: #4a4a4a; 23389 display: inline-block; 23390 float: left; 23391 font-size: 18px; 23392 margin-bottom: 10px; 23393 margin-right: 3%; 23394 padding: 15px 6px 4px; 23395 transition: box-shadow 0.5s, border 0.5s, background 0.5s; 23396 width: 80%; 23397} 23398#search_terms_field.error { 23399 background: #f45656; 23400} 23401#search_terms_field:focus { 23402 border: 1px solid #1BD9A6; 23403 box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); 23404 outline: none; 23405} 23406#search_form .button { 23407 background-color: #f45656; 23408 border: none; 23409 border-radius: 0; 23410 color: #fff; 23411 cursor: pointer; 23412 display: inline-block; 23413 float: left; 23414 font-family: "Barlow", sans-serif; 23415 font-size: 18px; 23416 font-weight: 500; 23417 padding: 8px 6px 9px; 23418 text-align: center; 23419 transition: all 0.1s ease-in-out; 23420 width: 100px; 23421} 23422#search_form .button:hover { 23423 background-color: #f45656; 23424 color: #4a4a4a; 23425} 23426#search_results { 23427 margin: 0; 23428 padding: 0; 23429 position: relative; 23430 font-family: "Barlow", sans-serif; 23431 color: #4a4a4a; 23432 font-size: 18px; 23433 line-height: 26px; 23434 max-width: 828px; 23435 margin-left: auto; 23436 margin-right: auto; 23437} 23438#search_results .count { 23439 margin-bottom: 26px; 23440} 23441#search_results .result { 23442 margin-bottom: 26px; 23443} 23444#search_results .title a { 23445 margin-bottom: 0; 23446 color: #000000; 23447 font-family: "Barlow", sans-serif; 23448 font-size: 26px; 23449 font-weight: 600; 23450 font-style: normal; 23451} 23452#sitemap { 23453 margin: 0; 23454 padding: 0; 23455 font-family: "Barlow", sans-serif; 23456 color: #4a4a4a; 23457 font-size: 18px; 23458 line-height: 26px; 23459 max-width: 828px; 23460 margin-left: auto; 23461 margin-right: auto; 23462} 23463#sitemap p { 23464 margin: 0 0 26px 0; 23465 padding: 0; 23466} 23467#sitemap a { 23468 color: #f45656; 23469} 23470#sitemap a.show_children { 23471 color: #4a4a4a; 23472 cursor: default; 23473} 23474#sitemap ul { 23475 margin-bottom: 18px; 23476 margin-left: 0; 23477} 23478#sitemap ol { 23479 margin-bottom: 18px; 23480} 23481#sitemap ul li { 23482 /*background-image: none;*/ 23483 list-style-type: none; 23484} 23485#sitemap ul li:before { 23486 content: "\002022"; 23487 padding-left: -12; 23488 padding-right: 5px; 23489 color: #000000; 23490 font-size: 16px; 23491} 23492.text_small #sitemap { 23493 font-size: 18px; 23494} 23495.text_medium #sitemap { 23496 font-size: 20px; 23497} 23498.text_large #sitemap { 23499 font-size: 23px; 23500} 23501.print_logo { 23502 display: none; 23503} 23504@media print { 23505 * { 23506 -ms-filter: none !important; 23507 background: transparent !important; 23508 color: black !important; 23509 filter: none !important; 23510 font-size: 12pt !important; 23511 text-shadow: none !important; 23512 } 23513 /* Black prints faster: sanbeiji.com/archives/953 */ 23514 p a, 23515 p a:visited { 23516 color: #ffffff !important; 23517 text-decoration: underline; 23518 } 23519 p a[href]:after { 23520 content: " (" attr(href) ")"; 23521 } 23522 abbr[title]:after { 23523 content: " (" attr(title) ")"; 23524 } 23525 .ir a:after, 23526 a[href^="javascript:"]:after, 23527 a[href^="#"]:after { 23528 content: ""; 23529 } 23530 /* Don't show links for images, or javascript/internal links */ 23531 pre, 23532 blockquote { 23533 border: 1px solid #999; 23534 page-break-inside: avoid; 23535 } 23536 thead { 23537 display: table-header-group; 23538 } 23539 /* css-discuss.incutio.com/wiki/Printing_Tables */ 23540 tr, 23541 img { 23542 /*page-break-inside: avoid;*/ 23543 /* disabled for interior_table, addtional property added below */ 23544 } 23545 @page { 23546 margin: 0.5cm; 23547 } 23548 p, 23549 h2, 23550 h3 { 23551 orphans: 3; 23552 widows: 3; 23553 } 23554 h2, 23555 h3 { 23556 page-break-after: avoid; 23557 } 23558 h1 { 23559 font-size: 17pt; 23560 } 23561 h2 { 23562 font-size: 16pt; 23563 } 23564 h3 { 23565 font-size: 15pt; 23566 } 23567 h4 { 23568 font-size: 14pt; 23569 } 23570 h5 { 23571 font-size: 13pt; 23572 } 23573 h6 { 23574 font-size: 12pt; 23575 } 23576 .all_bottom { 23577 display: none; 23578 height: 0 !important; 23579 page-break-after: avoid; 23580 } 23581 header { 23582 display: none; 23583 height: 0 !important; 23584 } 23585 .all_top { 23586 display: none; 23587 height: 0 !important; 23588 page-break-after: avoid; 23589 } 23590 .photo_heading_wrapper .photo_heading { 23591 display: none; 23592 height: 0 !important; 23593 } 23594 .side_content, 23595 .interior_heading, 23596 #interior_heading, 23597 .header, 23598 .interior_right, 23599 .interior_left, 23600 .interior_sidebar, 23601 .interior_nav, 23602 .interior_options, 23603 .interior .photo_heading_wrapper { 23604 display: none; 23605 height: 0 !important; 23606 } 23607 .interior_mid, 23608 .interior_content { 23609 display: block; 23610 page-break-before: avoid; 23611 } 23612 .print_heading { 23613 -ms-filter: none !important; 23614 background: transparent !important; 23615 border: none; 23616 color: black !important; 23617 display: block !important; 23618 filter: none !important; 23619 margin-bottom: 0.5cm; 23620 padding-bottom: 0.5cm; 23621 page-break-before: avoid; 23622 text-shadow: none !important; 23623 } 23624 .print_logo { 23625 /*content: url("@{layout_path}images/logo_print.png?@{modified}") ;*/ 23626 border: none; 23627 display: block !important; 23628 height: 0.5; 23629 margin-bottom: 0.25in; 23630 width: 1.5; 23631 } 23632 .interior_content { 23633 width: 100% !important; 23634 } 23635 .interior_mid { 23636 border: none; 23637 width: 100% !important; 23638 } 23639 .interior_mid td tr, 23640 img { 23641 page-break-inside: avoid; 23642 } 23643 .interior .interior_inner .interior_mid .interior_content { 23644 margin-left: 0; 23645 } 23646} 23647@media only screen and (max-width: 1000px) { 23648 .responsive .homepage { 23649 height: auto; 23650 margin: 0 auto 0 auto; 23651 padding: 0; 23652 position: relative; 23653 width: 100%; 23654 } 23655 .responsive .slide_wrapper { 23656 height: auto; 23657 position: relative; 23658 width: 100%; 23659 } 23660 .responsive .testimonials_wrapper { 23661 *zoom: 1; 23662 float: none; 23663 height: auto; 23664 position: relative; 23665 width: 100%; 23666 } 23667 .responsive .testimonials_wrapper:before, 23668 .responsive .testimonials_wrapper:after { 23669 content: " "; 23670 display: table; 23671 line-height: 0; 23672 } 23673 .responsive .testimonials_wrapper:after { 23674 clear: both; 23675 } 23676 .responsive .featured_wrapper { 23677 *zoom: 1; 23678 float: none; 23679 height: auto; 23680 position: relative; 23681 width: 100%; 23682 } 23683 .responsive .featured_wrapper:before, 23684 .responsive .featured_wrapper:after { 23685 content: " "; 23686 display: table; 23687 line-height: 0; 23688 } 23689 .responsive .featured_wrapper:after { 23690 clear: both; 23691 } 23692 .responsive .photo_features { 23693 *zoom: 1; 23694 float: none; 23695 height: auto; 23696 left: 0; 23697 position: relative; 23698 width: 100%; 23699 } 23700 .responsive .photo_features:before, 23701 .responsive .photo_features:after { 23702 content: " "; 23703 display: table; 23704 line-height: 0; 23705 } 23706 .responsive .photo_features:after { 23707 clear: both; 23708 } 23709} 23710a:hover, 23711.uk-link:hover { 23712 text-decoration: none !important; 23713} 23714</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">
23714<script type="text/javascript"> 23715 if (typeof window.jQuery === 'undefined') { 23716 window.jQuery = { 23717 noConflict: function() { 23718 return window.jQuery; 23719 } 23720 }; 23721 } else if (typeof window.jQuery.noConflict !== 'function') { 23722 window.jQuery.noConflict = function() { 23723 return window.jQuery; 23724 }; 23725 } 23726 23727 if (typeof jQuery === 'undefined') { 23728 jQuery = window.jQuery; 23729 } 23730 23731 if (typeof window.$ === 'undefined') { 23732 window.$ = window.jQuery; 23733 } 23734 23735 if (typeof $ === 'undefined') { 23736 $ = window.$; 23737 } 23738</script>
vendor: 1 bytes, line 23738
23738
23739<script type="text/javascript" src="https://choosewichita.com/scripts/modernizr/modernizr.min.js?1736924400"></script>
23739<script type="text/javascript" src="https://choosewichita.com/scripts/lib/jquery.min.js?1736924400"></script>
23739<script type="text/javascript" src="https://choosewichita.com/scripts/lib/jquery-migrate.min.js?1736924400"></script>
23739<script type="text/javascript" src="https://choosewichita.com/scripts/owl.carousel/dist/owl.carousel.min.js?1736924400"></script>
23739<script type="text/javascript" src="https://choosewichita.com/scripts/lib/bootstrap_functions.js?1736924400"></script>
23739<script type="text/javascript" src="https://choosewichita.com/scripts/elements/elements.js?1736924400"></script>
23739<script type="text/javascript"> 23740 var site_url = 'https://choosewichita.com/'; 23741 var require_url = 'https://choosewichita.com/'; 23742 var url_root_offset = ''; 23743 var edit_mode = ''; 23744 var ajax_login = ''; 23745 var site_width = 1000; 23746 require = { 23747 baseUrl: require_url, 23748 urlArgs: 'bust=1736924400', 23749 paths: { 23750 uikit: require_url + 'styles/uikit/js/uikit.min', 23751 jquery: require_url + 'scripts/lib/jquery.min' 23752 }, 23753 config: { 23754 uikit: { 23755 base: 'styles/uikit/js' 23756 } 23757 } 23758 }; 23759</script>
vendor: 1 bytes, line 23759
23759
23760<script src="/scripts/require.js"></script>
vendor: 1 bytes, line 23760
23760
23761<script src="/components/featured_carousel/content_script.js"></script>
23761 23762 23763<link rel="icon" type="image/png" sizes="32x32" href="https://choosewichita.com/layouts/images/icons/favicon-32x32.png"> 23764<link rel="icon" type="image/png" sizes="16x16" href="https://choosewichita.com/layouts/images/icons/favicon-16x16.png"> 23765<link rel="shortcut icon" href="https://choosewichita.com/layouts/images/icons/favicon.ico">
vendor: 63 bytes, line 23765
23765<script async src="https://www.googletagmanager.com/gtag/js?id=
23765UA-135269591-1
vendor: 13 bytes, lines 23765-23766
23765"></script> 23766
23767<script> 23768 window.dataLayer = window.dataLayer || []; 23769 function gtag() {dataLayer.push(arguments)}; 23770 window.gtag("js", new Date()); 23771 window.gtag("config", "UA-135269591-1"); 23772</script>
23772 23773<!-- Google Tag Manager -->
23773<script>
vendor: 327 bytes, line 23773
23773(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','
23773GTM-W4N72QN
vendor: 3 bytes, line 23773
23773');
23773</script>
23773 <!-- End Google Tag Manager --></head><body class="webkit chrome chrome128 site_page responsive home"> 23774 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 23774
23774 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
23774GTM-W4N72QN
vendor: 83 bytes, line 23774
23774" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
23774<!-- End Google Tag Manager (noscript) --> 23775 23776 23777 <a href="#main_content" id="skip_navigation" style="position: absolute;">skip to main content</a><div id="main_div" class="main_homepage"> 23778 <header class="fixed"> 23779 <!-- mobile --> 23780 <div class="mobile-top"> 23781 <div class="bar"> 23782 <img src="/layouts/images/wichita.svg" alt="Wichita" class="menu_logo"> 23783 <div class="nav-wrapper"> 23784 <div id="mobile-nav-controls" class="mobile_nav"> 23785 <a id="mobile_menu_icon" class="uk-align-right" href="#"> 23786 <div class="hamburger"> 23787 <div class="hamburger-line"></div> 23788 <div class="hamburger-line"></div> 23789 </div> 23790 </a> 23791 </div> 23792 </div> 23793 <div class="brand_logo mobile-brand-logo"> 23794 <div id="logo"> 23795 <div class="logo_b"> 23796 <div class="logos"> 23797 <img class="desktop-logo" src="/user/foundation/wichita-logo.png?v=1736924400" alt=""/> 23798 <img class="mobile-logo" src="/user/foundation/wichita.svg?v=1736924400" alt=""/> 23799 </div> 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 <div class="logos"> 23813 <img class="desktop-logo" src="/user/foundation/wichita-logo.png?v=1736924400" alt=""/> 23814 <img class="mobile-logo" src="/user/foundation/wichita.svg?v=1736924400" alt=""/> 23815 </div> 23816 </div> 23817</div> </div> 23818 <!-- main nav --> 23819 <nav class="header-main-nav"> 23820 23821<div class="inline_menu"> 23822 <span class=" dropdown_item nav_item"> 23823 <a class="main" href="https://choosewichita.com/work"> 23824 Work </a> 23825 <div class="dropdown_menu"> 23826 <div> 23827 <ul> 23828 <li> 23829 <a href="https://choosewichita.com/work/overview"> 23830 Overview </a> 23831 </li> 23832 23833 <li> 23834 <a href="https://choosewichita.com/work/careers-industries"> 23835 Careers & Industries </a> 23836 </li> 23837 23838 <li> 23839 <a href="https://choosewichita.com/work/resources-for-job-seekers"> 23840 Resources for Job Seekers </a> 23841 </li> 23842 23843 <li> 23844 <a href="https://choosewichita.com/work/employers"> 23845 Employers </a> 23846 </li> 23847 23848 <li> 23849 <a href="https://choosewichita.com/work/internships"> 23850 Internships </a> 23851 </li> 23852 23853 <li> 23854 <a href="https://choosewichita.com/work/tech-careers"> 23855 Tech Careers </a> 23856 </li> 23857 23858 </ul> 23859 </div> 23860 </div> 23861 </span> 23862 <span class=" dropdown_item nav_item"> 23863 <a class="main" href="https://choosewichita.com/live"> 23864 Live </a> 23865 <div class="dropdown_menu"> 23866 <div> 23867 <ul> 23868 <li> 23869 <a href="https://choosewichita.com/live/overview"> 23870 Overview </a> 23871 </li> 23872 23873 <li> 23874 <a href="https://choosewichita.com/live/costofliving"> 23875 Cost of Living </a> 23876 </li> 23877 23878 <li> 23879 <a href="https://choosewichita.com/live/housing"> 23880 Housing </a> 23881 </li> 23882 23883 <li> 23884 <a href="https://choosewichita.com/live/transportation"> 23885 Transportation </a> 23886 </li> 23887 23888 <li> 23889 <a href="https://choosewichita.com/live/healthcare"> 23890 Health & Fitness </a> 23891 </li> 23892 23893 <li> 23894 <a href="https://choosewichita.com/live/education"> 23895 Education </a> 23896 </li> 23897 23898 </ul> 23899 </div> 23900 </div> 23901 </span>
23902 <span class=" dropdown_item nav_item"> 23903 <a class="main" href="https://choosewichita.com/play"> 23904 Play </a> 23905 <div class="dropdown_menu"> 23906 <div> 23907 <ul> 23908 <li> 23909 <a href="https://choosewichita.com/play/overview"> 23910 Overview </a> 23911 </li> 23912 23913 <li> 23914 <a href="https://choosewichita.com/play/arts-culture"> 23915 Arts & Culture </a> 23916 </li> 23917 23918 <li> 23919 <a href="https://choosewichita.com/play/food-drink"> 23920 Food & Drink </a> 23921 </li> 23922 23923 <li> 23924 <a href="https://choosewichita.com/play/outdoor-fun"> 23925 Outdoor Fun </a> 23926 </li> 23927 23928 <li> 23929 <a href="https://choosewichita.com/play/family-friendly"> 23930 Family Friendly </a> 23931 </li> 23932 23933 <li> 23934 <a href="https://choosewichita.com/play/events"> 23935 Events </a> 23936 </li> 23937 23938 <li> 23939 <a href="https://choosewichita.com/play/get-involved"> 23940 Get Involved </a> 23941 </li> 23942 23943 <li> 23944 <a href="https://choosewichita.com/play/markets-festivals"> 23945 Markets & Festivals </a> 23946 </li> 23947 23948 <li> 23949 <a href="https://choosewichita.com/play/50-fun-facts"> 23950 50 Fun Facts </a> 23951 </li> 23952 23953 <li> 23954 <a href="https://choosewichita.com/play/vacation-where-you-live"> 23955 Vacation Where You Live </a> 23956 </li> 23957 23958 </ul> 23959 </div> 23960 </div> 23961 </span> 23962 <span class=" dropdown_item nav_item noarrow"> 23963 <a class="main" href="https://choosewichita.com/find-a-job"> 23964 Find a Job </a> 23965 </span> 23966 </div> 23967 </nav> 23968 <!-- secondary nav --> 23969 <nav class="header-secondary-nav top_nav"> 23970 <a href="https://choosewichita.com/wichita-insiders" class="nav_item " 23971 target="">Wichita Insiders</a> 23972 <a href="https://choosewichita.com/employer-toolkit" class="nav_item " 23973 target="">Employer Toolkit</a> 23974 <a href="https://choosewichita.com/news/blog" class="nav_item " 23975 target="">Blog</a> 23976 <div class="search-box-container collapsed"> 23977 <div class="search-toggle"> 23978 <i class="fa fa-search"></i> 23979 </div> 23980 <form id="761242615" class="search_box" action="https://choosewichita.com/search" method="post"> 23981 <input type="hidden" name="cmd" value="search_site"> 23982 <input id="search_terms" class="field" type="text" name="search_terms" placeholder="Search"> 23983 <input class="submit" type="submit"> 23984 </form> 23985</div> 23986
23987<script type="text/javascript"> 23988require(['components/search_box/script'], function (search_box) { 23989 var search = new search_box('#761242615'); 23990}); 23991</script>
23991 23992 </nav> 23993 <div style="clear: both;"></div> 23994 </div> 23995 </div> 23996 </header> 23997 23998<!-- mobile menu --> 23999<div class="mobile_menu"> 24000 <div class="slider"> 24001 <div class="mobile_nav"> 24002 <div class="nav_item "> 24003 24004 24005 <a class="mobile_menu_slide_button " href="#" data-target="67e92c8765a9bc7fb2d335c459de9eb5"> 24006 Work </a> 24007 24008 <div class="mobile_menu_slider " id="67e92c8765a9bc7fb2d335c459de9eb5"> 24009 <div class="slider_title"> 24010 Work </div> 24011 <ul class="pet-list"> 24012 <li> 24013 <a href="https://choosewichita.com/work/overview"> 24014 24015 Overview </a> 24016 24017 </li> 24018 <li> 24019 <a href="https://choosewichita.com/work/careers-industries"> 24020 24021 Careers & Industries </a> 24022 24023 </li> 24024 <li> 24025 <a href="https://choosewichita.com/work/resources-for-job-seekers"> 24026 24027 Resources for Job Seekers </a> 24028 24029 </li> 24030 <li> 24031 <a href="https://choosewichita.com/work/employers"> 24032 24033 Employers </a> 24034 24035 </li> 24036 <li> 24037 <a href="https://choosewichita.com/work/internships"> 24038 24039 Internships </a> 24040 24041 </li> 24042 <li> 24043 <a href="https://choosewichita.com/work/tech-careers"> 24044 24045 Tech Careers </a> 24046 24047 </li> 24048 </ul> 24049 </div> 24050 </div> 24051 <div class="nav_item "> 24052 24053 24054 <a class="mobile_menu_slide_button " href="#" data-target="d0dbe915091d400bd8ee7f27f0791303"> 24055 Live </a> 24056 24057 <div class="mobile_menu_slider " id="d0dbe915091d400bd8ee7f27f0791303"> 24058 <div class="slider_title"> 24059 Live </div> 24060 <ul class="pet-list"> 24061 <li> 24062 <a href="https://choosewichita.com/live/overview"> 24063 24064 Overview </a> 24065 24066 </li> 24067 <li> 24068 <a href="https://choosewichita.com/live/costofliving"> 24069 24070 Cost of Living </a> 24071 24072 </li> 24073 <li> 24074 <a href="https://choosewichita.com/live/housing"> 24075 24076 Housing </a> 24077 24078 </li> 24079 <li> 24080 <a href="https://choosewichita.com/live/transportation"> 24081 24082 Transportation </a> 24083 24084 </li> 24085 <li> 24086 <a href="https://choosewichita.com/live/healthcare"> 24087 24088 Health & Fitness </a> 24089 24090 </li> 24091 <li> 24092 <a href="https://choosewichita.com/live/education"> 24093 24094 Education </a> 24095 24096 </li> 24097 </ul> 24098 </div> 24099 </div> 24100 <div class="nav_item "> 24101 24102 24103 <a class="mobile_menu_slide_button " href="#" data-target="a3b34c0871dc2fd51eec5559b68f709d"> 24104 Play </a> 24105 24106 <div class="mobile_menu_slider " id="a3b34c0871dc2fd51eec5559b68f709d"> 24107 <div class="slider_title"> 24108 Play </div> 24109 <ul class="pet-list"> 24110 <li> 24111 <a href="https://choosewichita.com/play/overview"> 24112 24113 Overview </a> 24114 24115 </li> 24116 <li> 24117 <a href="https://choosewichita.com/play/arts-culture"> 24118 24119 Arts & Culture </a> 24120 24121 </li> 24122 <li> 24123 <a href="https://choosewichita.com/play/food-drink"> 24124 24125 Food & Drink </a> 24126 24127 </li> 24128 <li> 24129 <a href="https://choosewichita.com/play/outdoor-fun"> 24130 24131 Outdoor Fun </a> 24132 24133 </li> 24134 <li> 24135 <a href="https://choosewichita.com/play/family-friendly"> 24136 24137 Family Friendly </a> 24138 24139 </li> 24140 <li> 24141 <a href="https://choosewichita.com/play/events"> 24142 24143 Events </a> 24144 24145 </li> 24146 <li> 24147 <a href="https://choosewichita.com/play/get-involved"> 24148 24149 Get Involved </a> 24150 24151 </li> 24152 <li> 24153 <a href="https://choosewichita.com/play/markets-festivals"> 24154 24155 Markets & Festivals </a> 24156 24157 </li> 24158 <li> 24159 <a href="https://choosewichita.com/play/50-fun-facts"> 24160 24161 50 Fun Facts </a> 24162 24163 </li> 24164 <li> 24165 <a href="https://choosewichita.com/play/vacation-where-you-live"> 24166 24167 Vacation Where You Live </a> 24168 24169 </li> 24170 </ul> 24171 </div> 24172 </div> 24173 <div class="nav_item btn"> 24174 24175 <a href="https://choosewichita.com/find-a-job"> 24176 Find Your Job </a> 24177 24178 </div> 24179 <div class="nav_item small"> 24180 24181 <a href="https://choosewichita.com/wichita-insiders"> 24182 Wichita Insiders </a> 24183 24184 </div> 24185 <div class="nav_item small"> 24186 24187 <a href="https://choosewichita.com/employer-toolkit"> 24188 Employer Toolkit </a> 24189 24190 </div> 24191 <div class="nav_item small"> 24192 24193 <a href="https://choosewichita.com/news/blog"> 24194 Blog </a> 24195 24196 </div> 24197 </div>
24198<script> 24199 require(['components/mobile_menu/script'], function (menu) { 24200 menu.init('.mobile_nav'); 24201 }); 24202 24203 jQuery(".mobile-top .nav .inline_menu a.btn").html("Register Now"); 24204 </script>
24204 24205 <div class="mobile_menu_return"> 24206 <a href="#" class="mobile_menu_slide_close"><i class="fa fa-chevron-left"></i></a> 24207 </div> 24208 </div> 24209 <div class="social_icons"> 24210 24211 <a href="https://www.instagram.com/choosewichita/" target="_blank" class="icon fab fa-instagram" title="Instagram"></a> 24212 24213 <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;"> 24214<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"/> 24215</svg></a> 24216 24217 <a href="https://www.facebook.com/choosewichita/" target="_blank" class="icon fab fa-facebook" title="Facebook"></a> 24218 24219 24220 <a href="https://www.linkedin.com/company/choose-wichita/" target="_blank" class="icon fab fa-linkedin-in" title="LinkedIn"></a> 24221 24222 24223 24224 24225</div> 24226</div> 24227
24228<script> 24229$(document).ready(function() { 24230 $("#mobile_menu_icon").click(function(e) { 24231 $("#mobile_menu_icon").toggleClass("open"); 24232 if ($(".mobile_menu").hasClass("open")) { 24233 $(".mobile_menu").removeClass("open"); 24234 $(".mobile_menu").addClass("close"); 24235 jQuery(".bar").removeClass("open"); 24236 jQuery("body").removeClass("fixedPosition"); 24237 } else { 24238 window.scrollTo(0, 0); 24239 $(".mobile_menu").addClass("open"); 24240 $(".mobile_menu").removeClass("close"); 24241 jQuery(".bar").addClass("open"); 24242 jQuery("body").addClass("fixedPosition"); 24243 } 24244 e.preventDefault(); 24245 }); 24246}); 24247</script>
24247 <a name="main_content" /> 24248 <div class="slide_wrapper"> 24249 <!--Add jquery mobile events??--> 24250 24251<!--Include Youtube API Script--> 24252 24253<!--Slides Container--> 24254<div id="slides" data-slide_count="5" data-slide_active="1" data-slide_delay="20000"> 24255 <!--Slides Cropper--> 24256 <div class="slides scaled"> 24257 24258 24259 24260<div id="slides_item_1" class="slides_item initial" data-time="0" data-image="/user/image/layouts/homepage_slides_photo_1419.jpg?1620340795" data-narrow-image="/user/image/layouts/homepage_slides_photo_narrow_1419.jpg?1620340801" data-id="1" data-photo-video="" 24261 data-photo-video-details="null" 24262 > 24263 24264 <a href="javascript:;" class="arrow prev" title="Previous Slide"></a> 24265 24266 <a href="https://choosewichita.com/live/overview" class="slide_image" target="_self" > 24267 <img src="/user/image/layouts/homepage_slides_photo_1419.jpg?1620340795" alt="Live Life Zealously" class="full"> 24268 24269 <img src="/user/image/layouts/homepage_slides_photo_narrow_1419.jpg?1620340801" alt="Live Life Zealously" class="narrow"> 24270 24271 24272 24273 24274 </a> 24275 24276 24277 <a href="https://choosewichita.com/live/overview" class="content_wrapper" target="_self" > 24278 <div class="content"> 24279 <div class="wrapper"> 24280 <div class="headline"> 24281 <p>Live Life<br /> 24282<span class="brush">Zealously</span></p> </div> 24283 <div class="copy"> 24284 <p>Be where life becomes bigger — expanding options, growing opportunity and a place to make it all yours, for less.</p> </div> 24285 <div class="btn"> 24286 Find Your Fit </div> 24287 </div> 24288 </div> 24289 </a> 24290 24291 <a href="javascript:;" class="arrow next" title="Next Slide"></a> 24292 </div> 24293 24294 24295 24296 24297<div id="slides_item_2" class="slides_item" data-time="0" data-image="/user/image/layouts/homepage_slides_photo_3549.jpg?1620340808" data-narrow-image="/user/image/layouts/homepage_slides_photo_narrow_3549.jpg?1620340813" data-id="2" data-photo-video="" 24298 data-photo-video-details="null" 24299 > 24300 24301 <a href="javascript:;" class="arrow prev" title="Previous Slide"></a> 24302 24303 <a href="https://choosewichita.com/live/overview" class="slide_image" target="_self" > 24304 24305 <img src="/user/image/layouts/homepage_slides_photo_3549.jpg?1620340808" alt="" class="full"> 24306 24307 <img src="/user/image/layouts/homepage_slides_photo_narrow_3549.jpg?1620340813" alt="" class="narrow"> 24308 24309 24310 24311 24312 </a> 24313 24314 24315 <a href="https://choosewichita.com/live/overview" class="content_wrapper" target="_self" > 24316 <div class="content"> 24317 <div class="wrapper"> 24318 <div class="headline"> 24319 <p>Live Life<br /> 24320<span class="brush">Zealously</span></p> </div> 24321 <div class="copy"> 24322 <p>Be where life becomes bigger — expanding options, growing opportunity and a place to make it all yours, for less.</p> </div> 24323 <div class="btn"> 24324 Find Your Fit </div> 24325 </div> 24326 </div> 24327 </a> 24328 24329 <a href="javascript:;" class="arrow next" title="Next Slide"></a> 24330 </div> 24331 24332 24333 24334 24335<div id="slides_item_3" class="slides_item" data-time="0" data-image="/user/image/layouts/homepage_slides_photo_1497.jpg?1620340819" data-narrow-image="/user/image/layouts/homepage_slides_photo_narrow_1497.jpg?1620340825" data-id="3" data-photo-video="" 24336 data-photo-video-details="null" 24337 > 24338 24339 <a href="javascript:;" class="arrow prev" title="Previous Slide"></a> 24340 24341 <a href="https://choosewichita.com/work/overview" class="slide_image" target="_self" > 24342 24343 <img src="/user/image/layouts/homepage_slides_photo_1497.jpg?1620340819" alt="Pursue Success Relentlessly" class="full"> 24344 24345 <img src="/user/image/layouts/homepage_slides_photo_narrow_1497.jpg?1620340825" alt="Pursue Success Relentlessly" class="narrow"> 24346 24347 24348 24349 24350 </a> 24351 24352
24353 <a href="https://choosewichita.com/work/overview" class="content_wrapper" target="_self" > 24354 <div class="content"> 24355 <div class="wrapper"> 24356 <div class="headline"> 24357 <p>Pursue Success<br /> 24358<span class="brush">Relentlessly</span></p> </div> 24359 <div class="copy"> 24360 <p>Welcome to a city with business innovation at its core — successful start-ups, leading global corporations and thousands of opportunities in between.</p> </div> 24361 <div class="btn"> 24362 Start Here </div> 24363 </div> 24364 </div> 24365 </a> 24366 24367 <a href="javascript:;" class="arrow next" title="Next Slide"></a> 24368 </div> 24369 24370 24371 24372 24373<div id="slides_item_4" class="slides_item" data-time="0" data-image="/user/image/layouts/homepage_slides_photo_1777.jpg?1620340781" data-narrow-image="/user/image/layouts/homepage_slides_photo_narrow_1777.jpg?1620340787" data-id="4" data-photo-video="" 24374 data-photo-video-details="null" 24375 > 24376 24377 <a href="javascript:;" class="arrow prev" title="Previous Slide"></a> 24378 24379 <a href="https://choosewichita.com/find-a-job" class="slide_image" target="_self" > 24380 24381 <img src="/user/image/layouts/homepage_slides_photo_1777.jpg?1620340781" alt="Start Again Brilliantly" class="full"> 24382 24383 <img src="/user/image/layouts/homepage_slides_photo_narrow_1777.jpg?1620340787" alt="Start Again Brilliantly" class="narrow"> 24384 24385 24386 24387 24388 </a> 24389 24390 24391 <a href="https://choosewichita.com/find-a-job" class="content_wrapper" target="_self" > 24392 <div class="content"> 24393 <div class="wrapper"> 24394 <div class="headline"> 24395 <p>Start Again<br /> 24396<span class="brush">Brilliantly</span></p> </div> 24397 <div class="copy"> 24398 <p>Grab a bigger piece of the work pie, be your own boss or find a team of doers looking for someone just like you.</p> </div> 24399 <div class="btn"> 24400 Start Now </div> 24401 </div> 24402 </div> 24403 </a> 24404 24405 <a href="javascript:;" class="arrow next" title="Next Slide"></a> 24406 </div> 24407 24408 24409 24410 24411<div id="slides_item_5" class="slides_item" data-time="0" data-image="/user/image/layouts/homepage_slides_photo_1496.jpg?1620340767" data-narrow-image="/user/image/layouts/homepage_slides_photo_narrow_1496.jpg?1620340775" data-id="5" data-photo-video="" 24412 data-photo-video-details="null" 24413 > 24414 24415 <a href="javascript:;" class="arrow prev" title="Previous Slide"></a> 24416 24417 <a href="https://choosewichita.com/play/overview" class="slide_image" target="_self" > 24418 24419 <img src="/user/image/layouts/homepage_slides_photo_1496.jpg?1620340767" alt="Embrace Fun Endlessly" class="full"> 24420 24421 <img src="/user/image/layouts/homepage_slides_photo_narrow_1496.jpg?1620340775" alt="Embrace Fun Endlessly" class="narrow"> 24422 24423 24424 24425 24426 </a> 24427 24428 24429 <a href="https://choosewichita.com/play/overview" class="content_wrapper" target="_self" > 24430 <div class="content"> 24431 <div class="wrapper"> 24432 <div class="headline"> 24433 <p>Embrace Fun<br /> 24434<span class="brush">Endlessly</span></p> </div> 24435 <div class="copy"> 24436 <p>Exploration meets innovation within a culture of vibrant arts, passionate pursuits and community pride.</p> </div> 24437 <div class="btn"> 24438 Get Going </div> 24439 </div> 24440 </div> 24441 </a> 24442 24443 <a href="javascript:;" class="arrow next" title="Next Slide"></a> 24444 </div> 24445 24446 24447 24448 </div> 24449 <!--End Slides Cropper--> 24450 24451 <!--Nav Arrows--> 24452 24453 <div class="slides_nav_wrapper"><div class="slides_nav"><a href="javascript:;
24453" class="nav_item first" id="nav_item_1" data-slide_number="1"></a><a href="javascript:;" class="nav_item " id="nav_item_2" data-slide_number="2"></a><a href="javascript:;" class="nav_item " id="nav_item_3" data-slide_number="3"></a><a href="javascript:;" class="nav_item " id="nav_item_4" data-slide_number="4"></a><a href="javascript:;" class="nav_item last" id="nav_item_5" data-slide_number="5"></a></div></div> 24454 24455 <!--Slides Video--> 24456 24457 24458 </div> 24459<!--End Slides Container--> 24460
24461<script type="text/javascript"> 24462require(['components/slides/script', 'uikit!lightbox'], function (slides) { 24463 slides.init('#slides'); 24464}); 24465</script>
24465 </div> 24466 <div class="map"> 24467 <figure> 24468 <a href="https://youtu.be/J11jgY58EP4" data-uk-lightbox="" data-lightbox-type="iframe" title="Wichita"> 24469 <img src="/user/image/layouts/image_1515.jpg?1781531275" alt="Wichita"/> 24470 <button class="btn">Play</button> 24471 </a> 24472</figure> 24473 24474
24475<script type="text/javascript"> 24476 require(['uikit!lightbox'], function(lightbox) { 24477 }); 24478</script>
24478 24479 24480 </div> 24481 <div class="explore_wrapper"> 24482 24483<div class="explore_full "> 24484 24485<div class="explore_feature odd full"> 24486 <div class="feature_text"> 24487 <div class="title"> 24488 <p>EXPAND YOUR<br /> 24489<span class="brush">Possibilities</span></p> 24490 </div> 24491 <div class="copy"> 24492 Wichita is the Air Capital of the World — the nation’s aerospace manufacturing hub — and a hotspot for doers, makers and thinkers in all industries. 24493 </div> 24494 <a class="btn" href="https://choosewichita.com/work/overview" target="" title="Work It"> 24495 Work It 24496 </a> 24497 </div> 24498 24499 <div class="image_and_text"> 24500 <img class="photo" src="/user/image/layouts/explore_item_photo_1505.jpg?1550174216" alt="Raise Your Expectations"> 24501 <div class="info_wrapper floating-description hide-floating-bars"> 24502 <div class="info"> 24503 <p>#3 Advanced Industry Hotspot in the US</p><p><span class="source">Brookings</span></p> 24504 </div> 24505 </div> 24506 </div> 24507 </div><div class="explore_feature odd narrow"> 24508 <div class="image_and_text"> 24509 <img class="narrow_photo" src="/user/image/layouts/explore_item_narrow_photo_1505.jpg?1550174236" alt="Raise Your Expectations"> 24510 <div class="info_wrapper floating-description hide-floating-bars"> 24511 <div class="info"> 24512 <p>#3 Advanced Industry Hotspot in the US</p><p><span class="source">Brookings</span></p> 24513 </div> 24514 </div> 24515 </div> 24516 </div><div class="info_wrap"> 24517 <div class="info"> 24518 <div class="title"> 24519 <p>EXPAND YOUR<br /> 24520<span class="brush">Possibilities</span></p> 24521 </div> 24522 <div class="copy"> 24523 Wichita is the Air Capital of the World — the nation’s aerospace manufacturing hub — and a hotspot for doers, makers and thinkers in all industries. 24524 </div> 24525 <a class="btn" href="https://choosewichita.com/work/overview" target="" title="Work It"> 24526 Work It 24527 </a> 24528 </div> 24529 </div><div class="explore_feature even full"> 24530 <div class="feature_text"> 24531 <div class="title"> 24532 <p>RAISE YOUR<br /> 24533<span class="brush">Expectations</span></p> 24534 </div> 24535 <div class="copy"> 24536 Here funds go further, so you can live where and how you want. Find home among historic neighborhoods, modern downtown lofts and friendly suburbs. 24537 </div> 24538 <a class="btn" href="https://choosewichita.com/live/overview" target="" title="Live Big"> 24539 Live Big 24540 </a> 24541 </div> 24542 24543 <div class="image_and_text"> 24544 <img class="photo" src="/user/image/layouts/explore_item_photo_1504.jpg?1550175094" alt="Raise Your Expectations"> 24545 <div class="info_wrapper floating-description hide-floating-bars"> 24546 <div class="info"> 24547 <p>Top 5 "Biggest Bang for Your Buck" City</p><p><span class="source">Realtor.com</span></p> 24548 </div> 24549 </div> 24550 </div> 24551 </div><div class="explore_feature even narrow"> 24552 <div class="image_and_text"> 24553 <img class="narrow_photo" src="/user/image/layouts/explore_item_narrow_photo_1504.jpg?1550175130" alt="Raise Your Expectations"> 24554 <div class="info_wrapper floating-description hide-floating-bars"> 24555 <div class="info"> 24556 <p>Top 5 "Biggest Bang for Your Buck" City</p><p><span class="source">Realtor.com</span></p> 24557 </div> 24558 </div> 24559 </div> 24560 </div><div class="info_wrap"> 24561 <div class="info"> 24562 <div class="title"> 24563 <p>RAISE YOUR<br /> 24564<span class="brush">Expectations</span></p> 24565 </div> 24566 <div class="copy"> 24567 Here funds go further, so you can live where and how you want. Find home among historic neighborhoods, modern downtown lofts and friendly suburbs. 24568 </div> 24569 <a class="btn" href="https://choosewichita.com/live/overview" target="" title="Live Big"> 24570 Live Big 24571 </a> 24572 </div> 24573 </div><div class="explore_feature odd full"> 24574 <div class="feature_text"> 24575 <div class="title"> 24576 <p>MAKE UNEXPECTED<br /> 24577<span class="brush">Discoveries</span></p> 24578 </div> 24579 <div class="copy"> 24580 With more time for your time, indulge in global cuisines, craft breweries, world-class arts and music, expansive parks and 100+ miles of outdoor paths. 24581 </div> 24582 <a class="btn" href="https://choosewichita.com/play/overview" target="" title="Get Going"> 24583 Get Going 24584 </a> 24585 </div> 24586 24587 <div class="image_and_text"> 24588 <img class="photo" src="/user/image/layouts/explore_item_photo_1503.jpg?1550174578" alt="Make Unexpected Discoveries"> 24589 <div class="info_wrapper floating-description hide-floating-bars"> 24590 <div class="info"> 24591 <p>One of the Coolest Cities in America</p><p><span class="source">Thrillist</span></p> 24592 </div> 24593 </div> 24594 </div> 24595 </div><div class="explore_feature odd narrow"> 24596 <div class="image_and_text"> 24597 <img class="narrow_photo" src="/user/image/layouts/explore_item_narrow_photo_1503.jpg?1550174619" alt="Make Unexpected Discoveries"> 24598 <div class="info_wrapper floating-description hide-floating-bars"> 24599 <div class="info"> 24600 <p>One of the Coolest Cities in America</p><p><span class="source">Thrillist</span></p> 24601 </div> 24602 </div> 24603 </div> 24604 </div><div class="info_wrap"> 24605 <div class="info"> 24606 <div class="title"> 24607 <p>MAKE UNEXPECTED<br /> 24608<span class="brush">Discoveries</span></p> 24609 </div> 24610 <div class="copy"> 24611 With more time for your time, indulge in global cuisines, craft breweries, world-class arts and music, expansive parks and 100+ miles of outdoor paths. 24612 </div> 24613 <a class="btn" href="https://choosewichita.com/play/overview" target="" title="Get Going"> 24614 Get Going 24615 </a> 24616 </div> 24617 </div></div> 24618 </div> 24619 24620 <div class="wide_features_wrapper"> 24621 24622<div class="featured_full "> 24623 24624 24625<div class="feature full"><img class="photo" src="/user/image/layouts/full_featured_item_photo_1345.jpg?1550176123" alt="Relentlessly Different"><img class="narrow_photo" src="/user/image/layouts/full_featured_item_narrow_photo_1345.jpg?1550176726" alt="Relentlessly Different"><div class="info_wrapper floating-description hide-floating-bars"> 24626 <div class="title" style=""> 24627 <p>Relentlessly<br /> 24628<span class="brush">Different</span></p> 24629 </div> 24630 24631 <div class="read"> 24632 <div class="copy" style=""> 24633 Find inspiration, uniquely individual perspectives and stories of Wichita legends, past, present and future. Learn what makes us #RelentlesslyOriginal. 24634 </div> 24635 <a class="btn" href="https://choosewichita.com/blog" style="" target="" title="Take a Look"> 24636 Take a Look 24637 </a> 24638 </div> 24639 </div> 24640 </div><div class="feature narrow"><img class="photo" src="/user/image/layouts/full_featured_item_photo_1345.jpg?1550176123" alt="Relentlessly Different"><img class="narrow_photo" src="/user/image/layouts/full_featured_item_narrow_photo_1345.jpg?1550176726" alt="Relentlessly Different"><div class="info_wrapper description"> 24641 <div class="title" style=""> 24642 <p>Relentlessly<br /> 24643<span class="brush">Different</span></p> 24644 </div> 24645 24646 <div class="read"> 24647 <div class="copy" style=""> 24648 Find inspiration, uniquely individual perspectives and stories of Wichita legends, past, present and future. Learn what makes us #RelentlesslyOriginal. 24649 </div> 24650 <a class="btn" href="https://choosewichita.com/blog" style="" target="" title="Take a Look"> 24651 Take a Look 24652 </a> 24653 </div> 24654 </div> 24655 </div></div> 24656 </div> 24657 24658 <div class="featured_wrapper carousel"> 24659 <div class="carousel_wrapper"> 24660 24661<h4 class="featured_carousel_headline"> 24662Life in Wichita</h4> 24663 24664<p>
24664Discover Wichita like a local</p> 24665 24666<div class="featured_carousel owl-carousel owl-theme uk-grid uk-grid-collapse" data-uk-margin> 24667 <div class="image_captioned"> 24668 <div> 24669 <div class="image_captioned_image"> 24670 <a href="wichita-insiders" 24671 target="_self" 24672 title=""> 24673 <img src="/user/image/layouts/cp_photo_5161.jpg?1744038798" alt=""/> 24674 </a> 24675 </div> 24676 </div> 24677 24678 <div> 24679 <div class="image_captioned_text"> 24680 <h4 class="nochevron image_captioned_headline" > 24681 <a href="wichita-insiders" 24682 target="_self" 24683 title="Ictbrokegirls"> 24684 Ictbrokegirls </a> 24685 </h4> 24686 <div class="copy truncated"> 24687 </div> 24688 <a href="https://instagram.com/ictbrokegirls" class="social fab fa-instagram" target="_blank"></a> 24689 </div> 24690 </div> 24691</div> 24692 <div class="image_captioned"> 24693 <div> 24694 <div class="image_captioned_image"> 24695 <a href="wichita-insiders" 24696 target="_self" 24697 title="Wichita Mom, local influencer"> 24698 <img src="/user/image/layouts/cp_photo_5160.png?1744038736" alt="Wichita Mom, local influencer"/> 24699 </a> 24700 </div> 24701 </div> 24702 24703 <div> 24704 <div class="image_captioned_text"> 24705 <h4 class="nochevron image_captioned_headline" > 24706 <a href="wichita-insiders" 24707 target="_self" 24708 title="Wichita Mom"> 24709 Wichita Mom </a> 24710 </h4> 24711 <div class="copy truncated"> 24712 </div> 24713 <a href="https://instagram.com/wichitamoms" class="social fab fa-instagram" target="_blank"></a> 24714 </div> 24715 </div> 24716</div> 24717 <div class="image_captioned"> 24718 <div> 24719 <div class="image_captioned_image"> 24720 <a href="wichita-insiders" 24721 target="_self" 24722 title="Wichita by E.B., local influencer"> 24723 <img src="/user/image/layouts/cp_photo_5159.jpg?1744038619" alt="Wichita by E.B., local influencer"/> 24724 </a> 24725 </div> 24726 </div> 24727 24728 <div> 24729 <div class="image_captioned_text"> 24730 <h4 class="nochevron image_captioned_headline" > 24731 <a href="wichita-insiders" 24732 target="_self" 24733 title="Wichita by E.B."> 24734 Wichita by E.B. </a> 24735 </h4> 24736 <div class="copy truncated"> 24737 </div> 24738 <a href="https://x.com/wichitabyeb" class="social fab fa-x-twitter" target="_blank" style="max-width: 22px; 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;"> 24739<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="#f45656"/></a> 24740 <a href="https://instagram.com/wichitabyeb" class="social fab fa-instagram" target="_blank"></a> 24741 </div> 24742 </div> 24743</div> 24744 <div class="image_captioned"> 24745 <div> 24746 <div class="image_captioned_image"> 24747 <a href="wichita-insiders" 24748 target="_self" 24749 title="Downtown Wichita, local influencer"> 24750 <img src="/user/image/layouts/cp_photo_5158.jpg?1744038302" alt="Downtown Wichita, local influencer"/> 24751 </a> 24752 </div> 24753 </div> 24754 24755 <div> 24756 <div class="image_captioned_text"> 24757 <h4 class="nochevron image_captioned_headline" > 24758 <a href="wichita-insiders" 24759 target="_self" 24760 title="Downtown Wichita"> 24761 Downtown Wichita </a> 24762 </h4> 24763 <div class="copy truncated"> 24764 </div> 24765 <a href="https://linkedin.com/in//company/downtownwichita" class="social fab fa-linkedin-in" target="_blank"></a> 24766 <a href="https://x.com/downtownwichita" class="social fab fa-x-twitter" target="_blank" style="max-width: 22px; position: relative; top: -2px; ">
24766<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto;"> 24767<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="#f45656"/></a> 24768 <a href="https://instagram.com/downtownwichita" class="social fab fa-instagram" target="_blank"></a> 24769 </div> 24770 </div> 24771</div> 24772 <div class="image_captioned"> 24773 <div> 24774 <div class="image_captioned_image"> 24775 <a href="wichita-insiders" 24776 target="_self" 24777 title="Wichita Life, local influencer"> 24778 <img src="/user/image/layouts/cp_photo_1509.jpg?1744038082" alt="Wichita Life, local influencer"/> 24779 </a> 24780 </div> 24781 </div> 24782 24783 <div> 24784 <div class="image_captioned_text"> 24785 <h4 class="nochevron image_captioned_headline" > 24786 <a href="wichita-insiders" 24787 target="_self" 24788 title="Wichita Life"> 24789 Wichita Life </a> 24790 </h4> 24791 <div class="copy truncated"> 24792 </div> 24793 <a href="https://linkedin.com/in/landon-huslig-5b5b006a" class="social fab fa-linkedin-in" target="_blank"></a> 24794 <a href="https://x.com/wichitalifeict" class="social fab fa-x-twitter" target="_blank" style="max-width: 22px; 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;"> 24795<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="#f45656"/></a> 24796 <a href="https://instagram.com/wichitalife" class="social fab fa-instagram" target="_blank"></a> 24797 </div> 24798 </div> 24799</div> 24800 </div> 24801 </div> 24802 </div> 24803 24804 <div class="article"> 24805 <div class="headline"> 24806 Choose Wichita </div> 24807 <div class="copy"> 24808 <p>Step out, step in and step up with a career path that leads to Wichita.</p> </div> 24809 <a href="https://choosewichita.com/find-a-job" class="btn" 24810 24811 target="_self" 24812 24813 title="Browse Jobs">Browse Jobs </a> 24814 </div> 24815 24816 24817</div> 24818 24819<div class="bottom_wrapper"> 24820 <footer> 24821 <div class="container"> 24822 <div class="uk-grid"> 24823 24824 <!-- Desktop Social Bar --> 24825 <div class="uk-width-small-3-10 uk-width-medium-2-10 desktop-social footer-social"> 24826 <div class="social_icons"> 24827 24828 <a href="https://www.instagram.com/choosewichita/" target="_blank" class="icon fab fa-instagram" title="Instagram"></a> 24829 24830 <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;"> 24831<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"/> 24832</svg></a> 24833 24834 <a href="https://www.facebook.com/choosewichita/" target="_blank" class="icon fab fa-facebook" title="Facebook"></a> 24835 24836 24837 <a href="https://www.linkedin.com/company/choose-wichita/" target="_blank" class="icon fab fa-linkedin-in" title="LinkedIn"></a> 24838 24839 24840 24841 24842</div> 24843 <div id="conveythis_widget" class="conveythis_widget"> 24844 <div id="conveythis_widget-target" class="conveythis_widget-target"> 24845 </div> 24846</div> 24847
24848<script src="//cdn.conveythis.com/javascript/54/conveythis.js"></script>
vendor: 1 bytes, line 24848
24848
24849<script src="//cdn.conveythis.com/javascript/54/translate.js"></script>
vendor: 1 bytes, line 24849
24849
24850<script type="text/javascript"> 24851 // document.addEventListener("load", function(e) { 24852 setTimeout(function() { 24853 conveythis.init({ 24854 icon: "without-flag", 24855 text: "full-text", 24856 positionTop: null, 24857 positionBottom: null, 24858 positionLeft: null, 24859 positionRight: null, 24860 change: {}, 24861 languages: [{"id":777,"active":false},{"id":719,"active":false},{"id":792,"active":false},{"id":703,"active":true}], 24862 api_key: 'pub_af2c3b490924132e965573e3e19a5638', 24863 source_language_id: 703, 24864 auto_translate: 0, 24865 hide_conveythis_logo: 1, 24866 translate_media: 1, 24867 translate_document: 1, 24868 change_direction: 1, 24869 selector: "conveythis_widget-target", 24870 } ); 24871 // } ); 24872 }, 750); 24873 24874</script>
24874 24875 </div> 24876 <!-- End Desktop Social Bar --> 24877 24878 <div class="uk-width-small-7-10 uk-width-medium-5-10 info"> 24879 <!-- Footer Nav --> 24880 <nav> 24881 <a href="https://choosewichita.com/find-a-job" class="nav_item " 24882 target="">Browse Jobs</a> 24883 <a href="https://choosewichita.com/about" class="nav_item " 24884 target="">About</a> 24885 <a href="https://choosewichita.com/privacy-policy" class="nav_item " 24886 target="">Privacy Policy</a> 24887 <a href="https://choosewichita.com/sitemap" class="nav_item " 24888 target="">Sitemap</a> 24889 <a href="https://choosewichita.com/contact" class="nav_item " 24890 target="">Contact</a> 24891 </nav> 24892 <!-- End Footer Nav --> 24893 24894 <!-- Additional Info/Byline --> 24895 <div class="contact_info"> 24896 <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 --> 24897 </div> 24898 24899 <div class="uk-width-small-3-10 logo_share"> 24900 <!-- Footer Logo --> 24901 <div class="brand_logo"> 24902 24903<div id="logo"> 24904 <div class="logo"> 24905 24906 24907 24908 <img src="/user/foundation/wichita-logo.png?v=1736924400" alt="Wichita" data-image-2x="/user/foundation/wichita-logo.png?v=1736924400"/> 24909 24910 </div> 24911</div>
24912<script type="text/javascript"> 24913 require(['components/logo/script'], function (logo) { 24914 logo.init('#logo'); 24915 }); 24916</script>
24916 24917 </div> 24918 <!-- End Footer Logo --> 24919 </div> 24920 24921 <div class="mobile_only"> 24922 <!-- Additional Info/Byline --> 24923 <div class="contact_info"> 24924 <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 --> 24925 </div> 24926 24927 </div> 24928 </div> 24929</footer> 24930 24931<div id="privacy_notice" class="privacy_notice"> 24932 <div class="message"> 24933 <div class="privacy_notice__message__interior"> 24934 <div><a href="javascript:;" class="close fa fa-times-circle" aria-hidden="true"></a></div> 24935 <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> 24936 </div> 24937 </div> 24938</div> 24939 24940
24941<script type="text/javascript"> 24942require(['components/privacy_notice/script'], function (privacy_notice) { 24943 privacy_notice.init("#privacy_notice"); 24944}); 24945</script>
24945 24946<!-- Scripts for Sticky Nav and Superscript Application -->
24947<script type="text/javascript"> 24948 require(["scripts/top-bar-sticky"], function(sticky) { 24949 sticky.init(); 24950 }); 24951 require(["scripts/superscript"], function(superscript) { 24952 superscript.init(); 24953 }); 24954</script>
24954 24955 24956<!-- Debug Zone Component --> 24957</div> 24958
24959<script type="text/javascript"> 24960 require(['scripts/smoothScroll'], function (smooth) { 24961 smooth.init(); 24962 }); 24963</script>
24963 24964 24965<!-- Begin Constant Contact Active Forms --> 24966
24967<script> var _ctct_m = "70d21352eb1cc6c13fe6d77c8ea0811a"; </script>
24967 24968
24969<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
24969 24970 24971<!-- End Constant Contact Active Forms --> 24972</body>
24972<script type="text/javascript" src="https://choosewichita.com/templates/featured_carousel/content_script.js?1736924400"></script>
24972<script type="text/javascript" src="https://choosewichita.com/scripts/lib/jquery.mobile-events.min.js?1736924400"></script>
24972<script type="text/javascript" src="https://choosewichita.com/scripts/elements/elements.js?1736924400"></script>
24972</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.