- 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
<style>
.trigger-spo-lb { display: none}
/*#products > .container { display: none}*/
/*********************************************************
LEARN MORE LIGHTBOX
**********************************************************/
#learn_more_lightbox_container{
position: fixed;
z-index: 10;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: scroll;
text-align: center;
color: #fff;
display: none;
}
.learn_more_links{
display: none;
}
.learn_more{
text-decoration: underline;
}
.learn_more:hover{
color: #0ae;
}
#learn_more_lightbox_container ul{
color: #fff;
display: block;
max-width: 500px;
margin: auto;
text-align: left;
padding-top: 30px;
}
#learn_more_lightbox_container ul li {
margin-left: 10px;
}
#learn_more_lightbox_container ul li:not(:last-of-type) {
margin-bottom: 10px;
}
#learn_more_lightbox_container strong{
font-family: gothambold;
}
#learn_more_lightbox_overlay{
position: fixed;
z-index: 6;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(33,33,33,0.7);
}
.learn_more_lightbox{
box-sizing: border-box;
position: relative;
z-index: 7;
display: inline-block;
width: 100%;
max-width: 700px;
margin: 10px 0px;
padding: 15px;
background-color: #088BDB;
background-image: linear-gradient(#088BDB,#0663DC);
}
.learn_more_close_container{
text-align: right;
}
.learn_more_close_container svg,
.learn_more_close_text {
vertical-align: middle;
font-size: 15px;
}
#learn_more_lightbox_close_x{
cursor: pointer;
display: inline-block;
}
.stick_dude{
width: 41px;
height: 112px;
background-image: url('http://rosettastone.com/lp/globals/img/family-2.png');
background-repeat: no-repeat;
display: block;
margin: auto;
}
.learn_more_devices{
vertical-align: middle;
}
.learn_more_title{
vertical-align: middle;
display: inline-block;
text-align: left;
line-height: 1;
padding-left: 2px;
}
.learn_more_sub_type{
text-transform: uppercase;
font-size: 15px;
}
.learn_more_rs_title{
font-size: 27px;
font-family: gothambold;
}
.learn_more_rs_title span{
font-family: gothambook;
}
.learn_more_family_pack{
display: none;
}
.learn_more_family_lightbox{
background-color: #E9B104;
background-image: linear-gradient(#E9B104,#D98000);
}
.learn_more_family_lightbox .learn_more_single_user{
display: none;
}
.learn_more_family_lightbox .learn_more_family_pack{
display: block;
}
/* ---------------------------------- */
.products-inner {
width: 80%;
margin: 0 auto;
max-width: 1276px;
display: table;
display: none;
padding: 40px 7vw 50px;
}
.products-inner .productinfo {
display: none;
}
.productimage, .productdetails {
display: table-cell;
vertical-align: top;
}
.productimage {
width: 31vw;
max-width: 435px;
text-align: center;
padding-right: 60px;
min-width: 300px;
}
.productimage img {
width: 100%;
margin-top: 70px;
}
div.ratings-desktop {
margin: 8px 0px 22px;
}
div.ratings-desktop > img,
div.ratings-desktop > div {
display: inline-block;
vertical-align: middle;
font-size: 84%;
}
div.ratings-desktop > img {
width: 25%;
margin-right: 6px;
}
.productdetails {
color: #363636;
}
.productdetails h3 {
color: #262626;
font-family: gothamlight;
font-weight: lighter;
font-size: 2.5em;
line-height: 44px;
}
.productdetails h3 sup {
font-size: 0.6em;
position: relative;
top: -10px;
}
.productdetails ul, ul.features {
margin: 0;
padding: 0;
margin: 23px 0;
}
.productdetails ul li, ul.features li {
list-style: none;
margin: 0;
padding: 0 0 0 15px;
background-image: url('../../globals/img/blue_bullet.png');
background-repeat: no-repeat;
background-position: 0% 52%;
font-weight: bold;
font-size: 0.9em;
line-height: 30px
}
.productdetails .nolanguage {
padding-top: 61px;
}
.productdetails .pricing .header {
font-size: 60%;
text-align: center;
color: #888;
position: relative;
top: -8px;
}
/****** Desktop Pricing ******/
.msrpprice {
color: #b00502;
text-decoration: line-through;
}
form.products, .guaranteeimg {
display: inline-block;
}
form.products, .familypack-pricing {width: 16vw;}
.productdetails form.products label {
display: block;
overflow: auto;
margin-bottom: 10px;
width: 100%;
font-size: 80%;
}
.productdetails form.products label > div:first-of-type {
display: inline-block;
}
.productdetails form.products label > div.prices {
display: inline-block;
float: right;
}
.productdetails form.products label > div.prices > div {
display: inline-block;
}
.productdetails form.products label > div.prices > div.msrpprice { padding-right: 7px; }
.productdetails form.products label > div.prices > div.saleprice { font-weight: bold; font-size: 120%; }
.productdetails .products {
padding-right: 40px;
}
.productdetails form.products label input {
position: absolute;
left: -9999px;
}
.productdetails form.products input + span {
display: inline-block;
background-image: url(../../globals/img/radio.png);
background-repeat: no-repeat;
background-position: 0px -18px;
background-size: 15%;
padding-left: 20px;
}
.productdetails form.products input[type=radio]:checked + span {
background-position: 0px 3px;
}
.productdetails .familyimg {
height: 100px;
}
.familypack-pricing,
.productdetails .pricing .price {
padding-right: 50px;
}
.familypack {
background: #fff;
display: none;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.familypack-description, .familypack-pricing, .familypack-img {
display: table-cell;
vertical-align: top;
}
.familypack-img {
}
.familypack-description {
width: 31vw;
max-width: 435px;
padding-right: 60px;
min-width: 300px;
}
.familypack-description > div:first-of-type {
float: right;
width: 80%;
}
/* Family Pack Pricing */
.familypack-pricing .product {
/* display: table;*/
margin-bottom: 10px;
font-size:85%;
text-align: center;;
}
/* sale price */
.familypack-pricing .product > div.saleprice {
font-size: 3em;
}
.familypack-pricing .product > div.saleprice sup {
position: relative;
font-size: 60%;
top: -14px;
left: -2px;
}
.familypack-pricing .msrpprice{
margin-bottom: -10px;
margin-top: -26px;
}
/* family pack text */
.familypack-pricing .product > div:last-of-type {
font-size: 80%;
color: #959595;
margin-top: -5px;
}
.familypack-description > div > div:first-of-type {
color: #b00502;
font-size: 125%
}
.familypack-description p {
margin-top: 15px;
font-size: 90%;
}
a.addtocart {
text-decoration: none;
border: 2px solid transparent;
padding: 10px 0;
border-radius: 3px;
display: block;
color: #fff;
background: #0098db;
text-align: center;
transition: background 0.5s, border 0.5s, color 0.5s;
}
a.addtocart.inactive:hover {
background: #0098db;
color: #fff;
border: 2px solid transparent;
}
a.addtocart.inactive {
color: #A3A3A3;
background: transparent;
border: 2px solid #DBDADA;
}
/* MOBILE */
@media only screen and (max-width: 743px) {
#products-mobile form:not(.mobile-test-form),
#products-mobile div.cd-download,
#mobileButton + img,
#products-mobile button.atc-mobile {
display: none;
}
#spotest-mobile img.test-img {
width: 100%;
margin-bottom: -17px;
display: block;
}
div.ratings {
margin: 12px 0;
}
div.ratings > img {
display: block;
width: 50%;
padding: 0!important;
}
div.ratings > div {
display: block;
text-align: center;
text-decoration: none;
color: #363636;
font-size: 80%;
margin-top: 7px;
}
#spotest-mobile h1 {
color: #262626;
font-size: 1.9em;
font-weight: lighter;
text-align: center;
}
#spotest-mobile h1 sup {
position: relative;
font-size: 50%;
top: -11px;
}
.mobile-container {
color: #363636;
padding: 5vh 7vw;
box-sizing: border-box;
}
a.mobile-addtocart {
display: block;
}
ul.features {
margin-left: 15px;
}
form.mobile-test-form {
padding: 0 7vw;
}
form.mobile-test-form label {
margin-bottom: 15px;
display: block;
}
form.mobile-test-form a.addtocart {
width: 100%;
}
label.mobile-products {
width: 100%;
}
label.mobile-products > div {
display: inline-block;
}
label.mobile-products :nth-child(1) {
/* radio*/
position: relative;
bottom: -1px
}
label.mobile-products :nth-child(2) {
/* duration */
}
label.mobile-products :nth-child(3) {
/* sale */
float: right;
padding-left: 10px;
font-weight: bold;
}
label.mobile-products :nth-child(4) {
/* msrp */
float: right;
}
/* lifetime area */
.mobile-test-lifetime {
background: #fff;
/*padding: 25px 0 35px;*/
}
.mobile-test-lifetime h2 {
color: #b00502;
font-size: 1.4em;
text-align: center;
}
.mobile-test-lifetime h3 {
font-size: 1em;
font-weight: lighter;
text-align: center;
}
.mobile-test-lifetime p {
padding: 10px 0 15px;
text-align: center;
font-size: 90%;
}
/* lifetime price*/
.mobile-test-lifetime form.mobile-test-form {
text-align: center;
}
.mobile-test-lifetime label.mobile-products > div {
display: block;
float: none;
}
.mobile-test-lifetime label.mobile-products div.msrpprice {
}
.mobile-test-lifetime label.mobile-products div.saleprice {
font-size: 3em;
font-weight: lighter;
padding: 0;
margin: -10px 0;
}
.mobile-test-lifetime label.mobile-products div.saleprice sup {
position: relative;
font-size: 60%;
top: -14px;
left: -2px;
}
.mobile-test-lifetime label.mobile-products :nth-child(4) {
font-size: 70%;
color: #959595;
}
}
/* make guarantee look nicer in ipad portrait */
@media only screen and (min-width: 744px) and (orientation : portrait) {
.productinfo .guarantee {
position: relative;
top: -356px;
right: 341px;
margin-bottom: -100px;
}
form.products, .familypack-pricing {
width: 204px;
}
form.products, .familypack-pricing .product {
min-width: auto;
}
.familypack-img {
display: none;
}
}
@media only screen and (min-width: 744px) and (max-device-width : 1024px) and (orientation : landscape) {
.productinfo .guarantee {
position: relative;
left: 230px;
top: -99px;
}
.productinfo {
margin-bottom: -100px;
}
form.products {
width: 20vw;
}
}
</style>
<div id="mobile-spo-test" style="display:none">
<div id="spotest-mobile">
<div class="mobile-container" style="padding-top:0">
<img src='../../globals/img/devices-2.png' class="test-img">
<h1>Learn <span class='langname'></span><br> with Rosetta Stone<sup>®</sup></h1>
<div class="ratings">
<img src="../../globals/img/stars.png" alt="" class="ratingstars">
<div>(239 Reviews)</div>
</div>
<p>
If speaking <span class="langname"></span> in the real world is your goal, you've come to the right place.
Our program lets you learn your second language the way you learned your first,
with an intuitive, immersive method that's as fun to use as it is effective.
<a href="#" class="learn_more trigger-spo-lb">Learn More</a>
</p>
<ul class='features'>
<li><span class="usersno">1 User</span> - <span class="duration">12</span> month access</li>
<li>Learn anywhere on any device</li>
<li>Speech Recognition</li>
<li style="display:none" class="livetutoring">Live tutoring sessions**</li>
</ul>
<form class="mobile-test-form">
<label class="mobile-products">
<div><input type='radio' data-producttype='12m' name='producttype' checked /></div>
<div>12 Month</div>
<div class="saleprice">$<span>249</span></div>
<div class="msrpprice">$<span>499</span></div>
</label>
<label class="mobile-products">
<div><input type='radio' data-producttype='24m' name='producttype' /></div>
<div>24 Month</div>
<div class="saleprice">$<span>249</span></div>
<div class="msrpprice">$<span>499</span></div>
</label>
<a href="" data-producttype="singleuser" class="addtocart mobile-addtocart">ADD TO CART</a>
</form>
</div>
<!-- /mobile-container -->
<div class="mobile-test-lifetime">
<div class="mobile-container">
<h2><span class="langname"></span> Family Pack</h2>
<h3>Want to learn with<br>your whole family?</h3>
<p>Includes the same personalized learning<br>for up to 3 family members for 24 months.
<a href="#" class="learn_more learn_more_family trigger-spo-lb">Learn More</a>
</p>
<form class="mobile-test-form">
<label class="mobile-products">
<div></div>
<div class='msrpprice'><sup>$</sup><span>599</span></div>
<div class='saleprice'><sup>$</sup><span>249</span></div>
<div>24 Months</div>
</label>
<a href="" data-producttype="familypack" class="addtocart">ADD TO CART</a>
</form>
</div>
</div>
<div style="text-align:center; font-size: 80%;padding-top: 15px;display:none" class="livetutoring">**Available at an additional cost in My Account post purchase</div>
<div><img src='../../globals/img/guarantee-3.png' alt='' class="guarantee"></div>
</div>
</div>
<div id="desktop-spo-section" style="display: none">
<div class='products-inner'>
<div class='productimage'> <img src='../../globals/img/devices-2.png' alt=''> </div>
<div class='productdetails'>
<div class='nolanguage'>
<h3>Rosetta Stone<sup>®</sup></h3>
If speaking your new language in the real world is your goal, you've come to the right place. Our program lets you learn your second language the way you learned your first, with an intuitive, immersive method that's as fun to use as it is effective.
</div>
<div class='productinfo'>
<h3>Learn <span class='langname'></span><br>with Rosetta Stone<sup>®</sup></h3>
<div class="ratings-desktop">
<img src="../../globals/img/stars.png" alt="" class="ratingstars">
<div>(239 Reviews)</div>
</div>
<div class='description'> If speaking <span class='langname'></span> in the real world is your goal, you've come to the right place. Our program lets you learn your second language the way you learned your first, with an intuitive, immersive method that's as fun to use as it is effective.
<a href="#" class="learn_more trigger-spo-lb">Learn More</a></div>
<ul class='features'>
<li><span class="usersno">1 User</span> - <span class="duration">12</span> month access</li>
<li>Learn anywhere on any device</li>
<li>Speech Recognition</li>
<li style="display:none" class="livetutoring">Live tutoring sessions**</li>
</ul>
<form class='products'>
<label>
<div>
<input type='radio' data-producttype='12m' name='producttype' checked /><span>12 Months</span>
</div>
<div class="prices">
<div class='msrpprice'>$<span>499</span></div>
<div class='saleprice'><sup>$</sup><span>249</span></div>
</div>
</label>
<label>
<div>
<input type='radio' data-producttype='24m' name='producttype' /><span>24 Months</span>
</div>
<div class="prices">
<div class='msrpprice'>$<span>499</span></div>
<div class='saleprice'><sup>$</sup><span>249</span></div>
</div>
</label>
<a class='addtocart' data-producttype='singleuser' style='margin-top: 10px;' href='#'>ADD TO CART</a>
</form>
<img src='../../globals/img/guarantee-3.png' alt='' class="guarantee">
</div>
</div>
</div>
<div class='familypack'>
<div class='products-inner'>
<div class='familypack-description'>
<div>
<div><span class="langname"></span> Family Pack</div>
<div>Want to learn with your whole family?</div>
<p>Includes the same personalized learning for up to 3 family members for 24 months.
<a href="#" class="learn_more learn_more_family trigger-spo-lb">Learn More</a>
</p>
</div>
</div>
<div class='familypack-pricing'>
<div class='product'>
<div class='msrpprice'><sup>$</sup><span>599</span></div>
<div class='saleprice'><sup>$</sup><span>349</span></div>
<div>24 Months</div>
</div>
<a data-producttype='familypack' class='addtocart inactive' href='#'>ADD TO CART</a>
</div>
<div class='familypack-img'> <img src='../../globals/img/family-2.png'> </div>
</div>
<div class="livetutoring" style="text-align:center;font-size:85%;padding-bottom:15px; display:none"> ** Available at an additional cost in My Account post-purchase</div>
</div>
</div>
<!-- ************************************************
LEARN MORE LIGHTBOX from July 2016 SPO (WS-1429)
Note: You can fill in Rosetta Stone _____ with a
language by filling in all elements with the
"language_name" class if you'd like
************************************************* -->
<div id="learn_more_lightbox_container">
<div id="learn_more_lightbox_overlay" class="close_learn_more_lightbox"></div>
<div class="learn_more_lightbox">
<!-- close at top -->
<div class="learn_more_close_container">
<div id="learn_more_lightbox_close_x" class="close_learn_more_lightbox">
<span class="learn_more_close_text">CLOSE</span>
<svg width="30" height="30" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<desc>X</desc>
<style type="text/css"><![CDATA[ #learn_more_lightbox_close_x line, #learn_more_lightbox_close_x circle{ stroke:#fff; stroke-width:1; stroke-linecap:round; } ]]></style>
<circle cx="5" cy="5" r="4.5" style="fill:transparent;"></circle>
<line x1="3.5" y1="3.5" x2="6.5" y2="6.5"></line>
<line x1="3.5" y1="6.5" x2="6.5" y2="3.5"></line>
</svg>
</div>
</div>
<!-- single user lightbox content -->
<div class="learn_more_single_user">
<img class="learn_more_devices" src="http://rosettastone.com/lp/globals/img/learn_more_devices.png" alt="">
<div class="learn_more_title">
<div class="learn_more_sub_type">
Single User – <span class="learn_more_sub_length">Online</span> Subscription
</div>
<!-- Rosetta Stone ________ -->
<div class="learn_more_rs_title">
Rosetta Stone <span class="language_name"></span>
</div>
</div>
<ul>
<li>Take your language lessons with you on the go — learn anywhere on any device with our mobile app.</li>
<li>Practice and perfect your pronunciation with our patented speech recognition engine.</li>
<li>Instead of memorizing difficult grammar rules, you'll learn through seeing, listening, and speaking from day one. Our technology-based approach helps you learn a new language intuitively and effectively. Before you know, you'll be thinking in your new language — instead of just speaking it.</li>
</ul>
<div class="stick_dude"></div>
</div>
<!-- family pack lightbox content -->
<div class="learn_more_family_pack">
<img class="learn_more_devices" src="http://rosettastone.com/lp/globals/img/learn_more_devices.png" alt="">
<div class="learn_more_title">
<div class="learn_more_sub_type">
Family Pack – <span class="learn_more_sub_length">Online</span> Subscription
</div>
<!-- Rosetta Stone ________ -->
<div class="learn_more_rs_title">
Rosetta Stone <span class="language_name"></span>
</div>
</div>
<ul>
<li><strong>Rosetta Stone Family pack provides you with three accounts,</strong> allowing you and two other family members to work on your language learning, each at your own pace.</li>
<li>Take your language lessons with you on the go — learn anywhere on any device with our mobile app.</li>
<li>Practice and perfect your pronunciation with our patented speech recognition engine.</li>
<li>Instead of memorizing difficult grammar rules, you'll learn through seeing, listening, and speaking from day one. Our technology-based approach helps you learn a new language intuitively and effectively. Before you know, you'll be thinking in your new language — instead of just speaking it.</li>
</ul>
<img src="http://rosettastone.com/lp/globals/img/family-2.png" alt="">
</div>
</div>
</div>
<script>
var $desktop = $('#desktop-spo-section').detach()
$('#products').append($desktop.html())
var $mobile = $('#mobile-spo-test').detach()
$('#products-mobile').append($mobile.html())
var sku_singleuser_12m = '97342'
var sku_singleuser_24m = '99042'
var sku_familypack = '90284'
var sku ;
$duration = $('span.duration')
$userno = $('span.usersno')
// These languages will show test modules
var langregex = /fra|ita|deu|esp|esc/i
var pricepoint = RSI({cat: 'esp', lvl: 'S5', media: 'box'})[0].price || 199
var promos = {
single: {
12: {
179: 'seville_12M',
184: 'bali_12M',
189: 'montreal_12M',
199: 'portland_12M',
229: 'venice_12M',
249: 'amsterdam_12M'
},
24: {
179: 'frankfurt_24M',
184: 'cannes_24M',
189: 'munich_24M',
199: 'barcelona_24M',
229: 'lima_24M',
249: 'amsterdam_12M'
}
},
familypack: {
179: 'vienna_F24M',
184: 'denver_F24M',
189: 'marrakesh_F24M',
199: 'reykjavik_F24M',
229: 'copenhagen_F24M',
249: 'belize_F24M'
}
}
var prices = {
179: {
12: 129,
24: 179,
familypack: 299
},
184: {
12: 134,
24: 184,
familypack: 304
},
189: {
12: 139,
24: 189,
familypack: 309
},
199: {
12: 144,
24: 199,
familypack: 314
},
229: {
12: 169,
24: 229,
familypack: 339
},
249: {
12: 179,
24: 249,
familypack: 349
},
}
// normal prices
var msrp_12 = 179 //RSI({cat:selectedLang, media: 'subscription', lvl: '12'})[0].msrp
var sale_12 = prices[pricepoint]['12']
var msrp_24 = 249 //RSI({cat:selectedLang, media: 'subscription', lvl: '24'})[0].msrp
var sale_24 = prices[pricepoint]['24'] //RSI({cat:selectedLang, media: 'subscription', lvl: '24'})[0].price
var family_msrp = 349;
var family_price = prices[pricepoint]['familypack']
/*window.setTimeout(function() {
if (typeof selectedLang != 'undefined' && selectedLang) {
if (isDesktop) {
$('#' + selectedLang).trigger('click');
} else {
$('#dropdown-language option[value='+selectedLang+']').prop('selected', true).trigger('change')
}
}
}, 50)*/
$livetutoring = $('.livetutoring')
$('form.products input[type=radio], .mobile-test-form input[type=radio]').change(function(e) {
var duration = $(this).data('producttype')
if (duration == '12m') {
$duration.html('12')
$livetutoring.hide()
}
if (duration == '24m') {
$duration.html('24')
$livetutoring.show()
}
})
// SPO add to cart btns
$('a.addtocart').click(function(e) {
e.preventDefault()
var carturl;
var cat = selectedLang
// Change skus based on product being added to cart.
if ($(this).data('producttype') == 'singleuser') {
var producttype = $(this).parents('form').find('input[type=radio]:checked').data('producttype')
sku = producttype == '12m' ? sku_singleuser_12m : sku_singleuser_24m
} else {
// premium
sku = sku_familypack
}
var pc;
switch(sku) {
case '97342':
pc = promos.single['12'][pricepoint]
break
case '99042':
pc = promos.single['24'][pricepoint]
break
case '90284':
pc = promos.familypack[pricepoint]
break
default:
pc = ''
}
//carturl = ('https://secure.rosettastone.com/us_en_store_view/checkout/cart/add/sku/' + sku + '/category_id/' + cat + '/' + window.location.search).replace(/https\:\/\/secure\./i, 'http://secure.stg.')
carturl = 'https://secure.rosettastone.com/us_en_store_view/checkout/cart/add/sku/' + sku + '/category_id/' + cat + '/?pc=' + pc
if (!carturl || !sku || !cat || carturl.match(/undefined/g)) {
// show an error
$(document.body).prepend('<div style="background: #F4BABA; padding: 4vh 0; text-align: center; color: #333; border-top: 2px solid red; position: fixed; width: 100%; bottom: 0; z-index: 10;">An error occurred. Please <a href="javascript:location.reload()">reload</a> the page and try again.<br />If issue persists, please call 1-800-ROSETTA to place your order</div>')
}
if(cat != "SELECT A LANGUAGE"){
$(this).attr('href', carturl)
window.location.href = carturl
}else{
$('html, body').animate({
scrollTop: $('#products-mobile').offset().top
}, 500);
}
return false;
})
/*
* Test module only handles FIGS. We still let the original click
* handler do its other jobs, but if language is FIGS, we
* add on to the handler (by adding another handler =/ )
*/
$('.language-buy-list li a').click(function() {
selectedLang = $(this).attr('id');
if (selectedLang.match(langregex)) {
$('#products > .container').hide()
$('.productinfo, .familypack, .products-inner').show()
$('.nolanguage').hide()
var langname = RSI({cat:selectedLang,media:'download'})[0].language.replace(/\s\(.+\)/, '');
$('span.langname').html(langname)
// **** prices ***** //
$('form.products label:eq(0) .msrpprice span').html(msrp_12)
$('form.products label:eq(0) .saleprice span').html(sale_12)
$('form.products label:eq(1) .msrpprice span').html(msrp_24)
$('form.products label:eq(1) .saleprice span').html(sale_24)
// spo prices
$('.familypack-pricing .msrpprice span').html(family_msrp)
$('.familypack-pricing .saleprice span').html(prices[pricepoint]['familypack'])
if (sale_12 == msrp_12) {
$('#products form.products label:first-of-type .msrpprice').hide()
}
if (sale_24 == msrp_24) {
$('#products form.products label:last-of-type .msrpprice').hide()
}
// hide familypack msrp is same as sale
if (family_price == family_msrp) {
$('#products .familypack .msrpprice').hide()
}
} else {
// show control module
$('.products-inner').hide()
$('#products > .container').show()
}
})
/*
* Mobile Lang Select SPO Test
* Test module only handles FIGS. We still let the original click
* handler do its other jobs, but if language is FIGS, we
* add on to the handler (by adding another handler =/ )
*/
$('select#dropdown-language').change(function() {
selectedLang = $(this).val();
if (selectedLang.match(langregex)) {
$('#products-mobile form:not(.mobile-test-form), #products-mobile div.cd-download, #mobileButton + img, #products-mobile button.atc-mobile').hide()
$('#spotest-mobile').show()
var langname = RSI({cat:selectedLang,media:'download'})[0].language.replace(/\s\(.+\)/, '');
$('span.langname').html(langname)
// **** prices ***** //
$('#spotest-mobile .mobile-products:eq(0) .saleprice span').html(sale_12)
$('#spotest-mobile .mobile-products:eq(1) .saleprice span').html(sale_24)
$('#spotest-mobile .mobile-products:eq(0) .msrpprice span').html(msrp_12)
$('#spotest-mobile .mobile-products:eq(1) .msrpprice span').html(msrp_24)
// spo prices
$('#spotest-mobile > div.mobile-test-lifetime > div > form > label > div.msrpprice > span').html(family_msrp)
$('#spotest-mobile > div.mobile-test-lifetime > div > form > label > div.saleprice > span').html(family_price)
if (sale_12 == msrp_12) {
//$('#spotest-mobile form.mobile-test-form:first-of-type label:first-of-type .msrpprice').hide()
$('#spotest-mobile > div.mobile-container .msrpprice').hide()
}
if (sale_24 == msrp_24) {
$('#spotest-mobile > div.mobile-test-lifetime .msrpprice').hide()
}
// hide familypack msrp is same as sale
if (family_price == family_msrp) {
$('#spotest-mobile .msrpprice').hide()
}
} else {
// hide test, show control module
$('#spotest-mobile').hide()
$('#products-mobile form:not(.mobile-test-form), #products-mobile div.cd-download, #mobileButton + img, #products-mobile button.atc-mobile').show()
$('#products-mobile button.atc-mobile, #mobileButton + img').css({display:'block'})
}
});
/*
* This is copied verbatum from main_modules. But we must register this
* event after the test is listening, or else nothing happens
*/
if (!isDesktop && grabUrlParam('language') == null) {
// preselect spanish
$('#dropdown-language option:nth-of-type(2)').prop('selected', true).trigger('change')
$('a.online').click()
}
if (!isDesktop && grabUrlParam('language')) {
$('#dropdown-language option[value=' +grabUrlParam('language')+ ']').prop('selected', true).trigger('change')
}
</script>
<script>
//****************************************************
// Learn more lightbox
//****************************************************
function open_learn_more_lightbox(type){
// show family content if desired
if(type==='family'){
$('.learn_more_lightbox').addClass('learn_more_family_lightbox');
}
// otherwise show single user content
else{
$('.learn_more_lightbox').removeClass('learn_more_family_lightbox');
}
// show lightbox
$('#learn_more_lightbox_container').fadeIn();
}
function close_learn_more_lightbox(){
$('#learn_more_lightbox_container').fadeOut();
}
// open learn more single user lightbox
$('.learn_more').on('click', function(e){
e.preventDefault()
open_learn_more_lightbox();
return false;
});
// open learn more family pack lightbox
$('.learn_more_family').on('click', function(e){
e.preventDefault()
console.log('HI')
open_learn_more_lightbox('family');
return false;
});
// close lightbox (by clicking button or clicking outside lightbox)
$('.close_learn_more_lightbox').on('click', close_learn_more_lightbox);
// check if url parameter matches a value
function parameterMatches(param,val){
var reg = new RegExp('[?&]'+param+'='+val+'(?=[&]|$)','i');
return !!window.location.search.match(reg);
}
// if lightbox=yes url parameter, show "learn more" lightbox links
if(parameterMatches('lightbox','yes')){
$('.learn_more_links').show();
}
</script>