- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
- 145
- 146
- 147
- 148
- 149
- 150
- 151
- 152
- 153
- 154
- 155
- 156
- 157
- 158
- 159
- 160
- 161
- 162
- 163
- 164
- 165
- 166
- 167
- 168
- 169
- 170
- 171
- 172
- 173
- 174
- 175
- 176
- 177
- 178
- 179
- 180
- 181
- 182
- 183
- 184
- 185
- 186
- 187
- 188
- 189
- 190
- 191
- 192
- 193
- 194
- 195
- 196
- 197
- 198
- 199
- 200
- 201
- 202
- 203
- 204
- 205
- 206
- 207
- 208
- 209
- 210
- 211
- 212
- 213
- 214
- 215
- 216
- 217
- 218
- 219
- 220
- 221
- 222
- 223
- 224
- 225
- 226
- 227
- 228
- 229
- 230
- 231
- 232
- 233
- 234
- 235
- 236
- 237
- 238
- 239
- 240
- 241
- 242
- 243
- 244
- 245
- 246
- 247
- 248
- 249
- 250
- 251
- 252
- 253
- 254
- 255
- 256
- 257
- 258
- 259
- 260
- 261
- 262
- 263
- 264
- 265
- 266
- 267
- 268
- 269
- 270
- 271
- 272
- 273
- 274
- 275
- 276
- 277
- 278
- 279
- 280
- 281
- 282
- 283
- 284
- 285
- 286
- 287
- 288
- 289
- 290
- 291
- 292
- 293
- 294
- 295
- 296
- 297
- 298
- 299
- 300
- 301
- 302
- 303
- 304
- 305
- 306
- 307
- 308
- 309
- 310
- 311
- 312
- 313
- 314
- 315
- 316
- 317
- 318
- 319
- 320
- 321
- 322
- 323
- 324
- 325
- 326
- 327
- 328
- 329
- 330
- 331
- 332
- 333
- 334
- 335
- 336
- 337
- 338
- 339
- 340
- 341
- 342
- 343
- 344
- 345
- 346
- 347
- 348
- 349
- 350
- 351
- 352
- 353
- 354
- 355
- 356
- 357
- 358
- 359
- 360
- 361
- 362
- 363
- 364
- 365
- 366
- 367
- 368
- 369
- 370
- 371
- 372
- 373
- 374
- 375
- 376
- 377
- 378
- 379
- 380
- 381
- 382
- 383
- 384
- 385
- 386
- 387
- 388
- 389
- 390
- 391
- 392
- 393
- 394
- 395
- 396
- 397
- 398
- 399
- 400
- 401
- 402
- 403
- 404
- 405
- 406
- 407
- 408
- 409
- 410
- 411
- 412
- 413
- 414
- 415
- 416
- 417
- 418
- 419
- 420
- 421
- 422
- 423
- 424
- 425
- 426
- 427
- 428
- 429
- 430
- 431
- 432
- 433
- 434
- 435
- 436
- 437
- 438
- 439
- 440
- 441
- 442
- 443
- 444
- 445
- 446
- 447
- 448
- 449
- 450
- 451
- 452
- 453
- 454
- 455
- 456
- 457
- 458
- 459
- 460
- 461
- 462
- 463
- 464
- 465
- 466
- 467
- 468
- 469
- 470
- 471
- 472
- 473
- 474
- 475
- 476
- 477
- 478
- 479
- 480
- 481
- 482
- 483
- 484
- 485
- 486
- 487
- 488
- 489
- 490
- 491
- 492
- 493
- 494
- 495
- 496
- 497
- 498
- 499
- 500
- 501
- 502
- 503
- 504
- 505
- 506
- 507
- 508
- 509
- 510
- 511
- 512
- 513
- 514
- 515
- 516
- 517
- 518
- 519
- 520
- 521
- 522
- 523
- 524
- 525
- 526
- 527
- 528
- 529
- 530
- 531
- 532
- 533
- 534
- 535
- 536
- 537
- 538
- 539
- 540
- 541
- 542
- 543
- 544
- 545
- 546
- 547
- 548
- 549
- 550
- 551
- 552
- 553
- 554
- 555
- 556
- 557
- 558
- 559
- 560
- 561
- 562
- 563
- 564
- 565
- 566
- 567
- 568
- 569
- 570
- 571
- 572
- 573
- 574
- 575
- 576
- 577
- 578
- 579
- 580
- 581
- 582
- 583
- 584
- 585
- 586
- 587
- 588
- 589
- 590
- 591
- 592
- 593
- 594
- 595
- 596
- 597
- 598
- 599
- 600
- 601
- 602
- 603
- 604
- 605
- 606
- 607
- 608
- 609
- 610
- 611
- 612
- 613
- 614
- 615
- 616
- 617
- 618
- 619
- 620
- 621
- 622
- 623
- 624
- 625
- 626
- 627
- 628
- 629
- 630
- 631
- 632
- 633
- 634
- 635
- 636
- 637
- 638
- 639
- 640
- 641
- 642
- 643
- 644
- 645
- 646
- 647
- 648
- 649
- 650
- 651
- 652
- 653
- 654
- 655
- 656
- 657
- 658
- 659
- 660
- 661
- 662
- 663
- 664
- 665
- 666
- 667
- 668
- 669
- 670
- 671
- 672
- 673
- 674
- 675
- 676
- 677
- 678
- 679
- 680
- 681
- 682
- 683
- 684
- 685
- 686
- 687
- 688
- 689
- 690
- 691
- 692
- 693
- 694
- 695
- 696
- 697
- 698
- 699
- 700
- 701
- 702
- 703
- 704
- 705
- 706
- 707
- 708
- 709
- 710
- 711
- 712
- 713
- 714
- 715
- 716
- 717
- 718
- 719
- 720
- 721
- 722
- 723
- 724
- 725
- 726
- 727
- 728
- 729
- 730
- 731
- 732
- 733
- 734
- 735
- 736
- 737
- 738
- 739
- 740
- 741
- 742
- 743
- 744
- 745
- 746
- 747
- 748
- 749
- 750
- 751
- 752
- 753
- 754
- 755
- 756
- 757
- 758
- 759
- 760
- 761
- 762
- 763
- 764
- 765
- 766
- 767
- 768
- 769
- 770
- 771
- 772
- 773
- 774
- 775
- 776
- 777
- 778
- 779
- 780
- 781
- 782
- 783
- 784
- 785
- 786
- 787
- 788
- 789
- 790
- 791
- 792
- 793
- 794
- 795
- 796
- 797
- 798
- 799
- 800
- 801
- 802
- 803
- 804
- 805
- 806
- 807
- 808
- 809
- 810
- 811
- 812
- 813
- 814
- 815
- 816
- 817
- 818
- 819
- 820
- 821
- 822
- 823
- 824
- 825
- 826
- 827
- 828
- 829
- 830
- 831
- 832
- 833
- 834
- 835
- 836
- 837
- 838
- 839
- 840
- 841
- 842
- 843
- 844
- 845
- 846
- 847
- 848
- 849
- 850
- 851
- 852
- 853
- 854
- 855
- 856
- 857
- 858
- 859
- 860
- 861
- 862
- 863
- 864
- 865
- 866
- 867
- 868
- 869
- 870
- 871
- 872
- 873
- 874
- 875
- 876
- 877
- 878
- 879
- 880
- 881
- 882
- 883
- 884
- 885
- 886
- 887
- 888
- 889
- 890
- 891
- 892
- 893
- 894
- 895
- 896
- 897
- 898
- 899
- 900
- 901
- 902
- 903
- 904
- 905
- 906
- 907
- 908
- 909
- 910
- 911
- 912
- 913
- 914
- 915
- 916
- 917
- 918
- 919
- 920
- 921
- 922
- 923
- 924
- 925
- 926
- 927
- 928
- 929
- 930
- 931
- 932
- 933
- 934
- 935
- 936
- 937
- 938
- 939
- 940
- 941
- 942
- 943
- 944
- 945
- 946
- 947
- 948
- 949
- 950
- 951
- 952
- 953
- 954
- 955
- 956
- 957
- 958
- 959
- 960
- 961
- 962
- 963
- 964
- 965
- 966
- 967
- 968
- 969
- 970
- 971
- 972
- 973
- 974
- 975
- 976
- 977
- 978
- 979
- 980
- 981
- 982
- 983
- 984
- 985
- 986
- 987
- 988
- 989
- 990
- 991
- 992
- 993
- 994
- 995
- 996
- 997
- 998
- 999
- 1000
- 1001
- 1002
- 1003
- 1004
- 1005
- 1006
- 1007
- 1008
- 1009
- 1010
- 1011
- 1012
- 1013
- 1014
- 1015
- 1016
- 1017
- 1018
- 1019
- 1020
- 1021
- 1022
- 1023
- 1024
- 1025
- 1026
- 1027
- 1028
- 1029
- 1030
- 1031
- 1032
- 1033
- 1034
- 1035
- 1036
- 1037
- 1038
- 1039
- 1040
- 1041
- 1042
- 1043
- 1044
- 1045
- 1046
- 1047
- 1048
- 1049
- 1050
- 1051
- 1052
- 1053
- 1054
- 1055
- 1056
- 1057
- 1058
- 1059
- 1060
- 1061
- 1062
- 1063
- 1064
- 1065
- 1066
- 1067
- 1068
- 1069
- 1070
- 1071
- 1072
- 1073
- 1074
- 1075
- 1076
- 1077
- 1078
- 1079
- 1080
- 1081
- 1082
- 1083
- 1084
- 1085
- 1086
- 1087
- 1088
- 1089
- 1090
- 1091
- 1092
- 1093
- 1094
- 1095
- 1096
- 1097
- 1098
- 1099
- 1100
- 1101
- 1102
- 1103
- 1104
- 1105
- 1106
- 1107
- 1108
- 1109
- 1110
- 1111
- 1112
- 1113
- 1114
- 1115
- 1116
- 1117
- 1118
- 1119
- 1120
- 1121
- 1122
- 1123
- 1124
- 1125
- 1126
- 1127
- 1128
- 1129
- 1130
- 1131
- 1132
- 1133
- 1134
- 1135
- 1136
- 1137
- 1138
- 1139
- 1140
- 1141
- 1142
- 1143
- 1144
- 1145
- 1146
- 1147
- 1148
- 1149
- 1150
- 1151
- 1152
- 1153
- 1154
- 1155
- 1156
- 1157
- 1158
- 1159
- 1160
- 1161
- 1162
- 1163
- 1164
- 1165
- 1166
- 1167
- 1168
- 1169
- 1170
- 1171
- 1172
- 1173
- 1174
- 1175
- 1176
- 1177
- 1178
- 1179
- 1180
- 1181
- 1182
- 1183
- 1184
- 1185
- 1186
- 1187
- 1188
- 1189
- 1190
- 1191
- 1192
- 1193
- 1194
- 1195
- 1196
- 1197
- 1198
- 1199
- 1200
- 1201
- 1202
- 1203
- 1204
- 1205
- 1206
- 1207
- 1208
- 1209
- 1210
- 1211
- 1212
- 1213
- 1214
- 1215
- 1216
- 1217
- 1218
- 1219
- 1220
- 1221
- 1222
- 1223
- 1224
- 1225
- 1226
- 1227
- 1228
- 1229
- 1230
- 1231
- 1232
- 1233
- 1234
- 1235
- 1236
- 1237
- 1238
- 1239
- 1240
- 1241
- 1242
- 1243
- 1244
- 1245
- 1246
- 1247
- 1248
- 1249
- 1250
- 1251
- 1252
- 1253
- 1254
- 1255
- 1256
- 1257
- 1258
- 1259
- 1260
- 1261
- 1262
- 1263
- 1264
- 1265
- 1266
- 1267
- 1268
- 1269
- 1270
- 1271
- 1272
- 1273
- 1274
- 1275
- 1276
- 1277
- 1278
- 1279
- 1280
- 1281
- 1282
- 1283
- 1284
- 1285
- 1286
- 1287
- 1288
- 1289
- 1290
- 1291
- 1292
- 1293
- 1294
- 1295
- 1296
- 1297
- 1298
- 1299
- 1300
- 1301
- 1302
- 1303
- 1304
- 1305
- 1306
- 1307
- 1308
- 1309
- 1310
- 1311
- 1312
- 1313
- 1314
- 1315
- 1316
- 1317
- 1318
- 1319
- 1320
- 1321
- 1322
- 1323
- 1324
- 1325
- 1326
- 1327
- 1328
- 1329
- 1330
- 1331
- 1332
- 1333
- 1334
- 1335
- 1336
- 1337
- 1338
- 1339
- 1340
- 1341
- 1342
- 1343
- 1344
- 1345
- 1346
- 1347
- 1348
- 1349
- 1350
- 1351
- 1352
- 1353
- 1354
- 1355
- 1356
- 1357
- 1358
- 1359
- 1360
- 1361
- 1362
- 1363
- 1364
- 1365
- 1366
- 1367
- 1368
- 1369
- 1370
- 1371
- 1372
- 1373
- 1374
- 1375
- 1376
- 1377
- 1378
- 1379
- 1380
- 1381
- 1382
- 1383
- 1384
- 1385
- 1386
- 1387
- 1388
- 1389
- 1390
- 1391
- 1392
- 1393
- 1394
- 1395
- 1396
- 1397
- 1398
- 1399
- 1400
- 1401
- 1402
- 1403
- 1404
- 1405
- 1406
- 1407
- 1408
- 1409
- 1410
- 1411
- 1412
- 1413
- 1414
- 1415
- 1416
- 1417
- 1418
- 1419
- 1420
- 1421
- 1422
- 1423
- 1424
- 1425
- 1426
- 1427
- 1428
- 1429
- 1430
- 1431
- 1432
- 1433
- 1434
- 1435
- 1436
- 1437
- 1438
- 1439
- 1440
- 1441
- 1442
- 1443
- 1444
- 1445
- 1446
- 1447
- 1448
- 1449
- 1450
- 1451
- 1452
- 1453
- 1454
- 1455
- 1456
- 1457
- 1458
- 1459
- 1460
- 1461
- 1462
- 1463
- 1464
- 1465
- 1466
- 1467
- 1468
- 1469
- 1470
- 1471
- 1472
- 1473
- 1474
- 1475
- 1476
- 1477
- 1478
- 1479
- 1480
- 1481
- 1482
- 1483
- 1484
- 1485
- 1486
- 1487
- 1488
- 1489
- 1490
- 1491
- 1492
- 1493
- 1494
- 1495
- 1496
- 1497
- 1498
- 1499
- 1500
- 1501
- 1502
- 1503
- 1504
- 1505
- 1506
- 1507
- 1508
- 1509
- 1510
- 1511
- 1512
- 1513
- 1514
- 1515
- 1516
- 1517
- 1518
- 1519
- 1520
- 1521
- 1522
- 1523
- 1524
- 1525
- 1526
- 1527
- 1528
- 1529
- 1530
- 1531
- 1532
- 1533
- 1534
- 1535
- 1536
- 1537
- 1538
- 1539
- 1540
- 1541
- 1542
- 1543
- 1544
- 1545
- 1546
- 1547
- 1548
- 1549
- 1550
- 1551
- 1552
- 1553
- 1554
- 1555
- 1556
- 1557
- 1558
- 1559
- 1560
- 1561
- 1562
- 1563
- 1564
- 1565
- 1566
- 1567
- 1568
- 1569
- 1570
- 1571
- 1572
- 1573
- 1574
- 1575
- 1576
- 1577
- 1578
- 1579
- 1580
- 1581
- 1582
- 1583
- 1584
- 1585
- 1586
- 1587
- 1588
- 1589
- 1590
- 1591
- 1592
- 1593
- 1594
- 1595
- 1596
- 1597
- 1598
- 1599
- 1600
- 1601
- 1602
- 1603
- 1604
- 1605
- 1606
- 1607
- 1608
- 1609
- 1610
- 1611
- 1612
- 1613
- 1614
- 1615
- 1616
- 1617
- 1618
- 1619
- 1620
- 1621
- 1622
- 1623
- 1624
- 1625
- 1626
- 1627
- 1628
- 1629
- 1630
- 1631
- 1632
- 1633
- 1634
- 1635
- 1636
- 1637
- 1638
- 1639
- 1640
- 1641
- 1642
- 1643
- 1644
- 1645
- 1646
- 1647
- 1648
- 1649
- 1650
- 1651
- 1652
- 1653
- 1654
- 1655
- 1656
- 1657
- 1658
- 1659
- 1660
- 1661
- 1662
- 1663
- 1664
- 1665
- 1666
- 1667
- 1668
- 1669
- 1670
- 1671
- 1672
- 1673
- 1674
- 1675
- 1676
- 1677
- 1678
- 1679
- 1680
- 1681
- 1682
- 1683
- 1684
- 1685
- 1686
- 1687
- 1688
- 1689
- 1690
- 1691
- 1692
- 1693
- 1694
- 1695
- 1696
- 1697
- 1698
- 1699
- 1700
- 1701
- 1702
- 1703
- 1704
- 1705
- 1706
- 1707
- 1708
- 1709
- 1710
- 1711
- 1712
- 1713
- 1714
- 1715
- 1716
- 1717
- 1718
- 1719
- 1720
- 1721
- 1722
- 1723
- 1724
- 1725
- 1726
- 1727
- 1728
- 1729
- 1730
- 1731
- 1732
- 1733
- 1734
- 1735
- 1736
- 1737
- 1738
- 1739
- 1740
- 1741
- 1742
- 1743
- 1744
- 1745
- 1746
- 1747
- 1748
- 1749
- 1750
- 1751
- 1752
- 1753
- 1754
- 1755
- 1756
- 1757
- 1758
- 1759
- 1760
- 1761
- 1762
- 1763
- 1764
- 1765
- 1766
- 1767
- 1768
- 1769
- 1770
- 1771
- 1772
- 1773
- 1774
- 1775
- 1776
- 1777
- 1778
- 1779
- 1780
- 1781
- 1782
- 1783
- 1784
- 1785
- 1786
- 1787
- 1788
- 1789
- 1790
- 1791
- 1792
- 1793
- 1794
- 1795
- 1796
- 1797
- 1798
- 1799
- 1800
- 1801
- 1802
- 1803
- 1804
- 1805
- 1806
- 1807
- 1808
- 1809
- 1810
- 1811
- 1812
- 1813
- 1814
- 1815
- 1816
- 1817
- 1818
- 1819
- 1820
- 1821
- 1822
- 1823
- 1824
- 1825
- 1826
- 1827
- 1828
- 1829
- 1830
- 1831
- 1832
- 1833
- 1834
- 1835
- 1836
- 1837
- 1838
- 1839
- 1840
- 1841
- 1842
- 1843
- 1844
- 1845
- 1846
- 1847
- 1848
- 1849
- 1850
- 1851
- 1852
- 1853
- 1854
- 1855
- 1856
- 1857
- 1858
- 1859
- 1860
- 1861
- 1862
- 1863
- 1864
- 1865
- 1866
- 1867
- 1868
- 1869
- 1870
- 1871
- 1872
- 1873
- 1874
- 1875
- 1876
- 1877
- 1878
- 1879
- 1880
- 1881
- 1882
- 1883
- 1884
- 1885
- 1886
- 1887
- 1888
- 1889
- 1890
- 1891
- 1892
- 1893
- 1894
- 1895
- 1896
- 1897
- 1898
- 1899
- 1900
- 1901
- 1902
- 1903
- 1904
- 1905
- 1906
- 1907
- 1908
- 1909
- 1910
- 1911
- 1912
- 1913
- 1914
- 1915
- 1916
- 1917
- 1918
- 1919
- 1920
- 1921
- 1922
- 1923
- 1924
- 1925
- 1926
- 1927
- 1928
- 1929
- 1930
- 1931
- 1932
- 1933
- 1934
- 1935
- 1936
- 1937
- 1938
- 1939
- 1940
- 1941
- 1942
- 1943
- 1944
- 1945
- 1946
- 1947
- 1948
- 1949
- 1950
- 1951
- 1952
- 1953
- 1954
- 1955
- 1956
- 1957
- 1958
- 1959
- 1960
- 1961
- 1962
- 1963
- 1964
- 1965
- 1966
- 1967
- 1968
- 1969
- 1970
- 1971
- 1972
- 1973
- 1974
- 1975
- 1976
- 1977
- 1978
- 1979
- 1980
- 1981
- 1982
- 1983
- 1984
- 1985
- 1986
- 1987
- 1988
- 1989
- 1990
- 1991
- 1992
- 1993
- 1994
- 1995
- 1996
- 1997
- 1998
- 1999
- 2000
- 2001
- 2002
- 2003
- 2004
<template>
<div class="home">
<Nav />
<NavFreeTrial @buttonStartTrialClick='onOpenFreeTrialDialog' />
<FreeTrialLanguageDialog v-if="isFreeTrialDialogOpen" @closeFreeTrialDialog='onCloseFreeTrialDialog' />
<section class="masthead-wrap">
<!-- Video determined by js -->
<video autoplay muted loop async playsinline poster='/videos/tvad-yellow.jpeg'>
<source src="/videos/tvad-yellow-mobile.mp4" type="video/mp4">
</video>
<div class="content">
<div class="masthead">
<h1>Be <i></i>fearless.</h1>
<h3>Speak one of 24 languages <i></i> with confidence.</h3>
<div class="ctas">
<a href="#" class="cta desktop" @click.prevent="onOpenFreeTrialDialog" @openFreeTrialDialog='onOpenFreeTrialDialog'>START 3-DAY FREE TRIAL</a>
<a href="https://smart.link/5cc1c6453784a" target='_blank' class="cta mobile">DOWNLOAD THE APP</a>
<div class="disclaimer">Full access for 3 days, then subscription rates apply</div>
<a href="#" class="cta dummy" @click.prevent=""></a>
</div>
<a href="#" class="tvad" @click.prevent='onOpenVideoDialog'>
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5wbGF5LWJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJkZXNrdG9wLXJldjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTUuMDAwMDAwLCAtNTU4LjAwMDAwMCkiIGZpbGw9IiMzMzMzMzMiPgogICAgICAgICAgICA8ZyBpZD0iTWFzdGhlYWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5NS4wMDAwMDAsIDU1OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGxheS1idXR0b24iPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYsMi42NjQgQzIxLjM5NDE5OTUsMi42NjI3MDU2NSAyNi4yNTc5NzExLDUuOTExMDk2OTcgMjguMzIzMTM4OCwxMC44OTQzMTYgQzMwLjM4ODMwNjUsMTUuODc3NTM1MSAyOS4yNDgxMjQ5LDIxLjYxNDExMTMgMjUuNDM0MzA3NSwyNS40Mjg4NDQxIEMyMS42MjA0OSwyOS4yNDM1NzY5IDE1Ljg4NDE4NzcsMzAuMzg1MTM1MSAxMC45MDA0NzMxLDI4LjMyMTE2MzMgQzUuOTE2NzU4NTksMjYuMjU3MTkxNSAyLjY2NzIwMDE2LDIxLjM5NDE5OTcgMi42NjcyLDE2IEMyLjY3NTU3MjgyLDguNjM5NDUwNSA4LjYzOTQ1MjcyLDIuNjc0MTM5MjEgMTYsMi42NjQgWiBNMTYsMCBDNy4xNjM0NDQsMCAwLDcuMTYzNDQ0IDAsMTYgQzAsMjQuODM2NTU2IDcuMTYzNDQ0LDMyIDE2LDMyIEMyNC44MzY1NTYsMzIgMzIsMjQuODM2NTU2IDMyLDE2IEMzMiw3LjE2MzQ0NCAyNC44MzY1NTYsMCAxNiwwIFogTTEyLDIyLjY2NCBMMTIsOS4zMzYgTDI0LDE2LjE5MiBMMTIsMjIuNjY0IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" alt="link icon">
Watch our latest TV ad
</a>
</div>
</div>
</section>
<div class="content-wrap">
<!-- App Reviews -->
<section class="one">
<div class="content">
<AppstoreReviews />
</div>
</section>
<!-- Trusted Brands, mobile -->
<section class="two">
<div class="content">
<h3>Trusted for 27 years by top organizations.</h3>
<div class="flex-1">
<div class="logo"></div>
<div class="logo"></div>
<div class="logo"></div>
<div class="logo"></div>
</div>
</div>
</section>
<!-- Sound Amazing -->
<section class="three">
<div class="content">
<!-- This div holds "Sounds Amazing" and Iphone img -->
<div>
<div class="left">
<h2>Sound amazing.</h2>
<p>
Start fine-tuning your pronunciation from the very first lesson with our patented
TruAccent speech-recognition engine. That way, you’ll be confident that you know what
to say and how to say it.
</p>
<div class="review">
<img src="/img/reviewers/jessica.png" alt="Jessica, Rosetta Stone user">
<p>
“I studied about two-thirds of the program before I went to Greece,
and when I got there I was able to have real conversations and be
understood easily.”
<br><br>
<i>- Jessica, Greek learner</i>
</p>
</div>
</div>
<div class="right">
<img src="/img/devices/iphonewhite.gif" alt="iPhone">
</div>
</div>
</div>
</section>
<!-- Words, circle images carousel -->
<section class="four">
<div class="content">
<CarouselAudio />
</div>
</section>
<!-- Get out there -->
<section class="five no-padding">
<h2>Get out there.</h2>
<div class="text">
<div class="content">
<h2>Get out there.</h2>
<p>
Rosetta Stone is different because it works. If you’re tired of
playing games and ready for real experiences, come learn with us.
</p>
<div class="applinks">
<a href="https://smart.link/5cca0d9e0ea7f" target='_blank'>
<img src="/img/app-store.png" alt="App Store link">
</a>
<a href="https://smart.link/5cca0e46af8a7" target='_blank'>
<img src="/img/google-play.png" alt="Google Play link">
</a>
</div>
</div>
</div>
</section>
<!-- Carroussel -->
<section class="six">
<div class="content">
<h2>Online or off, our award-winning app <i></i> speaks for itself.</h2>
</div>
<div class="carousel-wrap">
<div class="slick-dots-top"><!-- slickjs will put dots here --></div>
<div class="carousel-cards">
<div class="card truaccent">
<div class="card-content">
<div class="img"></div>
<h5>TruAccent</h5>
<p>
Perfect your pronunciation with TruAccent –– our patented speech recognition engine.
</p>
</div>
<div class="card-bg"></div>
</div>
<div class="card phrasebook">
<div class="card-content">
<div class="img"></div>
<h5>Phrasebook<sup>1</sup></h5>
<p>
Your guide to perfectly pronouncing key expressions.
</p>
<p class="disclaimer">
<sup>1</sup>Available in select languages
</p>
</div>
<div class="card-bg"></div>
</div>
<div class="card mobility">
<div class="card-content">
<div class="img"></div>
<h5>Mobility online or off</h5>
<p>
Going offline? You won’t miss a thing.
</p>
</div>
<div class="card-bg"></div>
</div>
<div class="card seek-and-speak">
<div class="card-content">
<div class="img"></div>
<h5>Seek & Speak<sup>2</sup></h5>
<p>
Turn everyday objects into conversation practice with scavenger-hunt style challenges.
</p>
<p class="disclaimer">
<sup>2</sup>Available for iOS in select languages
</p>
</div>
<div class="card-bg"></div>
</div>
<div class="card audio-companion">
<div class="card-content">
<div class="img"></div>
<h5>Audio Companion</h5>
<p>
Take a break from the screen by listening to your lessons.
</p>
</div>
<div class="card-bg "></div>
</div>
<div class="card your-plan">
<div class="card-content">
<div class="img"></div>
<h5>Your Plan<sup>3</sup></h5>
<p>
Stay on-track with handpicked content and personalized alerts.
</p>
<p class="disclaimer">
<sup>3</sup>Available for Android
</p>
</div>
<div class="card-bg"></div>
</div>
<div class="card translations">
<div class="card-content">
<div class="img"></div>
<h5>Translations<sup>4</sup></h5>
<p>
Stuck? Get back to learning fast by using the long-press gesture to review in your native language.
</p>
<p class="disclaimer">
<sup>4</sup>Available in select languages
</p>
</div>
<div class="card-bg"></div>
</div>
</div>
<!-- <div class="right-arrow"></div> -->
</div> <!-- /carousel wrap -->
</section>
<!-- Company quotes -->
<section class="seven">
<h2>What people say about us.</h2>
<div class="content">
<div class="quote quote-1">
<p>
“Rosetta Stone is the <b>gold standard</b> when it comes to learning a new language.”
</p>
<div class="logo mashable"></div>
</div>
<div class="quote quote-2">
<p>
“With its excellent user interface, clear instructions, wide variety of games and challenges...
<b>Rosetta Stone has got it going on.</b>”
</p>
<div class="logo techcrunch"></div>
</div>
<div class="quote quote-3">
<p>
“I love <i></i> Rosetta Stone's software, and I <i></i> think <b>the <i></i> approach to <i></i> learning <i></i> languages<i></i> works.</b>”
</p>
<div class="logo macworld"></div>
</div>
</div>
</section>
<!-- CTA -->
<section class="eight">
<div class="content">
<h2>What are you waiting for?</h2>
<a href="#" class="cta desktop" @click.prevent='onOpenFreeTrialDialog'>START 3-DAY FREE TRIAL</a>
<a href="https://smart.link/5cc1c6453784a" target="_blank" class="cta mobile">DOWNLOAD THE APP</a>
<div class="divider">
ALSO AVAILABLE
</div>
<div class="secondary-ctas">
<a href="/business/home" class="cta">FOR BUSINESSES</a>
<a href="/k12/home" class="cta">FOR SCHOOLS</a>
</div>
</div>
</section>
<!-- Social Icons -->
<section class="nine">
<div class="content">
<h4>CONNECT WITH US</h4>
<div class="sociallinks">
<a href="https://www.facebook.com/RosettaStone" target="_blank" class="facebook"></a>
<a href="https://www.instagram.com/rosettastone" target="_blank" class="instagram"></a>
<a href="https://www.youtube.com/user/rosettastone" target="_blank" class="youtube"></a>
<a href="https://www.facebook.com/RosettaStone" target="_blank" class="twitter"></a>
<a href="https://www.linkedin.com/company/rosettastone" target="_blank" class="linkedin"></a>
</div>
</div>
</section>
<!-- Accordion footer -->
<section class="ten">
<div class="footer">
<ul>
<li>
<input type="checkbox" checked name="accordion">
<i></i>
<h5>Buy now</h5>
<p>
<a href="https://rosettastone.com/buy-spanish">Spanish</a>
<a href="https://rosettastone.com/buy-french">French</a>
<a href="https://rosettastone.com/buy-italian">Italian</a>
<a href="https://rosettastone.com/buy-german">German</a>
<a href="https://rosettastone.com/buy-english">English</a>
<a href="//espanol.rosettastone.com/aprende-ingles">Inglés</a>
<a href="https://rosettastone.com/buynow">See All Languages</a>
<!-- <a href="/homeschool/">Rosetta Stone <span>Homeschool</span></a> -->
</p>
</li>
<li>
<input type="checkbox" checked name="accordion">
<i></i>
<h5>Learn more</h5>
<p>
<a href="https://rosettastone.com/learn-spanish">Spanish</a>
<a href="https://rosettastone.com/learn-french">French</a>
<a href="https://rosettastone.com/learn-italian">Italian</a>
<a href="https://rosettastone.com/learn-german">German</a>
<a href="https://rosettastone.com/learn-english">English</a>
<a href="https://rosettastone.com/learn-japanese">Japanese</a>
<a href="https://rosettastone.com/learn-chinese">Chinese</a>
<a href="https://rosettastone.com//espanol.rosettastone.com/aprende-ingles">Aprende Inglés</a>
<a href="https://rosettastone.com/learn-language">Learn a Language</a>
</p>
</li>
<li>
<input type="checkbox" checked name="accordion">
<i></i>
<h5>Where to start</h5>
<p>
<a href="https://rosettastone.com/freetrial">Try it Free</a>
<a href="https://rosettastone.com/mobile-apps">Mobile Apps</a>
<a href="https://rosettastone.com/reviews">Reviews</a>
<a href="https://rosettastone.com/testimonials">Testimonials</a>
<a href="https://rosettastone.com/blog">Blog</a>
<a href="https://rosettastone.com/translate">Translate Now</a>
</p>
</li>
<li>
<input type="checkbox" checked name="accordion">
<i></i>
<h5>About</h5>
<p>
<a href="https://rosettastone.com/about">About Us</a>
<a href="https://rosettastone.com/retail">Retail Partners</a>
<a href="//www.lexialearning.com/" target="_blank">Reasing Solutions for K-12</a>
<a href="https://rosettastone.com/student-discount">Student Discount</a>
<a href="https://rosettastone.com/lp/military/military-discount/">Military Discount</a>
<!-- <a href="https://jobs.jobvite.com/rosettastone/" target="_blank">Careers</a> -->
<a href="//pr.rosettastone.com">Press</a>
<a href="//investors.rosettastone.com">Investor Relations</a>
<a href="https://rosettastone.com/endangered">Endangered Languages</a>
</p>
</li>
<li>
<input type="checkbox" checked name="accordion">
<i></i>
<h5>Support</h5>
<p>
<a href="//support.rosettastone.com">Support Site</a>
<a href="https://rosettastone.com/faq">FAQ</a>
<a href="https://rosettastone.com/contact">Contact us</a>
<a href="https://rosettastone.com/system-requirements">System Requirements</a>
<a href="https://rosettastone.com/lp/accessibility">Accessibility Statement</a>
</p>
</li>
</ul>
</div>
</section>
<!-- Desktop footer -->
<section class="site-footer">
<div class="content">
<div class="col">
<h5>Buy Now</h5>
<ul>
<li><a href="https://rosettastone.com/buy-spanish">Spanish</a></li>
<li><a href="https://rosettastone.com/buy-french">French</a></li>
<li><a href="https://rosettastone.com/buy-italian">Italian</a></li>
<li><a href="https://rosettastone.com/buy-german">German</a></li>
<li><a href="https://rosettastone.com/buy-english">English</a></li>
<li><a href="//espanol.rosettastone.com/aprende-ingles">Inglés</a></li>
<li><a href="https://rosettastone.com/buynow">See All Languages</a></li>
<!-- <li><a href="/homeschool/">Rosetta Stone Homeschool</a></li> -->
</ul>
</div>
<div class="col">
<h5>Learn More</h5>
<ul>
<li><a href="https://rosettastone.com/learn-spanish">Learn Spanish</a></li>
<li><a href="https://rosettastone.com/learn-french">Learn French</a></li>
<li><a href="https://rosettastone.com/learn-italian">Learn Italian</a></li>
<li><a href="https://rosettastone.com/learn-german">Learn German</a></li>
<li><a href="https://rosettastone.com/learn-english">Learn English</a></li>
<li><a href="https://rosettastone.com/learn-japanese">Learn Japanese</a></li>
<li><a href="https://rosettastone.com/learn-chinese">Learn Chinese</a></li>
<li><a href="https://rosettastone.com//espanol.rosettastone.com/aprende-ingles">Aprende Inglés</a></li>
<li><a href="https://rosettastone.com/learn-language">Learn a Language</a></li>
</ul>
</div>
<div class="col">
<h5>Where to Start</h5>
<ul>
<li><a href="https://rosettastone.com/demo">Try it Free</a></li>
<li><a href="https://rosettastone.com/mobile-apps">Mobile Apps</a></li>
<li><a href="https://rosettastone.com/reviews">Reviews</a></li>
<li><a href="https://rosettastone.com/testimonials">Testimonials</a></li>
<li><a href="https://rosettastone.com/blog">Blog</a></li>
<li><a href="https://rosettastone.com/translate">Translate Now</a></li>
</ul>
</div>
<div class="col">
<h5>About</h5>
<ul>
<li><a href="https://rosettastone.com/about">About Us</a></li>
<li><a href="https://rosettastone.com/retail">Retail Partners</a></li>
<li><a href="https://rosettastone.com/k12/home">Reading Solutions for K-12</a></li>
<li><a href="https://rosettastone.com/student-discount">Student Discount</a></li>
<li><a href="https://rosettastone.com/lp/military/military-discount/">Military Discount</a></li>
<li><a href="//jobs.jobvite.com/rosettastone/">Careers</a></li>
<li><a href="//pr.rosettastone.com/">Press</a></li>
<li><a href="//investors.rosettastone.com/">Investor Relations</a></li>
<li><a href="https://rosettastone.com/endangered">Endangered Languages</a></li>
</ul>
</div>
<div class="col">
<h5>Support</h5>
<ul>
<li><a href="//support.rosettastone.com/">Support Site</a></li>
<li><a href="https://rosettastone.com/faq">FAQ</a></li>
<li><a href="https://rosettastone.com/contact">Contact Us</a></li>
<li><a href="https://rosettastone.com/system-requirements">System Requirements</a></li>
<li><a href="https://rosettastone.com/lp/accessibility">Accessibility Statement</a></li>
</ul>
</div>
</div>
</section>
<section class="social">
<div class="content">
<div class="region">
<div>Change Region:</div>
<div class="select-wrap">
<select autocomplete="off" @change='handleRegionChange'>
<option value="https://www.rosettastone.com" selected="selected">United States</option>
<option value="https://espanol.rosettastone.com">America Latina</option>
<option value="http://www.therosettastone.com.au">Australia</option>
<option value="http://www.rosettastonebrasil.com">Brasil</option>
<option value="http://www.rosettastone.de">Deutschland</option>
<option value="http://www.rosettastone.eu">Europe</option>
<option value="http://www.rosettastone.es">España</option>
<option value="http://www.rosettastone.fr">France</option>
<option value="http://www.rosettastone.it">Italia</option>
<option value="http://www.rosettastone.co.uk">United Kingdom</option>
<option value="http://www.rosettastone.co.jp">日本</option>
<option value="http://www.rosettastone.co.kr">대한민국</option>
</select>
</div>
</div>
<div class="social-icons">
<div>Connect with us:</div>
<ul>
<li>
<a href="https://www.facebook.com/RosettaStone" target="_blank">
<img src="/img/icons/social/facebook-icon.svg" alt="Facebook">
</a>
</li>
<li>
<a href="https://twitter.com/rosettastone" target="_blank">
<img src="/img/icons/social/twitter.svg" alt="Twitter">
</a>
</li>
<li>
<a href="https://www.instagram.com/rosettastone" target="_blank">
<img src="/img/icons/social/instagram-icon.svg" alt="Instagram">
</a>
</li>
<li>
<a href="https://www.youtube.com/user/rosettastone" target="_blank">
<img src="/img/icons/social/youtube-icon.svg" alt="Youtube">
</a>
</li>
</ul>
</div>
</div>
</section>
<section class="eleven">
<div class="content">
<div class="legalese">
<a href="/anti-piracy">Anti-Piracy</a>
<a href="/agreements">Agreements</a>
<i class="clear"></i>
<a href="/terms">Terms & Conditions</a>
<a href="/privacy">Privacy Policy</a>
</div>
<div class="copyright">
<a href="/" class="logo"></a>
<div class="text">
<div>©1999-2019</div>
<div>Rosetta Stone Ltd. All Rights Reserved.</div>
</div>
</div>
</div>
</section>
</div> <!-- /content-wrap -->
<Overlay v-if='isOverlayOpen' @overlayClick='onOverlayClick' />
<VideoLightbox v-if="isVideoDialogOpen" @closeVideoDialog="onCloseVideoDialog" />
</div>
</template>
<script>
import Nav from '~/components/Nav.vue'
import NavFreeTrial from '~/components/NavFreeTrial.vue'
import AppstoreReviews from '~/components/AppstoreReviews.vue'
import CarouselAudio from '~/components/CarouselAudio.vue'
import FreeTrialLanguageDialog from '~/components/FreeTrialLanguageDialog.vue'
import Overlay from '~/components/Overlay.vue'
import VideoLightbox from '~/components/VideoLightbox.vue'
export default {
components: {
Nav,
NavFreeTrial,
AppstoreReviews,
CarouselAudio,
FreeTrialLanguageDialog,
Overlay,
VideoLightbox
},
head ()
{
return {
title: 'Official Rosetta Stone® - Language Learning - Learn a Language',
htmlAttrs: {
lang: 'en',
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: "Rosetta Stone is the best way to learn a foreign language. The award-winning language solution combines proven learning methods with the world's best speech recognition technology." }
],
link: [
{ rel: 'shortcut icon', href: '/home/assets/favicon.ico'},
{ rel: 'stylesheet', href: '/css/slick.css'},
{ rel: 'stylesheet', href: '/css/slick-theme.css'},
//{ rel: 'stylesheet', href: 'it//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css' }
],
script: [
{
src: `/js/mobile-detect.js`
},
{
src: `/js/jquery.min.js`,
body: true
},
{
src: `/js/slick.min.js`,
body: true
},
{
src: 'https://assets.adobedtm.com/289d54d757557d351111069aa8acc743e67b15e6/satelliteLib-7aef1085f7c59294e8610e2f691a22c48a200841.js',
body: true,
},
{
innerHTML: '"undefined"!=typeof _satellite&&_satellite.pageBottom()',
type: 'text/javascript', charset: 'utf-8',
body: true
},
{
src: '/js/new-relic.js',
body: true
}
// https://vue-meta.nuxtjs.org/api/#script
],
__dangerouslyDisableSanitizers: ['script']
}
},
data ()
{
return {
isFreeTrialDialogOpen: false,
isOverlayOpen: false,
isVideoDialogOpen: false
}
},
mounted ()
{
if (process.client)
{
window.md = new MobileDetect(window.navigator.userAgent)
/*
window.getDevice = function ()
{
let device
if(/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile|w3c|acs\-|alav|alca|amoi|audi|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd\-|dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg\-c|lg\-d|lg\-g|lge\-|maui|maxo|midp|mits|mmef|mobi|mot\-|moto|mwbp|nec\-|newt|noki|palm|pana|pant|phil|play|port|prox|qwap|sage|sams|sany|sch\-|sec\-|send|seri|sgh\-|shar|sie\-|siem|smal|smar|sony|sph\-|symb|t\-mo|teli|tim\-|tosh|tsm\-|upg1|upsi|vk\-v|voda|wap\-|wapa|wapi|wapp|wapr|webc|winw|winw|xda|xda\-) /i.test(navigator.userAgent))
{
if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent))
{
device = 'tablet';
}
else
{
device = 'phone';
}
}
else if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent))
{
device = 'tablet';
}
else
{
device = 'desktop';
}
return device;
}
*/
let mobileCTA = document.querySelectorAll('.cta.mobile')
let desktopCTA = document.querySelectorAll('.cta.desktop')
let disclaimer = document.querySelector('.disclaimer')
let ctas = document.querySelector('.ctas')
let nav = document.querySelector('.nav-wrap')
let stickyNav = document.querySelector('.sticky-nav')
if (window.md.phone() || window.md.tablet())
{
disclaimer.style.display = 'none'
Array.from(desktopCTA).forEach(e => { e.style.display = 'none'; e.style.opacity = 0})
Array.from(mobileCTA).forEach(e => { e.style.display = 'inline-block'; e.style.opacity = 1})
}
else
{
disclaimer.style.display = 'block'
Array.from(desktopCTA).forEach(e => {e.style.display = 'inline-block'; e.style.opacity = 1})
Array.from(mobileCTA).forEach(e => {e.style.display = 'none'; e.style.opacity = 0})
// <source src="/videos/tvad-yellow-mobile.mp4" type="video/mp4">
}
// On scroll, if masthead CTA is not on screen,
// show sticky nav. Also run the toggleStickyNav on load.
window.addEventListener('load', e => toggleStickyNav(e))
window.document.addEventListener('scroll', e => {
toggleStickyNav()
})
var isInViewport = function (elem) {
var bounding = elem.getBoundingClientRect();
return (
bounding.top >= 0 &&
bounding.left >= 0 &&
bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
);
};
function toggleStickyNav ()
{
if (!isInViewport(ctas))
{
stickyNav.style.zIndex = 51
nav.style.visibility = 'hidden'
}
else
{
stickyNav.style.zIndex = 0
nav.style.visibility = 'visible'
}
}
window.grabUrlParam = function(name) {
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.href);
if (results == null) {
return null;
} else {
return results[1];
}
}
// Slick carousel
$(document).ready(function() {
$('.carousel-cards').slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 3,
infinite: true,
dots: true,
appendDots: '.slick-dots-top',
dotsClass: 'carousel-dots',
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});
// Amplitude
(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
;r.type="text/javascript";r.async=true
;r.src="https://cdn.amplitude.com/libs/amplitude-4.5.2-min.gz.js"
;r.onload=function(){if(e.amplitude.runQueuedFunctions){
e.amplitude.runQueuedFunctions()}else{
console.log("[Amplitude] Error: could not load SDK")}}
;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
;function s(e,t){e.prototype[t]=function(){
this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
var o=function(){this._q=[];return this}
;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
;return this}
;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut",
"setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify",
"clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","logEventWithTimestamp",
"logEventWithGroups","setSessionId","resetSessionId"]
;function v(e){function t(t){e[t]=function(){
e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
e=(!e||e.length===0?"$default_instance":e).toLowerCase()
;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
;e.amplitude=n})(window,document);
var ampApi = /\.stg|localhost/i.test(window.location.href) ? '0235cc89d7a53dbb326572b219e2d92c' : 'ecbcbc42f8533abf8b32e0804af0c362'
amplitude.getInstance().init(ampApi);
window.grabUrlParam = function(name) {
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.href);
if (results == null) {
return null;
} else {
return results[1];
}
}
try
{
let channelId = grabUrlParam('cid')
var eventProperties = {
'Trial Length': '3 Days',
'Billing Cycle': '3 Months',
'Base URL': window.location.origin + window.location.pathname,
'Channel': channelId ? 'Paid' : 'Organic'
};
if (channelId)
{
eventProperties.cid = channelId
}
amplitude.getInstance().logEvent('Landing Page Viewed', eventProperties);
}
catch (e) {
}
}
},
methods: {
// These could've all been 1 toggle fn instead of open/close. but I'm rushing.
onOpenVideoDialog ()
{
this.isVideoDialogOpen = true
this.isOverlayOpen = true
},
onCloseVideoDialog ()
{
this.isVideoDialogOpen = false
this.isOverlayOpen = false
},
onOpenFreeTrialDialog ()
{
this.isFreeTrialDialogOpen = true
this.isOverlayOpen = true
},
// Clicking overlay closes any open modals
onOverlayClick ()
{
this.isOverlayOpen = false
this.isFreeTrialDialogOpen = false
this.isVideoDialogOpen = false
},
onCloseFreeTrialDialog()
{
this.isOverlayOpen = false
this.isFreeTrialDialogOpen = false
},
// Footer region changed
handleRegionChange (e)
{
document.location.href = e.target.value
},
// Go to a slide in the audio carousel
carouselGoToSlide (e)
{
// If there's an index, user clicked the navigation dots.
// If not, user is using the arrows
let index = e.target.dataset.index
if (index)
{
this.activeCarouselSlide = parseInt(index)
}
else
{
this.activeCarouselSlide = this.activeCarouselSlide >= this.carousel.length-1 ? 0 : this.activeCarouselSlide+ 1
}
}
},
computed: {
sorted ()
{
let graph = this.appReviews.graphBars
let newArray = Object.keys(graph)
.sort()
.reverse()
.map( o => {
return { [o] : graph[o] }
})
return newArray
}
}
}
</script>
<style lang='stylus' >
$max-content-width = 1024px
$max-content-width-tablet-portrait = 768px
//$max-content-width-tablet-landscape = 1068px
body
overflow-x hidden
.home
overflow-x hidden
@media $desktop
overflow-x unset
.content-wrap
display flex
flex-direction column
a
text-decoration none
h1, h2, h3, h4
margin 0
h1
font-size 78px
section
.content
max-width $max-content-width
margin 0 auto
display flex
flex-direction column
padding 2em 1.5em
h2
font-size 2.6em
color $darkblack
margin-bottom 0.6em
font-family helvetica
line-height 42px
@media $desktop
line-height 45px
i
display none
p
font-family effra
//font-size 1.29em
font-size 1em
font-weight 100
font-size 20px
@media $desktop
font-size 16px
a
color $blue
.ctas
display flex
flex-direction row
transition opacity .3s
position relative
.cta
background $lightblack
color #fff
display inline-block
text-align center
padding 1.3em 1em
border-radius 5px
font-family effra
letter-spacing 3px
font-size 16px
transition opacity .3s
opacity 0
&.dummy
position absolute
top 0
left 0
width 100%
opacity 1
z-index -1
height 59.59px
&.desktop
opacity 0
@media $tablet
width auto
margin 0 auto
padding 1.3em 2em
@media $desktop
&.desktop
width auto
// .yellow-stripes
// height 20px
// border-top 10px solid #C19E2A
// border-bottom 10px solid #D8AF2F
// width 100%
// position absolute
// z-index 1
//*************************** Masthead
.masthead-wrap
// margin because of fixed nav
margin-top 84px
order 1
font-family helvetica, Arial
background #DFB95A
overflow auto
position relative
height 70vh
max-height 700px
overflow hidden
// Yellow tint
// &:after
// content ''
// position absolute
// background alpha(#f1c433, 85%)
// top 10px
// bottom 0
// right 0
// left 0
video
width 100%
height 100%
top 30px
transform scale(3)
position absolute
.content
padding 0
z-index 5
//background pink
height 100%
@media $tablet-landscape
left 20%
right 20%
h3
color $lightblack
margin 2em 0 1.5em
i
display block
.masthead
color #fff
box-sizing border-box
height 100%
display flex
flex-direction column
position relative
z-index 1
padding 0 20px
box-sizing border-box
justify-content flex-start
h1
line-height 73px
//border 1px solid black
margin-top 10vh
i
display block
.ctas
flex-direction column
width 92%
max-width 340px
.disclaimer
text-align center
font-size 86%
color #262626
margin-top 1em
font-weight lighter
display none
.tvad
//border 1px solid blue
//flex-basis 90%
position absolute
bottom 1em
font-weight 100
left 0
right 0
margin auto
text-align center
color $lightblack
display flex
align-items center
justify-content center
font-family effra
font-size 18px
img
width 20px
display inline-block
margin-right 5px
// no longer needed cause mobile nav isn't fixed anymore
//@media $mobile-nav
//margin-top 66px
@media $tablet
&
min-height 380px
height 80vh
.masthead
margin 0 auto 0
//border 1px solid red
.ctas
width 352px
max-width none
margin 0 auto
.cta
margin 0
.disclaimer
font-size 90%
h1
font-size 98px
line-height 80px
i
display none
h3
font-size 2em
margin-top .5em
.tvad
img
width 30px
video
transform scale(2)
@media $tablet-landscape
.masthead-wrap
height 90vh
h1
font-size 112px
line-height 90px
//*************************** Sections
// "Trusted By" logos
section.two
order 1
background #F1F1F1
h3
color $lightblack
width 70%
font-family helvetica, effra
font-size 32px
.flex-1
margin-top 1.5em
display flex
flex-flow row wrap
justify-content space-between
.logo
display flex
background-repeat no-repeat
background-position center
background-size contain
//border 1px solid red
&:nth-of-type(1)
width 147px
height 33px
margin-bottom 1em
background-image url(/img/logos/tripadvisor-dark.png)
&:nth-of-type(2)
width 147px
height 33px
background-image url(/img/logos/fender-dark.png)
&:nth-of-type(3)
width 147px
height 20px
align-self center
background-position center
background-image url(/img/logos/ck-dark.png)
&:nth-of-type(4)
width 147px
height 48px
background-image url(/img/logos/nasa-dark.png)
@media $tablet
padding 1.5em 0
order 8
h3
padding 0 0 1em 0
text-align center
width 100%
.flex-1 .logo
&:nth-of-type(1)
margin-bottom 0
background-image url(/img/logos/tripadvisor.svg)
&:nth-of-type(2)
background-image url(/img/logos/fender.svg)
&:nth-of-type(3)
background-position left
background-image url(/img/logos/ck.svg)
&:nth-of-type(4)
justify-content space-evenly
background-position right
background-image url(/img/logos/nasa.svg)
@media $tablet-landscape
.flex-1
align-items center
.logo
&:nth-of-type(1)
width 230px
&:nth-of-type(2)
height 48px
&:nth-of-type(3)
height 30px
&:nth-of-type(4)
height 71px
h3
font-size 40px
// Sound Amazing
section.three
order 3
i
display block
.wrap > div
display flex
flex-direction column // take this out for desktop
.left
// in desktop, set width 50%, take out nottom margin
max-width 606px
margin-bottom 1em
line-height 28px
.review
display none
.right
position relative
overflow visible
margin-top 3em
&:after
content ''
background url(/img/blobs/blob-grey.svg) no-repeat
position absolute
top 0
left 0
width 100%
height 100%
background-size contain
z-index -1
transform scale(1.3)
img
width 100%
z-index 2
@media $tablet
.content
padding 4em 1.3em
margin-bottom 5em
.left
.review
margin-top 2em
display flex
align-items flex-start
font-style italic
p
font-size 14px
line-height 25px
padding-left 2em
img
display block
margin 1em 0
.right
margin-top 0
&:after
transform scale(1.4) rotate(2deg) translate(13%, 1%)
img
transform scale(1.4) translate(15%,13%)
.content > div
display flex
flex-direction row
@media $desktop
.left
padding-right 3em
// Words carousel
section.four
order 4
@media $tablet
&
margin-bottom 4.5em
// Get out there
section.five
order 5
//padding-top 70vh
background-image url(/img/hero/painted-woman-mobile.jpg)
background-position top center
background-repeat no-repeat
//background-attachment fixed
background-size contain
overflow auto
height 105vh
display flex
flex-direction column
justify-content flex-end
h2
text-align center
color #fff
padding 1em 0 2em
margin-bottom -57px
background alpha(black, 60%)
margin-left -50px
.text
position relative
background-image url(/img/blobs/white-stone-mark-mobile.svg)
background-position top center
background-size cover
padding-top 2em
h2
display none
.content
max-width $max-content-width
padding 1.3em 2em
line-height 30px
.applinks
display flex
flex-direction column
align-items center
padding-top 20px
@media $tablet
&
height 85vh
background-image url(/img/hero/painted-woman-desktop.jpg)
background-size cover
position relative
h2
//margin-left auto
padding 1em 0 4em
margin-bottom -128px
.text
.content
margin 0 auto
max-width 650px
.applinks
flex-direction row
justify-content center
margin 2em 0 1em
a
display block
&:first-of-type
margin-right 15px
@media $tablet-landscape
&
padding-top 0
height 109vh
background-size cover
background-image url(/img/hero/painted-woman-desktop.jpg)
background-position center top
h2
display none
.text
padding 0
width 100%
background-image url(/img/blobs/white-stone-mark-desktop.svg)
background-position center top
background-repeat no-repeat
background-size cover
h2
display block
background none
color #262626
font-size 48px
margin-left 0
padding-bottom 3em
//@media $desktop
// Slick carousel
section.six
order 6
border-top 8px solid #C19E2A
box-shadow 0 8px 0 #D8AF2F inset
padding 2em 0
position relative
&:after
content ''
position absolute
top 0
bottom 40%
left 0
right 0
background #F1C433
z-index -1
.content
padding-bottom 8px
h2
margin-bottom 15px
font-size 2.5em
line-height 39px
i
display none
ul.carousel-dots, ul.carousel-dots li
display flex!important
list-style none
margin 0 0 10px 0
padding 0
justify-content center
li
width 10px
height 10px
margin-right 10px
border-radius 10px
overflow hidden
border 1px solid #fff
z-index 10
&.slick-active
background #fff
button
visibility hidden
background none
font-size 0px
line-height 0
.slick-prev, .slick-next
height 80px
background-repeat no-repeat
background-position center
background-size contain
.slick-prev
transform rotateY(180deg)
top 38%
background-image url(/img/arrows/right-arrow-white.svg)
.slick-next
background-image url(/img/arrows/right-arrow-white.svg)
.carousel-wrap
display block
max-width 900px
margin 0 auto
position relative
&:after
content ''
top 0
right 0
left 0
bottom 0
position absolute
z-index -1
background-size contain
background-repeat no-repeat
transform scale(2) translate(0, 30%)
z-index 2
background-image url(/img/blobs/blue.svg)
.carousel-cards
display block
z-index 3
.card
height 450px
box-shadow 1px 1px 6px rgba(#000, 50%)
background #fff
transform scale(0.9)
transition all 1s ease
display flex
flex-direction column
position relative
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
sup
display none
// This is the center, active card.
&.slick-center
transform scale(0.95)
.card-bg
height 40%
background-repeat no-repeat
background-position center bottom
background-size 100% 100%
&.truaccent
.card-bg
background-image url(/img/features-animated/truaccent.gif)
div.img
background-image url(/img/icons/truaccent.svg)
&.phrasebook
.card-bg
background-image url(/img/features-animated/phrasebook.gif)
div.img
background-image url(/img/icons/phrasebook.svg)
&.audio-companion
.card-bg
background-image url(/img/features-animated/audio-companion.gif)
div.img
background-image url(/img/icons/audio-companion.svg)
&.mobility
.card-bg
background-image url(/img/features-animated/mobility.gif)
div.img
background-image url(/img/icons/mobility.svg)
&.seek-and-speak
.card-bg
background-image url(/img/features-animated/seek-and-speak.gif)
div.img
background-image url(/img/icons/seek-and-speak.svg)
&.your-plan
.card-bg
background-image url(/img/features-animated/your-plan.gif)
div.img
background-image url(/img/icons/your-plan.svg)
&.translations
.card-bg
background-image url(/img/features-animated/translations.gif)
div.img
background-image url(/img/icons/translations.svg)
.card-content
height 60%
div.img
height 60px
background-position center
background-repeat no-repeat
background-size contain
margin 2em 0 0 0
h5
text-align center
font-size 130%
margin 1em 0
p
padding 0 1em
line-height 28px
p.disclaimer
position absolute
bottom 0
width 100%
font-size 90%
text-align center
sup
display none
@media $tablet
h2
line-height 48px
.carousel-wrap
&:after
transform scale(1.3) translate(6%, 10%)
@media $tablet-landscape
&
margin-bottom 5em
h2
max-width 750px
margin 0 auto 1em
text-align center
.carousel-wrap
margin-top 4em
display flex
flex-direction column
&:after
//transform scale(1.6) translate(2%, 10%)
transform scale(1.45) translate(1%,7%)
.card
transform scale(0.75)
.slick-dots-top
order 3
// Company quotes
section.seven
order 7
.content
display flex
flex-direction column
padding 0
h2
display none
.quote
color #fff
padding 2em 1em
display flex
min-height 100vh
flex-direction column
z-index 2
i
display block
p
font-size 44px
font-weight 400
line-height 57px
font-family helvetica
.logo
margin 2em auto 0
.quote-1
background #00AEEF
.quote-2
background #14A613
.quote-3
background #2497CE
.logo.macworld
width 145px
height 35px
margin-top 4em
order 1
background url(/img/logos/macworld.svg)
.logo.techcrunch
width 240px
height 33px
order 2
background url(/img/logos/techcrunch.svg)
.logo.mashable
width 158px
height 28px
margin-top 4em
order 3
background url(/img/logos/mashable.svg)
@media $tablet
&
padding 0 0 2em 0
h2
display block
text-align center
padding 1em 0
margin-bottom 0
.quote
flex-basis 33%
min-height auto
justify-content space-between
padding 1.2em
margin 0.7em
text-align center
box-shadow 0 4px 14px rgba(#000,0.5)
i
display none
.logo
margin 2.5em auto 0
.content
flex-direction row
p
font-size 18px
font-family effra
font-weight lighter
line-height 26px
section.site-footer
order 8
padding 2em 0
background #f2f2f2
display none
.content
padding 0
flex-direction row
justify-content space-between
font-family effra
font-size 14px
ul, li
margin 0
padding 0
list-style none
h5
margin-bottom 12px
font-weight bold
font-size inherit
a
padding 7px 0
display block
color #262626
font-weight 100
@media $tablet
display block
// CTA
section.eight
order 8
padding 2em 0
.content
padding 0 1.5em
h2
font-size 40px
font-family helvetica, effra
.cta
background #0098db
font-size 16px
//margin 1em 0 2em
.divider
letter-spacing 3px
font-weight bolder
margin 2em 0
font-family effra
.secondary-ctas
display flex
flex-direction column
a
background #333
color #fff
&:first-of-type
margin-bottom 2em
@media $tablet
.content
width 513px
padding 3em 0
h2
text-align center
.cta
margin 0
display inline-block
padding 28px 35px
width 100%
&.desktop
display none
.divider
text-align center
position relative
font-size 14px
margin 3em 0
&:after
content ''
top 50%
right 0
position absolute
height 1px
background #d8d8d8
width 29%
&:before
content ''
top 50%
left 0
position absolute
height 1px
background #d8d8d8
width 29%
.secondary-ctas
justify-content space-between
flex-direction row
a
&:first-of-type
margin 0 2em 0 0
@media $desktop
.content h2
text-align center
.cta.desktop
display inline-block
.cta.mobile
display none
// Social Links
section.nine
order 9
background #E7E7E7
.content
h4
letter-spacing 2px
color #333
.sociallinks
padding 1em 0 0
display flex
a
height 25px
width 25px
background-size contain
margin-right 1.4em
background-position center
.facebook
background url('/img/icons/social/facebook-dark.svg') no-repeat
.instagram
background url('/img/icons/social/instagram-dark.svg') no-repeat
.youtube
background url('/img/icons/social/youtube-dark.svg') no-repeat
.twitter
background url('/img/icons/social/twitter-dark.svg') no-repeat
.linkedin
background url('/img/icons/social/linkedin-dark.svg') no-repeat
@media $tablet
display none
// Accordion footer
section.ten
order 10
div.footer
color #e7e7e7
h5
letter-spacing 1px
display block
margin 0
cursor pointer
color inherit
background #333
padding 22px 0 22px 2em
font-size 16px
p
color rgba(48, 69, 92, 0.8)
font-size 17px
line-height 26px
letter-spacing 1px
position relative
overflow hidden
max-height 800px
opacity 1
transform translate(0, 0)
padding 0 0 0 2em
color inherit
font-family effra
a
font-family effra
display block
color inherit
padding 4px 0
&:first-child
margin-top 2em
&:last-child
margin-bottom 2em
ul
list-style none
padding 0
margin 0
background #252525
color #fff
li
position relative
i
position absolute
transform translate(-6px, 0)
margin-top 24px
right 23px
&:before
transform translate(-2px, 0) rotate(45deg)
&:after
transform translate(2px, 0) rotate(-45deg)
input[type=checkbox]
position absolute
cursor pointer
width 100%
height 62px
z-index 1
//display none
opacity 0
input[type=checkbox]:checked
& ~ p
margin-top 0
max-height 0
opacity 0
transform translate(0, 50%)
& ~ i
&:before
transform translate(2px, 0) rotate(45deg)
&:after
transform translate(-2px, 0) rotate(-45deg)
ul li i:before, ul li i:after
content ""
position absolute
// Arrow color
background-color #e7e7e7
width 3px
height 9px
.transition, p, ul li i:before, ul li i:after
transition all .4s ease-in-out
.flipIn, ul li
animation flipdown 0.5s ease both
@keyframes flipdown
0%
opacity 0
transform-origin top center
transform rotateX(-90deg)
5%
opacity 1
80%
transform rotateX(8deg)
83%
transform rotateX(6deg)
92%
transform rotateX(-3deg)
100%
transform-origin top center
transform rotateX(0deg)
@media $tablet
&
display none
// Legal Footer
section.eleven
order 11
background #F1C433
border-top 8px solid #C19E2A
box-shadow 0 8px 0 #D8AF2F inset
font-size 80%
i.clear
display block
.content
flex-wrap wrap
padding 3em 1.5em
.legalese
flex-direction row
a
text-decoration none
color #222
position relative
//margin-bottom .8em
padding 15px 11px
display inline-block
&:after
content ''
position absolute
width 1px
top 14px
right 0
bottom 0
height 15px
background #333
&:last-child, &:nth-of-type(2)
&:after
visibility hidden
.copyright
display flex
margin-top 2em
align-items center
.logo
width 45px
height 40px
background url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzdweCIgaGVpZ2h0PSIxMjFweCIgdmlld0JveD0iMCAwIDc3IDEyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPnJzX2xvZ29fb3JpZ2luYWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjU3Ljk3MTk0NDQlIiB5MT0iMS44NTEyNTg4NiUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwNThFRDQiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwMkQ1NiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjY5LjY4NTgyMiUiIHkxPSIxLjg1MTI1ODg2JSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzA1OEVENCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAyRDU2IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMjYuNzYwNzYyOSUiIHkxPSI2NS4xNzE5MTQ4JSIgeDI9IjYyLjc4OTI4NTUlIiB5Mj0iMzYuMjIzNjUxJSIgaWQ9ImxpbmVhckdyYWRpZW50LTMiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDE2RkM1IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyQTlDRTMiIG9mZnNldD0iNTUuMjAyNDQwNyUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzQ3QkJGNyIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9Ii0yNy42NjY0ODM2JSIgeTE9IjY1LjE3MTkxNDglIiB4Mj0iOTIuNzQyMzE2NyUiIHkyPSIzNi4yMjM2NTElIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMTZGQzUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzJBOUNFMyIgb2Zmc2V0PSI1NS4yMDI0NDA3JSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNDdCQkY3IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTguMTA0NzY3NiUiIHkxPSIyLjI2MzA1OTg1JSIgeDI9IjM3Ljk1NjYxODMlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTUiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNzJDNkVDIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM5OEQ2RjEiIG9mZnNldD0iNTUuMzE3MjgzMiUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzM0QUFFMiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9Ijc3Ljk1MzE3NzklIiB5MT0iMi4yNjMwNTk4NSUiIHgyPSI4LjQ2MjYyMjIxJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC02Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzcyQzZFQyIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOThENkYxIiBvZmZzZXQ9IjU1LjMxNzI4MzIlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzNEFBRTIiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC03Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZERkVGRSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRERGM0ZEIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtOCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGREZFRkUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0RERjNGRCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cGF0aCBkPSJNNjEuMDM3LDcuNjgyIEM2MC44MzUsNS4yMDEgNjAuNjQ4LDIuOTAxIDYwLjQ4MiwwLjg3MSBDMjcuODExLDcuNDExIDcuNTMsMjMuOTQ5IDAuMzgyLDMyLjA1NyBDMC4zNzgsMzIuNjYxIDAuMzc0LDMzLjI2NCAwLjM3LDMzLjg2OCBDNy40NDMsMjYuNDExIDI2LjUxLDEyLjQ2NSA2MS4wMzcsNy42ODIiIGlkPSJwYXRoLTkiPjwvcGF0aD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTExIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZERkVGRSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRERGM0ZEIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkRGRUZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNEREYzRkQiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0icnNfbG9nb19vcmlnaW5hbCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0xMyIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4xOTQsMTEyLjM2NSBDMC43NTUsMTE3LjIyMSA2LjE4NSwxMTguOTQ1IDEwLjI0MiwxMTkuNzcgQzEwLjgxNSwxMTkuODc5IDExLjM5LDExOS45ODggMTEuOTYyLDEyMC4wOTggQzE0Ljg4OCwxMjAuNjQ0IDE2Ljg2OCwxMjAuNTQ1IDE3Ljc5LDEyMC40MzUgQzE4LjE2NywxMjAuMzg3IDE4LjU0MiwxMjAuMzM2IDE4LjkxOCwxMjAuMjgxIEMyMi4yMjUsMTE5LjgwNyAyNS41MzEsMTE5LjMzMiAyOC44MzgsMTE4Ljg1OSBDMzQuMTgzLDExNy45NjUgMzkuNjAzLDExNy40NDEgNDQuOTc1LDExNi43MTkgQzQ2LjY0MywxMTYuNDk2IDQ5LjMxOCwxMTYuMTI5IDQ5Ljg3LDExNi4wNDcgQzUxLjE4OSwxMTUuODUzIDUyLjI2MiwxMTUuNTA4IDUyLjkzLDExNS4yNTIgQzU2LjI5OCwxMTMuOTU5IDU5LjYyMiwxMTEuNzQgNjEuNzgsMTA4LjgwMSBDNjEuODE5LDEwOC43NSA2OS4zMzUsOTguMzkzIDY5LjY0Niw5Ny45NTkgQzcwLjA3NCw5Ny4zNTcgNzAuNDk1LDk2Ljc1IDcwLjkzNSw5Ni4xNTIgQzcyLjY3Myw5My43ODkgNzIuNyw5My43NSA3Mi45NTUsOTMuMzYzIEM3My40NjQsOTIuNTk2IDczLjkxNiw5MS42NSA3My45Miw5MS42NDEgQzc0LjIwNCw5MS4wMzEgNzQuNjM1LDkwLjEwOSA3NS4wMDQsODguOTg4IEM3NS42NDEsODcuMDQ5IDc2LjEyNSw4NS4wNDEgNzYuMjUsODIuOTk4IEM3Ni40NDEsNzkuODE4IDc1LjgxNyw3Ni41MzkgNzUuNTEsNzMuMzk1IEM3NC45MDIsNjcuMTggNzQuMjk5LDYwLjk2MyA3My42ODcsNTQuNzQ5IEM3My4yNTgsNTAuMzMyIDcyLjgzNyw0NS45MTMgNzIuMzk0LDQxLjQ5OSBDNzIuMzUyLDQxLjA4MiA3Mi4yNzQsNDAuNTM0IDcyLjIxMyw0MC4xMjQgQzcyLjExLDM5LjQzMiA3MS42NjcsMzYuODIxIDcwLjI3MywzMi4yNTYgQzY5LjE0NiwyOC41NjUgNjcuOTE0LDI1LjE0MyA2Ny40MzcsMjMuODQ0IEM2Ni44NTksMjIuMjcgNjYuMzE1LDIwLjc4NCA2NS4yODQsMTguMTM5IEM2NS4xMDIsMTcuNjYzIDYzLjQ2NSwxMy40NjEgNjIuOTkxLDEyLjQxNSBDNjEuNjczLDkuNDk4IDU5LjUyOCw3LjM1NiA1OC42MTIsNi40NCBDNTYuMjM3LDQuMTI3IDUzLjQ5MiwxLjI4NiA1MC4wNzYsMC42OTIgQzQ5LjAzNywwLjUxIDQ3Ljk5MSwwLjYxOCA0Ni45OTMsMC45NTIgQzQ2LjYwNiwxLjA4MiA0Ni4xMDEsMS4yODIgNDUuNzE4LDEuNDI2IEM0NS4yMzIsMS42MDggNDAuOTgyLDMuMTUzIDM5Ljk2NCwzLjUyNiBDMzguODYxLDMuOTIyIDM3Ljc2Nyw0LjMzOCAzNi42NjksNC43NDcgQzMyLjg5Niw2LjE1OSAyOS4xNDMsOS4wODEgMjYuOTI3LDEyLjQzNiBDMjAuNjIyLDIxLjYyIDE0LjMxOSwzMC44MDEgOC4wMTcsMzkuOTgzIEM3Ljc1Niw0MC4zNjQgNy40MDcsNDAuODY2IDcuMTQ4LDQxLjI0NyBDNi43MTUsNDEuODc3IDYuMjgxLDQyLjUwOCA1Ljg0OCw0My4xNDEgQzUuMjcxLDQzLjk3OSA0LjY4MSw0NC44MTEgNC4xMTYsNDUuNjU5IEMzLjgzOSw0Ni4wNzMgMy40OTYsNDYuNTkgMi45ODYsNDcuNjEyIEMyLjg5MSw0Ny44MDMgMi42OTUsNDguMiAyLjQ2OCw0OC43MjkgQzIuMjk4LDQ5LjExOCAyLjE0Nyw0OS41MTYgMS45ODksNDkuOTExIEMxLjMzNyw1MS41NDUgMC44NzksNTMuMzA1IDAuNjE1LDU1LjA0NyBDMC41NDUsNTUuNTA0IDAuNTA4LDU1Ljk2MyAwLjQ3NCw1Ni40MjQgQzAuNDYyLDU2LjU3NyAwLjQ2OCw1Ni43ODIgMC40NTgsNTYuOTM0IEMwLjQ0Niw1Ny4xNDEgMC40NTcsNTcuMzUgMC40NTUsNTcuNTU1IEMwLjQxNSw2NC4yODMgMC4zNzYsODEuNTQ1IDAuMzcsODMuODYzIEMwLjM0LDkxLjEyNiAwLjM0MSw5OC4zOTMgMC4yOTcsMTA1LjY1NiBDMC4yODQsMTA3Ljg1OSAtMC4wNzgsMTEwLjE3NiAwLjE5NCwxMTIuMzY1IiBpZD0icGF0aC0yIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0xNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi43MzQsMTE1Ljg0OCBDMi45OTUsMTE1Ljk0NSAzLjI3LDExNi4wMSAzLjU1NiwxMTYuMDM5IEMzLjg0MiwxMTYuMDY4IDQuMTM4LDExNi4wNTkgNC40NDIsMTE2LjAxMiBDNS4yMTgsMTE1Ljg5MSA1Ljk5OCwxMTUuNzY4IDYuNzc5LDExNS42NDUgQzcuNTY1LDExNS41MjIgOC4zNTMsMTE1LjM5NyA5LjE0MywxMTUuMjczIEM5LjkzNSwxMTUuMTQ4IDEwLjczMiwxMTUuMDIyIDExLjUzLDExNC44OTcgQzEyLjMzNCwxMTQuNzcyIDEzLjEzOSwxMTQuNjQ0IDEzLjk0OCwxMTQuNTE2IEMxNS45ODIsMTE0LjE5NyAxOC4wMjIsMTEzLjkwNCAyMC4wNiwxMTMuNjA1IEMyMS43NDcsMTEzLjM2MSAyMy41OTEsMTEzLjA5NCAyNS40NDgsMTEyLjgyNiBDMjcuODE4LDExMi40ODIgMzAuMjEyLDExMi4xMzcgMzIuMzIsMTExLjgyOCBDMzQuNDQ4LDExMS41MTggMzYuMjgxLDExMS4yNDQgMzcuNTAyLDExMS4wNTMgQzM4LjM1NiwxMTAuOTIyIDM5LjMwNywxMTAuNjIxIDQwLjI5MSwxMTAuMTkzIEM0MS4yNzgsMTA5Ljc2MiA0Mi4yOTgsMTA5LjIwMyA0My4yODQsMTA4LjU1OSBDNDUuMTYsMTA3LjMzIDQ2Ljk2MywxMDUuODI4IDQ4LjI3MywxMDMuOTk0IEM0OS41MzMsMTAyLjIzNiA1MC43OTgsMTAwLjQ4MiA1Mi4wNjMsOTguNzI4IEM1Mi41NjksOTguMDI5IDUzLjA3NCw5Ny4zMyA1My42NzgsOTYuNDk2IEM1NC4yNzksOTUuNjYgNTQuOTgsOTQuNjkxIDU1Ljg3Myw5My40NTEgQzU2Ljc1OCw5Mi4xOTcgNTcuMjI5LDkxLjUyNSA1Ny40OTQsOTEuMTQ0IEM1Ny43NTgsOTAuNzY2IDU3LjgxNyw5MC42NzggNTcuODc5LDkwLjU5NCBDNTcuOTQsOTAuNTA2IDU4LjAwNCw5MC40MjIgNTguMjc5LDkwLjA0NyBDNTguNTU2LDg5LjY3MiA1OS4wNDMsODkuMDA4IDU5Ljk1MSw4Ny43NjIgQzYwLjU0NCw4Ni45NCA2MS4xMDMsODUuOTMyIDYxLjU5OSw4NC44MjIgQzYyLjA5Niw4My43MTMgNjIuNTMyLDgyLjUwNiA2Mi44ODMsODEuMjc3IEM2My4yMzMsODAuMDUzIDYzLjQ5OSw3OC44MSA2My42NTYsNzcuNjM1IEM2My44MTMsNzYuNDYxIDYzLjg2Myw3NS4zNTIgNjMuNzgzLDc0LjM5MSBDNjMuNTQ3LDcxLjQ5NCA2My4yNjUsNjguMDI3IDYyLjk2Miw2NC4zMDEgQzYyLjU2NSw1OS40MzggNjIuMTcyLDU0LjU3NyA2MS43NzMsNDkuNzE3IEM2MS41NDYsNDYuOTIgNjEuMzIyLDQ0LjE4NiA2MS4xMTQsNDEuNjI0IEM2MC44MzEsMzguMTY1IDYwLjU3NSwzNS4wMSA2MC4zNjQsMzIuNDIgQzYwLjIsMzAuMzgxIDU5LjYzNiwyNy43MjMgNTguODY3LDI0Ljg1OCBDNTguMTA3LDIyLjAyMiA1Ny4xNTIsMTguOTg5IDU2LjE5MSwxNi4xNDMgQzU0Ljg0MiwxMi4xNDMgNTMuMzM4LDguMjAyIDUxLjg2Nyw0LjI0NSBDNTEuNjE4LDMuNTcxIDUxLjM2MywyLjg5MyA1MS4wMTcsMi4yNjIgQzUwLjg2MiwxLjk4NSA1MC42OTksMS43MzcgNTAuNTIxLDEuNTMyIEM1MC4zNDMsMS4zMjMgNTAuMTQ5LDEuMTU5IDQ5LjkzNiwxLjA0NSBDNDkuNzIyLDAuOTIyIDQ5LjQ4MywwLjgyOSA0OS4yMjcsMC43NjggQzQ4Ljk3MSwwLjcwNyA0OC42OTUsMC42NzYgNDguNDA2LDAuNjc2IEM0OC4xMTYsMC42NzYgNDcuODE0LDAuNzA2IDQ3LjUsMC43NjggQzQ3LjE4NywwLjgyOSA0Ni44NjMsMC45MTggNDYuNTM1LDEuMDQyIEM0NC42MywxLjc1MiA0My40ODksMi4xNzIgNDIuNzI5LDIuNDUgQzQxLjk3MSwyLjcyNyA0MS41ODgsMi44NjIgNDEuMjA3LDIuOTk3IEM0MC44MjUsMy4xMzEgNDAuNDQ2LDMuMjY2IDM5LjY5NSwzLjU0IEMzOC40NDQsMy45OTcgMzcuMTgxLDQuNDM0IDM1Ljk0NCw0LjkyOCBDMzQuMzExLDUuNTQ0IDMyLjgxNCw2LjU1OSAzMS40NDcsNy42MjcgQzMwLjY3MSw4LjIzMyAyOS45MTQsOC44OTUgMjkuMjE5LDkuNTczIEMyOC41MjMsMTAuMjUyIDI3Ljg5MiwxMC45NSAyNy4zNjMsMTEuNjMzIEMyNy4yMTQsMTEuODI3IDI3LjE3OSwxMS44NzQgMjcuMTQ0LDExLjkyMiBDMjcuMDcyLDEyLjAyMiAyNy4wMDIsMTIuMTIyIDI2LjkzNCwxMi4yMjMgQzI2LjE5NiwxMy4yOTUgMjUuMTE5LDE0Ljg2MiAyMy44NzQsMTYuNjcyIEMyMi42MywxOC40ODEgMjEuMjE4LDIwLjUzMiAxOS44MDksMjIuNTgyIEMxOC40LDI0LjYyNyAxNi45OTUsMjYuNjcgMTUuNzYsMjguNDY1IEMxNC41MjYsMzAuMjU4IDEzLjQ2MywzMS44MDcgMTIuNzM1LDMyLjg2NCBDMTIuMDA3LDMzLjkyNiAxMS4yNzcsMzQuOTg5IDEwLjU0OSwzNi4wNDkgQzkuODIsMzcuMTEgOS4wOTMsMzguMTY4IDguMzY1LDM5LjIyNyBDNy42MzcsNDAuMjg2IDYuOTEsNDEuMzQyIDYuMTg0LDQyLjM5NyBDNS40NTgsNDMuNDUyIDQuNzMyLDQ0LjUwNCA0LjAwOCw0NS41NTUgQzMuNTMsNDYuMjQ4IDMuMDcsNDcuMDg1IDIuNjQ4LDQ3Ljk5NSBDMS44MTUsNDkuNzg4IDEuMTgxLDUxLjY5IDAuNzc4LDUzLjYyNyBDMC41ODYsNTQuNTc3IDAuNDQsNTUuNTQ1IDAuNDM2LDU2LjUxNiBDMC40MzUsNTYuNjY1IDAuNDM0LDU2LjgxMSAwLjQzNCw1Ni45NjEgQzAuNDMzLDU3LjExIDAuNDMxLDU3LjI1OCAwLjQzLDU3LjQwOSBDMC40MjksNTcuNTU3IDAuNDI5LDU3LjcwOCAwLjQyNyw1Ny44NTggQzAuNDI3LDU4LjAwNiAwLjQyNiw1OC4xNTcgMC40MjQsNTguMzAzIEMwLjM5Nyw2Mi41NTkgMC4zNzEsNjYuNzY4IDAuMzQ1LDcwLjk3NyBDMC4zMTcsNzUuMjM2IDAuMjkxLDc5LjQ5NiAwLjI2NCw4My44MDUgQzAuMjM2LDg4LjE2NiAwLjIwOCw5Mi41OCAwLjE4LDk3LjA5OCBDMC4xNSwxMDEuNjcyIDAuMTIxLDEwNi4zNTUgMC4wOTEsMTExLjIwNyBDMC4wODgsMTExLjU4NCAwLjExNywxMTEuOTQ3IDAuMTcxLDExMi4yOTMgQzAuMjI4LDExMi42MzkgMC4zMSwxMTIuOTY5IDAuNDIsMTEzLjI3OSBDMC42MjIsMTEzLjg2NSAwLjkzMywxMTQuNDIgMS4zNSwxMTQuODgxIEMxLjcyOSwxMTUuMzAzIDIuMiwxMTUuNjQ1IDIuNzM0LDExNS44NDggWiIgaWQ9InBhdGgtNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAwLjAwMDAwMCkiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNikiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU2LjIxMSwzMS42MzEgQzU2LjQxMywzNC4xMjIgNTcuMzQ4LDQ1LjU3NyA1Ny41NjYsNDguMjY2IEM1Ny45NDksNTIuOTQyIDU4LjMyOCw1Ny42MTggNTguNzA5LDYyLjI5MyBDNTkuMDAxLDY1Ljg3OSA1OS4yNzMsNjkuMjEzIDU5LjQ5OSw3MS45OTggQzU5LjU3Niw3Mi45MjQgNTkuNDMsNzUuNzQgNTkuMjc5LDc2Ljg3MSBDNTkuMTI3LDc4IDU4Ljg3Myw3OS4xOTcgNTguNTM0LDgwLjM3NSBDNTguMTk4LDgxLjU1NSA1Ny43NzcsODIuNzE5IDU3LjMwMSw4My43ODMgQzU2LjgyMiw4NC44NTIgNTYuMjg1LDg1LjgxOCA1NS43MTUsODYuNjA5IEM1NC44NDIsODcuODEgNTIuNjQzLDkwLjg3NyA1MS43OTEsOTIuMDg0IEM1MC45MzMsOTMuMjc3IDQ1LjY5MywxMDAuNTM1IDQ0LjQ4MiwxMDIuMjIzIEM0My4yMjEsMTAzLjk4OCA0MS40ODgsMTA1LjQzNSAzOS42ODQsMTA2LjYxNSBDMzguNzM0LDEwNy4yMzYgMzcuNzU0LDEwNy43NzIgMzYuODA1LDEwOC4xODggQzM1Ljg1NywxMDguNiAzNC45NDQsMTA4Ljg4OSAzNC4xMjIsMTA5LjAxNiBMMC4zNDgsMTE0Ljg4MSBDMC43MjgsMTE1LjMwNSAxLjE5OSwxMTUuNjQ1IDEuNzMzLDExNS44NDggQzEuOTk0LDExNS45NDUgMi4yNywxMTYuMDEgMi41NTUsMTE2LjAzOSBDMi44NDEsMTE2LjA2OCAzLjEzNywxMTYuMDU5IDMuNDQxLDExNi4wMTIgQzQuMjE3LDExNS44OTEgNC45OTcsMTE1Ljc2OCA1Ljc3OCwxMTUuNjQ1IEM2LjU2NCwxMTUuNTIyIDcuMzUyLDExNS4zOTcgOC4xNDMsMTE1LjI3MyBDOC45MzUsMTE1LjE0OCA5LjczMSwxMTUuMDIzIDEwLjUyOSwxMTQuODk3IEMxMS4zMzMsMTE0Ljc3MiAxMi4xMzksMTE0LjY0NCAxMi45NDcsMTE0LjUxOCBDMTQuOTgxLDExNC4xOTcgMTcuMDIxLDExMy45MDQgMTkuMDU5LDExMy42MDcgQzIwLjc0NiwxMTMuMzYxIDIyLjU5LDExMy4wOTQgMjQuNDQ3LDExMi44MjYgQzI2LjgxOCwxMTIuNDgyIDI5LjIxMSwxMTIuMTM3IDMxLjMyLDExMS44MjggQzMzLjQ0NywxMTEuNTE4IDM1LjI4LDExMS4yNDYgMzYuNTAyLDExMS4wNTUgQzM3LjM1NiwxMTAuOTIyIDM4LjMwNiwxMTAuNjIxIDM5LjI5LDExMC4xOTMgQzQwLjI3NywxMDkuNzYyIDQxLjI5NywxMDkuMjAzIDQyLjI4MywxMDguNTU5IEM0NC4xNiwxMDcuMzMyIDQ1Ljk2MiwxMDUuODI4IDQ3LjI3MiwxMDMuOTk0IEM0OC41MzMsMTAyLjIzNiA0OS43OTcsMTAwLjQ4MiA1MS4wNjIsOTguNzI4IEM1MS41NjgsOTguMDI5IDUyLjA3Myw5Ny4zMyA1Mi42NzcsOTYuNDk2IEM1My4yNzgsOTUuNjYyIDUzLjk3OSw5NC42OTEgNTQuODcyLDkzLjQ1MSBDNTUuNzU3LDkyLjE5NyA1Ni4yMjcsOTEuNTI1IDU2LjQ5Miw5MS4xNDcgQzU2Ljc1OCw5MC43NjYgNTYuODE2LDkwLjY3OCA1Ni44NzgsOTAuNTk0IEM1Ni45NCw5MC41MDYgNTcuMDA0LDkwLjQyMiA1Ny4yNzksOTAuMDQ3IEM1Ny41NTUsODkuNjcyIDU4LjA0Miw4OS4wMDggNTguOTQ5LDg3Ljc2MiBDNTkuNTQzLDg2Ljk0IDYwLjEwMiw4NS45MzIgNjAuNTk4LDg0LjgyMiBDNjEuMDk1LDgzLjcxNSA2MS41MzEsODIuNTA2IDYxLjg4Miw4MS4yNzcgQzYyLjIzMiw4MC4wNTMgNjIuNDk4LDc4LjgxIDYyLjY1NSw3Ny42MzUgQzYyLjgxMyw3Ni40NjEgNjIuODYzLDc1LjM1MiA2Mi43ODEsNzQuMzkxIEM2Mi41NDYsNzEuNDk0IDYyLjI2NCw2OC4wMjcgNjEuOTYxLDY0LjMwMSBDNjEuNTY1LDU5LjQ0IDYxLjE3Miw1NC41NzcgNjAuNzczLDQ5LjcxNyBDNjAuNTQ1LDQ2LjkyIDYwLjMyMSw0NC4xODYgNjAuMTEzLDQxLjYyNCBDNTkuODMsMzguMTY1IDU5LjU3NCwzNS4wMSA1OS4zNjMsMzIuNDIyIEM1OS4xOTksMzAuMzgzIDU4LjYzNSwyNy43MjMgNTcuODY3LDI0Ljg1OCBDNTcuMTA3LDIyLjAyMiA1Ni4xNTEsMTguOTg5IDU1LjE5MSwxNi4xNDMgQzUzLjg0MSwxMi4xNDMgNTIuMzM4LDguMjAyIDUwLjg2Nyw0LjI0NSBDNTAuNjE3LDMuNTcxIDUwLjM2MiwyLjg5MyA1MC4wMTYsMi4yNjIgQzQ5Ljg2MSwxLjk4NSA0OS42OTgsMS43MzcgNDkuNTE5LDEuNTMyIEM0OS4zNDIsMS4zMjUgNDkuMTQ4LDEuMTYxIDQ4LjkzNSwxLjA0NSBDNDguNzIxLDAuOTIyIDQ4LjQ4MiwwLjgyOSA0OC4yMjcsMC43NjggQzQ3Ljk3MSwwLjcwNyA0Ny42OTQsMC42NzYgNDcuNDA0LDAuNjc2IEM0Ny4zOTcsMC43IDU0Ljc3MSwyNC4zNTYgNTQuNzcxLDI0LjM1NiBDNTUuNTEsMjcuMTEyIDU2LjA1NSwyOS42NjggNTYuMjExLDMxLjYzMSBaIiBpZD0icGF0aC04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0yOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMyLjAwMDAwMCkiIGZpbGw9IiMyOTc4QzgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYwLjk2NCw3Ljc4MSBDNjAuNzQsNS4wNDggNjAuNTc3LDIuNTQzIDYwLjQwNCwwLjQyNCBDNjAuNDAzLDAuNDE0IDYwLjM2MSwwLjM5OCA2MC4zNjEsMC4zODggQzI4LjIxMyw2Ljg5NiA3LjY2NCwyMy4yNzQgMC4zOTIsMzEuNDIyIEMwLjM4OCwzMi4wNDkgMC4zODQsMzIuNjc4IDAuMzgsMzMuMzA1IEM3LjkwNywyNS43OTEgMzIuNTc1LDEwLjQ5NSA2MC45NjQsNy43ODEiIGlkPSJwYXRoLTEwIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0zMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDYxLjAwMDAwMCkiIGZpbGw9IiMyOTc4QzgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYzLjAxNiwzLjMxMyBDNjIuOTQyLDIuNDE3IDYyLjgzOSwxLjUwNSA2Mi43NjYsMC42MDkgQzI5LjU4NSw1LjU1MSA3LjA3OSwyMC44MSAwLjIzNCwyNy40MDcgQzAuMjI5LDI4LjE3OSAwLjIyNSwyOC45NDMgMC4yMiwyOS43MTkgQzYuNzUyLDI0IDMxLjkyOCw5LjA2OSA2My4yMjYsNi41NDggQzYzLjE0LDUuNDkgNjMuMTA2LDQuNDI0IDYzLjAxNiwzLjMxMyIgaWQ9InBhdGgtMTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwLTM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzMuMDAwMDAwKSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC04KSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjEuMDM3LDcuNjgyIEM2MC44MzUsNS4yMDEgNjAuNjQ4LDIuOTAxIDYwLjQ4MiwwLjg3MSBDMjcuODExLDcuNDExIDcuNTMsMjMuOTQ5IDAuMzgyLDMyLjA1NyBDMC4zNzgsMzIuNjYxIDAuMzc0LDMzLjI2NCAwLjM3LDMzLjg2OCBDNy40NDMsMjYuNDExIDI2LjUxLDEyLjQ2NSA2MS4wMzcsNy42ODIiIGlkPSJwYXRoLTE1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iRmlsbC0zMS1DbGlwcGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMTAiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC05Ij48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InBhdGgtMTUiPjwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjMuMDE2LDMxLjMxMyBDNjIuOTQyLDMwLjQxNyA2Mi44MzksMjkuNTA1IDYyLjc2NiwyOC42MDkgQzI5LjU4NSwzMy41NTEgNy4wNzksNDguODEgMC4yMzQsNTUuNDA3IEMwLjIyOSw1Ni4xNzkgMC4yMjUsNTYuOTQzIDAuMjIsNTcuNzE5IEM2Ljc1Miw1MiAzMS45MjgsMzcuMDY5IDYzLjIyNiwzNC41NDggQzYzLjE0LDMzLjQ5IDYzLjEwNiwzMi40MjQgNjMuMDE2LDMxLjMxMyIgaWQ9IkZpbGwtMzEiIG1hc2s9InVybCgjbWFzay0xMCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwLTQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNjMuMDAwMDAwKSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xMikiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYyLjk2MiwxLjMwMSBDNjIuOTMyLDAuOTI1IDYyLjksMC41NDggNjIuODcsMC4xNzIgQzI3Ljc5OCw1LjQwNSA2Ljc4MiwyMC4zNzggMC4yMjYsMjYuODg5IEMwLjIyMSwyNy42MzUgMC4yMTYsMjguMzkyIDAuMjExLDI5LjE0MiBDNi4yOTcsMjMuNzYzIDI5LjI4NSwxMC42NTMgNjMuNDQ3LDcuMjY3IEM2My4yOTUsNS4zOTIgNjMuMTMyLDMuMzk2IDYyLjk2MiwxLjMwMSIgaWQ9InBhdGgtMTciPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')
background-size contain
background-repeat no-repeat
@media $tablet
i.clear
display none
.legalese
align-self center
a
&:nth-of-type(2)
&:after
visibility visible
.copyright
justify-content center
.text
display flex
text-align center
& > div:last-child
padding-left 10px
section.social
background #349DCF
color #fff
order 10
display none
.content
flex-direction row
justify-content space-between
ul, li
list-style none
margin 0
padding 0
ul
display flex
margin-top 1em
justify-content space-between
.select-wrap
background #fff
display inline-block
position relative
border-radius 20px
overflow hidden
margin-top 1em
&:after
content ''
position absolute;
right 18px
top calc(50% - 8px)
width 9px
height 9px
border 2px solid #0098db
border-right none
border-top none
transform rotate(-45deg)
select
cursor pointer
position relative
z-index 1
display block
width 100%
padding 10px 110px 11px 14px
border none
background 0 0
font-family effra
font-size 16px
font-weight lighter
color #262626
appearance none
@media $tablet
display block
</style>