1 @keyframes bonusPulse { 2 0% { transform: scale(1) rotate(0deg); box-shadow:0 0 0 0 rgba(212,173,114,.45); } 3 50% { transform: scale(1.08) rotate(3deg); box-shadow:0 0 0 18px rgba(212,173,114,0); } 4 100% { transform: scale(1) rotate(0deg); box-shadow:0 0 0 0 rgba(212,173,114,0); } 5 } 6 @keyframes bonusFloat { 7 0%,100% { margin-top:0; } 8 50% { margin-top:-8px; } 9 } 10 .bonus-circle { 11 animation: bonusPulse 2.8s infinite ease-in-out, bonusFloat 3s infinite ease-in-out; 12 } 13 14 .css-1 { 15 margin:0; 16 padding:0; 17 background:#eeeae2; 18 font-family:Arial,Helvetica,sans-serif; 19 -webkit-text-size-adjust:100%; 20 -ms-text-size-adjust:100%; 21 } 22 23 24 .css-2 { 25 margin:0; 26 padding:0; 27 background:#eeeae2; 28 font-family:Arial,Helvetica,sans-serif; 29 } 30 31 32 .css-3 { 33 width:100%; 34 border-collapse:collapse; 35 background:#eeeae2; 36 } 37 38 39 .css-4 { 40 padding:32px 12px; 41 } 42 43 44 .css-5 { 45 width:680px; 46 max-width:680px; 47 border-collapse:separate; 48 background:#ffffff; 49 border-radius:24px; 50 overflow:hidden; 51 box-shadow:0 18px 55px rgba(11,31,54,0.12); 52 } 53 54 55 .css-6 { 56 background:#091a2d; 57 padding:24px 38px; 58 border-bottom:1px solid rgba(255,255,255,0.08); 59 } 60 61 62 .css-7 { 63 width:100%; 64 border-collapse:collapse; 65 } 66 67 68 .css-8 { 69 vertical-align:middle; 70 } 71 72 73 .css-9 { 74 display:block; 75 width:220px; 76 max-width:100%; 77 height:auto; 78 border:0; 79 } 80 81 82 .css-10 { 83 text-align:right; 84 vertical-align:middle; 85 } 86 87 88 .css-11 { 89 display:inline-block; 90 padding:7px 12px; 91 border:1px solid rgba(199,154,91,0.55); 92 border-radius:50px; 93 color:#ddbb86; 94 font-size:10px; 95 line-height:12px; 96 letter-spacing:1.5px; 97 text-transform:uppercase; 98 } 99 100 101 .css-12 { 102 background:#0b1f36; 103 background-image: 104 url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=1600&auto=format&fit=crop'); 105 background-size:cover; 106 background-position:center; 107 } 108 109 110 .css-13 { 111 padding:62px 48px; 112 background: 113 linear-gradient( 114 115deg, 115 rgba(5,17,31,0.98) 0%, 116 rgba(7,25,44,0.94) 48%, 117 rgba(7,25,44,0.60) 100% 118 ); 119 } 120 121 122 .css-14 { 123 margin-bottom:22px; 124 font-size:11px; 125 line-height:14px; 126 letter-spacing:2px; 127 text-transform:uppercase; 128 color:#d2aa6d; 129 font-weight:700; 130 } 131 132 133 .css-15 { 134 margin:0; 135 padding:0; 136 font-size:43px; 137 line-height:1.13; 138 letter-spacing:-1px; 139 color:#ffffff; 140 font-weight:700; 141 } 142 143 144 .css-16 { 145 color:#d4ad72; 146 } 147 148 149 .css-17 { 150 float:right; 151 margin:10px 0 20px 25px; 152 width:125px; 153 height:125px; 154 border-radius:50%; 155 background:linear-gradient(145deg,#f7d98b,#c79a5b); 156 border:5px solid rgba(255,255,255,.65); 157 box-shadow:0 15px 35px rgba(199,154,91,.35); 158 text-align:center; 159 color:#172b43; 160 display:flex; 161 align-items:center; 162 justify-content:center; 163 font-family:Arial,Helvetica,sans-serif; 164 } 165 166 167 .css-18 { 168 font-size:11px; 169 letter-spacing:2px; 170 text-transform:uppercase; 171 font-weight:700; 172 color:#8b642e; 173 } 174 175 176 .css-19 { 177 font-size:30px; 178 line-height:34px; 179 font-weight:800; 180 } 181 182 183 .css-20 { 184 font-size:10px; 185 font-weight:700; 186 letter-spacing:1px; 187 } 188 189 190 .css-21 { 191 max-width:485px; 192 margin:22px 0 0 0; 193 padding:0; 194 font-size:16px; 195 line-height:1.8; 196 color:#dbe4ed; 197 } 198 199 200 .css-22 { 201 margin-top:30px; 202 border-collapse:collapse; 203 } 204 205 206 .css-23 { 207 width:42px; 208 height:3px; 209 background:#c79a5b; 210 font-size:0; 211 line-height:0; 212 } 213 214 215 .css-24 { 216 width:8px; 217 font-size:0; 218 line-height:0; 219 } 220 221 222 .css-25 { 223 font-size:10px; 224 line-height:12px; 225 color:#9caebe; 226 letter-spacing:1px; 227 } 228 229 230 .css-26 { 231 padding:48px 48px 24px 48px; 232 } 233 234 235 .css-27 { 236 font-size:10px; 237 line-height:13px; 238 letter-spacing:1.7px; 239 text-transform:uppercase; 240 color:#b28a53; 241 font-weight:700; 242 margin-bottom:10px; 243 } 244 245 246 .css-28 { 247 margin:0 0 20px 0; 248 padding:0; 249 font-size:29px; 250 line-height:1.25; 251 color:#172b43; 252 font-weight:700; 253 letter-spacing:-0.3px; 254 } 255 256 257 .css-29 { 258 margin:0 0 18px 0; 259 padding:0; 260 font-size:15px; 261 line-height:1.85; 262 color:#5d6978; 263 } 264 265 266 .css-30 { 267 color:#1d2d44; 268 } 269 270 271 .css-31 { 272 margin:0 0 24px 0; 273 padding:0; 274 font-size:15px; 275 line-height:1.85; 276 color:#5d6978; 277 } 278 279 280 .css-32 { 281 margin:0 0 10px 0; 282 font-size:13px; 283 line-height:18px; 284 font-weight:700; 285 color:#1d2d44; 286 } 287 288 289 .css-33 { 290 width:34px; 291 padding:5px 0 14px 0; 292 vertical-align:top; 293 } 294 295 296 .css-34 { 297 width:25px; 298 height:25px; 299 border-radius:50%; 300 background:#f4ede2; 301 color:#b48349; 302 text-align:center; 303 font-size:11px; 304 line-height:25px; 305 font-weight:700; 306 } 307 308 309 .css-35 { 310 padding:2px 0 14px 0; 311 vertical-align:top; 312 font-size:13px; 313 line-height:1.7; 314 color:#5d6978; 315 } 316 317 318 .css-36 { 319 width:34px; 320 padding:5px 0 0 0; 321 vertical-align:top; 322 } 323 324 325 .css-37 { 326 width:25px; 327 height:25px; 328 border-radius:50%; 329 background:#172b43; 330 color:#ffffff; 331 text-align:center; 332 font-size:11px; 333 line-height:25px; 334 font-weight:700; 335 } 336 337 338 .css-38 { 339 padding:2px 0 0 0; 340 vertical-align:top; 341 font-size:13px; 342 line-height:1.7; 343 color:#5d6978; 344 } 345 346 347 .css-39 { 348 margin:28px 0 18px 0; 349 padding:0; 350 font-size:15px; 351 line-height:1.85; 352 color:#5d6978; 353 } 354 355 356 .css-40 { 357 margin:0; 358 padding:0; 359 font-size:14px; 360 line-height:1.9; 361 color:#5d6978; 362 } 363 364 365 .css-41 { 366 padding:18px 48px 38px 48px; 367 } 368 369 370 .css-42 { 371 width:100%; 372 border-collapse:separate; 373 background:#f8f9fb; 374 border:1px solid #e3e7eb; 375 border-radius:18px; 376 overflow:hidden; 377 } 378 379 380 .css-43 { 381 width:33.33%; 382 padding:25px 16px; 383 text-align:center; 384 border-right:1px solid #e2e6ea; 385 } 386 387 388 .css-44 { 389 font-size:9px; 390 line-height:12px; 391 letter-spacing:1.4px; 392 text-transform:uppercase; 393 color:#8993a0; 394 font-weight:700; 395 margin-bottom:10px; 396 } 397 398 399 .css-45 { 400 font-size:23px; 401 line-height:29px; 402 color:#172b43; 403 font-weight:700; 404 } 405 406 407 .css-46 { 408 width:33.33%; 409 padding:22px 16px; 410 text-align:center; 411 background:#fcf8f1; 412 } 413 414 415 .css-47 { 416 font-size:9px; 417 line-height:12px; 418 letter-spacing:1.4px; 419 text-transform:uppercase; 420 color:#a17b46; 421 font-weight:700; 422 margin-bottom:6px; 423 } 424 425 426 .css-48 { 427 font-size:31px; 428 line-height:38px; 429 color:#b07d39; 430 font-weight:800; 431 } 432 433 434 .css-49 { 435 padding:0 48px 42px 48px; 436 } 437 438 439 .css-50 { 440 width:33.33%; 441 vertical-align:top; 442 padding-right:7px; 443 } 444 445 446 .css-51 { 447 min-height:122px; 448 padding:20px 14px; 449 box-sizing:border-box; 450 background:#f7f9fb; 451 border:1px solid #e3e8ed; 452 border-radius:16px; 453 } 454 455 456 .css-52 { 457 font-size:22px; 458 line-height:28px; 459 margin-bottom:12px; 460 } 461 462 463 .css-53 { 464 font-size:12px; 465 line-height:1.65; 466 color:#172b43; 467 font-weight:700; 468 } 469 470 471 .css-54 { 472 width:33.33%; 473 vertical-align:top; 474 padding:0 4px; 475 } 476 477 478 .css-55 { 479 width:33.33%; 480 vertical-align:top; 481 padding-left:7px; 482 } 483 484 485 .css-56 { 486 background:#0b1f36; 487 padding:48px; 488 } 489 490 491 .css-57 { 492 vertical-align:middle; 493 padding-right:25px; 494 } 495 496 497 .css-58 { 498 font-size:10px; 499 line-height:13px; 500 color:#d0a86a; 501 text-transform:uppercase; 502 letter-spacing:1.5px; 503 font-weight:700; 504 margin-bottom:9px; 505 } 506 507 508 .css-59 { 509 margin:0; 510 padding:0; 511 font-size:27px; 512 line-height:1.25; 513 color:#ffffff; 514 } 515 516 517 .css-60 { 518 margin:12px 0 0 0; 519 padding:0; 520 font-size:13px; 521 line-height:1.7; 522 color:#c5d0dc; 523 } 524 525 526 .css-61 { 527 width:185px; 528 vertical-align:middle; 529 text-align:right; 530 } 531 532 533 .css-62 { 534 border-collapse:collapse; 535 } 536 537 538 .css-63 { 539 background:#c79a5b; 540 border-radius:50px; 541 text-align:center; 542 } 543 544 545 .css-64 { 546 display:inline-block; 547 padding:15px 22px; 548 font-size:13px; 549 line-height:16px; 550 font-weight:700; 551 color:#ffffff; 552 text-decoration:none; 553 border-radius:50px; 554 white-space:nowrap; 555 } 556 557 558 .css-65 { 559 padding:44px 48px 28px 48px; 560 } 561 562 563 .css-66 { 564 font-size:10px; 565 line-height:13px; 566 text-transform:uppercase; 567 letter-spacing:1.5px; 568 color:#b28a53; 569 font-weight:700; 570 margin-bottom:8px; 571 } 572 573 574 .css-67 { 575 margin:0 0 20px 0; 576 padding:0; 577 font-size:23px; 578 line-height:1.3; 579 color:#172b43; 580 } 581 582 583 .css-68 { 584 margin:0; 585 padding-left:19px; 586 } 587 588 589 .css-69 { 590 margin:0 0 7px 0; 591 font-size:13px; 592 line-height:1.75; 593 color:#5d6978; 594 } 595 596 597 .css-70 { 598 margin:0; 599 font-size:13px; 600 line-height:1.75; 601 color:#5d6978; 602 } 603 604 605 .css-71 { 606 margin-top:32px; 607 padding:20px 22px; 608 background:#f8f9fb; 609 border-left:3px solid #c79a5b; 610 } 611 612 613 .css-72 { 614 font-size:10px; 615 line-height:13px; 616 letter-spacing:1.4px; 617 text-transform:uppercase; 618 color:#a37d47; 619 font-weight:700; 620 margin-bottom:9px; 621 } 622 623 624 .css-73 { 625 font-size:13px; 626 line-height:1.8; 627 color:#5d6978; 628 } 629 630 631 .css-74 { 632 margin-top:12px; 633 font-size:13px; 634 line-height:1.8; 635 color:#5d6978; 636 } 637 638 639 .css-75 { 640 padding:12px 48px 38px 48px; 641 } 642 643 644 .css-76 { 645 width:100%; 646 border-collapse:collapse; 647 font-family:Arial,Helvetica,sans-serif; 648 } 649 650 651 .css-77 { 652 padding-bottom:20px; 653 } 654 655 656 .css-78 { 657 height:1px; 658 background:#dfe3e7; 659 font-size:1px; 660 line-height:1px; 661 } 662 663 664 .css-79 { 665 width:65px; 666 height:3px; 667 background:#c79a5b; 668 font-size:1px; 669 line-height:1px; 670 } 671 672 673 .css-80 { 674 vertical-align:top; 675 padding-right:20px; 676 } 677 678 679 .css-81 { 680 font-size:18px; 681 line-height:22px; 682 color:#0b1f36; 683 font-weight:700; 684 letter-spacing:1.3px; 685 } 686 687 688 .css-82 { 689 margin-top:4px; 690 font-size:12px; 691 line-height:18px; 692 color:#818b96; 693 } 694 695 696 .css-83 { 697 color:#c79a5b; 698 } 699 700 701 .css-84 { 702 color:#0b1f36; 703 } 704 705 706 .css-85 { 707 margin-top:13px; 708 font-size:12px; 709 line-height:19px; 710 } 711 712 713 .css-86 { 714 color:#4d5965; 715 text-decoration:none; 716 } 717 718 719 .css-87 { 720 font-size:12px; 721 line-height:19px; 722 } 723 724 725 .css-88 { 726 margin-top:13px; 727 border-collapse:collapse; 728 } 729 730 731 .css-89 { 732 padding-right:8px; 733 } 734 735 736 .css-90 { 737 display:block; 738 border:0; 739 } 740 741 742 .css-91 { 743 width:100px; 744 text-align:right; 745 vertical-align:top; 746 } 747 748 749 .css-92 { 750 display:block; 751 width:82px; 752 height:82px; 753 border-radius:50%; 754 border:4px solid #f3ecdf; 755 margin-left:auto; 756 } 757 758 759 .css-93 { 760 padding-top:18px; 761 } 762 763 764 .css-94 { 765 width:100%; 766 border-top:1px solid #e5e7e9; 767 border-collapse:collapse; 768 } 769 770 771 .css-95 { 772 padding-top:15px; 773 vertical-align:middle; 774 } 775 776 777 .css-96 { 778 font-size:10px; 779 line-height:15px; 780 color:#8a929c; 781 } 782 783 784 .css-97 { 785 color:#5a6470; 786 text-decoration:none; 787 } 788 789 790 .css-98 { 791 width:164px; 792 padding-top:10px; 793 text-align:right; 794 vertical-align:middle; 795 } 796 797 798 .css-99 { 799 display:block; 800 width:164px; 801 height:45px; 802 border:0; 803 margin-left:auto; 804 } 805 806 807 .css-100 { 808 padding:0 48px 34px 48px; 809 } 810 811 812 .css-101 { 813 height:1px; 814 background:#ececec; 815 font-size:1px; 816 line-height:1px; 817 } 818 819 820 .css-102 { 821 padding-top:16px; 822 text-align:center; 823 font-family:Arial,Helvetica,sans-serif; 824 font-size:9px; 825 line-height:14px; 826 color:#a3a3a3; 827 font-weight:400; 828 letter-spacing:0.05px; 829 } 830 831 832 .css-103 { 833 margin:0; 834 padding:0; 835 } 836 837 838 .css-104 { 839 opacity:0.75; 840 } 841 842 843 .css-105 { 844 margin:5px 0 0 0; 845 padding:0; 846 }