1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 5 <meta charset="utf-8"> 6 <title>Contact Us </title> 7 <meta property="og:title" content="Contact Us "> 8 <meta name="twitter:title" content="Contact Us "> 9 <meta name="description" content="HeidiSongs Streaming Contact Page"> 10 <meta property="og:description" content="HeidiSongs Streaming Contact Page"> 11 <meta name="twitter:description" content=" HeidiSongs Streaming Contact Page"> 12 <link 13 rel="icon" 14 href="https://www.heidisongs.tv/images/favicontypes/5896/data_2fimages_2f5ocwwr2rqvcgmtjfn5m2_favicon-logo.png" 15> 16<link 17 rel="apple-touch-icon" 18 sizes="180x180" 19 href="https://www.heidisongs.tv/images/favicontypes/5896/data_2fimages_2f5ocwwr2rqvcgmtjfn5m2_favicon-logo.png" 20> 21 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 22 <meta name="csrf-token" content=""> 23 <link rel="preconnect" href="https://fonts.googleapis.com"> 24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 25 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 26
26<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js"></script>
26 27
27<script> 28 window.editorId = 414281; 29 window.editorLink = 'https://app.uscreen.tv/bullet/page_builder/414281'; 30 window.body_font_family = 'Work Sans:300,400,700,900'; 31 window.heading_font_family = 'Work Sans:300,400,700,900'; 32 </script>
32 33
33<script> 34 window.uscreenStoreId = 5710; 35 </script>
35 36
36<script src="https://assets-gke.uscreencdn.com/vite/assets/landing_page_analytics-DgquKHA4.js" crossorigin="anonymous" type="module"></script>
36<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/VideoTracker-DKtiOlZs.js" as="script" crossorigin="anonymous"> 37<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/_commonjsHelpers-BosuxZz1.js" as="script" crossorigin="anonymous"> 38 <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/tailwind-CeQmPIAS.css" media="all" /> 39
39<script src="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-BZ9GwY5K.js" crossorigin="anonymous" type="module"></script>
39<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-s3Hva0Xc.js" as="script" crossorigin="anonymous"> 40<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/excludeTurboTrainBroadcastReactEvents-Ch9QDwMS.js" as="script" crossorigin="anonymous"> 41<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/VideoTracker-DKtiOlZs.js" as="script" crossorigin="anonymous"> 42<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/turbo.es2017-esm-CbrezRZI.js" as="script" crossorigin="anonymous"> 43<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/_commonjsHelpers-BosuxZz1.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-DtHu4oK3.css" media="screen" /> 44
44<script src="https://assets-gke.uscreencdn.com/vite/assets/web-components-BnSq9iDb.js" crossorigin="anonymous" type="module"></script>
44<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-s3Hva0Xc.js" as="script" crossorigin="anonymous"> 45 46 <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/page_builder-BMl1NNRh.css" media="all" /> 47 <style> 48 :root { 49 --primary: #80B743; 50 --primary-rgb: 128, 183, 67; 51 --contrast-text-color: #FFFFFF; 52 --contrast-to-primary-color: #fff; 53 } 54</style> 55<style id="custom-theme-styles" media="none"> 56 body.light { 57 --main-color-h: 0; 58 --main-color-s: 100; 59 --main-color-l: 100; 60 --ds-bg-main: hsl(0, 100%, 100%); 61 62 --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 96%); 63 --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%); 64 --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%); 65 --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%); 66 67 --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 85%); 68 --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 8%); 69 --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 25%); 70 --ds-fg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 50%); 71 } 72 73 body.dark { 74 --main-color-h: 0; 75 --main-color-s: 100; 76 --main-color-l: 0; 77 --ds-bg-main: hsl(0, 100%, 0%); 78 79 --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 10%); 80 --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 2%); 81 --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 6%); 82 --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 15%); 83 84 --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 20%); 85 --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%); 86 --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 70%); 87 --ds-fg-subtle: hsl(var(--main-color-h), clamp(7%, calc(calc(var(--main-color-s) - 10) * 1%), 100%), 60%); 88 } 89 90</style> 91 92 <link 93 rel="stylesheet" 94 href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" 95 integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" 96 crossorigin="anonymous" 97 > 98 99<style> 100 img.image { 101 height: 40px; 102 } 103</style> 104 105<link href="https://fonts.googleapis.com/css?family=Paytone+One&display=swap" rel="stylesheet"> 106 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet"> 107 108 109<style> 110 #store-logo>img { 111 max-width: 200px; 112 } 113body { 114background-color: #f1f1f1; 115} 116 117#category_show h1 { 118 font-size: 40px; 119} 120 121#category_show p { 122 font-size: 16px; 123} 124 125 126@media(min-width: 1010px) { 127#main-menu ul div { 128 display: none; 129} 130 131#main-menu li:not(.text-ds-muted) { 132 display: none; 133} 134 135} 136 137.button span { 138 font-family: Montserrat, sans-serif !important; 139} 140 141p { 142 font-family: Montserrat, sans-serif; 143} 144 145.editor-content p { 146 font-family: Montserrat, sans-serif; 147} 148 149section { 150background-color: #f1f1f1; 151} 152 153/*! 154 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/) 155 * Copyright 2011-2018 The Bootstrap Authors 156 * Copyright 2011-2018 Twitter, Inc. 157 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 158 */ 159#catalog_featured { 160 display: none !important; 161} 162@-ms-viewport { 163 width: device-width 164} 165 166#favoritevideocheckbox { 167 display: none !important; 168} 169 170.hide-me-dev { 171 /* display: none; */ 172} 173 174.playlist-23-wrap { 175 position: relative; 176margin: 15px 0; 177} 178 179.category-title { 180 font-family: 'Paytone One', sans-serif; 181 letter-spacing: 2.4px; 182} 183 184.playlist-23-wrap .btn { 185 border-radius: .25rem !important; 186 187} 188 189#savelist { 190 margin-top: 20px; 191 width: 100%; 192} 193 194#savelist i, 195#showlist i { 196 margin-left: 10px; 197} 198 199.playlist-dropdown { 200 display: none; 201 height: 450px; 202 border-radius: .25rem !important; 203 background: #fff; 204 padding: 15px; 205 border: 1px solid rgba(0, 0, 0, .2); 206 box-shadow: 0 0 10px 0 rgba(74, 74, 74, .05); 207 width: 350px; 208 margin-top: 0; 209 position: absolute; 210 top: 100%; 211 left: 0; 212 z-index: 999; 213} 214 215.playlist-dropdown ul { 216 height: calc( 100% - 120px ); 217 overflow: auto; 218} 219 220.playlist-dropdown input { 221 margin-right: 10px; 222} 223 224.playlist-dropdown li { 225 margin-bottom: 5px; 226} 227 228.playlist-dropdown #clearlist { 229 margin-top: 10px; 230 background: #d93833; 231 width: 100%; 232} 233 234html { 235 -webkit-box-sizing: border-box; 236 box-sizing: border-box; 237 -ms-overflow-style: scrollbar 238} 239 240*, 241:after, 242:before { 243 -webkit-box-sizing: inherit; 244 box-sizing: inherit 245} 246 247.container { 248 width: 100%; 249 padding-right: 15px; 250 padding-left: 15px; 251 margin-right: auto; 252 margin-left: auto 253} 254 255@media (min-width:576px) { 256 .container { 257 max-width: 540px 258 } 259} 260 261@media (min-width:768px) { 262 .container { 263 max-width: 720px 264 } 265} 266 267@media (min-width:992px) { 268 .container { 269 max-width: 960px 270 } 271} 272 273@media (min-width:1200px) { 274 .container { 275 max-width: 1140px 276 } 277} 278 279.container-fluid { 280 width: 100%; 281 padding-right: 15px; 282 padding-left: 15px; 283 margin-right: auto; 284 margin-left: auto 285} 286 287.row { 288 display: -ms-flexbox; 289 display: -webkit-box; 290 display: flex; 291 -ms-flex-wrap: wrap; 292 flex-wrap: wrap; 293 margin-right: -15px; 294 margin-left: -15px 295} 296 297.no-gutters { 298 margin-right: 0; 299 margin-left: 0 300} 301 302.no-gutters>.col, 303.no-gutters>[class*=col-] { 304 padding-right: 0; 305 padding-left: 0 306} 307 308.col, 309.col-1, 310.col-10, 311.col-11, 312.col-12, 313.col-2, 314.col-3, 315.col-4, 316.col-5, 317.col-6, 318.col-7, 319.col-8, 320.col-9, 321.col-auto, 322.col-lg, 323.col-lg-1, 324.col-lg-10, 325.col-lg-11, 326.col-lg-12, 327.col-lg-2, 328.col-lg-3, 329.col-lg-4, 330.col-lg-5, 331.col-lg-6, 332.col-lg-7, 333.col-lg-8, 334.col-lg-9, 335.col-lg-auto, 336.col-md, 337.col-md-1, 338.col-md-10, 339.col-md-11, 340.col-md-12, 341.col-md-2, 342.col-md-3,
343.col-md-4, 344.col-md-5, 345.col-md-6, 346.col-md-7, 347.col-md-8, 348.col-md-9, 349.col-md-auto, 350.col-sm, 351.col-sm-1, 352.col-sm-10, 353.col-sm-11, 354.col-sm-12, 355.col-sm-2, 356.col-sm-3, 357.col-sm-4, 358.col-sm-5, 359.col-sm-6, 360.col-sm-7, 361.col-sm-8, 362.col-sm-9, 363.col-sm-auto, 364.col-xl, 365.col-xl-1, 366.col-xl-10, 367.col-xl-11, 368.col-xl-12, 369.col-xl-2, 370.col-xl-3, 371.col-xl-4, 372.col-xl-5, 373.col-xl-6, 374.col-xl-7, 375.col-xl-8, 376.col-xl-9, 377.col-xl-auto { 378 position: relative; 379 width: 100%; 380 min-height: 1px; 381 padding-right: 15px; 382 padding-left: 15px 383} 384 385.col { 386 -ms-flex-preferred-size: 0; 387 flex-basis: 0; 388 -ms-flex-positive: 1; 389 -webkit-box-flex: 1; 390 flex-grow: 1; 391 max-width: 100% 392} 393 394.col-auto { 395 -ms-flex: 0 0 auto; 396 flex: 0 0 auto; 397 width: auto; 398 max-width: none 399} 400 401.col-1, 402.col-auto { 403 -webkit-box-flex: 0 404} 405 406.col-1 { 407 -ms-flex: 0 0 8.333333%; 408 flex: 0 0 8.333333%; 409 max-width: 8.333333% 410} 411 412.col-2 { 413 -ms-flex: 0 0 16.666667%; 414 flex: 0 0 16.666667%; 415 max-width: 16.666667% 416} 417 418.col-2, 419.col-3 { 420 -webkit-box-flex: 0 421} 422 423.col-3 { 424 -ms-flex: 0 0 25%; 425 flex: 0 0 25%; 426 max-width: 25% 427} 428 429.col-4 { 430 -ms-flex: 0 0 33.333333%; 431 flex: 0 0 33.333333%; 432 max-width: 33.333333% 433} 434 435.col-4, 436.col-5 { 437 -webkit-box-flex: 0 438} 439 440.col-5 { 441 -ms-flex: 0 0 41.666667%; 442 flex: 0 0 41.666667%; 443 max-width: 41.666667% 444} 445 446.col-6 { 447 -ms-flex: 0 0 50%; 448 flex: 0 0 50%; 449 max-width: 50% 450} 451 452.col-6, 453.col-7 { 454 -webkit-box-flex: 0 455} 456 457.col-7 { 458 -ms-flex: 0 0 58.333333%; 459 flex: 0 0 58.333333%; 460 max-width: 58.333333% 461} 462 463.col-8 { 464 -ms-flex: 0 0 66.666667%; 465 flex: 0 0 66.666667%; 466 max-width: 66.666667% 467} 468 469.col-8, 470.col-9 { 471 -webkit-box-flex: 0 472} 473 474.col-9 { 475 -ms-flex: 0 0 75%; 476 flex: 0 0 75%; 477 max-width: 75% 478} 479 480.col-10 { 481 -ms-flex: 0 0 83.333333%; 482 flex: 0 0 83.333333%; 483 max-width: 83.333333% 484} 485 486.col-10, 487.col-11 { 488 -webkit-box-flex: 0 489} 490 491.col-11 { 492 -ms-flex: 0 0 91.666667%; 493 flex: 0 0 91.666667%; 494 max-width: 91.666667% 495} 496 497.col-12 { 498 -ms-flex: 0 0 100%; 499 -webkit-box-flex: 0; 500 flex: 0 0 100%; 501 max-width: 100% 502} 503 504.order-first { 505 -ms-flex-order: -1; 506 -webkit-box-ordinal-group: 0; 507 order: -1 508} 509 510.order-last { 511 -ms-flex-order: 13; 512 -webkit-box-ordinal-group: 14; 513 order: 13 514} 515 516.order-0 { 517 -ms-flex-order: 0; 518 -webkit-box-ordinal-group: 1; 519 order: 0 520} 521 522.order-1 { 523 -ms-flex-order: 1; 524 -webkit-box-ordinal-group: 2; 525 order: 1 526} 527 528.order-2 { 529 -ms-flex-order: 2; 530 -webkit-box-ordinal-group: 3; 531 order: 2 532} 533 534.order-3 { 535 -ms-flex-order: 3; 536 -webkit-box-ordinal-group: 4; 537 order: 3 538} 539 540.order-4 { 541 -ms-flex-order: 4; 542 -webkit-box-ordinal-group: 5; 543 order: 4 544} 545 546.order-5 { 547 -ms-flex-order: 5; 548 -webkit-box-ordinal-group: 6; 549 order: 5 550} 551 552.order-6 { 553 -ms-flex-order: 6; 554 -webkit-box-ordinal-group: 7; 555 order: 6 556} 557 558.order-7 { 559 -ms-flex-order: 7; 560 -webkit-box-ordinal-group: 8; 561 order: 7 562} 563 564.order-8 { 565 -ms-flex-order: 8; 566 -webkit-box-ordinal-group: 9; 567 order: 8 568} 569 570.order-9 { 571 -ms-flex-order: 9; 572 -webkit-box-ordinal-group: 10; 573 order: 9 574} 575 576.order-10 { 577 -ms-flex-order: 10; 578 -webkit-box-ordinal-group: 11; 579 order: 10 580} 581 582.order-11 { 583 -ms-flex-order: 11; 584 -webkit-box-ordinal-group: 12; 585 order: 11 586} 587 588.order-12 { 589 -ms-flex-order: 12; 590 -webkit-box-ordinal-group: 13; 591 order: 12 592} 593 594.offset-1 { 595 margin-left: 8.333333% 596} 597 598.offset-2 { 599 margin-left: 16.666667% 600} 601 602.offset-3 { 603 margin-left: 25% 604} 605 606.offset-4 { 607 margin-left: 33.333333% 608} 609 610.offset-5 { 611 margin-left: 41.666667% 612} 613 614.offset-6 { 615 margin-left: 50% 616} 617 618.offset-7 { 619 margin-left: 58.333333% 620} 621 622.offset-8 { 623 margin-left: 66.666667% 624} 625 626.offset-9 { 627 margin-left: 75% 628} 629 630.offset-10 { 631 margin-left: 83.333333% 632} 633 634.offset-11 { 635 margin-left: 91.666667% 636} 637 638@media (min-width:576px) { 639 .col-sm { 640 -ms-flex-preferred-size: 0; 641 flex-basis: 0; 642 -ms-flex-positive: 1; 643 -webkit-box-flex: 1; 644 flex-grow: 1; 645 max-width: 100% 646 } 647 .col-sm-auto { 648 -ms-flex: 0 0 auto; 649 -webkit-box-flex: 0; 650 flex: 0 0 auto; 651 width: auto; 652 max-width: none 653 } 654 .col-sm-1 { 655 -ms-flex: 0 0 8.333333%; 656 -webkit-box-flex: 0; 657 flex: 0 0 8.333333%; 658 max-width: 8.333333% 659 } 660 .col-sm-2 { 661 -ms-flex: 0 0 16.666667%; 662 -webkit-box-flex: 0; 663 flex: 0 0 16.666667%; 664 max-width: 16.666667% 665 } 666 .col-sm-3 { 667 -ms-flex: 0 0 25%; 668 -webkit-box-flex: 0; 669 flex: 0 0 25%; 670 max-width: 25% 671 } 672 .col-sm-4 { 673 -ms-flex: 0 0 33.333333%; 674 -webkit-box-flex: 0; 675 flex: 0 0 33.333333%; 676 max-width: 33.333333% 677 } 678 .col-sm-5 { 679 -ms-flex: 0 0 41.666667%; 680 -webkit-box-flex: 0; 681 flex: 0 0 41.666667%; 682 max-width: 41.666667% 683 } 684 .col-sm-6 { 685 -ms-flex: 0 0 50%; 686 -webkit-box-flex: 0; 687 flex: 0 0 50%; 688 max-width: 50% 689 } 690 .col-sm-7 { 691 -ms-flex: 0 0 58.333333%; 692 -webkit-box-flex: 0; 693 flex: 0 0 58.333333%; 694 max-width: 58.333333% 695 } 696 .col-sm-8 { 697 -ms-flex: 0 0 66.666667%; 698 -webkit-box-flex: 0; 699 flex: 0 0 66.666667%; 700 max-width: 66.666667% 701 } 702 .col-sm-9 { 703 -ms-flex: 0 0 75%; 704 -webkit-box-flex: 0; 705 flex: 0 0 75%; 706 max-width: 75% 707 } 708 .col-sm-10 { 709 -ms-flex: 0 0 83.333333%; 710 -webkit-box-flex: 0; 711 flex: 0 0 83.333333%; 712 max-width: 83.333333% 713 } 714 .col-sm-11 { 715 -ms-flex: 0 0 91.666667%; 716 -webkit-box-flex: 0; 717 flex: 0 0 91.666667%; 718 max-width: 91.666667% 719 } 720 .col-sm-12 { 721 -ms-flex: 0 0 100%; 722 -webkit-box-flex: 0; 723 flex: 0 0 100%; 724 max-width: 100% 725 } 726 .order-sm-first { 727 -ms-flex-order: -1; 728 -webkit-box-ordinal-group: 0; 729 order: -1 730 } 731 .order-sm-last { 732 -ms-flex-order: 13; 733 -webkit-box-ordinal-group: 14; 734 order: 13 735 } 736 .order-sm-0 { 737 -ms-flex-order: 0; 738 -webkit-box-ordinal-group: 1; 739 order: 0 740 } 741 .order-sm-1 { 742 -ms-flex-order: 1; 743 -webkit-box-ordinal-group: 2; 744 order: 1 745 } 746 .order-sm-2 { 747 -ms-flex-order: 2; 748 -webkit-box-ordinal-group: 3; 749 order: 2 750 } 751 .order-sm-3 { 752 -ms-flex-order: 3; 753 -webkit-box-ordinal-group: 4; 754 order: 3 755 } 756 .order-sm-4 { 757 -ms-flex-order: 4; 758 -webkit-box-ordinal-group: 5; 759 order: 4 760 } 761 .order-sm-5 { 762 -ms-flex-order: 5; 763 -webkit-box-ordinal-group: 6; 764 order: 5 765 } 766 .order-sm-6 { 767 -ms-flex-order: 6; 768 -webkit-box-ordinal-group: 7; 769 order: 6 770 } 771 .order-sm-7 { 772 -ms-flex-order: 7; 773 -webkit-box-ordinal-group: 8; 774 order: 7 775 } 776 .order-sm-8 { 777 -ms-flex-order: 8; 778 -webkit-box-ordinal-group: 9; 779 order: 8 780 } 781 .order-sm-9 { 782 -ms-flex-order: 9; 783 -webkit-box-ordinal-group: 10; 784 order: 9 785 } 786 .order-sm-10 { 787 -ms-flex-order: 10; 788 -webkit-box-ordinal-group: 11; 789 order: 10 790 } 791 .order-sm-11 { 792 -ms-flex-order: 11; 793 -webkit-box-ordinal-group: 12; 794 order: 11 795 } 796 .order-sm-12 { 797 -ms-flex-order: 12; 798 -webkit-box-ordinal-group: 13; 799 order: 12 800 } 801 .offset-sm-0 { 802 margin-left: 0 803 } 804 .offset-sm-1 { 805 margin-left: 8.333333% 806 } 807 .offset-sm-2 { 808 margin-left: 16.666667% 809 } 810 .offset-sm-3 { 811 margin-left: 25% 812 } 813 .offset-sm-4 { 814 margin-left: 33.333333% 815 } 816 .offset-sm-5 { 817 margin-left: 41.666667% 818 } 819 .offset-sm-6 { 820 margin-left: 50% 821 } 822 .offset-sm-7 { 823 margin-left: 58.333333% 824 } 825 .offset-sm-8 { 826 margin-left: 66.666667% 827 } 828 .offset-sm-9 { 829 margin-left: 75% 830 } 831 .offset-sm-10 { 832 margin-left: 83.333333% 833 } 834 .offset-sm-11 { 835 margin-left: 91.666667% 836 } 837} 838 839@media (min-width:768px) { 840 .col-md { 841 -ms-flex-preferred-size: 0; 842 flex-basis: 0; 843 -ms-flex-positive: 1; 844 -webkit-box-flex: 1; 845 flex-grow: 1; 846 max-width: 100% 847 } 848 .col-md-auto { 849 -ms-flex: 0 0 auto; 850 -webkit-box-flex: 0; 851 flex: 0 0 auto; 852 width: auto; 853 max-width: none 854 } 855 .col-md-1 { 856 -ms-flex: 0 0 8.333333%; 857 -webkit-box-flex: 0; 858 flex: 0 0 8.333333%; 859 max-width: 8.333333% 860 } 861 .col-md-2 { 862 -ms-flex: 0 0 16.666667%; 863 -webkit-box-flex: 0; 864 flex: 0 0 16.666667%; 865 max-width: 16.666667% 866 } 867 .col-md-3 { 868 -ms-flex: 0 0 25%; 869 -webkit-box-flex: 0; 870 flex: 0 0 25%; 871 max-width: 25% 872 } 873 .col-md-4 { 874 -ms-flex: 0 0 33.333333%; 875 -webkit-box-flex: 0; 876 flex: 0 0 33.333333%; 877 max-width: 33.333333% 878 } 879 .col-md-5 { 880 -ms-flex: 0 0 41.666667%; 881 -webkit-box-flex: 0; 882 flex: 0 0 41.666667%; 883 max-width: 41.666667% 884 } 885 .col-md-6 { 886 -ms-flex: 0 0 50%; 887 -webkit-box-flex: 0; 888 flex: 0 0 50%; 889 max-width: 50% 890 } 891 .col-md-7 { 892 -ms-flex: 0 0 58.333333%; 893 -webkit-box-flex: 0; 894 flex: 0 0 58.333333%; 895 max-width: 58.333333% 896 } 897 .col-md-8 { 898 -ms-flex: 0 0 66.666667%; 899 -webkit-box-flex: 0; 900 flex: 0 0 66.666667%; 901 max-width: 66.666667% 902 } 903 .col-md-9 { 904 -ms-flex: 0 0 75%; 905 -webkit-box-flex: 0; 906 flex: 0 0 75%; 907 max-width: 75% 908 } 909 .col-md-10 { 910 -ms-flex: 0 0 83.333333%; 911 -webkit-box-flex: 0; 912 flex: 0 0 83.333333%; 913 max-width: 83.333333% 914 } 915 .col-md-11 { 916 -ms-flex: 0 0 91.666667%; 917 -webkit-box-flex: 0; 918 flex: 0 0 91.666667%; 919 max-width: 91.666667% 920 } 921 .col-md-12 { 922 -ms-flex: 0 0 100%; 923 -webkit-box-flex: 0; 924 flex: 0 0 100%; 925 max-width: 100% 926 } 927 .order-md-first { 928 -ms-flex-order: -1; 929 -webkit-box-ordinal-group: 0; 930 order: -1 931 } 932 .order-md-last { 933 -ms-flex-order: 13; 934 -webkit-box-ordinal-group: 14; 935 order: 13 936 } 937 .order-md-0 { 938 -ms-flex-order: 0; 939 -webkit-box-ordinal-group: 1; 940 order: 0 941 } 942 .order-md-1 { 943 -ms-flex-order: 1; 944 -webkit-box-ordinal-group: 2; 945 order: 1 946 } 947 .order-md-2 { 948 -ms-flex-order: 2; 949 -webkit-box-ordinal-group: 3; 950 order: 2 951 } 952 .order-md-3 { 953 -ms-flex-order: 3; 954 -webkit-box-ordinal-group: 4; 955 order: 3 956 } 957 .order-md-4 { 958 -ms-flex-order: 4; 959 -webkit-box-ordinal-group: 5; 960 order: 4 961 } 962 .order-md-5 { 963 -ms-flex-order: 5; 964 -webkit-box-ordinal-group: 6; 965 order: 5 966 } 967 .order-md-6 { 968 -ms-flex-order: 6; 969 -webkit-box-ordinal-group: 7; 970 order: 6 971 } 972 .order-md-7 { 973 -ms-flex-order: 7; 974 -webkit-box-ordinal-group: 8; 975 order: 7 976 } 977 .order-md-8 { 978 -ms-flex-order: 8; 979 -webkit-box-ordinal-group: 9; 980 order: 8 981 } 982 .order-md-9 { 983 -ms-flex-order: 9; 984 -webkit-box-ordinal-group: 10; 985 order: 9 986 } 987 .order-md-10 { 988 -ms-flex-order: 10; 989 -webkit-box-ordinal-group: 11; 990 order: 10 991 } 992 .order-md-11 { 993 -ms-flex-order: 11; 994 -webkit-box-ordinal-group: 12; 995 order: 11 996 } 997 .order-md-12 { 998 -ms-flex-order: 12; 999 -webkit-box-ordinal-group: 13; 1000 order: 12 1001 } 1002 .offset-md-0 { 1003 margin-left: 0 1004 } 1005 .offset-md-1 { 1006 margin-left: 8.333333% 1007 } 1008 .offset-md-2 { 1009 margin-left: 16.666667% 1010 } 1011 .offset-md-3 { 1012 margin-left: 25% 1013 } 1014 .offset-md-4 { 1015 margin-left: 33.333333% 1016 } 1017 .offset-md-5 { 1018 margin-left: 41.666667% 1019 } 1020 .offset-md-6 { 1021 margin-left: 50% 1022 } 1023 .offset-md-7 { 1024 margin-left: 58.333333% 1025 } 1026 .offset-md-8 { 1027 margin-left: 66.666667% 1028 } 1029 .offset-md-9 { 1030 margin-left: 75% 1031 } 1032 .offset-md-10 { 1033 margin-left: 83.333333% 1034 } 1035 .offset-md-11 { 1036 margin-left: 91.666667% 1037 } 1038} 1039 1040@media (min-width:992px) { 1041 .col-lg { 1042 -ms-flex-preferred-size: 0; 1043 flex-basis: 0; 1044 -ms-flex-positive: 1; 1045 -webkit-box-flex: 1; 1046 flex-grow: 1; 1047 max-width: 100% 1048 } 1049 .col-lg-auto { 1050 -ms-flex: 0 0 auto; 1051 -webkit-box-flex: 0; 1052 flex: 0 0 auto; 1053 width: auto; 1054 max-width: none 1055 } 1056 .col-lg-1 { 1057 -ms-flex: 0 0 8.333333%; 1058 -webkit-box-flex: 0; 1059 flex: 0 0 8.333333%; 1060 max-width: 8.333333% 1061 } 1062 .col-lg-2 { 1063 -ms-flex: 0 0 16.666667%; 1064 -webkit-box-flex: 0; 1065 flex: 0 0 16.666667%; 1066 max-width: 16.666667% 1067 } 1068 .col-lg-3 { 1069 -ms-flex: 0 0 25%; 1070 -webkit-box-flex: 0; 1071 flex: 0 0 25%; 1072 max-width: 25% 1073 } 1074 .col-lg-4 { 1075 -ms-flex: 0 0 33.333333%; 1076 -webkit-box-flex: 0; 1077 flex: 0 0 33.333333%; 1078 max-width: 33.333333% 1079 } 1080 .col-lg-5 { 1081 -ms-flex: 0 0 41.666667%; 1082 -webkit-box-flex: 0; 1083 flex: 0 0 41.666667%; 1084 max-width: 41.666667% 1085 } 1086 .col-lg-6 { 1087 -ms-flex: 0 0 50%; 1088 -webkit-box-flex: 0; 1089 flex: 0 0 50%; 1090 max-width: 50% 1091 } 1092 .col-lg-7 { 1093 -ms-flex: 0 0 58.333333%; 1094 -webkit-box-flex: 0; 1095 flex: 0 0 58.333333%; 1096 max-width: 58.333333% 1097 } 1098 .col-lg-8 { 1099 -ms-flex: 0 0 66.666667%; 1100 -webkit-box-flex: 0; 1101 flex: 0 0 66.666667%; 1102 max-width: 66.666667% 1103 } 1104 .col-lg-9 { 1105 -ms-flex: 0 0 75%; 1106 -webkit-box-flex: 0; 1107 flex: 0 0 75%; 1108 max-width: 75% 1109 } 1110 .col-lg-10 { 1111 -ms-flex: 0 0 83.333333%; 1112 -webkit-box-flex: 0; 1113 flex: 0 0 83.333333%; 1114 max-width: 83.333333% 1115 } 1116 .col-lg-11 { 1117 -ms-flex: 0 0 91.666667%; 1118 -webkit-box-flex: 0; 1119 flex: 0 0 91.666667%; 1120 max-width: 91.666667% 1121 } 1122 .col-lg-12 { 1123 -ms-flex: 0 0 100%; 1124 -webkit-box-flex: 0; 1125 flex: 0 0 100%; 1126 max-width: 100% 1127 } 1128 .order-lg-first { 1129 -ms-flex-order: -1; 1130 -webkit-box-ordinal-group: 0; 1131 order: -1 1132 } 1133 .order-lg-last { 1134 -ms-flex-order: 13; 1135 -webkit-box-ordinal-group: 14; 1136 order: 13 1137 } 1138 .order-lg-0 { 1139 -ms-flex-order: 0; 1140 -webkit-box-ordinal-group: 1; 1141 order: 0 1142 } 1143 .order-lg-1 { 1144 -ms-flex-order: 1; 1145 -webkit-box-ordinal-group: 2; 1146 order: 1 1147 } 1148 .order-lg-2 { 1149 -ms-flex-order: 2; 1150 -webkit-box-ordinal-group: 3; 1151 order: 2 1152 } 1153 .order-lg-3 { 1154 -ms-flex-order: 3; 1155 -webkit-box-ordinal-group: 4; 1156 order: 3 1157 } 1158 .order-lg-4 { 1159 -ms-flex-order: 4; 1160 -webkit-box-ordinal-group: 5; 1161 order: 4 1162 } 1163 .order-lg-5 { 1164 -ms-flex-order: 5; 1165 -webkit-box-ordinal-group: 6; 1166 order: 5 1167 } 1168 .order-lg-6 { 1169 -ms-flex-order: 6; 1170 -webkit-box-ordinal-group: 7; 1171 order: 6 1172 } 1173 .order-lg-7 { 1174 -ms-flex-order: 7; 1175 -webkit-box-ordinal-group: 8; 1176 order: 7 1177 } 1178 .order-lg-8 { 1179 -ms-flex-order: 8; 1180 -webkit-box-ordinal-group: 9; 1181 order: 8 1182 } 1183 .order-lg-9 { 1184 -ms-flex-order: 9; 1185 -webkit-box-ordinal-group: 10; 1186 order: 9 1187 } 1188 .order-lg-10 { 1189 -ms-flex-order: 10; 1190 -webkit-box-ordinal-group: 11; 1191 order: 10 1192 } 1193 .order-lg-11 { 1194 -ms-flex-order: 11; 1195 -webkit-box-ordinal-group: 12; 1196 order: 11 1197 } 1198 .order-lg-12 { 1199 -ms-flex-order: 12; 1200 -webkit-box-ordinal-group: 13; 1201 order: 12 1202 } 1203 .offset-lg-0 { 1204 margin-left: 0 1205 } 1206 .offset-lg-1 { 1207 margin-left: 8.333333% 1208 } 1209 .offset-lg-2 { 1210 margin-left: 16.666667% 1211 } 1212 .offset-lg-3 { 1213 margin-left: 25% 1214 } 1215 .offset-lg-4 { 1216 margin-left: 33.333333% 1217 } 1218 .offset-lg-5 { 1219 margin-left: 41.666667% 1220 } 1221 .offset-lg-6 { 1222 margin-left: 50% 1223 } 1224 .offset-lg-7 { 1225 margin-left: 58.333333% 1226 } 1227 .offset-lg-8 { 1228 margin-left: 66.666667% 1229 } 1230 .offset-lg-9 { 1231 margin-left: 75% 1232 } 1233 .offset-lg-10 { 1234 margin-left: 83.333333% 1235 } 1236 .offset-lg-11 { 1237 margin-left: 91.666667% 1238 } 1239} 1240 1241@media (min-width:1200px) { 1242 .col-xl { 1243 -ms-flex-preferred-size: 0; 1244 flex-basis: 0; 1245 -ms-flex-positive: 1; 1246 -webkit-box-flex: 1; 1247 flex-grow: 1; 1248 max-width: 100% 1249 } 1250 .col-xl-auto { 1251 -ms-flex: 0 0 auto; 1252 -webkit-box-flex: 0; 1253 flex: 0 0 auto; 1254 width: auto; 1255 max-width: none 1256 } 1257 .col-xl-1 { 1258 -ms-flex: 0 0 8.333333%; 1259 -webkit-box-flex: 0; 1260 flex: 0 0 8.333333%; 1261 max-width: 8.333333% 1262 } 1263 .col-xl-2 { 1264 -ms-flex: 0 0 16.666667%; 1265 -webkit-box-flex: 0; 1266 flex: 0 0 16.666667%; 1267 max-width: 16.666667% 1268 } 1269 .col-xl-3 { 1270 -ms-flex: 0 0 25%; 1271 -webkit-box-flex: 0; 1272 flex: 0 0 25%; 1273 max-width: 25% 1274 } 1275 .c
1275ol-xl-4 { 1276 -ms-flex: 0 0 33.333333%; 1277 -webkit-box-flex: 0; 1278 flex: 0 0 33.333333%; 1279 max-width: 33.333333% 1280 } 1281 .col-xl-5 { 1282 -ms-flex: 0 0 41.666667%; 1283 -webkit-box-flex: 0; 1284 flex: 0 0 41.666667%; 1285 max-width: 41.666667% 1286 } 1287 .col-xl-6 { 1288 -ms-flex: 0 0 50%; 1289 -webkit-box-flex: 0; 1290 flex: 0 0 50%; 1291 max-width: 50% 1292 } 1293 .col-xl-7 { 1294 -ms-flex: 0 0 58.333333%; 1295 -webkit-box-flex: 0; 1296 flex: 0 0 58.333333%; 1297 max-width: 58.333333% 1298 } 1299 .col-xl-8 { 1300 -ms-flex: 0 0 66.666667%; 1301 -webkit-box-flex: 0; 1302 flex: 0 0 66.666667%; 1303 max-width: 66.666667% 1304 } 1305 .col-xl-9 { 1306 -ms-flex: 0 0 75%; 1307 -webkit-box-flex: 0; 1308 flex: 0 0 75%; 1309 max-width: 75% 1310 } 1311 .col-xl-10 { 1312 -ms-flex: 0 0 83.333333%; 1313 -webkit-box-flex: 0; 1314 flex: 0 0 83.333333%; 1315 max-width: 83.333333% 1316 } 1317 .col-xl-11 { 1318 -ms-flex: 0 0 91.666667%; 1319 -webkit-box-flex: 0; 1320 flex: 0 0 91.666667%; 1321 max-width: 91.666667% 1322 } 1323 .col-xl-12 { 1324 -ms-flex: 0 0 100%; 1325 -webkit-box-flex: 0; 1326 flex: 0 0 100%; 1327 max-width: 100% 1328 } 1329 .order-xl-first { 1330 -ms-flex-order: -1; 1331 -webkit-box-ordinal-group: 0; 1332 order: -1 1333 } 1334 .order-xl-last { 1335 -ms-flex-order: 13; 1336 -webkit-box-ordinal-group: 14; 1337 order: 13 1338 } 1339 .order-xl-0 { 1340 -ms-flex-order: 0; 1341 -webkit-box-ordinal-group: 1; 1342 order: 0 1343 } 1344 .order-xl-1 { 1345 -ms-flex-order: 1; 1346 -webkit-box-ordinal-group: 2; 1347 order: 1 1348 } 1349 .order-xl-2 { 1350 -ms-flex-order: 2; 1351 -webkit-box-ordinal-group: 3; 1352 order: 2 1353 } 1354 .order-xl-3 { 1355 -ms-flex-order: 3; 1356 -webkit-box-ordinal-group: 4; 1357 order: 3 1358 } 1359 .order-xl-4 { 1360 -ms-flex-order: 4; 1361 -webkit-box-ordinal-group: 5; 1362 order: 4 1363 } 1364 .order-xl-5 { 1365 -ms-flex-order: 5; 1366 -webkit-box-ordinal-group: 6; 1367 order: 5 1368 } 1369 .order-xl-6 { 1370 -ms-flex-order: 6; 1371 -webkit-box-ordinal-group: 7; 1372 order: 6 1373 } 1374 .order-xl-7 { 1375 -ms-flex-order: 7; 1376 -webkit-box-ordinal-group: 8; 1377 order: 7 1378 } 1379 .order-xl-8 { 1380 -ms-flex-order: 8; 1381 -webkit-box-ordinal-group: 9; 1382 order: 8 1383 } 1384 .order-xl-9 { 1385 -ms-flex-order: 9; 1386 -webkit-box-ordinal-group: 10; 1387 order: 9 1388 } 1389 .order-xl-10 { 1390 -ms-flex-order: 10; 1391 -webkit-box-ordinal-group: 11; 1392 order: 10 1393 } 1394 .order-xl-11 { 1395 -ms-flex-order: 11; 1396 -webkit-box-ordinal-group: 12; 1397 order: 11 1398 } 1399 .order-xl-12 { 1400 -ms-flex-order: 12; 1401 -webkit-box-ordinal-group: 13; 1402 order: 12 1403 } 1404 .offset-xl-0 { 1405 margin-left: 0 1406 } 1407 .offset-xl-1 { 1408 margin-left: 8.333333% 1409 } 1410 .offset-xl-2 { 1411 margin-left: 16.666667% 1412 } 1413 .offset-xl-3 { 1414 margin-left: 25% 1415 } 1416 .offset-xl-4 { 1417 margin-left: 33.333333% 1418 } 1419 .offset-xl-5 { 1420 margin-left: 41.666667% 1421 } 1422 .offset-xl-6 { 1423 margin-left: 50% 1424 } 1425 .offset-xl-7 { 1426 margin-left: 58.333333% 1427 } 1428 .offset-xl-8 { 1429 margin-left: 66.666667% 1430 } 1431 .offset-xl-9 { 1432 margin-left: 75% 1433 } 1434 .offset-xl-10 { 1435 margin-left: 83.333333% 1436 } 1437 .offset-xl-11 { 1438 margin-left: 91.666667% 1439 } 1440} 1441 1442.d-none { 1443 display: none!important 1444} 1445 1446.d-inline { 1447 display: inline!important 1448} 1449 1450.d-inline-block { 1451 display: inline-block!important 1452} 1453 1454.d-block { 1455 display: block!important 1456} 1457 1458.d-table { 1459 display: table!important 1460} 1461 1462.d-table-row { 1463 display: table-row!important 1464} 1465 1466.d-table-cell { 1467 display: table-cell!important 1468} 1469 1470.d-flex { 1471 display: -ms-flexbox!important; 1472 display: -webkit-box!important; 1473 display: flex!important 1474} 1475 1476.d-inline-flex { 1477 display: -ms-inline-flexbox!important; 1478 display: -webkit-inline-box!important; 1479 display: inline-flex!important 1480} 1481 1482@media (min-width:576px) { 1483 .d-sm-none { 1484 display: none!important 1485 } 1486 .d-sm-inline { 1487 display: inline!important 1488 } 1489 .d-sm-inline-block { 1490 display: inline-block!important 1491 } 1492 .d-sm-block { 1493 display: block!important 1494 } 1495 .d-sm-table { 1496 display: table!important 1497 } 1498 .d-sm-table-row { 1499 display: table-row!important 1500 } 1501 .d-sm-table-cell { 1502 display: table-cell!important 1503 } 1504 .d-sm-flex { 1505 display: -ms-flexbox!important; 1506 display: -webkit-box!important; 1507 display: flex!important 1508 } 1509 .d-sm-inline-flex { 1510 display: -ms-inline-flexbox!important; 1511 display: -webkit-inline-box!important; 1512 display: inline-flex!important 1513 } 1514} 1515 1516@media (min-width:768px) { 1517 .d-md-none { 1518 display: none!important 1519 } 1520 .d-md-inline { 1521 display: inline!important 1522 } 1523 .d-md-inline-block { 1524 display: inline-block!important 1525 } 1526 .d-md-block { 1527 display: block!important 1528 } 1529 .d-md-table { 1530 display: table!important 1531 } 1532 .d-md-table-row { 1533 display: table-row!important 1534 } 1535 .d-md-table-cell { 1536 display: table-cell!important 1537 } 1538 .d-md-flex { 1539 display: -ms-flexbox!important; 1540 display: -webkit-box!important; 1541 display: flex!important 1542 } 1543 .d-md-inline-flex { 1544 display: -ms-inline-flexbox!important; 1545 display: -webkit-inline-box!important; 1546 display: inline-flex!important 1547 } 1548} 1549 1550@media (min-width:992px) { 1551 .d-lg-none { 1552 display: none!important 1553 } 1554 .d-lg-inline { 1555 display: inline!important 1556 } 1557 .d-lg-inline-block { 1558 display: inline-block!important 1559 } 1560 .d-lg-block { 1561 display: block!important 1562 } 1563 .d-lg-table { 1564 display: table!important 1565 } 1566 .d-lg-table-row { 1567 display: table-row!important 1568 } 1569 .d-lg-table-cell { 1570 display: table-cell!important 1571 } 1572 .d-lg-flex { 1573 display: -ms-flexbox!important; 1574 display: -webkit-box!important; 1575 display: flex!important 1576 } 1577 .d-lg-inline-flex { 1578 display: -ms-inline-flexbox!important; 1579 display: -webkit-inline-box!important; 1580 display: inline-flex!important 1581 } 1582} 1583 1584@media (min-width:1200px) { 1585 .d-xl-none { 1586 display: none!important 1587 } 1588 .d-xl-inline { 1589 display: inline!important 1590 } 1591 .d-xl-inline-block { 1592 display: inline-block!important 1593 } 1594 .d-xl-block { 1595 display: block!important 1596 } 1597 .d-xl-table { 1598 display: table!important 1599 } 1600 .d-xl-table-row { 1601 display: table-row!important 1602 } 1603 .d-xl-table-cell { 1604 display: table-cell!important 1605 } 1606 .d-xl-flex { 1607 display: -ms-flexbox!important; 1608 display: -webkit-box!important; 1609 display: flex!important 1610 } 1611 .d-xl-inline-flex { 1612 display: -ms-inline-flexbox!important; 1613 display: -webkit-inline-box!important; 1614 display: inline-flex!important 1615 } 1616} 1617 1618@media print { 1619 .d-print-none { 1620 display: none!important 1621 } 1622 .d-print-inline { 1623 display: inline!important 1624 } 1625 .d-print-inline-block { 1626 display: inline-block!important 1627 } 1628 .d-print-block { 1629 display: block!important 1630 } 1631 .d-print-table { 1632 display: table!important 1633 } 1634 .d-print-table-row { 1635 display: table-row!important 1636 } 1637 .d-print-table-cell { 1638 display: table-cell!important 1639 } 1640 .d-print-flex { 1641 display: -ms-flexbox!important; 1642 display: -webkit-box!important; 1643 display: flex!important 1644 } 1645 .d-print-inline-flex { 1646 display: -ms-inline-flexbox!important; 1647 display: -webkit-inline-box!important; 1648 display: inline-flex!important 1649 } 1650} 1651 1652.flex-row { 1653 -ms-flex-direction: row!important; 1654 -webkit-box-orient: horizontal!important; 1655 flex-direction: row!important 1656} 1657 1658.flex-column, 1659.flex-row { 1660 -webkit-box-direction: normal!important 1661} 1662 1663.flex-column { 1664 -ms-flex-direction: column!important; 1665 -webkit-box-orient: vertical!important; 1666 flex-direction: column!important 1667} 1668 1669.flex-row-reverse { 1670 -ms-flex-direction: row-reverse!important; 1671 -webkit-box-orient: horizontal!important; 1672 flex-direction: row-reverse!important 1673} 1674 1675.flex-column-reverse, 1676.flex-row-reverse { 1677 -webkit-box-direction: reverse!important 1678} 1679 1680.flex-column-reverse { 1681 -ms-flex-direction: column-reverse!important; 1682 -webkit-box-orient: vertical!important; 1683 flex-direction: column-reverse!important 1684} 1685 1686.flex-wrap { 1687 -ms-flex-wrap: wrap!important; 1688 flex-wrap: wrap!important 1689} 1690 1691.flex-nowrap { 1692 -ms-flex-wrap: nowrap!important; 1693 flex-wrap: nowrap!important 1694} 1695 1696.flex-wrap-reverse { 1697 -ms-flex-wrap: wrap-reverse!important; 1698 flex-wrap: wrap-reverse!important 1699} 1700 1701.flex-fill { 1702 -ms-flex: 1 1 auto!important; 1703 -webkit-box-flex: 1!important; 1704 flex: 1 1 auto!important 1705} 1706 1707.flex-grow-0 { 1708 -ms-flex-positive: 0!important; 1709 -webkit-box-flex: 0!important; 1710 flex-grow: 0!important 1711} 1712 1713.flex-grow-1 { 1714 -ms-flex-positive: 1!important; 1715 -webkit-box-flex: 1!important; 1716 flex-grow: 1!important 1717} 1718 1719.flex-shrink-0 { 1720 -ms-flex-negative: 0!important; 1721 flex-shrink: 0!important 1722} 1723 1724.flex-shrink-1 { 1725 -ms-flex-negative: 1!important; 1726 flex-shrink: 1!important 1727} 1728 1729.justify-content-start { 1730 -ms-flex-pack: start!important; 1731 -webkit-box-pack: start!important; 1732 justify-content: flex-start!important 1733} 1734 1735.justify-content-end { 1736 -ms-flex-pack: end!important; 1737 -webkit-box-pack: end!important; 1738 justify-content: flex-end!important 1739} 1740 1741.justify-content-center { 1742 -ms-flex-pack: center!important; 1743 -webkit-box-pack: center!important; 1744 justify-content: center!important 1745} 1746 1747.justify-content-between { 1748 -ms-flex-pack: justify!important; 1749 -webkit-box-pack: justify!important; 1750 justify-content: space-between!important 1751} 1752 1753.justify-content-around { 1754 -ms-flex-pack: distribute!important; 1755 justify-content: space-around!important 1756} 1757 1758.align-items-start { 1759 -ms-flex-align: start!important; 1760 -webkit-box-align: start!important; 1761 align-items: flex-start!important 1762} 1763 1764.align-items-end { 1765 -ms-flex-align: end!important; 1766 -webkit-box-align: end!important; 1767 align-items: flex-end!important 1768} 1769 1770.align-items-center { 1771 -ms-flex-align: center!important; 1772 -webkit-box-align: center!important; 1773 align-items: center!important 1774} 1775 1776.align-items-baseline { 1777 -ms-flex-align: baseline!important; 1778 -webkit-box-align: baseline!important; 1779 align-items: baseline!important 1780} 1781 1782.align-items-stretch { 1783 -ms-flex-align: stretch!important; 1784 -webkit-box-align: stretch!important; 1785 align-items: stretch!important 1786} 1787 1788.align-content-start { 1789 -ms-flex-line-pack: start!important; 1790 align-content: flex-start!important 1791} 1792 1793.align-content-end { 1794 -ms-flex-line-pack: end!important; 1795 align-content: flex-end!important 1796} 1797 1798.align-content-center { 1799 -ms-flex-line-pack: center!important; 1800 align-content: center!important 1801} 1802 1803.align-content-between { 1804 -ms-flex-line-pack: justify!important; 1805 align-content: space-between!important 1806} 1807 1808.align-content-around { 1809 -ms-flex-line-pack: distribute!important; 1810 align-content: space-around!important 1811} 1812 1813.align-content-stretch { 1814 -ms-flex-line-pack: stretch!important; 1815 align-content: stretch!important 1816} 1817 1818.align-self-auto { 1819 -ms-flex-item-align: auto!important; 1820 align-self: auto!important 1821} 1822 1823.align-self-start { 1824 -ms-flex-item-align: start!important; 1825 align-self: flex-start!important 1826} 1827 1828.align-self-end { 1829 -ms-flex-item-align: end!important; 1830 align-self: flex-end!important 1831} 1832 1833.align-self-center { 1834 -ms-flex-item-align: center!important; 1835 align-self: center!important 1836} 1837 1838.align-self-baseline { 1839 -ms-flex-item-align: baseline!important; 1840 align-self: baseline!important 1841} 1842 1843.align-self-stretch { 1844 -ms-flex-item-align: stretch!important; 1845 align-self: stretch!important 1846} 1847 1848@media (min-width:576px) { 1849 .flex-sm-row { 1850 -ms-flex-direction: row!important; 1851 -webkit-box-orient: horizontal!important; 1852 flex-direction: row!important 1853 } 1854 .flex-sm-column, 1855 .flex-sm-row { 1856 -webkit-box-direction: normal!important 1857 } 1858 .flex-sm-column { 1859 -ms-flex-direction: column!important; 1860 -webkit-box-orient: vertical!important; 1861 flex-direction: column!important 1862 } 1863 .flex-sm-row-reverse { 1864 -ms-flex-direction: row-reverse!important; 1865 -webkit-box-orient: horizontal!important; 1866 -webkit-box-direction: reverse!important; 1867 flex-direction: row-reverse!important 1868 } 1869 .flex-sm-column-reverse { 1870 -ms-flex-direction: column-reverse!important; 1871 -webkit-box-orient: vertical!important; 1872 -webkit-box-direction: reverse!important; 1873 flex-direction: column-reverse!important 1874 } 1875 .flex-sm-wrap { 1876 -ms-flex-wrap: wrap!important; 1877 flex-wrap: wrap!important 1878 } 1879 .flex-sm-nowrap { 1880 -ms-flex-wrap: nowrap!important; 1881 flex-wrap: nowrap!important 1882 } 1883 .flex-sm-wrap-reverse { 1884 -ms-flex-wrap: wrap-reverse!important; 1885 flex-wrap: wrap-reverse!important 1886 } 1887 .flex-sm-fill { 1888 -ms-flex: 1 1 auto!important; 1889 -webkit-box-flex: 1!important; 1890 flex: 1 1 auto!important 1891 } 1892 .flex-sm-grow-0 { 1893 -ms-flex-positive: 0!important; 1894 -webkit-box-flex: 0!important; 1895 flex-grow: 0!important 1896 } 1897 .flex-sm-grow-1 { 1898 -ms-flex-positive: 1!important; 1899 -webkit-box-flex: 1!important; 1900 flex-grow: 1!important 1901 } 1902 .flex-sm-shrink-0 { 1903 -ms-flex-negative: 0!important; 1904 flex-shrink: 0!important 1905 } 1906 .flex-sm-shrink-1 { 1907 -ms-flex-negative: 1!important; 1908 flex-shrink: 1!important 1909 } 1910 .justify-content-sm-start { 1911 -ms-flex-pack: start!important; 1912 -webkit-box-pack: start!important; 1913 justify-content: flex-start!important 1914 } 1915 .justify-content-sm-end { 1916 -ms-flex-pack: end!important; 1917 -webkit-box-pack: end!important; 1918 justify-content: flex-end!important 1919 } 1920 .justify-content-sm-center { 1921 -ms-flex-pack: center!important; 1922 -webkit-box-pack: center!important; 1923 justify-content: center!important 1924 } 1925 .justify-content-sm-between { 1926 -ms-flex-pack: justify!important; 1927 -webkit-box-pack: justify!important; 1928 justify-content: space-between!important 1929 } 1930 .justify-content-sm-around { 1931 -ms-flex-pack: distribute!important; 1932 justify-content: space-around!important 1933 } 1934 .align-items-sm-start { 1935 -ms-flex-align: start!important; 1936 -webkit-box-align: start!important; 1937 align-items: flex-start!important 1938 } 1939 .align-items-sm-end { 1940 -ms-flex-align: end!important; 1941 -webkit-box-align: end!important; 1942 align-items: flex-end!important 1943 } 1944 .align-items-sm-center { 1945 -ms-flex-align: center!important; 1946 -webkit-box-align: center!important; 1947 align-items: center!important 1948 } 1949 .align-items-sm-baseline { 1950 -ms-flex-align: baseline!important; 1951 -webkit-box-align: baseline!important; 1952 align-items: baseline!important 1953 } 1954 .align-items-sm-stretch { 1955 -ms-flex-align: stretch!important; 1956 -webkit-box-align: stretch!important; 1957 align-items: stretch!important 1958 } 1959 .align-content-sm-start { 1960 -ms-flex-line-pack: start!important; 1961 align-content: flex-start!important 1962 } 1963 .align-content-sm-end { 1964 -ms-flex-line-pack: end!important; 1965 align-content: flex-end!important 1966 } 1967 .align-content-sm-center { 1968 -ms-flex-line-pack: center!important; 1969 align-content: center!important 1970 } 1971 .align-content-sm-between { 1972 -ms-flex-line-pack: justify!important; 1973 align-content: space-between!important 1974 } 1975 .align-content-sm-around { 1976 -ms-flex-line-pack: distribute!important; 1977 align-content: space-around!important 1978 } 1979 .align-content-sm-stretch { 1980 -ms-flex-line-pack: stretch!important; 1981 align-content: stretch!important 1982 } 1983 .align-self-sm-auto { 1984 -ms-flex-item-align: auto!important; 1985 align-self: auto!important 1986 } 1987 .align-self-sm-start { 1988 -ms-flex-item-align: start!important; 1989 align-self: flex-start!important 1990 } 1991 .align-self-sm-end { 1992 -ms-flex-item-align: end!important; 1993 align-self: flex-end!important 1994 } 1995 .align-self-sm-center { 1996 -ms-flex-item-align: center!important; 1997 align-self: center!important 1998 } 1999 .align-self-sm-baseline { 2000 -ms-flex-item-align: baseline!important; 2001 align-self: baseline!important 2002 } 2003 .align-self-sm-stretch { 2004 -ms-flex-item-align: stretch!important; 2005 align-self: stretch!important 2006 } 2007} 2008 2009@media (min-width:768px) { 2010 .flex-md-row { 2011 -ms-flex-direction: row!important; 2012 -webkit-box-orient: horizontal!important; 2013 flex-direction: row!important 2014
2014} 2015 .flex-md-column, 2016 .flex-md-row { 2017 -webkit-box-direction: normal!important 2018 } 2019 .flex-md-column { 2020 -ms-flex-direction: column!important; 2021 -webkit-box-orient: vertical!important; 2022 flex-direction: column!important 2023 } 2024 .flex-md-row-reverse { 2025 -ms-flex-direction: row-reverse!important; 2026 -webkit-box-orient: horizontal!important; 2027 -webkit-box-direction: reverse!important; 2028 flex-direction: row-reverse!important 2029 } 2030 .flex-md-column-reverse { 2031 -ms-flex-direction: column-reverse!important; 2032 -webkit-box-orient: vertical!important; 2033 -webkit-box-direction: reverse!important; 2034 flex-direction: column-reverse!important 2035 } 2036 .flex-md-wrap { 2037 -ms-flex-wrap: wrap!important; 2038 flex-wrap: wrap!important 2039 } 2040 .flex-md-nowrap { 2041 -ms-flex-wrap: nowrap!important; 2042 flex-wrap: nowrap!important 2043 } 2044 .flex-md-wrap-reverse { 2045 -ms-flex-wrap: wrap-reverse!important; 2046 flex-wrap: wrap-reverse!important 2047 } 2048 .flex-md-fill { 2049 -ms-flex: 1 1 auto!important; 2050 -webkit-box-flex: 1!important; 2051 flex: 1 1 auto!important 2052 } 2053 .flex-md-grow-0 { 2054 -ms-flex-positive: 0!important; 2055 -webkit-box-flex: 0!important; 2056 flex-grow: 0!important 2057 } 2058 .flex-md-grow-1 { 2059 -ms-flex-positive: 1!important; 2060 -webkit-box-flex: 1!important; 2061 flex-grow: 1!important 2062 } 2063 .flex-md-shrink-0 { 2064 -ms-flex-negative: 0!important; 2065 flex-shrink: 0!important 2066 } 2067 .flex-md-shrink-1 { 2068 -ms-flex-negative: 1!important; 2069 flex-shrink: 1!important 2070 } 2071 .justify-content-md-start { 2072 -ms-flex-pack: start!important; 2073 -webkit-box-pack: start!important; 2074 justify-content: flex-start!important 2075 } 2076 .justify-content-md-end { 2077 -ms-flex-pack: end!important; 2078 -webkit-box-pack: end!important; 2079 justify-content: flex-end!important 2080 } 2081 .justify-content-md-center { 2082 -ms-flex-pack: center!important; 2083 -webkit-box-pack: center!important; 2084 justify-content: center!important 2085 } 2086 .justify-content-md-between { 2087 -ms-flex-pack: justify!important; 2088 -webkit-box-pack: justify!important; 2089 justify-content: space-between!important 2090 } 2091 .justify-content-md-around { 2092 -ms-flex-pack: distribute!important; 2093 justify-content: space-around!important 2094 } 2095 .align-items-md-start { 2096 -ms-flex-align: start!important; 2097 -webkit-box-align: start!important; 2098 align-items: flex-start!important 2099 } 2100 .align-items-md-end { 2101 -ms-flex-align: end!important; 2102 -webkit-box-align: end!important; 2103 align-items: flex-end!important 2104 } 2105 .align-items-md-center { 2106 -ms-flex-align: center!important; 2107 -webkit-box-align: center!important; 2108 align-items: center!important 2109 } 2110 .align-items-md-baseline { 2111 -ms-flex-align: baseline!important; 2112 -webkit-box-align: baseline!important; 2113 align-items: baseline!important 2114 } 2115 .align-items-md-stretch { 2116 -ms-flex-align: stretch!important; 2117 -webkit-box-align: stretch!important; 2118 align-items: stretch!important 2119 } 2120 .align-content-md-start { 2121 -ms-flex-line-pack: start!important; 2122 align-content: flex-start!important 2123 } 2124 .align-content-md-end { 2125 -ms-flex-line-pack: end!important; 2126 align-content: flex-end!important 2127 } 2128 .align-content-md-center { 2129 -ms-flex-line-pack: center!important; 2130 align-content: center!important 2131 } 2132 .align-content-md-between { 2133 -ms-flex-line-pack: justify!important; 2134 align-content: space-between!important 2135 } 2136 .align-content-md-around { 2137 -ms-flex-line-pack: distribute!important; 2138 align-content: space-around!important 2139 } 2140 .align-content-md-stretch { 2141 -ms-flex-line-pack: stretch!important; 2142 align-content: stretch!important 2143 } 2144 .align-self-md-auto { 2145 -ms-flex-item-align: auto!important; 2146 align-self: auto!important 2147 } 2148 .align-self-md-start { 2149 -ms-flex-item-align: start!important; 2150 align-self: flex-start!important 2151 } 2152 .align-self-md-end { 2153 -ms-flex-item-align: end!important; 2154 align-self: flex-end!important 2155 } 2156 .align-self-md-center { 2157 -ms-flex-item-align: center!important; 2158 align-self: center!important 2159 } 2160 .align-self-md-baseline { 2161 -ms-flex-item-align: baseline!important; 2162 align-self: baseline!important 2163 } 2164 .align-self-md-stretch { 2165 -ms-flex-item-align: stretch!important; 2166 align-self: stretch!important 2167 } 2168} 2169 2170@media (min-width:992px) { 2171 .flex-lg-row { 2172 -ms-flex-direction: row!important; 2173 -webkit-box-orient: horizontal!important; 2174 flex-direction: row!important 2175 } 2176 .flex-lg-column, 2177 .flex-lg-row { 2178 -webkit-box-direction: normal!important 2179 } 2180 .flex-lg-column { 2181 -ms-flex-direction: column!important; 2182 -webkit-box-orient: vertical!important; 2183 flex-direction: column!important 2184 } 2185 .flex-lg-row-reverse { 2186 -ms-flex-direction: row-reverse!important; 2187 -webkit-box-orient: horizontal!important; 2188 -webkit-box-direction: reverse!important; 2189 flex-direction: row-reverse!important 2190 } 2191 .flex-lg-column-reverse { 2192 -ms-flex-direction: column-reverse!important; 2193 -webkit-box-orient: vertical!important; 2194 -webkit-box-direction: reverse!important; 2195 flex-direction: column-reverse!important 2196 } 2197 .flex-lg-wrap { 2198 -ms-flex-wrap: wrap!important; 2199 flex-wrap: wrap!important 2200 } 2201 .flex-lg-nowrap { 2202 -ms-flex-wrap: nowrap!important; 2203 flex-wrap: nowrap!important 2204 } 2205 .flex-lg-wrap-reverse { 2206 -ms-flex-wrap: wrap-reverse!important; 2207 flex-wrap: wrap-reverse!important 2208 } 2209 .flex-lg-fill { 2210 -ms-flex: 1 1 auto!important; 2211 -webkit-box-flex: 1!important; 2212 flex: 1 1 auto!important 2213 } 2214 .flex-lg-grow-0 { 2215 -ms-flex-positive: 0!important; 2216 -webkit-box-flex: 0!important; 2217 flex-grow: 0!important 2218 } 2219 .flex-lg-grow-1 { 2220 -ms-flex-positive: 1!important; 2221 -webkit-box-flex: 1!important; 2222 flex-grow: 1!important 2223 } 2224 .flex-lg-shrink-0 { 2225 -ms-flex-negative: 0!important; 2226 flex-shrink: 0!important 2227 } 2228 .flex-lg-shrink-1 { 2229 -ms-flex-negative: 1!important; 2230 flex-shrink: 1!important 2231 } 2232 .justify-content-lg-start { 2233 -ms-flex-pack: start!important; 2234 -webkit-box-pack: start!important; 2235 justify-content: flex-start!important 2236 } 2237 .justify-content-lg-end { 2238 -ms-flex-pack: end!important; 2239 -webkit-box-pack: end!important; 2240 justify-content: flex-end!important 2241 } 2242 .justify-content-lg-center { 2243 -ms-flex-pack: center!important; 2244 -webkit-box-pack: center!important; 2245 justify-content: center!important 2246 } 2247 .justify-content-lg-between { 2248 -ms-flex-pack: justify!important; 2249 -webkit-box-pack: justify!important; 2250 justify-content: space-between!important 2251 } 2252 .justify-content-lg-around { 2253 -ms-flex-pack: distribute!important; 2254 justify-content: space-around!important 2255 } 2256 .align-items-lg-start { 2257 -ms-flex-align: start!important; 2258 -webkit-box-align: start!important; 2259 align-items: flex-start!important 2260 } 2261 .align-items-lg-end { 2262 -ms-flex-align: end!important; 2263 -webkit-box-align: end!important; 2264 align-items: flex-end!important 2265 } 2266 .align-items-lg-center { 2267 -ms-flex-align: center!important; 2268 -webkit-box-align: center!important; 2269 align-items: center!important 2270 } 2271 .align-items-lg-baseline { 2272 -ms-flex-align: baseline!important; 2273 -webkit-box-align: baseline!important; 2274 align-items: baseline!important 2275 } 2276 .align-items-lg-stretch { 2277 -ms-flex-align: stretch!important; 2278 -webkit-box-align: stretch!important; 2279 align-items: stretch!important 2280 } 2281 .align-content-lg-start { 2282 -ms-flex-line-pack: start!important; 2283 align-content: flex-start!important 2284 } 2285 .align-content-lg-end { 2286 -ms-flex-line-pack: end!important; 2287 align-content: flex-end!important 2288 } 2289 .align-content-lg-center { 2290 -ms-flex-line-pack: center!important; 2291 align-content: center!important 2292 } 2293 .align-content-lg-between { 2294 -ms-flex-line-pack: justify!important; 2295 align-content: space-between!important 2296 } 2297 .align-content-lg-around { 2298 -ms-flex-line-pack: distribute!important; 2299 align-content: space-around!important 2300 } 2301 .align-content-lg-stretch { 2302 -ms-flex-line-pack: stretch!important; 2303 align-content: stretch!important 2304 } 2305 .align-self-lg-auto { 2306 -ms-flex-item-align: auto!important; 2307 align-self: auto!important 2308 } 2309 .align-self-lg-start { 2310 -ms-flex-item-align: start!important; 2311 align-self: flex-start!important 2312 } 2313 .align-self-lg-end { 2314 -ms-flex-item-align: end!important; 2315 align-self: flex-end!important 2316 } 2317 .align-self-lg-center { 2318 -ms-flex-item-align: center!important; 2319 align-self: center!important 2320 } 2321 .align-self-lg-baseline { 2322 -ms-flex-item-align: baseline!important; 2323 align-self: baseline!important 2324 } 2325 .align-self-lg-stretch { 2326 -ms-flex-item-align: stretch!important; 2327 align-self: stretch!important 2328 } 2329} 2330 2331@media (min-width:1200px) { 2332 .flex-xl-row { 2333 -ms-flex-direction: row!important; 2334 -webkit-box-orient: horizontal!important; 2335 flex-direction: row!important 2336 } 2337 .flex-xl-column, 2338 .flex-xl-row { 2339 -webkit-box-direction: normal!important 2340 } 2341 .flex-xl-column { 2342 -ms-flex-direction: column!important; 2343 -webkit-box-orient: vertical!important; 2344 flex-direction: column!important 2345 } 2346 .flex-xl-row-reverse { 2347 -ms-flex-direction: row-reverse!important; 2348 -webkit-box-orient: horizontal!important; 2349 -webkit-box-direction: reverse!important; 2350 flex-direction: row-reverse!important 2351 } 2352 .flex-xl-column-reverse { 2353 -ms-flex-direction: column-reverse!important; 2354 -webkit-box-orient: vertical!important; 2355 -webkit-box-direction: reverse!important; 2356 flex-direction: column-reverse!important 2357 } 2358 .flex-xl-wrap { 2359 -ms-flex-wrap: wrap!important; 2360 flex-wrap: wrap!important 2361 } 2362 .flex-xl-nowrap { 2363 -ms-flex-wrap: nowrap!important; 2364 flex-wrap: nowrap!important 2365 } 2366 .flex-xl-wrap-reverse { 2367 -ms-flex-wrap: wrap-reverse!important; 2368 flex-wrap: wrap-reverse!important 2369 } 2370 .flex-xl-fill { 2371 -ms-flex: 1 1 auto!important; 2372 -webkit-box-flex: 1!important; 2373 flex: 1 1 auto!important 2374 } 2375 .flex-xl-grow-0 { 2376 -ms-flex-positive: 0!important; 2377 -webkit-box-flex: 0!important; 2378 flex-grow: 0!important 2379 } 2380 .flex-xl-grow-1 { 2381 -ms-flex-positive: 1!important; 2382 -webkit-box-flex: 1!important; 2383 flex-grow: 1!important 2384 } 2385 .flex-xl-shrink-0 { 2386 -ms-flex-negative: 0!important; 2387 flex-shrink: 0!important 2388 } 2389 .flex-xl-shrink-1 { 2390 -ms-flex-negative: 1!important; 2391 flex-shrink: 1!important 2392 } 2393 .justify-content-xl-start { 2394 -ms-flex-pack: start!important; 2395 -webkit-box-pack: start!important; 2396 justify-content: flex-start!important 2397 } 2398 .justify-content-xl-end { 2399 -ms-flex-pack: end!important; 2400 -webkit-box-pack: end!important; 2401 justify-content: flex-end!important 2402 } 2403 .justify-content-xl-center { 2404 -ms-flex-pack: center!important; 2405 -webkit-box-pack: center!important; 2406 justify-content: center!important 2407 } 2408 .justify-content-xl-between { 2409 -ms-flex-pack: justify!important; 2410 -webkit-box-pack: justify!important; 2411 justify-content: space-between!important 2412 } 2413 .justify-content-xl-around { 2414 -ms-flex-pack: distribute!important; 2415 justify-content: space-around!important 2416 } 2417 .align-items-xl-start { 2418 -ms-flex-align: start!important; 2419 -webkit-box-align: start!important; 2420 align-items: flex-start!important 2421 } 2422 .align-items-xl-end { 2423 -ms-flex-align: end!important; 2424 -webkit-box-align: end!important; 2425 align-items: flex-end!important 2426 } 2427 .align-items-xl-center { 2428 -ms-flex-align: center!important; 2429 -webkit-box-align: center!important; 2430 align-items: center!important 2431 } 2432 .align-items-xl-baseline { 2433 -ms-flex-align: baseline!important; 2434 -webkit-box-align: baseline!important; 2435 align-items: baseline!important 2436 } 2437 .align-items-xl-stretch { 2438 -ms-flex-align: stretch!important; 2439 -webkit-box-align: stretch!important; 2440 align-items: stretch!important 2441 } 2442 .align-content-xl-start { 2443 -ms-flex-line-pack: start!important; 2444 align-content: flex-start!important 2445 } 2446 .align-content-xl-end { 2447 -ms-flex-line-pack: end!important; 2448 align-content: flex-end!important 2449 } 2450 .align-content-xl-center { 2451 -ms-flex-line-pack: center!important; 2452 align-content: center!important 2453 } 2454 .align-content-xl-between { 2455 -ms-flex-line-pack: justify!important; 2456 align-content: space-between!important 2457 } 2458 .align-content-xl-around { 2459 -ms-flex-line-pack: distribute!important; 2460 align-content: space-around!important 2461 } 2462 .align-content-xl-stretch { 2463 -ms-flex-line-pack: stretch!important; 2464 align-content: stretch!important 2465 } 2466 .align-self-xl-auto { 2467 -ms-flex-item-align: auto!important; 2468 align-self: auto!important 2469 } 2470 .align-self-xl-start { 2471 -ms-flex-item-align: start!important; 2472 align-self: flex-start!important 2473 } 2474 .align-self-xl-end { 2475 -ms-flex-item-align: end!important; 2476 align-self: flex-end!important 2477 } 2478 .align-self-xl-center { 2479 -ms-flex-item-align: center!important; 2480 align-self: center!important 2481 } 2482 .align-self-xl-baseline { 2483 -ms-flex-item-align: baseline!important; 2484 align-self: baseline!important 2485 } 2486 .align-self-xl-stretch { 2487 -ms-flex-item-align: stretch!important; 2488 align-self: stretch!important 2489 } 2490} 2491 2492.hero_banner { 2493 display: -webkit-box; 2494 display: -ms-flexbox; 2495 display: flex; 2496 height: 515px; 2497 position: relative; 2498 width: 100%; 2499 flex-wrap: wrap; 2500 overflow: hidden 2501} 2502 2503.hero_banner--main { 2504 min-height: 515px; 2505 width: 100%; 2506 z-index: 9 2507} 2508 2509.hero_banner .top_menu--logo a { 2510 color: #fff 2511} 2512 2513.hero_banner--background-image { 2514 background-position: top center!important; 2515 background-repeat: no-repeat; 2516 background-size: cover; 2517 height: 100%; 2518 position: absolute; 2519 top: 0; 2520 width: 100%; 2521 z-index: 0 2522} 2523 2524.hero_banner .top_menu .dropdown--action, 2525.hero_banner .top_menu .dropdown--head-link, 2526.hero_banner .top_menu--group, 2527.hero_banner .top_menu--link { 2528 color: #e7e9ec 2529} 2530 2531.top_menu--link[href="/sign_in"], 2532.top_menu--link[href="/sign_out"] { 2533 color: #80b743!important 2534} 2535 2536.hero_banner .top_menu .dropdown--action:active, 2537.hero_banner .top_menu .dropdown--action:hover, 2538.hero_banner .top_menu--group:active, 2539.hero_banner .top_menu--group:hover, 2540.hero_banner .top_menu--link:active, 2541.hero_banner .top_menu--link:hover { 2542 color: #fff 2543} 2544 2545.hero_banner--cta { 2546 -webkit-box-align: center; 2547 -ms-flex-align: center; 2548 align-items: center; 2549 color: #fff; 2550 display: -webkit-box; 2551 display: -ms-flexbox; 2552 /* padding-top: 127px!important; */ 2553 transform: translateY(-40px); 2554 display: flex; 2555position: relative; 2556 -webkit-box-orient: vertical; 2557 -webkit-box-direction: normal; 2558 -ms-flex-direction: column; 2559 flex-direction: column; 2560 height: 100%; 2561 -webkit-box-pack: center; 2562 -ms-flex-pack: center; 2563 justify-content: center; 2564 margin-top: -40px 2565} 2566 2567.hero_banner--title { 2568 color: #f1f4f4; 2569 font-size: 36px; 2570 font-weight: 400; 2571 line-height: 1.2em; 2572 margin-bottom: 12px; 2573 padding-bottom: 0; 2574 text-align: center; 2575 font-family: 'Paytone One', sans-serif; 2576 letter-spacing: 3px; 2577 text-transform: uppercase; 2578 font-size: 20px 2579} 2580 2581.hero_banner--description { 2582 color: #f1f4f4; 2583 font-size: 60px; 2584 font-weight: 300; 2585 margin-bottom: 44px; 2586 margin-top: 0; 2587 padding: 0; 2588 text-align: center; 2589 font-family: 'Paytone One', sans-serif; 2590 letter-spacing: .75px; 2591 max-width: 810px!important; 2592 line-height: 65px 2593} 2594 2595.top_menu--logo { 2596 color: #fff; 2597 margin-right: 15px; 2598 font-weight: 700; 2599 margin: 0 auto 15px auto; 2600 width: 100% 2601} 2602 2603.top_menu--logo img { 2604 max-width: 306px; 2605 margin: 0 auto; 2606 width: 100%; 2607 height: auto 2608} 2609 2610.top_menu .dropdown--head-link, 2611.top_menu--logo a { 2612 color: #fff 2613} 2614 2615.top_menu--menu .dropdown a { 2616
2616 color: #4A4A4A !important; 2617} 2618 2619.collection-title, 2620h1 { 2621 font-family: 'Paytone One', sans-serif; 2622 font-size: 40px; 2623} 2624 2625#website-links >ul > li > a { 2626font-size: 16px; 2627 font-family: 'Paytone One', sans-serif; 2628 letter-spacing: 2.4px; 2629 text-transform: uppercase; 2630 color: #4A4A4A !important; 2631 padding-lefT: .5rem; 2632 padding-right: .5rem; 2633} 2634 2635#website-links ul ul a { 2636 font-family: Montserrat, sans-serif; 2637} 2638 2639.card-title { 2640 font-family: Montserrat, sans-serif; 2641} 2642 2643body { 2644 font-family: Montserrat, sans-serif; 2645} 2646 2647.content-description p:not(:last-child) { 2648 margin-bottom: 20px; 2649} 2650 2651.top_menu .container { 2652 -webkit-box-pack: start; 2653 -ms-flex-pack: start; 2654 justify-content: flex-start 2655} 2656 2657.top_menu .container { 2658 display: -webkit-box; 2659 display: -ms-flexbox; 2660 display: flex; 2661 -webkit-box-align: center; 2662 -ms-flex-align: center; 2663 align-items: center; 2664 padding-top: 20px; 2665 flex-wrap: wrap 2666} 2667 2668.top_menu .container a { 2669 display: block; 2670 font-size: 16px; 2671 font-family: 'Paytone One', sans-serif; 2672 letter-spacing: 2.4px; 2673 text-transform: uppercase 2674} 2675 2676.top_menu .container .dropdown--action, 2677.top_menu .container .top_menu--link { 2678 -webkit-box-sizing: border-box; 2679 box-sizing: border-box; 2680 font-family: 'Paytone One', sans-serif; 2681 letter-spacing: .5px; 2682 font-family: 'Paytone One', sans-serif; 2683 letter-spacing: 2.4px; 2684 display: block; 2685 margin: 0 25px 2686} 2687 2688.top_menu--group { 2689 font-size: 20px 2690} 2691 2692.top_menu--dropdown { 2693 cursor: pointer 2694} 2695 2696.mobile_menu { 2697 position: absolute; 2698 top: 0; 2699 left: 0; 2700 width: 100%; 2701 background-color: #f1f4f4; 2702 z-index: 2 2703} 2704 2705.mobile_menu--link { 2706 display: block; 2707 width: 100%; 2708 color: #797f7f; 2709 padding: 10px 15px; 2710 border-bottom: 1px solid #dadfe1; 2711 background-color: #fff 2712} 2713 2714.mobile_menu--link:hover { 2715 color: #494d55 2716} 2717 2718.mobile_menu--link:last-child { 2719 border-bottom: none 2720} 2721 2722.mobile_menu--exit { 2723 padding: 5px 0; 2724 margin: 0; 2725 display: -webkit-box; 2726 display: -ms-flexbox; 2727 display: flex; 2728 -webkit-box-pack: center; 2729 -ms-flex-pack: center; 2730 justify-content: center; 2731 background-color: #f1f4f4 2732} 2733 2734.mobile_menu--exit .far { 2735 background-color: #fff; 2736 border-radius: 20px 2737} 2738 2739.dropdown { 2740 position: relative; 2741 z-index: 2; 2742 letter-spacing: .5px 2743} 2744 2745.dropdown--action { 2746 cursor: pointer 2747} 2748 2749.dropdown--action, 2750.dropdown--body { 2751 display: -webkit-box; 2752 display: -ms-flexbox; 2753 display: flex 2754} 2755 2756.dropdown--body { 2757 background-color: #fff; 2758 -ms-flex-direction: column; 2759 flex-direction: column; 2760 -webkit-box-pack: start; 2761 -ms-flex-pack: start; 2762 justify-content: flex-start; 2763 min-width: 100%; 2764 position: absolute; 2765 top: 52px; 2766 padding-top: 19px; 2767 text-align: left 2768} 2769 2770.dropdown--body a { 2771 color: #797f7f; 2772 padding: 10px 15px 2773} 2774 2775.dropdown--body a:hover { 2776 color: #494d55 2777} 2778 2779.dropdown--body a:last-child { 2780 border-bottom: none 2781} 2782 2783@media screen and (min-width:576px) { 2784 .dropdown--body { 2785 min-width: 290px 2786 } 2787} 2788 2789.btn { 2790 color: #fff; 2791 border-radius: 3px; 2792 font-weight: 200; 2793 transition: all .17s ease 2794} 2795 2796.btn--primary { 2797 background: #116fff; 2798 transition: all .17s ease; 2799 border-radius: 0!important 2800} 2801 2802@media(max-width:992px) { 2803 .btn--primary { 2804 font-size: 14px!important; 2805 height: auto!important; 2806 padding: 15px 20px!important; 2807 text-align: center!important; 2808 width: 100%!important; 2809 letter-spacing: 0!important; 2810 max-width: 500px!important 2811 } 2812} 2813 2814.btn--width { 2815 font-size: 18px; 2816 padding: 10px 25px 8px; 2817 min-width: 140px 2818} 2819 2820.btn--full-size { 2821 display: -webkit-box; 2822 display: -ms-flexbox; 2823 display: flex; 2824 font-size: 16px; 2825 text-align: center; 2826 -webkit-box-pack: center; 2827 -ms-flex-pack: center; 2828 justify-content: center; 2829 -webkit-box-align: center; 2830 -ms-flex-align: center; 2831 align-items: center; 2832 padding: 10px 25px 8px; 2833 width: 100% 2834} 2835 2836.btn--light { 2837 color: #494d55; 2838 background-color: #eaedef 2839} 2840 2841.btn--light:hover { 2842 background-color: #ecf1f1 2843} 2844 2845.btn--outline { 2846 color: #797f7f; 2847 border-radius: 20px; 2848 background-color: #fff; 2849 border: 2px solid #cdd1d3; 2850 font-size: 18px; 2851 line-height: 1.2em 2852} 2853 2854.btn--outline:hover { 2855 color: #fff; 2856 background-color: #afb9bf; 2857 border-color: #afb9bf 2858} 2859 2860.cce--upgrade-button { 2861 background: #116fff; 2862 color: #fff 2863} 2864 2865.btn.cce--trailer-btn { 2866 border-radius: 4px!important 2867} 2868 2869.share-button { 2870 margin-left: 5px 2871} 2872 2873.share-button svg { 2874 height: 20px;
2875 width: 20px 2876} 2877 2878.player--share-buttons, 2879.player--share-left { 2880 font-size: 14px 2881} 2882 2883.featured_category { 2884 padding: 0 20px; 2885 padding-top: 50px; 2886 padding-bottom: 120px; 2887 margin: 0; 2888 background: #fff 2889} 2890 2891.featured_category .container { 2892 max-width: 1280px 2893} 2894 2895.featured_category .row { 2896 justify-content: space-between 2897} 2898 2899.featured_category--title { 2900 font-weight: 400; 2901 color: #494d55; 2902 font-size: 26px; 2903 line-height: 1.2em; 2904 margin-top: 0; 2905 margin-bottom: 50px; 2906 text-align: center 2907} 2908 2909.featured_category .cta_container { 2910 margin-top: 40px 2911} 2912 2913.card { 2914 margin-bottom: 30px; 2915 max-width: 260px 2916} 2917 2918.card .title { 2919 color: #4a4a4a; 2920 font-weight: 400; 2921 font-size: 15px; 2922 display: -webkit-box; 2923 display: -ms-flexbox; 2924 display: flex; 2925 text-align: center; 2926 font-size: 18px; 2927 letter-spacing: .22px; 2928 line-height: 29px; 2929 margin-top: 15px; 2930 justify-content: center 2931} 2932 2933.card .title:hover { 2934 color: #116fff 2935} 2936 2937.card .main_poster { 2938 display: block; 2939 position: relative 2940} 2941 2942.card .duration { 2943 font-weight: 300; 2944 font-size: 10px; 2945 color: #494d55; 2946 background-color: hsla(0, 0%, 100%, .9); 2947 position: absolute; 2948 bottom: 10px; 2949 right: 5px; 2950 padding: 2px 5px; 2951 border-radius: 3px 2952} 2953 2954.card .image { 2955 width: 100%; 2956 height: auto 2957} 2958 2959.card .author { 2960 color: #494d55; 2961 margin-top: 7px; 2962 font-weight: 300; 2963 font-size: 13px 2964} 2965 2966.card .author:hover { 2967 color: #797f7f 2968} 2969 2970.why_us { 2971 background-color: #e9efef; 2972 padding: 90px 0 150px 0; 2973 text-align: center 2974} 2975 2976.why_us img { 2977 display: block; 2978 margin: 0 auto; 2979 padding-bottom: 30px 2980} 2981 2982.why_us h2 { 2983 font-size: 26px 2984} 2985 2986.why_us p { 2987 text-align: center; 2988 margin-bottom: 30px 2989} 2990 2991.why_us li { 2992 color: #4a4a4a; 2993 font-size: 18px; 2994 letter-spacing: .25px; 2995 line-height: 29px 2996} 2997 2998.why_us li span { 2999 display: inline-block; 3000 margin-right: 15px 3001} 3002 3003.why_us--item { 3004 margin-top: 20px; 3005 margin-bottom: 30px; 3006 text-align: center 3007} 3008 3009.why_us--item img { 3010 height: 40px; 3011 max-width: 100% 3012} 3013 3014.why_us--item h4 { 3015 font-size: 18px 3016} 3017 3018.why_us--item h4, 3019.why_us--item p { 3020 text-align: center 3021} 3022 3023.join { 3024 padding-top: 70px; 3025 padding-bottom: 70px; 3026 background-color: #fff 3027} 3028 3029.join .video { 3030 position: relative; 3031 padding-bottom: 56.25%; 3032 padding-top: 25px; 3033 height: 0 3034} 3035 3036.join .video iframe { 3037 position: absolute; 3038 top: 0; 3039 left: 0; 3040 width: 100%; 3041 height: 100% 3042} 3043 3044.join p { 3045 margin-bottom: 40px 3046} 3047 3048@media screen and (min-width:768px) { 3049 .join h2 { 3050 margin-top: 0 3051 } 3052} 3053 3054.testimonial { 3055 padding-top: 90px; 3056 padding-bottom: 90px 3057} 3058 3059.testimonial .icon { 3060 display: -webkit-box; 3061 display: -ms-flexbox; 3062 display: flex; 3063 -webkit-box-pack: center; 3064 -ms-flex-pack: center; 3065 justify-content: center 3066} 3067 3068.testimonial h3 { 3069 text-align: center; 3070 margin-top: 60px; 3071 font-weight: 400; 3072 font-size: 24px; 3073 line-height: 40px; 3074 padding: 0 5% 3075} 3076 3077.testimonial .author { 3078 display: -webkit-box; 3079 display: -ms-flexbox; 3080 display: flex; 3081 -webkit-box-pack: center; 3082 -ms-flex-pack: center; 3083 justify-content: center; 3084 -webkit-box-align: center; 3085 -ms-flex-align: center; 3086 align-items: center 3087} 3088 3089.testimonial .author img { 3090 width: 55px; 3091 border-radius: 100px 3092} 3093 3094.testimonial .author h4 { 3095 font-weight: 200; 3096 margin-left: 20px 3097} 3098 3099@media screen and (min-width:768px) { 3100 .testimonial h3 { 3101 padding: 0 15% 3102 } 3103} 3104 3105.footer { 3106 padding: 45px 0; 3107 font-size: 13px; 3108 border-top: 1px solid #e9efef 3109} 3110 3111.footer, 3112.footer .dropdown--head-link { 3113 color: #797f7f 3114} 3115 3116.footer .dropdown--body { 3117 top: inherit; 3118 bottom: 25px 3119} 3120 3121.footer .dropdown, 3122.footer--link { 3123 color: #797f7f; 3124 text-decoration: none; 3125 font-weight: 300; 3126 margin: 0 30px; 3127 padding: 0; 3128 font-size: 18px 3129} 3130 3131.footer--link:first-child { 3132 margin-left: 0 3133} 3134 3135.footer--link:last-child { 3136 margin-right: 0 3137} 3138 3139.footer .dropdown:hover, 3140.footer--link:hover { 3141 color: #99a2a2 3142} 3143 3144.footer--links { 3145 display: -webkit-box; 3146 display: -ms-flexbox; 3147 display: flex 3148} 3149 3150.footer--link { 3151 display: block!important 3152} 3153 3154.footer--copyright, 3155.footer--links { 3156 -webkit-box-pack: center; 3157 -ms-flex-pack: center; 3158 justify-content: center 3159} 3160 3161.footer--copyright { 3162 text-align: center; 3163 margin-bottom: 15px; 3164 font-size: 16px 3165} 3166 3167.footer--social { 3168 display: -webkit-box; 3169 display: -ms-flexbox; 3170 display: flex; 3171 -webkit-box-pack: center; 3172 -ms-flex-pack: center; 3173 justify-content: center 3174} 3175 3176.footer--social a { 3177 margin-left: 15px; 3178 font-size: 22px; 3179 color: #797f7f 3180} 3181 3182.footer--social a:first-child { 3183 margin-left: 0 3184} 3185 3186.footer--social a:hover { 3187 color: #99a2a2 3188} 3189 3190@media screen and (min-width:768px) { 3191 .footer--copyright { 3192 -webkit-box-pack: start; 3193 -ms-flex-pack: start; 3194 justify-content: flex-start; 3195 text-align: left; 3196 margin-bottom: inherit 3197 } 3198 .footer--social { 3199 -webkit-box-pack: end; 3200 -ms-flex-pack: end; 3201 justify-content: flex-end 3202 } 3203} 3204 3205.header { 3206 margin-top: 0; 3207 padding: 15px 0; 3208 background-color: #2b2b2b 3209} 3210 3211.header .dropdown, 3212.header .fas, 3213.header .top_menu--link { 3214 color: #fff 3215} 3216 3217.header .top_menu .container { 3218 margin-top: 0 3219} 3220 3221.catalog { 3222 margin-top: 25px 3223} 3224 3225.catalog h1 { 3226 text-align: center 3227} 3228 3229.catalog--loader, 3230.catalog--nothing { 3231 color: #797f7f; 3232 text-align: center; 3233 display: -webkit-box; 3234 display: -ms-flexbox; 3235 display: flex; 3236 -webkit-box-pack: center; 3237 -ms-flex-pack: center; 3238 justify-content: center; 3239 margin-top: 15px; 3240 margin-bottom: 15px 3241} 3242 3243.catalog--results { 3244 margin-top: 35px 3245} 3246 3247.catalog--load-more { 3248 margin-bottom: 35px; 3249 text-align: center; 3250 -webkit-box-pack: center; 3251 -ms-flex-pack: center; 3252 justify-content: center 3253} 3254 3255.catalog--filters-right, 3256.catalog--load-more { 3257 display: -webkit-box; 3258 display: -ms-flexbox; 3259 display: flex 3260} 3261 3262.catalog--filters-right { 3263 -webkit-box-align: center; 3264 -ms-flex-align: center; 3265 align-items: center; 3266 -ms-flex-wrap: wrap; 3267 flex-wrap: wrap; 3268 -webkit-box-pack: justify; 3269 -ms-flex-pack: justify; 3270 justify-content: space-between 3271} 3272 3273.catalog--filters-right .direction, 3274.catalog--filters-right .select { 3275 margin-top: 10px 3276} 3277 3278@media screen and (min-width:768px) { 3279 .catalog--filters-right { 3280 display: -webkit-box; 3281 display: -ms-flexbox; 3282 display: flex; 3283 -webkit-box-pack: end; 3284 -ms-flex-pack: end; 3285 justify-content: flex-end; 3286 -webkit-box-align: center; 3287 -ms-flex-align: center; 3288 align-items: center; 3289 -ms-flex-wrap: nowrap; 3290 flex-wrap: nowrap; 3291 text-align: right 3292 } 3293 .catalog--filters-right .direction, 3294 .catalog--filters-right .select { 3295 margin-top: 0; 3296 margin-left: 10px 3297 } 3298 .catalog--filters-right .select:first-child { 3299 margin-left: 0 3300 } 3301} 3302 3303.select { 3304 border: 1px solid #e7e9ec; 3305 font-size: 13px; 3306 display: -webkit-inline-box; 3307 display: -ms-inline-flexbox; 3308 display: inline-flex; 3309 border-radius: 4px; 3310 cursor: pointer; 3311 position: relative; 3312 width: 100% 3313} 3314 3315.select .active-color { 3316 color: #116fff 3317} 3318 3319.select--selected { 3320 padding: 6px 12px; 3321 height: 28px; 3322 display: -webkit-box; 3323 display: -ms-flexbox; 3324 display: flex; 3325 width: 100% 3326} 3327 3328.select--selected i { 3329 margin-left: auto 3330} 3331 3332.select--options { 3333 position: absolute; 3334 top: 30px; 3335 border-radius: 4px; 3336 border: 1px solid #e7e9ec; 3337 background-color: #fff; 3338 overflow-y: auto; 3339 max-height: 150px; 3340 z-index: 5 3341} 3342 3343.select--option, 3344.select--options { 3345 width: 100%; 3346 margin-left: 0!important 3347} 3348 3349.select--option { 3350 text-align: left; 3351 padding: 6px 12px; 3352 border-bottom: 1px solid #e7e9ec; 3353 cursor: pointer 3354} 3355 3356.select--option:hover { 3357 background-color: #f5f7fa 3358} 3359 3360.select--option:last-child { 3361 border-bottom: 0 3362} 3363 3364.input { 3365 padding: 6px 12px 3366} 3367 3368.direction, 3369.input { 3370 border: 1px solid #e7e9ec; 3371 font-size: 13px; 3372 border-radius: 4px; 3373 width: 100% 3374} 3375 3376.direction { 3377 cursor: pointer; 3378 height: 28px; 3379 display: -webkit-box; 3380 display: -ms-flexbox; 3381 display: flex; 3382 -webkit-box-align: center; 3383 -ms-flex-align: center; 3384 align-items: center; 3385 -webkit-box-pack: center; 3386 -ms-flex-pack: center; 3387 justify-content: center 3388} 3389 3390@media screen and (min-width:768px) { 3391 .direction { 3392 width: 28px 3393 } 3394 .input, 3395 .select { 3396 width: 200px 3397 } 3398} 3399 3400.tabs { 3401 width: 100%; 3402 margin-top: 30px; 3403 margin-bottom: 30px 3404} 3405 3406.tabs, 3407.tabs .tab { 3408 display: -webkit-box; 3409 display: -ms-flexbox; 3410 display: flex 3411} 3412 3413.tabs .tab { 3414 color: #494d55; 3415 -webkit-box-align: center; 3416 -ms-flex-align: center; 3417 align-items: center; 3418 -webkit-box-pack: center; 3419 -ms-flex-pack: center; 3420 justify-content: center; 3421 white-space: nowrap; 3422 font-size: .9em; 3423 padding: 0 5px 15px; 3424 cursor: pointer; 3425 border-bottom: 3px solid transparent 3426} 3427 3428.tabs .tab.active { 3429 border-color: #116fff 3430} 3431 3432.tabs .tab:hover { 3433 border-color: #dadfe1 3434} 3435 3436@media screen and (min-width:768px) { 3437 .tabs { 3438 -webkit-box-orient: horizontal; 3439 -webkit-box-direction: normal; 3440 -ms-flex-direction: row; 3441 flex-direction: row; 3442 border-bottom: 1px solid #d5dadd 3443 } 3444 .tabs .tab { 3445 margin-left: 20px; 3446 font-size: 14px 3447 } 3448 .tabs .tab:first-child { 3449 margin-left: 0 3450 } 3451} 3452 3453.program { 3454 background-color: #f6f6f6; 3455 padding-bottom: 30px 3456} 3457 3458.program--title { 3459 margin-top: 30px; 3460 margin-bottom: 5px; 3461 font-size: 26px 3462} 3463 3464.program--category-link { 3465 background-color: #f1f4f4; 3466 color: #797f7f; 3467 border: 1px solid #dadfe1; 3468 margin: 3px 1px; 3469 display: inline-block; 3470 position: relative; 3471 padding: 1px 6px 0; 3472 line-height: 18px; 3473 text-decoration: none; 3474 border-radius: 3px; 3475 font-size: 10px; 3476 text-transform: uppercase; 3477 font-weight: 400 3478} 3479 3480.program--category-link:hover { 3481 color: #494d55 3482} 3483 3484.program--categories { 3485 margin-top: 5px 3486} 3487 3488.program--description { 3489 margin-top: 10px; 3490 margin-bottom: 30px 3491} 3492 3493.program--description h4 { 3494 font-size: 18px; 3495 line-height: 1.2em 3496} 3497 3498.program--description p { 3499 color: #494d55; 3500 font-size: 15px 3501} 3502 3503.author { 3504 display: -webkit-box; 3505 display: -ms-flexbox; 3506 display: flex; 3507 margin-top: 30px 3508} 3509 3510.author--avatar { 3511 height: 75px; 3512 width: 75px; 3513 border-radius: 100px 3514} 3515 3516.author--name { 3517 color: #494d55; 3518 text-decoration: none; 3519 display: block 3520} 3521 3522.author--profile { 3523 background-color: #fff; 3524 border: 2px solid #116fff; 3525 -webkit-box-sizing: border-box; 3526 box-sizing: border-box; 3527 color: #116fff; 3528 border-radius: 20px; 3529 text-decoration: none; 3530 display: inline-block; 3531 font-size: 13px; 3532 padding: 5px 10px; 3533 margin-top: 10px 3534} 3535 3536.author--info { 3537 display: block; 3538 margin-left: 10px; 3539 width: 100% 3540} 3541 3542.player--share-left { 3543 color: #797f7f 3544} 3545 3546.access-button-area { 3547 text-align: center; 3548 margin-top: 15px; 3549 margin-bottom: 15px 3550} 3551 3552.author-page { 3553 margin-top: 60px 3554} 3555 3556.author-page--info { 3557 display: -webkit-box; 3558 display: -ms-flexbox; 3559 display: flex; 3560 -webkit-box-align: center; 3561 -ms-flex-align: center; 3562 align-items: center; 3563 -webkit-box-orient: vertical; 3564 -webkit-box-direction: normal; 3565 -ms-flex-direction: column; 3566 flex-direction: column 3567} 3568 3569.author-page--section { 3570 border-top: 1px solid #e7e9ec; 3571 margin: 30px 0 3572} 3573 3574.author-page--avatar { 3575 max-width: 150px; 3576 border-radius: 400px 3577} 3578 3579.author-page--browse-all { 3580 display: -webkit-box; 3581 display: -ms-flexbox; 3582 display: flex; 3583 -webkit-box-align: center; 3584 -ms-flex-align: center; 3585 align-items: center; 3586 -webkit-box-pack: center; 3587 -ms-flex-pack: center; 3588 justify-content: center; 3589 margin: 30px 0 100px 3590} 3591 3592.category-page { 3593 margin-top: 30px 3594} 3595 3596.category-page--info { 3597 display: -webkit-box; 3598 display: -ms-flexbox; 3599 display: flex; 3600 -webkit-box-align: center; 3601 -ms-flex-align: center; 3602 align-items: center; 3603 -webkit-box-orient: vertical; 3604 -webkit-box-direction: normal; 3605 -ms-flex-direction: column; 3606 flex-direction: column 3607} 3608 3609.category-page--section { 3610 border-top: 1px solid #e7e9ec; 3611 margin: 30px 0 3612} 3613 3614.category-page--avatar { 3615 max-width: 150px; 3616 border-radius: 400px 3617} 3618 3619.category-page--browse-all { 3620 display: -webkit-box; 3621 display: -ms-flexbox; 3622 display: flex; 3623 -webkit-box-align: center; 3624 -ms-flex-align: center; 3625 align-items: center; 3626 -webkit-box-pack: center; 3627 -ms-flex-pack: center; 3628 justify-content: center; 3629 margin: 30px 0 100px 3630} 3631 3632.all-platforms { 3633 background-color: #92d1e3; 3634 padding: 114px 0 250px 0; 3635 text-align: center; 3636 position: relative 3637} 3638 3639.all-platforms--title { 3640 font-size: 28px; 3641 line-height: normal; 3642 margin: 0 auto; 3643 margin-bottom: 23px 3644} 3645 3646.all-platforms--subtitle, 3647.all-platforms--title { 3648 font-weight: 400; 3649 font-style: normal; 3650 font-stretch: normal; 3651 letter-spacing: normal; 3652 text-align: center; 3653 color: #494d55 3654} 3655 3656.all-platforms--subtitle { 3657 font-size: 14px; 3658 line-height: 1.71; 3659 max-width: 670px; 3660 margin: 0 auto; 3661 margin-bottom: 47px 3662} 3663 3664.all-platforms--devices { 3665 max-width: 970px; 3666 margin: 0 auto; 3667 margin-bottom: 31px; 3668 position: relative; 3669 min-height: 472px 3670} 3671 3672.all-platforms--devices>div img { 3673 max-width: 100%; 3674 position: relative; 3675 z-index: 2 3676} 3677 3678.all-platforms--tv { 3679 display: block; 3680 position: relative; 3681 z-index: 2 3682} 3683 3684.all-platforms--tv .all-platforms--inner { 3685 background-color: #000; 3686 background-size: cover!important; 3687 position: absolute; 3688 top: 0;
3689 left: 1.5%; 3690 width: 95%; 3691 height: 88%; 3692 z-index: 1 3693} 3694 3695.all-platforms--ipad { 3696 position: absolute; 3697 left: 0; 3698 top: 280px; 3699 max-width: 270px; 3700 z-index: 3 3701} 3702 3703.all-platforms--ipad .all-platforms--inner { 3704 background-color: #000; 3705 background-size: cover!important; 3706 position: absolute; 3707 top: 4%; 3708 left: 7%; 3709 width: 90%; 3710 height: 88%; 3711 z-index: 1 3712} 3713 3714.all-platforms--macbook { 3715 position: absolute; 3716 right: 0; 3717 top: 240px; 3718 max-width: 500px; 3719 z-index: 3 3720} 3721 3722.all-platforms--macbook .all-platforms--inner { 3723 background-color: #000; 3724 background-size: cover!important; 3725 position: absolute; 3726 top: 4%; 3727 left: 11%; 3728 width: 78%; 3729 height: 85%; 3730 z-index: 1 3731} 3732 3733.all-platforms--iphone { 3734 position: absolute; 3735 right: 270px; 3736 top: 320px; 3737 z-index: 4 3738} 3739 3740.all-platforms--iphone .all-platforms--inner { 3741 background-color: #000; 3742 background-size: cover!important; 3743 position: absolute; 3744 top: 6%; 3745 left: 13%; 3746 width: 74%; 3747 height: 84%; 3748 z-index: 1 3749} 3750 3751.all-platforms--amazon { 3752 position: absolute; 3753 left: 9px; 3754 top: 100px; 3755 max-width: 100px; 3756 z-index: 1 3757} 3758 3759.all-platforms--apple-tv { 3760 position: absolute; 3761 left: 200px; 3762 top: 500px; 3763 max-width: 160px; 3764 z-index: 4; 3765 display: block 3766} 3767 3768.all-platforms--apple-tv img { 3769 max-width: 100% 3770} 3771 3772.all-platforms--roku-tv { 3773 position: absolute; 3774 left: 355px; 3775 top: 515px; 3776 max-width: 160px; 3777 z-index: 4 3778} 3779 3780.all-platforms--roku-tv img { 3781 max-width: 100% 3782} 3783 3784.all-platforms--available { 3785 position: relative; 3786 margin-top: 100px 3787} 3788 3789.all-platforms--available-title { 3790 margin: 0 auto; 3791 font-size: 14px; 3792 font-weight: 400; 3793 font-style: normal; 3794 font-stretch: normal; 3795 line-height: 1.36; 3796 letter-spacing: -.4px; 3797 text-align: center; 3798 color: #8c92a4; 3799 opacity: .8; 3800 margin-bottom: 16px 3801} 3802 3803.all-platforms--available-blocks { 3804 -webkit-box-pack: center; 3805 -ms-flex-pack: center; 3806 justify-content: center; 3807 -webkit-box-align: center; 3808 -ms-flex-align: center; 3809 align-items: center; 3810 display: -webkit-box; 3811 display: -ms-flexbox; 3812 display: flex; 3813 -ms-flex-wrap: wrap; 3814 flex-wrap: wrap 3815} 3816 3817.all-platforms--available-block { 3818 margin: 7px 10px; 3819 font-size: 0 3820} 3821 3822@media only screen and (min-width:768px) and (max-width:992px) { 3823 .all-platforms--tv { 3824 max-width: 100% 3825 } 3826 .all-platforms--ipad { 3827 max-width: 210px 3828 } 3829 .all-platforms--macbook { 3830 max-width: 380px 3831 } 3832 .all-platforms--iphone { 3833 max-width: 100px 3834 } 3835 .all-platforms--devices { 3836 margin-bottom: 130px 3837 } 3838} 3839 3840@media screen and (max-width:768px) { 3841 .all-platforms--tv { 3842 max-width: 100% 3843 } 3844 .all-platforms--ipad { 3845 max-width: 110px; 3846 left: 15px; 3847 top: 145px 3848 } 3849 .all-platforms--macbook { 3850 max-width: 215px; 3851 top: 126px 3852 } 3853 .all-platforms--iphone { 3854 max-width: 70px; 3855 right: 120px; 3856 top: 150px 3857 } 3858 .all-platforms--devices { 3859 min-height: 0; 3860 margin-bottom: 100px; 3861 max-width: 350px 3862 } 3863 .all-platforms--apple-tv { 3864 display: none 3865 } 3866 .all-platforms--roku-tv { 3867 display: none 3868 } 3869} 3870 3871body, 3872html { 3873 margin: 0; 3874 padding: 0; 3875 font-family: Rubik, sans-serif; 3876 background-color: #f1f1f1 3877} 3878 3879a, 3880a:active, 3881a:hover { 3882 text-decoration: none 3883} 3884 3885.page { 3886 min-height: 100vh 3887} 3888 3889.display-none-important { 3890 display: none!important 3891} 3892 3893h1, 3894h2, 3895h3, 3896h4 { 3897 font-weight: 400; 3898 color: #494d55 3899} 3900 3901p { 3902 font-weight: 300; 3903 color: #494d55; 3904 line-height: 1.5 3905} 3906 3907.hide-auto .sbt-autoplay { 3908 display: none!important 3909} 3910 3911#favoritevideo { 3912 border-top: 2px solid #000; 3913 padding-top: 15px; 3914 margin-top: 15px!important; 3915 padding-left: 0; 3916 padding-right: 0; 3917 display: flex; 3918 margin-right: 0; 3919 margin-left: 0 3920} 3921 3922#favoritevideocheckbox { 3923 padding-left: 0; 3924 font-weight: 700; 3925 cursor: pointer; 3926 transition: all .15s ease 3927} 3928 3929#favoritevideocheckbox:hover { 3930 color: #ea9532 3931} 3932 3933#repeatvideocheckbox { 3934 cursor: pointer; 3935 transition: all .15s ease; 3936 padding-left: 0 !important; 3937} 3938 3939#repeatvideocheckbox:hover { 3940 color: #ea9532 3941} 3942 3943#favoritevideocheckbox i { 3944 margin-right: 10px 3945} 3946 3947#favoritevideolist .row { 3948 padding: 10px 0; 3949 border-bottom: 1px solid rgba(0, 0, 0, .2) 3950} 3951 3952#favoritevideolist .row::before { 3953 counter-increment: row; 3954 content: counter(row) "."; 3955 display: inline-block; 3956 font-weight: 700; 3957 margin-right: 10px; 3958 width: 15px 3959} 3960 3961#favoritevideolist .row span { 3962 margin-right: 15px!important 3963} 3964 3965#favoritevideolist .row span:first-child { 3966 padding-left: 0; 3967 width: 23%!important; 3968 display: block; 3969 max-width: 100%!important; 3970 margin-right: 0!important 3971} 3972 3973#favoritevideolist .row span[id*=playspanfavorite] i::before { 3974 color: #80b743 3975} 3976 3977#favoritevideolist .row span[id*=upspanfavorite] i::before { 3978 color: #000 3979}
3979 3980 3981#favoritevideolist .row span[id*=downspanfavorite] i::before { 3982 color: #000 3983} 3984 3985#favoritevideolist .row span[id*=xspanfavorite] i::before { 3986 color: #d93833 3987} 3988 3989#favoritevideolist .row span:not(:first-child) i::before { 3990 cursor: pointer; 3991 transition: all .15s ease 3992} 3993 3994#favoritevideolist .row span:hover i::before { 3995 transform: scale(1.3) 3996} 3997 3998#favoritevideolist .row span i::before { 3999 display: block 4000} 4001 4002#favoritevideolist { 4003 margin-top: 15px; 4004 counter-reset: row 4005} 4006 4007.top_menu--menu { 4008 text-align: center; 4009 width: 100% 4010} 4011 4012.top_menu .container .dropdown--body a { 4013 font-family: Montserrat, sans-serif; 4014 letter-spacing: .5px; 4015 font-size: 16px; 4016 text-transform: none; 4017 padding: 10px 30px 4018} 4019 4020.top_menu { 4021 box-shadow: 0 0 10px 0 rgba(74, 74, 74, .5); 4022 background: #fff; 4023 padding-bottom: 20px; 4024} 4025 4026.dropdown--body::before { 4027 content: ''; 4028 display: block; 4029 background: linear-gradient(to bottom, rgba(74, 74, 74, .65) 0, rgba(74, 74, 74, 0) 100%); 4030 height: 8px; 4031 width: 100%; 4032 opacity: .15; 4033 position: absolute; 4034 top: 0; 4035 left: 0 4036} 4037 4038.dropdown--body a { 4039 font-weight: 500 4040} 4041 4042.dropdown--body a:last-child { 4043 padding-bottom: 30px!important 4044} 4045 4046.hero_banner--description-two { 4047 color: #fff; 4048 max-width: 700px!important; 4049 font-size: 18px; 4050 letter-spacing: .25px; 4051 line-height: 29px; 4052 text-align: center 4053} 4054 4055.hero_banner--cta .btn { 4056 display: flex!important; 4057 width: 100%!important; 4058 background: #80b743; 4059 height: 66px; 4060 padding: 0 40px; 4061 border-radius: 0; 4062 text-transform: uppercase; 4063 letter-spacing: 2.7px; 4064 transform: translate(0, 50%); 4065 font-family: 'Paytone One', sans-serif; 4066 align-items: center; 4067 line-height: 1; 4068 max-width: 600px; 4069 justify-content: center 4070} 4071 4072.hero--curve { 4073 position: absolute; 4074 width: 100%; 4075 bottom: 0;
4076 left: 0; 4077 height: 73px; 4078 background-size: cover!important; 4079 z-index: 2 4080} 4081 4082.intro { 4083 text-align: center 4084} 4085 4086.intro img { 4087 display: block; 4088 margin: 0 auto; 4089 padding-bottom: 30px 4090} 4091 4092.intro__copy { 4093 padding: 0 0 50px 0 !important; 4094 max-width: 700px; 4095 margin: 0 auto 4096} 4097 4098.intro__copy h2 { 4099 color: #4a4a4a; 4100 font-family: 'Paytone One', sans-serif; 4101 letter-spacing: 3px; 4102 font-size: 20px; 4103 line-height: 25px; 4104 text-transform: uppercase; 4105 margin-bottom: 5px 4106} 4107 4108.intro__copy h3 { 4109 color: #4a4a4a; 4110 font-family: 'Paytone One', sans-serif; 4111 letter-spacing: .2px; 4112 font-size: 35px; 4113 line-height: 40px; 4114 margin-bottom: 20px 4115} 4116 4117.intro__copy p { 4118 color: #4a4a4a; 4119 font-size: 18px; 4120 letter-spacing: .25px; 4121 line-height: 29px 4122} 4123 4124.intro__plans { 4125 display: flex; 4126 justify-content: space-between; 4127 margin-bottom: 30px; 4128 text-align: center 4129} 4130 4131.intro__plans .plan { 4132 color: #4a4a4a; 4133 width: 33.3333%; 4134 border-right: 3px solid #fff; 4135 display: flex; 4136 justify-content: center; 4137 align-items: center; 4138 flex-wrap: wrap; 4139 padding: 0 15px 4140} 4141 4142.intro__plans .plan:last-child { 4143 border-right: none 4144} 4145 4146.intro__plans h2 { 4147 color: #4a4a4a; 4148 font-family: 'Paytone One', sans-serif; 4149 letter-spacing: .2px; 4150 font-size: 35px; 4151 line-height: 40px; 4152 margin-bottom: 10px 4153} 4154 4155.intro__plans p { 4156 color: #4a4a4a; 4157 font-size: 18px; 4158 letter-spacing: .25px 4159} 4160 4161.intro .sign-up { 4162 color: #ea9532; 4163 font-family: 'Paytone One', sans-serif; 4164 letter-spacing: 3px; 4165 font-size: 20px; 4166 margin-top: 30px; 4167 text-transform: uppercase; 4168 display: inline-block; 4169 border-bottom: 2px solid #ea9532; 4170 padding-bottom: 3px 4171} 4172 4173.featured-banner { 4174 padding: 90px 0; 4175 position: relative 4176} 4177 4178.featured-banner img { 4179 display: block; 4180 position: relative; 4181 z-index: 5; 4182 margin: 0 auto 4183} 4184 4185.featured-banner::before { 4186 content: ''; 4187 display: block; 4188 background: #f1f1f1; 4189 height: 50%; 4190 width: 100%; 4191 position: absolute; 4192 top: 0; 4193 left: 0; 4194 z-index: 1 4195} 4196 4197.featured-banner::after { 4198 content: ''; 4199 display: block; 4200 background: #fff; 4201 height: 50%; 4202 width: 100%; 4203 position: absolute; 4204 bottom: 0;
4205 left: 0; 4206 z-index: 1 4207} 4208 4209.cta_container .btn--primary { 4210 font-family: 'Paytone One', sans-serif; 4211 align-items: center; 4212 height: 66px; 4213 padding: 0 40px; 4214 text-transform: uppercase; 4215 letter-spacing: 2.7px; 4216 display: flex; 4217 justify-content: center 4218} 4219 4220.all-platforms .curve-up { 4221 width: 100%; 4222 position: absolute; 4223 top: -82px 4224} 4225 4226.all-platforms__inner { 4227 color: #00; 4228 position: relative 4229} 4230 4231.all-platforms__inner .container { 4232 color: #00; 4233 display: flex 4234} 4235 4236.all-platforms__inner .all-platforms--tv { 4237 color: #00; 4238 width: 600px; 4239 margin-top: -160px 4240} 4241 4242.all-platforms__inner .all-platforms__copy { 4243 color: #00; 4244 width: 600px; 4245 padding-left: 80px 4246} 4247 4248.all-platforms__inner .all-platforms__copy h2 { 4249 color: #00; 4250 color: #4a4a4a; 4251 font-family: 'Paytone One', sans-serif; 4252 letter-spacing: .2px; 4253 font-size: 35px; 4254 line-height: 40px; 4255 margin-bottom: 20px 4256} 4257 4258.all-platforms__inner .all-platforms__copy img { 4259 color: #00; 4260 display: block; 4261 margin: 0 auto; 4262 padding-bottom: 30px 4263} 4264 4265.all-platforms__inner .all-platforms__copy p { 4266 color: #00 4267} 4268 4269.all-platforms--tv { 4270 color: #000 4271} 4272 4273.all-platforms--tv img { 4274 color: #000; 4275 width: 100% 4276} 4277 4278.join .video { 4279 display: block; 4280 margin-bottom: 40px 4281} 4282 4283.join__copy { 4284 display: block; 4285 text-align: center; 4286 max-width: 600px; 4287 margin: 0 auto 4288} 4289 4290.join__copy h2 { 4291 display: block; 4292 color: #4a4a4a; 4293 font-family: 'Paytone One', sans-serif; 4294 letter-spacing: .2px; 4295 font-size: 35px; 4296 line-height: 40px; 4297 margin-bottom: 20px 4298} 4299 4300.join__copy p { 4301 display: block 4302} 4303 4304.join__copy .btn--primary { 4305 font-family: 'Paytone One', sans-serif; 4306 align-items: center; 4307 height: 66px; 4308 padding: 0 40px; 4309 text-transform: uppercase; 4310 letter-spacing: 2.7px; 4311 display: flex; 4312 color: #fff; 4313 justify-content: center; 4314 color: #fff; 4315 margin: 0 auto 4316} 4317 4318.join .container { 4319 max-width: 830px; 4320 margin-top: -150px 4321} 4322 4323.btn--primary:hover, 4324.btn:hover { 4325 background: #ea9532!important 4326} 4327 4328.logo--mobile { 4329 display: none 4330} 4331 4332@media(max-width:1200px) { 4333 .top_menu .container .dropdown--action, 4334 .top_menu .container .top_menu--link { 4335 margin: 0 15px 4336 } 4337 .footer .dropdown, 4338 .footer--link { 4339 font-size: 15px 4340 } 4341} 4342 4343@media(max-width:992px) { 4344 .top_menu .container .dropdown--action, 4345 .top_menu .container .top_menu--link { 4346 margin: 0 10px 4347 } 4348 .footer .dropdown, 4349 .footer--copyright, 4350 .footer--link { 4351 font-size: 13px 4352 } 4353 .footer--link { 4354 margin: 0 13px 4355 } 4356 .footer--social a { 4357 font-size: 17px 4358 } 4359 .top_menu .container .dropdown--body a { 4360 font-size: 14px 4361 } 4362 .dropdown--body { 4363 top: 49px 4364 } 4365 4366 4367 .top_menu .container a { 4368 font-size: 14px; 4369 letter-spacing: 1px 4370 } 4371 .hero_banner, 4372 .hero_banner--main { 4373 min-height: 0; 4374 height: 350px 4375 } 4376 .hero_banner--cta { 4377 padding-top: 30px!important 4378 } 4379 .hero_banner--description { 4380 color: #f1f4f4; 4381 font-size: 40px; 4382 font-weight: 300; 4383 margin-bottom: 24px; 4384 margin-top: 0; 4385 padding: 0; 4386 text-align: center; 4387 font-family: 'Paytone One', sans-serif; 4388 letter-spacing: .75px; 4389 max-width: 810px!important; 4390 line-height: 45px 4391 } 4392 .hero_banner--description-two { 4393 color: #fff; 4394 max-width: 700px!important; 4395 font-size: 16px; 4396 letter-spacing: .25px; 4397 line-height: 24px; 4398 text-align: center 4399 } 4400 .intro__plans h2 { 4401 color: #4a4a4a; 4402 font-family: 'Paytone One', sans-serif; 4403 letter-spacing: .2px; 4404 font-size: 25px; 4405 line-height: 40px; 4406 margin-bottom: 5px 4407 } 4408 .intro__plans p { 4409 color: #4a4a4a; 4410 font-size: 16px; 4411 letter-spacing: .25px 4412 } 4413 .featured-banner { 4414 padding: 50px 0; 4415 position: relative 4416 } 4417 .featured_category { 4418 padding-top: 30px 4419 } 4420 .card { 4421 margin-bottom: 30px; 4422 max-width: 33.333%; 4423 padding: 0 15px 4424 } 4425 .all-platforms__inner .container { 4426 color: #00; 4427 display: block 4428 } 4429 .all-platforms__inner .all-platforms--tv { 4430 color: #00; 4431 width: 100%; 4432 margin-left: 0; 4433 margin-top: -225px 4434 } 4435 .all-platforms__inner .all-platforms__copy { 4436 color: #00; 4437 width: 100%; 4438 padding-left: 0; 4439 margin-top: 40px 4440 } 4441 .all-platforms { 4442 background-color: #92d1e3; 4443 padding: 114px 0 170px 0; 4444 text-align: center; 4445 position: relative 4446 } 4447} 4448 4449.light .ui-filters { 4450 background: #f1f1f1!important; 4451 border: none!important 4452} 4453 4454.container.catalog { 4455 background: #fff 4456} 4457 4458.hero_banner--catalog { 4459 height: 515px; 4460 overflow: hidden 4461} 4462 4463.hero_banner--catalog .hero_banner--cta { 4464 padding-top: 43px!important 4465} 4466 4467.hero_banner--catalog .hero_banner--cta .hero_banner--description { 4468 margin-bottom: 22px 4469} 4470 4471.hero_banner--catalog .hero_banner--main { 4472 min-height: 310px 4473} 4474 4475.main-filters { 4476 padding-top: 30px; 4477 padding-bottom: 20px; 4478 margin-top: -15px 4479} 4480 4481.main-filters button { 4482 background: 0 0!important; 4483 padding: 0!important; 4484 text-transform: uppercase; 4485 font-size: 14px; 4486 letter-spacing: 1.75px 4487} 4488 4489.main-filters button svg { 4490 display: none 4491} 4492 4493.main-filters button::before { 4494 content: ''; 4495 display: block; 4496 height: 25px; 4497 margin-right: 15px; 4498 width: 25px; 4499 background: url(https://s3.amazonaws.com/unode1/assets/7437/Xs3ROmHRSXCrGazQIHVZ_filter-icon.png) center no-repeat; 4500 background-size: cover!important 4501} 4502 4503.search-area .search-icon { 4504 display: none!important 4505} 4506 4507.search-area input { 4508 background: 0 0!important; 4509 border-top: none!important;
4510 border-right: none!important; 4511 border-left: none!important; 4512 border-bottom: 4px solid #fff!important; 4513 max-width: 460px!important; 4514 border-radius: 0!important; 4515 /* padding: 0 0 15px 0!important; */ 4516 height: auto!important; 4517 width: 100%!important 4518} 4519 4520.search-area::before { 4521 content: ''; 4522 display: inline-block; 4523 height: 25px; 4524 margin-right: 15px; 4525 width: 27px; 4526 background: url(https://s3.amazonaws.com/unode1/assets/7437/8UPokPTfRp2VaaIwEkkX_search-icon.png) center no-repeat; 4527 background-size: cover!important 4528} 4529 4530.main-filters form { 4531 max-width: 460px!important; 4532 width: 100%!important 4533} 4534 4535.search-area { 4536 width: 100%!important; 4537 display: flex 4538} 4539 4540.search-area input::-webkit-input-placeholder { 4541 text-transform: uppercase!important; 4542 font-size: 14px!important; 4543 letter-spacing: 1.75px!important; 4544 color: #4a4a4a!important; 4545 opacity: .5!important 4546} 4547 4548.search-area input::-moz-placeholder { 4549 text-transform: uppercase!important; 4550 font-size: 14px!important; 4551 letter-spacing: 1.75px!important; 4552 color: #4a4a4a!important; 4553 opacity: .5!important 4554} 4555 4556.search-area input:-ms-input-placeholder { 4557 text-transform: uppercase!important; 4558 font-size: 14px!important; 4559 letter-spacing: 1.75px!important; 4560 color: #4a4a4a!important; 4561 opacity: .5!important 4562} 4563 4564.search-area input:-moz-placeholder { 4565 text-transform: uppercase!important; 4566 font-size: 14px!important; 4567 letter-spacing: 1.75px!important; 4568 color: #4a4a4a!important; 4569 opacity: .5!important 4570} 4571 4572.category-title { 4573 font-size: 35px!important; 4574 color: #4a4a4a!important; 4575 letter-spacing: .2px 4576} 4577 4578.category-see-all a { 4579 font-size: 18px!important; 4580 letter-spacing: .2px 4581} 4582 4583.card-title { 4584 font-size: 18px!important; 4585 color: #4a4a4a!important; 4586 letter-spacing: .2px; 4587 margin-top: 15px; 4588 font-weight: 400!important 4589} 4590 4591.card-image .image-container { 4592 border-radius: 0!important; 4593 border: 2px solid #f1f1f1!important 4594} 4595 4596 4597 4598.video-overlay .hero_banner--main::before { 4599 content: ''; 4600 display: block; 4601 position: absolute; 4602 top: 0; 4603 left: 0; 4604 width: 100%; 4605 height: 100%; 4606 background: #68a1b0; 4607 opacity: .6; 4608 z-index: 1 4609} 4610 4611.hero_banner--cta { 4612 z-index: 9 4613} 4614 4615.swiper-button-next, 4616.swiper-button-prev { 4617 height: 30px!important; 4618 width: 30px!important; 4619 border-radius: 100%!important; 4620 background: #a5a5a5!important; 4621 padding: 0!important; 4622 top: calc(50% - 55px)!important 4623} 4624 4625.top_menu { 4626 position: relative; 4627 z-index: 9999 4628} 4629 4630@media(max-width:960px) { 4631 .swiper-button-next, 4632 .swiper-button-prev { 4633 top: calc(50% - 38px)!important 4634 } 4635} 4636 4637@media(max-width:385px) { 4638 .swiper-button-next, 4639 .swiper-button-prev { 4640 top: calc(50% - 50px)!important 4641 } 4642} 4643 4644@media(max-width:768px) { 4645 .intro__plans { 4646 display: block 4647 } 4648 .intro__plans .plan { 4649 width: 100%; 4650 border: none; 4651 text-align: center; 4652 display: block; 4653 margin-bottom: 15px 4654 } 4655 .main-filters form { 4656 max-width: 50%!important 4657 } 4658 .main-filters { 4659 flex-wrap: wrap; 4660 padding-top: 0!important; 4661 margin-top: 0!important 4662 } 4663 .dropdown--body { 4664 position: static!important; 4665 text-align: center!important 4666 } 4667 .top_menu>.container { 4668 display: flex; 4669 justify-content: space-between; 4670 margin-top: 0!important 4671 } 4672 .top_menu { 4673 padding: 10px 0!important; 4674 position: relative; 4675 z-index: 9999 4676 } 4677 .logo--desktop { 4678 display: none 4679 } 4680 .logo--mobile { 4681 display: block; 4682 max-width: 120px!important 4683 } 4684 .top_menu--logo { 4685 width: auto; 4686 margin: 0!important 4687 } 4688 .top_menu--menu { 4689 width: auto!important 4690 } 4691 .footer--links { 4692 margin-bottom: 20px!important 4693 } 4694 .powered-by-uscreen { 4695 justify-content: center!important 4696 } 4697 .footer { 4698 padding-top: 50px!important; 4699 padding-bottom: 50px!important 4700 } 4701 .intro__plans .plan h2 { 4702 display: block; 4703 margin-bottom: 10px 4704 } 4705 .card { 4706 margin-bottom: 30px; 4707 max-width: 50%; 4708 padding: 0 15px 4709 } 4710 .search-area::before { 4711 width: 32px 4712 } 4713 .category-title { 4714 font-size: 22px!important 4715 } 4716 .secondary-filters { 4717 margin-bottom: 30px 4718 } 4719} 4720 4721.catalog-area { 4722 background: #fff 4723} 4724 4725@media(max-width:550px) { 4726 .card { 4727 max-width: 100% 4728 } 4729 .all-platforms .curve-up { 4730 width: 100%; 4731 position: absolute; 4732 top: -39px 4733 } 4734 .hero--curve { 4735 height: 50px 4736 } 4737 .hero_banner--description { 4738 font-size: 32px; 4739 line-height: 38px 4740 } 4741 .hero_banner--title { 4742 font-size: 16px; 4743 line-height: 20px 4744 } 4745 .hero_banner--description-two { 4746 font-size: 14px; 4747 line-height: 19px 4748 } 4749 .footer--links { 4750 flex-wrap: wrap!important 4751 } 4752 .footer--link { 4753 width: 100%!important; 4754 margin: 0 0 10px 0!important; 4755 text-align: center!important 4756 } 4757 .swiper-button-prev { 4758 left: -5px!important 4759 } 4760 .swiper-button-next { 4761 right: -5px!important 4762 } 4763} 4764 4765@media(max-width:680px) { 4766 .category-flex { 4767 display: block!important 4768 } 4769 .category-see-all { 4770 width: 100%!important; 4771 margin-top: 5px!important 4772 } 4773 .category-title { 4774 width: 100%!important; 4775 display: block!important 4776 } 4777 .hero_banner--catalog .hero_banner--cta { 4778 padding-top: 22px!important 4779 } 4780} 4781 4782.category-see-all { 4783 display: block!important 4784} 4785 4786.swiper-button-next svg { 4787 transform: translateX(1px) 4788} 4789 4790.swiper-button-prev svg { 4791 transform: translateX(-1px) 4792} 4793 4794#construction { 4795 position: fixed; 4796 z-index: 99999; 4797 top: 0;
4798 left: 0; 4799 height: 100%; 4800 width: 100%; 4801 background: #fff; 4802 text-align: center; 4803 display: none!important 4804} 4805 4806#construction .center-center { 4807 position: absolute; 4808 top: 50%; 4809 left: 50%; 4810 transform: translate(-50%, -50%) 4811} 4812 4813#construction img { 4814 display: block; 4815 margin: 0 auto 20px auto 4816} 4817 4818#construction h2 { 4819 font-size: 36px; 4820 font-family: 'Paytone One', sans-serif; 4821 letter-spacing: .5px; 4822 color: #80b743; 4823 margin-bottom: 15px 4824} 4825 4826#construction p { 4827 font-size: 22px; 4828 font-family: 'Paytone One', sans-serif; 4829 letter-spacing: 3px; 4830 text-transform: uppercase; 4831 color: #ea9532 4832} 4833 4834.page-container { 4835 padding: 60px 0 4836} 4837 4838.page-container h1 { 4839 font-size: 50px; 4840 font-family: 'Paytone One', sans-serif; 4841 letter-spacing: .75px; 4842 margin-bottom: 40px 4843} 4844 4845.page-container p { 4846 margin-bottom: 40px 4847} 4848 4849.page-container a { 4850 text-decoration: underline 4851} 4852 4853.page-container strong { 4854 font-weight: 700 4855} 4856 4857.page-container img { 4858 display: block; 4859 margin: 20px auto; 4860 max-width: 100% 4861} 4862 4863.ui-featured-category.swiper-container { 4864 display: none!important 4865} 4866 4867.top_menu--menu .dropdown:last-child .dropdown--body { 4868 left: auto; 4869 right: 0 4870} 4871 4872.cbt-program #favoritevideo + #favoritevideo { 4873 display: none; 4874} 4875 4876.display-none-important { 4877 display: none; 4878} 4879 4880.iframe-wrap { 4881 overflow: hidden; 4882 width: 100%; 4883 padding-top: 56.25%; 4884 position: relative; 4885 height: 0; 4886} 4887 4888.player-position { 4889 position: absolute; 4890 top: 50%; 4891 left: 50%; 4892 transform: translateY(-50%) translateX(-50%); 4893 width: 100%; 4894 padding: 50px 0; 4895} 4896 4897#hero-player { 4898 position: absolute; 4899 top: 50%; 4900 left: 50%; 4901 top: 0; 4902 left: 0; 4903 bottom: 0; 4904 right: 0; 4905 width: 100%; 4906 height: 100% 4907} 4908 4909@media( max-width: 768px ) { 4910 .player-position { 4911 width: 150%; 4912 } 4913} 4914 4915@media( max-width: 500px ) { 4916 .player-position { 4917 width: 200%; 4918 } 4919} 4920 4921@media( max-width: 340px ) { 4922 .player-position { 4923 width: 250%; 4924 } 4925} 4926 4927@media( max-width: 1570px ) { 4928 .iframe-wrap { 4929 width: 150%; 4930 } 4931} 4932 4933@media( max-width: 850px ) { 4934 .hero_banner--catalog, 4935 .hero_banner { 4936 height: 375px; 4937 } 4938} 4939 4940/* Website update adjusted styles*/ 4941/* Catalog filters */ 4942#catalog_filters .bg-gray-100 { 4943 background-color: #f1f1f1!important; 4944} 4945 4946</style> 4947 <!-- Google Analytics -->
vendor: 69 bytes, lines 4947-4949
4947 4948 4949 <script async src="https://www.googletagmanager.com/gtag/js?id=
4949G-274WWMQMF6
vendor: 16 bytes, lines 4949-4950
4949"></script> 4950
4950<script> 4951
vendor: 145 bytes, lines 4951-4954
4951window.dataLayer = window.dataLayer || []; 4952 function gtag(){dataLayer.push(arguments);} 4953 gtag('js', new Date()); 4954 gtag('config', '
4954G-274WWMQMF6
vendor: 8 bytes, lines 4954-4955
4954'); 4955
4955</script>
4955 4956<!-- End Google Analytics --> 4957 4958 <!-- Google Tag Manager --> 4959
4959<script>
vendor: 348 bytes, lines 4959-4964
4959 4960 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4961 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4962 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4963 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4964 })(window,document,'script','dataLayer','
4964GTM-59KGFM4
vendor: 6 bytes, lines 4964-4965
4964'); 4965
4965</script>
4965 4966<!-- End Google Tag Manager --> 4967 4968 </head> 4969 <body dir="ltr" class="light themeless group/body bg-ds-default"> 4970 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 4970-4971
4970 4971 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4971GTM-59KGFM4
vendor: 87 bytes, lines 4971-4973
4971" 4972 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 4973
4973<!-- End Google Tag Manager (noscript) --> 4974 4975 <style id="card_border_radius"> 4976 .pb-card { 4977 border-radius: 0.5rem; 4978 } 4979 </style> 4980 <style id="button_border_radius"> 4981 .pb-button { 4982 border-radius: 9999px; 4983 } 4984 </style> 4985 <style id="heading_font_family"> 4986 .heading_font_family { 4987 font-family: 'Work Sans'; 4988 } 4989 </style> 4990 <style id="body_font_family"> 4991 .body_font_family { 4992 font-family: 'Work Sans'; 4993 } 4994 </style> 4995
4995<script src="https://assets-gke.uscreencdn.com/vite/assets/page_builder-CQXrcFwc.js" crossorigin="anonymous" type="module"></script>
4995<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/api-CAiQbrBo-BbgJmk-9.js" as="script" crossorigin="anonymous"> 4996<link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/_commonjsHelpers-DaMA6jEr-DwXtFsJ3.js" as="script" crossorigin="anonymous"> 4997 <turbo-frame id="website_modal"></turbo-frame> 4998 <div hidden="hidden" data-controller="edge-visit" data-edge-visit-url-value="/pages/414281/visit"></div> 4999 <div hidden data-controller="landing-page-view" data-landing-page-view-page-id-value="414281" data-landing-page-view-permalink-value="contact-us-new"></div> 5000 <div class="sticky top-0 z-[100]"> 5001 5002 5003 <header id="website-header" 5004 class="sticky top-0 z-[100] flex bg-ds-main h-20 border-b border-ds-default" 5005 data-controller="themeless--header" 5006> 5007 <div class="container flex justify-between items-center my-auto"> 5008 <div class="flex justify-start w-[8.75rem] flex-none"> 5009 <a class="max-w-36 me-auto text-sm md:text-base text-ds-default" id="store-logo" data-type="main_logo" href="/"> 5010 <img alt="HeidiSongs" src="https://alpha.uscreencdn.com/images/logotypes/5896/20e1c44c-e67a-412f-8a3d-4c3c01e5ea4c.png" /> 5011</a> </div> 5012 5013 <nav id="website-links" class="h-full min-w-0 mx-auto hidden md:flex justify-center -mb-px" data-themeless--header-target="navigation"> 5014 <ul class="h-full flex justify-start space-x-4 invisible" data-themeless--header-target="navigationLinks"> 5015 5016 <li class="relative group/item"> 5017 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default" target="_self" data-type="home" href="/"><span class="flex items-center"><span>Home</span></span></a> 5018 </li> 5019 5020 <li class="relative group/item"> 5021 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default pl-6" target="_self" href="https://www.heidisongs.tv/categories/category-heidisongs"><span class="flex items-center"><span>Songwriter</span><ds-icon name="chevron-down" class="ms-1 mt-0.5" size="20"></ds-icon></span></a><ul class="group-hover/item:block hidden absolute top-full min-w-full left-0 bg-ds-default border ds-border-default rounded-md md:rounded-sm -mt-3 z-[1]"><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-heidisongs">HeidiSongs</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-CG56hmc9VnU">EduTunes with Miss Jenny</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/programs/collection-mister_b?cid=2763581">Dr. Anthony "MiSTER B" Broughton</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-DeedeeWills-Miss%20Jenny">Deedee Wills & Miss Jenny</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-Miss%20Molly%20Songs">Miss Molly Songs</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://heidisongs.uscreen.io/programs/collection-iuq6gvwmefy?categoryId=107647&amp;permalink=letter-pop-2-696f16">Singing with Shari</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/programs/collection-miss_caitlin_music">Miss Caitlin Music</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/programs/collection-spanish_with_liz">Spanish with Liz</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/programs/collection-jobjams">Job Jams</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-crafts_with_miss_kim">Crafts with Miss Kim</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-danny_go">Danny Go!</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/programs/collection-the_mik_maks-brain_breaks?category_id=254669">The Mik Maks</a></li></ul> 5022 </li> 5023 5024 <li class="relative group/item"> 5025 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default pl-6" target="_self" href="https://www.heidisongs.tv/categories/letters-sounds"><span class="flex items-center"><span>Subject</span><ds-icon name="chevron-down" class="ms-1 mt-0.5" size="20"></ds-icon></span></a><ul class="group-hover/item:block hidden absolute top-full min-w-full left-0 bg-ds-default border ds-border-default rounded-md md:rounded-sm -mt-3 z-[1]"><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/letters-sounds">Alphabet</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-Brain_Breaks">Brain Breaks</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/sight-words">High Frequency Words</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/phonics">Phonics & Word Families</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/numbers-primary-math">Numbers & Primary Math</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/circle_time_heidisongs">Circle Time</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/colors-and-shapes">Colors & Shapes</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/classroom-management">Classroom Management</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-social_emotional_learning">Social Emotional Learning</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/language-arts">Science & Social Studies</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/nursery-rhymes">Nursery Rhymes & Read Alouds</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-spanish">Spanish</a></li></ul> 5026 </li> 5027 5028 <li class="relative group/item"> 5029 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default pl-6" target="_blank" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fhs_tk_pacing_guide
5029-linked.1685644571.pdf"><span class="flex items-center"><span>Pacing Guides</span><ds-icon name="chevron-down" class="ms-1 mt-0.5" size="20"></ds-icon></span></a><ul class="group-hover/item:block hidden absolute top-full min-w-full left-0 bg-ds-default border ds-border-default rounded-md md:rounded-sm -mt-3 z-[1]"><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fhs_tk_pacing_guide-linked.1685644571.pdf">Transitional Kindergarten Curriculum Map</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/Transitional_Kindergarten_Pacing_Guide">TK Pacing Guide - HeidiSongs Collection</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fheidisongs_kindergarten_pacing_guide-updated_2023.1684790618.pdf">Kindergarten Curriculum Map</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/kindergarten-pacing-guide-curriculum-map">Kindergarten Pacing Guide - HeidiSongs Collection</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-64P_QMaOLK8">First Grade Pacing Guide - EduTunes</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/categories/category-lTJDvoCiaJI">Second Grade Pacing Guide - EduTunes</a></li></ul> 5030 </li> 5031 5032 <li class="relative group/item"> 5033 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default pl-6" target="_self" href="/pages/faqs-new"><span class="flex items-center"><span>FAQs</span><ds-icon name="chevron-down" class="ms-1 mt-0.5" size="20"></ds-icon></span></a><ul class="group-hover/item:block hidden absolute top-full min-w-full left-0 bg-ds-default border ds-border-default rounded-md md:rounded-sm -mt-3 z-[1]"><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="/pages/faqs-new">Streaming - Frequently Asked Questions</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="/pages/pricing-new">Pricing - Frequently Asked Questions</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="/pages/refer-a-friend-get-1-month-free-new">Refer a Friend - Get 1 Month FREE!</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="/pages/contact-us-new">Contact Us</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/privacy">Privacy Policy</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://www.heidisongs.tv/terms">Terms of Service</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://heidisongs.com/">HeidiSongs.com</a></li></ul> 5034 </li> 5035 5036 <li class="relative group/item"> 5037 <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default" target="_blank" href="https://heidisongs.blog/"><span class="flex items-center"><span>Blog</span></span></a> 5038 </li> 5039 </ul> 5040 </nav> 5041 5042 <div class="flex gap-x-2 items-center justify-end relative flex-none"> 5043 5044 5045 <ds-button style="--font-size: var(--font-size-4-5)" class="hidden lg:block" size="big" variant="regular" href="/sign_in">Sign in</ds-button> 5046 <ds-button style="--font-size: var(--font-size-4-5)" size="big" variant="primary" href="/join">Join</ds-button> 5047 5048 <div class="relative flex items-center"> 5049 <input type="checkbox" id="menu-toggle" class="peer hidden" data-themeless--header-target="toggle" data-action="change->themeless--header#onMenuToggle"> 5050 <label for="menu-toggle" class="overlay hidden peer-checked:block fixed inset-0 "></label> 5051 <label for="menu-toggle" class="cursor-pointer flex items-center justify-center p-2 rounded bg-ds-subtle hover:opacity-80 lg:hidden w-12" 5052 data-themeless--header-target="toggleBurger" 5053 > 5054 <ds-icon class="text-ds-default block p-1" name="burger" size="24"></ds-icon> 5055 <ds-icon class="text-ds-default hidden p-1" name="cross" size="24"></ds-icon> 5056 </label> 5057 5058 <div id="main-menu" class="invisible" data-themeless--header-target="menu"> 5059 <div class="overflow-hidden relative box-border h-full flex w-full"> 5060 <nav class="h-auto max-h-full w-full min-h-0 overflow-y-auto px-4 py-2 border-ds-default" data-themeless--header-target="menuNavigation"> 5061 <ul class="flex flex-col space-y-1"> 5062 <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> 5063 <a class="block py-2 h-10 md:h-8 hover:underline" href="/sign_in">Sign in</a> 5064 </li> 5065 <li class="text-base md:text-sm font-normal leading-tight md:leading-none">
5066 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" data-type="home" href="/"><span class="flex items-center justify-items-stretch"><span>Home</span></span></a> 5067 </li> 5068 <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> 5069 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" href="https://www.heidisongs.tv/categories/category-heidisongs"><span class="flex items-center justify-items-stretch"><span>Songwriter</span><ds-icon name="chevron-down" class="ms-1 mt-0.5 min-w-6 flex-1 hover:opacity-70" size="18" data-action="click->themeless--header#toggleSubmenuLinks:prevent"></ds-icon></span></a><ul class="hidden"><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-heidisongs">HeidiSongs</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-CG56hmc9VnU">EduTunes with Miss Jenny</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/programs/collection-mister_b?cid=2763581">Dr. Anthony "MiSTER B" Broughton</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-DeedeeWills-Miss%20Jenny">Deedee Wills & Miss Jenny</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-Miss%20Molly%20Songs">Miss Molly Songs</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://heidisongs.uscreen.io/programs/collection-iuq6gvwmefy?categoryId=107647&amp;permalink=letter-pop-2-696f16">Singing with Shari</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/programs/collection-miss_caitlin_music">Miss Caitlin Music</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/programs/collection-spanish_with_liz">Spanish with Liz</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/programs/collection-jobjams">Job Jams</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-crafts_with_miss_kim">Crafts with Miss Kim</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-danny_go">Danny Go!</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/programs/collection-the_mik_maks-brain_breaks?category_id=254669">The Mik Maks</a></li></ul> 5070 </li> 5071 <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> 5072 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" href="https://www.heidisongs.tv/categories/letters-sounds"><span class="flex items-center justify-items-stretch"><span>Subject</span><ds-icon name="chevron-down" class="ms-1 mt-0.5 min-w-6 flex-1 hover:opacity-70" size="18" data-action="click->themeless--header#toggleSubmenuLinks:prevent"></ds-icon></span></a><ul class="hidden"><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/letters-sounds">Alphabet</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-Brain_Breaks">Brain Breaks</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/sight-words">High Frequency Words</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/phonics">Phonics & Word Families</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/numbers-primary-math">Numbers & Primary Math</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/circle_time_heidisongs">Circle Time</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/colors-and-shapes">Colors & Shapes</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/classroom-management">Classroom Management</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-social_emotional_learning">Social Emotional Learning</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/language-arts">Science & Social Studies</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/nursery-rhymes">Nursery Rhymes & Read Alouds</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-spanish">Spanish</a></li></ul> 5073 </li> 5074 <li class="text-base md:text-sm font-normal leading-tight md:leading-none">
5075 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_blank" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fhs_tk_pacing_guide-linked.1685644571.pdf"><span class="flex items-center justify-items-stretch"><span>Pacing Guides</span><ds-icon name="chevron-down" class="ms-1 mt-0.5 min-w-6 flex-1 hover:opacity-70" size="18" data-action="click->themeless--header#toggleSubmenuLinks:prevent"></ds-icon></span></a><ul class="hidden"><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fhs_tk_pacing_guide-linked.1685644571.pdf">Transitional Kindergarten Curriculum Map</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/Transitional_Kindergarten_Pacing_Guide">TK Pacing Guide - HeidiSongs Collection</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F5710%2Fheidisongs_kindergarten_pacing_guide-updated_2023.1684790618.pdf">Kindergarten Curriculum Map</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/kindergarten-pacing-guide-curriculum-map">Kindergarten Pacing Guide - HeidiSongs Collection</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-64P_QMaOLK8">First Grade Pacing Guide - EduTunes</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/categories/category-lTJDvoCiaJI">Second Grade Pacing Guide - EduTunes</a></li></ul> 5076 </li> 5077 <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> 5078 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" href="/pages/faqs-new"><span class="flex items-center justify-items-stretch"><span>FAQs</span><ds-icon name="chevron-down" class="ms-1 mt-0.5 min-w-6 flex-1 hover:opacity-70" size="18" data-action="click->themeless--header#toggleSubmenuLinks:prevent"></ds-icon></span></a><ul class="hidden"><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="/pages/faqs-new">Streaming - Frequently Asked Questions</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="/pages/pricing-new">Pricing - Frequently Asked Questions</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="/pages/refer-a-friend-get-1-month-free-new">Refer a Friend - Get 1 Month FREE!</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="/pages/contact-us-new">Contact Us</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/privacy">Privacy Policy</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://www.heidisongs.tv/terms">Terms of Service</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://heidisongs.com/">HeidiSongs.com</a></li></ul> 5079 </li> 5080 <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> 5081 <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_blank" href="https://heidisongs.blog/"><span class="flex items-center justify-items-stretch"><span>Blog</span></span></a> 5082 </li> 5083 <ds-viewport data-action="change->themeless--header#onScrollAnchorChange"> 5084 <div class="w-full h-[1px]"></div> 5085 </ds-viewport> 5086 </ul> 5087 </nav> 5088 <div aria-hidden="true" class="absolute top-0 left-0 right-0 bottom-0 pointer-events-none opacity-1 translate-y-0 aria-hidden:translate-y-10 aria-hidden:opacity-0 transition-all" style="box-shadow: 0px -60px 30px -32px var(--ds-bg-overlay) inset;" data-themeless--header-target="menuNavigationScrollShadow"></div> 5089 </div> 5090 <div class="p-4 border-ds-default border-t bg-ds-overlay text-xs font-normal"> 5091 <div class="flex flex-wrap gap-y-2"> 5092 <a class="block w-full mb-2 text-primary hover:underline underline-offset-2" data-turbo="true" data-turbo-frame="website_modal" href="/about/apps">Get the app -></a> 5093 <a class="text-ds-muted text-sm md:text-[11px]" href="/terms">
5094 <span class="hover:underline underline-offset-2">Terms</span> 5095</a> <span class="flex items-center font-medium mx-1 last:hidden">â</span> 5096 <a class="text-ds-muted text-sm md:text-[11px]" href="/privacy"> 5097 <span class="hover:underline underline-offset-2">Privacy</span> 5098</a> <span class="flex items-center font-medium mx-1 last:hidden">â</span> 5099 <a class="text-ds-muted text-sm md:text-[11px]" href="/pages/contact-us-new"> 5100 <span class="hover:underline underline-offset-2">Contact Us</span> 5101</a> <span class="flex items-center font-medium mx-1 last:hidden">â</span> 5102 </div> 5103 </div> 5104 </div> 5105 </div> 5106 </div> 5107 </div> 5108</header> 5109 5110 5111 </div> 5112 <div id="el-5d8034e087aa3c3d" class=" relative" data-editor="section"> 5113 <section><div class="page"> 5114 <div class="container page-container"> 5115 <div class="row"> 5116 <div class="col-12"> 5117 <h1>Contact Us</h1> 5118 <div class="editor-content"><p>You can contact us M-F, 9:00am-3:00pm PST by phone at (909) 331-2090. If we miss your call, we have a good answering system and will call you back as soon as we can, so feel free to leave a detailed message. <strong><em>Be sure to leave your first and last name and a phone number</em></strong> so that we can do any follow-up before we call you back. <br></p><p>You can also email us at <a target="_blank" rel="noopener noreferrer nofollow" href="mailto:[email protected]">[email protected]</a> and we will email back at our first opportunity and if you don't hear from us, <strong><em>check your spam or blocked mail folder just in case the message ended up there</em></strong>. Some emails have security or privacy settings for unknown email addresses that may send our reply to one of those folders. Any emails received over the weekend will be followed up on Monday morning once we are back in the office.</p><p>If you would like to know more about HeidiSongs supplemental materials that support all of these videos, please visit our website <a target="_blank" rel="noopener noreferrer nofollow" href="http://www.heidisongs.com">www.heidisongs.com</a></p><br><p><strong>Remit address:</strong></p><p>HeidiSongs</p><p>PO Box 313</p><p>Rancho Cucamonga CA 91729-0313</p></div> 5119 </div> 5120 </div> 5121</div> 5122 5123 </div></section> 5124</div> 5125 <footer class="px-[3%] py-8 lg:py-6 w-full bg-ds-main border-t border-ds-default bg-ds-default text-ds-muted text-ds-base-regular"> 5126 <div class="container flex flex-col space-y-4 justify-center"> 5127 <div class="flex flex-wrap justify-center items-center space-y-2 space-x-2 text-center md:text-left rtl:md:text-right"> 5128 <p class="mt-2 flex justify-center space-x-2 w-full md:w-fit text-center text-sm font-normal leading-5 text-ds-muted"> 5129 <span id="store-title">© 2026 HeidiSongs</span> 5130 <span class="ms-2 text-sm font-normal leading-5 text-ds-muted hidden md:inline-block">â</span> 5131 </p> 5132 <p class="text-sm font-normal leading-5 text-ds-muted"> 5133 <a class="hover:underline underline-offset-2" target="_self" href="/terms">Terms</a> 5134 </p> 5135 <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">â</p> 5136 <p class="text-sm font-normal leading-5 text-ds-muted"> 5137 <a class="hover:underline underline-offset-2" target="_self" href="/privacy">Privacy</a> 5138 </p> 5139 <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">â</p> 5140 <p class="text-sm font-normal leading-5 text-ds-muted"> 5141 <a class="hover:underline underline-offset-2 underline" target="_self" href="/pages/contact-us-new">Contact Us</a> 5142 </p> 5143 <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">â</p> 5144 <div class="mt-4 md:!ms-4 w-full md:w-fit text-center text-primary hover:underline underline-offset-2 leading-5"> 5145 <a class="text-sm text-primary font-medium" data-turbo="true" data-turbo-frame="website_modal" href="/about/apps">Get the app -></a> 5146 </div> 5147 </div> 5148 5149 <div class="flex justify-center space-x-4 rtl:space-x-reverse"> 5150 <ds-button only-icon href="https://www.youtube.com/@heidisongs" target="_blank"> 5151 <ds-icon name='youtube' size="16px"></ds-icon> 5152 </ds-button> 5153 <ds-button only-icon href="https://www.instagram.com/heidisongs/" target="_blank"> 5154 <ds-icon name='instagram' size="16px"></ds-icon> 5155 </ds-button> 5156 <ds-button only-icon href="https://www.facebook.com/heidisongs" target="_blank"> 5157 <ds-icon name='facebook' size="16px"></ds-icon> 5158 </ds-button> 5159 </div> 5160 </div> 5161 <div class="flex mt-0 md:mt-4 items-center justify-center"> 5162 <div class="uscreen-block flex justify-center my-4 md:m-0 md:justify-end"> 5163 <style> 5164 .powered-by-uscreen { 5165 align-items: center; 5166 display: flex; 5167 font-size: 0.875rem; 5168 font-family: 'Inter', sans-serif; 5169 line-height: 1; 5170 --branding-text-color: #B0B0B0; 5171 --branding-text-hovered-color: #888888; 5172 } 5173 .dark .powered-by-uscreen { 5174 --branding-text-color: #8A8A8A; 5175 --branding-text-hovered-color: #adadad; 5176 } 5177 5178 .powered-by-uscreen { 5179 color: var(--branding-text-color); 5180 } 5181 .powered-by-uscreen svg { 5182 margin-right: 5px; 5183 } 5184 5185 .powered-by-uscreen:hover { 5186 color: var(--branding-text-hovered-color); 5187 } 5188 </style> 5189 5190 <a class="footer-background-color powered-by-uscreen" 5191 href="https://www.uscreen.tv?utm_category=product&utm_medium=branding&utm_source=5710&utm_campaign=web&utm_content=powered_by" target="_blank" class="footer-background-color powered-by-uscreen"> 5192 <svg width="14" height="15" viewBox="0 0 334 359" fill="none" xmlns="http://www.w3.org/2000/svg"> 5193 <path d="M86.5378 11.985C100.469 1.19534 118.573 -2.58324 135.645 1.77206C188 15.1111 249.46 32.2287 301.556 48.3297V48.36C319.812 54.0052 332.422 70.6376 332.878 89.7281C334.152 142.022 333.879 198.246 332.59 250.191C332.195 266.14 325.138 281.178 313.15 291.695C290.509 311.559 270.219 328.344 246.258 346.842C232.311 357.617 214.177 361.38 197.12 357.009C144.947 343.64 84.3828 326.553 32.3317 310.482C14.0608 304.822 1.43543 288.159 0.980171 269.039C-0.23385 216.699 -0.44683 160.277 0.99482 108.317C1.43502 92.3983 8.53726 77.3904 20.54
519307 66.9195C43.2429 47.1007 63.1224 30.1042 86.5378 11.985ZM127.459 25.525C123.756 24.4779 120.052 27.2705 120.052 31.1402V122.252C120.31 154.438 128.551 181.147 144.181 201.543C160.055 222.257 183.501 236.401 213.76 243.184C239.391 248.92 262.867 245.187 279.969 233.123C297.087 221.058 307.695 200.739 307.695 173.575V81.2027C307.695 76.9386 304.842 73.1754 300.745 72.0221L262.458 61.3687C258.755 60.3065 255.051 63.1143 255.051 66.984V151.525C254.687 160.069 255.006 173.984 250.53 184.698C248.299 190.024 244.915 194.486 239.725 197.096C234.535 199.706 227.418 200.526 217.615 198.326C200.163 194.411 190.649 182.331 185.489 168.658C180.314 154.955 179.525 139.718 179.525 129.672V46.2242C179.525 41.96 176.702 38.1959 172.59 37.0426L127.473 25.525H127.459Z" fill="currentColor"/> 5194 </svg> 5195 <span class="powered-by-uscreen-text">Powered by Uscreen</span> 5196 </a> 5197 </div> 5198 5199 </div> 5200</footer> 5201 5202 <!-- Facebook Pixel Code -->
5203<script> 5204 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 5205 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 5206 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 5207 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 5208 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 5209 // Insert Your Facebook Pixel ID below. 5210 fbq('init', '354873617054589'); 5211 fbq('track', 'PageView'); 5212</script>
5212 5213<!-- Insert Your Facebook Pixel ID below. --> 5214<noscript><img height="1" width="1" style="display:none" 5215src="https://www.facebook.com/tr?id=354873617054589&ev=PageView&noscript=1" 5216/></noscript> 5217<!-- End Facebook Pixel Code --> 5218 5219 5220 5221 5222 </body> 5223</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.