- 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
<div id="masthead-wrap">
<div class="masthead-maxwidth">
<h1>Results matter.</h1>
<p>We’re building a world in which everyone can speak, read, and write with confidence.</p>
<div class="demo-wrap">
<div class="demo-lightbox-wrap">
<div class="lightbox-header">
<h2>Rosetta Stone Demo</h2>
<span id="close-lb">CLOSE</span>
<p>Try our hands-on interactive demo and see what<br>makes Rosetta Stone the most award-winning language-learning program.</p>
</div>
<div class="lightbox-product-demos">
<div class="lightbox-product-demo-row">
<div class="lightbox-product-demo individuals">
<div class="demo-description">
<h3>For Individuals and Families</h3>
<p>Experience the interactive product that has taught millions of learners</p>
</div>
<div class="lightbox-product-inner">
<div class="demo-drop">
SELECT A LANGUAGE
<div class="arrow"> </div>
<div class="dropdown-box">
<div class="drop-col">
<ul>
<li><span>Our Top Languages</span></li>
<li><a href="javascript:void(0)" rel="eng" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-en">English</a></li>
<li><a href="javascript:void(0)" rel="fra" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-fr">French</a></li>
<li><a href="javascript:void(0)" rel="ita" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-it">Italian</a></li>
<li><a href="javascript:void(0)" rel="deu" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-de">German</a></li>
<li><a href="javascript:void(0)" rel="esp" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-es">Spanish<span>(Latin America)</span></a></li>
</ul>
</div>
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="ara" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=ara">Arabic</a></li>
<li><a href="javascript:void(0)" rel="chi" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=chi">Chinese<span>(Mandarin)</span></a></li>
<li><a href="javascript:void(0)" rel="dar" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=dar">Dari</a></li>
<li><a href="javascript:void(0)" rel="ned" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=ned">Dutch</a></li>
<li><a href="javascript:void(0)" rel="ebr" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=ebr">English<span>(British)</span></a></li>
<li><a href="javascript:void(0)" rel="fil" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=fil">Filipino<span>(Tagalog)</span></a></li>
<li><a href="javascript:void(0)" rel="grk" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=grk">Greek</a></li>
</ul>
</div>
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="heb" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=heb">Hebrew</a></li>
<li><a href="javascript:void(0)" rel="hin" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=hin">Hindi</a></li>
<li><a href="javascript:void(0)" rel="ind" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=ind">Indonesian</a></li>
<li><a href="javascript:void(0)" rel="gle" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=gle">Irish</a></li>
<li><a href="javascript:void(0)" rel="jap" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=jap">Japanese</a></li>
<li><a href="javascript:void(0)" rel="kor" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=kor">Korean</a></li>
<li><a href="javascript:void(0)" rel="lat" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=lat">Latin</a></li>
</ul>
</div>
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="pas" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=pas">Pashto</a></li>
<li><a href="javascript:void(0)" rel="far" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=far">Persian<span>(Farsi)</span></a></li>
<li><a href="javascript:void(0)" rel="pol" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=pol">Polish</a></li>
<li><a href="javascript:void(0)" rel="por" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=por">Portuguese</a></li>
<li><a href="javascript:void(0)" rel="rus" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=rus">Russian</a></li>
<li><a href="javascript:void(0)" rel="esc" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=esc">Spanish<span>(Spain)</span></a></li>
<li><a href="javascript:void(0)" rel="kis" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=kis">Swahili</a></li>
</ul>
</div>
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="sue" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=sue">Swedish</a></li>
<li><a href="javascript:void(0)" rel="tur" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=tur">Turkish</a></li>
<li><a href="javascript:void(0)" rel="urd" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=urd">Urdu</a></li>
<li><a href="javascript:void(0)" rel="vie" data-url="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=vie">Vietnamese</a></li>
</ul>
</div>
</div>
</div>
<div class="signup-options">
<input type="text" title="email" class="email-input" placeholder="ENTER YOUR EMAIL" style="display:none"></input>
<span style="display:none;">— OR —</span>
<a href="javascript:void(0)" id="facebook-login" style="display:none;">LOGIN USING FACEBOOK</a>
</div>
<a class="start-demo-btn individuals" href="javascript:void(0)" data="mobile demo">START YOUR FREE DEMO</a>
</div>
</div>
<div class="lightbox-product-demo educators">
<div class="demo-description">
<h3>For Educators</h3>
<p>See why Rosetta Stone Foundations is a powerful resource for language-learning in the classroom.</p>
</div>
<div class="lightbox-product-inner">
<div class="demo-drop">
SELECT A LANGUAGE
<div class="arrow"> </div>
<div class="dropdown-box">
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="eng" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-en&type=k12">English</a></li>
<li><a href="javascript:void(0)" rel="fra" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-fr&type=k12">French</a></li>
<li><a href="javascript:void(0)" rel="ita" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-it&type=k12">Italian</a></li>
<li><a href="javascript:void(0)" rel="deu" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-de&type=k12">German</a></li>
<li><a href="javascript:void(0)" rel="esp" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-es&type=k12">Spanish<span>(Latin America)</span></a></li>
</ul>
</div>
</div>
</div>
<div class="signup-options">
<input type="text" title="email" class="email-input" placeholder="ENTER YOUR EMAIL" style="display:none"></input>
<span style="display:none;">— OR —</span>
<a href="javascript:void(0)" id="facebook-login" style="display:none;">LOGIN USING FACEBOOK</a>
</div>
<a class="start-demo-btn educators eloqua" href="javascript:void(0)" data="rs ee v1 educators" data-elq="2013-US-K-12-DemoDownloaders">START YOUR FREE DEMO</a>
<p>or<br/><a href="/k12?inquiry=k12price">Get product pricing information.</a></p>
</div>
</div>
<div class="lightbox-product-demo corporate">
<div class="demo-description">
<h3>For Corporate Training</h3>
<p>Explore the award-winning Rosetta Stone Foundations language-learning program for businesses</p>
</div>
<div class="lightbox-product-inner">
<div class="demo-drop">
SELECT A LANGUAGE
<div class="arrow"> </div>
<div class="dropdown-box">
<div class="drop-col">
<ul>
<li><a href="javascript:void(0)" rel="eng" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-en&type=busn">English</a></li>
<li><a href="javascript:void(0)" rel="fra" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-fr&type=busn">French</a></li>
<li><a href="javascript:void(0)" rel="ita" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-it&type=busn">Italian</a></li>
<li><a href="javascript:void(0)" rel="deu" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-de&type=busn">German</a></li>
<li><a href="javascript:void(0)" rel="esp" data-url="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=en-es&type=busn">Spanish<span>(Latin America)</span></a></li>
</ul>
</div>
</div>
</div>
<div class="signup-options">
<input type="text" title="email" class="email-input" placeholder="ENTER YOUR EMAIL" style="display:none"></input>
<span style="display:none;">— OR —</span>
<a href="javascript:void(0)" id="facebook-login" style="display:none;">LOGIN USING FACEBOOK</a>
</div>
<a class="start-demo-btn corporate eloqua" href="javascript:void(0)" data="rs ee v1 corporate" data-elq="2013-US-CORP-DemoDownloaders">START YOUR FREE DEMO</a>
<p>or<br/><a href="/business?inquiry=corpprice">Get product pricing information.</a></p>
</div>
</div>
</div>
</div>
<div style="background:#363636; color:#eee; font-size:12px; padding:12px;">
Rosetta Stone is committed to safeguarding your privacy.
Our complete Privacy Policy is available <a target="_blank" style="color:#12c3f4; text-decoration:underline;" href="http://www.rosettastone.com/privacy">here</a>.
</div>
<div id="open-lightbox-btn">Launch Interactive Demo</div>
</div>
<div id="demo-box"><div class="close-btn"></div></div>
<div class="mask"></div>
</div>
<button class="relaunch chooselangbutton" > FOR INDIVIDUALS </button>
<a href="http://www.rosettastone.com/k12/home/"><button class="relaunch blue">FOR EDUCATORS </button></a>
<a href="http://www.rosettastone.com/business/home/"><button class="relaunch gray"> FOR BUSINESS </button></a>
</div>
<div id="masthead-hi-res"><img id="hi-res-loader" style="display:none"></div>
</div>
<style>
button.relaunch{
color: white;
width: 12em;
height: 3em;
font-family: GothamMedium;
background-color:black;
border-radius: 10px;
font-size: 13.5px;
z-index: 10;
position: relative;
margin: 15px 10px 0px 0px;
outline:none;
background: none;
text-shadow: none;
}
button.relaunch a{
text-decoration: none;
color: white;
}
button.relaunch:hover{
cursor: pointer;
border: none;
background: linear-gradient( 0deg, #c29004, #ebb600 )
}
button.relaunch.blue:hover{
background: linear-gradient( 0deg, #017cb2, #0097d9 )
}
button.relaunch.gray:hover{
background: linear-gradient( 0deg, #575757, #706e71 )
}
@media (max-width: 960px) {
#masthead-wrap {
font-size:8px;
}
}
@media only screen and(min-width: 960px) and (max-width: 1280px) {
.demo-lightbox-wrap.active {
width: 950px !important;
}
}
@media (max-width: 1280px) and (min-width: 961px) {
#masthead-wrap {
font-size:9px;
}
}
@media (min-width: 1281px) {
#masthead-wrap {
font-size:10px;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
.demo-lightbox-wrap.active {
width: 950px !important;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) {
#masthead-wrap a.launch-demo-btn, .demo-lightbox-wrap .lightbox-header, .lightbox-product-demos {
transition:none !important;
transition-delay:0 !important;
}
.demo-lightbox-wrap .lightbox-product-demos {
font-size: 0px;
}
}
body{
overflow-x: hidden;
overflow-y: hidden;
}
</style>
<style type="text/css">
.safari #masthead-wrap * {
transition:none !important;
transition-delay:none !important;
transition-duration:none !important;
}
#masthead-wrap {
background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QN5aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTNhODI0NzUtNjQ4Mi00M2IyLTgzYjgtYjc0NjNmNzRjMjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwMDQyQTQwRUJFMzExRTZBQTVBQjUxM0JDQ0JBN0U0IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMDQyQTNGRUJFMzExRTZBQTVBQjUxM0JDQ0JBN0U0IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkU0MjZGNzlFQUY2MTFFNkFBNUFCNTEzQkNDQkE3RTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkU0MjZGN0FFQUY2MTFFNkFBNUFCNTEzQkNDQkE3RTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAPACgDAREAAhEBAxEB/8QAggAAAgMAAAAAAAAAAAAAAAAABwgGCQoBAAIDAQEAAAAAAAAAAAAAAAUGAgMEAQcQAAEEAgEDAgQHAAAAAAAAAAIBAwQFEQYSACIHIUExYRMWkTIjMxQXCBEAAQMCBAQFBQAAAAAAAAAAARECAwAEITFBUfBhcQWBkaESE9EiQlJi/9oADAMBAAIRAxEAPwCnGAdRrceqacwsx2R+oqiWVbLtJwxH15CaoIj0FkEk5cmSeu1MsfxWoYDmuJ5b/SnX1fe/6lnbUErRbQ4NvAB128kWTDQvxgRlGZv02pLorMMzJA7E7STkPoXWaS3dMwN9wUaIcNx0FDi5j3lwVM15aYc6M2q+aaLyle3W1jTHr2zwIDVfqdY07/MBBeeUX3wB1BHmDJKmPX8yqnySO82r4XRsVWqVOXSmrsoDmOOuHCU+/j7yzU0miHcRowWqw7ButkWLU2O02xPXmjccqxtVfbHii5NV4mSZRfbqphMEIKFSd+DVM8YnuCFwA2z8cqKNp/oWwp6+M3b1bDkNsEbOOpfTNeSKS94EuCJFzhepN7vM5oaQCB4etVHtTASVINZ0fLx61f2x7hVMs67v1fPL7i1oFAEnSsqLjoxD7wkCf7oCPd8eKF16dbgNwzFKszpfaFXLXapR5T2mysPEOh1muajsFPrDkiJImyZSyTrSmI0eWhefbUAeQuSlhxMphOPUIWtEri4hcetdDT7cOXBoIalb7XHlTft6utnTcTCDDYdNzhleSZAVVPf1T8eh/cre3enyOaOpFE7CedqhjXZaA0zWh7l5GKh2CIxqN+8TkiveblrGeZjtyWnTVsZCkCAXNcoiKSL7pnoJc2kP7t8xW2K4ePxPkaKu1eUvLM+hktWOh7PDR8mxw7TS2mYzgL8Ec4KLil7EPpjGOhcVhbteEkaU/oY0RkuZHMP2kLyOFf/Z") no-repeat bottom;
background-size: cover;
padding: 17% 0 3% 0;
position:relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.masthead-maxwidth {
width: 97%;
max-width: 67em;
margin: 0 auto;
text-align: center;
line-height: 1.1;
position: relative;
top: -45px;
max-height: 24em;
}
#masthead-wrap h1 {
font-size: 5.5em;
font-family:GothamLight;
font-weight: 100;
color:#ecc200;
line-height: 1.5;
}
#masthead-wrap p {
font-size: 3em;
font-family:GothamLight;
color:#fff;
}
.masthead-maxwidth>p, .masthead-maxwidth>h1 {
position: relative;
z-index: 3;
}
#masthead-wrap .demo-wrap {
width: 21em;
margin: 1em auto 0 auto;
position: relative;
height: 5em;
font-size: 1.5em;
font-family: GothamBook;
}
#masthead-wrap a.launch-demo-btn {
display:block;
width:100%;
padding:2em 1em;
background:#ecc200;
color:#363636;
border-radius: 4px;
text-decoration: none;
text-transform: uppercase;
font-size: 1.4em;
font-family:GothamMedium;
transition: background 0.3s;
box-sizing:border-box;
}
#masthead-hi-res {
z-index: 1;
opacity:0;
transition:opacity 1s;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
#masthead-hi-res.loaded {
opacity:1;
}
/*============================ LIGHTBOX =============================*/
.demo-lightbox-wrap {
overflow: hidden;
position: absolute;
top:50%;
left:50%;
width:100%;
max-width: 1280px;
max-height: 100%;
margin-top: 0;
border-radius:0.4em;
background:url("http://www.rosettastone.com/lp/liferay/september-homepage/lightbox.jpg") no-repeat center;
background-size: cover;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
transition: left .4s .3s ease-in-out,top .4s .3s ease-in-out,width .4s .3s ease-in-out,max-height .4s .3s ease-in-out,z-index 0s 0s,margin 0.4s .3s ease-in-out, transform 0.4s 0.3s ease-in-out;
z-index: 97;
}
.safari .demo-lightbox-wrap {
transition: left .4s .3s ease-in-out,top .4s .3s ease-in-out,width .4s .3s ease-in-out,max-height .4s .3s ease-in-out,z-index 0s 0s,margin 0.4s .3s ease-in-out, -webkit-transform 0.4s 0.3s ease-in-out;
}
.demo-lightbox-wrap.active {
overflow: visible;
top:50%;
width:97vw;
max-height:599px;
border-radius: 0;
z-index:100;
-webkit-transform: translate(-50%,-0%);
-ms-transform: translate(-50%,-0%);
transform: translate(-50%,-0%);
}
.demo-lightbox-wrap #open-lightbox-btn {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #ecc200;
opacity: 1;
color: white!important;
font-family:GothamMedium;
text-transform: uppercase;
border-radius: 3px;
line-height: 5em;
transition: opacity .2s 0s, visibility 0s 0s, color .2s .8s, border-radius 0.2s, background 0.3s;
cursor: pointer;
z-index: 2;
}
#open-lightbox-btn:hover, .demo-lightbox-wrap.active #open-lightbox-btn {
background: #dcb200;
}
.demo-lightbox-wrap.active #open-lightbox-btn {
opacity:0;
color:transparent !important;
cursor: default;
visibility: hidden;
border-radius: 0;
transition:opacity 0.2s 0.8s, visibility 0.2s 0.8s, color 0.2s 0s, border-radius 0.2s;
}
.demo-wrap .mask {
position: fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s;
z-index: 99;
}
.demo-wrap .mask.active {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.demo-lightbox-wrap .lightbox-header {
background:rgba(0,0,0,0.3);
padding:1.5em;
visibility:hidden;
transition-delay: 0.2s;
}
.demo-lightbox-wrap.active .lightbox-header {
visibility:visible;
transition:visibility 0s 0.8s;
}
#masthead-wrap .demo-lightbox-wrap .lightbox-header h2 {
color:#fff;
font-family:GothamLight;
font-weight: 100;
font-size: 3em;
padding-bottom: 0.3em;
}
#masthead-wrap .demo-lightbox-wrap .lightbox-header p {
font-family:GothamBook;
font-size:1em;
}
.lightbox-product-demos {
display: table;
width: 100%;
visibility:hidden;
transition-delay: 0.2s;
}
.demo-lightbox-wrap.active .lightbox-product-demos {
visibility:visible;
transition:visibility 0s 0.8s;
font-size: 1em;
}
.lightbox-product-demo-row {
display: table-row;
width: 100%;
}
.lightbox-product-demo {
display: table-cell;
width:33.333%;
padding: 2em;
}
.individuals {
background:rgba(234,171,0,0.8);
}
.educators {
background:rgba(0,149,213,0.8);
}
.corporate {
background:rgba(129,129,129,0.8);
}
#masthead-wrap .demo-lightbox-wrap .lightbox-product-demo h3 {
color: #fff;
font-family:GothamBook;
font-size: 1.3em;
padding-bottom: 0.7em;
line-height: 1;
text-transform: uppercase;
}
#masthead-wrap .demo-lightbox-wrap .lightbox-product-demo p {
font-family:GothamBook;
font-size:1em;
line-height: 1.2;
}
.lightbox-product-inner {
width: 95%;
max-width: 280px;
margin: 0 auto;
transition: opacity 0.3s;
}
.demo-drop {
text-align: left;
background: #fff;
padding: 0.9em;
position: relative;
cursor: default;
text-transform: uppercase;
}
.demo-drop .arrow {
width: 3.1em;
right: 0;
top: 0;
height: 100%;
background: #0098db;
position: absolute;
-webkit-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
}
.demo-drop .arrow::before {
content: "";
background: #fff;
display: block;
width: 2px;
height: 1.2em;
right: 1.9em;
top: 1em;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
transition: all .3s;
}
.demo-drop .arrow::after {
content: "";
background: #fff;
display: block;
width: 2px;
height: 1.2em;
right: 1.1em;
top: 1em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
transition: all .3s;
}
.demo-drop .arrow.active::before {
top: 0.6em;
content: "";
height: 2em;
right: 1.5em;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.demo-drop .arrow.active::after {
top: 0.6em;
content: "";
height: 2em;
right: 1.5em;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.demo-description {
min-height: 8em;
}
.dropdown-box {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
display: table;
z-index: 3;
visibility: hidden;
}
.demo-drop .arrow.active+.dropdown-box {
visibility: visible;
}
.drop-col {
display: table-cell;
background: #fff;
color: #888;
visibility: hidden;
opacity: 0;
transition: visibility 0s .3s,opacity .3s;
}
.demo-drop .arrow.active+.dropdown-box .drop-col {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.arrow.active+.dropdown-box .drop-col:nth-child(2) {
transition-delay: 0.05s;
}
.arrow.active+.dropdown-box .drop-col:nth-child(3) {
transition-delay: 0.1s;
}
.arrow.active+.dropdown-box .drop-col:nth-child(4) {
transition-delay: 0.15s;
}
.arrow.active+.dropdown-box .drop-col:nth-child(5) {
transition-delay: 0.2s;
}
.dropdown-box .drop-col ul {
width: 0;
transition:width 0s 0.3s;
padding: 1em;
}
.active+.dropdown-box .drop-col ul {
width: 12em;
transition:width 0s 0s;
}
.drop-col ul li {
list-style-type: none;
text-transform: uppercase;
}
.drop-col ul li>span {
line-height: 2.5;
}
.demo-drop ul li a {
color: #0098db;
text-decoration: none;
padding: 0.4em 0;
line-height: 2;
}
.lightbox-product-demo:first-child .drop-col:first-child ul li a {
color: #ecc200;
}
.demo-drop ul li a span {
padding-left: 0.4em;
font-size: 0.7em;
}
.demo-drop ul li a:hover {
background: none !important;
text-decoration: underline;
}
.lightbox-product-inner input[type="text"] {
width: 100%;
margin: 0.6em 0 0 0;
padding: 0.9em 0.8em;
box-sizing: border-box;
}
a#facebook-login {
display: block;
background: #3b5998;
color: #fff;
text-decoration: none;
padding: 0.9em 0.8em;
margin: 0.6em 0;
}
a#facebook-login::before {
display: inline-block;
background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="266.895px" height="266.894px" viewBox="123.553 112.553 266.895 266.894" enable-background="new 123.553 112.553 266.895 266.894" xml:space="preserve"><path id="White_2_" fill="#FFFFFF" d="M375.717,112.553H138.283c-8.137,0-14.73,6.594-14.73,14.73v237.434 c0,8.135,6.594,14.729,14.73,14.729h127.826V276.092h-34.781v-40.28h34.781v-29.705c0-34.473,21.055-53.244,51.807-53.244 c14.73,0,27.391,1.098,31.08,1.588v36.025l-21.328,0.01c-16.725,0-19.963,7.947-19.963,19.609v25.717h39.887l-5.193,40.28h-34.692 v103.354h68.012c8.136,0,14.73-6.596,14.73-14.729V127.283C390.447,119.146,383.852,112.553,375.717,112.553z"/></svg>') no-repeat; /* fb logo */
background-size: contain;
width: 1.3em;
height: 1.3em;
margin-right: 0.4em;
vertical-align: sub;
content: "";
}
a.start-demo-btn {
display: block;
width: 100%;
box-sizing: border-box;
background: #0098db;
text-decoration: none;
color: #fff;
padding: 1em .8em;
border-radius: 5px;
margin: .8em 0;
transition:background 0.3s;
}
a.start-demo-btn:hover {
background: #0088cb;
}
.lightbox-product-inner p a {
color: #fff;
text-decoration: none;
}
.lightbox-product-inner p a:hover {
text-decoration: underline;
}
div#demo-box {
width: 85%;
position: fixed;
height: 90%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: none;
}
.demo-wrap.play div#demo-box {
display: block;
z-index:101;
}
.demo-wrap.play .demo-lightbox-wrap {
opacity: 0.5;
}
.close-btn {
position: absolute;
width:40px;
height:40px;
top:-20px;
right:-20px;
background: url(http://www.rosettastone.com/image/image_gallery?uuid=4ad18817-592c-4ab5-9daa-a6969325344c&groupId=10165&t=1416591867294) no-repeat center;
background-size: contain;
cursor: pointer;
}
span#close-lb::after {
content: " X";
color: #ecc200;
}
span#close-lb {
position: absolute;
top: -1.4em;
right: 0;
color: #fff;
font-family: GothamMedium;
font-size: 0.9em;
cursor: pointer;
}
</style>
<script>
//Assign this to a URL on demo load, redirect after demo is closed.
var redirect;
/*================= Lazy Load Masthead, focus from blur================*/
(function(){
var hiResURL = 'http://resources.rosettastone.com/assets/lp/1234567890/cdn_assets/liferay/home_page/homepage_image.jpg';
var loader = document.getElementById('hi-res-loader');
var masthead = document.getElementById('masthead-hi-res');
//When masthead is loaded, set as background image to masthead & fade in.
loader.onload = function () {
masthead.style.backgroundImage = "url('"+loader.src+"')"
masthead.className = "loaded";
};
//Start loading the hi resolution image.
setTimeout(function(){loader.src=hiResURL;}, 0);
})();
/*========================== Open, close lightbox =====================*/
$(document).ready(function(){
/*Open on click*/
$("#open-lightbox-btn").click(function(){
$(".demo-lightbox-wrap").addClass("active").css("margin-top",~~((window.scrollY+window.innerHeight*0.1)-$(".demo-lightbox-wrap").offset().top));;
$(".demo-wrap .mask").addClass("active");
$(document).trigger('demo_events_version', {
version: 1,
description: '',
standard: 'http://tabbit.org/%E2%98%8D%E2%98%B9W'
});
});
/*Close on click outside */
$(".demo-wrap .mask").click(function(){closeLightbox()});
/* Close on ESC */
$(document).keyup(function(e){
if (e.keyCode == 27) {
closeLightbox();
}
});
/*Close on 'close' click*/
$("span#close-lb").click(function(){closeLightbox()})
});
function closeLightbox() {
$("#masthead-wrap").off("click",function(e){allowClose(e)});
$(".demo-lightbox-wrap").removeClass("active").css("margin-top","0");
$(".demo-wrap .mask").removeClass("active");
$(".demo-wrap").removeClass("play");
$(".arrow").removeClass("active");
$("#demo-box iframe").remove();
if (typeof redirect != "undefined") {
setTimeout(function() {window.location.href = redirect;},0);
}
}
/*========================= Open, close dropdowns =====================*/
$(document).ready(function(){
$("#masthead-wrap").click(function (e) {
var dd = $(e.target).find(".arrow").addBack('.arrow');
if($(".dropdown-box").has($(e.target)).length>0) {
e.stopPropagation(); return false; /* do nothing on click inside */
}
if($(e.target).hasClass("demo-drop") || $(e.target).hasClass("arrow")){
if (dd.hasClass("active")) { /* toggle on dd click */
dd.removeClass("active");
} else {
$(".arrow").removeClass("active");dd.addClass("active");
}
e.stopPropagation(); fade(); return false;
}
$(".arrow").removeClass("active"); /* and close on click outside */
fade();
});
function fade() {
var all = $(".arrow").parents(".lightbox-product-inner");
var active = $(".arrow.active").parents(".lightbox-product-inner");
if(active.length>0) {
all.css("opacity","0.5");
active.css("opacity","1");
} else {
all.css("opacity","1");
}
}
});
/*========================= Select Language from DD =====================*/
$(document).ready(function(){
$(".demo-drop ul li a").click(function (e) {
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length >= 2) return parts.pop().split(";").shift();
}
$(document).trigger('demo_language', {language: $(this).text(), lang_code: $(this).attr("rel").toUpperCase()});
$(".demo-drop ul li a").removeClass("selected");
$(this).addClass("selected");
$(this).closest(".demo-drop").contents().first().replaceWith($(this).text());
$(".arrow").removeClass("active");
if (!getCookie("curEmailIdsc")) {
$(this).parents(".lightbox-product-inner").find(".email-input").slideDown().attr("required",true).focus();
} else {
$(this).parents(".lightbox-product-inner").find(".email-input").val(getCookie("curEmailIdsc"));
}
});
});
/* ============================ Validate Form ============================*/
$(document).ready(function(){
$(".start-demo-btn").click(function (e) {
function validateEmail(email) {
var re = /\S+@\S+\.\S+/; return re.test(email);
}
var selLang = $(this).parents(".lightbox-product-inner").find("li a.selected")
var lang = selLang.attr("rel");
var demoURL = selLang.attr("data-url")
if (typeof lang == "undefined") {return false;}
var email = $(this).parent().find(".email-input");
if (email.prop("required") && !validateEmail(email.val())) {
email.css("border","2px solid red").val("").prop("placeholder","PLEASE ENTER A VALID EMAIL").focus();
return false;
} else {
if ($(this).hasClass("eloqua")) { //E&E submits to eloqua
if (!RSUI.util.getCookie("curEmailIdsc")) {
submitEmailToEloqua(encodeURIComponent(email.val()),$(this).attr("data-elq"));
}
openDemo(demoURL);
} else { //Consumer submits to EC
if (!RSUI.util.getCookie("curEmailIdsc")) {
jQuery.when(submitEmailToEC(email.val(), lang,$(this).attr("data"))).then(openDemo(demoURL));
} else {
openDemo(demoURL);
}
}
return false;
}
});
});
/* ============================ Open Demo ============================*/
function openDemo(demoURL) {
$(document).trigger('demo_start', {
version: 'd4',
version_description: 'desktop_demo',
start_time: new Date()
});
if ($("html").hasClass("mobile")) {
setTimeout(function() {
window.location.href = demoURL;
}, 0);
}
var iframe = document.createElement("iframe");
iframe.src = demoURL;
iframe.width = "100%";
iframe.height = "100%";
iframe.scrolling = "no";
iframe.frameborder = "0";
$(".demo-wrap").addClass("play");
$("#demo-box").append(iframe);
if (~demoURL.indexOf("type=k12")) redirect = "http://www.rosettastone.com/k12";
if (~demoURL.indexOf("type=busn")) redirect = "http://www.rosettastone.com/business";
$("#masthead-wrap").on("click",function(e){allowClose(e)});
}
/* ============================ Close Demo ============================*/
function allowClose(e) {
if ($(".demo-wrap").hasClass("play")) {
var demobox = $("#demo-box");
var target = $(e.target);
if(!target.is(demobox)||demobox.has(target).not(".close-btn").length===0) {
console.log("closing");
closeLightbox();
}
}
}
/* ========================== Send Email To EC ========================*/
function submitEmailToEC(email, langCode, cis_name) {
var defer = jQuery.Deferred()
$(document).trigger('demo_email', {
email: email,
is_offer: false
});
var lrURL = "http://www.rosettastone.com/?p_p_id=rosettaajaxsubmit_WAR_rosettaajaxsubmitportlet&p_p_lifecycle=2&data=";
var baseURL = (window.location.href.search(/(\.stg\.)|(local)/i)>-1 ?
'http://myaccount.stg' :
'https://myaccount')
+ '.rosettastone.com/forms?callback=?&data=';
var data = {
email : email,
demo_lang : langCode,
cis_name : cis_name,
website: (window.location.host.match(/.ca$/) ? "US" : "US") + '_WEBSITE', //api doesn't support CA_WEBSITE yet
form_type : 'demo',
demo_type : 'Newsletter_Desktop',
form_url : 'homepage',
newsletter_type : "Top_Catalog_HomePage_" + (window.location.host.match(/.ca$/) ? "CA" : "US"),
cid:_satellite.getVar('mostrecentcampaign')
}
var request = jQuery.ajax({
contentType: "application/json; charset=utf-8",
url: lrURL + encodeURIComponent(JSON.stringify(data)),
type: "GET",
data:data,
dataType: "jsonp"
});
request.done(function(msg) {
if (msg[0].cisFlag == true) {
// Doty's demo pixel
$('body').append('<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1041440066/?label=WzGCCNzOy1gQwrrM8AM&guid=ON&script=0"/>')
// record the email in a cookie that expires in 30 days
document.cookie = 'curEmailIdsc='+email+'; max-age='+60*60*24*30+'; path=/;';
defer.resolve('success')
}
})
return defer.promise()
}
/* ======================= Send Email To Eloqua ======================*/
function submitEmailToEloqua(email, elqFormName) {
function GetElqCustomerGUID(){
var guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); return v.toString(16);});
return guid;
}
var elqURL = "http://s1294.t.eloqua.com/e/f2?C_EmailAddress="+email+"&redirect_url=&elqFormName="+elqFormName+"&elqSiteID=1294&elqCustomerGUID="+GetElqCustomerGUID()+"&elqCookieWrite=0";
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", elqURL);
ifrm.style.width = "0px";
ifrm.style.height = "0px";
ifrm.style.display = "none";
$("body").append(ifrm);
// Doty's demo pixel
$('body').append('<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1041440066/?label=WzGCCNzOy1gQwrrM8AM&guid=ON&script=0"/>')
$(document).trigger('demo_email', {
email: email,
is_offer: false
});
// record the email in a cookie that expires in 30 days
document.cookie = 'curEmailIdsc='+email+'; max-age='+60*60*24*30+'; path=/;';
}
/* ===================== Remove v3 demo for tablet ===================*/
$(document).ready(function(){
if($("html").hasClass("mobile")) {
$(".drop-col:not(:first-child)").remove();
$(".drop-col ul").css("width","16.5em");
}
});
</script>
<style>
/****************************************
Language overlay
****************************************/
#languageoverlay{
text-align:center;
z-index: 1000;
position: fixed;
left: 0px;
top: 0px;
overflow: auto;
width: 100%;
height: 100%;
background: rgba(234,177,44,0.97);
color: #363636;
font-size: 25px;
font-weight: 100;
display: none;
}
.closeoverlay-container{
position: fixed;
top: 20px;
right: 40px;
width: 40px;
height: 40px;
}
#closeoverlay{
background: url('/image/image_gallery?uuid=4ad18817-592c-4ab5-9daa-a6969325344c&groupId=10165&t=1416591867294');
background-size: cover;
display: inline-block;
cursor: pointer;
width:100%;
height:100%;
}
.promo-icon {
width: 55px;
display: inline-block;
margin-top: 20px;
}
.languageheader{
font-size: 48px;
padding: 57px 15px 60px 15px;
font-family:"GothamLight";
text-transform:uppercase;
}
.language2col{
width: 45%;
max-width:600px;
display: inline-block;
vertical-align: top;
font-family:"GothamLight";
}
.languagecolumn{
vertical-align: top;
text-align: left;
display: inline-block;
margin: 0px auto;
float: none !important;
width: 47%
}
.languagecolumn-final{
}
.languagecolumn a{
display: block;
padding: 15px;
text-decoration: none;
color: #363636;
cursor: pointer;
font-size:20px;
height: 27px;
line-height: 0.8;
position:relative;
}
.languagecolumn a:hover span.l-name {
text-decoration: underline;
}
.languagecolumn span.alt-name{
font-size: 12px;
}
@media only screen and (max-width: 960px) {
.tri-wrap {
font-size: 7px;
}
}
@media only screen and (min-width: 961px) and (max-width: 1024px){
.tri-wrap {
font-size: 8px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px){
.tri-wrap {
font-size: 9px;
}
}
@media only screen and (min-width: 1281px){
.tri-wrap {
font-size: 10px;
}
}
</style>
<div id="languageoverlay">
<div class="languageheader">
Choose a Language</div>
<div id="languagecontainer">
<div class="language2col">
<div class="languagecolumn">
<!-- ara,chi,dar,ned,eng,ebr,tgl,fra,deu,grk,heb,hin,ind,gle,ita,jpn,kor,lat,pas,far,pol,por,rus,esp,esc,kis,sve,tur,urd,vie --> <a href="/learn-arabic" id="ara"><span class="l-name">Arabic</span></a> <a href="/learn-chinese" id="chi"><span class="l-name">Chinese</span> <span class="alt-name">(Mandarin)</span></a> <a href="/learn-dari" id="dar"><span class="l-name">Dari</span></a> <a href="/learn-dutch" id="ned"><span class="l-name">Dutch</span></a> <a href="/learn-english" id="eng"><span class="l-name">English</span> <span class="alt-name">(American)</span></a> <a href="/learn-english-british" id="ebr"><span class="l-name">English</span> <span class="alt-name">(British)</span></a> <a href="/learn-tagalog" id="tgl"><span class="l-name">Filipino</span> <span class="alt-name">(Tagalog)</span></a> <a href="/learn-french" id="fra"><span class="l-name">French</span></a></div>
<div class="languagecolumn">
<a href="/learn-german" id="deu"><span class="l-name">German</span></a> <a href="/learn-greek" id="grk"><span class="l-name">Greek</span></a> <a href="/learn-hebrew" id="heb"><span class="l-name">Hebrew</span></a> <a href="/learn-hindi" id="hin"><span class="l-name">Hindi</span></a> <a href="/learn-indonesian" id="ind"><span class="l-name">Indonesian</span></a> <a href="/learn-irish" id="gle"><span class="l-name">Irish</span></a> <a href="/learn-italian" id="ita"><span class="l-name">Italian</span></a> <a href="/learn-japanese" id="jpn"><span class="l-name">Japanese</span></a></div>
</div>
<div class="language2col">
<div class="languagecolumn">
<a href="/learn-korean" id="kor"><span class="l-name">Korean</span></a> <a href="/learn-latin" id="lat"><span class="l-name">Latin</span></a> <a href="/learn-pashto" id="pas"><span class="l-name">Pashto</span></a> <a href="/learn-farsi" id="far"><span class="l-name">Persian</span> <span class="alt-name">(Farsi)</span></a> <a href="/learn-polish" id="pol"><span class="l-name">Polish</span></a> <a href="/learn-portuguese" id="por"><span class="l-name">Portuguese</span> <span class="alt-name">(Brazil)</span></a> <a href="/learn-russian" id="rus"><span class="l-name">Russian</span></a> <a href="/learn-spanish" id="esp"><span class="l-name">Spanish</span></a></div>
<div class="languagecolumn">
<a href="/learn-spanish-spain" id="esc"><span class="l-name">Spanish</span> <span class="alt-name">(Spain)</span></a> <a href="/learn-swahili" id="kis"><span class="l-name">Swahili</span></a> <a href="/learn-swedish" id="sve"><span class="l-name">Swedish</span></a> <a href="/learn-turkish" id="tur"><span class="l-name">Turkish</span></a> <a href="/learn-urdu" id="urd"><span class="l-name">Urdu</span></a> <a href="/learn-vietnamese" id="vie"><span class="l-name">Vietnamese</span></a></div>
</div>
</div>
<div class="closeoverlay-container">
<div id="closeoverlay">
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
var yb = { id : function(str){return document.getElementById(str)} };
/* Language selection */
yb.languages = yb.id('languagecontainer').getElementsByTagName('a');
yb.languageCode = '';
//LANG OVERLAY
$('.chooselangbutton').click(function langOverlay(e){e.preventDefault();$("#languageoverlay").fadeIn(300);return false;});
yb.id('closeoverlay').onclick = function(){$("#languageoverlay").fadeOut(300, function () {
$(this).css({display:"none"});
});};
});
</script>