Thu May 04 2017
Copied to clipboard! Copy reply
  • 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
    <style>
    @font-face {
    font-family: gothambook;
    font-weight: normal;
    font-style: normal;
    src: url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-book.ttf"), url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-book.eot?#iefix"); }
    @font-face {
    font-family: gothammedium;
    font-weight: normal;
    font-style: normal;
    src: url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-medium.ttf"), url("http://www.rosettastone.com/lp/globals/fonts/gotham/gothamhtf-medium.eot?#iefix"); }
    #rs-ee-product-lightboxes-bg {
    cursor: pointer;
    visibility: visible;
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
        z-index: 100;
    display: none; }

    #rs-ee-product-lightboxes {
    z-index: 100;
    position: fixed;
    top: 75px;
    left: 10%;
    position: fixed;
    width: 1200px;
    height: auto;
    margin: 0px auto;
    background-color: #f1f1f1;
    padding-top: 24px;
    font-size: 16px;
    line-height: normal;
    font-family: 'gothambook', arial, sans-serif; }
    @media screen and (max-width: 1200px) {
        #rs-ee-product-lightboxes {
            width: auto;
        position: absolute;
        left: 0px;
        margin: 5px; } }
    #rs-ee-product-lightboxes #rs-ee-product-close {
        right: 4px;
        top: -35px;
        position: absolute;
        font-size: 1em;
    color: white;
        cursor: pointer; }
        #rs-ee-product-lightboxes #rs-ee-product-close img {
        width: 1em;
        height: 1em; }
    #rs-ee-product-lightboxes h1 {
        color: #4487c0;
        font-size: 2em;
        font-family: 'gothambook', arial, sans-serif;
        margin-bottom: 16px;
        }
        @media screen and (max-width: 1200px) {
        #rs-ee-product-lightboxes h1 {
            font-size: 1em; } }
    #rs-ee-product-lightboxes p {
        font-size: 1em;
        color: #3e3d3f;
        font-family: 'gothambook', arial, sans-serif; }
    #rs-ee-product-lightboxes button {
        text-shadow:none;
        margin-top: 16px;
        background: none;
        background-color: #0098db;
        border-radius: 5px;
        padding: 12px 28px;
        outline: none;
        border: none;
        cursor: pointer;
        font: none; 
        text-shadow:none;
        }
        #rs-ee-product-lightboxes button a {
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        line-height: normal;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 200; }
    #rs-ee-product-lightboxes.active {
        display: block; }
    #rs-ee-product-lightboxes .main_content {
        text-align: center;
        padding-bottom: 16px; }
        #rs-ee-product-lightboxes .main_content p {
        width: 65%;
        margin: 0px auto; }
        @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .main_content p {
            width: 90%; } }
    #rs-ee-product-lightboxes .products-container {
        overflow: auto;
        opacity: 1;
        z-index: 1000;
        text-align: center;
        margin: 0px auto;
        width: 90%; }
        @media screen and (max-width: 1200px) {
        #rs-ee-product-lightboxes .products-container {
            width: 100%; } }
        #rs-ee-product-lightboxes .products-container .product-column {
        z-index: 1000;
        float: left;
        max-width: 250px;
        padding: 5px;
        margin-left: 10px; }
        @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .products-container .product-column {
            min-width: 100%;
            max-width: 100%;
            margin-left: 0px;
            padding: 0px;
            margin-top: 20px; } }
        #rs-ee-product-lightboxes .products-container .product-column .header {
            padding: 8px 0px 8px 0px;
            color: white;
            min-height: 80px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px; }
            #rs-ee-product-lightboxes .products-container .product-column .header .cta-container {
            display: none; }
            @media screen and (max-width: 1200px) {
                #rs-ee-product-lightboxes .products-container .product-column .header .cta-container {
                display: block;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px; }
                #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button {
                    text-shadow:none;
                    background: none;
                    background-color: #f0c433; }
                    #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button a {
                    color: #3e3d3f; }
                #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button.js-rsee-personal {
                    background: none;
                    background-color: #0098db; }
                    #rs-ee-product-lightboxes .products-container .product-column .header .cta-container button.js-rsee-personal a {
                    color: white; } }
            @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .products-container .product-column .header {
                border-top-left-radius: 0px;
                border-top-right-radius: 0px; } }
            #rs-ee-product-lightboxes .products-container .product-column .header.yellow {
            background-color: #f0c433;
            color: black; }
            #rs-ee-product-lightboxes .products-container .product-column .header.blue {
            background-color: #4487c0; }
            #rs-ee-product-lightboxes .products-container .product-column .header.blue-dark {
            background-color: #2497b7; }
            #rs-ee-product-lightboxes .products-container .product-column .header.blue-darker {
            background-color: #71bbd5; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-name {
            text-transform: uppercase;
            border-bottom: 1px;
            font-size: 1em;
            font-weight: bold;
            padding-bottom: 5px; }
            #rs-ee-product-lightboxes .products-container .product-column .header hr {
                margin-top: 16px;
            border-style: solid; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-details {
            font-size: 0.80em;
            margin-top: 16px;
            color: white; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-1 {
                font-family: 'gothammedium', arial, sans-serif;
                text-transform: uppercase; }
                #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-1.diff {
                color: #3e3d3f; }
            #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-2 {
                font-family: 'gothambook', arial, sans-serif; }
                #rs-ee-product-lightboxes .products-container .product-column .header .product-details .line-2.diff {
                color: #3e3d3f; }
        #rs-ee-product-lightboxes .products-container .product-column .content {
            z-index: 1000;
            background-color: #ffffff;
            margin: 0px;
            padding: 16px 0px 0px 0px;
            text-align: left;
            font-size: 0.80em;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px; }
            @media screen and (max-width: 1200px) {
            #rs-ee-product-lightboxes .products-container .product-column .content {
                position: relative;
                display: none;
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px; } }
            #rs-ee-product-lightboxes .products-container .product-column .content ul {
            list-style: none;
            padding: 0px 10px; 
            overflow: hidden;
            }

    #rs-ee-product-lightboxes .products-container .product-column .content ul.tall {
            height: 380px;
            }

            #rs-ee-product-lightboxes .products-container .product-column .content .disclaimer{
                opacity:0.72;
                font-size: 13px;
                    position: absolute;    
                    bottom: 95px;
            }

            #rs-ee-product-lightboxes .products-container .product-column .content ul.short {
            height: 215px;
            }


            #rs-ee-product-lightboxes .products-container .product-column .content ul li {
                margin-top: 15px;
                position: relative;
                padding-left: 25px; }
            #rs-ee-product-lightboxes .products-container .product-column .content ul li:before {
                content: '';
                position: absolute;
                background-image: url("/lp/rs-ee-product-lightboxes-assets/check-mark.svg");
                width: 18px;
                height: 18px;
                left: 0px; }
            #rs-ee-product-lightboxes .products-container .product-column .content .special {
            text-transform: uppercase;
            padding-left: 15px;
            text-align: center; }
            #rs-ee-product-lightboxes .products-container .product-column .content .cta-container {
            background-color: #3e3d3f;
            min-height: 80px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            text-align: center;
            font-weight: bold; }
            @media screen and (max-width: 1200px) {
                #rs-ee-product-lightboxes .products-container .product-column .content .cta-container {
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px; } }
            #rs-ee-product-lightboxes .products-container .product-column .content .cta-container button {
                text-shadow:none;
                background: none;
                margin-top: 16px;
                background-color: #0098db;
                border-radius: 5px;
                padding: 12px 28px;
                outline: none;
                border: none;
                cursor: pointer; }
                #rs-ee-product-lightboxes .products-container .product-column .content .cta-container button a {
                color: white;
                text-transform: uppercase;
                font-size: 16px;
                line-height: normal;
                text-decoration: none;
                letter-spacing: 1px;
                font-weight: 200; }  

    </style>

    <div id="rs-ee-product-lightboxes-bg">
    <div id="rs-ee-product-lightboxes">

        <div id="rs-ee-product-close">
            CLOSE <img src="/lp/rs-ee-product-lightboxes-assets/close.svg" alt="close">
        </div>
        
        <div class="main_content">
            <h1>Proven, results-based language learning.</h1>
            <p>Our award-winning learning approach has been used in thousands of homes, schools and businesses to help students and employees successfully learn a new language.</p>
        </div>

        <div class="products-container">
            <div class="product-column">
                <div class="header yellow">
                    <span class="product-name">PERSONAL EDITION</span> 
                    <hr width="10%"/> 
                    <p class="product-details"><span class="diff line-1">24 months for $199</span>
                    <br/>
                    <span class="diff line-2">Single user subscription</span></p>
                    <div class="cta-container">
                        <button class="js-rsee-personal"><a class="js-rsee-personal" href="#" >LEARN MORE</a></button>
                    </div>
                </div>
            <div class="content" id="js-rsee-personal-content">
                    <ul class="tall">
                        <li>Learn on any device—lessons sync instantly</li>
                        <li>Choose one of 24 available languages, including English</li>
                        <li>TruAccent™ pronunciation training technology</li>
                        <li>Learn hands-free with audio lessons</li>
                        <li>Practice speaking with read aloud stories</li>
                        <li>Easily reference words and expressions with Phrasebook</li>
                        <li>Web and telephone support</li>     
                        <li>Build confidence using native speaking tutors*</li>                                   
                    </ul>          
                    <span class="disclaimer" >* Optional item with additional fees</span>
                    <div class="cta-container">
                        <button href="http://www.rosettastone.com/lp/sbsr/sitewide?ocid=link-homepage-personal" onclick=";window.location.href=this.getAttribute('href');return false;"><a href="http://www.rosettastone.com/lp/sbsr/sitewide?ocid=link-homepage-personal">SHOP NOW</a></button>
                    </div>

                </div>                   
            </div>
            <div class="product-column">
                <div class="header blue">
                    <span class="product-name">TEAM EDITION</span>  
                    <hr width="10%"/>
                    <p class="product-details"><span class="line-1">$389 per user, per year</span>
                    <br/><span class="line-2">Groups of up to 25 users</span></p>
                    <div class="cta-container">
                        <button class="js-rsee-team"><a class="js-rsee-team" href="#" >LEARN MORE</a></button>
                    </div>
                </div>
                <div class="content" id="js-rsee-team-content">
                    <ul class="tall">
                        <p class="special">MOST FEATURES IN THE PERSONAL EDITION, PLUS:</p>
                        <li>24 available languages, including English</li>
                        <li>English Proficiency Testing</li>
                        <li>Synced desktop, tablet, and mobile capability</li>
                        <li>Automated placement testing</li>
                        <li>Learner usage reporting</li>
                        <li>Implementation, web, and telephone support</li>
                        <li>Guided self-paced experience focuses on fundamentals</li>
                        <li>Build confidence using native speaking tutors</li>
                        <li>Transferable licenses</li>
                    </ul> 
                    

                    <div class="cta-container">
                        <button href="http://www.rosettastone.com/lp/team-edition/?ocid=link-homepage-eeteam" onclick=";window.location.href=this.getAttribute('href');return false;" ><a href="http://www.rosettastone.com/lp/team-edition/?ocid=link-homepage-eeteam">SHOP NOW</a></button>
                    </div>             
                </div> 
                        
            </div>
            <div class="product-column">
                <div class="header blue-dark">
                        <span class="product-name">BUSINESS SOLUTION</span>  
                        <hr width="10%"/>                    
                        <p class="product-details"><span class="line-1">FOR ORGANIZATIONS</span>
                        <br/><span class="line-2">up to 20,000 users</span></p>
                        <div class="cta-container js-rsee-business">
                        <button class="js-rsee-business"><a href="#" class="js-rsee-business" >LEARN MORE</a></button>
                    </div>
                </div>             
                <div class="content" id="js-rsee-business-content">
                    <ul class="short">
                        <p class="special">ALL FEATURES IN THE TEAM EDITION, PLUS:</p>
                        <li>Content adaptable to industry and culture</li>
                        <li>Recommends appropriate language-learning path based on testing and learner’s goals</li>
                        <li>Full suite of administrative and reporting tools</li>                    
                    </ul>  

                    <div class="cta-container">
                        <button href="http://www.rosettastone.com/lp/business?ocid=link-homepage-eebiz" onclick=";window.location.href=this.getAttribute('href');return false;" ><a href="http://www.rosettastone.com/lp/business?ocid=link-homepage-eebiz">REQUEST PRICING</a></button>
                    </div>
                </div>  
            </div>
            <div class="product-column">
                <div class="header blue-darker">                 
                    <span class="product-name">EDUCATION SOLUTION</span>  
                    <hr width="10%"/>
                    <p class="product-details"><span class="line-2">Classroom to District</span><br/><span class="line-2">implementations</span></p>
                    <div class="cta-container">
                        <button class="js-rsee-education"><a class="js-rsee-education" href="#">LEARN MORE</a></button>
                    </div>
                </div>                
                <div class="content" id="js-rsee-education-content">
                    <ul class="short">
                        <p class="special">ALL FEATURES IN THE TEAM EDITION, PLUS:</p>
                        <li>Easy integration with blended learning models</li>
                        <li>Games and activities</li>
                        <li>Supplemental materials</li>
                        <li>Full suite of administrative and reporting tools</li>
                    </ul>                
                    <div class="cta-container">
                        <button href="http://www.rosettastone.com/lp/k12?ocid=link-homepage-eek12" onclick=";window.location.href=this.getAttribute('href');return false;" ><a href="http://www.rosettastone.com/lp/k12?ocid=link-homepage-eek12">REQUEST PRICING</a></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>



    <script>



    $( document ).ready(function() {
    
    $('.nav-items').append('<li class="nav-item noselect"><button id="js-rsee-lightbox-trigger"  style="background-color: #0098db;background-image: none;color: white;width: 100px;height: 30px;top: -8px;left: 12px;position: relative;text-shadow:none;"  tabindex="0">PRICING</button></li>');

    var $rs_ee_product_lightboxes = $('#rs-ee-product-lightboxes-bg');

    var revertFlag = false;

    $('#rs-ee-product-close, #js-rsee-lightbox-trigger').click(function(){
        

        $rs_ee_product_lightboxes.fadeToggle('active');
        $('.demo-wrap').toggle()

    /* To make lighbox scrollable */
    
        if(Liferay.Browser.isMobile()){
            if( !revertFlag ){
                revertFlag = true;
                $('body').css('overflow-y', 'hidden');
                $('body').css('height', '100%');
                $('body').css('position', 'fixed');
                $('#rs-ee-product-lightboxes-bg').css('overflow-y', 'scroll');            
                $('#rs-ee-product-lightboxes-bg').on('touchmove touchstart', function (e) {
                e.stopPropagation();            
                });	 
            }else{            
                $('body').css('overflow-y', 'scroll');
                $('body').css('position', 'static');
                $('body').css('height', 'auto');
                $('body').unbind('touchmove');
                revertFlag = false;
            }
        }

    })

    $('.header .cta-container').click(
        function(e){        
            $('#'+e.target.className+'-content').show();
            $('.'+e.target.className).hide();                                
            $('html, body').animate({
                    scrollTop:   $('#'+e.target.className+'-content').parent().offset().top
                }, 1000);         
        }) 


        setTimeout(function(){  
            if( $('#nav-cart-items').html() !== " " && $('.cart-product-name').html().match(/Team Edition/) ){
                $('#cartbadge').hide()
        }}, 500);


    });

    </script>